I bet this is totally awkward, but:
I can't view my own albums on Photobucket (and none of the images show up that are hotlinked from there, ow) - have I been hacked or what? (I doubt that anyway, because I can log in, I just can't get to my albums.)
(Or am I just being very lame at computers now, another freaky option.)
This is kinda freaky for me now, because if all the stuff is gone forever, then I'll have plenty of stuff to do, rearranging layout previews and mini icons and whatnot.

Sorry guys, I'll be having a holiday and I don't quite know what comes after that, so I most likely won't have enough time on my hands for the making of Things. This hiatus will probably be shorter than the last one, because it's not about the lack of inspiration, but the lack of time.
Also, those of you who have requested layouts in the request post back in April - please don't think I forgot about it, I absolutely haven't I just didn't have the inspiration to do anything for you. I'm honestly sorry for that and I'll be working on those requests in the near future (hopefully).

I originally planned this to be my private layout for heavy_sky, but I ended up loving it so much that I changed my mind. (Haha.) Then I had no idea what name should be given to this layout and then I realized that I've been in love with The Calculation by Regina Spektor ever since I first heard it, so here you go. A layout decidated to my new fav song.
The sweet version can easily be called a sister of the sweet version of The open sky is mine tonight, btw. :) (I have to confess I love both!)

Layout: The Calculation {S2 Flexible Squares}, sweet, ocean & vanilla
Features: custom contextual pop-up, mini icons, custom comments pages
Account types: basic // plus // paid

image // live	image // live
image // live

