Customizing tags list in sidebar
Journal Preview: dj_aida
Style Name: Smooth Sailing
Account Type: Paid
Problem/Question:
1. Customizing tags list in sidebar - Yesterday I took a plunge and went ahead with creating a layer so that I could have multi-level tags. Everything went beautifuly, compiled with no errors. I managed to do some basic customizations with css, but not as much as I'd like.
Is it possible to have the first-level tag styled differently that the second and the third (which I don't have yet but will)? Right now all the bullets are removed, and I have an image I also use for the links list. It looks right with the second-level tags, but treats the first-level tags as some sort of a box.
If this is not something that can be done strictly with css, let me know and I'll ask in other places. I will crosspost this to s2smoothsailing as well.
2. CSS character limit - Right now, whenever I try to add several lines to the css customization area, the page loads and loads, then takes me to a blank page, so I suspect I've gone over the character limit. I discovered that while I was trying to customize my tags list. Is there a place I could go to that would check my limit and compact the css?? Much obliged!
ETA answered at s2smoothsailing.
/* --- stylesheet by INTROJECT (at) UNEQUALLY ---
--- (s2 smooth sailing : the slow equilibrium)
--- found at unequally.livejournal.com ---
------------------- BODY ------------------- */
body {
background:url('http://pics.livejournal.com/dj_aida/pic/0005fczs');
font-size:8pt;
color:#444;
font-family:"georgia", serif;
margin:0;
}
a,a:visited,.day-count a,.entryHeader a,div.ContextualPopup .Relation {
text-decoration:none;
color:#904443;
padding:3px;
}
a:hover {
color:#5F5841;
position:relative;
top:1px;
left:1px;
padding:3px;
}
b,u {
color:#664e3a;
}
i,em {
color:#6b6b6b;
}
blockquote {
border:3px double #664E3A;
background:#F0E9D3 scroll 0 100%;
color:#2C2B26;
padding:15px;
}
code {
font-family:monospace;
display:block;
border:1px dashed #eee;
font-size:12px;
padding:5px;
}
input,textarea,select {
font-family:Arial, Tahoma, Verdana, sans-serif;
font-size:12px;
color:#4F4A4A;
background:#fafafa;
line-height:150%;
border:1px solid #d8d2b2;
padding:2px;
}
/* ----------------- PAGE ----------------- */
.bodyblock {
margin-right:auto;
margin-left:auto;
width:950px;
padding:0 15px;
}
.body-title {
display:yes;
width: 760px;
text-transform:smallcaps;
font-family:"georgia";
text-decoration:none;
font-size:14pt;
font-style:italic;
color:#664E3A;
text-align:left;
letter-spacing:1px;
margin: 0 0px 0 105px;
padding: 0 0px 5px 200px;
}
.body-midtitle {
font-weight: bold;
color: #444;
text-transform: smallcaps;
padding: 20px 0 0 10px;
}
.bodyheaderblock {
border:0;
color:#888;
padding:0;
}
.bodynavblock {
color:#777;
margin:0 0 4px;
padding:8px;
}
.bodynavblock a,.bodynavblock a:visited {
color:#444;
}
.pageblock {
margin:0;
}
/* ------------------- HEADER ------------------*/
.pageheaderblock {
background:transparent url(http://i62.photobucket.com/albums/h103/DJ_Aida/00_m7_walls-1.png) no-repeat top center;
width:900px;
height:200px;
padding-top:250px;
text-align:center;
border-top:0 solid #FAF0E6;
margin:auto;
}
.header-menu {
position:relative;
font-family:Georgia;
font-size:9pt;
color:maroon;
text-transform:lowercase;
text-align:left;
background-color:transparent;
margin-left:95px;
width:auto;
border:0;
padding-top:10px;
}
.header-menu ul {
padding-left:0;
list-style-type:none;
margin:0;
}
.header-menu li {
position:relative;
display:block;
left:-90px;
right:0;
line-height:24px;
padding:0;
}
.header-menu a,.header-menu a:visited,.header-menu a:active {
text-decoration:none;
white-space:normal;
font-weight:700;
padding:0 8px;
}
.header-menu a:hover {
text-decoration:none;
background:transparent url(http://i62.photobucket.com/albums/h103/DJ_Aida/bullet-1.png) no-repeat left;
padding-left:15px;
}
/* ----------------- FOOTER ------------------ */
#footer-menu {
background:url('');
font-size:11px;
padding:25px 15px;
}
#footer-menu a,.footer-menu a:visited {
text-align:left;
color:#333;
background:#eae3cd;
padding:5px;
border: 1px solid #cfbc9b;
}
#footer-menu a:hover {
color:#b4ad8f;
}
.pagefooterblock {
background-color:#131313;
color:#444;
font-family:"arial";
letter-spacing:.3pt;
text-align:right;
margin-top:-4px;
padding:12px 15px;
}
.pagefooterblock a,.pagefooterblock a:visited {
color:#69D2E7;
}
#footer-menu li {
display:inline;
}
/* ------------------ ENTRY -------------------*/
.entryHolder {
line-height:1.75;
background:url('http://i62.photobucket.com/albums/h103/DJ_Aida/crumpledPaper.jpg');
margin:0 0 2px;
border: 3px double #cfbc9b;
}
.entryUserinfo {
text-align:center;
background-color:transparent;
font-weight:400 !important;
font-size:10px;
color:#9e9e9e !important;
position:relative;
z-index:10;
margin:5px;
padding:5px;
}
.entryUserinfo a {
font-size:11px;
letter-spacing:1px;
font-weight:700;
padding:3px;
}
.entryUserinfo-usericon img {
background-color:#DFD6B5;
border:1px solid #e6e6e6;
margin:5px;
padding:5px;
}
.entryText {
font-size:10pt;
min-height:30px;
border-left:1px solid #EAE3C6;
padding:15px;
}
.entryText dd {
font-weight:400;
font-style:italic;
}
.entryText quote {
font-style:italic;
padding-left:20px;
}
.entryText img {
max-width:500px;
}
#welcomenoteHolder {
background:url(http://i62.photobucket.com/albums/h103/DJ_Aida/crumpledPaper.jpg) transparent; border: 3px double #cfbc9b;
}
#welcomenoteHeader {
}
#welcomenoteSubject {
font-family: Georgia, serif; color:#444; font-size: 18px; font-weight: bold; text-align: center;
}
#welcomenoteText {
font-family: Georgia, serif; font-style: italic; text-align: center;
}
/* ---------------- SUBJECT ------------------ */
.entryHeader {
color:#eee;
font-family:"georgia", sans-serif;
text-decoration:none;
text-align:right;
font-size:0;
letter-spacing:-0.5pt;
border-bottom:1px solid #e9e2c5;
min-height:7px;
padding:15px 20px 0 0;
}
.entryHeaderSubject {
display:block;
font-size:12pt;
color:#f3edda;
text-transform:lowercase;
}
.entryHeaderSubject a {
font-size:18pt;
font-style:italic;
}
/* ----------------- DATE -------------------- */
.entryHeaderDate {
display:block;
text-transform:lowercase;
color:#777;
margin-bottom:-3px;
font-size:10pt !important;
font-family:"georgia";
line-height:1px;
}
.entryHeaderDate a {
color:#ccc;
text-decoration:none;
}
.entryHeaderDate a:hover {
color:#ddd;
text-decoration:underline;
}
/* ---------------- METADATA ------------------ */
.entryMetadata {
padding-bottom:18px;
padding-left:40px;
font-family:"franklin gothic medium";
color:#696969;
border-left:1px solid #EAE3C6;
}
.entryMetadata li {
list-style:none;
font-size:8pt;
clear:left;
}
.entryMetadata-label {
font-weight:700;
padding-right:3px;
}
.entryMetadata a:hover {
color:#BFAE9B;
}
.entryMetadata img {
vertical-align:middle !important;
display:block;
position:left;
padding-top:3px;
padding-right:5px;
padding-bottom:5px;
}
/* -------------- COMMENT LINKS ---------------- */
.entryLinkbar {
border-top:1px solid #eae3c6;
font-family:"georgia", sans-serif;
text-transform:lowercase;
letter-spacing:.2pt;
font-size:8pt;
text-align:right;
padding:0;
}
.entryLinkbar ul {
background:transparent url(http://i62.photobucket.com/albums/h103/DJ_Aida/7men-1.png) no-repeat bottom left;
margin:0;
padding:20px 0;
}
.entryLinkbar li {
border:1px solid #eae3c6;
display:inline;
margin:0;
padding:20px 12px;
}
.entryLinkbar li:hover {
background:#FFFCEF;
padding:20px 12px;
}
.entryLinkbar a:hover {
color:#5F553B;
}
/* ----------------- SIDEBAR ------------------*/
.sidebar {
width:190px;
font-family:"arial";
color:#555;
font-size:8pt;
line-height:100%;
background:transparent url(http://i62.photobucket.com/albums/h103/DJ_Aida/maude_sb.png) no-repeat bottom center;
margin:auto;
padding:10px 10px 270px;
}
img.profile-userpic {
text-align:center;
border:5px solid #F0E9D3;
margin:5px;
padding:5px;
}
.sideboxTitle {
text-transform:smallcaps;
font-family:"georgia";
text-decoration:none;
font-size:14pt;
font-style:italic;
color:#664E3A;
text-align:left;
letter-spacing:1px;
background:url(http://i62.photobucket.com/albums/h103/DJ_Aida/hr-01.png) repeat-x bottom left;
margin:5px auto;
padding:8px;
}
.sideboxContent {
text-align:left;
padding:2px 4px;
}
.sidebox #tags_sidebox a {
display:block;
text-align:left;
font-family:"georgia",sans-serif;
font-size:12px;
font-weight:400;
border-bottom:1px solid #CFBC9B;
background:transparent url(http://i62.photobucket.com/albums/h103/DJ_Aida/b002.gif) no-repeat left;
padding-left:13px;
}
.sidebox #tags_sidebox {
text-align:left;
font-size:0 !important;
}
#tags_sidebox ul, .sbaritem {
list-style-type: none;
text-align: left;
}
.sbaritem {
font-size:12px;
border-bottom:1px solid #CFBC9B;
margin-left: -17px;
padding: 1px 0px;
text-indent: ;
background:transparent url(http://i62.photobucket.com/albums/h103/DJ_Aida/b002.gif) no-repeat left;
padding-left:13px;
}
.sidebox #freetext {
text-align:left;
line-height:100%;
}
.sidebox #search {
text-align:right;
}
.sidebox #summary {
text-align:left;
font-size:7.5pt;
font-family:"franklin gothic medium";
}
.sidebox #systemlinks a {
text-align:left;
font-weight:400;
}
.sidebox #systemlinks .listitem {
border-bottom:1px solid #CFBC9B;
background:transparent url(http://i62.photobucket.com/albums/h103/DJ_Aida/b002.gif)no-repeat left;
padding-top:7px;
padding-left:13px;
padding-bottom:3px;
line-height:120%;
}
.listitem {
font-size:9pt;
font-family:"georgia", sans-serif;
text-align:left;
border-bottom:1px solid #CFBC9B;
background:transparent url(http://i62.photobucket.com/albums/h103/DJ_Aida/b002.gif)no-repeat left;
padding-left:13px;
}
.sideboxContent input#SearchTerm,select#SearchType,input {
border:1px solid #d9cfad;
}
.sidebox #latestmonth {
text-align:left;
}
.sidebox #latestmonth table {
width:100%;
margin-left:auto;
margin-right:auto;
}
#latestmonth table td {
text-align:center;
color:#553E30;
border:1px solid #D6CEC0;
padding:1px;
}
.latestmonth-inactive {
background-color:#EFE5D2;
text-align:center;
padding:3px;
}
.latestmonth-active {
background-color:#FAF0E6;
text-align:center;
border:1px solid #DAB781;
padding:3px;
}
.latestmonth-active a {
text-decoration:none;
}
.listtitle {
font-size:9pt;
font-weight:700;
border-bottom:1px solid #BEAE8A;
}
/* ----- CUSTOM COMMENT PGS (PAID ONLY) -------*/
.commentUserinfo {
text-align:center;
margin:0 8px 8px 0;
}
.commentUserinfo-usericon img {
margin-left:10px;
border:0;
background:#DFD6B5;
padding:8px;
}
.commentHolder {
background:url('http://i62.photobucket.com/albums/h103/DJ_Aida/crumpledPaper.jpg');
margin:15px 10px;
padding:0;
border: 1px solid #cfbc9b;;
}
.commentText {
text-align:justify;
padding:10px;
}
.commentHeader {
color:#444;
font-weight:700;
text-transform:lowercase;
font-family:"georgia";
font-size:10pt;
padding:8px;
}
.commentHeaderScreened {
background-color:#EFE8D1;
margin:6px;
padding:6px;
}
.commentLinkbar {
text-align:right;
font-size:7pt;
border-top:1px solid #e9e2c6;
padding:2px 8px 8px 8px;
}
.commentLinkbar li {
border:1px solid #e9e2c6;
display:inline;
margin:0px;
padding: 7px 7px 6px;
}
.commentLinkbar li:hover {
background:#FFFCEF;
color:#5F5841;
}
.replyform {
padding-left:10px;
margin:auto;
}
/* ---------------- TAGS PG ----------------- */
.tagstable {
width:100%;
}
.tagstable,.tagstable td {
border:1px solid #eee4c9;
margin:1px;
}
.yearlinks{
text-align: right;
}
.yearlink{
padding-left:4px;
padding-right: 4px;
}
.month {
text-align:center;
width: 55%;
border: 1px solid #E9E2C5;
margin-right:auto;
margin-left:auto;
}
.daysubjects {
color: #888;
padding: 8px 8px 8px 40px;
}
.daytitles {
text-align: center;
font-weight: bold;
border: 1px solid #E9E2C5;
background: #F0E9D3;
color: #444;
}
.day-blank {
border: 1px solid #E9E2C5;
}
.day {
border: 1px solid #E9E2C5;
}
.day-date {
color: #444;
text-align: left;
padding-left: 4px;
}
.day-count {
width: 50%;
text-align: center;
float: right;
font-size: 16px;
font-weight: bold;
}
.day-count a {
text-decoration: none;
color: #900000;
}
/* --------- CONTEXTUAL POP-UPS ----------- */
div.ContextualPopup div.Inner {
background:#F3F5F2;
border:1px solid #900;
color:#828282 !important;
font-family:Verdana;
padding:5px;
}
div.ContextualPopup div.Inner a:link,div.ContextualPopup div.Inner a:visited {
text-decoration:none !important;
border-bottom-width:0;
border-bottom-style:none;
border-bottom-color:#-moz-use-text-color;
font-weight:700;
color:#828282 !important;
}
div.ContextualPopup .Relation,div.ContextualPopup .Content .OnlineStatus {
font-weight:700 !important;
color:#900;
}
div.ContextualPopup .Content {
color:#9E9E9E;
}
div.ContextualPopup .Userpic {
background:#f6f4f4;
border:1px solid #ccc;
margin:4px;
padding:10px;
}
div.ContextualPopup .Relation {
letter-spacing:1px;
border-bottom:1px dashed #ccc;
margin-bottom:4px;
padding-bottom:4px;
}
/* ------------- LJ TINY ICONS -------------- */
.ljuser img {
width:0;
height:0;
background-repeat:no-repeat;
background-color:transparent;
background-image:url(http://i62.photobucket.com/albums/h103/DJ_Aida/user_gray.png);
padding:0 7px 17px 12px !important;
}
.ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] {
background-color:transparent;
background-image:url(http://i62.photobucket.com/albums/h103/DJ_Aida/user_gray.png);
padding:0 7px 17px 12px !important;
}
.ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] {
background-color:transparent;
background-image:url(http://i62.photobucket.com/albums/h103/DJ_Aida/house.png);
padding:0 7px 17px 12px !important;
}
img[src="http://l-stat.livejournal.com/img/syndicated.gif"] {
background-color:transparent;
background-image:url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/feed.png');
background-position:center left;
background-repeat:no-repeat;
width:0;
height:0;
padding:17px 16px 0 2px !important;
}
img[src="http://l-stat.livejournal.com/img/newsinfo.gif"] {
background:transparent url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/gear.png') no-repeat;
background-repeat:no-repeat;
width:0;
height:0;
padding:17px 16px 0 2px !important;
}
img[src="http://l-stat.livejournal.com/img/anonymous.gif"] {
height:0;
width:0;
background:url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/question_frame.png') no-repeat;
padding:0 0 16px 16px !important;
}
img[src="http://l-stat.livejournal.com/img/openid-profile.gif"] {
height:0;
width:0;
background:url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/book_key.png') no-repeat;
padding:0 0 16px 16px !important;
}
img[src="http://l-stat.livejournal.com/img/talk/none.gif"] {
height:0;
width:0;
background:url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/delete.png') no-repeat;
padding:0 0 16px 16px !important;
}
img[src="http://l-stat.livejournal.com/img/help.gif"] {
height:0;
width:0;
background:url(http://i38.tinypic.com/vovi8j.png) no-repeat scroll 50% 50%;
padding:0 0 16px 16px !important;
}
img[src="http://l-stat.livejournal.com/img/pencil.gif"] {
height:0;
width:0;
background:url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/pencil_plus.png') no-repeat;
padding:0 0 16px 16px !important;
}
img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] {
width:0;
height:0;
background:url('http://i40.tinypic.com/289fp7d.png');
padding:0 0 16px 16px;
}
img[src="http://l-stat.livejournal.com/img/icon_private.gif"] {
width:0;
height:0;
background:url('http://i39.tinypic.com/mrrblj.png');
padding:0 0 16px 16px;
}
img[src="http://l-stat.livejournal.com/img/icon_groups.gif"] {
width:0;
height:0;
background:url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/lock_disable.png');
padding:0 0 16px 16px;
}
/* --------------- CONTROL STRIP ------------ */
#lj_controlstrip {
background:#131313;
}
#lj_controlstrip_statustext,#lj_controlstrip a {
color:#777;
}
#lj_controlstrip_user,#lj_controlstrip_actionlinks,#lj_controlstrip_search,#lj_controlstrip_login,#lj_controlstrip_loggedout_userpic,#lj_controlstrip_login td,#lj_controlstrip td td {
border:none !important;
}
#lj_controlstrip input {
background:#181818 !important;
color:#777 !important;
font-family:"courier new";
}
#lj_controlstrip_search_input_text,#lj_controlstrip select,#lj_controlstrip_search_submit,input#Logout,#lj_controlstrip input#xc_user,#lj_controlstrip input#xc_password,#lj_controlstrip input#xc_remember {
background:#131313 !important;
color:#777 !important;
border:1px solid #444;
font-family:"courier new";
}
#lj_controlstrip .ljuser a b {
color:#666;
font-family:georgia;
text-decoration:none !important;
}
/* ------------------ MISC ------------------ */
::-moz-selection {
background:#131313;
color:#FFFBEF;
}
.sticky {
background-image:url(http://i62.photobucket.com/albums/h103/DJ_Aida/mag7FO.jpg);
background-repeat:no-repeat;
float:right;
height:290px;
padding:5px 10px 50px 200px;
}
.stext {
text-align:right;
line-height:20px;
margin-left:-10px;
}
.header-title,.header-subtitle,.header-icon,.profile-label,.profile-content {
display:none;
}
#footer-menu ul,.entryMetadata ul,.commentLinkbar ul {
margin:0;
padding:0;
}
.entryText dl,.commentHeaderSubject {
font-weight:700;
}
.entryHeader a,.latestmonth-active a:hover {
color:maroon;
}
.sidebox #profile,.yearlinks {
text-align:center;
}
Style Name: Smooth Sailing
Account Type: Paid
Problem/Question:
1. Customizing tags list in sidebar - Yesterday I took a plunge and went ahead with creating a layer so that I could have multi-level tags. Everything went beautifuly, compiled with no errors. I managed to do some basic customizations with css, but not as much as I'd like.
Is it possible to have the first-level tag styled differently that the second and the third (which I don't have yet but will)? Right now all the bullets are removed, and I have an image I also use for the links list. It looks right with the second-level tags, but treats the first-level tags as some sort of a box.
If this is not something that can be done strictly with css, let me know and I'll ask in other places. I will crosspost this to s2smoothsailing as well.
2. CSS character limit - Right now, whenever I try to add several lines to the css customization area, the page loads and loads, then takes me to a blank page, so I suspect I've gone over the character limit. I discovered that while I was trying to customize my tags list. Is there a place I could go to that would check my limit and compact the css?? Much obliged!
ETA answered at s2smoothsailing.
/* --- stylesheet by INTROJECT (at) UNEQUALLY ---
--- (s2 smooth sailing : the slow equilibrium)
--- found at unequally.livejournal.com ---
------------------- BODY ------------------- */
body {
background:url('http://pics.livejournal.com/dj_aida/pic/0005fczs');
font-size:8pt;
color:#444;
font-family:"georgia", serif;
margin:0;
}
a,a:visited,.day-count a,.entryHeader a,div.ContextualPopup .Relation {
text-decoration:none;
color:#904443;
padding:3px;
}
a:hover {
color:#5F5841;
position:relative;
top:1px;
left:1px;
padding:3px;
}
b,u {
color:#664e3a;
}
i,em {
color:#6b6b6b;
}
blockquote {
border:3px double #664E3A;
background:#F0E9D3 scroll 0 100%;
color:#2C2B26;
padding:15px;
}
code {
font-family:monospace;
display:block;
border:1px dashed #eee;
font-size:12px;
padding:5px;
}
input,textarea,select {
font-family:Arial, Tahoma, Verdana, sans-serif;
font-size:12px;
color:#4F4A4A;
background:#fafafa;
line-height:150%;
border:1px solid #d8d2b2;
padding:2px;
}
/* ----------------- PAGE ----------------- */
.bodyblock {
margin-right:auto;
margin-left:auto;
width:950px;
padding:0 15px;
}
.body-title {
display:yes;
width: 760px;
text-transform:smallcaps;
font-family:"georgia";
text-decoration:none;
font-size:14pt;
font-style:italic;
color:#664E3A;
text-align:left;
letter-spacing:1px;
margin: 0 0px 0 105px;
padding: 0 0px 5px 200px;
}
.body-midtitle {
font-weight: bold;
color: #444;
text-transform: smallcaps;
padding: 20px 0 0 10px;
}
.bodyheaderblock {
border:0;
color:#888;
padding:0;
}
.bodynavblock {
color:#777;
margin:0 0 4px;
padding:8px;
}
.bodynavblock a,.bodynavblock a:visited {
color:#444;
}
.pageblock {
margin:0;
}
/* ------------------- HEADER ------------------*/
.pageheaderblock {
background:transparent url(http://i62.photobucket.com/albums/h103/DJ_Aida/00_m7_walls-1.png) no-repeat top center;
width:900px;
height:200px;
padding-top:250px;
text-align:center;
border-top:0 solid #FAF0E6;
margin:auto;
}
.header-menu {
position:relative;
font-family:Georgia;
font-size:9pt;
color:maroon;
text-transform:lowercase;
text-align:left;
background-color:transparent;
margin-left:95px;
width:auto;
border:0;
padding-top:10px;
}
.header-menu ul {
padding-left:0;
list-style-type:none;
margin:0;
}
.header-menu li {
position:relative;
display:block;
left:-90px;
right:0;
line-height:24px;
padding:0;
}
.header-menu a,.header-menu a:visited,.header-menu a:active {
text-decoration:none;
white-space:normal;
font-weight:700;
padding:0 8px;
}
.header-menu a:hover {
text-decoration:none;
background:transparent url(http://i62.photobucket.com/albums/h103/DJ_Aida/bullet-1.png) no-repeat left;
padding-left:15px;
}
/* ----------------- FOOTER ------------------ */
#footer-menu {
background:url('');
font-size:11px;
padding:25px 15px;
}
#footer-menu a,.footer-menu a:visited {
text-align:left;
color:#333;
background:#eae3cd;
padding:5px;
border: 1px solid #cfbc9b;
}
#footer-menu a:hover {
color:#b4ad8f;
}
.pagefooterblock {
background-color:#131313;
color:#444;
font-family:"arial";
letter-spacing:.3pt;
text-align:right;
margin-top:-4px;
padding:12px 15px;
}
.pagefooterblock a,.pagefooterblock a:visited {
color:#69D2E7;
}
#footer-menu li {
display:inline;
}
/* ------------------ ENTRY -------------------*/
.entryHolder {
line-height:1.75;
background:url('http://i62.photobucket.com/albums/h103/DJ_Aida/crumpledPaper.jpg');
margin:0 0 2px;
border: 3px double #cfbc9b;
}
.entryUserinfo {
text-align:center;
background-color:transparent;
font-weight:400 !important;
font-size:10px;
color:#9e9e9e !important;
position:relative;
z-index:10;
margin:5px;
padding:5px;
}
.entryUserinfo a {
font-size:11px;
letter-spacing:1px;
font-weight:700;
padding:3px;
}
.entryUserinfo-usericon img {
background-color:#DFD6B5;
border:1px solid #e6e6e6;
margin:5px;
padding:5px;
}
.entryText {
font-size:10pt;
min-height:30px;
border-left:1px solid #EAE3C6;
padding:15px;
}
.entryText dd {
font-weight:400;
font-style:italic;
}
.entryText quote {
font-style:italic;
padding-left:20px;
}
.entryText img {
max-width:500px;
}
#welcomenoteHolder {
background:url(http://i62.photobucket.com/albums/h103/DJ_Aida/crumpledPaper.jpg) transparent; border: 3px double #cfbc9b;
}
#welcomenoteHeader {
}
#welcomenoteSubject {
font-family: Georgia, serif; color:#444; font-size: 18px; font-weight: bold; text-align: center;
}
#welcomenoteText {
font-family: Georgia, serif; font-style: italic; text-align: center;
}
/* ---------------- SUBJECT ------------------ */
.entryHeader {
color:#eee;
font-family:"georgia", sans-serif;
text-decoration:none;
text-align:right;
font-size:0;
letter-spacing:-0.5pt;
border-bottom:1px solid #e9e2c5;
min-height:7px;
padding:15px 20px 0 0;
}
.entryHeaderSubject {
display:block;
font-size:12pt;
color:#f3edda;
text-transform:lowercase;
}
.entryHeaderSubject a {
font-size:18pt;
font-style:italic;
}
/* ----------------- DATE -------------------- */
.entryHeaderDate {
display:block;
text-transform:lowercase;
color:#777;
margin-bottom:-3px;
font-size:10pt !important;
font-family:"georgia";
line-height:1px;
}
.entryHeaderDate a {
color:#ccc;
text-decoration:none;
}
.entryHeaderDate a:hover {
color:#ddd;
text-decoration:underline;
}
/* ---------------- METADATA ------------------ */
.entryMetadata {
padding-bottom:18px;
padding-left:40px;
font-family:"franklin gothic medium";
color:#696969;
border-left:1px solid #EAE3C6;
}
.entryMetadata li {
list-style:none;
font-size:8pt;
clear:left;
}
.entryMetadata-label {
font-weight:700;
padding-right:3px;
}
.entryMetadata a:hover {
color:#BFAE9B;
}
.entryMetadata img {
vertical-align:middle !important;
display:block;
position:left;
padding-top:3px;
padding-right:5px;
padding-bottom:5px;
}
/* -------------- COMMENT LINKS ---------------- */
.entryLinkbar {
border-top:1px solid #eae3c6;
font-family:"georgia", sans-serif;
text-transform:lowercase;
letter-spacing:.2pt;
font-size:8pt;
text-align:right;
padding:0;
}
.entryLinkbar ul {
background:transparent url(http://i62.photobucket.com/albums/h103/DJ_Aida/7men-1.png) no-repeat bottom left;
margin:0;
padding:20px 0;
}
.entryLinkbar li {
border:1px solid #eae3c6;
display:inline;
margin:0;
padding:20px 12px;
}
.entryLinkbar li:hover {
background:#FFFCEF;
padding:20px 12px;
}
.entryLinkbar a:hover {
color:#5F553B;
}
/* ----------------- SIDEBAR ------------------*/
.sidebar {
width:190px;
font-family:"arial";
color:#555;
font-size:8pt;
line-height:100%;
background:transparent url(http://i62.photobucket.com/albums/h103/DJ_Aida/maude_sb.png) no-repeat bottom center;
margin:auto;
padding:10px 10px 270px;
}
img.profile-userpic {
text-align:center;
border:5px solid #F0E9D3;
margin:5px;
padding:5px;
}
.sideboxTitle {
text-transform:smallcaps;
font-family:"georgia";
text-decoration:none;
font-size:14pt;
font-style:italic;
color:#664E3A;
text-align:left;
letter-spacing:1px;
background:url(http://i62.photobucket.com/albums/h103/DJ_Aida/hr-01.png) repeat-x bottom left;
margin:5px auto;
padding:8px;
}
.sideboxContent {
text-align:left;
padding:2px 4px;
}
.sidebox #tags_sidebox a {
display:block;
text-align:left;
font-family:"georgia",sans-serif;
font-size:12px;
font-weight:400;
border-bottom:1px solid #CFBC9B;
background:transparent url(http://i62.photobucket.com/albums/h103/DJ_Aida/b002.gif) no-repeat left;
padding-left:13px;
}
.sidebox #tags_sidebox {
text-align:left;
font-size:0 !important;
}
#tags_sidebox ul, .sbaritem {
list-style-type: none;
text-align: left;
}
.sbaritem {
font-size:12px;
border-bottom:1px solid #CFBC9B;
margin-left: -17px;
padding: 1px 0px;
text-indent: ;
background:transparent url(http://i62.photobucket.com/albums/h103/DJ_Aida/b002.gif) no-repeat left;
padding-left:13px;
}
.sidebox #freetext {
text-align:left;
line-height:100%;
}
.sidebox #search {
text-align:right;
}
.sidebox #summary {
text-align:left;
font-size:7.5pt;
font-family:"franklin gothic medium";
}
.sidebox #systemlinks a {
text-align:left;
font-weight:400;
}
.sidebox #systemlinks .listitem {
border-bottom:1px solid #CFBC9B;
background:transparent url(http://i62.photobucket.com/albums/h103/DJ_Aida/b002.gif)no-repeat left;
no-repeat){kind=link}
padding-top:7px;
padding-left:13px;
padding-bottom:3px;
line-height:120%;
}
.listitem {
font-size:9pt;
font-family:"georgia", sans-serif;
text-align:left;
border-bottom:1px solid #CFBC9B;
background:transparent url(http://i62.photobucket.com/albums/h103/DJ_Aida/b002.gif)no-repeat left;
padding-left:13px;
}
.sideboxContent input#SearchTerm,select#SearchType,input {
border:1px solid #d9cfad;
}
.sidebox #latestmonth {
text-align:left;
}
.sidebox #latestmonth table {
width:100%;
margin-left:auto;
margin-right:auto;
}
#latestmonth table td {
text-align:center;
color:#553E30;
border:1px solid #D6CEC0;
padding:1px;
}
.latestmonth-inactive {
background-color:#EFE5D2;
text-align:center;
padding:3px;
}
.latestmonth-active {
background-color:#FAF0E6;
text-align:center;
border:1px solid #DAB781;
padding:3px;
}
.latestmonth-active a {
text-decoration:none;
}
.listtitle {
font-size:9pt;
font-weight:700;
border-bottom:1px solid #BEAE8A;
}
/* ----- CUSTOM COMMENT PGS (PAID ONLY) -------*/
.commentUserinfo {
text-align:center;
margin:0 8px 8px 0;
}
.commentUserinfo-usericon img {
margin-left:10px;
border:0;
background:#DFD6B5;
padding:8px;
}
.commentHolder {
background:url('http://i62.photobucket.com/albums/h103/DJ_Aida/crumpledPaper.jpg');
margin:15px 10px;
padding:0;
border: 1px solid #cfbc9b;;
}
.commentText {
text-align:justify;
padding:10px;
}
.commentHeader {
color:#444;
font-weight:700;
text-transform:lowercase;
font-family:"georgia";
font-size:10pt;
padding:8px;
}
.commentHeaderScreened {
background-color:#EFE8D1;
margin:6px;
padding:6px;
}
.commentLinkbar {
text-align:right;
font-size:7pt;
border-top:1px solid #e9e2c6;
padding:2px 8px 8px 8px;
}
.commentLinkbar li {
border:1px solid #e9e2c6;
display:inline;
margin:0px;
padding: 7px 7px 6px;
}
.commentLinkbar li:hover {
background:#FFFCEF;
color:#5F5841;
}
.replyform {
padding-left:10px;
margin:auto;
}
/* ---------------- TAGS PG ----------------- */
.tagstable {
width:100%;
}
.tagstable,.tagstable td {
border:1px solid #eee4c9;
margin:1px;
}
.yearlinks{
text-align: right;
}
.yearlink{
padding-left:4px;
padding-right: 4px;
}
.month {
text-align:center;
width: 55%;
border: 1px solid #E9E2C5;
margin-right:auto;
margin-left:auto;
}
.daysubjects {
color: #888;
padding: 8px 8px 8px 40px;
}
.daytitles {
text-align: center;
font-weight: bold;
border: 1px solid #E9E2C5;
background: #F0E9D3;
color: #444;
}
.day-blank {
border: 1px solid #E9E2C5;
}
.day {
border: 1px solid #E9E2C5;
}
.day-date {
color: #444;
text-align: left;
padding-left: 4px;
}
.day-count {
width: 50%;
text-align: center;
float: right;
font-size: 16px;
font-weight: bold;
}
.day-count a {
text-decoration: none;
color: #900000;
}
/* --------- CONTEXTUAL POP-UPS ----------- */
div.ContextualPopup div.Inner {
background:#F3F5F2;
border:1px solid #900;
color:#828282 !important;
font-family:Verdana;
padding:5px;
}
div.ContextualPopup div.Inner a:link,div.ContextualPopup div.Inner a:visited {
text-decoration:none !important;
border-bottom-width:0;
border-bottom-style:none;
border-bottom-color:#-moz-use-text-color;
font-weight:700;
color:#828282 !important;
}
div.ContextualPopup .Relation,div.ContextualPopup .Content .OnlineStatus {
font-weight:700 !important;
color:#900;
}
div.ContextualPopup .Content {
color:#9E9E9E;
}
div.ContextualPopup .Userpic {
background:#f6f4f4;
border:1px solid #ccc;
margin:4px;
padding:10px;
}
div.ContextualPopup .Relation {
letter-spacing:1px;
border-bottom:1px dashed #ccc;
margin-bottom:4px;
padding-bottom:4px;
}
/* ------------- LJ TINY ICONS -------------- */
.ljuser img {
width:0;
height:0;
background-repeat:no-repeat;
background-color:transparent;
background-image:url(http://i62.photobucket.com/albums/h103/DJ_Aida/user_gray.png);
;){kind=link}
padding:0 7px 17px 12px !important;
}
.ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] {
background-color:transparent;
background-image:url(http://i62.photobucket.com/albums/h103/DJ_Aida/user_gray.png);
padding:0 7px 17px 12px !important;
}
.ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] {
background-color:transparent;
background-image:url(http://i62.photobucket.com/albums/h103/DJ_Aida/house.png);
;){kind=link}
padding:0 7px 17px 12px !important;
}
img[src="http://l-stat.livejournal.com/img/syndicated.gif"] {
background-color:transparent;
background-image:url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/feed.png');
background-position:center left;
background-repeat:no-repeat;
width:0;
height:0;
padding:17px 16px 0 2px !important;
}
img[src="http://l-stat.livejournal.com/img/newsinfo.gif"] {
background:transparent url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/gear.png') no-repeat;
background-repeat:no-repeat;
width:0;
height:0;
padding:17px 16px 0 2px !important;
}
img[src="http://l-stat.livejournal.com/img/anonymous.gif"] {
height:0;
width:0;
background:url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/question_frame.png') no-repeat;
padding:0 0 16px 16px !important;
}
img[src="http://l-stat.livejournal.com/img/openid-profile.gif"] {
height:0;
width:0;
background:url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/book_key.png') no-repeat;
padding:0 0 16px 16px !important;
}
img[src="http://l-stat.livejournal.com/img/talk/none.gif"] {
height:0;
width:0;
background:url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/delete.png') no-repeat;
padding:0 0 16px 16px !important;
}
img[src="http://l-stat.livejournal.com/img/help.gif"] {
height:0;
width:0;
background:url(http://i38.tinypic.com/vovi8j.png) no-repeat scroll 50% 50%;
padding:0 0 16px 16px !important;
}
img[src="http://l-stat.livejournal.com/img/pencil.gif"] {
height:0;
width:0;
background:url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/pencil_plus.png') no-repeat;
padding:0 0 16px 16px !important;
}
img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] {
width:0;
height:0;
background:url('http://i40.tinypic.com/289fp7d.png');
padding:0 0 16px 16px;
}
img[src="http://l-stat.livejournal.com/img/icon_private.gif"] {
width:0;
height:0;
background:url('http://i39.tinypic.com/mrrblj.png');
padding:0 0 16px 16px;
}
img[src="http://l-stat.livejournal.com/img/icon_groups.gif"] {
width:0;
height:0;
background:url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/lock_disable.png');
padding:0 0 16px 16px;
}
/* --------------- CONTROL STRIP ------------ */
#lj_controlstrip {
background:#131313;
}
#lj_controlstrip_statustext,#lj_controlstrip a {
color:#777;
}
#lj_controlstrip_user,#lj_controlstrip_actionlinks,#lj_controlstrip_search,#lj_controlstrip_login,#lj_controlstrip_loggedout_userpic,#lj_controlstrip_login td,#lj_controlstrip td td {
border:none !important;
}
#lj_controlstrip input {
background:#181818 !important;
color:#777 !important;
font-family:"courier new";
}
#lj_controlstrip_search_input_text,#lj_controlstrip select,#lj_controlstrip_search_submit,input#Logout,#lj_controlstrip input#xc_user,#lj_controlstrip input#xc_password,#lj_controlstrip input#xc_remember {
background:#131313 !important;
color:#777 !important;
border:1px solid #444;
font-family:"courier new";
}
#lj_controlstrip .ljuser a b {
color:#666;
font-family:georgia;
text-decoration:none !important;
}
/* ------------------ MISC ------------------ */
::-moz-selection {
background:#131313;
color:#FFFBEF;
}
.sticky {
background-image:url(http://i62.photobucket.com/albums/h103/DJ_Aida/mag7FO.jpg);
;){kind=link}
background-repeat:no-repeat;
float:right;
height:290px;
padding:5px 10px 50px 200px;
}
.stext {
text-align:right;
line-height:20px;
margin-left:-10px;
}
.header-title,.header-subtitle,.header-icon,.profile-label,.profile-content {
display:none;
}
#footer-menu ul,.entryMetadata ul,.commentLinkbar ul {
margin:0;
padding:0;
}
.entryText dl,.commentHeaderSubject {
font-weight:700;
}
.entryHeader a,.latestmonth-active a:hover {
color:maroon;
}
.sidebox #profile,.yearlinks {
text-align:center;
}