05 Lay Me Down

image preview | live preview
(image preview was taken at 800x600, so look at the live preview to see what it looks like in your resolution & browser)




image preview | live preview

without sidebar
/* Stylesheet by liiessbeth @ perfectrainbows */ /* Theme: S2 Flexible Squares Title: Lay Me Down */ body { background-color: #F1F1F1; text-align: center; color: #CCCCCC; font-family: "Arial", sans-serif; font-size: 10px; margin: 20px 0 20px 0; } a, a:link, a:visited { color: #666666; text-decoration: none; } a:hover { color: #CECECE; } p, td { font-size: 10px; } code, kbd, pre, tt { font-family: monospace; border: 1px solid #CCCCCC; } #content { width: 760px; margin-left: auto; margin-right: auto; background-color: transparent; padding: 15px; } #maincontent { margin-top: 15px; font-family: "Arial", sans-serif; font-size: 10px; background-color: transparent; text-align: left; } #sidebar { display: none; } #header { width: 100%; padding: 15px 0px 15px 0px; margin: 0px; text-align: center; font-family: "Arial", sans-serif; font-size: 11px; font-weight: bold; background-color: #FFFFFF; color: #666666; text-transform: uppercase; border: 1px solid #CCCCCC; } #footer { width: 100%; text-align: center; font-family: "Arial", sans-serif; font-size: 11px; font-weight: bold; background-color: #FFFFFF; color: #CCCCCC; z-index: 100; clear: both; text-transform: uppercase; border: 1px solid #CCCCCC; } /* header -- links to views; title of journal; subtitle of journal */ div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { } div#header a:hover, div#footer a:hover { text-decoration: none; } ul.navheader { padding: 0px; margin: 0px; } ul.navheader li { display: inline; padding: 0 3px 0 3px; } .title { display: none; } .subtitle{ display: none; } /* maincontent */ .subcontent { background-color: #FFFFFF; border: 1px solid #CCCCCC; } .entry { margin: 0px 10px 10px 30px; padding: 10px; background-color: transparent; color: #CCCCCC; font-family: "Arial", sans-serif; font-size: 10px; text-align: left; } .entry ul li { padding-left: 5px; margin-left: 15px; } .entry ol li { padding-left: 5px; margin-left: 15px; } .userpic, .userpicfriends { position: relative; float: right; background-color: transparent !important; padding: 5px; margin: 10px; z-index: 15; } .userpic img, .userpicfriends img { border: 5px solid #F4F4F4; } .date { line-height: 200%; top: 5px; font-family: "Arial", sans-serif; font-size: 9px; } .subject { padding: 0 0 10px 10px; color: #666666; font-family: "Arial", sans-serif; font-size: 12px; text-transform: uppercase; } .subject a, .subject a:link, .subject a:visited { } .subject a:hover { } .datesubject { background-color: transparent; padding: 5px; text-align: right; } .currents, .currentmood, .currentmusic { font-family: "Arial", sans-serif; font-size: 10px; } .currents { margin-top: 0px; } .comments { font-family: "Arial", sans-serif; font-size: 12px; text-align: right; background-color: transparent; padding: 0px 5px 0px 5px; position: relative; top: 15px; text-transform: uppercase; color: #F2F2F2 } div.comments a, div.comments a:link, div.comments a:visited{ } div.comments a:hover { text-decoration: none; } /* maincontent -- entry, reply pages */ .datesubjectcomment { background-color: transparent; padding: 5px; margin-top: 20px; } .userpiccomment { position: relative; border-width: 5px solid #F4F4F4; top: -30px; left: 0px; margin: 10px 10px -20px 10px; z-index: 15; float: left; } .box { padding: 10px; clear: left; background-color: transparent; } input, textarea { background-color: transparent; color: #666666; font-family: "Arial", sans-serif; font-size: 9px; border: 1px solid #CCCCCC; } textarea.textbox { width: 100% !important; } .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: "Arial", sans-serif; font-size: 10px; line-height: 125%; background-color: transparent; color: #CCCCCC; border: 1px solid #CCCCCC; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; font-size: 11px; font-family: "Arial", sans-serif; } .commentbox { border: 1px solid #CCCCCC; padding: 10px; margin: 10px; background-color: #FFFFFF; } .datesubjectcomment a:link, .datesubjectcomment a:visited { } .datesubjectcomment a:hover { } .commentboxpartial { border: 1px solid #CCCCCC; padding: 10px; margin: 10px; background-color: transparent; } .commentinfo { background-color: transparent; margin-top: 10px; width: 100%; } /* maincontent -- year/achive pages */ ul.year { text-align: center; padding: 15px; background-color: #FFFFFF; border: 1px solid #CCCCCC; margin-left: 0px; } ul.year li { display: inline; } table.yeartable { margin-left: auto; margin-right: auto; background-color: #FFFFFF; border: 1px solid #CCCCCC; padding: auto; } table.yeartable td.yeardate, table.yeartable td.yearday { border-width: 1px; border-style: solid; border-color: #CCCCCC; } table.yeartable td.yearday { background-color: #FFFFFF; text-align: center; } td.yearmonth { border-style: none; } /* footer */ ul.navfooter{ padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 5px 0 5px; } .clearfoot { clear: both; } /* misc */ .clear { height: 0px; } .skiplinks { text-align: center; } .headerimage { position: relative; width: 0px; height: 0px; margin-left: auto; margin-right: auto; background-image: url(''); repeat: no-repeat; } .separator{ height: 15px; } blockquote { margin: 10px 50px 0 50px; padding: 20px; color: #AAAAAA; border: 1px solid #F5F5F5; background-color: #FCFC2; text-align: justify; } .ljtags { margin-top: 15px; padding-left: 0px; } .currents strong { font-weight: normal; } .ljtaglist { list-style-type: none; background-color: #FFFFFF; border: 1px solid #CCCCCC; padding: 5px; margin-left: 0px; } h2 { display: none; } .ljuser img { width: 0px; height: 0px; padding: 16px 0 0 16px; } .ljuser img[src$="userinfo.gif"] { background: transparent url('http://img407.imageshack.us/img407/4341/userg.png') no-repeat; } .ljuser img[src$="community.gif"] { background: transparent url('http://img221.imageshack.us/img221/9907/groupg.png') no-repeat; } .subject img[src$="icon_protected.gif"]{ padding: 0 16px 16px 0; width: 0; height: 0; background: url('http://img221.imageshack.us/img221/7240/lockg.png') no-repeat; } li.view { color: #CCCCCC; }

with sidebar
/* Stylesheet by liiessbeth @ perfectrainbows */ /* Theme: S2 Flexible Squares Title: Lay Me Down (with sidebar) */ body { background-color: #F1F1F1; text-align: center; color: #CCCCCC; font-family: "Arial", sans-serif; font-size: 10px; margin: 20px 0 20px 0; } a, a:link, a:visited { color: #666666; text-decoration: none; } a:hover { color: #CECECE; } p, td { font-size: 10px; } code, kbd, pre, tt { font-family: monospace; border: 1px solid #CCCCCC; } #content { width: 760px; margin-left: auto; margin-right: auto; background-color: transparent; padding: 15px; } #maincontent { margin-top: 15px; font-family: "Arial", sans-serif; font-size: 10px; background-color: transparent; text-align: left; margin-right: 220px; } #header { width: 100%; padding: 15px 0px 15px 0px; margin: 0px; text-align: center; font-family: "Arial", sans-serif; font-size: 11px; font-weight: bold; letter-spacing: -1px; background-color: #FFFFFF; color: #666666; text-transform: uppercase; border: 1px solid #CCCCCC; } #footer { width: 100%; text-align: center; font-family: "Arial", sans-serif; font-size: 11px; font-weight: bold; letter-spacing: -1px; background-color: #FFFFFF; color: #CCCCCC; z-index: 100; clear: both; text-transform: uppercase; border: 1px solid #CCCCCC; } /* header -- links to views; title of journal; subtitle of journal */ div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { } div#header a:hover, div#footer a:hover { text-decoration: none; } ul.navheader { padding: 0px; margin: 0px; } ul.navheader li { display: inline; padding: 0 3px 0 3px; } .title { display: none; } .subtitle{ display: none; } /* maincontent */ .subcontent { background-color: #FFFFFF; border: 1px solid #CCCCCC; } .entry { margin: 0px 10px 10px 30px; padding: 10px; background-color: transparent; color: #CCCCCC; font-family: "Arial", sans-serif; font-size: 10px; text-align: left; } .entry ul li { padding-left: 5px; margin-left: 15px; } .entry ol li { padding-left: 5px; margin-left: 15px; } .userpic, .userpicfriends { position: relative; float: right; background-color: transparent !important; padding: 5px; margin: 10px; z-index: 15; } .userpic img, .userpicfriends img { border: 5px solid #F4F4F4; } .date { line-height: 200%; top: 5px; font-family: "Arial", sans-serif; font-size: 9px; } .subject { padding: 0 0 10px 10px; color: #666666; font-family: "Arial", sans-serif; font-size: 12px; text-transform: uppercase; } .subject a, .subject a:link, .subject a:visited { } .subject a:hover { } .datesubject { background-color: transparent; padding: 5px; text-align: right; } .currents, .currentmood, .currentmusic { font-family: "Arial", sans-serif; font-size: 10px; } .currents { margin-top: 0px; } .comments { font-family: "Arial", sans-serif; font-size: 12px; text-align: right; background-color: transparent; padding: 0px 5px 0px 5px; position: relative; top: 15px; text-transform: uppercase; color: #F2F2F2 } div.comments a, div.comments a:link, div.comments a:visited{ } div.comments a:hover { text-decoration: none; } /* maincontent -- entry, reply pages */ .datesubjectcomment { background-color: transparent; padding: 5px; margin-top: 20px; } .userpiccomment { position: relative; border-width: 5px solid #F4F4F4; top: -30px; left: 0px; margin: 10px 10px -20px 10px; z-index: 15; float: left; } .box { padding: 10px; clear: left; background-color: transparent; } input, textarea { background-color: transparent; color: #666666; font-family: "Arial", sans-serif; font-size: 9px; border: 1px solid #CCCCCC; } textarea.textbox { width: 100% !important; } .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: "Arial", sans-serif; font-size: 10px; line-height: 125%; background-color: transparent; color: #CCCCCC; border: 1px solid #CCCCCC; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; font-size: 11px; font-family: "Arial", sans-serif; } .commentbox { border: 1px solid #CCCCCC; padding: 10px; margin: 10px; background-color: #FFFFFF; } .datesubjectcomment a:link, .datesubjectcomment a:visited { } .datesubjectcomment a:hover { } .commentboxpartial { border: 1px solid #CCCCCC; padding: 10px; margin: 10px; background-color: transparent; } .commentinfo { background-color: transparent; margin-top: 10px; width: 100%; } /* maincontent -- year/achive pages */ ul.year { text-align: center; padding: 15px; background-color: #FFFFFF; border: 1px solid #CCCCCC; margin-left: 0px; } ul.year li { display: inline; } table.yeartable { margin-left: auto; margin-right: auto; background-color: #FFFFFF; border: 1px solid #CCCCCC; padding: auto; } table.yeartable td.yeardate, table.yeartable td.yearday { border-width: 1px; border-style: solid; border-color: #CCCCCC; } table.yeartable td.yearday { background-color: #FFFFFF; text-align: center; } td.yearmonth { border-style: none; } /* footer */ ul.navfooter{ padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 5px 0 5px; } .clearfoot { clear: both; } /* misc */ .clear { height: 0px; } .skiplinks { text-align: center; } .headerimage { position: relative; width: 0px; height: 0px; margin-left: auto; margin-right: auto; background-image: url(''); repeat: no-repeat; } .separator{ height: 15px; } blockquote { margin: 10px 50px 0 50px; padding: 20px; color: #AAAAAA; border: 1px solid #F5F5F5; background-color: #FCFC2; text-align: justify; } .ljtags { margin-top: 15px; padding-left: 0px; } .currents strong { font-weight: normal; } .ljtaglist { list-style-type: none; background-color: #FFFFFF; border: 1px solid #CCCCCC; padding: 5px; margin-left: 0px; } h2 { display: none; } .ljuser img { width: 0px; height: 0px; padding: 16px 0 0 16px; } .ljuser img[src$="userinfo.gif"] { background: transparent url('http://img407.imageshack.us/img407/4341/userg.png') no-repeat; } .ljuser img[src$="community.gif"] { background: transparent url('http://img221.imageshack.us/img221/9907/groupg.png') no-repeat; } .subject img[src$="icon_protected.gif"]{ padding: 0 16px 16px 0; width: 0; height: 0; background: url('http://img221.imageshack.us/img221/7240/lockg.png') no-repeat; } li.view { color: #CCCCCC; } /* Sidebar stuff */ #sidebar { padding-top: 15px; margin-top: 15px; background-color: #FFFFFF; border-color: #CCCCCC; border-width: 1px; border-style: solid; font-size: 10px; font-family: "Arial", sans-serif; color: #CCCCCC; width: 200px; float: right; text-align: left; } div#sidebar a, div#sidebar a:link, div#sidebar a:visited{ } div#sidebar a:hover { text-decoration: none; } .defaultuserpic { text-align: center; } .defaultuserpic img { border: 5px solid #F4F4F4; } .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { padding: 0px 5px 0px 5px; } .sbarbody2 { padding: 0 15px 0 15px; } table.calendar { display: none; } .sbarcalendar { display: none; } .sbarcalendarposts { display: none; } ul.sbarlist { padding-left: 0px; margin-left: 0px; list-style: none; } li.sbaritem { padding-left: 15px; list-style: none; } li.sbartitle { padding-left: 15px; list-style: none; margin-bottom: 10px; margin-top: 10px; color: #666666; font-family: "Arial", sans-serif; font-size: 12px; text-transform: uppercase; }

+ credit liiessbeth or perfectrainbows.
+ see this post for instructions on how to install.
+ comments make me smile.
+ watch or join the community for updates.