Aiba/Jun Layouts

[ll13jl]

LAYOUTS
this is the first time I'm sharing so take it easy on me. it might not be up to your standards.
Scans from arashi_yuuki  original codes from milou_veronica

Best viewed widescreen though it might work on fullscreen. Instructions are at the bottom of the page.


Preview | Live
/*------------------------------ her face was just a smear on the pane [sidebar] ((flexible squares; basic, plus and paid; milou veronica)) -------------------------------*/ body { background: #d9cabe url(http://i104.photobucket.com/albums/m192/LL13JL/Aiba-1.jpg) no-repeat fixed 0 0;: center; color: #ffffff; font-family: Times New Roman, Times, serif; font-size: 8pt; margin: 0px;} .headerimage {position: relative; background: url(); width: 534px; height: 0px; background-repeat: no-repeat; margin-right: auto;margin-bottom: 0px; } #content{ color: #555555; width: 850px; margin-left: auto; margin-top: 0px; border-width: 0px; padding: 0px;} #maincontent { padding: 0px; margin-top: 0px; padding-right: 10px; border-right:180px solid #60543f;margin-left:auto; text-align: justify; } #sidebar { padding: 0px 5px 5px 5px; width: 170px; background-color: #60543f; text-align: left; color: #d9cabe; font-family: Verdana; font-size: 6.5pt; border: 0px solid #333333; z-index:100; float: right; } /*-------------------HEADER-----------------------*/ #header { border: 0px solid #ffffff; background-color: #; margin: 0px 0px 0px 0px; text-align: center; font-size: 15pt; letter-spacing: -1px; text-transform: lowercase; color: #000000; padding:10px; border-right:180px solid #60543f;} div#header a, div#header a:link, div#header a:visited { color: #666666; text-transform: lowercase; } div#header a:hover {color: #ffffff; } div#header li.view { } ul.navheader{ padding: 0px; margin: 0px; display:inline;} ul.navheader li {margin: 0px 2px 0px 2px; list-style-type: none; display:inline;} .title {padding-bottom: 4px; margin: 0px; text-align: right;font-size: 7.5pt; letter-spacing: 3px;} .subtitle{text-align: right;font-size: 6pt; color: #999999; letter-spacing: 3px;} /*-------------------ENTRIES-----------------------*/ .subcontent { min-height: 190px; margin-right:0px; margin-left: 120px; } .date { font-family: Times New Roman, Times, serif; text-transform: uppercase; color: #888888; font-size: 6pt; } .subject { font-family: Times New Roman, Times, serif; background-color: transparent ; letter-spacing: 0px; font-size: 22pt; letter-spacing: -2px; line-height: 100%; color: #444444; } .subject a, .subject a:link, .subject a:visited {text-decoration: bold;} subject a:hover {color: #ffffff;} .datesubject {padding: 15px 5px 5px 10px; border-left: 0px solid #eeeeee;} .entry { font-family: Arial, Tahoma, Verdana, sans-serif; border: 1px solid #dddddd; background-color: #ffffff; margin: 0px; padding: 25px 25px 0px 25px; text-align: justify; line-height: 1.75; border-width: 0px;} .entry_text { margin-bottom: 20px;} .entry ul li {padding-left: 5px;margin-left: 15px;} .entry ol li{padding-left: 5px;margin-left: 15px;} /*---------------------------USERPICS----------------------------*/ .userpic { position: relative; float: left; padding: 0px; background-color: #fffffff; margin: 60px 10px 10px -115px ; z-index: 15; border: 5px solid #ffffff; } .userpicfriends { border: 0px solid #eeeeee; position: relative; background-color: transparent !important; float: left; padding: 3px; margin: 60px 10px 10px -120px; text-align: right; font-size: 7pt; z-index: 15;} .userpicfriends img {border: 0px; padding: 0px; border: 5px solid #ffffff; background-color: #ffffff; margin-bottom: 4px; } .userpicfriends a font {color: #aaaaaa;} /*--------------------------COMMENT BAR-------------------------*/ .comments {border: 0px solid #f1f1f1; color: #eeeeee; font-size: 14px; text-align: center; padding: 6px 5px 6px 5px; position: relative; top: 0px; } div.comments a, div.comments a:visited, div.comments a:link { padding: 3px; } .separator{height: 25px;} /*-------------------------CURRENTS AND TAGS-------------------------------------*/ .ljtags {text-align: right; padding: 2px 14px 2px 2px ; margin-top: 50px; position: relative; text-transform: lowercase; font-size: 7pt; color: #888888; background: transparent url() no-repeat scroll 100% 50%;} .ljtags:hover {background-image: url();} .currents {text-align: right; margin-top:0px; padding: 0px; text-transform: lowercase; font-size: 7pt; color: #646464; border: 1px solid #eeeeee; background-color: #f4f4f4;} .currents strong {font-weight: normal; text-decoration: none; color: #888888; } .currentlocation {padding: 2px 14px 2px 2px; background: transparent url() no-repeat scroll 100% 50%; } .currentmood {padding:2px 14px 2px 2px; background: transparent url() no-repeat scroll 100% 50%;} .currentgroups {padding: 2px 14px 2px 2px; background: transparent url() no-repeat scroll 100% 50%; } .currentmusic {padding: 2px 14px 2px 2px; background: transparent url() no-repeat scroll 100% 50%; } .currentlocation:hover { background-image: url();} .currentmood:hover { background-image: url();} .currentgroups:hover { background-image: url();} .currentmusic:hover { background-image: url();} /*----------------------TAG PAGE------------------------------*/ h2 { color: #444444; padding: 10px 10px 0px 30px; font-size: 22pt; font-weight: normal; text-transform: lowercase; letter-spacing: -1px; margin: 0px 0px 3px 0px; } .ljtaglist { border: 1px solid #dddddd; background-color: #ffffff; text-align: center; margin: 0px 0px 3px 0px; padding: 30px; padding: 25px; font-size:10px; list-style:none;} /*---------------------COMMENT PAGE-----------------------------*/ .box { font-family: Arial, Tahoma, Verdana, sans-serif; text-align: left; margin-bottom:0px; padding: 0px; clear: left; margin-left:120px; } .datesubjectcomment {text-align: left; color: #999999; margin-top: 0px; } .userpiccomment { position: relative; padding: 12px; border: 1px solid #eeeeee; background-color: #ffffff; left: 0px; margin: 10px 10px 0px 0px; z-index: 15; float: left;} textarea.textbox {width: 100% !important;} .reply { border: 0px ; position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; line-height: 1.25;} .replytosubject {letter-spacing:2px; font-weight: bold;} .commentreply {min-height: 85px; text-align: left; position: relative; padding:15px; margin: 0 0 0 120px;} .commentbox { border: 0px solid #dddddd; background-color: #ffffff; padding: 20px;margin: 7px 0px 7px 0px;} .commentbox:hover, .commentboxpartial:hover {border-color: #;} .commentboxpartial {border: 1px solid #eeeeee; background-color: #ffffff; padding: 10px; margin: 10px;} .commentinfo { background-color: #ffffff; margin-top: 10px; width: 100%;} .skiplinks {text-align: right; margin: 0px; padding: 10px; font-size: 7pt; letter-spacing: 1px; color: #dcdcdc; } /*------------------------SIDEBAR-----------------------------------------*/ .defaultuserpic { text-align: center; margin:0px; padding:0px 0px 15px 0px;} .defaultuserpic img {padding: 0px; border: 5px solid #574d3c; width:100px; height: 100px; margin-top: 0px; margin-right: 10px; } .sbarheader {padding: 0px 5px 0px 5px;} .sbarbody {padding: 5px 5px 10px 5px; border-top: 1px solid #ececec; } .sbarbody2 { padding: 0px 5px 15px 10px; text-align: left; } ul.sbarlist{ margin: 0px; padding: 0px; margin-left: 0px; list-style: none;} li.sbaritem{ padding: 2px 0px 2px 2px; text-align: right; letter-spacing: 1px; margin:4px 0px;} li.sbaritem:hover {border-color: #111111;} li.sbartitle{ text-align: left; text-transform: uppercase; padding: 3px; color: #000000;} #sidebar_linklist { margin-top: 8px; text-transform: lowercase; text-align: left; } #sidebar_summary { } #sidebar_tags {} #sidebar_calendar {} table.calendar { margin-right: auto; margin-left: auto;} .sbarcalendar { padding: 2px; margin:0;border: 0px solid #dddddd; background-color: #312817; text-align: center; font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 9px;} .sbarcalendarposts:hover { background-color: #574d3c; } .sbarcalendarposts { border:0px solid #dddddd; background-color: #d9cabe; text-align: center; font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px;} /*---------------------FOOTER----------------------------------*/ #footer {width: auto; padding: 5px; text-align: right;font-size: 7pt; z-index: 100; clear: both; border-right:180px solid #60543f;} ul.navfooter{ padding: 0px; margin: 0px;} ul.navfooter li {list-style: none; margin: 0 5px 0 5px;display: inline; } div#footer li.viewing {color: #555555;} div#footer a, div#footer a:link, div#footer a:visited {padding: 3px; display: inline; color: #aaaaaa; } div#footer a:hover { color:#bbbbbb; } .clearfoot { border-right:180px solid #60543f; clear: both;} /*-----------------------ARCHIVE PAGE--------------------------------*/ ul.year { margin: 0px;font-size: 22pt; border: 0px solid #eeeeee; text-align: center; padding: 20px;} ul.year li {display: inline;} table.yeartable { border: 1px solid #dddddd; background-color: #ffffff; margin-left: auto; margin-right: auto; padding: 30px; width: 100%;} table.yeartable td.yeardate, table.yeartable td.yearday { border-width: 1px; border-style: solid; border-color: #eeeeee;} table.yeartable td.yearday { background-color: #f4f4f4; text-align: center;} td.yearmonth {border-style: none;} .clear {display:none; height: 8px;} /*------------MINI ICONS BY PINVOKE-------------*/ img[src*="icon_protected.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background: transparent url(http://i33.tinypic.com/2sb1hcg.jpg) no-repeat scroll 0 0; } img[src*="icon_private.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background: transparent url(http://i38.tinypic.com/b5mfc4.png) no-repeat scroll 0 0; } img[src*="icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: transparent url(http://i34.tinypic.com/9rq3p1.jpg) no-repeat scroll 0 0; } .ljuser img { width: 0; height: 0; background: transparent url(http://i35.tinypic.com/ayn4lz.png) no-repeat center left; padding: 17px 16px 0 2px !important; } .ljuser img[src*="userinfo.gif"] { background: transparent url(http://i40.tinypic.com/2w6t16w.png) no-repeat center left; padding: 19px 9px 0 2px !important; } .ljuser img[src*="community.gif"] { width: 0; height: 0; background: transparent url(http://i42.tinypic.com/xfvio1.png) no-repeat scroll 0 0; padding: 15px 9px 0 2px !important; } .ljuser img[src*="syndicated.gif"] { width: 0; height: 0; background: transparent url(http://i34.tinypic.com/maysmc.png) no-repeat scroll 0 0; padding: 16px 10px 0 2px !important; } .ljuser img[src*="newsinfo.gif"] { width: 0; height: 0; background: transparent url(http://i35.tinypic.com/2nson6e.jpg) no-repeat scroll 0 0; padding: 16px 10px 0 2px !important; } .ljuser img[src*="partnercomm.gif"] { width: 0; height: 0; background: transparent url(http://i34.tinypic.com/2z4ycnl.png) no-repeat scroll 0 0; padding: 16px 10px 0 2px !important; } .ljuser img[src*="sponcomm.gif"] { width: 0; height: 0; background: transparent url(http://i36.tinypic.com/68yctv.png) no-repeat scroll 0 0; padding: 16px 10px 0 2px !important; } .Note .Inner { background: #2d2d2d none repeat scroll 0 0; border: 1px solid #333333; color: #666666;} .ippu .track_title {letter-spacing: 3px; color: #444444; font-weight: normal;} div.ljcmtmanage { background: #2d2d2d none repeat scroll 0 0; border: 1px solid #333333; padding:10px; } img[src*="btn_del.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i37.tinypic.com/2eg62c6.png) no-repeat scroll 0 0; } img[src*="btn_scr.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i34.tinypic.com/35cpn2a.png) no-repeat scroll 0 0; } img[src*="btn_unscr.gif"] { height: 0px; width: 0px;padding: 0px 0px 10px 10px !important; background: url(http://i38.tinypic.com/21b7qds.png) no-repeat scroll 0 0; } img[src*="btn_freeze.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i38.tinypic.com/6ihgqs.png) no-repeat scroll 0 0; } img[src*="btn_unfreeze.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i37.tinypic.com/34r9frq.png) no-repeat scroll 0 0; } img[src*="btn_track.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i35.tinypic.com/29576gy.png) no-repeat scroll 0 0; } img[src*="btn_tracking.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i33.tinypic.com/301ka40.png) no-repeat scroll 0 0; } img[src*="btn_tracking_thread.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i33.tinypic.com/301ka40.png) no-repeat scroll 0 0; } img[src*="anonymous.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i34.tinypic.com/1zp4h0i.jpg) no-repeat scroll 0 0; } img[src*="openid-profile.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i34.tinypic.com/2h39d9d.png) no-repeat scroll 0 0; } img[src*="userinfo.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i35.tinypic.com/ayn4lz.png) no-repeat scroll 0 0; } img[src*="talk/none.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i35.tinypic.com/33e3gxt.png) no-repeat scroll 0 0; } img[src*="help.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i35.tinypic.com/33cujuw.png) no-repeat scroll 0 0; } img[src*="pencil.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i36.tinypic.com/2ij299f.png) no-repeat scroll 0 0; } /*-----------------CONTEXTUAL POP-UP-----------------*/ div.ContextualPopup {position: relative; margin: 10px 0 0 30px; text-align: left; font: normal 9px "Tahoma" !important; } div.ContextualPopup div.Inner { color: #555555 !important;border: 1px solid #111111; background-color: #000000 !important; padding: 4px; width: 250px;} div.ContextualPopup .Userpic { padding: 7px; margin-left: 0px; border: 1px solid #111111; background-color: #222222;} div.ContextualPopup .Content { padding: 5px; margin: 4px 0px 4px 4px;} div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; font-weight: bold; color: #555555 !important;} div.ContextualPopup .Relation { text-transform: uppercase; font-family: Georgia, Times New Roman, Book Antiqua, serif; font-size: 9pt; letter-spacing:2px;} /*--------------- MISC-------------- */ table#lj_controlstrip td {background-color: #eeeeee; background-image: url(); color: #666666;border: solid 1px #dddddd; border-left: none; } #lj_controlstrip a { color: #999999; } #lj_controlstrip_statustext { color: #666666; } img:hover { filter: alpha(opacity=90); moz-opacity: .90; opacity: .90; } img { filter: alpha(opacity=100); moz-opacity: 1; opacity: 1; } b { color: #444444;} u { color: #444444;} i { color: #999999; font-family: "Times New Roman", Times, serif;} s { color: #999999; font-family: "Times New Roman", Times, serif;} p, td {} blockquote { padding:15px; border: 1px solid #eeeeee; background: transparent url(http://i37.tinypic.com/214beye.png) repeat scroll 0 0; color:#8c8c8c; } code { display:block; padding:5px; border:1px dashed #DDDDDD; font-size: 12px;} kbd, pre, tt {font-family: monospace;} input, textarea { font-family: "Times New Roman", Times, serif; font-size: 11px; border: 1px solid #eeeeee; background: transparent url(http://i37.tinypic.com/214beye.png) repeat scroll 0 0; color: #999999;} /*-------------------COLORS-----------------------*/ a, a:link, a:visited, .subject a, div.comments a, h2, code, .datesubjectcomment a:link, .datesubjectcomment a:visited, div.ContextualPopup .Relation { color: #957E66; font-family: "Times New Roman", Times, serif; text-decoration: none;} a:hover, div.comments a:hover, .datesubjectcomment a:hover{color: #cccccc; text-decoration: none;} .subject a,.subject a:visited , .subject a:link {color: #444444;} .subject a:hover,div#sidebar a:hover, div#header a:hover {color: #ffffff}



Preview
/*------------------------------ her face was just a smear on the pane [sidebar] ((flexible squares; basic, plus and paid; milou veronica)) -------------------------------*/ body { background: #edecd4 url(http://i104.photobucket.com/albums/m192/LL13JL/arashi/Junedecd4.jpg) no-repeat fixed 0 0;: center; color: #ffffff; font-family: Times New Roman, Times, serif; font-size: 8pt; margin: 0px;} .headerimage {position: relative; background: url(); width: 534px; height: 0px; background-repeat: no-repeat; margin-right: auto;margin-bottom: 0px; } #content{ color: #555555; width: 850px; margin-left: auto; margin-top: 0px; border-width: 0px; padding: 0px;} #maincontent { padding: 0px; margin-top: 0px; padding-right: 10px; border-right:180px solid #60543f;margin-left:auto; text-align: justify; } #sidebar { padding: 0px 5px 5px 5px; width: 170px; background-color: #60543f; text-align: left; color: #d9cabe; font-family: Verdana; font-size: 6.5pt; border: 0px solid #333333; z-index:100; float: right; } /*-------------------HEADER-----------------------*/ #header { border: 0px solid #ffffff; background-color: #; margin: 0px 0px 0px 0px; text-align: center; font-size: 15pt; letter-spacing: -1px; text-transform: lowercase; color: #000000; padding:10px; border-right:180px solid #60543f;} div#header a, div#header a:link, div#header a:visited { color: #666666; text-transform: lowercase; } div#header a:hover {color: #ffffff; } div#header li.view { } ul.navheader{ padding: 0px; margin: 0px; display:inline;} ul.navheader li {margin: 0px 2px 0px 2px; list-style-type: none; display:inline;} .title {padding-bottom: 4px; margin: 0px; text-align: right;font-size: 7.5pt; letter-spacing: 3px;} .subtitle{text-align: right;font-size: 6pt; color: #999999; letter-spacing: 3px;} /*-------------------ENTRIES-----------------------*/ .subcontent { min-height: 190px; margin-right:0px; margin-left: 120px; } .date { font-family: Times New Roman, Times, serif; text-transform: uppercase; color: #888888; font-size: 6pt; } .subject { font-family: Times New Roman, Times, serif; background-color: transparent ; letter-spacing: 0px; font-size: 22pt; letter-spacing: -2px; line-height: 100%; color: #444444; } .subject a, .subject a:link, .subject a:visited {text-decoration: bold;} subject a:hover {color: #ffffff;} .datesubject {padding: 15px 5px 5px 10px; border-left: 0px solid #eeeeee;} .entry { font-family: Arial, Tahoma, Verdana, sans-serif; border: 1px solid #dddddd; background-color: #ffffff; margin: 0px; padding: 25px 25px 0px 25px; text-align: justify; line-height: 1.75; border-width: 0px;} .entry_text { margin-bottom: 20px;} .entry ul li {padding-left: 5px;margin-left: 15px;} .entry ol li{padding-left: 5px;margin-left: 15px;} /*---------------------------USERPICS----------------------------*/ .userpic { position: relative; float: left; padding: 0px; background-color: #fffffff; margin: 60px 10px 10px -115px ; z-index: 15; border: 5px solid #ffffff; } .userpicfriends { border: 0px solid #eeeeee; position: relative; background-color: transparent !important; float: left; padding: 3px; margin: 60px 10px 10px -120px; text-align: right; font-size: 7pt; z-index: 15;} .userpicfriends img {border: 0px; padding: 0px; border: 5px solid #ffffff; background-color: #ffffff; margin-bottom: 4px; } .userpicfriends a font {color: #aaaaaa;} /*--------------------------COMMENT BAR-------------------------*/ .comments {border: 0px solid #f1f1f1; color: #eeeeee; font-size: 14px; text-align: center; padding: 6px 5px 6px 5px; position: relative; top: 0px; } div.comments a, div.comments a:visited, div.comments a:link { padding: 3px; } .separator{height: 25px;} /*-------------------------CURRENTS AND TAGS-------------------------------------*/ .ljtags {text-align: right; padding: 2px 14px 2px 2px ; margin-top: 50px; position: relative; text-transform: lowercase; font-size: 7pt; color: #888888; background: transparent url() no-repeat scroll 100% 50%;} .ljtags:hover {background-image: url();} .currents {text-align: right; margin-top:0px; padding: 0px; text-transform: lowercase; font-size: 7pt; color: #646464; border: 1px solid #eeeeee; background-color: #f4f4f4;} .currents strong {font-weight: normal; text-decoration: none; color: #888888; } .currentlocation {padding: 2px 14px 2px 2px; background: transparent url() no-repeat scroll 100% 50%; } .currentmood {padding:2px 14px 2px 2px; background: transparent url() no-repeat scroll 100% 50%;} .currentgroups {padding: 2px 14px 2px 2px; background: transparent url() no-repeat scroll 100% 50%; } .currentmusic {padding: 2px 14px 2px 2px; background: transparent url() no-repeat scroll 100% 50%; } .currentlocation:hover { background-image: url();} .currentmood:hover { background-image: url();} .currentgroups:hover { background-image: url();} .currentmusic:hover { background-image: url();} /*----------------------TAG PAGE------------------------------*/ h2 { color: #444444; padding: 10px 10px 0px 30px; font-size: 22pt; font-weight: normal; text-transform: lowercase; letter-spacing: -1px; margin: 0px 0px 3px 0px; } .ljtaglist { border: 1px solid #dddddd; background-color: #ffffff; text-align: center; margin: 0px 0px 3px 0px; padding: 30px; padding: 25px; font-size:10px; list-style:none;} /*---------------------COMMENT PAGE-----------------------------*/ .box { font-family: Arial, Tahoma, Verdana, sans-serif; text-align: left; margin-bottom:0px; padding: 0px; clear: left; margin-left:120px; } .datesubjectcomment {text-align: left; color: #999999; margin-top: 0px; } .userpiccomment { position: relative; padding: 12px; border: 1px solid #eeeeee; background-color: #ffffff; left: 0px; margin: 10px 10px 0px 0px; z-index: 15; float: left;} textarea.textbox {width: 100% !important;} .reply { border: 0px ; position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; line-height: 1.25;} .replytosubject {letter-spacing:2px; font-weight: bold;} .commentreply {min-height: 85px; text-align: left; position: relative; padding:15px; margin: 0 0 0 120px;} .commentbox { border: 0px solid #dddddd; background-color: #ffffff; padding: 20px;margin: 7px 0px 7px 0px;} .commentbox:hover, .commentboxpartial:hover {border-color: #;} .commentboxpartial {border: 1px solid #eeeeee; background-color: #ffffff; padding: 10px; margin: 10px;} .commentinfo { background-color: #ffffff; margin-top: 10px; width: 100%;} .skiplinks {text-align: right; margin: 0px; padding: 10px; font-size: 7pt; letter-spacing: 1px; color: #dcdcdc; } /*------------------------SIDEBAR-----------------------------------------*/ .defaultuserpic { text-align: center; margin:0px; padding:0px 0px 15px 0px;} .defaultuserpic img {padding: 0px; border: 5px solid #574d3c; width:100px; height: 100px; margin-top: 0px; margin-right: 10px; } .sbarheader {padding: 0px 5px 0px 5px;} .sbarbody {padding: 5px 5px 10px 5px; border-top: 1px solid #ececec; } .sbarbody2 { padding: 0px 5px 15px 10px; text-align: left; } ul.sbarlist{ margin: 0px; padding: 0px; margin-left: 0px; list-style: none;} li.sbaritem{ padding: 2px 0px 2px 2px; text-align: right; letter-spacing: 1px; margin:4px 0px;} li.sbaritem:hover {border-color: #111111;} li.sbartitle{ text-align: left; text-transform: uppercase; padding: 3px; color: #000000;} #sidebar_linklist { margin-top: 8px; text-transform: lowercase; text-align: left; } #sidebar_summary { } #sidebar_tags {} #sidebar_calendar {} table.calendar { margin-right: auto; margin-left: auto;} .sbarcalendar { padding: 2px; margin:0;border: 0px solid #dddddd; background-color: #312817; text-align: center; font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 9px;} .sbarcalendarposts:hover { background-color: #574d3c; } .sbarcalendarposts { border:0px solid #dddddd; background-color: #d9cabe; text-align: center; font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px;} /*---------------------FOOTER----------------------------------*/ #footer {width: auto; padding: 5px; text-align: right;font-size: 7pt; z-index: 100; clear: both; border-right:180px solid #60543f;} ul.navfooter{ padding: 0px; margin: 0px;} ul.navfooter li {list-style: none; margin: 0 5px 0 5px;display: inline; } div#footer li.viewing {color: #555555;} div#footer a, div#footer a:link, div#footer a:visited {padding: 3px; display: inline; color: #aaaaaa; } div#footer a:hover { color:#bbbbbb; } .clearfoot { border-right:180px solid #60543f; clear: both;} /*-----------------------ARCHIVE PAGE--------------------------------*/ ul.year { margin: 0px;font-size: 22pt; border: 0px solid #eeeeee; text-align: center; padding: 20px;} ul.year li {display: inline;} table.yeartable { border: 1px solid #dddddd; background-color: #ffffff; margin-left: auto; margin-right: auto; padding: 30px; width: 100%;} table.yeartable td.yeardate, table.yeartable td.yearday { border-width: 1px; border-style: solid; border-color: #eeeeee;} table.yeartable td.yearday { background-color: #f4f4f4; text-align: center;} td.yearmonth {border-style: none;} .clear {display:none; height: 8px;} /*------------MINI ICONS BY PINVOKE-------------*/ img[src*="icon_protected.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background: transparent url(http://i33.tinypic.com/2sb1hcg.jpg) no-repeat scroll 0 0; } img[src*="icon_private.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background: transparent url(http://i38.tinypic.com/b5mfc4.png) no-repeat scroll 0 0; } img[src*="icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: transparent url(http://i34.tinypic.com/9rq3p1.jpg) no-repeat scroll 0 0; } .ljuser img { width: 0; height: 0; background: transparent url(http://i35.tinypic.com/ayn4lz.png) no-repeat center left; padding: 17px 16px 0 2px !important; } .ljuser img[src*="userinfo.gif"] { background: transparent url(http://i40.tinypic.com/2w6t16w.png) no-repeat center left; padding: 19px 9px 0 2px !important; } .ljuser img[src*="community.gif"] { width: 0; height: 0; background: transparent url(http://i42.tinypic.com/xfvio1.png) no-repeat scroll 0 0; padding: 15px 9px 0 2px !important; } .ljuser img[src*="syndicated.gif"] { width: 0; height: 0; background: transparent url(http://i34.tinypic.com/maysmc.png) no-repeat scroll 0 0; padding: 16px 10px 0 2px !important; } .ljuser img[src*="newsinfo.gif"] { width: 0; height: 0; background: transparent url(http://i35.tinypic.com/2nson6e.jpg) no-repeat scroll 0 0; padding: 16px 10px 0 2px !important; } .ljuser img[src*="partnercomm.gif"] { width: 0; height: 0; background: transparent url(http://i34.tinypic.com/2z4ycnl.png) no-repeat scroll 0 0; padding: 16px 10px 0 2px !important; } .ljuser img[src*="sponcomm.gif"] { width: 0; height: 0; background: transparent url(http://i36.tinypic.com/68yctv.png) no-repeat scroll 0 0; padding: 16px 10px 0 2px !important; } .Note .Inner { background: #2d2d2d none repeat scroll 0 0; border: 1px solid #333333; color: #666666;} .ippu .track_title {letter-spacing: 3px; color: #444444; font-weight: normal;} div.ljcmtmanage { background: #2d2d2d none repeat scroll 0 0; border: 1px solid #333333; padding:10px; } img[src*="btn_del.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i37.tinypic.com/2eg62c6.png) no-repeat scroll 0 0; } img[src*="btn_scr.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i34.tinypic.com/35cpn2a.png) no-repeat scroll 0 0; } img[src*="btn_unscr.gif"] { height: 0px; width: 0px;padding: 0px 0px 10px 10px !important; background: url(http://i38.tinypic.com/21b7qds.png) no-repeat scroll 0 0; } img[src*="btn_freeze.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i38.tinypic.com/6ihgqs.png) no-repeat scroll 0 0; } img[src*="btn_unfreeze.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i37.tinypic.com/34r9frq.png) no-repeat scroll 0 0; } img[src*="btn_track.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i35.tinypic.com/29576gy.png) no-repeat scroll 0 0; } img[src*="btn_tracking.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i33.tinypic.com/301ka40.png) no-repeat scroll 0 0; } img[src*="btn_tracking_thread.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i33.tinypic.com/301ka40.png) no-repeat scroll 0 0; } img[src*="anonymous.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i34.tinypic.com/1zp4h0i.jpg) no-repeat scroll 0 0; } img[src*="openid-profile.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i34.tinypic.com/2h39d9d.png) no-repeat scroll 0 0; } img[src*="userinfo.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i35.tinypic.com/ayn4lz.png) no-repeat scroll 0 0; } img[src*="talk/none.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i35.tinypic.com/33e3gxt.png) no-repeat scroll 0 0; } img[src*="help.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i35.tinypic.com/33cujuw.png) no-repeat scroll 0 0; } img[src*="pencil.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i36.tinypic.com/2ij299f.png) no-repeat scroll 0 0; } /*-----------------CONTEXTUAL POP-UP-----------------*/ div.ContextualPopup {position: relative; margin: 10px 0 0 30px; text-align: left; font: normal 9px "Tahoma" !important; } div.ContextualPopup div.Inner { color: #555555 !important;border: 1px solid #111111; background-color: #000000 !important; padding: 4px; width: 250px;} div.ContextualPopup .Userpic { padding: 7px; margin-left: 0px; border: 1px solid #111111; background-color: #222222;} div.ContextualPopup .Content { padding: 5px; margin: 4px 0px 4px 4px;} div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; font-weight: bold; color: #555555 !important;} div.ContextualPopup .Relation { text-transform: uppercase; font-family: Georgia, Times New Roman, Book Antiqua, serif; font-size: 9pt; letter-spacing:2px;} /*--------------- MISC-------------- */ table#lj_controlstrip td {background-color: #eeeeee; background-image: url(); color: #666666;border: solid 1px #dddddd; border-left: none; } #lj_controlstrip a { color: #999999; } #lj_controlstrip_statustext { color: #666666; } img:hover { filter: alpha(opacity=90); moz-opacity: .90; opacity: .90; } img { filter: alpha(opacity=100); moz-opacity: 1; opacity: 1; } b { color: #444444;} u { color: #444444;} i { color: #999999; font-family: "Times New Roman", Times, serif;} s { color: #999999; font-family: "Times New Roman", Times, serif;} p, td {} blockquote { padding:15px; border: 1px solid #eeeeee; background: transparent url(http://i37.tinypic.com/214beye.png) repeat scroll 0 0; color:#8c8c8c; } code { display:block; padding:5px; border:1px dashed #DDDDDD; font-size: 12px;} kbd, pre, tt {font-family: monospace;} input, textarea { font-family: "Times New Roman", Times, serif; font-size: 11px; border: 1px solid #eeeeee; background: transparent url(http://i37.tinypic.com/214beye.png) repeat scroll 0 0; color: #999999;} /*-------------------COLORS-----------------------*/ a, a:link, a:visited, .subject a, div.comments a, h2, code, .datesubjectcomment a:link, .datesubjectcomment a:visited, div.ContextualPopup .Relation { color: #8D7695; font-family: "Times New Roman", Times, serif; text-decoration: none;} a:hover, div.comments a:hover, .datesubjectcomment a:hover{color: #cccccc; text-decoration: none;} .subject a,.subject a:visited , .subject a:link {color: #444444;} .subject a:hover,div#sidebar a:hover, div#header a:hover {color: #ffffff}
Nino, Ohno and Sho layout can be found HERE
1. Select Journal Style
2. Choose "Autumn" Flexible Squares layout
3. In Choose a Page Setup select either "2 Column (sidebar on left)" or "2 Column (sidebar on right)"
4. Click Customize Selected Theme
5. Choose style and delete the text inside the box beside "Background color of the outer table". This will make your ads' background transparent
6. Click "Sidebar" and make sure drop down menus are set to "Yes" on the items you want included on your sidebar. You can also change its ordering.
7. Click "Custom CSS" and make sure all drop down menus are set to "No"
8. Paste code in the "Custom stylesheet" box