CODES // sweet	CODES // ocean
/*--------------------------------------------------- THE CALCULATION (sweet) S2 Flexible Squares layout by ghost_factory@lj minicons by pinvoke -----------------------------------------------------*/ body { background:#FFF5D7 url(http://i5.photobucket.com/albums/y193/vespergenic/random/bg/dot2.png) repeat fixed 0 0; text-align: center; color: #444444; font-family: "trebuchet MS", sans-serif; font-size: 10px; margin: 150px 0 0px 0; } a, a:link, a:visited { color: #FF9999; text-decoration: none; } a:hover { color: #FFCCCC; text-decoration: none; } p, td { font-size: 11px; } kbd, pre, tt { font-family: monospace; } blockquote { background-color:#FFCCCC; padding: 10px; border: 1px dashed #ff9999; } code { background-color: #FEDAD3; padding: 10px; display: block; } u, strong, underline { color: #FF9966; } i, s, em, strike { color: #FF6666; } /* ----- general ----- */ #content { width: 65%; margin-left: auto; margin-right: auto; background-color:transparent; border-style: none; } #maincontent { margin-top: 15px; font-family: "Trebuchet MS", sans-serif; font-size: 11px; background-color:transparent; color: #444444; border-style: none; text-align: justify; } #sidebar { display: none; } /* ----- header & footer ----- */ #header { width: 100%; padding: 10px 0px 20px 0px; margin: 0px; text-align: right; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; border-style: none; background-color: #f1f1f1; color: #444444; } div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { color: #FFFFFF; } div#header a:hover, div#footer a:hover { color: #FF6666; text-decoration: none; } .title { font-family: Georgia, "Times New Roman", Times, serif; font-size: 26px; font-weight: normal; line-height: 200%; top: 10px; text-align: left; color:#666666; padding-left: 20px; } .subtitle{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-style: italic; font-weight: normal; top: -10px; color:#FF6666; text-align: left; margin-top: -20px; padding-left: 20px;} #footer { width: 100%; text-align: center; font-family: "Trebuchet MS", sans-serif; font-size: 11px; background-color: #FF9999; color: #333333; border-style: none; z-index: 100; clear: both; margin-bottom: -30px; height: 80px; padding-top: 40px;} #footer:hover { background-color:#ffcccc } .clearfoot { clear: both; } /* ----- header & footer navigation ----- */ ul.navheader{ padding: 0px; margin: 0px; height: 80px; margin-top: -49px; } ul.navheader li { display: inline; margin: 5 5px 5 5px; background-color:#FF9999; padding: 25px; text-align: right;} ul.navheader li:hover { display: inline; margin: 5 5px 5 5px; background-color: #FFCCCC; padding: 25px; text-align: right; } ul.navfooter { padding: 0px; margin: 0px; } ul.navfooter li { display: inline; padding: 0 3px 0 3px; } li.view { display: inline; margin: 5 5px 5 5px; background-color:#f1f1f1 !important; padding: 250px; } div#header a[href*=".livejournal.com/"] {padding: 25px;background:url(http://i40.tinypic.com/2qn2tki.png) no-repeat left} div#header a[href*="/calendar"] {padding: 25px;background:url(http://i41.tinypic.com/20gh5b9.png) no-repeat left} div#header a[href*="/friends"] {padding: 25px;background:url(http://i44.tinypic.com/2crkexe.png) no-repeat left} div#header a[href*="/profile"]{padding: 25px;background:url(http://i44.tinypic.com/bynet.png) no-repeat left} body.lj-view-recent div#header li.view {border-left: 20px solid #f1f1f1;margin: 5 5px 5 5px!important;padding: 25px;background:url(http://i40.tinypic.com/2qn2tki.png) no-repeat left} body.lj-view-archive div#header li.view{border-left: 20px solid #f1f1f1;margin: 5 5px 5 5px!important;padding: 25px;background:url(http://i41.tinypic.com/20gh5b9.png) no-repeat left} body.lj-view-friends div#header li.view{border-left: 20px solid #f1f1f1;margin: 5 5px 5 5px!important;padding: 25px;background:url(http://i44.tinypic.com/2crkexe.png) no-repeat left} /* ----- entry stuff ----- */ .subcontent { background-color: #f1f1f1; } .entry { margin: 0px 10px 10px 30px; padding: 10px; background-color: #f1f1f1; color: #444444; font-family: "Trebuchet MS", sans-serif; font-size: 11px; text-align: justify; border-style: none; } .userpic, .userpicfriends { position: relative; float: right; background-color: #e1e1e1 !important; padding: 5px; margin: 0px -100px 15px 15px; z-index: 15; border: 1px solid #ff6666; font-family: "trebuchet MS", sans-serif; font-size: 9px !important; text-align: left !important;} .userpic img, .userpicfriends img {width: 75px; height: 75px; }.userpicfriends font { color: #CCCCCC } .userpicfriends a font { color: #FF6666; } .userpicfriends a:hover font { color: #FF9999;} .date { line-height: 100%; top: 5px; color: #666666; font-family: "Trebuchet MS", sans-serif; font-size: 11px; letter-spacing: 2px; } .subject { font-weight: normal; padding: 10px; color: #FF9999; font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; line-height: 30% } .subject a, .subject a:link, .subject a:visited {color: #FF9999;} .subject a:hover {color: #FF6666;} .datesubject { background-color: #ededed; padding: 15px; border-bottom: 1px dashed #dcdcdc; } .entry ul li, entry ol li { padding-left: 10px; margin-left: 15px; } /* ----- currents & tags ----- */ .currents { clear: right; font-family: "Trebuchet MS", sans-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; position: relative; font-family: "Trebuchet MS", sans-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; position: relative; font-family: "Trebuchet MS", sans-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; position: relative; font-family: "Trebuchet MS", sans-serif; text-transform: lowercase;background:url(http://i39.tinypic.com/ubvxh.png) no-repeat center right;} .ljtags { margin-top: 50px; padding: 1px 20px 1px 0; text-align: right; clear: right; position: relative; margin-bottom: -35px; background:url(http://i44.tinypic.com/rk4roj.jpg) no-repeat center right; font-family: "Trebuchet MS", sans-serif; text-transform: lowercase; } h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px;line-height: 100%; color: #FF6666; padding-top: 15px; font-weight: normal; margin: 0px auto; background-color:#f1f1f1; text-align: center;} .ljtaglist { text-align: center; margin: 0px auto 10px; padding: 3px 15px 15px 15px; background-color: #f1f1f1; font-size:10px; color: #444444; border-top: 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; } table.yeartable td.yeardate, table.yeartable td.yearday { border: 1px solid #e1e1e1; background-color: #f1f1f1;} table.yeartable td.yearday { background-color: #FFCCCC; text-align: center; } td.yearmonth { border-style: none; } /* ----- comments ----- */ .comments { font-family: "Trebuchet MS", sans-serif; font-size: 11px; text-align: left; padding: 0px 5px 0px 15px; position: relative; top: 0px; background: transparent url(http://i42.tinypic.com/1szi9c.jpg) no-repeat left; } div.comments a, div.comments a:link, div.comments a:visited{ color: #FF6666; } div.comments a:hover { color: #FF9999; text-decoration: none; } .datesubjectcomment { background-color: #f1f1f1; padding: 5px; margin-top: 0px; border-bottom: 1px dashed #dcdcdc;} .userpiccomment { position: relative; background-color: #e1e1e1; top: -10px; left: 0px; padding: 5px; margin: 10px 10px -20px 10px; z-index: 15; float: right; border: 1px solid #ff6666; width: 55px; height: 55px; } .box { border-top: 1px solid #ff6666; padding: 10px; clear: left; } input, textarea { background-color: #ededed; color: #FF6666; border: 1px solid #dcdcdc; padding: 3px; font-family: "trebuchet MS", sans-serif !important; font-size: 11px;} textarea.textbox {width: 100% !important;} .replytosubject {font-weight: bold;} .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: "Trebuchet MS", sans-serif; font-size: 11px; line-height: 125%; background-color: #f1f1f1; color: #444444; } .commentreply { position: relative; margin: 10px; font-size: 11px; font-family: "Trebuchet MS", sans-serif; color: #444444;} .commentbox, .commentboxpartial { border: 1px solid #ffcccc; padding: 10px; margin: 10px; background-color: #f1f1f1; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #FF9999; } .datesubjectcomment a:hover { color: #FF6666; } .commentinfo { background-color: #f1f1f1; margin-top: 10px; width: 100%; } form#qrform table {border-width: 0px !important; } /* ----- misc ----- */ .clear { height: 15px; } .separator{ height: 20px; } .skiplinks { text-align: left; background-color: #f1f1f1; padding: 5px; border: 1px solid #e9e9e9; } select { background-color: #ededed !important; color: #ff6666 !important; border: 1px solid #dcdcdc; padding: 3px;} ::-moz-selection { background-color:#FFCCCC; color: #FF6666; } /* ----- 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://i40.tinypic.com/5poiex.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://i42.tinypic.com/2yxnekp.png) no-repeat scroll 0 0;} img[src*="icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i42.tinypic.com/5nm3o8.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://i42.tinypic.com/r2j28p.png) no-repeat 0 0; } .ljuser img[src*="userinfo.gif"] { background: transparent url(http://i42.tinypic.com/r2j28p.png) no-repeat center left !important; padding: 16px 16px 0 2px !important; } .ljuser img[src*="community.gif"] { background: transparent url(http://i41.tinypic.com/wtfxfp.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://i43.tinypic.com/2e0vio3.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://i41.tinypic.com/2a97af8.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:transparent !important; color: #444444 !important; border:none; padding:5px; width: 250px; font-family: "trebuchet MS", sans-serif;} div.ContextualPopup .Content {padding:7px 10px 7px 10px; margin-right:80px; line-height: 1.4; background: #ededed; border: 1px solid #dddddd } div.ContextualPopup .Userpic { padding:10px; background:#ededed; margin:0px; border:1px solid #dddddd;} div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited { text-decoration: none !important;font-weight: normal; color: #FF9999 !important;} div.ContextualPopup div.Inner a:hover {text-decoration: none !important;font-weight: normal; color: #FF6666 !important;} div.ContextualPopup .Relation { letter-spacing:1px; border-bottom: 1px dashed #dddddd; margin-bottom:4px; padding-bottom:4px;} /* ----- navstrip ----- */ table#lj_controlstrip td { background-color: #FBEAE6; color: #444444; border-left: none; border: none; border-bottom: 1px solid #ff9999; } #lj_controlstrip a { color: #FF9999; } #lj_controlstrip a:hover {color: #FF6666;text-decoration: none;} #lj_controlstrip_statustext { color: #444444; } #lj_controlstrip_userpic { display: none; } #lj_controlstrip input { font-family: "Trebuchet MS", sans-serif; font-size: 11px; line-height: 16.5px; background-color: #ededed !important; color: #ff6666; padding: 0; margin: 0; width: auto; text-transform: none; }	/*--------------------------------------------------- THE CALCULATION (ocean) S2 Flexible Squares layout by ghost_factory@lj minicons by pinvoke -----------------------------------------------------*/ body { background-color: #99CCCC; text-align: center; color: #444444; font-family: "trebuchet MS", sans-serif; font-size: 10px; margin: 150px 0 0px 0; } a, a:link, a:visited { color: #339999; text-decoration: none; } a:hover { color: #66CC99; text-decoration: none; } p, td { font-size: 11px; } kbd, pre, tt { font-family: monospace; } blockquote { background-color: #C8E8E2; padding: 10px; border: 1px dashed #009999; } code { background-color: #99CCCC; padding: 10px; display: block; } u, strong, underline { color: #006699; } i, s, em, strike { color: #009999; } /* ----- general ----- */ #content { width: 65%; margin-left: auto; margin-right: auto; background-color:transparent; border-style: none; } #maincontent { margin-top: 15px; font-family: "Trebuchet MS", sans-serif; font-size: 11px; background-color:transparent; color: #444444; border-style: none; text-align: justify; } #sidebar { display: none; } /* ----- header & footer ----- */ #header { width: 100%; padding: 10px 0px 20px 0px; margin: 0px; text-align: right; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; border-style: none; background-color: #f1f1f1; color: #444444; } div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { color: #FFFFFF; } div#header a:hover, div#footer a:hover { color: #009999; text-decoration: none; } .title { font-family: Georgia, "Times New Roman", Times, serif; font-size: 26px; font-weight: normal; line-height: 200%; top: 10px; text-align: left; color:#666666; padding-left: 20px; } .subtitle{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-style: italic; font-weight: normal; top: -10px; color: #00CCCC; text-align: left; margin-top: -20px; padding-left: 20px;} #footer { width: 100%; text-align: center; font-family: "Trebuchet MS", sans-serif; font-size: 11px; background-color: #006699; color: #cccccc; border-style: none; z-index: 100; clear: both; margin-bottom: -30px; height: 80px; padding-top: 40px;} #footer:hover { background-color: #99CC99; color: #333333; } .clearfoot { clear: both; } /* ----- header & footer navigation ----- */ ul.navheader{ padding: 0px; margin: 0px; height: 80px; margin-top: -49px; } ul.navheader li { display: inline; margin: 5 5px 5 5px; background-color: #009999; padding: 25px; text-align: right;} ul.navheader li:hover { display: inline; margin: 5 5px 5 5px; background-color: #33CCCC; padding: 25px; text-align: right; } ul.navfooter { padding: 0px; margin: 0px; } ul.navfooter li { display: inline; padding: 0 3px 0 3px; } li.view { display: inline; margin: 5 5px 5 5px; background-color:#f1f1f1 !important; padding: 250px; } div#header a[href*=".livejournal.com/"] {padding: 25px;background:url(http://i40.tinypic.com/2qn2tki.png) no-repeat left} div#header a[href*="/calendar"] {padding: 25px;background:url(http://i41.tinypic.com/20gh5b9.png) no-repeat left} div#header a[href*="/friends"] {padding: 25px;background:url(http://i44.tinypic.com/2crkexe.png) no-repeat left} div#header a[href*="/profile"]{padding: 25px;background:url(http://i44.tinypic.com/bynet.png) no-repeat left} body.lj-view-recent div#header li.view {border-left: 20px solid #f1f1f1;margin: 5 5px 5 5px!important;padding: 25px;background:url(http://i40.tinypic.com/2qn2tki.png) no-repeat left} body.lj-view-archive div#header li.view{border-left: 20px solid #f1f1f1;margin: 5 5px 5 5px!important;padding: 25px;background:url(http://i41.tinypic.com/20gh5b9.png) no-repeat left} body.lj-view-friends div#header li.view{border-left: 20px solid #f1f1f1;margin: 5 5px 5 5px!important;padding: 25px;background:url(http://i44.tinypic.com/2crkexe.png) no-repeat left} /* ----- entry stuff ----- */ .subcontent { background-color: #f1f1f1; } .entry { margin: 0px 10px 10px 30px; padding: 10px; background-color: #f1f1f1; color: #444444; font-family: "Trebuchet MS", sans-serif; font-size: 11px; text-align: justify; border-style: none; } .userpic, .userpicfriends { position: relative; float: right; background-color: #e1e1e1 !important; padding: 5px; margin: 0px -100px 15px 15px; z-index: 15; border: 1px solid #33cccc; font-family: "trebuchet MS", sans-serif; font-size: 9px !important; text-align: left !important;} .userpic img, .userpicfriends img {width: 75px; height: 75px; }.userpicfriends font { color: #CCCCCC } .userpicfriends a font { color: #009999; } .userpicfriends a:hover font { color: #66CCCC;} .date { line-height: 100%; top: 5px; color: #666666; font-family: "Trebuchet MS", sans-serif; font-size: 11px; letter-spacing: 2px; } .subject { font-weight: normal; padding: 10px; color: #339999; font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; line-height: 30% } .subject a, .subject a:link, .subject a:visited {color: #339999;} .subject a:hover {color: #66CCCC;} .datesubject { background-color: #ededed; padding: 15px; border-bottom: 1px dashed #dcdcdc; } .entry ul li, entry ol li { padding-left: 10px; margin-left: 15px; } /* ----- currents & tags ----- */ .currents { clear: right; font-family: "Trebuchet MS", sans-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; position: relative; font-family: "Trebuchet MS", sans-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; position: relative; font-family: "Trebuchet MS", sans-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; position: relative; font-family: "Trebuchet MS", sans-serif; text-transform: lowercase;background:url(http://i39.tinypic.com/ubvxh.png) no-repeat center right;} .ljtags { margin-top: 50px; padding: 1px 20px 1px 0; text-align: right; clear: right; position: relative; margin-bottom: -35px; background:url(http://i44.tinypic.com/rk4roj.jpg) no-repeat center right; font-family: "Trebuchet MS", sans-serif; text-transform: lowercase; } h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px;line-height: 100%; color: #009999; font-weight: normal; margin: 0px auto; background-color:#f1f1f1; text-align: center; padding-top: 15px;} .ljtaglist { list-style-type: none; text-align: center; margin: 0px auto 10px; padding: 3px 15px 15px 15px; background-color: #f1f1f1; font-size:10px; color: #444444; border-top: 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; } table.yeartable td.yeardate, table.yeartable td.yearday { border: 1px solid #e1e1e1; background-color: #f1f1f1;} table.yeartable td.yearday { background-color: #99CC99; text-align: center; } td.yearmonth { border-style: none; } /* ----- comments ----- */ .comments { font-family: "Trebuchet MS", sans-serif; font-size: 11px; text-align: left; padding: 0px 5px 0px 15px; position: relative; top: 0px; background: transparent url(http://i42.tinypic.com/1szi9c.jpg) no-repeat left; } div.comments a, div.comments a:link, div.comments a:visited{ color: #66CCCC; } div.comments a:hover { color: #339999; text-decoration: none; } .datesubjectcomment { background-color: #f1f1f1; padding: 5px; margin-top: 0px; border-bottom: 1px dashed #dcdcdc;} .userpiccomment { position: relative; background-color: #e1e1e1; top: -10px; left: 0px; padding: 5px; margin: 10px 10px -20px 10px; z-index: 15; float: right; border: 1px solid #00cccc; width: 55px; height: 55px; } .box { border-top: 1px solid #00cccc; padding: 10px; clear: left; } input, textarea { background-color: #ededed; color: #009999; border: 1px solid #dcdcdc; padding: 3px; font-family: "trebuchet MS", sans-serif !important; font-size: 11px;} textarea.textbox {width: 100% !important;} .replytosubject {font-weight: bold;} .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: "Trebuchet MS", sans-serif; font-size: 11px; line-height: 125%; background-color: #f1f1f1; color: #444444; } .commentreply { position: relative; margin: 10px; font-size: 11px; font-family: "Trebuchet MS", sans-serif; color: #444444;} .commentbox, .commentboxpartial { border: 1px solid #66cccc; padding: 10px; margin: 10px; background-color: #f1f1f1; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #009999; } .datesubjectcomment a:hover { color: #33CCCC; } .commentinfo { background-color: #f1f1f1; margin-top: 10px; width: 100%; } form#qrform table {border-width: 0px !important; } /* ----- misc ----- */ .clear { height: 15px; } .separator{ height: 20px; } .skiplinks { text-align: left; background-color: #f1f1f1; padding: 5px; border: 1px solid #e9e9e9; } select { background-color: #ededed !important; color: #009999 !important; border: 1px solid #dcdcdc; padding: 3px;} ::-moz-selection { background-color: #C2EDE2; color: #006666; } /* ----- 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://i40.tinypic.com/5poiex.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://i42.tinypic.com/2yxnekp.png) no-repeat scroll 0 0;} img[src*="icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i42.tinypic.com/5nm3o8.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://i42.tinypic.com/r2j28p.png) no-repeat 0 0; } .ljuser img[src*="userinfo.gif"] { background: transparent url(http://i42.tinypic.com/r2j28p.png) no-repeat center left !important; padding: 16px 16px 0 2px !important; } .ljuser img[src*="community.gif"] { background: transparent url(http://i41.tinypic.com/wtfxfp.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://i43.tinypic.com/2e0vio3.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://i41.tinypic.com/2a97af8.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:transparent !important; color: #444444 !important; border:none; padding:5px; width: 250px; font-family: "trebuchet MS", sans-serif;} div.ContextualPopup .Content {padding:7px 10px 7px 10px; margin-right:80px; line-height: 1.4; background: #ededed; border: 1px solid #dddddd } div.ContextualPopup .Userpic { padding:10px; background:#ededed; margin:0px; border:1px solid #dddddd;} div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited { text-decoration: none !important;font-weight: normal; color: #009999 !important;} div.ContextualPopup div.Inner a:hover {text-decoration: none !important;font-weight: normal; color: #66CCCC !important;} div.ContextualPopup .Relation { letter-spacing:1px; border-bottom: 1px dashed #dddddd; margin-bottom:4px; padding-bottom:4px;} /* ----- navstrip ----- */ table#lj_controlstrip td { background-color: #C6E8E6; color: #444444; border-left: none; border: none; border-bottom: 1px solid #339999; } #lj_controlstrip a { color: #009999; } #lj_controlstrip a:hover {color: #33CCCC;text-decoration: none;} #lj_controlstrip_statustext { color: #444444; } #lj_controlstrip_userpic { display: none; } #lj_controlstrip input { font-family: "Trebuchet MS", sans-serif; font-size: 11px; line-height: 16.5px; background-color: #ededed !important; color: #009999; padding: 0; margin: 0; width: auto; text-transform: none; }
CODES // vanilla
/*--------------------------------------------------- THE CALCULATION (vanilla) S2 Flexible Squares layout by ghost_factory@lj minicons by pinvoke -----------------------------------------------------*/ body { background-color: #FEF8C7; text-align: center; color: #444444; font-family: "trebuchet MS", sans-serif; font-size: 10px; margin: 150px 0 0px 0; } a, a:link, a:visited { color: #FF9933; text-decoration: none; } a:hover { color: #FFCC66; text-decoration: none; } p, td { font-size: 11px; } kbd, pre, tt { font-family: monospace; } blockquote { background-color: #FFFAD2; padding: 10px; border: 1px dashed #ff9999; } code { background-color: #FFCC99; padding: 10px; display: block; } u, strong, underline { color: #FF6633; } i, s, em, strike { color: #FF9966; } /* ----- general ----- */ #content { width: 65%; margin-left: auto; margin-right: auto; background-color:transparent; border-style: none; } #maincontent { margin-top: 15px; font-family: "Trebuchet MS", sans-serif; font-size: 11px; background-color:transparent; color: #444444; border-style: none; text-align: justify; } #sidebar { display: none; } /* ----- header & footer ----- */ #header { width: 100%; padding: 10px 0px 20px 0px; margin: 0px; text-align: right; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; border-style: none; background-color: #fefefe; color: #444444; } div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { color: #FFFFFF; } div#header a:hover {color: #333333; text-decoration: none; } div#footer a:hover { color: #FFCC66; text-decoration: none; } .title { font-family: Georgia, "Times New Roman", Times, serif; font-size: 26px; font-weight: normal; line-height: 200%; top: 10px; text-align: left; color:#666666; padding-left: 20px; } .subtitle{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-style: italic; font-weight: normal; top: -10px; color: #FFCC66; text-align: left; margin-top: -20px; padding-left: 20px;} #footer { width: 100%; text-align: center; font-family: "Trebuchet MS", sans-serif; font-size: 11px; background-color: #FFCC99; color: #333333; border-style: none; z-index: 100; clear: both; margin-bottom: -30px; height: 80px; padding-top: 40px;} #footer:hover { background-color: #FFFFCC; } .clearfoot { clear: both; } /* ----- header & footer navigation ----- */ ul.navheader{ padding: 0px; margin: 0px; height: 80px; margin-top: -49px; } ul.navheader li { display: inline; margin: 5 5px 5 5px; background-color: #FFCC66; padding: 25px; text-align: right;} ul.navheader li:hover { display: inline; margin: 5 5px 5 5px; background-color: #FFCC99; padding: 25px; text-align: right; } ul.navfooter { padding: 0px; margin: 0px; } ul.navfooter li { display: inline; padding: 0 3px 0 3px; } li.view { display: inline; margin: 5 5px 5 5px; background-color:#fefefe !important; padding: 250px; } div#header a[href*=".livejournal.com/"] {padding: 25px;background:url(http://i40.tinypic.com/2qn2tki.png) no-repeat left} div#header a[href*="/calendar"] {padding: 25px;background:url(http://i41.tinypic.com/20gh5b9.png) no-repeat left} div#header a[href*="/friends"] {padding: 25px;background:url(http://i44.tinypic.com/2crkexe.png) no-repeat left} div#header a[href*="/profile"]{padding: 25px;background:url(http://i44.tinypic.com/bynet.png) no-repeat left} body.lj-view-recent div#header li.view {border-left: 20px solid #fefefe;margin: 5 5px 5 5px!important;padding: 25px;background:url(http://i40.tinypic.com/2qn2tki.png) no-repeat left} body.lj-view-archive div#header li.view{border-left: 20px solid #fefefe;margin: 5 5px 5 5px!important;padding: 25px;background:url(http://i41.tinypic.com/20gh5b9.png) no-repeat left} body.lj-view-friends div#header li.view{border-left: 20px solid #fefefe;margin: 5 5px 5 5px!important;padding: 25px;background:url(http://i44.tinypic.com/2crkexe.png) no-repeat left} /* ----- entry stuff ----- */ .subcontent { background-color: #fefefe; } .entry { margin: 0px 10px 10px 30px; padding: 10px; background-color: #fefefe; color: #444444; font-family: "Trebuchet MS", sans-serif; font-size: 11px; text-align: justify; border-style: none; } .userpic, .userpicfriends { position: relative; float: right; background-color: #e1e1e1 !important; padding: 5px; margin: 0px -100px 15px 15px; z-index: 15; border: 1px solid #ff9966; font-family: "trebuchet MS", sans-serif; font-size: 9px !important; text-align: left !important;} .userpic img, .userpicfriends img {width: 75px; height: 75px; }.userpicfriends font { color: #CCCCCC } .userpicfriends a font { color: #FF9966; } .userpicfriends a:hover font { color: #FFCC66;} .date { line-height: 100%; top: 5px; color: #666666; font-family: "Trebuchet MS", sans-serif; font-size: 11px; letter-spacing: 2px; } .subject { font-weight: normal; padding: 10px; color: #FF9933; font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; line-height: 30% } .subject a, .subject a:link, .subject a:visited {color: #FF9933;} .subject a:hover {color: #FFCC66;} .datesubject { background-color: #f1f1f1; padding: 15px; border-bottom: 1px dashed #e1e1e1; } .entry ul li, entry ol li { padding-left: 10px; margin-left: 15px; } /* ----- currents & tags ----- */ .currents { clear: right; font-family: "Trebuchet MS", sans-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; position: relative; font-family: "Trebuchet MS", sans-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; position: relative; font-family: "Trebuchet MS", sans-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; position: relative; font-family: "Trebuchet MS", sans-serif; text-transform: lowercase;background:url(http://i39.tinypic.com/ubvxh.png) no-repeat center right;} .ljtags { margin-top: 50px; padding: 1px 20px 1px 0; text-align: right; clear: right; position: relative; margin-bottom: -35px; background:url(http://i44.tinypic.com/rk4roj.jpg) no-repeat center right; font-family: "Trebuchet MS", sans-serif; text-transform: lowercase; } h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px;line-height: 100%; color: #FF9966; font-weight: normal; margin: 0px auto; background-color:#fefefe; text-align: center; padding-top: 15px;} .ljtaglist { list-style-type: none; text-align: center; margin: 0px auto 10px; padding: 3px 15px 15px 15px; background-color: #fefefe; font-size:10px; color: #444444; border-top: 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; } table.yeartable td.yeardate, table.yeartable td.yearday { border: 1px solid #e1e1e1; background-color: #fefefe;} table.yeartable td.yearday { background-color: #FFCC99; text-align: center; } td.yearmonth { border-style: none; } /* ----- comments ----- */ .comments { font-family: "Trebuchet MS", sans-serif; font-size: 11px; text-align: left; padding: 0px 5px 0px 15px; position: relative; top: 0px; background: transparent url(http://i42.tinypic.com/1szi9c.jpg) no-repeat left; } div.comments a, div.comments a:link, div.comments a:visited{ color: #FF9966; } div.comments a:hover { color: #FFCC99; text-decoration: none; } .datesubjectcomment { background-color: #fefefe; padding: 5px; margin-top: 0px; border-bottom: 1px dashed #e1e1e1;} .userpiccomment { position: relative; background-color: #e1e1e1; top: -10px; left: 0px; padding: 5px; margin: 10px 10px -20px 10px; z-index: 15; float: right; border: 1px solid #ff9966; width: 55px; height: 55px; } .box { border-top: 1px solid #ffcc66; padding: 10px; clear: left; } input, textarea { background-color: #f1f1f1; color: #FF9966; border: 1px solid #e1e1e1; padding: 3px; font-family: "trebuchet MS", sans-serif !important; font-size: 11px;} textarea.textbox {width: 100% !important;} .replytosubject {font-weight: bold;} .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: "Trebuchet MS", sans-serif; font-size: 11px; line-height: 125%; background-color: #fefefe; color: #444444; } .commentreply { position: relative; margin: 10px; font-size: 11px; font-family: "Trebuchet MS", sans-serif; color: #444444;} .commentbox, .commentboxpartial { border: 1px solid #ffcc99; padding: 10px; margin: 10px; background-color: #fefefe; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #FF9966; } .datesubjectcomment a:hover { color: #FFCC99; } .commentinfo { background-color: #fefefe; margin-top: 10px; width: 100%; } form#qrform table {border-width: 0px !important; } /* ----- misc ----- */ .clear { height: 15px; } .separator{ height: 20px; } .skiplinks { text-align: left; background-color: #fefefe; padding: 5px; border: 1px solid #e1e1e1; } select { background-color: #f1f1f1 !important; color: #FF9966 !important; border: 1px solid #e1e1e1; padding: 3px;} ::-moz-selection { background-color: #666666; color: #FFFFCC; } /* ----- 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://i40.tinypic.com/5poiex.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://i42.tinypic.com/2yxnekp.png) no-repeat scroll 0 0;} img[src*="icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i42.tinypic.com/5nm3o8.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://i42.tinypic.com/r2j28p.png) no-repeat 0 0; } .ljuser img[src*="userinfo.gif"] { background: transparent url(http://i42.tinypic.com/r2j28p.png) no-repeat center left !important; padding: 16px 16px 0 2px !important; } .ljuser img[src*="community.gif"] { background: transparent url(http://i41.tinypic.com/wtfxfp.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://i43.tinypic.com/2e0vio3.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://i41.tinypic.com/2a97af8.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:transparent !important; color: #444444 !important; border:none; padding:5px; width: 250px; font-family: "trebuchet MS", sans-serif;} div.ContextualPopup .Content {padding:7px 10px 7px 10px; margin-right:80px; line-height: 1.4; background: #ededed; border: 1px solid #dddddd } div.ContextualPopup .Userpic { padding:10px; background:#ededed; margin:0px; border:1px solid #dddddd;} 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: #FFCC99 !important;} div.ContextualPopup .Relation { letter-spacing:1px; border-bottom: 1px dashed #dddddd; margin-bottom:4px; padding-bottom:4px;} /* ----- navstrip ----- */ table#lj_controlstrip td { background-color: #FCF2DA; color: #444444; border-left: none; border: none; border-bottom: 1px solid #ffcc66; } #lj_controlstrip a { color: #FF9966; } #lj_controlstrip a:hover {color: #FFCC99;text-decoration: none;} #lj_controlstrip_statustext { color: #444444; } #lj_controlstrip_userpic { display: none; } #lj_controlstrip input { font-family: "Trebuchet MS", sans-serif; font-size: 11px; line-height: 16.5px; background-color: #ededed !important; color: #FF9966; padding: 0; margin: 0; width: auto; text-transform: none; }

rules & installation info here

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 // live	image // live

( codes )

Layout: And the birds were singing to calm us down {S2 Flexible Squares}
Features: custom contextual pop-up, mini icons, custom comments pages
Account types: basic // plus // paid
Notes: I'm not at all sure how this looks on higher than 1024×768 resolution! It *is* supposed to work, though. Background originally from Cole & Son.

image // live

codes:
/*--------------------------------------------------- AND THE BIRDS WERE SINGING TO CALM US DOWN S2 Flexible Squares layout by ghost_factory@lj minicons by pinvoke & famfamfam -----------------------------------------------------*/ body { background:#cccccc url(http://i41.tinypic.com/1sjvxi.jpg) repeat fixed 0 0; text-align: center; color:#333333; font-family: Georgia, serif; font-size: 11px; margin: 20px 0 20px 0; } a, a:link, a:visited { color: #CC9999; text-decoration: none; } a:hover { color: #CC6666; text-decoration: none; font-style: italic; } p, td {font-size: 11px;} kbd, pre, tt { font-family: monospace; } blockquote { background-color: #CC9999; color: #000000; padding: 10px; border: 1px solid #cc6666; } code { background-color:#DEC4AD; padding:10px; display: block; color: #000000; } strong, u, underline {color:#996666; } i, s, em, strike { color:#CC9999; } /* ----- general ----- */ #content { width: 500px; margin-left: auto; margin-right: auto; background-color: transparent; border-style: none; padding: 15px; } #maincontent { margin-top: 15px; font-family: Georgia, serif; font-size: 11px; background-color: #222222; color: #fcfcfc; border-style: none; text-align: justify; -moz-opacity: .90; position: absolute; top: 70px; left: 330px; width: 460px } #sidebar { padding-top: 15px; margin-top: 15px; background-color: #222222; border-style: none; font-size: 11px; font-family: Georgia, serif; color: #fcfcfc; width: 250px; position: fixed; top: 70px; left: 50px; text-align: left; max-height: 500px; -moz-opacity: .90;} /* ----- header & footer ----- */ #header { width: 150px; padding: 10px 0px 20px 0px; margin: 0px; text-align: center; font-family: Georgia, serif; font-size: 11px; border-style: none; background-color: transparent; color: #fcfcfc; position: fixed; top: 76px; right: 50px;} div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { color: #cc9999; } div#header a:hover, div#footer a:hover { color: #cc6666; font-style: italic; text-decoration: none; } .title, .subtitle{ display: none;} #footer { width: 150px; text-align: center; font-family: Georgia, serif; font-size: 11px; background-color: transparent; color: #fcfcfc; border-style: none; z-index: 100; clear: both; position: fixed; top: 230px; right: 50px; } .clearfoot { clear: both; } /* ----- header & footer navigation ----- */ ul.navheader{ padding: 0px; margin: 0px; } ul.navfooter { padding: 0px; margin: 0px; } ul.navheader li, ul.navfooter li { display: list-item; margin: 5 5px 5 5px; background-color: #222222; -moz-opacity: .90; padding: 10px; list-style-type: none;} ul.navheader li:hover, ul.navfooter li:hover { -moz-opacity: .80; } li.view, li.viewing { background-color: #333333; -moz-opacity: .90; } /* ----- entry stuff ----- */ .subcontent {} .entry { margin: 0px 10px 10px 30px; padding: 10px; background-color: #222222; color: #fcfcfc; font-family: Georgia, serif; font-size: 11px; text-align: justify; border-style: none; } .userpic, .userpicfriends { position: relative; float: right; background: transparent !important; padding: 5px; margin: 10px; z-index: 15; border: 1px solid #222222; text-align: right; font-family: Georgia, serif; font-size: 9px; } .userpic img, .userpicfriends img { width: 40px; height: 40px; padding: 5px; background-color:#666666; } .userpicfriends a font { color: #CC9999; } .userpicfriends a:hover font { color:#CC6666; } .date { line-height: 200%; top: 5px; color: #CC9999; font-family: Georgia, serif; font-size: 11px; letter-spacing: 3px; } .subject { font-weight: bold; padding: 10px; color: #CC6666; font-family: Georgia, serif; font-size: 28px; } .subject a, .subject a:link, .subject a:visited { color: #CC6666; } .subject a:hover { color: #CC9999; } .datesubject { background-color: #333333; padding: 5px; min-height: 120px; } .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: Georgia, serif;font-size: 11px;} .currentlocation {background:url(http://i44.tinypic.com/2ng6jit.jpg) no-repeat left center;padding:0px 0px 0px 15px;} .currentmood { background:url(http://i44.tinypic.com/25henw5.jpg) no-repeat left center;padding:0px 0px 0px 15px;} .currentmusic { background:url(http://i39.tinypic.com/ubvxh.jpg) no-repeat left center; padding:0px 0px 0px 15px;} .ljtags { margin:20px 20px -35px 0px; padding:10px 10px 10px 20px; background:url(http://i44.tinypic.com/rk4roj.jpg) no-repeat center left;} h2 { font-family: Georgia, serif; font-size: 28px; line-height: 100%; color: #CC6666; font-weight: bold; margin: 0px auto; background-color:#222222; padding:15px; -moz-opacity: .90; } .ljtaglist {text-align: left; margin: 0px auto 10px; padding: 3px 15px 15px 35px; background-color: #222222; font-size:11px; color: #CC9999; border-top: none; list-style-type: none; -moz-opacity: .90; } .ljtaglist li { margin: 3px; padding: 3px;} /* ----- sidebar ----- */ #sidebar_linklist { text-align:left; text-transform: lowercase; margin:0; padding:10px; } #sidebar_summary, #sidebar_tags { display: none;} #sidebar_calendar {} .defaultuserpic { display: none;} .sbarbody2 { padding: 0 15px 0 15px; } .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { padding: 0px 5px 0px 5px; } div#sidebar a, div#sidebar a:link, div#sidebar a:visited{ color: #CC9999;} div#sidebar a:hover { color: #CC6666; text-decoration: none; } table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { border-color: #121212; border-width: 1px; border-style: solid; text-align: center; font-family: Georgia, serif; font-size: 10px;} .sbarcalendarposts { border-color: #666666; border-width: 1px; border-style: solid; background-color: #666666; text-align: center; font-family: Georgia, serif; font-size: 10px; } ul.sbarlist { padding-left: 0px; margin-left: 0px; list-style: none; } li.sbaritem { padding-left: 15px; list-style: none; background-color:#222222; padding:5px; } li.sbaritem:hover { padding-left: 15px; list-style: none; background-color:#333333; padding:5px; } li.sbartitle { padding-left: 15px; list-style: none; background-color: #222222; margin-bottom: 10px; margin-top: 10px; font-size: 16px; font-weight: bold; color: #CC6666; } /* ----- 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 #444444; } table.yeartable td.yearday { background-color: #333333; text-align: center; } td.yearmonth { border-style: none; } /* ----- comments ----- */ .comments { font-family: Georgia, serif; font-size: 11px; text-align: right; background-color: #222222; padding: 0px 5px 0px 5px; position: relative; top: 15px; } div.comments a, div.comments a:link, div.comments a:visited{ color: #CC9999; } div.comments a:hover { color: #CC6666; text-decoration: none; } .datesubjectcomment { background-color: #333333; padding: 5px; margin-top: 20px; -moz-opacity: .90;} .userpiccomment { position: relative; background-color: transparent; top: -30px; left: 0px; padding: 5px; margin: 10px 10px -20px 10px; z-index: 15; float: right; border: 1px solid #222222; width: 40px; height: 40px; } .userpiccomment img { padding: 5px; background-color:#666666; } .box { border-style: solid; border-width: 1px 0px 0px 0px; border-color: #333333; padding: 10px; clear: left; } input, textarea { background-color: #444444; color: #eeeeee; padding: 2px; border: 1px solid #666666; font-family: Georgia, serif; font-size: 10px; } textarea.textbox { width: 100% !important; } .replytosubject { font-weight: bold; } .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: #444444; color: #fcfcfc; } .commentreply { position: relative; margin: 10px; font-size: 11px; font-family: Georgia, serif; color: #fcfcfc; } .commentbox { border: 1px solid #666666; padding: 10px; margin: 10px; background-color: #333333; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #CC9999; } .datesubjectcomment a:hover { color: #cc6666; } .commentboxpartial { border: 1px solid #666666; padding: 10px; margin: 10px; background-color: #333333; } .commentinfo { background-color: #222222; 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: #444444 !important; color: #eeeeee !important; padding: 2px; border: 1px solid #666666 !important; font-family: Georgia, serif; font-size: 10px;} ::-moz-selection { background-color: #CC9999; color: #222222; } /* ----- 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://i42.tinypic.com/10f99xu.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://i42.tinypic.com/25hn0c9.png) no-repeat scroll 0 0; } img[src*="icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i42.tinypic.com/10f99xu.png) no-repeat scroll 0 0; } .ljuser img {width: 0; height: 0; background: transparent url(http://i43.tinypic.com/14bnu5y.png) no-repeat 0 0; padding: 16px 16px 0 2px !important; vertical-align: text-bottom !important} .ljuser img[src*="userinfo.gif"] {background: transparent url(http://i43.tinypic.com/14bnu5y.png) no-repeat center left !important; padding: 16px 16px 0 2px !important; } .ljuser img[src*="community.gif"] { background: transparent url(http://i42.tinypic.com/2enpxes.png) no-repeat scroll 0 0 !important; padding: 16px 16px 0 2px !important; } .ljuser img[src*="syndicated.gif"]{background-image: url(http://i44.tinypic.com/2dj5g7m.png) !important} .ljuser img[src*="newsinfo.gif"] {background-image: url(http://i44.tinypic.com/2ibbvqx.png) !important} .ljuser img[src*="partnercomm.gif"]{background-image: url(http://i44.tinypic.com/zsoapc.png) !important} .ljuser img[src*="sponcomm.gif"] {background-image: url(http://i43.tinypic.com/6iry8p.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 { -moz-opacity: .90; background:#333333 !important; color:#fcfcfc !important; border:none; padding:10px; width: 250px; font-family: Georgia, serif; } div.ContextualPopup .Content { -moz-opacity: .90; padding:7px 10px 7px 10px; margin-right:80px; line-height: 1.4; background: #333333;} div.ContextualPopup .Userpic { -moz-opacity: .90; padding:5px; background:#333333; margin:0px; border:1px solid #222222; } div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; font-weight: normal; color: #CC9999 !important;} div.ContextualPopup div.Inner a:hover { text-decoration: none !important; font-weight: normal; color: #cc6666 !important;} div.ContextualPopup .Relation { -moz-opacity: .90; letter-spacing:1px; border-bottom: 1px solid #222222; margin-bottom:4px; padding-bottom:4px;} /* ----- navstrip ----- */ #lj_controlstrip { -moz-opacity: .70; } table#lj_controlstrip td { background-color: #666666; background-image: url(); color: #fcfcfc; border-left: none; border: 1px solid #666666; -moz-opacity: .70; } #lj_controlstrip a { color: #CC9999; } #lj_controlstrip a:hover { color: #CC6666; text-decoration: none; } #lj_controlstrip_statustext { color: #CCCCCC; } #lj_controlstrip_userpic { display: none; }

rules & instructions here ♥