S2 Flexible Squares: The open sky is mine tonight
Layout: The open sky is mine tonight {S2 Flexible Squares}
Features: custom contextual pop-up, mini icons, custom comments pages
Account types: basic // plus // paid
Notes: This is a sidebar-less layout, so if you set ad-placement to vertical, it won't display the ads.
image // live image // live
instructions:
01 : go to customize journal style.
02 : select Flexible Squares > Blue Gray as your theme.
03 : go to Custom CSS.
04 : set all the drop-downs to NO.
05 : paste in your code in the Custom Stylesheet box, and save.
codes:
Blue:
/*--------------------------------------------------------------------------
THE OPEN SKY IS MINE TONIGHT (plain)
S2 Flexible Squares layout by ghost_factory@lj
minicons by pinvoke [http://pinvoke.com/]
header image by cari ann wayman [http://flickr.com/photos/yyellowbird/]
--------------------------------------------------------------------------*/
body {
background-color:#CCE3DF;
text-align: center;
color:#9CADAA;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
margin: 20px 0 20px 0;
}
a, a:link, a:visited { color:#549488; text-decoration: none; }
a:hover {color: #0BB596; text-decoration: none;}
p, td, {font-size: 11px;} kbd, pre, tt { font-family: monospace;}
code, blockquote { background-color: #9CADAA; padding: 10px; color: #CCE3DF; display: block; }
strong, u { color: #549488; } i, s, em, strike { color: #0BB596; }
/* ----- general ----- */
#content { width: 500px; margin-right: 200px; background: transparent; padding: 5px; margin-top: 50px; }
#maincontent { position:absolute; top: 140px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background: transparent;
color: #9CADAA; text-align: justify; width: 550px; margin-left: 30px;}
#sidebar { display: none;}
/* ----- header & footer ----- */
#header { width: 300px; padding: 210px 0px 0px 0px; margin: 0px; text-align: right; font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px; background-color: #f5f5f5; color: #9CADAA; border: 10px solid #f5f5f5; background-repeat: no-repeat;
background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/boat_by_cariannwayman.png); margin-left: 600px; margin-top: 20px;}
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {color: #9CADAA;}
div#header a:hover, div#footer a:hover {color: #CCE3DF; text-decoration: none;}
.title, .subtitle { display: none; } .clearfoot {clear: both;}
#footer { width: 300px; text-align: right; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; background: transparent; margin-left: 600px;
color: #9CADAA; min-height: 40px; z-index: 100; clear: both; padding-top: 20px;}
/* ----- header & footer navigation ----- */
ul.navfooter { padding: 10px; margin:0; height: 20px; width: 300px; background: #f5f5f5; padding-top:15px; top:400px; position: absolute;} ul.navheader { padding:0; margin:0;}
ul.navfooter li, ul.navheader li { display: inline; margin: 0 5px 0 5px; font-style: italic; }
li.view, li.viewing { color: #CCE3DF; }
/* ----- entry stuff ----- */
.subcontent { padding: 20px; background: #f5f5f5;}
.entry { margin: 0px 10px 10px 30px; padding: 10px; background-color: #f5f5f5; color: #9CADAA; font-family: Arial, Helvetica, sans-serif;
font-size: 11px; text-align: justify; }
.userpic, .userpicfriends { position: relative; float: right; background-color: #dddddd !important; padding: 5px; margin: 10px;
z-index: 15; text-align: left; font-size: 9px; color: #CCE3DF !important; border: 1px solid #CCE3DF;}
.userpic img, .userpicfriends img { width: 50px; height: 50px; }
.userpicfriends a font { color: #9cadaa !important;} .userpicfriends a:hover font { color: #f5f5f5 !important;}
.date {line-height: 200%; top: 5px; color: #CCE3DF; font-family: Arial, Helvetica, sans-serif; font-size: 10px; letter-spacing: 5px;}
.subject { padding: 10px; color: #0BB596; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-style: italic;}
.subject a, .subject a:link, .subject a:visited {color: #0BB596;} .subject a:hover { color: #549488; }
.datesubject { background-color: #f5f5f5; padding: 5px; } .entry ul li, entry ol li { padding-left: 5px; margin-left: 15px;}
/* ----- currents & tags ----- */
.currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong { display: none; }
.currents, .currentmood, .currentmusic {font-family: Arial, Helvetica, sans-serif;font-size: 11px;}
.currentlocation {background:url(http://i5.photobucket.com/albums/y193/vespergenic/random/094-1.png) no-repeat left center;padding:0px 0px 0px 15px;}
.currentmood { background:url(http://i5.photobucket.com/albums/y193/vespergenic/random/033-1.png) no-repeat left center;padding:0px 0px 0px 15px;}
.currentmusic { background:url(http://i5.photobucket.com/albums/y193/vespergenic/random/056.png) no-repeat left center; padding:0px 0px 0px 15px;}
.ljtags { margin:20px 20px -35px 0px; padding:10px 10px 10px 20px; background:url(http://i5.photobucket.com/albums/y193/vespergenic/random/tags.png) no-repeat center left;}
h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; line-height: 100%; color: #0BB596; font-weight: normal;
margin: 0px auto; background-color:#f5f5f5; font-style: italic; padding: 15px; }
.ljtaglist {text-align: left; margin: 0px auto 10px; padding: 3px 15px 15px 35px; background-color: #f5f5f5; font-size:10px;
color: #9CADAA; border-top: none; list-style-type: none; }
.ljtaglist li { margin: 3px; padding: 3px;}
/* ----- archives ----- */
ul.year { text-align: center; padding-bottom: 40px; } ul.year li { display: inline; }
table.yeartable { margin-left: auto; margin-right: auto;} td.yearmonth {border-style: none;}
table.yeartable td.yeardate, table.yeartable td.yearday { border: none; background-color:#f5f5f5; }
table.yeartable td.yearday {background-color: #f5f5f5;text-align: center;}
/* ----- comments ----- */
.comments {font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: right; background-color: #f5f5f5;
padding: 0px 5px 0px 5px; position: relative; top: 15px;}
div.comments a, div.comments a:link, div.comments a:visited{color: #9CADAA;}
div.comments a:hover { color: #CCE3DF; text-decoration: none;}
.datesubjectcomment { background-color: #f5f5f5; padding: 5px; margin-top: 20px;}
.userpiccomment { display: none; } .box {padding: 10px;clear: left;}
input, textarea { background-color: #9CADAA; color: #CCE3DF; font-size: 10px; padding:5px; border: 1px solid #9cadaa; font-family: Arial, Helvetica, sans-serif; }
textarea.textbox {width: 100% !important;} .replytosubject { font-weight: normal; }
.reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; color: #9CADAA;
font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 125%; background-color: #CCE3DF;}
.commentreply { position: relative; margin: 10px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #9CADAA;}
.commentbox {padding: 10px; margin: 10px; background-color: #f5f5f5; }
.datesubjectcomment a:link, .datesubjectcomment a:visited {color: #549488;}
.datesubjectcomment a:hover {color: #0BB596;}
.commentboxpartial { padding: 10px; margin: 10px; background-color: #f5f5f5;}
.commentinfo {background-color: #f5f5f5;margin-top: 10px;width: 100%;}
form#qrform table {border-width: 0px !important; }
/* ----- misc ----- */
.clear {height: 15px;} .separator{ height: 20px;} .skiplinks { text-align: center;}
select { background-color: #9CADAA !important; color: #CCE3DF !important; border: 1px solid #9cadaa !important; padding: 3px;
font-size: 10px; }
/* ----- mini icons ----- */
.subject img { vertical-align: middle !important; }
img[src*="icon_protected.gif"], img[src*="icon_private.gif"], img[src*="icon_groups.gif"], .ljuser img[src*="syndicated.gif"], .ljuser img[src*="newsinfo.gif"], .ljuser img[src*="partnercomm.gif"], .ljuser img[src*="sponcomm.gif"] , img[src*="btn_del.gif"], img[src*="btn_edit.gif"], img[src*="btn_scr.gif"], img[src*="btn_unscr.gif"], img[src*="btn_freeze.gif"], img[src*="btn_unfreeze.gif"], img[src*="btn_track.gif"], img[src*="btn_tracking.gif"], img[src*="btn_tracking_thread.gif"] , img[src*="anonymous.gif"], img[src*="openid-profile.gif"], img[src*="userinfo.gif"], img[src*="talk/none.gif"], img[src*="help.gif"], img[src*="pencil.gif"] {height: 0px; width: 0px;background: transparent none no-repeat scroll 0 0; }
img[src*="icon_protected.gif"]{ width: 0; height: 0; padding: 10px 10px 0px 0px !important;
background: transparent url(http://i5.photobucket.com/albums/y193/vespergenic/random/063.png) no-repeat scroll 0 0; }
img[src*="icon_private.gif"]{ width: 0; height: 0; padding: 10px 10px 0px 0px !important;
background: transparent url(http://i5.photobucket.com/albums/y193/vespergenic/random/183-1.png) no-repeat scroll 0 0;}
img[src*="icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important;
background: url(http://i5.photobucket.com/albums/y193/vespergenic/random/181.png) no-repeat scroll 0 0; }
.ljuser img { width: 0; height: 0; padding: 10px 10px 0 2px !important; vertical-align: middle !important;
background: transparent url(http://i5.photobucket.com/albums/y193/vespergenic/random/199.png) no-repeat 0 0; }
.ljuser img[src*="userinfo.gif"] {
background: transparent url(http://i5.photobucket.com/albums/y193/vespergenic/random/199.png) no-repeat center left !important;
padding: 10px 10px 0 2px !important; }
.ljuser img[src*="community.gif"] {
background: transparent url(http://i5.photobucket.com/albums/y193/vespergenic/random/200.png) no-repeat scroll 0 0 !important;
padding: 10px 10px 0 2px !important; }
.ljuser img[src*="syndicated.gif"] {
background: transparent url(http://i5.photobucket.com/albums/y193/vespergenic/random/feed_small.png) no-repeat scroll 0 0;
padding: 13px 13px 0 0px !important; vertical-align:middle !important; }
.ljuser img[src*="newsinfo.gif"] {
background: transparent url(http://i5.photobucket.com/albums/y193/vespergenic/random/078.png) no-repeat scroll 0 0;
padding: 10px 10px 0 0px !important; vertical-align:middle !important;}
.ljuser img[src*="partnercomm.gif"] {
background: transparent url(http://i5.photobucket.com/albums/y193/vespergenic/random/146.png) no-repeat scroll 0 0;
padding: 10px 10px 0 0px !important; vertical-align:middle !important; }
.ljuser img[src*="sponcomm.gif"] {
background: transparent url(http://i5.photobucket.com/albums/y193/vespergenic/random/041-1.png) no-repeat scroll 0 0;
padding: 10px 10px 0 0px !important; vertical-align:middle !important;}
img[src*="btn_del.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/cross.png);}
img[src*="btn_scr.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/151.png);}
img[src*="btn_unscr.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/159.png);}
img[src*="btn_freeze.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/layers.png);}
img[src*="btn_unfreeze.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/layers__minus.png);}
img[src*="btn_track.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/sticky_note_pin.png);}
img[src*="btn_tracking.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/sticky_note_text.png);}
img[src*="btn_tracking_thread.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/sticky_notes_text.png);}
img[src*="anonymous.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/user_silhouette.png);}
img[src*="openid-profile.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/map.png);}
img[src*="userinfo.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/user_orange_female.png);}
img[src*="talk/none.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/037.png);}
img[src*="help.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/043.png);}
img[src*="pencil.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/018.png);}
img[src*="btn_edit.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/019.png);}
/*----- Contextual Pop-up settings ----- */
div.ContextualPopup div.Inner { background:#CCE3DF !important; color:#9CADAA !important; border:none; padding:10px;
width: 250px; font-family: Arial, Helvetica, sans-serif;}
div.ContextualPopup .Content { padding:7px 10px 7px 10px; margin-right:80px; line-height: 1.4; background: #CCE3DF; }
div.ContextualPopup .Userpic { padding:15px; background:#CCE3DF; margin:0px; border:1px solid #9cadaa; }
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; font-weight: normal;color:#549488 !important;}
div.ContextualPopup div.Inner a:hover { color: #0BB596 !important;}
div.ContextualPopup .Relation { letter-spacing:1px; border-bottom: 1px solid #9CADAA; margin-bottom:4px; padding-bottom:4px;}
/* ----- navstrip ----- */
table#lj_controlstrip td { background-color:#f5f5f5; background-image: url(); color: #9CADAA; border-left: none; border: 1px solid #f5f5f5;}
#lj_controlstrip a { color: #9CADAA;}
#lj_controlstrip a:hover { color: #CCE3DF; text-decoration: none; }
#lj_controlstrip_statustext { color: #9CADAA; }
#lj_controlstrip_userpic { display: none; }
Pink:
/*--------------------------------------------------------------------------
THE OPEN SKY IS MINE TONIGHT (sweet)
S2 Flexible Squares layout by ghost_factory@lj
minicons by pinvoke [http://pinvoke.com/]
ribbon by drag-my-soul@dA
found here: http://drag-my-soul.deviantart.com/art/polkaribbon-91476841
--------------------------------------------------------------------------*/
body {
background:#FFBFBF url(http://i5.photobucket.com/albums/y193/vespergenic/random/bg/dot2.png) repeat fixed 0 0;
text-align: center;
color:#634937;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
margin: 20px 0 20px 0;
}
a, a:link, a:visited { color:#ff8585; text-decoration: none; }
a:hover {color: #FFbfbf; text-decoration: none;}
p, td, {font-size: 11px;} kbd, pre, tt { font-family: monospace;}
code, blockquote { background-color: #FFBFBF; padding: 10px; color: #523520; display: block; }
strong, u { color: #FFBFBF; } i, s, em, strike { color: #FF8585; }
/* ----- general ----- */
#content { width: 500px; margin-right: 200px; background: transparent; padding: 5px; margin-top: 50px; }
#maincontent { position:absolute; top: 140px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background: transparent;
color: #634937; text-align: justify; width: 550px; margin-left: 30px;}
#sidebar { display: none;}
/* ----- header & footer ----- */
#header { width: 200px; padding: 210px 0px 0px 0px; margin: 0px; text-align: right; font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px; background-color: #f5f5f5; color: #634937; border: 10px solid #f5f5f5; background-repeat: no-repeat;
background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/ribbon2.png); margin-left: 600px; margin-top: 20px;}
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {color: #634937;}
div#header a:hover, div#footer a:hover {color: #FFBFBF; text-decoration: none;}
.title, .subtitle { display: none; } .clearfoot {clear: both;}
#footer { width: 200px; text-align: right; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; background: transparent; margin-left: 600px;
color: #634937; min-height: 40px; z-index: 100; clear: both; padding-top: 20px;}
/* ----- header & footer navigation ----- */
ul.navfooter { padding: 10px; margin:0; width: 200px; background: #f5f5f5; padding-top:15px; top:500px; position: absolute;} ul.navheader { padding:0; margin:0;}
ul.navfooter li, ul.navheader li { display: list-item; margin: 0 5px 0 5px; list-style-type: none; border-left: 5px solid #ffbfbf;
padding: 10px; letter-spacing: 2px; text-transform: uppercase;}
ul.navfooter li:hover, ul.navheader li:hover { border-left: 5px solid #ff8585; background-color: #dddddd; }
li.view, li.viewing { color: #FFBFBF; }
/* ----- entry stuff ----- */
.subcontent { padding: 20px; background: #f5f5f5;}
.entry { margin: 0px 10px 10px 30px; padding: 10px; background-color: #f5f5f5; color: #634937; font-family: Arial, Helvetica, sans-serif;
font-size: 11px; text-align: justify; }
.userpic, .userpicfriends { position: relative; float: right; background-color: #dddddd !important; padding: 5px; margin: 10px;
z-index: 15; text-align: left; font-size: 9px; color: #FFBFBF !important; border: 1px solid #FFBFBF;}
.userpic img, .userpicfriends img { width: 50px; height: 50px; }
.userpicfriends a font { color: #634937 !important;} .userpicfriends a:hover font { color: #f5f5f5 !important;}
.date {line-height: 200%; top: 5px; color: #FFBFBF; font-family: Arial, Helvetica, sans-serif; font-size: 10px; letter-spacing: 5px;}
.subject { padding: 10px; color: #FF8585; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-style: italic;}
.subject a, .subject a:link, .subject a:visited {color: #FF8585;} .subject a:hover { color: #523520; }
.datesubject { background-color: #f5f5f5; padding: 5px; } .entry ul li, entry ol li { padding-left: 5px; margin-left: 15px;}
/* ----- currents & tags ----- */
.currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong { display: none; }
.currents, .currentmood, .currentmusic {font-family: Arial, Helvetica, sans-serif;font-size: 11px;}
.currentlocation {background:url(http://i5.photobucket.com/albums/y193/vespergenic/random/094-1.png) no-repeat left center;padding:0px 0px 0px 15px;}
.currentmood { background:url(http://i5.photobucket.com/albums/y193/vespergenic/random/033-1.png) no-repeat left center;padding:0px 0px 0px 15px;}
.currentmusic { background:url(http://i5.photobucket.com/albums/y193/vespergenic/random/056.png) no-repeat left center; padding:0px 0px 0px 15px;}
.ljtags { margin:20px 20px -35px 0px; padding:10px 10px 10px 20px; background:url(http://i5.photobucket.com/albums/y193/vespergenic/random/tags.png) no-repeat center left;}
h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; line-height: 100%; color: #ff8585; font-weight: normal;
margin: 0px auto; background-color:#f5f5f5; font-style: italic; padding:15px; }
.ljtaglist {text-align: left; margin: 0px auto 10px; padding: 3px 15px 15px 35px; background-color: #f5f5f5; font-size:10px;
color: #634937; border-top: none; list-style-type: none; }
.ljtaglist li { margin: 3px; padding: 3px;}
/* ----- archives ----- */
ul.year { text-align: center; padding-bottom: 40px; } ul.year li { display: inline; }
table.yeartable { margin-left: auto; margin-right: auto;} td.yearmonth {border-style: none;}
table.yeartable td.yeardate, table.yeartable td.yearday { border: none; background-color:#f5f5f5; }
table.yeartable td.yearday {background-color: #f5f5f5;text-align: center;}
/* ----- comments ----- */
.comments {font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: right; background-color: #f5f5f5;
padding: 0px 5px 0px 5px; position: relative; top: 15px;}
div.comments a, div.comments a:link, div.comments a:visited{color: #634937;}
div.comments a:hover { color: #FFBFBF; text-decoration: none;}
.datesubjectcomment { background-color: #f5f5f5; padding: 5px; margin-top: 20px;}
.userpiccomment { display: none; } .box {padding: 10px;clear: left;}
input, textarea { background-color: #634937; color: #FFBFBF; font-size: 10px; padding:5px; border: 1px solid #634937; font-family: Arial, Helvetica, sans-serif; }
textarea.textbox {width: 100% !important;} .replytosubject { font-weight: normal; }
.reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; color: #634937;
font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 125%; background-color: #FFBFBF;}
.commentreply { position: relative; margin: 10px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #634937;}
.commentbox {padding: 10px; margin: 10px; background-color: #f5f5f5; }
.datesubjectcomment a:link, .datesubjectcomment a:visited {color: #634937;}
.datesubjectcomment a:hover {color: #0BB596;}
.commentboxpartial { padding: 10px; margin: 10px; background-color: #f5f5f5;}
.commentinfo {background-color: #f5f5f5;margin-top: 10px;width: 100%;}
form#qrform table {border-width: 0px !important; }
/* ----- misc ----- */
.clear {height: 15px;} .separator{ height: 20px;} .skiplinks { text-align: center; color: #634937; }
select { background-color: #634937 !important; color: #FFBFBF !important; border: 1px solid #634937 !important; padding: 3px;
font-size: 10px; }
/* ----- mini icons ----- */
.subject img { vertical-align: middle !important; }
img[src*="icon_protected.gif"], img[src*="icon_private.gif"], img[src*="icon_groups.gif"], .ljuser img[src*="syndicated.gif"], .ljuser img[src*="newsinfo.gif"], .ljuser img[src*="partnercomm.gif"], .ljuser img[src*="sponcomm.gif"] , img[src*="btn_del.gif"], img[src*="btn_edit.gif"], img[src*="btn_scr.gif"], img[src*="btn_unscr.gif"], img[src*="btn_freeze.gif"], img[src*="btn_unfreeze.gif"], img[src*="btn_track.gif"], img[src*="btn_tracking.gif"], img[src*="btn_tracking_thread.gif"] , img[src*="anonymous.gif"], img[src*="openid-profile.gif"], img[src*="userinfo.gif"], img[src*="talk/none.gif"], img[src*="help.gif"], img[src*="pencil.gif"] {height: 0px; width: 0px;background: transparent none no-repeat scroll 0 0; }
img[src*="icon_protected.gif"]{ width: 0; height: 0; padding: 10px 10px 0px 0px !important;
background: transparent url(http://i5.photobucket.com/albums/y193/vespergenic/random/063.png) no-repeat scroll 0 0; }
img[src*="icon_private.gif"]{ width: 0; height: 0; padding: 10px 10px 0px 0px !important;
background: transparent url(http://i5.photobucket.com/albums/y193/vespergenic/random/183-1.png) no-repeat scroll 0 0;}
img[src*="icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important;
background: url(http://i5.photobucket.com/albums/y193/vespergenic/random/181.png) no-repeat scroll 0 0; }
.ljuser img { width: 0; height: 0; padding: 10px 10px 0 2px !important; vertical-align: middle !important;
background: transparent url(http://i5.photobucket.com/albums/y193/vespergenic/random/199.png) no-repeat 0 0; }
.ljuser img[src*="userinfo.gif"] {
background: transparent url(http://i5.photobucket.com/albums/y193/vespergenic/random/199.png) no-repeat center left !important;
padding: 10px 10px 0 2px !important; }
.ljuser img[src*="community.gif"] {
background: transparent url(http://i5.photobucket.com/albums/y193/vespergenic/random/200.png) no-repeat scroll 0 0 !important;
padding: 10px 10px 0 2px !important; }
.ljuser img[src*="syndicated.gif"] {
background: transparent url(http://i5.photobucket.com/albums/y193/vespergenic/random/feed_small.png) no-repeat scroll 0 0;
padding: 13px 13px 0 0px !important; vertical-align:middle !important; }
.ljuser img[src*="newsinfo.gif"] {
background: transparent url(http://i5.photobucket.com/albums/y193/vespergenic/random/078.png) no-repeat scroll 0 0;
padding: 10px 10px 0 0px !important; vertical-align:middle !important;}
.ljuser img[src*="partnercomm.gif"] {
background: transparent url(http://i5.photobucket.com/albums/y193/vespergenic/random/146.png) no-repeat scroll 0 0;
padding: 10px 10px 0 0px !important; vertical-align:middle !important; }
.ljuser img[src*="sponcomm.gif"] {
background: transparent url(http://i5.photobucket.com/albums/y193/vespergenic/random/041-1.png) no-repeat scroll 0 0;
padding: 10px 10px 0 0px !important; vertical-align:middle !important;}
img[src*="btn_del.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/cross.png);}
img[src*="btn_scr.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/151.png);}
img[src*="btn_unscr.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/159.png);}
img[src*="btn_freeze.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/layers.png);}
img[src*="btn_unfreeze.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/layers__minus.png);}
img[src*="btn_track.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/sticky_note_pin.png);}
img[src*="btn_tracking.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/sticky_note_text.png);}
img[src*="btn_tracking_thread.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/sticky_notes_text.png);}
img[src*="anonymous.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/user_silhouette.png);}
img[src*="openid-profile.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/map.png);}
img[src*="userinfo.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/user_orange_female.png);}
img[src*="talk/none.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/037.png);}
img[src*="help.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/043.png);}
img[src*="pencil.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/018.png);}
img[src*="btn_edit.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/019.png);}
/*----- Contextual Pop-up settings ----- */
div.ContextualPopup div.Inner { background:#dddddd !important; color:#634937 !important; border:none; padding:10px;
width: 250px; font-family: Arial, Helvetica, sans-serif;}
div.ContextualPopup .Content { padding:7px 10px 7px 10px; margin-right:80px; line-height: 1.4; background: #dddddd; }
div.ContextualPopup .Userpic { padding:5px; background:#ffbfbf; margin:0px; border:1px solid #634937; }
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; font-weight: normal;color:#ff8585 !important;}
div.ContextualPopup div.Inner a:hover { color: #ffbfbf !important;}
div.ContextualPopup .Relation { letter-spacing:1px; border-bottom: 1px solid #634937; margin-bottom:4px; padding-bottom:4px;}
/* ----- navstrip ----- */
table#lj_controlstrip td { background-color:#f5f5f5; background-image: url(); color: #634937; border-left: none; border: 1px solid #f5f5f5;}
#lj_controlstrip a { color: #FFBFBF;}
#lj_controlstrip a:hover { color: #FF8585; text-decoration: none; }
#lj_controlstrip_statustext { color: #634937; }
#lj_controlstrip_userpic { display: none; }
Features: custom contextual pop-up, mini icons, custom comments pages
Account types: basic // plus // paid
Notes: This is a sidebar-less layout, so if you set ad-placement to vertical, it won't display the ads.
image // live image // live
instructions:
01 : go to customize journal style.
02 : select Flexible Squares > Blue Gray as your theme.
03 : go to Custom CSS.
04 : set all the drop-downs to NO.
05 : paste in your code in the Custom Stylesheet box, and save.
codes:
Blue:
/*--------------------------------------------------------------------------
THE OPEN SKY IS MINE TONIGHT (plain)
S2 Flexible Squares layout by ghost_factory@lj
minicons by pinvoke [http://pinvoke.com/]
header image by cari ann wayman [http://flickr.com/photos/yyellowbird/]
--------------------------------------------------------------------------*/
body {
background-color:#CCE3DF;
text-align: center;
color:#9CADAA;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
margin: 20px 0 20px 0;
}
a, a:link, a:visited { color:#549488; text-decoration: none; }
a:hover {color: #0BB596; text-decoration: none;}
p, td, {font-size: 11px;} kbd, pre, tt { font-family: monospace;}
code, blockquote { background-color: #9CADAA; padding: 10px; color: #CCE3DF; display: block; }
strong, u { color: #549488; } i, s, em, strike { color: #0BB596; }
/* ----- general ----- */
#content { width: 500px; margin-right: 200px; background: transparent; padding: 5px; margin-top: 50px; }
#maincontent { position:absolute; top: 140px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background: transparent;
color: #9CADAA; text-align: justify; width: 550px; margin-left: 30px;}
#sidebar { display: none;}
/* ----- header & footer ----- */
#header { width: 300px; padding: 210px 0px 0px 0px; margin: 0px; text-align: right; font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px; background-color: #f5f5f5; color: #9CADAA; border: 10px solid #f5f5f5; background-repeat: no-repeat;
background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/boat_by_cariannwayman.png); margin-left: 600px; margin-top: 20px;}
;){kind=link}
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {color: #9CADAA;}
div#header a:hover, div#footer a:hover {color: #CCE3DF; text-decoration: none;}
.title, .subtitle { display: none; } .clearfoot {clear: both;}
#footer { width: 300px; text-align: right; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; background: transparent; margin-left: 600px;
color: #9CADAA; min-height: 40px; z-index: 100; clear: both; padding-top: 20px;}
/* ----- header & footer navigation ----- */
ul.navfooter { padding: 10px; margin:0; height: 20px; width: 300px; background: #f5f5f5; padding-top:15px; top:400px; position: absolute;} ul.navheader { padding:0; margin:0;}
ul.navfooter li, ul.navheader li { display: inline; margin: 0 5px 0 5px; font-style: italic; }
li.view, li.viewing { color: #CCE3DF; }
/* ----- entry stuff ----- */
.subcontent { padding: 20px; background: #f5f5f5;}
.entry { margin: 0px 10px 10px 30px; padding: 10px; background-color: #f5f5f5; color: #9CADAA; font-family: Arial, Helvetica, sans-serif;
font-size: 11px; text-align: justify; }
.userpic, .userpicfriends { position: relative; float: right; background-color: #dddddd !important; padding: 5px; margin: 10px;
z-index: 15; text-align: left; font-size: 9px; color: #CCE3DF !important; border: 1px solid #CCE3DF;}
.userpic img, .userpicfriends img { width: 50px; height: 50px; }
.userpicfriends a font { color: #9cadaa !important;} .userpicfriends a:hover font { color: #f5f5f5 !important;}
.date {line-height: 200%; top: 5px; color: #CCE3DF; font-family: Arial, Helvetica, sans-serif; font-size: 10px; letter-spacing: 5px;}
.subject { padding: 10px; color: #0BB596; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-style: italic;}
.subject a, .subject a:link, .subject a:visited {color: #0BB596;} .subject a:hover { color: #549488; }
.datesubject { background-color: #f5f5f5; padding: 5px; } .entry ul li, entry ol li { padding-left: 5px; margin-left: 15px;}
/* ----- currents & tags ----- */
.currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong { display: none; }
.currents, .currentmood, .currentmusic {font-family: Arial, Helvetica, sans-serif;font-size: 11px;}
.currentlocation {background:url(http://i5.photobucket.com/albums/y193/vespergenic/random/094-1.png) no-repeat left center;padding:0px 0px 0px 15px;}
.currentmood { background:url(http://i5.photobucket.com/albums/y193/vespergenic/random/033-1.png) no-repeat left center;padding:0px 0px 0px 15px;}
.currentmusic { background:url(http://i5.photobucket.com/albums/y193/vespergenic/random/056.png) no-repeat left center; padding:0px 0px 0px 15px;}
.ljtags { margin:20px 20px -35px 0px; padding:10px 10px 10px 20px; background:url(http://i5.photobucket.com/albums/y193/vespergenic/random/tags.png) no-repeat center left;}
h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; line-height: 100%; color: #0BB596; font-weight: normal;
margin: 0px auto; background-color:#f5f5f5; font-style: italic; padding: 15px; }
.ljtaglist {text-align: left; margin: 0px auto 10px; padding: 3px 15px 15px 35px; background-color: #f5f5f5; font-size:10px;
color: #9CADAA; border-top: none; list-style-type: none; }
.ljtaglist li { margin: 3px; padding: 3px;}
/* ----- archives ----- */
ul.year { text-align: center; padding-bottom: 40px; } ul.year li { display: inline; }
table.yeartable { margin-left: auto; margin-right: auto;} td.yearmonth {border-style: none;}
table.yeartable td.yeardate, table.yeartable td.yearday { border: none; background-color:#f5f5f5; }
table.yeartable td.yearday {background-color: #f5f5f5;text-align: center;}
/* ----- comments ----- */
.comments {font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: right; background-color: #f5f5f5;
padding: 0px 5px 0px 5px; position: relative; top: 15px;}
div.comments a, div.comments a:link, div.comments a:visited{color: #9CADAA;}
div.comments a:hover { color: #CCE3DF; text-decoration: none;}
.datesubjectcomment { background-color: #f5f5f5; padding: 5px; margin-top: 20px;}
.userpiccomment { display: none; } .box {padding: 10px;clear: left;}
input, textarea { background-color: #9CADAA; color: #CCE3DF; font-size: 10px; padding:5px; border: 1px solid #9cadaa; font-family: Arial, Helvetica, sans-serif; }
textarea.textbox {width: 100% !important;} .replytosubject { font-weight: normal; }
.reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; color: #9CADAA;
font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 125%; background-color: #CCE3DF;}
.commentreply { position: relative; margin: 10px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #9CADAA;}
.commentbox {padding: 10px; margin: 10px; background-color: #f5f5f5; }
.datesubjectcomment a:link, .datesubjectcomment a:visited {color: #549488;}
.datesubjectcomment a:hover {color: #0BB596;}
.commentboxpartial { padding: 10px; margin: 10px; background-color: #f5f5f5;}
.commentinfo {background-color: #f5f5f5;margin-top: 10px;width: 100%;}
form#qrform table {border-width: 0px !important; }
/* ----- misc ----- */
.clear {height: 15px;} .separator{ height: 20px;} .skiplinks { text-align: center;}
select { background-color: #9CADAA !important; color: #CCE3DF !important; border: 1px solid #9cadaa !important; padding: 3px;
font-size: 10px; }
/* ----- mini icons ----- */
.subject img { vertical-align: middle !important; }
img[src*="icon_protected.gif"], img[src*="icon_private.gif"], img[src*="icon_groups.gif"], .ljuser img[src*="syndicated.gif"], .ljuser img[src*="newsinfo.gif"], .ljuser img[src*="partnercomm.gif"], .ljuser img[src*="sponcomm.gif"] , img[src*="btn_del.gif"], img[src*="btn_edit.gif"], img[src*="btn_scr.gif"], img[src*="btn_unscr.gif"], img[src*="btn_freeze.gif"], img[src*="btn_unfreeze.gif"], img[src*="btn_track.gif"], img[src*="btn_tracking.gif"], img[src*="btn_tracking_thread.gif"] , img[src*="anonymous.gif"], img[src*="openid-profile.gif"], img[src*="userinfo.gif"], img[src*="talk/none.gif"], img[src*="help.gif"], img[src*="pencil.gif"] {height: 0px; width: 0px;background: transparent none no-repeat scroll 0 0; }
img[src*="icon_protected.gif"]{ width: 0; height: 0; padding: 10px 10px 0px 0px !important;
background: transparent url(http://i5.photobucket.com/albums/y193/vespergenic/random/063.png) no-repeat scroll 0 0; }
img[src*="icon_private.gif"]{ width: 0; height: 0; padding: 10px 10px 0px 0px !important;
background: transparent url(http://i5.photobucket.com/albums/y193/vespergenic/random/183-1.png) no-repeat scroll 0 0;}
img[src*="icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important;
background: url(http://i5.photobucket.com/albums/y193/vespergenic/random/181.png) no-repeat scroll 0 0; }
.ljuser img { width: 0; height: 0; padding: 10px 10px 0 2px !important; vertical-align: middle !important;
background: transparent url(http://i5.photobucket.com/albums/y193/vespergenic/random/199.png) no-repeat 0 0; }
.ljuser img[src*="userinfo.gif"] {
background: transparent url(http://i5.photobucket.com/albums/y193/vespergenic/random/199.png) no-repeat center left !important;
padding: 10px 10px 0 2px !important; }
.ljuser img[src*="community.gif"] {
background: transparent url(http://i5.photobucket.com/albums/y193/vespergenic/random/200.png) no-repeat scroll 0 0 !important;
padding: 10px 10px 0 2px !important; }
.ljuser img[src*="syndicated.gif"] {
background: transparent url(http://i5.photobucket.com/albums/y193/vespergenic/random/feed_small.png) no-repeat scroll 0 0;
padding: 13px 13px 0 0px !important; vertical-align:middle !important; }
.ljuser img[src*="newsinfo.gif"] {
background: transparent url(http://i5.photobucket.com/albums/y193/vespergenic/random/078.png) no-repeat scroll 0 0;
padding: 10px 10px 0 0px !important; vertical-align:middle !important;}
.ljuser img[src*="partnercomm.gif"] {
background: transparent url(http://i5.photobucket.com/albums/y193/vespergenic/random/146.png) no-repeat scroll 0 0;
padding: 10px 10px 0 0px !important; vertical-align:middle !important; }
.ljuser img[src*="sponcomm.gif"] {
background: transparent url(http://i5.photobucket.com/albums/y193/vespergenic/random/041-1.png) no-repeat scroll 0 0;
padding: 10px 10px 0 0px !important; vertical-align:middle !important;}
img[src*="btn_del.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/cross.png);}
;}){kind=link}
img[src*="btn_scr.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/151.png);}
;}){kind=link}
img[src*="btn_unscr.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/159.png);}
;}){kind=link}
img[src*="btn_freeze.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/layers.png);}
;}){kind=link}
img[src*="btn_unfreeze.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/layers__minus.png);}
;}){kind=link}
img[src*="btn_track.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/sticky_note_pin.png);}
;}){kind=link}
img[src*="btn_tracking.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/sticky_note_text.png);}
;}){kind=link}
img[src*="btn_tracking_thread.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/sticky_notes_text.png);}
;}){kind=link}
img[src*="anonymous.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/user_silhouette.png);}
;}){kind=link}
img[src*="openid-profile.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/map.png);}
;}){kind=link}
img[src*="userinfo.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/user_orange_female.png);}
;}){kind=link}
img[src*="talk/none.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/037.png);}
;}){kind=link}
img[src*="help.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/043.png);}
;}){kind=link}
img[src*="pencil.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/018.png);}
;}){kind=link}
img[src*="btn_edit.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/019.png);}
;}){kind=link}
/*----- Contextual Pop-up settings ----- */
div.ContextualPopup div.Inner { background:#CCE3DF !important; color:#9CADAA !important; border:none; padding:10px;
width: 250px; font-family: Arial, Helvetica, sans-serif;}
div.ContextualPopup .Content { padding:7px 10px 7px 10px; margin-right:80px; line-height: 1.4; background: #CCE3DF; }
div.ContextualPopup .Userpic { padding:15px; background:#CCE3DF; margin:0px; border:1px solid #9cadaa; }
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; font-weight: normal;color:#549488 !important;}
div.ContextualPopup div.Inner a:hover { color: #0BB596 !important;}
div.ContextualPopup .Relation { letter-spacing:1px; border-bottom: 1px solid #9CADAA; margin-bottom:4px; padding-bottom:4px;}
/* ----- navstrip ----- */
table#lj_controlstrip td { background-color:#f5f5f5; background-image: url(); color: #9CADAA; border-left: none; border: 1px solid #f5f5f5;}
#lj_controlstrip a { color: #9CADAA;}
#lj_controlstrip a:hover { color: #CCE3DF; text-decoration: none; }
#lj_controlstrip_statustext { color: #9CADAA; }
#lj_controlstrip_userpic { display: none; }
Pink:
/*--------------------------------------------------------------------------
THE OPEN SKY IS MINE TONIGHT (sweet)
S2 Flexible Squares layout by ghost_factory@lj
minicons by pinvoke [http://pinvoke.com/]
ribbon by drag-my-soul@dA
found here: http://drag-my-soul.deviantart.com/art/polkaribbon-91476841
--------------------------------------------------------------------------*/
body {
background:#FFBFBF url(http://i5.photobucket.com/albums/y193/vespergenic/random/bg/dot2.png) repeat fixed 0 0;
text-align: center;
color:#634937;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
margin: 20px 0 20px 0;
}
a, a:link, a:visited { color:#ff8585; text-decoration: none; }
a:hover {color: #FFbfbf; text-decoration: none;}
p, td, {font-size: 11px;} kbd, pre, tt { font-family: monospace;}
code, blockquote { background-color: #FFBFBF; padding: 10px; color: #523520; display: block; }
strong, u { color: #FFBFBF; } i, s, em, strike { color: #FF8585; }
/* ----- general ----- */
#content { width: 500px; margin-right: 200px; background: transparent; padding: 5px; margin-top: 50px; }
#maincontent { position:absolute; top: 140px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background: transparent;
color: #634937; text-align: justify; width: 550px; margin-left: 30px;}
#sidebar { display: none;}
/* ----- header & footer ----- */
#header { width: 200px; padding: 210px 0px 0px 0px; margin: 0px; text-align: right; font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px; background-color: #f5f5f5; color: #634937; border: 10px solid #f5f5f5; background-repeat: no-repeat;
background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/ribbon2.png); margin-left: 600px; margin-top: 20px;}
;){kind=link}
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {color: #634937;}
div#header a:hover, div#footer a:hover {color: #FFBFBF; text-decoration: none;}
.title, .subtitle { display: none; } .clearfoot {clear: both;}
#footer { width: 200px; text-align: right; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; background: transparent; margin-left: 600px;
color: #634937; min-height: 40px; z-index: 100; clear: both; padding-top: 20px;}
/* ----- header & footer navigation ----- */
ul.navfooter { padding: 10px; margin:0; width: 200px; background: #f5f5f5; padding-top:15px; top:500px; position: absolute;} ul.navheader { padding:0; margin:0;}
ul.navfooter li, ul.navheader li { display: list-item; margin: 0 5px 0 5px; list-style-type: none; border-left: 5px solid #ffbfbf;
padding: 10px; letter-spacing: 2px; text-transform: uppercase;}
ul.navfooter li:hover, ul.navheader li:hover { border-left: 5px solid #ff8585; background-color: #dddddd; }
li.view, li.viewing { color: #FFBFBF; }
/* ----- entry stuff ----- */
.subcontent { padding: 20px; background: #f5f5f5;}
.entry { margin: 0px 10px 10px 30px; padding: 10px; background-color: #f5f5f5; color: #634937; font-family: Arial, Helvetica, sans-serif;
font-size: 11px; text-align: justify; }
.userpic, .userpicfriends { position: relative; float: right; background-color: #dddddd !important; padding: 5px; margin: 10px;
z-index: 15; text-align: left; font-size: 9px; color: #FFBFBF !important; border: 1px solid #FFBFBF;}
.userpic img, .userpicfriends img { width: 50px; height: 50px; }
.userpicfriends a font { color: #634937 !important;} .userpicfriends a:hover font { color: #f5f5f5 !important;}
.date {line-height: 200%; top: 5px; color: #FFBFBF; font-family: Arial, Helvetica, sans-serif; font-size: 10px; letter-spacing: 5px;}
.subject { padding: 10px; color: #FF8585; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-style: italic;}
.subject a, .subject a:link, .subject a:visited {color: #FF8585;} .subject a:hover { color: #523520; }
.datesubject { background-color: #f5f5f5; padding: 5px; } .entry ul li, entry ol li { padding-left: 5px; margin-left: 15px;}
/* ----- currents & tags ----- */
.currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong { display: none; }
.currents, .currentmood, .currentmusic {font-family: Arial, Helvetica, sans-serif;font-size: 11px;}
.currentlocation {background:url(http://i5.photobucket.com/albums/y193/vespergenic/random/094-1.png) no-repeat left center;padding:0px 0px 0px 15px;}
.currentmood { background:url(http://i5.photobucket.com/albums/y193/vespergenic/random/033-1.png) no-repeat left center;padding:0px 0px 0px 15px;}
.currentmusic { background:url(http://i5.photobucket.com/albums/y193/vespergenic/random/056.png) no-repeat left center; padding:0px 0px 0px 15px;}
.ljtags { margin:20px 20px -35px 0px; padding:10px 10px 10px 20px; background:url(http://i5.photobucket.com/albums/y193/vespergenic/random/tags.png) no-repeat center left;}
h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; line-height: 100%; color: #ff8585; font-weight: normal;
margin: 0px auto; background-color:#f5f5f5; font-style: italic; padding:15px; }
.ljtaglist {text-align: left; margin: 0px auto 10px; padding: 3px 15px 15px 35px; background-color: #f5f5f5; font-size:10px;
color: #634937; border-top: none; list-style-type: none; }
.ljtaglist li { margin: 3px; padding: 3px;}
/* ----- archives ----- */
ul.year { text-align: center; padding-bottom: 40px; } ul.year li { display: inline; }
table.yeartable { margin-left: auto; margin-right: auto;} td.yearmonth {border-style: none;}
table.yeartable td.yeardate, table.yeartable td.yearday { border: none; background-color:#f5f5f5; }
table.yeartable td.yearday {background-color: #f5f5f5;text-align: center;}
/* ----- comments ----- */
.comments {font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: right; background-color: #f5f5f5;
padding: 0px 5px 0px 5px; position: relative; top: 15px;}
div.comments a, div.comments a:link, div.comments a:visited{color: #634937;}
div.comments a:hover { color: #FFBFBF; text-decoration: none;}
.datesubjectcomment { background-color: #f5f5f5; padding: 5px; margin-top: 20px;}
.userpiccomment { display: none; } .box {padding: 10px;clear: left;}
input, textarea { background-color: #634937; color: #FFBFBF; font-size: 10px; padding:5px; border: 1px solid #634937; font-family: Arial, Helvetica, sans-serif; }
textarea.textbox {width: 100% !important;} .replytosubject { font-weight: normal; }
.reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; color: #634937;
font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 125%; background-color: #FFBFBF;}
.commentreply { position: relative; margin: 10px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #634937;}
.commentbox {padding: 10px; margin: 10px; background-color: #f5f5f5; }
.datesubjectcomment a:link, .datesubjectcomment a:visited {color: #634937;}
.datesubjectcomment a:hover {color: #0BB596;}
.commentboxpartial { padding: 10px; margin: 10px; background-color: #f5f5f5;}
.commentinfo {background-color: #f5f5f5;margin-top: 10px;width: 100%;}
form#qrform table {border-width: 0px !important; }
/* ----- misc ----- */
.clear {height: 15px;} .separator{ height: 20px;} .skiplinks { text-align: center; color: #634937; }
select { background-color: #634937 !important; color: #FFBFBF !important; border: 1px solid #634937 !important; padding: 3px;
font-size: 10px; }
/* ----- mini icons ----- */
.subject img { vertical-align: middle !important; }
img[src*="icon_protected.gif"], img[src*="icon_private.gif"], img[src*="icon_groups.gif"], .ljuser img[src*="syndicated.gif"], .ljuser img[src*="newsinfo.gif"], .ljuser img[src*="partnercomm.gif"], .ljuser img[src*="sponcomm.gif"] , img[src*="btn_del.gif"], img[src*="btn_edit.gif"], img[src*="btn_scr.gif"], img[src*="btn_unscr.gif"], img[src*="btn_freeze.gif"], img[src*="btn_unfreeze.gif"], img[src*="btn_track.gif"], img[src*="btn_tracking.gif"], img[src*="btn_tracking_thread.gif"] , img[src*="anonymous.gif"], img[src*="openid-profile.gif"], img[src*="userinfo.gif"], img[src*="talk/none.gif"], img[src*="help.gif"], img[src*="pencil.gif"] {height: 0px; width: 0px;background: transparent none no-repeat scroll 0 0; }
img[src*="icon_protected.gif"]{ width: 0; height: 0; padding: 10px 10px 0px 0px !important;
background: transparent url(http://i5.photobucket.com/albums/y193/vespergenic/random/063.png) no-repeat scroll 0 0; }
img[src*="icon_private.gif"]{ width: 0; height: 0; padding: 10px 10px 0px 0px !important;
background: transparent url(http://i5.photobucket.com/albums/y193/vespergenic/random/183-1.png) no-repeat scroll 0 0;}
img[src*="icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important;
background: url(http://i5.photobucket.com/albums/y193/vespergenic/random/181.png) no-repeat scroll 0 0; }
.ljuser img { width: 0; height: 0; padding: 10px 10px 0 2px !important; vertical-align: middle !important;
background: transparent url(http://i5.photobucket.com/albums/y193/vespergenic/random/199.png) no-repeat 0 0; }
.ljuser img[src*="userinfo.gif"] {
background: transparent url(http://i5.photobucket.com/albums/y193/vespergenic/random/199.png) no-repeat center left !important;
padding: 10px 10px 0 2px !important; }
.ljuser img[src*="community.gif"] {
background: transparent url(http://i5.photobucket.com/albums/y193/vespergenic/random/200.png) no-repeat scroll 0 0 !important;
padding: 10px 10px 0 2px !important; }
.ljuser img[src*="syndicated.gif"] {
background: transparent url(http://i5.photobucket.com/albums/y193/vespergenic/random/feed_small.png) no-repeat scroll 0 0;
padding: 13px 13px 0 0px !important; vertical-align:middle !important; }
.ljuser img[src*="newsinfo.gif"] {
background: transparent url(http://i5.photobucket.com/albums/y193/vespergenic/random/078.png) no-repeat scroll 0 0;
padding: 10px 10px 0 0px !important; vertical-align:middle !important;}
.ljuser img[src*="partnercomm.gif"] {
background: transparent url(http://i5.photobucket.com/albums/y193/vespergenic/random/146.png) no-repeat scroll 0 0;
padding: 10px 10px 0 0px !important; vertical-align:middle !important; }
.ljuser img[src*="sponcomm.gif"] {
background: transparent url(http://i5.photobucket.com/albums/y193/vespergenic/random/041-1.png) no-repeat scroll 0 0;
padding: 10px 10px 0 0px !important; vertical-align:middle !important;}
img[src*="btn_del.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/cross.png);}
img[src*="btn_scr.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/151.png);}
img[src*="btn_unscr.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/159.png);}
img[src*="btn_freeze.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/layers.png);}
img[src*="btn_unfreeze.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/layers__minus.png);}
img[src*="btn_track.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/sticky_note_pin.png);}
img[src*="btn_tracking.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/sticky_note_text.png);}
img[src*="btn_tracking_thread.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/sticky_notes_text.png);}
img[src*="anonymous.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/user_silhouette.png);}
img[src*="openid-profile.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/map.png);}
img[src*="userinfo.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/user_orange_female.png);}
img[src*="talk/none.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/037.png);}
img[src*="help.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/043.png);}
img[src*="pencil.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/018.png);}
img[src*="btn_edit.gif"] { padding: 0 0 16px 16px !important; background-image: url(http://i5.photobucket.com/albums/y193/vespergenic/random/019.png);}
/*----- Contextual Pop-up settings ----- */
div.ContextualPopup div.Inner { background:#dddddd !important; color:#634937 !important; border:none; padding:10px;
width: 250px; font-family: Arial, Helvetica, sans-serif;}
div.ContextualPopup .Content { padding:7px 10px 7px 10px; margin-right:80px; line-height: 1.4; background: #dddddd; }
div.ContextualPopup .Userpic { padding:5px; background:#ffbfbf; margin:0px; border:1px solid #634937; }
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; font-weight: normal;color:#ff8585 !important;}
div.ContextualPopup div.Inner a:hover { color: #ffbfbf !important;}
div.ContextualPopup .Relation { letter-spacing:1px; border-bottom: 1px solid #634937; margin-bottom:4px; padding-bottom:4px;}
/* ----- navstrip ----- */
table#lj_controlstrip td { background-color:#f5f5f5; background-image: url(); color: #634937; border-left: none; border: 1px solid #f5f5f5;}
#lj_controlstrip a { color: #FFBFBF;}
#lj_controlstrip a:hover { color: #FF8585; text-decoration: none; }
#lj_controlstrip_statustext { color: #634937; }
#lj_controlstrip_userpic { display: none; }