S2 Flexible Squares: Paint the black hole blacker

Jun 27, 2009 15:20

Layout: Paint the black hole blacker {S2 Flexible Squares}, dark & light
Features: custom contextual pop-up, mini icons, custom comments pages, topbar
Account types: basic // plus // paid



image // liveimage // live

dark:light:/*---------------------------------------------------
PAINT THE BLACK HOLE BLACKER (dark),
S2 Flexible Squares layout by ghost_factory@lj
minicons: pinvoke
-----------------------------------------------------*/

body {
background-color: #333333;
text-align: center;
color:#cccccc;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
}

a, a:link, a:visited { color: #99CCCC; text-decoration: none; }
a:hover { color: #FFCC99; text-decoration: none; }
p, td { font-size: 11px; } kbd, pre, tt { font-family: monospace; }
blockquote, code { background-color:#545454; border: 1px solid #999999; padding: 10px; display: block; -moz-opacity: .70;}
b, u, strong, underline {color: #999999;} i, s, em, strike {color: #dddddd;}

/* ----- general ----- */

#content { width: 65%; margin-left: auto; margin-right: auto; background-color: transparent; border-style: none; padding: 15px; }
#maincontent { margin-top: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color: transparent;
color: #cccccc; border-style: none; text-align: justify; }
#sidebar { padding: 15px; background: #333333 url(http://i40.tinypic.com/350qo0j.jpg) repeat scroll 0 0; border-style: none;
font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #cccccc; width: 95.4%; float: center; text-align: left; border-bottom: 1px solid #555555; }

/* ----- header & footer ----- */

#header { width: 100%; padding: 10px 0px 20px 0px; margin: 0px; text-align: left; font-family: Arial, Helvetica, sans-serif;
font-size: 11px; border-style: none; background: #333333 url(http://i40.tinypic.com/v67r46.jpg) repeat scroll 0 0;
color: #010101; border-bottom: 1px solid #555555; }
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { color: #99CCCC; }
div#header a:hover { color: #666666; text-decoration: none; } div#footer a:hover { color: #009999; text-decoration: none; }
.title { font-family: "Trebuchet MS", sans-serif; font-size: 30px; font-weight: normal; line-height: 100%; margin-top: -10px;
text-align: right; color: #99CC99; letter-spacing: -3px; text-transform: lowercase; padding-right: 17px; }
.subtitle{ font-family:"Trebuchet MS", sans-serif; font-size: 18px; font-weight: normal; margin-top: -8px; text-align: right; font-style: italic;
color: #99CCCC; text-transform: lowercase; padding-right: 17px; }
#footer { width: 100%; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color: #356254;
color: #99CC99; padding: 10px; border-style: none; z-index: 100; clear: both; height: 100px; margin-bottom:-50px; }
#footer:hover { background-color: #498979; } .clearfoot { clear: both; }

/* ----- header & footer navigation ----- */

ul.navheader{ padding: 0px; margin: 0px; height: 100px; }
ul.navheader li { display: inline; margin: 0 5px 0 5px; margin-top: 40px; padding: 30px; background-color: #356254; }
ul.navheader li:hover { display: inline; margin: 0 5px 0 5px; margin-top: 40px; padding: 30px; background-color: #FFCC99; }
ul.navfooter { padding: 10px; margin: 0px; } ul.navfooter li { display: inline; padding: 0 3px 0 3px; }
li.view { display: inline; margin: 0 5px 0 5px; margin-top: 10px !important; padding: 30px; background-color: #99CC99 !important; }

/* ----- entry stuff ----- */

.subcontent { background: #333333 url(http://i40.tinypic.com/v67r46.jpg) repeat scroll 0 0; border-top: 1px solid #99cc99; }
.entry { margin: 0px 10px 30px 30px; padding: 10px; background: transparent; color: #cccccc; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: justify; border-style: none; }
.userpic { position: relative; float: right; background-color: #333333; padding: 5px; margin: 10px; border: 1px solid #99cccc;
margin-right: -100px; margin-top: 0px; z-index: 15; }
.userpicfriends { position: relative; float: right; padding: 5px; margin: 10px; text-align: left !important; background-color: #333333 !important;
border: 1px solid #ffcc99; font-family: Arial, Helvetica, sans-serif; font-size: 9px !important; z-index: 15; margin-right: -100px;
margin-top: 0px; }
.userpic img, .userpicfriends img { width: 80px; height: 80px; } .userpicfriends a:hover font { color: #FFCC99; }
.userpicfriends font, .userpicfriends a font { color: #99CCCC; text-align: left !important;}
.date { line-height: 100%; top: 5px; color: #aaaaaa; font-family: "Trebuchet MS", sans-serif; font-size: 15px; letter-spacing: -2px;}
.subject { padding: 10px; color: #99CC99; font-family: "Trebuchet MS", sans-serif; font-size: 26px; letter-spacing: -2px; text-transform: lowercase;}
.subject a, .subject a:link, .subject a:visited { color: #99CC99; } .subject a:hover { color: #99CCCC; }
.datesubject { background-color: #333333; padding: 15px; -moz-opacity: .60; height: 90px; }
.entry ul li, .entry ol li { padding-left: 5px; margin-left: 15px; }

/* ----- currents & tags ----- */

.currents { clear: right; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: left; padding-top: 5px; text-transform: lowercase; }
.currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong { display: none; }
.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 0px 0px; padding:10px 10px 10px 20px; background:url(http://i5.photobucket.com/albums/y193/vespergenic/random/tags.png) no-repeat center left;
position: relative; margin-bottom: -40px; text-transform: lowercase;}
h2 { font-family: "trebuchet MS", sans-serif; font-size: 30px; text-transform: lowercase; line-height: 100%; letter-spacing: -2px;
color: #99CC99; font-weight: normal; margin: 0px auto; background-color: transparent; text-align: left; padding-top: 15px; }
.ljtaglist { text-align: left; margin: 0px auto 10px; padding: 3px 15px 15px 35px; background-color: transparent;
font-size:10px; color: #cccccc; border-top: none; list-style-type: none; }
.ljtaglist li { margin: 3px; padding: 3px; border-bottom: 1px solid #99cccc; }
.ljtaglist li:hover { margin: 3px; padding: 3px; border-bottom: 1px solid #ffcc99; }

/* ----- sidebar ----- */

#sidebar_linklist { text-align:left; text-transform: lowercase; margin:0; padding:0 3px 8px 0; display: inline; }
#sidebar_summary, #sidebar_tags, #sidebar_calendar { display: none; }
.defaultuserpic { text-align: center; float: left; border: 1px solid #ffcc99; padding:10px; }
.defaultuserpic img { width: 80px; height: 80px; } .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { padding: 15px; }
.sbarbody2 { padding: 10px 20px 20px 20px; text-align: right; margin-top:-30px; } div#sidebar a, div#sidebar a:link, div#sidebar a:visited{ color: #99CCCC; }
div#sidebar a:hover { color: #FFCC99; text-decoration: none; }.sbarlist {display: inline;}
ul.sbarlist { padding-left: 1px; margin-left: 0px; list-style: none; }
li.sbaritem { display: inline; padding: 5px; list-style: none; background: #333333 url(http://i40.tinypic.com/350qo0j.jpg) repeat scroll 0 0; border: 1px solid #99cccc; margin-left: 5px;}
li.sbaritem:hover {display: inline; padding: 5px; list-style: none; background: #333333 url(http://i40.tinypic.com/350qo0j.jpg) repeat scroll 0 0; border: 1px solid #99cc99; }
li.sbartitle { display: none; }

/* ----- archives ----- */

ul.year { text-align: center; padding-bottom: 40px; } ul.year li { display: inline; }
table.yeartable { margin-left: auto; margin-right: auto; }
table.yeartable td.yeardate, table.yeartable td.yearday { border: 1px solid #555555; }
table.yeartable td.yearday { background-color: #9a9a9a; text-align: center;} td.yearmonth {border-style: none;}

/* ----- comments ----- */

.comments { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: right; background-color: transparent;
padding: 0px 5px 0px 5px; position: relative; top: 5px; }
div.comments a, div.comments a:link, div.comments a:visited{ color: #99CCCC; }
div.comments a:hover { color: #FFCC99; text-decoration: none; } .replytosubject { font-weight: normal; }
.datesubjectcomment { background-color: #222222; padding: 5px; margin-top: 20px; }
.userpiccomment { position: relative; background-color: #333333; top: -30px; left: 0px; padding: 10px; margin: 10px 10px -20px 10px;
z-index: 15; float: right; border: 1px solid #99cc99; width: 80px; height:80px; }
.box { border-top: 1px solid #999999; padding: 10px; clear: left; } textarea.textbox { width: 100% !important; }
input, textarea { background-color: #444444; color: #99CCCC; border: 1px solid #ffcc99; padding:3px; }
.reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: justify; font-family: Arial, Helvetica, sans-serif;
font-size: 11px; line-height: 125%; background-color: #333333; color: #99CC99; }
.commentreply { position: relative; margin: 10px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #cccccc; }
.commentbox { border: 1px solid #454545; padding: 10px; margin: 10px; background: #333333 url(http://i40.tinypic.com/v67r46.jpg) repeat scroll 0 0;}
.datesubjectcomment a:link, .datesubjectcomment a:visited { color: #FFCC99; } .datesubjectcomment a:hover { color: #99CC99; }
.commentboxpartial {border: 1px solid #454545; padding: 10px; margin: 10px; background: #333333 url(http://i40.tinypic.com/v67r46.jpg) repeat scroll 0 0;}
.commentinfo { background-color: #333333; margin-top: 10px; width: 100%; } form#qrform table {border-width: 0px !important; }

/* ----- misc ----- */

.clear { height: 15px; } .separator{ height: 5px;} .skiplinks { text-align: right; }
select { background-color: #444444 !important; color: #99CC99 !important; border: 1px solid #ffcc99 !important; padding:3px; }
::-moz-selection { background-color: #99CCCC; color: #222222;}
.ljuser a b {font-weight: normal; color: #99CCCC; } .ljuser a:hover b {font-weight: normal; color: #FFCC99; }

/* ----- 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: 16px 16px 0px 0px !important; background: transparent url(http://i39.tinypic.com/2wlx3pe.png) no-repeat scroll 0 0;}
img[src*="icon_private.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background: transparent url(http://i40.tinypic.com/5f3xpl.png) no-repeat scroll 0 0;}
img[src*="icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i44.tinypic.com/2h7lwud.png) no-repeat scroll 0 0; }
.ljuser img { width: 0; height: 0; padding: 16px 16px 0 2px !important; vertical-align: middle !important; background: transparent url(http://i43.tinypic.com/2e0vio3.jpg) no-repeat 0 0; }
.ljuser img[src*="userinfo.gif"] { background: transparent url(http://i43.tinypic.com/2e0vio3.png) no-repeat center left !important; padding: 16px 16px 0 2px !important; }
.ljuser img[src*="community.gif"] { background: transparent url(http://i44.tinypic.com/15gwho1.png) no-repeat scroll 0 0 !important; padding: 16px 16px 0 2px !important;}
.ljuser img[src*="syndicated.gif"] { background: transparent url(http://i44.tinypic.com/23vasd3.png) no-repeat scroll 0 0; padding: 16px 16px 0 0px !important; vertical-align:middle !important;}
.ljuser img[src*="newsinfo.gif"] { background: transparent url(http://i40.tinypic.com/2qk1gtz.png) no-repeat scroll 0 0; padding: 16px 16px 0 0px !important; vertical-align:middle !important; }
.ljuser img[src*="partnercomm.gif"] { background: transparent url(http://i41.tinypic.com/2a97af8.png) no-repeat scroll 0 0; padding: 16px 16px 0 0px !important; vertical-align:middle !important;}
.ljuser img[src*="sponcomm.gif"] { background: transparent url(http://i40.tinypic.com/2agw3c.png) no-repeat scroll 0 0; padding: 16px 16px 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-color:#FFCC99 !important; color:#333333 !important; border:none; padding:5px; width: 250px;
font-family: Arial, Helvetica, sans-serif;}
div.ContextualPopup .Content {padding:7px 10px 7px 10px; margin-right:80px; line-height: 1.4; background: #ffcc99; }
div.ContextualPopup .Userpic { padding:10px; background:#333333; margin:0px; border:1px solid #99cccc;}
div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited { text-decoration: none !important;font-weight: normal; color:#333333 !important;}
div.ContextualPopup div.Inner a:hover {text-decoration: none !important;font-weight: normal; color: #99CC99 !important;}
div.ContextualPopup .Relation { letter-spacing:1px; border-bottom: 1px solid #666666; margin-bottom:4px; padding-bottom:4px;}

/* ----- navstrip ----- */

table#lj_controlstrip td { background-color:#222222; background-image: url(); color: #999999; border-left: none; border: 1px solid #222222;}
#lj_controlstrip a { color: #FFCC99; } #lj_controlstrip a:hover {color: #99CCCC;text-decoration: none;} #lj_controlstrip_statustext { color: #99CC99; }
#lj_controlstrip_userpic { display: none; }
#lj_controlstrip input { font-family: Arial, sans-serif; font-size: 11px; line-height: 16.5px; background-color: #444444 !important;
color: #dddddd; padding: 0; margin: 0; width: auto; text-transform: none; }
/*---------------------------------------------------
PAINT THE BLACK HOLE BLACKER (light),
S2 Flexible Squares layout by ghost_factory@lj
minicons: pinvoke
-----------------------------------------------------*/

body {
background-color:#eeeeee;
text-align: center;
color:#333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
}

a, a:link, a:visited { color: #006666; text-decoration: none; }
a:hover { color: #FF9966; text-decoration: none; }
p, td { font-size: 11px; } kbd, pre, tt { font-family: monospace; }
blockquote, code { background-color: #ededed; border: 1px solid #999999; padding: 10px; display: block; -moz-opacity: .70;}
b, u, strong, underline {color: #666666;} i, s, em, strike {color: #444444;}

/* ----- general ----- */

#content { width: 65%; margin-left: auto; margin-right: auto; background-color: transparent; border-style: none; padding: 15px; }
#maincontent { margin-top: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color: transparent;
color:#333333; border-style: none; text-align: justify; }
#sidebar { padding: 15px; background: #cccccc url(http://i43.tinypic.com/2yysf1j.jpg) repeat scroll 0 0; border-style: none;
font-size: 11px; font-family: Arial, Helvetica, sans-serif; color:#333333; width: 95.4%; float: center; text-align: left; border-bottom: 1px solid #dddddd; }

/* ----- header & footer ----- */

#header { width: 100%; padding: 10px 0px 20px 0px; margin: 0px; text-align: left; font-family: Arial, Helvetica, sans-serif;
font-size: 11px; border-style: none; background: #cccccc url(http://i42.tinypic.com/1zy8x06.jpg) repeat scroll 0 0;
color: #010101; border-bottom: 1px solid #dddddd; }
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { color: #006666; }
div#header a:hover { color: #666666; text-decoration: none; } div#footer a:hover { color: #009999; text-decoration: none; }
.title { font-family: "Trebuchet MS", sans-serif; font-size: 30px; font-weight: normal; line-height: 100%; margin-top: -10px;
text-align: right; color: #00CC99; letter-spacing: -3px; text-transform: lowercase; padding-right: 17px; }
.subtitle{ font-family:"Trebuchet MS", sans-serif; font-size: 18px; font-weight: normal; margin-top: -8px; text-align: right; font-style: italic;
color: #006666; text-transform: lowercase; padding-right: 17px; }
#footer { width: 100%; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color: #99CCCC;
color: #666666; padding: 10px; border-style: none; z-index: 100; clear: both; height: 100px; margin-bottom:-50px; }
#footer:hover { background-color: #99CC99; } .clearfoot { clear: both; }

/* ----- header & footer navigation ----- */

ul.navheader{ padding: 0px; margin: 0px; height: 100px; }
ul.navheader li { display: inline; margin: 0 5px 0 5px; margin-top: 40px; padding: 30px; background-color: #99CCCC; }
ul.navheader li:hover { display: inline; margin: 0 5px 0 5px; margin-top: 40px; padding: 30px; background-color: #ff9966; }
ul.navfooter { padding: 10px; margin: 0px; } ul.navfooter li { display: inline; padding: 0 3px 0 3px; }
li.view { display: inline; margin: 0 5px 0 5px; margin-top: 10px !important; padding: 30px; background-color: #00cc99 !important; }

/* ----- entry stuff ----- */

.subcontent { background: #cccccc url(http://i42.tinypic.com/1zy8x06.jpg) repeat scroll 0 0; border-top: 1px solid #00cc99; }
.entry { margin: 0px 10px 30px 30px; padding: 10px; background: transparent; color:#333333; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: justify; border-style: none; }
.userpic { position: relative; float: right; background-color:#cccccc; padding: 5px; margin: 10px; border: 1px solid #006666;
margin-right: -100px; margin-top: 0px; z-index: 15; }
.userpicfriends { position: relative; float: right; padding: 5px; margin: 10px; text-align: left !important; background-color: #cccccc !important;
border: 1px solid #ff9966; font-family: Arial, Helvetica, sans-serif; font-size: 9px !important; z-index: 15; margin-right: -100px;
margin-top: 0px; }
.userpic img, .userpicfriends img { width: 80px; height: 80px; } .userpicfriends a:hover font { color: #ff9966; }
.userpicfriends font, .userpicfriends a font { color: #006666; text-align: left !important;}
.date { line-height: 100%; top: 5px; color: #aaaaaa; font-family: "Trebuchet MS", sans-serif; font-size: 15px; letter-spacing: -2px;}
.subject { padding: 10px; color: #00cc99; font-family: "Trebuchet MS", sans-serif; font-size: 26px; letter-spacing: -2px; text-transform: lowercase;}
.subject a, .subject a:link, .subject a:visited { color: #00cc99; } .subject a:hover { color: #006666; }
.datesubject { background-color:#ffffff; padding: 15px; -moz-opacity: .60; height: 90px; }
.entry ul li, .entry ol li { padding-left: 5px; margin-left: 15px; }

/* ----- currents & tags ----- */

.currents { clear: right; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: left; padding-top: 5px; text-transform: lowercase; }
.currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong { display: none; }
.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 0px 0px; padding:10px 10px 10px 20px; background:url(http://i5.photobucket.com/albums/y193/vespergenic/random/tags.png) no-repeat center left;
position: relative; margin-bottom: -40px; text-transform: lowercase;}
h2 { font-family: "trebuchet MS", sans-serif; font-size: 30px; text-transform: lowercase; line-height: 100%; letter-spacing: -2px;
color: #00cc99; font-weight: normal; margin: 0px auto; background-color: transparent; text-align: left; padding-top: 15px; }
.ljtaglist { text-align: left; margin: 0px auto 10px; padding: 3px 15px 15px 35px; background-color: transparent;
font-size:10px; color:#333333; border-top: none; list-style-type: none; }
.ljtaglist li { margin: 3px; padding: 3px; border-bottom: 1px solid #006666; }
.ljtaglist li:hover { margin: 3px; padding: 3px; border-bottom: 1px solid #ff9966; }

/* ----- sidebar ----- */

#sidebar_linklist { text-align:left; text-transform: lowercase; margin:0; padding:0 3px 8px 0; display: inline; }
#sidebar_summary, #sidebar_tags, #sidebar_calendar { display: none; }
.defaultuserpic { text-align: center; float: left; border: 1px solid #ff9966; padding:10px; }
.defaultuserpic img { width: 80px; height: 80px; } .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { padding: 15px; }
.sbarbody2 { padding: 10px 20px 20px 20px; text-align: right; margin-top:-30px; } div#sidebar a, div#sidebar a:link, div#sidebar a:visited{ color: #006666; }
div#sidebar a:hover { color: #ff9966; text-decoration: none; }.sbarlist {display: inline;}
ul.sbarlist { padding-left: 1px; margin-left: 0px; list-style: none; }
li.sbaritem { display: inline; padding: 5px; list-style: none; background: #cccccc url(http://i43.tinypic.com/2yysf1j.jpg) repeat scroll 0 0; border: 1px solid #006666; margin-left: 5px;}
li.sbaritem:hover {display: inline; padding: 5px; list-style: none; background: #cccccc url(http://i43.tinypic.com/2yysf1j.jpg) repeat scroll 0 0; border: 1px solid #00cc99; }
li.sbartitle { display: none; }

/* ----- archives ----- */

ul.year { text-align: center; padding-bottom: 40px; } ul.year li { display: inline; }
table.yeartable { margin-left: auto; margin-right: auto; }
table.yeartable td.yeardate, table.yeartable td.yearday { border: 1px solid #cccccc; }
table.yeartable td.yearday { background-color: #dddddd; text-align: center;} td.yearmonth {border-style: none;}

/* ----- comments ----- */

.comments { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: right; background-color: transparent;
padding: 0px 5px 0px 5px; position: relative; top: 5px; }
div.comments a, div.comments a:link, div.comments a:visited{ color: #006666; }
div.comments a:hover { color: #ff9966; text-decoration: none; } .replytosubject { font-weight: normal; }
.datesubjectcomment { background-color: #eeeeeee; padding: 5px; margin-top: 20px; }
.userpiccomment { position: relative; background-color:#cccccc; top: -30px; left: 0px; padding: 10px; margin: 10px 10px -20px 10px;
z-index: 15; float: right; border: 1px solid #00cc99; width: 80px; height:80px; }
.box { border-top: 1px solid #999999; padding: 10px; clear: left; } textarea.textbox { width: 100% !important; }
input, textarea { background-color: #dddddd; color: #006666; border: 1px solid #ff9966; padding:3px; }
.reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: justify; font-family: Arial, Helvetica, sans-serif;
font-size: 11px; line-height: 125%; background-color:#333333; color: #00cc99; }
.commentreply { position: relative; margin: 10px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color:#333333; }
.commentbox { border: 1px solid #dedede; padding: 10px; margin: 10px; background: #cccccc url(http://i42.tinypic.com/1zy8x06.jpg) repeat scroll 0 0;}
.datesubjectcomment a:link, .datesubjectcomment a:visited { color: #ff9966; } .datesubjectcomment a:hover { color: #00cc99; }
.commentboxpartial {border: 1px solid #dedede; padding: 10px; margin: 10px; background: #cccccc url(http://i42.tinypic.com/1zy8x06.jpg) repeat scroll 0 0;}
.commentinfo { background-color:#333333; margin-top: 10px; width: 100%; } form#qrform table {border-width: 0px !important; }

/* ----- misc ----- */

.clear { height: 15px; } .separator{ height: 5px;} .skiplinks { text-align: right; }
select { background-color: #cccccc !important; color: #009999 !important; border: 1px solid #ff9966 !important; padding:3px; }
::-moz-selection { background-color: #99CCCC; color: #009999;}
.ljuser a b {font-weight: normal; color: #006666; } .ljuser a:hover b {font-weight: normal; color: #ff9966; }

/* ----- 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: 16px 16px 0px 0px !important; background: transparent url(http://i39.tinypic.com/2wlx3pe.png) no-repeat scroll 0 0;}
img[src*="icon_private.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background: transparent url(http://i40.tinypic.com/5f3xpl.png) no-repeat scroll 0 0;}
img[src*="icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i44.tinypic.com/2h7lwud.png) no-repeat scroll 0 0; }
.ljuser img { width: 0; height: 0; padding: 16px 16px 0 2px !important; vertical-align: middle !important; background: transparent url(http://i43.tinypic.com/2e0vio3.jpg) no-repeat 0 0; }
.ljuser img[src*="userinfo.gif"] { background: transparent url(http://i43.tinypic.com/2e0vio3.png) no-repeat center left !important; padding: 16px 16px 0 2px !important; }
.ljuser img[src*="community.gif"] { background: transparent url(http://i44.tinypic.com/15gwho1.png) no-repeat scroll 0 0 !important; padding: 16px 16px 0 2px !important;}
.ljuser img[src*="syndicated.gif"] { background: transparent url(http://i44.tinypic.com/23vasd3.png) no-repeat scroll 0 0; padding: 16px 16px 0 0px !important; vertical-align:middle !important;}
.ljuser img[src*="newsinfo.gif"] { background: transparent url(http://i40.tinypic.com/2qk1gtz.png) no-repeat scroll 0 0; padding: 16px 16px 0 0px !important; vertical-align:middle !important; }
.ljuser img[src*="partnercomm.gif"] { background: transparent url(http://i41.tinypic.com/2a97af8.png) no-repeat scroll 0 0; padding: 16px 16px 0 0px !important; vertical-align:middle !important;}
.ljuser img[src*="sponcomm.gif"] { background: transparent url(http://i40.tinypic.com/2agw3c.png) no-repeat scroll 0 0; padding: 16px 16px 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-color:#cccccc !important; color: #444444 !important; border:none; padding:5px; width: 250px;
font-family: Arial, Helvetica, sans-serif;}
div.ContextualPopup .Content {padding:7px 10px 7px 10px; margin-right:80px; line-height: 1.4; background: #cccccc; }
div.ContextualPopup .Userpic { padding:10px; background:#cccccc; margin:0px; border:1px solid #006666;}
div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited { text-decoration: none !important;font-weight: normal; color: #FF9966 !important;}
div.ContextualPopup div.Inner a:hover {text-decoration: none !important;font-weight: normal; color: #00cc99 !important;}
div.ContextualPopup .Relation { letter-spacing:1px; border-bottom: 1px solid #666666; margin-bottom:4px; padding-bottom:4px;}

/* ----- navstrip ----- */

table#lj_controlstrip td { background-color:#dddddd; background-image: url(); color: #999999; border-left: none; border: 1px solid #dddddd;}
#lj_controlstrip a { color: #ff9966; } #lj_controlstrip a:hover {color: #006666;text-decoration: none;} #lj_controlstrip_statustext { color: #00cc99; }
#lj_controlstrip_userpic { display: none; }
#lj_controlstrip input { font-family: Arial, sans-serif; font-size: 11px; line-height: 16.5px; background-color: #cccccc !important;
color: #999999; padding: 0; margin: 0; width: auto; text-transform: none; }

rules:
01. please credit ^^)
02. i ♥ comments, and i prefer them here.
03. don't edit and then repost as your own please, this isn't a base layout.
04. feel free to modify anything for yourself! :)

instructions:
01. go to select journal style.
02. select a flexible squares theme.
03. plus option: make your ad placement between entries.
04. go to customize journal style >> custom css.
05. make sure all the drop-down menus say NO.
06. paste in your code in the Custom Stylesheet box, and save.
07. OOPS! Something's wrong and doesn't look OK? Drop me a comment!

also: pleeeaaaase friend ghost_factory if you like!! ♥

maker: ghost_factory, style: flexible squares

Previous post Next post
Up