(no subject)

[ghost_factory]

Layout: Fall to Dream {S2 Flexible Squares}
Features: custom contextual pop-up, mini icons, custom comments pages, sidebar with everything, fixed navigation links.
Account types: basic // plus // paid (recommened ad setting: between entries / vertical)
Notes: Background by chamberten . Fits all screen resolutions!


image // live
/*---------------------------------------------------
FALL TO DREAM;
S2 Flexible Squares layout by ghost_factory@lj
CREDITS:
- background : chamberten@lj ;
- minicons : pinvoke .
-----------------------------------------------------*/

body {
background: #CCCC99 url("http://i36.tinypic.com/25kkj6t.jpg") repeat fixed 0 0;
text-align: center;
color:#555555;
font-family: Georgia, serif;
font-size: 10px;
margin:0;
}

a, a:link, a:visited {color: #CC9999;text-decoration: none;}
a:hover {color: #99cccc;text-decoration: none;font-style:italic}
p, td{font-size: 11px;}kbd, pre, tt { font-family: monospace;}
blockquote { padding:10px; background-color:#ededed; border:1px solid #dddddd; font-style:italic}
code { padding:10px; display:block; font-family:lucida console, mono; border-left:3px solid #99cccc;}
.ljuser a b {font-weight:normal; color: #99cccc;} .ljuser a:hover b {color:#CC9999;}
b, u, strong, underline {color:#999999;} i, s, em, strike {color:#666666;}

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

#content{width:auto;margin-left:0; margin-right:200px;background-color: #eeeeee;padding:0px;margin-top:-45px;margin-bottom:-30px;border-right:1px solid #dddddd;}
#maincontent {margin-top:-30px;margin-bottom:-25px;font-family: Georgia, serif;font-size: 11px;background-color: #f5f5f5; border-left:1px solid #dddddd;border-bottom:1px solid #dddddd;color: #555555;margin-left: 220px;text-align: left;}
#sidebar {padding-top: 5px;;margin-top:0px;background-color: #eeeeee;font-size: 11px;font-family: Georgia, serif;color: #555555;width: 200px;float: left;text-align: left;}

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

#header {width: 200px;padding: 10px 0px 20px 0px;margin: 0px;text-align: center;font-family: Georgia, serif;font-size: 11px;background-color:transparent;color: #555555;}
.headerimage {/* no headerimage in this layout !!*/}
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {color: #669999;}
div#header a:hover, div#footer a:hover {color: #996666;text-decoration: none;}
.title, .subtitle{display:none}
#footer {width:200px;text-align: center;font-family: Georgia, serif;font-size: 11px;background-color:transparent;color: #555555;z-index: 100;clear: both;}
.clearfoot {clear: both;}

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

ul.navheader{padding: 0px;margin: 0px; position:fixed; top:0px;right:0px; width:200px;}
ul.navheader li {display: list-item; list-style:none; border-bottom:1px solid #dddddd;border-left:5px solid #99CCCC;margin: 2 5px 2 5px; background-color:#eeeeee;padding:10px;}
ul.navheader li:hover {border-bottom:1px solid #cccccc; background-color:#dddddd;border-left:5px solid #cccccc;}
ul.navfooter{padding: 0px;margin: 0px; position:fixed;bottom:0px;right:0px;width:200px;}
ul.navfooter li {display: list-item; list-style:none; border-top:1px solid #dddddd;border-left:5px solid #99CCCC;margin: 2 5px 2 5px; background-color:#eeeeee;padding:10px;}
ul.navfooter li:hover{border-top:1px solid #cccccc; background-color:#dddddd;border-left:5px solid #cccccc;}
li.viewing {display:none!important;}

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

.subcontent {}
.entry {margin: 0px 10px 10px 30px;padding: 10px;background-color: #f5f5f5;color: #555555;font-family: Georgia, serif;font-size: 11px;text-align: justify;}
.userpic, .userpicfriends {position: relative;float: right;padding:1px;margin: 10px;text-align: right;font-family: Georgia, serif; background-color:transparent!important;font-size: 11px;z-index: 15;}
.userpic img, .userpicfriends img {padding:4px;border:1px solid #dddddd;width:90px;height:90px;}
.userpicfriends font {color:#999999;font-size:10px} .userpicfriends a font {color:#CC9999;}
.userpicfriends a:hover font {color:#99cccc;}
.date {line-height: 100%;top: 5px;color: #999999;font-family: Georgia, serif; text-transform:uppercase;letter-spacing:3px;font-size: 10px; margin-top:20px;}
.subject {padding:5px;margin-right:0;color: #CC9999;font-family: Georgia, serif;font-size: 24px; font-style:italic;margin-top:-10px;}
.subject a, .subject a:link, .subject a:visited {color: #CC9999;} .subject a:hover {color: #99CCCC;}
.datesubject {background-color:transparent;text-align:right;padding: 5px;}
.entry ul li,.entry ol li{padding-left: 5px;margin-left: 15px;}

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

.currents { clear: right; font-family: Georgia, serif; font-size: 11px; text-align: right; padding-top: 5px; }
.currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong { display: none; }
div.ljtags a {font-weight: normal; }
.currentlocation { margin-top: 2px; padding: 1px 20px 1px 0; text-align: right; clear: right; font-family: Georgia, serif; text-transform: lowercase; background:url(http://i39.tinypic.com/9iekxy.png) no-repeat center right; }
.currentmood {margin-top: 2px; padding: 1px 20px 1px 0; text-align: right; clear: right; font-family: Georgia, serif; text-transform: lowercase;background:url(http://i43.tinypic.com/16216qw.png) no-repeat center right;}
.currentmusic {margin-top: 2px; padding: 1px 20px 1px 0; text-align: right; clear: right;font-family: Georgia, serif; text-transform: lowercase;background:url(http://i39.tinypic.com/ubvxh.png) no-repeat center right;}
.ljtags { margin-top: 50px; padding: 1px 20px 10px 0; text-align: right; clear: right; border-bottom: 1px solid #eeeeee; background:url(http://i44.tinypic.com/rk4roj.jpg) no-repeat center right; font-family: Georgia, serif; text-transform: lowercase; margin-bottom: -10px; }
h2 {font-family:Georgia, serif; font-size: 24px; line-height: 100%; color: #99CCCC; font-weight: normal; margin: 0px auto; background-color:transparent;padding:10px;font-style:italic;border-bottom:1px solid #dddddd; }
.ljtaglist { text-align: left; margin: 0px auto 10px; padding: 3px 15px 15px 35px; background-color:transparent; font-size:11px; color:#555555;border-top: none; list-style:none;}
.ljtaglist li { margin: 3px; padding: 3px; border-left:5px solid #99cccc;}
.ljtaglist li:hover {border-left:5px solid #cccccc;}

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

.defaultuserpic {text-align: center;} .defaultuserpic img {border:10px solid #dddddd;}
.sbarheader, .sbarbody {padding: 0px 5px 0px 5px;} .sbarbody2 {padding: 0 15px 0 15px;}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{ color: #669999;}
div#sidebar a:hover {color: #CC9999;text-decoration: none; } table.calendar {margin-right: auto;margin-left: auto;}
.sbarcalendar {text-align: center;font-family: Georgia, serif;font-size: 11px; background-color:#dddddd;}
.sbarcalendarposts {border:1px solid #cccccc;background-color: #dddddd;text-align: center;font-family: Georgia, serif;font-size: 11px;}
ul.sbarlist{padding-left: 0px;margin-left: 0px;list-style: none;} li.sbaritem{padding:2px 0 0 15px ;list-style: none;}
li.sbartitle{padding-left: 15px;list-style: none;border-bottom:1px solid #cccccc; color:#CC9999; font-size:16px; text-transform:lowercase;font-style:italic;margin-bottom: 10px;margin-top: 10px;}

/* ----- 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: Georgia, serif;font-size: 11px;text-align: left;background-color:transparent;padding: 0px 5px 0px 5px;position: relative;top: 15px;}
div.comments a, div.comments a:link, div.comments a:visited{color: #aaaaaa;}
div.comments a:hover {color: #CC9999;text-decoration: none;}
.datesubjectcomment {background-color:#f5f5f5;padding: 5px;margin-top: 20px;text-align:right;}
.userpiccomment {position: relative;background-color: #eeeeee;top: -30px;left: 0px;padding: 5px;margin: 10px 10px -20px 10px;z-index: 15;float: left;border:1px solid #dddddd;}
.box {border-top:1px solid #dddddd;padding: 10px;clear: left;}
input, textarea {background-color: #eeeeee;color: #669999;padding:2px; border:1px solid #dddddd; font-family:tahoma, helvetica, sans-serif; font-size:10px;}
textarea.textbox {width: 100% !important;}
.reply {position: relative;margin: 20px 30px 10px 30px;padding: 25px 10px 10px 10px;text-align: left;font-family: Georgia, serif;font-size: 11px;line-height: 125%;background-color:transaprent;color: #555555;}
.replytosubject {font-weight: normal;}
.commentreply {position: relative;margin: 10px;font-size: 11px;font-family: Georgia, serif;color: #555555;}
.commentbox, .commentboxpartial {border-bottom:1px solid #dddddd;padding: 10px;margin: 10px;background-color: #f5f5f5;}
.datesubjectcomment a:link, .datesubjectcomment a:visited {color: #669999;} .datesubjectcomment a:hover {color: #CC9999;}
.commentinfo {background-color: #f5f5f5;margin-top: 10px;width: 100%;}
form#qrform table {border-width: 0px !important; }

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

.clear {height: 15px;} .separator{height:15px;} .skiplinks {text-align: left;margin-left:10px;}
select { background-color:#f5f5f5!important; border:1px solid #cccccc; color:#555555!important; font-size:10px!important}
::-moz-selection { background-color:#666666; color: #CC9999; }

/* ----- mini icons ----- */

.subject img {vertical-align: middle !important; }
.ljuser img[src*="user_ontd.gif"], 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://i39.tinypic.com/2wlx3pe.png) no-repeat scroll 0 0; }
.ljuser img {width: 0; height: 0; background: transparent url(http://i47.tinypic.com/2ekpx68.png) no-repeat 0 0;
padding: 16px 16px 0 2px !important; vertical-align: text-bottom !important}
.ljuser img[src*="userinfo.gif"], .ljuser img[src*="user_ontd.gif"] {background: transparent url(http://i47.tinypic.com/2ekpx68.png) no-repeat center left !important;
padding: 16px 16px 0 2px !important; }
.ljuser img[src*="community.gif"] { background: transparent url(http://i42.tinypic.com/r2j28p.png) no-repeat scroll 0 0 !important;
padding: 16px 16px 0 2px !important; }
.ljuser img[src*="syndicated.gif"]{background-image: url(http://i39.tinypic.com/wsra1k.png) !important}
.ljuser img[src*="newsinfo.gif"] {background-image: url(http://i43.tinypic.com/fmpdax.png) !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:#eeeeee!important;color:#555555 !important;border:none;padding:2px; width: 250px; font-family: Georgia,serif;border:1px solid #dddddd; }
div.ContextualPopup .Content {padding:7px 10px 7px 10px; margin-right:80px; line-height: 1.4; background: #eeeeee;}
div.ContextualPopup .Userpic { padding:2px; background:#eeeeee; 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: #669999 !important; }
div.ContextualPopup div.Inner a:hover {color:#CC9999!important;}
div.ContextualPopup .Relation {letter-spacing:1px;border-bottom: 1px solid #e3e3e3; margin-bottom:4px;padding-bottom:4px; }

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

#lj_controlstrip {display:none;}

01. go to journal style.
02. select a flexible squares theme.
03. plus option: change your ad setting to betwen entries / vertical.
04. go to customize journal style.
05. now click on Custom CSS. make sure all the drop-down menus say NO.
06. paste in your code in the Custom Stylesheet box, and save.

Please friend me for more & check out my special layout community, dustycheeks :] &enjoy! ♥