punch
in
mintyapple
(no subject)
I was using this layout but then I made a new one I prefer, so...
S2 flexible squares - ads between entries
The navigation is not coded, I added it in to the 'blurb' box on the sidebar.
I recommend viewing the live preview so you can see the cute hover effects :3
live preview / download css
CSS:
/* Cleaned CSS: */ /* S2 Flexible Squares by punch @ novoluxa */ body { background: #f2f2f2 url(http://i295.photobucket.com/albums/mm155/thirteenthend/bgs/2eansjp-1.png) fixed; color: #b8b9b9; font-family: lucida sans unicode; font-size: 11px; line-height: 14px!important; letter-spacing: 0px; WORD-SPACING: 0PT; text-transform: none;} ::-moz-selection {color: #000; background: #f9d0ce;} a, a:link, a:visited, a:active { color: #f9d0ce; letter-spacing: 0pt; font: 7pt trebuchet ms; font-weight: none; text-transform: uppercase; text-decoration: none;} a:hover { color: #CCCCCC; letter-spacing: 0pt; font: 7pt trebuchet ms; font-weight: none; text-transform: italic; text-decoration: none; border-bottom:1px dashed #f9d0ce;} b, strong { color: #f9d0ce; letter-spacing: 0pt; font: 7pt trebuchet ms; font-weight: bold; text-transform: uppercase;} i, em { font-family: trebuchet ms; font-size: 9px; text-transform: uppercase; color: #f9d0ce;} s, st, strike { color: #f9d0ce; font: 7pt trebuchet ms; font-weight: none; letter-spacing: 0pt; text-transform: uppercase;} q { font-family: trebuchet ms; font-size: 7.5pt; color: #f9d0ce; text-transform: uppercase;} u { font-family: trebuchet ms; font-weight: none; font-size: 7pt; color: #f9d0ce; letter-spacing: 0pt; border-bottom:1px dashed #f9d0ce; text-transform: uppercase; text-decoration: none;} big { text-shadow: #fff 0px 1px 1px; text-transform: uppercase; font-family: courier new; font-size: 23pt !important; color: #f9d0ce; font-weight: light !important;} blockquote { text-transform: uppercase!important; text-shadow: #f2f2f2 0px 1px 1px; font-family: courier new; font-size: 9px; line-height: 9px; color: #a09f9f!important; background: #f2f2f2; background-image: url(http://i49.tinypic.com/2wp4h2q.jpg); border: 0px solid #f2f2f2; margin: 0px 50px 0px 50px; padding: 7px;} .qmark { line-height: 2pt !important; } li { list-style-type: none !important; list-style-image: url(http://s4.tinypic.com/dvokft_th.jpg); } code, kbd, pre, tt { font-family: monospace; } textarea, .textbox { background-color: #; border: 1px dashed #b8b9b9 !important; color: #b8b9b9; font-family: lucida console; font-size: 7pt; word-spacing: 2pt; line-height: 10pt; text-transform: ; text-align: justify; } select, input { background-color: #; border: 1px dashed #b8b9b9 !important; color: #b8b9b9; font-family: lucida console; font-size: 7pt; word-spacing: 2pt; line-height: 10pt; text-transform: ; text-align: justify; } .ljuser a:hover b { color: #ccc !important; background: transparent; } .ljuser a b { color:#b8b9b9 !important; font: 7pt tahoma !important; letter-spacing: 0px !important; font-weight: bold !important; text-transform: uppercase!important; text-decoration: none !important; } @font-face { font-family: "tinytots"; src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf'); } /* Page Setup */ #content {width: 950px; margin: auto;} #maincontent {margin-left: 281px; text-align: center;} #sidebar {background: #fff; text-align: justify; padding: 10px; float: left; width: 255px;} #header {display:none;} #footer {background:#fff; width: 669px; margin-left: 281px; text-align: right; clear: both;} #footer a {text-align:center !important; margin-top:0px; margin-right: 10px; color:#f9d0ce; text-transform:lowercase !important; font-family: lucida sans unicode !important; font-size: 10pt !important; font-weight: bold !important; letter-spacing: -2pt !important; word-spacing: 18pt !important; padding-top: 5px; font-family: lucida sans unicode; } #header a:hover, #footer a:hover {color: #cccccc;} #footer .viewing {display:none;} ul.navheader, ul.navfooter {padding: 0; margin: 0;} ul.navheader li, ul.navfooter li {display: inline; padding: 0 10px;} .entry ul li, .entry ol li {padding-left: 5px; margin-left: 15px;} .title, .subtitle {display: none;} .clear {clear: right; height: 0;} .clearfoot {clear: both; height: 0;} /* Entries */ .subcontent {background: #fff; text-align: justify; padding: 10px 10px 15px 10px;} .userpicfriends font {color: #b8b9b9;} .userpic, .userpicfriends {background: #fff !important; color: #b8b9b9; font-family: arial; font-size: 9pt; text-align: center; float: right; padding: 0px; margin: 0 0 0px 10px;} .userpic img {} .date {color:#FF99AA; font-family: courier new; font-size: 7.5pt; font-weight: bold; letter-spacing: 0pt; text-transform: uppercase;} .subject img {margin-right: 5px;} .subject, .subject a {margin-top: 0pt;color:#A0A0A0; font-family: "tinytots"; font-size: 8px; font-weight: ; letter-spacing: ; text-transform: uppercase; text-decoration:none;} .datesubject {margin-top: -3px; padding: 2px 2px -6px 2px; border-bottom: 1px dashed #c3c3c3;} .entry_text {margin: 10px 0;} .entry_text img {max-width: 500px; overflow: hidden;} .currents strong {display: none;} .currents {color: #f9d0ce; font-family: lucida console; font-size: 8px; line-height: 11px; font-weight:; letter-spacing:; text-transform: uppercase;} .currentlocation { background: url(http://s7.tinypic.com/j6772q_th.jpg) no-repeat left; padding-left: 15px;} .currentmood { background: url(http://s7.tinypic.com/s3hi1e_th.jpg) no-repeat left; padding-left: 15px;} .currentmusic { background: url(http://s7.tinypic.com/2hgcmzq_th.jpg) no-repeat left; padding-left: 15px;} .currenttags { color: #CCCCCC; text-transform: lowercase; font-size: 9pt; word-spacing: 0pt; font-family: lucida console; text-align: justify; background: url(http://s7.tinypic.com/24cwivc_th.jpg) no-repeat; padding: 0px 0 0 15px; } .ljtags {color: #cccccc; text-transform: none; margin: 10px 0; margin-left: 3px; padding-left: 15px; margin-bottom: -12px; font-weight: none; line-height: 9px; word-spacing: 0pt; background: url(http://s7.tinypic.com/24cwivc_th.jpg) no-repeat left;} .ljtags b, .ljtags strong { display: none;} .ljtaglist {background: #fff; list-style-type: none; text-align: left; padding: 10px 10px 10px 25px;} h2 {display: ; background: #fff; padding: 10px; margin: 0 0 -35px 0; color: #2fb3bd; font-family: 'courier new'; font-size: 14pt; font-weight: bold; letter-spacing:-1pt; text-transform: uppercase; text-align: left;} .comments { color: #fff; text-align: right; clear: right;} .comments a { color:#f9d0ce; font-family: arial; font-size: 9pt; font-weight: bold; letter-spacing: -1pt; text-transform: lowercase; } .comments a:hover { color:#CCCCCC; font-family: arial; font-size: 9pt; font-weight: bold; letter-spacing: -1pt; text-transform: lowercase; } .separator {height: 7px;} /* Sidebar */ .defaultuserpic { display: none; text-align: center;} .calendar {width: 98%; text-align: center; padding-top: 5px;} .sbarcalendar {background: #f1f1f1; font-family: "tinytots" !important; font-size: 8px; font-weight:; letter-spacing:; text-transform: uppercase;} .sbarcalendarposts, .sbarcalendarposts a {background: #f1f1f1; font-family: "tinytots" !important; font-size: 8px;} .sbartitle, .sbarbody, .sbarbody2 {padding: 0; line-height: 10pt; word-spacing: 0pt;} .sbarbody2 {padding-bottom: 12px; margin-top: 8px;} ul.sbarlist {padding: 0; margin: 0; list-style: none;} li.sbaritem {padding: 2px 10px; list-style: none;} li.sbartitle {font-family: courier new; font-size: 13pt; font-weight: none; text-transform:uppercase; color: #FF99AA;padding: 2px; border-bottom: 1px dashed #c3c3c3; text-align: left; list-style: none; margin: 2px 0 3px 0;} li.view {text-transform: uppercase;} /* Calendar Page */ ul.year {text-align: center; padding-bottom: 10px; background: #fff; padding: 10px; color:#9b8e8a; font-family: tahoma; font-size: 7pt; font-weight: bold; letter-spacing: 0pt; text-transform: uppercase;} ul.year li {display: inline; padding: 0 10px;} table.yeartable {margin: auto; width: 100%; padding: 10px; background: #fff;} table.yeartable td.yearday { color:#da1387; font-family: tahoma; font-size: 7pt; font-weight: bold; letter-spacing: 0pt; text-transform: uppercase;} table.yeartable td.yeardate {background: #f6f6f6; padding: 3px; color:#d1cc4e; font-family: courier new; font-size: 7.5pt; font-weight: bold; letter-spacing: 0pt; text-transform: uppercase; text-align: left;} table.yeartable td.yearday {background: #fff; text-align: center;} td.yearmonth {border: 0;color: #2fb3bd; font-family: 'courier new'; font-size: 14pt; font-weight: bold; letter-spacing:-1pt; text-transform: uppercase;} /* Comments Page for Plus or Paid accounts */ #postform img {display: none;} textarea.textbox {width: 95% !important; background: #f6f6f6; color: #b8b9b9; line-height: 10pt; word-spacing: 2pt; text-transform: lowercase; font-family: arial; font-size: 9pt; border: 1px solid #eee;} .box {background: #fff; padding: 10px 0px 12px 10px; margin-top: ; clear: none !important; } .skiplinks {text-align: center; background: #fff; padding: 10px; text-transform: lowercase; margin-bottom: 5px;} .datesubjectcomment {background: #fff; color:#9b8e8a; font-family: tahoma; font-size: 7pt; font-weight: bold; letter-spacing: 0pt; text-transform: uppercase; line-height: 10pt; padding: 0px 5px 5px 0px; marginp: 0; text-align: left; border-bottom: 1px dashed #c3c3c3;} .userpiccomment {background: #fff !important; color: #000; font-family: arial; font-size: 9pt; text-align: center; float: left; padding: 0px; margin: 0 10px 10px 0;} .reply {position: relative; margin: 10px 10px 0px 10px; padding:0 0 -10px 0; text-align: left; background: #fff; color: #b8b9b9; text-transform: uppercase; line-height: 10pt; word-spacing: 2pt; font-family: arial font-size: 9pt;} .commentreply { text-align: left; position: relative; margin: 10px 10px 0 10px; font-size: 8pt; font-family: arial, line-spacing: 10pt; word-spacing: 2pt; color: #b8b9b9; background: ; padding: 0 0 -10px 0;} .commentbox {margin: 10px; background: #fff; } .commentboxpartial {margin: 10px; background: #fff; text-align: justify;} .commentinfo {background: #fff; margin-top: 10px; width: 100%;} .replytosubject {font-weight: bold;} input, textarea, select, option, button {background: #fff; border:; color: #b8b9b9; font-family: arial; font-size: 8pt;} /* Control Strip and Popup */ div.ContextualPopup {display: none;} #lj_controlstrip {display: none;} /* Tiny Icons (from famfamfam.com) */ .sideboxTitle img { vertical-align: middle !Important; } img[src*="icon_protected.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background-repeat: no-repeat; background: url(http://i40.tinypic.com/2sbss5v.png); background-position: center left; } img[src*="icon_private.gif"]{ width: 0; background-repeat: no-repeat; height: 0; padding: 16px 16px 0px 0px !important; background: url(http://i41.tinypic.com/2evuot3.png); background-position: center left; } img[src*="icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i40.tinypic.com/6rk7br.png); } span.i-ljuser img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i633.photobucket.com/albums/uu58/andshefades/Journal%20Pixels/girl.gif) no-repeat !important; padding: 9px 0 0 9px !important; } span.i-ljuser img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i633.photobucket.com/albums/uu58/andshefades/Journal%20Pixels/animal.gif) no-reperivate.gif"]{ width: 0; background-repeat: no-repeat; height: 0; padding: 16px 16px 0px 0px !important; background: url(http://i41.tinypic.at !important; padding: 9px 0 0 9px !important; } img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i56.tinypic.com/2w70cwk.jpg) no-repeat !important; padding: 10px 0 0 10px !important; } img[src*="anonymous.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i44.tinypic.com/okcrbk.png) no-repeat scroll 50% 50%; } img[src*="openid-profile.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i43.tinypic.com/34pjqz5.png) no-repeat scroll 50% 50%; } .replyform img[src*="userinfo.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i39.tinypic.com/2wfph5g.png) no-repeat scroll 50% 50%;} img[src*="none.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i42.tinypic.com/osqudt.png) no-repeat scroll 50% 50%; } img[src*="help.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i44.tinypic.com/efgqjk.png) no-repeat scroll 50% 50%; } img[src*="pencil.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i41.tinypic.com/2vd4fgl.png) no-repeat scroll 50% 50%; } img[src*="btn_edit.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i39.tinypic.com/1sdt0h.png) no-repeat scroll 50% 50%; } /* Header Image (edit the width, height and header url) */ .headerimage {position: relative; margin: auto; width: 800px; height: 0px; background: url() no-repeat;}
credit novoluxa please; comments & questions here.
S2 flexible squares - ads between entries
The navigation is not coded, I added it in to the 'blurb' box on the sidebar.
I recommend viewing the live preview so you can see the cute hover effects :3
live preview / download css
CSS:
/* Cleaned CSS: */ /* S2 Flexible Squares by punch @ novoluxa */ body { background: #f2f2f2 url(http://i295.photobucket.com/albums/mm155/thirteenthend/bgs/2eansjp-1.png) fixed; color: #b8b9b9; font-family: lucida sans unicode; font-size: 11px; line-height: 14px!important; letter-spacing: 0px; WORD-SPACING: 0PT; text-transform: none;} ::-moz-selection {color: #000; background: #f9d0ce;} a, a:link, a:visited, a:active { color: #f9d0ce; letter-spacing: 0pt; font: 7pt trebuchet ms; font-weight: none; text-transform: uppercase; text-decoration: none;} a:hover { color: #CCCCCC; letter-spacing: 0pt; font: 7pt trebuchet ms; font-weight: none; text-transform: italic; text-decoration: none; border-bottom:1px dashed #f9d0ce;} b, strong { color: #f9d0ce; letter-spacing: 0pt; font: 7pt trebuchet ms; font-weight: bold; text-transform: uppercase;} i, em { font-family: trebuchet ms; font-size: 9px; text-transform: uppercase; color: #f9d0ce;} s, st, strike { color: #f9d0ce; font: 7pt trebuchet ms; font-weight: none; letter-spacing: 0pt; text-transform: uppercase;} q { font-family: trebuchet ms; font-size: 7.5pt; color: #f9d0ce; text-transform: uppercase;} u { font-family: trebuchet ms; font-weight: none; font-size: 7pt; color: #f9d0ce; letter-spacing: 0pt; border-bottom:1px dashed #f9d0ce; text-transform: uppercase; text-decoration: none;} big { text-shadow: #fff 0px 1px 1px; text-transform: uppercase; font-family: courier new; font-size: 23pt !important; color: #f9d0ce; font-weight: light !important;} blockquote { text-transform: uppercase!important; text-shadow: #f2f2f2 0px 1px 1px; font-family: courier new; font-size: 9px; line-height: 9px; color: #a09f9f!important; background: #f2f2f2; background-image: url(http://i49.tinypic.com/2wp4h2q.jpg); border: 0px solid #f2f2f2; margin: 0px 50px 0px 50px; padding: 7px;} .qmark { line-height: 2pt !important; } li { list-style-type: none !important; list-style-image: url(http://s4.tinypic.com/dvokft_th.jpg); } code, kbd, pre, tt { font-family: monospace; } textarea, .textbox { background-color: #; border: 1px dashed #b8b9b9 !important; color: #b8b9b9; font-family: lucida console; font-size: 7pt; word-spacing: 2pt; line-height: 10pt; text-transform: ; text-align: justify; } select, input { background-color: #; border: 1px dashed #b8b9b9 !important; color: #b8b9b9; font-family: lucida console; font-size: 7pt; word-spacing: 2pt; line-height: 10pt; text-transform: ; text-align: justify; } .ljuser a:hover b { color: #ccc !important; background: transparent; } .ljuser a b { color:#b8b9b9 !important; font: 7pt tahoma !important; letter-spacing: 0px !important; font-weight: bold !important; text-transform: uppercase!important; text-decoration: none !important; } @font-face { font-family: "tinytots"; src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf'); } /* Page Setup */ #content {width: 950px; margin: auto;} #maincontent {margin-left: 281px; text-align: center;} #sidebar {background: #fff; text-align: justify; padding: 10px; float: left; width: 255px;} #header {display:none;} #footer {background:#fff; width: 669px; margin-left: 281px; text-align: right; clear: both;} #footer a {text-align:center !important; margin-top:0px; margin-right: 10px; color:#f9d0ce; text-transform:lowercase !important; font-family: lucida sans unicode !important; font-size: 10pt !important; font-weight: bold !important; letter-spacing: -2pt !important; word-spacing: 18pt !important; padding-top: 5px; font-family: lucida sans unicode; } #header a:hover, #footer a:hover {color: #cccccc;} #footer .viewing {display:none;} ul.navheader, ul.navfooter {padding: 0; margin: 0;} ul.navheader li, ul.navfooter li {display: inline; padding: 0 10px;} .entry ul li, .entry ol li {padding-left: 5px; margin-left: 15px;} .title, .subtitle {display: none;} .clear {clear: right; height: 0;} .clearfoot {clear: both; height: 0;} /* Entries */ .subcontent {background: #fff; text-align: justify; padding: 10px 10px 15px 10px;} .userpicfriends font {color: #b8b9b9;} .userpic, .userpicfriends {background: #fff !important; color: #b8b9b9; font-family: arial; font-size: 9pt; text-align: center; float: right; padding: 0px; margin: 0 0 0px 10px;} .userpic img {} .date {color:#FF99AA; font-family: courier new; font-size: 7.5pt; font-weight: bold; letter-spacing: 0pt; text-transform: uppercase;} .subject img {margin-right: 5px;} .subject, .subject a {margin-top: 0pt;color:#A0A0A0; font-family: "tinytots"; font-size: 8px; font-weight: ; letter-spacing: ; text-transform: uppercase; text-decoration:none;} .datesubject {margin-top: -3px; padding: 2px 2px -6px 2px; border-bottom: 1px dashed #c3c3c3;} .entry_text {margin: 10px 0;} .entry_text img {max-width: 500px; overflow: hidden;} .currents strong {display: none;} .currents {color: #f9d0ce; font-family: lucida console; font-size: 8px; line-height: 11px; font-weight:; letter-spacing:; text-transform: uppercase;} .currentlocation { background: url(http://s7.tinypic.com/j6772q_th.jpg) no-repeat left; padding-left: 15px;} .currentmood { background: url(http://s7.tinypic.com/s3hi1e_th.jpg) no-repeat left; padding-left: 15px;} .currentmusic { background: url(http://s7.tinypic.com/2hgcmzq_th.jpg) no-repeat left; padding-left: 15px;} .currenttags { color: #CCCCCC; text-transform: lowercase; font-size: 9pt; word-spacing: 0pt; font-family: lucida console; text-align: justify; background: url(http://s7.tinypic.com/24cwivc_th.jpg) no-repeat; padding: 0px 0 0 15px; } .ljtags {color: #cccccc; text-transform: none; margin: 10px 0; margin-left: 3px; padding-left: 15px; margin-bottom: -12px; font-weight: none; line-height: 9px; word-spacing: 0pt; background: url(http://s7.tinypic.com/24cwivc_th.jpg) no-repeat left;} .ljtags b, .ljtags strong { display: none;} .ljtaglist {background: #fff; list-style-type: none; text-align: left; padding: 10px 10px 10px 25px;} h2 {display: ; background: #fff; padding: 10px; margin: 0 0 -35px 0; color: #2fb3bd; font-family: 'courier new'; font-size: 14pt; font-weight: bold; letter-spacing:-1pt; text-transform: uppercase; text-align: left;} .comments { color: #fff; text-align: right; clear: right;} .comments a { color:#f9d0ce; font-family: arial; font-size: 9pt; font-weight: bold; letter-spacing: -1pt; text-transform: lowercase; } .comments a:hover { color:#CCCCCC; font-family: arial; font-size: 9pt; font-weight: bold; letter-spacing: -1pt; text-transform: lowercase; } .separator {height: 7px;} /* Sidebar */ .defaultuserpic { display: none; text-align: center;} .calendar {width: 98%; text-align: center; padding-top: 5px;} .sbarcalendar {background: #f1f1f1; font-family: "tinytots" !important; font-size: 8px; font-weight:; letter-spacing:; text-transform: uppercase;} .sbarcalendarposts, .sbarcalendarposts a {background: #f1f1f1; font-family: "tinytots" !important; font-size: 8px;} .sbartitle, .sbarbody, .sbarbody2 {padding: 0; line-height: 10pt; word-spacing: 0pt;} .sbarbody2 {padding-bottom: 12px; margin-top: 8px;} ul.sbarlist {padding: 0; margin: 0; list-style: none;} li.sbaritem {padding: 2px 10px; list-style: none;} li.sbartitle {font-family: courier new; font-size: 13pt; font-weight: none; text-transform:uppercase; color: #FF99AA;padding: 2px; border-bottom: 1px dashed #c3c3c3; text-align: left; list-style: none; margin: 2px 0 3px 0;} li.view {text-transform: uppercase;} /* Calendar Page */ ul.year {text-align: center; padding-bottom: 10px; background: #fff; padding: 10px; color:#9b8e8a; font-family: tahoma; font-size: 7pt; font-weight: bold; letter-spacing: 0pt; text-transform: uppercase;} ul.year li {display: inline; padding: 0 10px;} table.yeartable {margin: auto; width: 100%; padding: 10px; background: #fff;} table.yeartable td.yearday { color:#da1387; font-family: tahoma; font-size: 7pt; font-weight: bold; letter-spacing: 0pt; text-transform: uppercase;} table.yeartable td.yeardate {background: #f6f6f6; padding: 3px; color:#d1cc4e; font-family: courier new; font-size: 7.5pt; font-weight: bold; letter-spacing: 0pt; text-transform: uppercase; text-align: left;} table.yeartable td.yearday {background: #fff; text-align: center;} td.yearmonth {border: 0;color: #2fb3bd; font-family: 'courier new'; font-size: 14pt; font-weight: bold; letter-spacing:-1pt; text-transform: uppercase;} /* Comments Page for Plus or Paid accounts */ #postform img {display: none;} textarea.textbox {width: 95% !important; background: #f6f6f6; color: #b8b9b9; line-height: 10pt; word-spacing: 2pt; text-transform: lowercase; font-family: arial; font-size: 9pt; border: 1px solid #eee;} .box {background: #fff; padding: 10px 0px 12px 10px; margin-top: ; clear: none !important; } .skiplinks {text-align: center; background: #fff; padding: 10px; text-transform: lowercase; margin-bottom: 5px;} .datesubjectcomment {background: #fff; color:#9b8e8a; font-family: tahoma; font-size: 7pt; font-weight: bold; letter-spacing: 0pt; text-transform: uppercase; line-height: 10pt; padding: 0px 5px 5px 0px; marginp: 0; text-align: left; border-bottom: 1px dashed #c3c3c3;} .userpiccomment {background: #fff !important; color: #000; font-family: arial; font-size: 9pt; text-align: center; float: left; padding: 0px; margin: 0 10px 10px 0;} .reply {position: relative; margin: 10px 10px 0px 10px; padding:0 0 -10px 0; text-align: left; background: #fff; color: #b8b9b9; text-transform: uppercase; line-height: 10pt; word-spacing: 2pt; font-family: arial font-size: 9pt;} .commentreply { text-align: left; position: relative; margin: 10px 10px 0 10px; font-size: 8pt; font-family: arial, line-spacing: 10pt; word-spacing: 2pt; color: #b8b9b9; background: ; padding: 0 0 -10px 0;} .commentbox {margin: 10px; background: #fff; } .commentboxpartial {margin: 10px; background: #fff; text-align: justify;} .commentinfo {background: #fff; margin-top: 10px; width: 100%;} .replytosubject {font-weight: bold;} input, textarea, select, option, button {background: #fff; border:; color: #b8b9b9; font-family: arial; font-size: 8pt;} /* Control Strip and Popup */ div.ContextualPopup {display: none;} #lj_controlstrip {display: none;} /* Tiny Icons (from famfamfam.com) */ .sideboxTitle img { vertical-align: middle !Important; } img[src*="icon_protected.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background-repeat: no-repeat; background: url(http://i40.tinypic.com/2sbss5v.png); background-position: center left; } img[src*="icon_private.gif"]{ width: 0; background-repeat: no-repeat; height: 0; padding: 16px 16px 0px 0px !important; background: url(http://i41.tinypic.com/2evuot3.png); background-position: center left; } img[src*="icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i40.tinypic.com/6rk7br.png); } span.i-ljuser img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i633.photobucket.com/albums/uu58/andshefades/Journal%20Pixels/girl.gif) no-repeat !important; padding: 9px 0 0 9px !important; } span.i-ljuser img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i633.photobucket.com/albums/uu58/andshefades/Journal%20Pixels/animal.gif) no-reperivate.gif"]{ width: 0; background-repeat: no-repeat; height: 0; padding: 16px 16px 0px 0px !important; background: url(http://i41.tinypic.at !important; padding: 9px 0 0 9px !important; } img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i56.tinypic.com/2w70cwk.jpg) no-repeat !important; padding: 10px 0 0 10px !important; } img[src*="anonymous.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i44.tinypic.com/okcrbk.png) no-repeat scroll 50% 50%; } img[src*="openid-profile.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i43.tinypic.com/34pjqz5.png) no-repeat scroll 50% 50%; } .replyform img[src*="userinfo.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i39.tinypic.com/2wfph5g.png) no-repeat scroll 50% 50%;} img[src*="none.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i42.tinypic.com/osqudt.png) no-repeat scroll 50% 50%; } img[src*="help.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i44.tinypic.com/efgqjk.png) no-repeat scroll 50% 50%; } img[src*="pencil.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i41.tinypic.com/2vd4fgl.png) no-repeat scroll 50% 50%; } img[src*="btn_edit.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i39.tinypic.com/1sdt0h.png) no-repeat scroll 50% 50%; } /* Header Image (edit the width, height and header url) */ .headerimage {position: relative; margin: auto; width: 800px; height: 0px; background: url() no-repeat;}
;){kind=link}
;){kind=link}
;){kind=link}
;){kind=link}
;){kind=link}
credit novoluxa please; comments & questions here.