KILLxBRAINZ* »

VERSUS Pokemon [Blogcrew]

2011-07-13T07:56:47Z

VERSUS ► PKMN BLOGCREW
RULES: » First come, first served! » One claim per person, maximum three claims per character. » Friends can claim any character, regardless of whether it's full or not. » Once you're added, use the code to show off your claims in your profile! » Please don't remove the link to kill_brainz in the coding! HOW TO CLAIM: » Comment with the character name you want! » For the double battle claim, you and a friend have to both claim a character. » Once you've staked a claim, the number ball will link to your comment. AND FINALLY: » You can edit the colours! 3592FC • F04289 • 88C425	NAME challenges you to a battle!	NAME challenges you to a battle!
	<center><img src="URL"> <font face="Terminal" size="2"><a href="http://USERNAME.livejournal.com/" style="text-decoration: none;"><b><font color="3592FC">NAME</font></b></a> challenges <br> you to a <a href="http://kill-brainz.livejournal.com/20639.html" style="text-decoration: none;"><b><font color="353535">battle</font></b></a>!</font></center>	<center><img src="URL"> <font face="Terminal" size="2"><a href="http://USERNAME.livejournal.com/" style="text-decoration: none;"><b><font color="F04289">NAME</font></b></a> challenges <br> you to a <a href="http://kill-brainz.livejournal.com/20639.html" style="text-decoration: none;"><b><font color="353535">battle</font></b></a>!</font></center>
	NAME and NAME challenge you to a double battle!
	<center><img src="URL"><img src="URL"> <font face="Terminal" size="2"><a href="http://USERNAME.livejournal.com/" style="text-decoration: none;"><b><font color="3592FC">NAME</font></b></a> and <font face="Terminal" size="2"><a href="http://USERNAME.livejournal.com/" style="text-decoration: none;"><b><font color="F04289">NAME</font></b></a> challenge <br> you to a <a href="http://kill-brainz.livejournal.com/20639.html" style="text-decoration: none;"><b><font color="353535">double battle</font></b></a>!</font></center>

BLACK / WHITE CLAIMS.
» Click on the numbered balls to see who's claimed what! » Characters with strikethroughs are full!
HERO/HEROINE		RIVALS

~~BLACK/HILBERT~~	~~WHITE/HILDA~~	~~CHEREN~~	BIANCA
❶ ➋ ➌	❶ ➋ ➌	❶ ➋ ➌	❶ ➋ ➌
UNOVA

CHILI	CRESS	~~CILAN~~	LENORA
❶ ➋ ➌	❶ ➋ ➌	❶ ➋ ➌	❶ ➋ ➌

BURGH	~~ELESA~~	CLAY	~~SKYLA~~
❶ ➋ ➌	❶ ➋ ➌	❶ ➋ ➌	❶ ➋ ➌

BRYCEN	IRIS	DRAYDEN	SHAUNTAL
❶ ➋ ➌	❶ ➋ ➌	❶ ➋ ➌	❶ ➋ ➌

GRIMSLEY	MARSHALL	CAITLIN	ALDER
❶ ➋ ➌	❶ ➋ ➌	❶ ➋ ➌	❶ ➋ ➌
TEAM PLASMA

N	GHETSIS
❶ ➋ ➌	❶ ➋ ➌
credit for BW mugshots: PokeStadium & Barubary

HEART GOLD / SOUL SILVER CLAIMS.
HERO/HEROINE		RIVAL	JOHTO

GOLD/ETHAN	~~LYRA~~	~~SILVER~~	~~FALKNER~~
❶ ➋ ➌	❶ ➋ ➌ ▲	❶ ➋ ➌	❶ ➋ ➌

BUGSY	WHITNEY	~~MORTY~~	CHUCK
❶ ➋ ➌	❶ ➋ ➌	❶ ➋ ➌	❶ ➋ ➌

JASMINE	PRYCE	CLAIRE	WILL
❶ ➋ ➌	❶ ➋ ➌	❶ ➋ ➌	❶ ➋ ➌

KOGA	BRUNO	KAREN	LANCE
❶ ➋ ➌	❶ ➋ ➌	❶ ➋ ➌	❶ ➋ ➌
KANTO

BROCK	MISTY	LT. SURGE	ERIKA
❶ ➋ ➌	❶ ➋ ➌	❶ ➋ ➌	❶ ➋ ➌

~~SABRINA~~	JANINE	BLAINE	~~GREEN~~
❶ ➋ ➌	❶ ➋ ➌	❶ ➋ ➌	❶ ➋ ➌
TEAM ROCKET

PROTON	PETREL	ARIANA	ARCHER
❶ ➋ ➌	❶ ➋ ➌	❶ ➋ ➌	❶ ➋ ➌

GIOVANNI
❶ ➋ ➌
credit for HGSS mugshots: NickAlert

DIAMOND / PEAL / PLATINUM CLAIMS.
HERO/HEROINE		SINNOH

DIAMOND/LUCAS	~~PLATINUM/DAWN~~	ROARK	GARDENIA
❶ ➋ ➌	❶ ➋ ➌	❶ ➋ ➌	❶ ➋ ➌

FANTINA	MAYLENE	WAKE	BYRON
❶ ➋ ➌	❶ ➋ ➌	❶ ➋ ➌	❶ ➋ ➌

CANDICE	VOLKNER	AARON	BERTHA
❶ ➋ ➌	❶ ➋ ➌	❶ ➋ ➌	❶ ➋ ➌

FLINT	LUCIAN	~~CYNTHIA~~
❶ ➋ ➌	❶ ➋ ➌	❶ ➋ ➌
FRONTIER BRAINS

PALMER	THORTON	DAHLIA	DARACH
❶ ➋ ➌	❶ ➋ ➌	❶ ➋ ➌	❶ ➋ ➌

ARGENTA
❶ ➋ ➌
credit for DPPt mugshots: orange/orangisque

051 - Fly Away [Smooth Sailing]

2011-07-08T20:42:13Z


Fly Away (Topbar Ver) ► LIVE \| STATIC \| FAQ	Fly Away (Sidebar Ver) ► LIVE \| STATIC \| FAQ

Layout Information
TESTED BROWSERS	Mozilla Firefox, ~~Internet Explorer~~
PROBLEMS?	None so far
FEATURES	Choice between a top or sidebar, optional header tags, tiny icons, contextual pop ups
DISABLED	Header-subtitle, half of the entry linkbar~
AD-PLACEMENT	Between Entries
FINAL NOTES	~~AWWW YEAH. I'VE STILL GOT IT.~~ Icon used features Panty from Panty & Stocking with Garterbelt (which everyone should go and watch, omg) from partyhard.

Layout Installation
SELECT JOURNAL STYLE	01. Select any Smooth Sailing. 02. Pick an ad placement you prefer (Between Entries tends to look best in general).
CUSTOM CSS	Use layout's stylesheet(s) → NO Use layout's stylesheet(s) when including custom external stylesheet → NO Use CTRL + A inside the textbox to select everything, and then copy and paste into the CUSTOM CSS box. → Topbar Version /* LJ STYLE: Smooth Sailing LAYOUT: Fly Away (Topbar Ver) MAKER: jessilestrange // kill_zombie PLEASE CREDIT: http://community.livejournal.com/kill_brainz/ OR http://jessilestrange.livejournal.com/ / body { background: #EBEBEB; font-family: Arial, Verdana; font-size: 10px; color: #000000; text-align: left; margin: 0px; padding: 0px; } a, a:visited, a:hover { color: #3592FC; text-decoration: none; } a:hover { cursor: help; } .pageblock { background: #FFFFFF; width: 100%; margin: 0px; padding: 0px 0px 50px 0px; } .pagefooterblock, .bodyheaderblock, .header-subtitle, .header-icon, #footer-menu, .sidebar .ljuser img, .sideboxTitle, .profile-label, .entryUserinfo .ljuser img[src="userinfo.gif"], .entryUserinfo .ljuser img[src="user_ontd.gif"], .entryUserinfo .ljuser img[src="http://www.livejournal.com/stc/img/userinfo-support.gif"], .entryUserinfo .ljuser img[src="community.gif"], .entryUserinfo .ljuser img[src="partnercomm.gif"], .entryUserinfo .ljuser img[src="sponcomm.gif"], .entryUserinfo .ljuser img[src="syndicated.gif"], .entryUserinfo .ljuser img[src="userhead"], a[st_page="home"], .entryLinkbar a[href="subscriptions"], .entryLinkbar a[href="tellafriend"], .entryLinkbar a[href="memadd"], .entryLinkbar a[href="contentflag"], .entryLinkbar a[href="edittags"], .commentUserinfo .ljuser img { display: none; } .sidebar { position: absolute; top: 0px; height: 200px; width: 900px; background: #F5F5F5; margin: 50px auto 0px auto; padding: 0px; z-index: 500; } .sidebox { float: left; width: 25%; height: 160px; over-flow: auto; overflow-x: hidden; overflow-y: auto; margin: 20px 0px 20px 0px; padding: 0px; } .sideboxContent { font-size: 10px; color: #59554E; text-align: left; padding: 5px 16px 5px 16px; } .sidebox #profile .ljuser a b { font-size: 11px; text-transform: uppercase; } .sidebox #profile { font-weight: normal; padding: 35px 16px 10px 16px; } .profile-content { font-weight: bold; font-size: 10px; margin: 5px 0px 1px 70px; display: block; } img.profile-userpic { float: left; height: 50px; width: 50px; background: #FFFFFF; border: 10px solid #F04289; margin: 5px 8px 2px 0px; } .sidebox #systemlinks, .sidebox #tags_sidebox { font-size: 0px; text-align: left; } .listtitle { font-size: 10px; color: #000000; text-align: left; text-transform: uppercase; margin: 0px 0px 8px 0px; display: block; } .listitem, .sidebox #tags_sidebox a { margin: 0px 0px 8px 0px; display: block; } .listitem a, .sidebox #tags_sidebox a, .sidebox #summary a { font-family: Georgia; font-style: italic; font-size: 10px; color: #454545; line-height: 9px; text-transform: lowercase; } .sidebox #latestmonth { text-transform: uppercase; } .sidebox #latestmonth a { font-weight: bold; color: #F04289; } .sidebox #latestmonth table { width: 90%; color: #454545; text-align: center; } .latestmonth-inactive, .latestmonth-active { border: 0px; margin: 1px; padding: 4px; } .latestmonth-inactive { background-color: #F4F4F4; } .latestmonth-active { background-color: #F7F7F7; } .latestmonth-active:hover { background-color: #FFFFFF; } .latestmonth-active a { font-style: 10px; font-weight: normal !important; } .sidebox #summary b { color: #252525; } .sidebox #summary img[src="icon_protected.gif"], .sidebox #summary img[src="icon_groups.gif"], .sidebox #summary img[src="icon_private.gif"] { margin: 0px 1px 0px 0px !important; } .sidebox #search { padding: 50px 0px 10px 30px; } .sidebox #search input, .sidebox #search select { font-family: Verdana; font-size: 9px; color: #919191; border: 0px; margin: 1px; padding: 2px; } .bodyblock { width: 900px; background-color: #FFFFFF; margin: 200px auto 0px auto; padding: 0px; } .entryHolder { background: #FFFFFF; border-right: 136px solid #3592FC; margin: 0px 0px 5px 0px; padding: 0px; } .entryHeader { font-size: 0px; text-align: left; padding: 30px 10px 0px 0px; } .entryHeaderDate, .entryHeader a { position: relative; } .entryHeaderDate { font-family: Terminal, Monospace; font-size: 13px; color: #DEDEDE; text-transform: uppercase; text-align: right; z-index: 0; display: block; } .entryHeader a { font-size: 19px; font-weight: normal; color: #000000; letter-spacing: -1px; line-height: 10px; z-index: 10; } .entryHeaderSubject { position: relative; padding: 0px; z-index: 30; } .entryHeaderTags { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/8-em-plus.png) no-repeat scroll 0 50%; font-size: 0px; color: #F3F3F3; border-top: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; margin: 10px 0px 0px 0px; padding: 7px 0px 5px 13px; display: block; } .entryHeaderTags a { font-size: 10px !important; color: #252525; text-transform: uppercase; line-height: 11px; letter-spacing: 0px; margin: 0px 7px 0px 0px; padding: 1px 1px 0px 1px; } .entryUserinfo { position: absolute; float: right; width: 185px; text-align: right; margin: -40px 0px 0px -49px; } .entryUserinfo-usericon img { background: #FFFFFF; border: 18px solid #252525; margin: 0px 0px 3px 0px; padding: 0px; } .entryUserinfo-usericon img:hover { border: 18px solid #000000; } .entryUserinfo .ljuser a b { font-size: 10px; color: #FFFFFF !important; text-transform: uppercase; line-height: 11px; margin: 0px 5px 0px 0px; } .entryText { min-height: 200px; font-size: 11.5px; color: #353535; text-align: justify; line-height: 1.45em; margin: 5px 20px 5px 0px; } .entryText img { max-width: 740px; } .entryText a { font-weight: bold; } .entryLinkbar { position: absolute; float: right; min-height: 100px; width: 141px; margin: -80px 0px 0px 764px; padding: 0px; } .entryLinkbar a { font-family: Georgia; font-style: italic; font-size: 10px; color: #FFFFFF; line-height: 8px; text-transform: lowercase; text-align: right; border-top: 5px solid #FFFFFF; margin: 0px 5px 10px 0px; padding: 5px 5px 0px 5px; display: block; } .entryLinkbar ul { margin: 0px; padding: 0px; } .entryLinkbar li { float: right; width: 50%; background: transparent; margin: 0px; padding: 0px; list-style-type: none; display: inline; } .entryMetadata { width: 96%; font-weight: normal; font-size: 10px; color: #333333; text-transform: uppercase; text-align: left; border-top: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; margin: 10px 0px 5px 0px; padding: 3px 10px 3px 13px; } .entryMetadata-label { font-size: 10px; font-weight: bold; color: #353535; margin: 0px 4px 0px 0px; } .entryMetadata a { color: #252525; padding: 1px 1px 0px 1px; } .entryHeaderTags a:hover, .entryMetadata a:hover { background: #F8F8F8; color: #99BDE1; } .entryMetadata ul { margin: 0px; padding: 0px; } .entryMetadata li { list-style-type: none; margin: 0px; padding: 0px 0px 2px 0px; display: block; } .header-menu { position: fixed; bottom: 0px; left: 0px; width: 100%; background: #EDEDED; text-align: right; border-top: 1px solid #DDDDDD; margin: 0x; padding: 10px 0px 10px 0px; z-index: 500; } .header-menu a { font-size: 10px; color: #000000; letter-spacing: 1px; text-transform: uppercase; line-height: 13px; } .header-menu ul, .header-menu li { list-style-type: none; margin: 0px; padding: 0px; } .header-menu li { padding: 0px 15px 0px 10px; display: inline; } .header-menu li:hover { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/031-1.png) 95% 45% scroll no-repeat; } .header-title { position: fixed; bottom: 8px; left: 9px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/crown.png) 0% 0% scroll no-repeat; font-size: 14px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; padding: 0px 0px 0px 20px; z-index: 600; } .header-title:hover { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/crown-silver.png) 0% 0% scroll no-repeat; } .bodynavblock { text-align: center; margin: 20px 0px; padding: 0px; } .bodynavblock a { font-size: 10px; letter-spacing: 1px; text-transform: uppercase; margin: 0px 7px 0px 7px; } .commentHolder, .replyform { background: #FFFFFF; border-right: 50px solid #F2F2F2; margin: 0px 0px 5px 0px; padding: 0px 10px 5px 10px; } .commentHolder:hover, .replyform:hover { border-right: 50px solid #D7CFE6; } .commentHeader, .commentHeaderScreened { font-family: Terminal, Monospace; font-size: 13px; text-transform: uppercase; text-align: right; padding: 10px 10px 3px 10px; } .commentHeader { color: #DEDEDE; } .commentHeaderScreened { font-style: italic; color: #E8E8E8; } .commentUserinfo { text-align: left; margin: 0px 20px 5px 10px; padding: 0px; } .commentUserinfo img { background: #FFFFFF; margin: 0px; } .commentUserinfo .ljuser a b { width: 96px; background: #F2F2F2; font-size: 10px; color: #000000; letter-spcaing: 1px; text-transform: uppercase; margin: 0px; padding: 2px; display: block; } .commentText { font-size: 11px; color: #373737; line-height: 1.35em; margin: 0px; padding: 0px; } .commentLinkbar { font-family: Georgia; font-style: italic; font-size: 10px; color: #59554E; text-align: right; text-transform: lowercase; padding: 0px; } .commentLinkbar a { color: #59554E; } .commentLinkbar ul { margin: 0px; padding: 0px; } .commentLinkbar li { padding: 0px 8px 0px 0px; display: inline; } #qrform { color: #373737; border: 0px !important; padding: 10px 0px 0px 0px; } #qrform table { width: 100%; color: #373737; border: 0px !important; } #qrform table b { color: #373737; } .yearlinks { text-align: right; } .yearlink { padding: 0px 5px 0px 5px; } .month { width: 90%; border-spacing: 5px; margin: 0px auto 0px auto; } .daysubjects { font-size: 11px; color: #555555; text-align: left; padding: 17px 0px 0px 77px; } .daysubjects a { font-weight: bold; font-size: 12px; text-transform: uppercase; } .daysubjects img[src="icon_protected.gif"], .daysubjects img[src="icon_groups.gif"], .daysubjects img[src="icon_private.gif"] { margin: 0px 2px 0px 0px !important; } .daytitles, .day-blank, .day { text-align: center; background: #F8F8F8; border: 1px solid #DEDEDE; margin-bottom: 0px; padding: 0px; } .daytitles { font-size: 18px; padding: 6px 3px; } .day-blank:hover, .day:hover { background: #F2F2F2; } .day-date { width: 33%; color: #000000; text-align: center; padding: 3px; } .day-count { float: right; width: 50%; font-size: 20px; text-align: center; } .day-count a { font-size: 21px; padding: 3px; } .tagstable { width: 95%; text-transform: uppercase; text-align: center; border-spacing: 5px; } .tagstable td { background: #F3F3F3; border: 1px solid #EDEDED; padding: 5px 3px 3px 3px; } .tagstable a, .tagstable a:hover { font-family: Georgia; font-style: italic; color: #000000; text-align: left; text-transform: lowercase; line-height: 12px; } ul.taglist { padding: 0px; } ul.taglist li { border-bottom: 1px dotted #DEDEDE; list-style-type: disc; padding: 5px 10px 2px 0px; } ul.taglist li:hover { border-bottom: 1px solid #DEDEDE; } ul li { color: #252525; list-style-type: circle; margin: 0px; padding: 0px 0px 0px 5px; } ol li { color: #252525; list-style-type: decimal; margin: 0px; padding: 0px 0px 0px 5px; } blockquote { font-family: Verdana; font-size: 11px; color: #444444; border-left: 20px solid #E8EAE9; margin: 10px 25px 10px 25px; padding: 5px 5px 5px 15px; } input, textarea, select { background: #FFFFFF; font-size: 10px; border: 1px solid #DBDBDB; margin: 1px; padding: 3px; } textarea { font-family: Arial; text-align: left; } b, strong { color: #99BDE1; } i, em { color: #F64589; } .ljuser a b { color: #F04289; text-transform: lowercase; } .ljuser img { width: 0px; height: 0px; background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/041.png) no-repeat bottom left; margin: 0px 2px 3px 1px !important; padding: 10px 10px 0px 0px !important; } img[src="userinfo.gif"], img[src="user_ontd.gif"], img[src="http://www.livejournal.com/stc/img/userinfo-support.gif"], img[src="community.gif"], img[src="partnercomm.gif"], img[src="sponcomm.gif"], img[src="icon_protected.gif"], img[src="icon_groups.gif"], img[src="icon_private.gif"], img[src="syndicated.gif"], img[src="newsinfo.gif"] { width: 0px; height: 0px; margin: 0px 2px 3px 1px !important; padding: 10px 10px 0px 0px !important; } img[src="userinfo.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/031-1.png) no-repeat center left !important; } img[src="user_ontd.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/092.png) no-repeat center left !important; } img[src="http://www.livejournal.com/stc/img/userinfo-support.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/041.png) no-repeat center left !important; } img[src="community.gif"], img[src="partnercomm.gif"], img[src="sponcomm.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/045-1.png) no-repeat center left !important; } img[src="syndicated.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/001.png) no-repeat center left !important; } img[src="newsinfo.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/078.png) no-repeat center left !important; } img[src="icon_protected.gif"], img[src="icon_groups.gif"], img[src="icon_private.gif"] { background: no-repeat center left !important; margin: 0px 5px 0px 0px !important; padding: 10px 10px 0px 0px !important; } img[src="icon_protected.gif"], img[src="icon_groups.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/181.png) !important; } img[src="icon_private.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/183.png) !important; } img[src="anonymous.gif"], img[src="openid-profile.gif"], .replyform img[src="userinfo.gif"], img[src="none.gif"], img[src="help.gif"], img[src="pencil.gif"], img[src="btn_edit.gif"] { height: 0px; width: 0px; background: no-repeat scroll 50% 50%; padding: 0px 0px 14px 15px !important; } img[src="anonymous.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/earth.png); } img[src="openid-profile.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/talking.png); } .replyform img[src="userinfo.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/user-9.png) !important; } img[src="none.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/happyface.png); } img[src="help.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/exclamation.png); } img[src="pencil.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/pencil-1.png); } img[src="btn_edit.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/clipboard_full.png); } img[src="phonepost2.gif"] { height: 0px; width: 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/phone.png) no-repeat center left !important; margin: 0px; padding: 16px 16px 0px 0px !important; } div.ContextualPopup img[src="http://l-stat.livejournal.com/horizon/upgrade-paid-icon.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/043.png) no-repeat center left; vertical-align: baseline !important; margin: 0px 0px 0px 0px; } div.ContextualPopup img[src="http://l-stat.livejournal.com/horizon/upgrade-paid-icon.gif"] { width: 0px; height: 0px; margin: 0px !important; padding: 10px 10px 0px 0px !important; } div.ContextualPopup div.Inner { width: 270px; background: none !important; font: 10px Arial; color: #555555 !important; border: 0px; } div.ContextualPopup div.Userpic img { background-color: #FFFFFF; text-transform: uppercase; margin: 5px 0px 0px 20px; } div.ContextualPopup div.Userpic img, div.ContextualPopup div.Inner div.Content { border: 1px solid #EEEEEE; padding: 5px; } div.ContextualPopup .Relation { font-family: Arial; font-weight: bold !important; font-size: 14px !important; color: #3592FC !important; text-transform: lowercase; line-height: 12px; border-bottom: 1px dashed #E1E1E1; margin-bottom: 3px; padding-bottom: 7px; } div.ContextualPopup div.Inner div.Content { background-color: #FFFFFF; } div.ContextualPopup div.Inner div.Content a, div.ContextualPopup a { font-family: Georgia; font-weight: normal; font-style: italic; color: #444444 !important; text-decoration: none !important; text-transform: lowercase !important; } div.ContextualPopup div.Inner div.Content a:hover { color: #99BDE1 !important; } div.ContextualPopup div.Inner div.Content img a:hover { background: none !important; } div.Relation, div.FriendStatus { font-size: 11px; text-transform: uppercase; letter-spacing: -1px; border-bottom: 1px solid #99C930; padding: 2px 2px 5px 2px; margin: 0px 0px 8px 0px; } → Sidebar Version /* LJ STYLE: Smooth Sailing LAYOUT: Fly Away (Sidebar Ver) MAKER: jessilestrange // kill_zombie PLEASE CREDIT: http://community.livejournal.com/kill_brainz/ OR http://jessilestrange.livejournal.com/ / body { background: #FFFFFF; font-family: Arial, Verdana; font-size: 10px; color: #000000; text-align: left; margin: 0px; padding: 0px; } a, a:visited, a:hover { color: #3592FC; text-decoration: none; } a:hover { cursor: help; } .pageblock { width: 100%; margin: 0px; padding: 0px 0px 40px 0px; } .pagefooterblock, .bodyheaderblock, .header-subtitle, .header-icon, #footer-menu, .sidebar .ljuser img, .profile-label, .entryUserinfo .ljuser img[src="userinfo.gif"], .entryUserinfo .ljuser img[src="user_ontd.gif"], .entryUserinfo .ljuser img[src="http://www.livejournal.com/stc/img/userinfo-support.gif"], .entryUserinfo .ljuser img[src="community.gif"], .entryUserinfo .ljuser img[src="partnercomm.gif"], .entryUserinfo .ljuser img[src="sponcomm.gif"], .entryUserinfo .ljuser img[src="syndicated.gif"], .entryUserinfo .ljuser img[src="userhead"], a[st_page="home"], .entryLinkbar a[href="subscriptions"], .entryLinkbar a[href="tellafriend"], .entryLinkbar a[href="memadd"], .entryLinkbar a[href="contentflag"], .entryLinkbar a[href="edittags"], .commentUserinfo .ljuser img { display: none; } .bodyblock { width: 900px; margin: 0px auto 0px auto; padding: 0px; } .sidebar { width: 220px; margin: 45px 20px 0px 0px; padding: 0px; z-index: 500; } .sidebox { margin: 0px 0px 15px 0px; padding: 0px; } .sideboxTitle { font-size: 12px; color: #000000; text-align: left; text-transform: uppercase; border-bottom: 1px solid #DEDEDE; margin: 0px 0px 8px 0px; padding: 0px 0px 5px 0px; } .sideboxContent { font-size: 10px; color: #59554E; text-align: left; padding: 0px 5px 0px 5px; } .sidebox #profile .ljuser a b { font-size: 11px; text-transform: uppercase; } .sidebox #profile { font-weight: normal; padding: 0px; } .profile-content { font-weight: bold; font-size: 10px; margin: 5px 0px 1px 70px; display: block; } img.profile-userpic { float: left; height: 50px; width: 50px; background: #FFFFFF; border: 10px solid #F04289; margin: 0px 8px 2px 0px; } .sidebox #systemlinks, .sidebox #tags_sidebox { font-size: 0px; text-align: left; } .listtitle { font-size: 10px; color: #000000; text-align: left; text-transform: uppercase; margin: 0px 0px 8px 0px; display: block; } .listitem, .sidebox #tags_sidebox a { margin: 0px 0px 8px 0px; display: block; } .listitem a, .sidebox #tags_sidebox a, .sidebox #summary a { font-family: Georgia; font-style: italic; font-size: 10px; color: #454545; line-height: 9px; text-transform: lowercase; } .sidebox #latestmonth { text-transform: uppercase; } .sidebox #latestmonth a { font-weight: bold; color: #F04289; } .sidebox #latestmonth table { width: 90%; color: #454545; text-align: center; } .latestmonth-inactive, .latestmonth-active { border: 0px; margin: 1px; padding: 4px; } .latestmonth-inactive { background-color: #F4F4F4; } .latestmonth-active { background-color: #F7F7F7; } .latestmonth-active:hover { background-color: #FFFFFF; } .latestmonth-active a { font-style: 10px; font-weight: normal !important; } .sidebox #summary b { color: #252525; } .sidebox #summary img[src="icon_protected.gif"], .sidebox #summary img[src="icon_groups.gif"], .sidebox #summary img[src="icon_private.gif"] { margin: 0px 1px 0px 0px !important; } .sidebox #search { padding: 0px 0px 0px 25px; } .sidebox #search input, .sidebox #search select { background: #F4F4F4; font-family: Verdana; font-size: 9px; color: #454545; border: 0px; margin: 1px; padding: 2px; } .entryHolder { background: #FFFFFF; border-right: 136px solid #3592FC; margin: 0px 0px 5px 0px; padding: 0px; } .entryHeader { font-size: 0px; text-align: left; padding: 30px 10px 0px 0px; } .entryHeaderDate, .entryHeader a { position: relative; } .entryHeaderDate { font-family: Terminal, Monospace; font-size: 13px; color: #DEDEDE; text-transform: uppercase; text-align: right; z-index: 0; display: block; } .entryHeader a { font-size: 19px; font-weight: normal; color: #000000; letter-spacing: -1px; line-height: 10px; z-index: 10; } .entryHeaderSubject { position: relative; padding: 0px; z-index: 30; } .entryHeaderTags { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/8-em-plus.png) no-repeat scroll 0 50%; font-size: 0px; color: #F3F3F3; border-top: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; margin: 10px 0px 0px 0px; padding: 7px 0px 5px 13px; display: block; } .entryHeaderTags a { font-size: 10px !important; color: #252525; text-transform: uppercase; line-height: 11px; letter-spacing: 0px; margin: 0px 7px 0px 0px; padding: 1px 1px 0px 1px; } .entryUserinfo { position: absolute; float: right; width: 185px; text-align: right; margin: -40px 0px 0px -49px; } .entryUserinfo-usericon img { background: #FFFFFF; border: 18px solid #252525; margin: 0px 0px 3px 0px; padding: 0px; } .entryUserinfo-usericon img:hover { border: 18px solid #000000; } .entryUserinfo .ljuser a b { font-size: 10px; color: #FFFFFF !important; text-transform: uppercase; line-height: 11px; margin: 0px 5px 0px 0px; } .entryText { min-height: 200px; font-size: 11.5px; color: #353535; text-align: justify; line-height: 1.45em; margin: 5px 20px 5px 0px; } .entryText img { max-width: 740px; } .entryText a { font-weight: bold; } .entryLinkbar { position: absolute; float: right; min-height: 100px; width: 141px; margin: -80px 0px 0px 524px; padding: 0px; } .entryLinkbar a { font-family: Georgia; font-style: italic; font-size: 10px; color: #FFFFFF; line-height: 8px; text-transform: lowercase; text-align: right; border-top: 5px solid #FFFFFF; margin: 0px 5px 10px 0px; padding: 5px 5px 0px 5px; display: block; } .entryLinkbar ul { margin: 0px; padding: 0px; } .entryLinkbar li { float: right; width: 50%; background: transparent; margin: 0px; padding: 0px; list-style-type: none; display: inline; } .entryMetadata { width: 94%; font-weight: normal; font-size: 10px; color: #333333; text-transform: uppercase; text-align: left; border-top: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; margin: 10px 0px 5px 0px; padding: 3px 10px 3px 13px; } .entryMetadata-label { font-size: 10px; font-weight: bold; color: #353535; margin: 0px 4px 0px 0px; } .entryMetadata a { color: #252525; padding: 1px 1px 0px 1px; } .entryHeaderTags a:hover, .entryMetadata a:hover { background: #F8F8F8; color: #99BDE1; } .entryMetadata ul { margin: 0px; padding: 0px; } .entryMetadata li { list-style-type: none; margin: 0px; padding: 0px 0px 2px 0px; display: block; } .header-menu { position: fixed; bottom: 0px; left: 0px; width: 100%; background: #EDEDED; text-align: right; border-top: 1px solid #DDDDDD; margin: 0x; padding: 10px 0px 10px 0px; z-index: 500; } .header-menu a { font-size: 10px; color: #000000; letter-spacing: 1px; text-transform: uppercase; line-height: 13px; } .header-menu ul, .header-menu li { list-style-type: none; margin: 0px; padding: 0px; } .header-menu li { padding: 0px 15px 0px 10px; display: inline; } .header-menu li:hover { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/031-1.png) 95% 45% scroll no-repeat; } .header-title { position: fixed; bottom: 8px; left: 9px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/crown.png) 0% 0% scroll no-repeat; font-size: 14px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; padding: 0px 0px 0px 20px; z-index: 600; } .header-title:hover { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/crown-silver.png) 0% 0% scroll no-repeat; } .bodynavblock { text-align: center; margin: 20px 0px; padding: 0px; } .bodynavblock a { font-size: 10px; letter-spacing: 1px; text-transform: uppercase; margin: 0px 7px 0px 7px; } .commentHolder, .replyform { background: #FFFFFF; border-right: 50px solid #F2F2F2; margin: 0px 0px 5px 0px; padding: 0px 10px 5px 10px; } .commentHolder:hover, .replyform:hover { border-right: 50px solid #D7CFE6; } .commentHeader, .commentHeaderScreened { font-family: Terminal, Monospace; font-size: 13px; text-transform: uppercase; text-align: right; padding: 10px 10px 3px 10px; } .commentHeader { color: #DEDEDE; } .commentHeaderScreened { font-style: italic; color: #E8E8E8; } .commentUserinfo { text-align: left; margin: 0px 20px 5px 10px; padding: 0px; } .commentUserinfo img { background: #FFFFFF; margin: 0px; } .commentUserinfo .ljuser a b { width: 96px; background: #F2F2F2; font-size: 10px; color: #000000; letter-spcaing: 1px; text-transform: uppercase; margin: 0px; padding: 2px; display: block; } .commentText { font-size: 11px; color: #373737; line-height: 1.35em; margin: 0px; padding: 0px; } .commentLinkbar { font-family: Georgia; font-style: italic; font-size: 10px; color: #59554E; text-align: right; text-transform: lowercase; padding: 0px; } .commentLinkbar a { color: #59554E; } .commentLinkbar ul { margin: 0px; padding: 0px; } .commentLinkbar li { padding: 0px 8px 0px 0px; display: inline; } #qrform { color: #373737; border: 0px !important; padding: 10px 0px 0px 0px; } #qrform table { width: 100%; color: #373737; border: 0px !important; } #qrform table b { color: #373737; } .yearlinks { text-align: right; } .yearlink { padding: 0px 5px 0px 5px; } .month { width: 90%; border-spacing: 5px; margin: 0px auto 0px auto; } .daysubjects { font-size: 11px; color: #555555; text-align: left; padding: 17px 0px 0px 77px; } .daysubjects a { font-weight: bold; font-size: 12px; text-transform: uppercase; } .daysubjects img[src="icon_protected.gif"], .daysubjects img[src="icon_groups.gif"], .daysubjects img[src="icon_private.gif"] { margin: 0px 2px 0px 0px !important; } .daytitles, .day-blank, .day { text-align: center; background: #F8F8F8; border: 1px solid #DEDEDE; margin-bottom: 0px; padding: 0px; } .daytitles { font-size: 18px; padding: 6px 3px; } .day-blank:hover, .day:hover { background: #F2F2F2; } .day-date { width: 33%; color: #000000; text-align: center; padding: 3px; } .day-count { float: right; width: 50%; font-size: 20px; text-align: center; } .day-count a { font-size: 21px; padding: 3px; } .tagstable { width: 95%; text-transform: uppercase; text-align: center; border-spacing: 5px; } .tagstable td { background: #F3F3F3; border: 1px solid #EDEDED; padding: 5px 3px 3px 3px; } .tagstable a, .tagstable a:hover { font-family: Georgia; font-style: italic; color: #000000; text-align: left; text-transform: lowercase; line-height: 12px; } ul.taglist { padding: 0px; } ul.taglist li { border-bottom: 1px dotted #DEDEDE; list-style-type: disc; padding: 5px 10px 2px 0px; } ul.taglist li:hover { border-bottom: 1px solid #DEDEDE; } ul li { color: #252525; list-style-type: circle; margin: 0px; padding: 0px 0px 0px 5px; } ol li { color: #252525; list-style-type: decimal; margin: 0px; padding: 0px 0px 0px 5px; } blockquote { font-family: Verdana; font-size: 11px; color: #444444; border-left: 20px solid #E8EAE9; margin: 10px 25px 10px 25px; padding: 5px 5px 5px 15px; } input, textarea, select { background: #FFFFFF; font-size: 10px; border: 1px solid #DBDBDB; margin: 1px; padding: 3px; } textarea { font-family: Arial; text-align: left; } b, strong { color: #99BDE1; } i, em { color: #F64589; } .ljuser a b { color: #F04289; text-transform: lowercase; } .ljuser img { width: 0px; height: 0px; background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/041.png) no-repeat bottom left; margin: 0px 2px 3px 1px !important; padding: 10px 10px 0px 0px !important; } img[src="userinfo.gif"], img[src="user_ontd.gif"], img[src="http://www.livejournal.com/stc/img/userinfo-support.gif"], img[src="community.gif"], img[src="partnercomm.gif"], img[src="sponcomm.gif"], img[src="icon_protected.gif"], img[src="icon_groups.gif"], img[src="icon_private.gif"], img[src="syndicated.gif"], img[src="newsinfo.gif"] { width: 0px; height: 0px; margin: 0px 2px 3px 1px !important; padding: 10px 10px 0px 0px !important; } img[src="userinfo.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/031-1.png) no-repeat center left !important; } img[src="user_ontd.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/092.png) no-repeat center left !important; } img[src="http://www.livejournal.com/stc/img/userinfo-support.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/041.png) no-repeat center left !important; } img[src="community.gif"], img[src="partnercomm.gif"], img[src="sponcomm.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/045-1.png) no-repeat center left !important; } img[src="syndicated.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/001.png) no-repeat center left !important; } img[src="newsinfo.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/078.png) no-repeat center left !important; } img[src="icon_protected.gif"], img[src="icon_groups.gif"], img[src="icon_private.gif"] { background: no-repeat center left !important; margin: 0px 5px 0px 0px !important; padding: 10px 10px 0px 0px !important; } img[src="icon_protected.gif"], img[src="icon_groups.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/181.png) !important; } img[src="icon_private.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/183.png) !important; } img[src="anonymous.gif"], img[src="openid-profile.gif"], .replyform img[src="userinfo.gif"], img[src="none.gif"], img[src="help.gif"], img[src="pencil.gif"], img[src="btn_edit.gif"] { height: 0px; width: 0px; background: no-repeat scroll 50% 50%; padding: 0px 0px 14px 15px !important; } img[src="anonymous.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/earth.png); } img[src="openid-profile.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/talking.png); } .replyform img[src="userinfo.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/user-9.png) !important; } img[src="none.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/happyface.png); } img[src="help.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/exclamation.png); } img[src="pencil.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/pencil-1.png); } img[src="btn_edit.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/clipboard_full.png); } img[src="phonepost2.gif"] { height: 0px; width: 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/phone.png) no-repeat center left !important; margin: 0px; padding: 16px 16px 0px 0px !important; } div.ContextualPopup img[src="http://l-stat.livejournal.com/horizon/upgrade-paid-icon.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/043.png) no-repeat center left; vertical-align: baseline !important; margin: 0px 0px 0px 0px; } div.ContextualPopup img[src="http://l-stat.livejournal.com/horizon/upgrade-paid-icon.gif"] { width: 0px; height: 0px; margin: 0px !important; padding: 10px 10px 0px 0px !important; } div.ContextualPopup div.Inner { width: 270px; background: none !important; font: 10px Arial; color: #555555 !important; border: 0px; } div.ContextualPopup div.Userpic img { background-color: #FFFFFF; text-transform: uppercase; margin: 5px 0px 0px 20px; } div.ContextualPopup div.Userpic img, div.ContextualPopup div.Inner div.Content { border: 1px solid #EEEEEE; padding: 5px; } div.ContextualPopup .Relation { font-family: Arial; font-weight: bold !important; font-size: 14px !important; color: #3592FC !important; text-transform: lowercase; line-height: 12px; border-bottom: 1px dashed #E1E1E1; margin-bottom: 3px; padding-bottom: 7px; } div.ContextualPopup div.Inner div.Content { background-color: #FFFFFF; } div.ContextualPopup div.Inner div.Content a, div.ContextualPopup a { font-family: Georgia; font-weight: normal; font-style: italic; color: #444444 !important; text-decoration: none !important; text-transform: lowercase !important; } div.ContextualPopup div.Inner div.Content a:hover { color: #99BDE1 !important; } div.ContextualPopup div.Inner div.Content img a:hover { background: none !important; } div.Relation, div.FriendStatus { font-size: 11px; text-transform: uppercase; letter-spacing: -1px; border-bottom: 1px solid #99C930; padding: 2px 2px 5px 2px; margin: 0px 0px 8px 0px; }
DISPLAY > PRESENTATION	Expand BASIC OPTIONS and ADDITIONAL OPTIONS Userinfo Position in Entries → Right side of the Entry Text Wrap Entry text under userinfo → No Userinfo Position in Comments → Left side of the Entry Text Wrap Comment text under userinfo → No Entry Tags Position → After Subject Text in Subjectbar
ENTRY TEXT > COMMENTS	Due to the limited space of the entry linkbar (where 1 comment // # comments are located), it's advised that you shorten everything down so that it can all fit in. If you don't, it's more likely it'll cause ugly line-breaks and screw the layout over.
IMAGES	Save these to your own servers to ensure that the images don't die on you when my Photobucket explodes :D Tiny Icons → User - Support User - User ONTD - Commmunity - News - Syndicated Entry Header → Protected/Groups - Private - Header Tags Header Menu → Hover effect Header Title → Gold crown - Silver crown Comment Pages → Anonymous - Open ID - User - None - Help - Pencil - Edit An easy way to replace all of the old URLs listed below with the new is to use CTRL + H when editing in a program like Notepad.

kill_brainz @ 2010-10-22T21:40:00

2010-10-22T20:40:50Z

hiatus

Thanks for all of the support you've given me thus far. I'll be back with more designs in the future definetely, but for now I'm determined to concentrate on my last year of college and make it to uni.

I'll still be available to answer any questions you have though and troubleshoot browser/layout problems~

050 - Smoke (and Mirrors) [Smooth Sailing]

2010-09-05T14:40:15Z

Been distracted by Monster Hunter: Tri for the past few weeks, forgive me watchers :P

Smoke (and Mirrors) ► LIVE | STATIC | FAQ

Layout Information
TESTED BROWSERS	Mozilla Firefox, Internet Explorer
PROBLEMS?	None so far
FEATURES	Floating userpic, tiny icons, contextual pop ups, custom nav-strip
DISABLED	Header-title/subtitle
AD-PLACEMENT	Between Entries
FINAL NOTES	For the remix challenge over at stylesheet, I remixed minolta's layout. I love her designs, she has this chic and clean minamilist style, so I suggest you check capitol out. Heads up, the sidebar for this layout can be switched from left to right without any problem due to ever-so conveniently placed padding values. Sidebar is completely customized too, so you can fill up it right up with all the usual modules.

Layout Installation
SELECT JOURNAL STYLE	01. Select any Smooth Sailing. 02. Pick an ad placement you prefer (Between Entries tends to look best in general).
CUSTOM CSS	Use layout's stylesheet(s) → NO Use layout's stylesheet(s) when including custom external stylesheet → NO Use CTRL + A inside the textbox to select everything, and then copy and paste into the CUSTOM CSS box. /* LJ STYLE: Smooth Sailing LAYOUT: Smoke (and Mirrors) MAKER: jessilestrange // kill_zombie FOR: stylesheet's remix challenge PLEASE CREDIT: http://community.livejournal.com/kill_brainz/ OR http://jessilestrange.livejournal.com/ / body { background: #EEEEEE; font-family: Trebuchet MS, Verdana, Sans-Serif, Arial; font-size: 9px; color: #999999; text-align: left; margin: 0px; } a, a:visited, .entryText .ljuser a b { color: #353535; text-decoration: none; } a:hover, .entryText .ljuser a b:hover { color: #D1382A; cursor: help; } .pageblock { width: 100%; margin: 0px; padding: 0px; } .pagefooterblock, .header-title, .header-subtitle, .header-icon, .header-menu, .bodyheaderblock, .sidebar .ljuser img, .sideboxTitle, .profile-label, .entryHeader .ljuser img, .entryHeaderDate, .entryUserinfo .ljuser img, .entryLinkbar a[st_page="home"], .entryLinkbar a[href="subscriptions"], .entryLinkbar a[href="tellafriend"], .commentUserinfo .ljuser img, #lj_controlstrip .ljuser img { display: none; } .bodyblock { width: 800px; margin: 50px auto 0px auto; padding: 0px; } .entryHolder { background: #FFFFFF; font-size: 11px; margin: 0px 5px 25px 5px; padding: 0px; } .entryHeader { background: #F4F4F4; text-align: right; padding: 8px 15px 8px 15px; } .entryHeaderSubject { font-size: 0px; } .entryHeader a, .entryHeader .ljuser a b { font-family: Garamound, Times New Roman; font-weight: normal; font-style: italic; font-size: 16px; color: #888888; text-transform: lowercase; line-height: 15px; } .entryUserinfo { position: relative; background: #F7F7F7; text-align: center; margin: 15px -15px 5px 15px; padding: 10px 10px 5px 10px; z-index: 100; } .entryUserinfo-usericon img { height: 80px; width: 80px; border: 0px; margin: 0px 0px 5px 0px; padding: 0px; } .entryUserinfo .ljuser a b, .entryUserinfo .ljuser a b:hover { font-size: 10px; text-transform: uppercase; } .entryText { min-height: 90px; font-size: 11px; padding: 15px 18px 18px 18px; } .entryText, .entryMetadata, .commentText { background: #FFFFFF; text-align: left; } .entryText img { max-width: 380px; background: #F7F7F7; padding: 5px; margin: 1px; } .entryMetadata { font-size: 10px; padding: 0px 18px 20px 18px; } .entryMetadata-label { font-size: 11px; font-weight: bold; text-transform: lowercase; padding: 0px 5px 0px 0px; } .entryMetadata img { margin: 0px 2px 0px 2px; } .entryMetadata ul, .entryLinkbar ul, #footer-menu ul { margin: 0px; padding: 0px; } .entryMetadata li { list-style-type: none; margin: 0px 0px 2px 0px; padding: 0px; display: block; } .entryLinkbar { font-size: 10px; text-transform: uppercase; text-align: right; margin: 0px; padding: 0px 0px 5px 0px; } .entryLinkbar a { color: #222222; padding: 8px 9px 5px 9px; } .entryLinkbar a:hover { background: #EEEEEE; } .entryLinkbar li { list-style-type: none; margin: 0px; padding: 0px; display: inline; } .sidebar { width: 240px; background: #F9F9F9; font-size: 10px; border-top: 30px solid #F4F4F4; margin: 0px 20px 0px 20px; padding: 10px 0px 10px 0px; } .sidebox { margin: 0px 0px 10px 0px; padding: 0px; } .sideboxContent { font-size: 11px; color: #9E9E9E; padding: 10px 17px 10px 17px; } .sideboxContent, .sidebox #profile, .sidebox #systemlinks, .sidebox #tags_sidebox, .sidebox #summary { text-align: left; } .sidebox #latestmonth, .sidebox #search { text-align: center; } .sidebox #profile .ljuser a b { text-transform: lowercase; } .profile-content { font-size: 12px; margin: 3px 55px 0px 0px; display: block; } img.profile-userpic { float: right; height: 55px; width: 55px; border: 1px solid #F1F1F1; margin: 0px 0px 2px 10px; padding: 4px; } .sidebox #systemlinks, .sidebox #tags_sidebox { font-size: 0px; } .listtitle { font-size: 12px; text-transform: uppercase; padding: 7px 4px 0px 4px; } .listitem a, .sidebox #tags_sidebox a, .sidebox #summary a { font-size: 12px; color: #999999; text-transform: lowercase; } .listitem, .sidebox #tags_sidebox a { border-bottom: 1px dashed #EEEEEE; margin: 0px; padding: 4px 4px 0px 4px; display: block; } .listitem:hover, .sidebox #tags_sidebox a:hover { border-bottom: 1px dashed #E1E1E1; } .sidebox #latestmonth, .sidebox #search { font-family: Helvetica; font-weight: bold; text-transform: uppercase; } .sidebox #latestmonth table { width: 100%; margin: 0px auto 0px auto; } .latestmonth-inactive, .latestmonth-active { font-size: 10px !important; text-align: center; margin: 1px; padding: 6px; } .latestmonth-inactive, .day-date { background: #F4F4F4; } .latestmonth-active, .day-date:hover { background: #EEEEEE; } .latestmonth-active a { font-size: 10px !important; color: #777777; } .sidebox #search { padding: 0px; } .sidebox #search input, .sidebox #search select { font-family: Verdana; font-size: 9px; color: #919191; border: 0px; margin: 1px; padding: 3px; } #footer-menu { text-align: right; margin: 0px 0px 10px 0px; padding: 0px 5px 0px 5px; } #footer-menu li { list-style-type: none; margin: 0px 0px 0px 18px; padding: 0px; display: inline; } .bodynavblock { font-family: Helvetica; font-weight: bold; font-size: 11px; color: #444444; text-transform: uppercase; text-align: center; margin: 10px 0px 10px 0px; } .commentHolder { margin: 0px 0px 10px 0px; } .commentHeader, .commentHeaderScreened { font-weight: bold; font-size: 14px; color: #FFFFFF; text-transform: uppercase; text-align: left; padding: 0px 15px 0px 15px; } .commentHeaderScreened, .commentHeaderSubject { font-style: italic; } .commentUserinfo { font-size: 10px; color: #666666; text-align: center; margin: 10px 10px 5px 10px; } .commentUserinfo-usericon img { height: 55px; width: 55px; border: 1px solid #F1F1F1; margin: 0px 0px 3px 0px; padding: 4px; } .commentText { min-height: 90px; font-size: 11px; margin: -4px 0px 0px 0px; padding: 15px 18px 18px 18px; } .commentLinkbar { font-weight: bold; color: #606060; text-align: right; text-transform: uppercase; margin: 0px; padding: 0px 10px 0px 10px } .commentLinkbar li { margin: 0px 0px 0px 7px; padding: 0px; display: inline; } .replyform { background: transparent; border: 0px; padding: 10px 20px 10px 20px; } #qrform { color: #FFFFFF; border: medium none !important; padding: 16px; } #qrform table { width: 98%; color: #AAAAAA; border:0 none !important; } .yearlinks { text-align: right; } .yearlink { padding: 0px 5px 0px 5px; } .month { width: 100%; margin: 0px; padding: 0px; } .daytitles { font-family: Helvetica; font-weight: bold; font-size: 10px; text-transform: uppercase; text-align: center; padding: 16px 0px 10px 0px; } .daytitles, .day-blank, .day, .tagstable, .tagstable td { background: #FFFFFF; border: 3px solid #FFFFFF; } .day-blank, .day, .tagstable td { padding: 5px; } .daysubjects { background: #FFFFFF; font-size: 11px; text-align: left; padding: 10px 0px 10px 30px; } .daysubjects a { font-weight: bold; font-size: 12px; text-transform: uppercase; } .day-date { font-weight: bold; font-size: 10px; color: #919191; text-align: left; border: 0px; margin: 0px 0px 4px 0px; padding: 4px 6px 2px 6px; } .day-count { width: 100%; line-height: 32px; text-align: center; } .day-count a { font-family: Helvetica; font-size: 33px; } .tagstable { width: 550px; margin: 20px auto; } .tagstable td { font-size: 11px; text-transform: uppercase; } .tagstable a, ul.taglist a { font-family: Helvetica; font-weight: bold; font-size: 10px; text-transform: uppercase; } ul.taglist { padding: 0px 15px 0px 0px; } ul.taglist li { font-size: 9px; padding: 0px 3px 3px 9px; } blockquote { background: #F7F7F7; padding: 8px; } textarea, input, select { background: #F4F4F4; font-family: Arial; font-size: 11px; color: #777777; border: 1px solid #EBEBEB; padding: 2px; } textarea:hover, input:hover, select:hover { background: #EEEEEE; } code { font-family: Monospace; color: #777777; } li { list-style-position: inside; list-style-type: bullet; margin: 2px 0px 0px 20px; padding: 0px 0px 2px 9px; } h1, h2, h3, h4, h5 { font-family: Garamound, Times New Roman; font-style: italic; text-transform: lowercase; } .ljuser a b { color: #D1382A; text-transform: lowercase; } .ljuser img { width: 0px; height: 0px; background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/041.png) no-repeat bottom left; padding: 10px 10px 0px 0px !important; } img[src="userinfo.gif"], img[src="user_ontd.gif"], img[src="http://www.livejournal.com/stc/img/userinfo-support.gif"], img[src="community.gif"], img[src="partnercomm.gif"], img[src="sponcomm.gif"], img[src="icon_protected.gif"], img[src="icon_groups.gif"], img[src="icon_private.gif"], img[src="syndicated.gif"], img[src="newsinfo.gif"], div.ContextualPopup img[src="http://l-stat.livejournal.com/horizon/upgrade-paid-icon.gif"] { width: 0px; height: 0px; margin: 0px 1px 2px 0px !important; padding: 10px 10px 0px 0px !important; } img[src="userinfo.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/031-1.png) no-repeat center left !important; } img[src="user_ontd.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/092.png) no-repeat center left !important; } img[src="http://www.livejournal.com/stc/img/userinfo-support.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/041.png) no-repeat center left !important; } img[src="community.gif"], img[src="partnercomm.gif"], img[src="sponcomm.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/045-1.png) no-repeat center left !important; } img[src="syndicated.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/001.png) no-repeat center left !important; } img[src="newsinfo.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/078.png) no-repeat center left !important; } img[src="icon_protected.gif"], img[src="icon_groups.gif"], img[src="icon_private.gif"] { background: no-repeat center left !important; margin: 0px 2px 0px 0px; padding: 10px 10px 0px 0px !important; } img[src="icon_protected.gif"], img[src="icon_groups.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/181.png) !important; } img[src="icon_private.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/183.png) !important; } img[src="anonymous.gif"], img[src="openid-profile.gif"], .replyform img[src="userinfo.gif"], img[src="none.gif"], img[src="help.gif"], img[src="pencil.gif"], img[src="btn_edit.gif"] { height: 0px; width: 0px; background: no-repeat scroll 50% 50%; padding: 0px 0px 14px 15px !important; } img[src="anonymous.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/earth.png); } img[src="openid-profile.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/talking.png); } .replyform img[src="userinfo.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/user-9.png) !important; } img[src="none.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/happyface.png); } img[src="help.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/exclamation.png); } img[src="pencil.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/pencil-1.png); } img[src="btn_edit.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/clipboard_full.png); } img[src*="phonepost2.gif"] { height: 0px; width: 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/phone.png) no-repeat center left !important; margin: 0px; padding: 16px 16px 0px 0px !important; } div.ContextualPopup img[src="http://l-stat.livejournal.com/horizon/upgrade-paid-icon.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/arrow_up-3.gif) no-repeat center left; vertical-align: baseline !important; } div.ContextualPopup div.Inner { width: 270px; background: none !important; font: 10px Arial; color: #555555 !important; border: 0px; } div.ContextualPopup div.Userpic img { background-color: #FFFFFF; text-transform: uppercase; margin: 5px 0px 0px 20px; } div.ContextualPopup div.Userpic img, div.ContextualPopup div.Inner div.Content { border: 1px solid #EEEEEE; padding: 5px; } div.ContextualPopup .Relation { font-family: Arial; font-weight: bold !important; font-size: 14px !important; color: #D1382A !important; text-transform: lowercase; line-height: 12px; border-bottom: 1px dashed #E1E1E1; margin-bottom: 3px; padding-bottom: 7px; } div.ContextualPopup div.Inner div.Content { background-color: #FFFFFF; } div.ContextualPopup div.Inner div.Content a, div.ContextualPopup a { color: #222222 !important; text-decoration: none !important; text-transform: lowercase !important; } div.ContextualPopup div.Inner div.Content a:hover { color: #D1382A !important; } div.ContextualPopup div.Inner div.Content img a:hover { background: none !important; } div.Relation, div.FriendStatus { font-size: 11px; text-transform: uppercase; letter-spacing: -1px; border-bottom: 1px solid #99C930; padding: 2px 2px 5px 2px; margin: 0px 0px 8px 0px; } #lj_controlstrip { background: #252525; font-size: 9px; border-bottom: 0px; } #lj_controlstrip_statustext { color: #FFFFFF; text-transform: uppercase; } #lj_controlstrip td { border-right: 0px; } #lj_controlstrip td a, #lj_controlstrip td a:hover { color: #FFFFFF; text-transform: lowercase; text-decoration: none; } #lj_controlstrip td a:hover { color: #D1382A; } #lj_controlstrip select, #lj_controlstrip input { background: #353535 !important; font: 10px Arial !important; color: #FFFFFF !important; text-transform: uppercase; border: none; margin: 1px; padding: 1px 2px 1px 2px; } #lj_controlstrip .ljuser a b, #lj_controlstrip .ljuser a b:hover { font-size: 14px; color: #FFFFFF; letter-spacing: -1px; }
DISPLAY > PRESENTATION	Expand BASIC OPTIONS and ADDITIONAL OPTIONS Userinfo Position in Entries → Right side of the Entry Text Wrap Entry text under userinfo → Yes
IMAGES	Save these to your own servers to ensure that the images don't die on you when my Photobucket explodes :D Tiny Icons → User - Support User - User ONTD - Commmunity - News - Syndicated Entry Header → Protected/Groups - Private Comment Pages → Anonymous - Open ID - User - None - Help - Pencil - Edit Misc → Header An easy way to replace all of the old URLs listed below with the new is to use CTRL + H when editing in a program like Notepad.

049 - CARNATION CRIME [Smooth Sailing]

2010-08-17T20:18:00Z

Feels like it's been a while >.>

CARNATION CRIME ► LIVE | STATIC | FAQ

Layout Information
TESTED BROWSERS	Mozilla Firefox, Internet Explorer
PROBLEMS?	None so far
FEATURES	Topbar, tiny icons, contextual pop ups, custom nav-strip
DISABLED	Header-title/subtitle
AD-PLACEMENT	Between Entries
FINAL NOTES	Request for ladybubblegum. I AM SO SORRY THIS TOOK SO LONG. This layout just didn't want to happen I swear, I sat there for ages like 'fuuuu, WHY WON'T YOU LOOK DECENT?!' and eventually it evolved into this semi-presentable thing I give you today. Haven't decided whether I'm okay with it or not just yet lol. Feel free to replace my sad excuse for a header with your own guys ~~I finally made a layout that's header!compatible, are you proud of me? :'D~~

Layout Installation
SELECT JOURNAL STYLE	01. Select any Smooth Sailing. 02. Pick an ad placement you prefer (Between Entries tends to look best in general).
CUSTOM CSS	Use layout's stylesheet(s) → NO Use layout's stylesheet(s) when including custom external stylesheet → NO Use CTRL + A inside the textbox to select everything, and then copy and paste into the CUSTOM CSS box. /* LJ STYLE: CARNATION CRIME LAYOUT: Smooth Sailing MAKER: jessilestrange // kill_zombie FOR: confluents // ladybubblegum PLEASE CREDIT: http://community.livejournal.com/kill_brainz/ OR http://jessilestrange.livejournal.com/ / body { background: #F1FFD4; font-family: Arial, Verdana, Sans serif; font-size: 10px; color: #424242; text-align: left; margin: 0px; } a, a:visited { color: #C44D58; text-decoration: none; } a:hover { color: #FF6B6B; cursor: help; } .pageblock { width: 100%; margin: 0px; padding: 0px; } .pagefooterblock, .header-title, .header-subtitle, .header-icon, .bodyheaderblock, .sidebar .ljuser img, .profile-label, .entryHeader .ljuser img, .entryUserinfo .ljuser img, .entryLinkbar a[st_page="home"], .entryLinkbar a[href="subscriptions"], .entryLinkbar a[href="tellafriend"], .commentUserinfo .ljuser img, #lj_controlstrip .ljuser img { display: none; } .header-menu { position: absolute; width: 100%; top: 45px; left: 0px; background: #FF9F80; text-align: left; } .header-menu, .entryLinkbar, #footer-menu { font-size: 14px; text-transform: uppercase; padding: 8px 0px 13px 0px; } .header-menu a, .entryLinkbar a, #footer-menu a { font-weight: bold; color: #FFFFFF; padding: 8px 13px 13px 13px; } .header-menu a:hover { background: #FFC48C; } .header-menu ul, .entryLinkbar ul, .entryLinkbar li, .entryMetadata ul, #footer-menu ul, .commentLinkbar ul { margin: 0px; padding: 0px; } .header-menu li, .entryLinkbar li, #footer-menu li, .commentLinkbar li { list-style-type: none; display: inline; } .pageheaderblock { height: 350px; width: 760px; background: url(http://i25.tinypic.com/23jtrm.png) no-repeat; margin: 37px auto 0px auto; padding: 0px; } .sidebar { position: absolute; top: 430px; height: 200px; width: 760px; background: #FFFFFF; font-size: 10px; padding: 0px; } .sidebox { float: left; min-height: 150px; margin: 0px; padding: 0px; } .sideboxTitle { background: #C7F464; font-weight: bold; font-size: 17px; color: #FFFFFF; text-transform: uppercase; text-align: center; letter-spacing: 1px; padding: 10px 12px 4px 12px; } .sideboxContent { height: 155px; width: 233.33px; / CAREFUL NOW / over-flow: auto; overflow-x: hidden; overflow-y: auto; / ALL DONE! / font-size: 11px; color: #9E9E9E; padding: 5px 10px 5px 10px; } .sideboxContent, .sidebox #profile, .sidebox #systemlinks, .sidebox #tags_sidebox, .sidebox #summary { text-align: left; } .sidebox #latestmonth, .sidebox #search { text-align: center; } .sidebox #profile { font-size: 12px; } .sidebox #profile .ljuser a b { font-size: 14px; text-transform: uppercase; border-bottom: 3px solid #F1F1F1; } .profile-content { font-size: 12px; text-transform: uppercase; margin: 8px 90px 0px 0px; display: block; } img.profile-userpic { float: right; height: 80px; width: 80px; border: 1px solid #F1F1F1; margin: 5px 0px 2px 10px; padding: 4px; } .sidebox #systemlinks, .sidebox #tags_sidebox { font-family: Helvetica; font-size: 0px; } .listtitle { font-size: 12px; text-align: right; text-transform: uppercase; margin: 3px 10px 5px 10px; } .listitem, .sidebox #tags_sidebox a { border-bottom: 2px solid #F8F8F8; margin: 0px 0px 5px 0px; padding: 0px 0px 1px 0px; display: block; } .listitem a, .sidebox #tags_sidebox a, .sidebox #summary a { font-weight: bold; font-size: 11px; color: #888888; text-transform: uppercase; } .listitem:hover, .sidebox #tags_sidebox a:hover { border-bottom: 2px solid #F1F1F1; } .sidebox #summary { font-family: Helvetica; } .sidebox #summary a:hover { color: #424242; } .sidebox #summary img[src="icon_protected.gif"], .sidebox #summary img[src="icon_groups.gif"], .sidebox #summary img[src="icon_private.gif"], .daysubjects img[src="icon_protected.gif"], .daysubjects img[src="icon_groups.gif"], .daysubjects img[src="icon_private.gif"] { background: no-repeat center left !important; margin: 0px !important; padding: 10px 10px 0px 0px !important; } .sidebox #summary img[src="icon_protected.gif"], .sidebox #summary img[src="icon_groups.gif"], .daysubjects img[src="icon_protected.gif"], .daysubjects img[src="icon_groups.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/181.png) !important; } .sidebox #summary img[src="icon_private.gif"], .daysubjects img[src="icon_private.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/183.png) !important; } .sidebox #latestmonth, .sidebox #search { font-family: Helvetica; font-weight: bold; text-transform: uppercase; } .sidebox #latestmonth a { font-size: 14px; } .sidebox #latestmonth table { width: 100%; margin: 0px auto 0px auto; } .latestmonth-inactive, .latestmonth-active { font-size: 10px !important; color: #919191; text-align: center; margin: 1px; padding: 6px; } .latestmonth-inactive, .sidebox #search input, .sidebox #search select, .day-date { background: #F8F8F8; } .latestmonth-active, .sidebox #search input:hover, .sidebox #search select:hover, .day-date:hover { background: #F1FFD4; } .latestmonth-active a { font-size: 10px !important; color: #777777; } .sidebox #freetext a:hover, div.ContextualPopup div.Inner div.Content a:hover { background: #F8F8F8 !important; } .sidebox #search { padding: 50px 0px 0px 0px; } .sidebox #search input, .sidebox #search select { font-family: Verdana; font-size: 9px; color: #919191; border: 0px; margin: 1px; padding: 3px; } .bodyblock { width: 760px; margin: 220px auto 0px auto; padding: 0px; } .entryHolder { background: #FFFFFF; margin: 0px 0px 20px 0px; padding: 0px; } .entryHeader { text-align: right; } .entryHeaderDate { background: #C7F464; font-weight: bold; font-size: 17px; color: #FFFFFF; text-transform: uppercase; text-align: left; letter-spacing: 1px; margin: 0px 0px 10px 0px; padding: 15px 12px 8px 12px; display: block; } .entryHeaderSubject { font-size: 0px; padding: 10px 10px 0px 120px; } .entryHeader a, .entryHeader .ljuser a b { font-weight: normal; font-size: 21px; color: #252525; text-transform: lowercase; letter-spacing: -1px; line-height: 17px; } .entryUserinfo { position: relative; text-align: center; margin: 0px 15px 5px 15px; z-index: 100; } .entryUserinfo-usericon img, .commentUserinfo-usericon img { background: #F9F9F9; border: 1px solid #EDEDED; margin: 0px 0px 5px 0px; padding: 4px; } .entryUserinfo .ljuser a b, .entryUserinfo .ljuser a b:hover { font-size: 10px; color: #B7E84D; text-transform: uppercase; } .entryText { min-height: 90px; } .entryText, .commentText { font-size: 11px; padding: 10px 15px 15px 15px; } .entryText img { max-width: 590px; margin: 1px; } .entryMetadata { color: #606060; padding: 5px 20px 20px 20px; } .entryMetadata a:hover { color: #606060; } .entryMetadata-label { font-weight: bold; text-transform: lowercase; padding: 0px 5px 0px 0px; } .entryMetadata img { margin: 0px 2px 0px 2px; } .entryMetadata li { background: #F2F2F2; list-style-type: none; margin: 0px 0px 2px 0px; padding: 4px 10px 3px 10px; display: block; } .entryLinkbar, #footer-menu { background: #C7F464; text-align: right; } .entryLinkbar a:hover, #footer-menu a:hover { background: #B7E84D; } #footer-menu { text-align: left; margin: 0px; } #footer-menu li { margin: 0px; padding: 0px; } .bodynavblock { font-family: Helvetica; font-weight: bold; font-size: 11px; color: #444444; text-transform: uppercase; text-align: center; margin: 10px 0px 10px 0px; } .commentHolder { background: #FFFFFF; margin: 10px 0px 10px 10px; } .commentHeader { background: #C7F464; } .commentHeader, .commentHeaderScreened { font-weight: bold; font-size: 17px; color: #FFFFFF; text-transform: uppercase; text-align: left; letter-spacing: 1px; padding: 10px 12px 4px 12px; } .commentHeaderScreened { background: #B7E84D; } .commentHeaderSubject { font-style: italic; } .commentUserinfo { font-size: 10px; color: #666666; text-align: center; margin: 10px 10px 5px 10px; } .commentUserinfo { font-size: 11px; text-transform: uppercase; } .commentLinkbar { font-weight: bold; color: #606060; text-align: right; text-transform: uppercase; padding: 2px 10px 10px 10px } .commentLinkbar li { margin: 0px 0px 0px 7px; padding: 0px; display: inline; } .replyform { background-color: #FFFFFF; border: 1px solid #EBEBEB; padding: 10px; } #qrform { color: #FFFFFF; border: medium none !important; padding: 16px; } #qrform table { width: 98%; color: #AAAAAA; border:0 none !important; } .yearlinks { text-align: right; } .yearlink { padding: 0px 5px 0px 5px; } .month { width: 100%; margin: 0px; padding: 0px; } .daytitles { font-family: Helvetica; font-weight: bold; font-size: 10px; text-transform: uppercase; text-align: center; padding: 16px 0px 10px 0px; } .daytitles, .day-blank, .day, .tagstable, .tagstable td { background: #FFFFFF; border: 3px solid #FFFFFF; } .day-blank, .day, .tagstable td { padding: 5px; } .daysubjects { background: #FFFFFF; font-size: 11px; text-align: left; padding: 10px 0px 10px 30px; } .daysubjects a { font-weight: bold; font-size: 12px; text-transform: uppercase; } .day-date { font-weight: bold; font-size: 10px; color: #919191; text-align: left; border: 0px; margin: 0px 0px 4px 0px; padding: 4px 6px 2px 6px; } .day-count { width: 100%; line-height: 32px; text-align: center; } .day-count a { font-family: Helvetica; font-size: 33px; } .tagstable { width: 550px; margin: 20px auto; } .tagstable td { font-size: 11px; text-transform: uppercase; } .tagstable a, ul.taglist a { font-family: Helvetica; font-weight: bold; font-size: 10px; text-transform: uppercase; } ul.taglist { padding: 0px 15px 0px 0px; } ul.taglist li { font-size: 9px; padding: 0px 3px 3px 9px; } textarea, input, select { background-color: #EEFFD4; } blockquote { color: #666666; border-left: 16px solid #EDEDED; padding: 13px; } textarea, input, select { font-family: Arial; font-size: 11px; color: #777777; border: 1px solid #EBEBEB; padding: 2px; } b, strong { color: #F56991; } i, em { color: #555555; } u { text-decoration: ; } .ljuser a b { text-transform: lowercase; } .ljuser img { width: 0px; height: 0px; background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/041.png) no-repeat bottom left; padding: 10px 10px 0px 0px !important; } img[src="userinfo.gif"], img[src="user_ontd.gif"], img[src="http://www.livejournal.com/stc/img/userinfo-support.gif"], img[src="community.gif"], img[src="partnercomm.gif"], img[src="sponcomm.gif"], img[src="icon_protected.gif"], img[src="icon_groups.gif"], img[src="icon_private.gif"], img[src="syndicated.gif"], img[src="newsinfo.gif"], div.ContextualPopup img[src="http://l-stat.livejournal.com/horizon/upgrade-paid-icon.gif"] { width: 0px; height: 0px; padding: 10px 10px 0px 0px !important; } img[src="userinfo.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/031-1.png) no-repeat center left !important; } img[src="user_ontd.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/092.png) no-repeat center left !important; } img[src="http://www.livejournal.com/stc/img/userinfo-support.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/041.png) no-repeat center left !important; } img[src="community.gif"], img[src="partnercomm.gif"], img[src="sponcomm.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/045-1.png) no-repeat center left !important; } img[src="syndicated.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/001.png) no-repeat center left !important; } img[src="newsinfo.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/078.png) no-repeat center left !important; } img[src="icon_protected.gif"], img[src="icon_groups.gif"], img[src="icon_private.gif"] { background: no-repeat center left !important; margin: 0px 5px 0px 0px; padding: 16px 16px 0px 0px !important; } img[src="icon_protected.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/018.png) !important; } img[src="icon_groups.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/019.png) !important; } img[src="icon_private.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/025.png) !important; } img[src="anonymous.gif"], img[src="openid-profile.gif"], .replyform img[src="userinfo.gif"], img[src="none.gif"], img[src="help.gif"], img[src="pencil.gif"], img[src="btn_edit.gif"] { height: 0px; width: 0px; background: no-repeat scroll 50% 50%; padding: 0px 0px 14px 15px !important; } img[src="anonymous.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/earth.png); } img[src="openid-profile.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/talking.png); } .replyform img[src="userinfo.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/user-9.png) !important; } img[src="none.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/happyface.png); } img[src="help.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/exclamation.png); } img[src="pencil.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/pencil-1.png); } img[src="btn_edit.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/clipboard_full.png); } img[src*="phonepost2.gif"] { height: 0px; width: 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/phone.png) no-repeat center left !important; margin: 0px; padding: 16px 16px 0px 0px !important; } div.ContextualPopup img[src="http://l-stat.livejournal.com/horizon/upgrade-paid-icon.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/arrow_up-3.gif) no-repeat center left; vertical-align: baseline !important; } div.ContextualPopup div.Inner { width: 270px; background: none !important; font: 10px Arial; color: #555555 !important; border: 0px; } div.ContextualPopup div.Userpic img { background-color: #FFFFFF; text-transform: uppercase; margin: 5px 0px 0px 0px; } div.ContextualPopup div.Userpic img, div.ContextualPopup div.Inner div.Content { border: 1px solid #EBEBEB; padding: 5px; } div.ContextualPopup .Relation { font-family: Arial; font-weight: bold !important; font-size: 14px !important; color: #B7E84D !important; text-transform: lowercase; line-height: 12px; border-bottom: 1px solid #F0F0F0; margin-bottom: 3px; padding-bottom: 7px; } div.ContextualPopup div.Inner div.Content { background-color: #FFFFFF; } div.ContextualPopup div.Inner div.Content a, div.ContextualPopup a { font-weight: bold; color: #C7F464 !important; text-decoration: none !important; } div.ContextualPopup div.Inner div.Content a:hover { color: #B7E84D !important; } div.ContextualPopup div.Inner div.Content img a:hover { background: none !important; } div.Relation, div.FriendStatus { font-size: 11px; text-transform: uppercase; letter-spacing: -1px; border-bottom: 1px solid #99C930; padding: 2px 2px 5px 2px; margin: 0px 0px 8px 0px; } #lj_controlstrip { background: #252525; font-size: 9px; border-bottom: 0px; } #lj_controlstrip_statustext { color: #FFFFFF; text-transform: uppercase; } #lj_controlstrip td { border-right: 0px; } #lj_controlstrip td a, #lj_controlstrip td a:hover { color: #FFFFFF; text-transform: lowercase; text-decoration: none; } #lj_controlstrip td a:hover { color: #FF9F80; } #lj_controlstrip select, #lj_controlstrip input { background: #353535 !important; font: 10px Arial !important; color: #FFFFFF !important; text-transform: uppercase; border: none; margin: 1px; padding: 1px 2px 1px 2px; } #lj_controlstrip .ljuser a b, #lj_controlstrip .ljuser a b:hover { font-size: 14px; color: #FFFFFF; letter-spacing: -1px; }
DISPLAY > PRESENTATION	Expand BASIC OPTIONS and ADDITIONAL OPTIONS Userinfo Position in Entries → Left side of the Entry Text Wrap Entry text under userinfo → Yes
ADDING A HEADER	To change the header image to something of your liking, simply find .pageheaderblock in the CSS and replace the URL for the background, and alter the height and width values accordingly. I'd recommend using a header 760px wide so that it works best with the layout.
IMAGES	Save these to your own servers to ensure that the images don't die on you when my Photobucket explodes :D Tiny Icons → User - Support User - User ONTD - Commmunity - News - Syndicated Entry Header → Protected - Private - Groups Comment Pages → Anonymous - Open ID - User - None - Help - Pencil - Edit Misc → Header An easy way to replace all of the old URLs listed below with the new is to use CTRL + H when editing in a program like Notepad.

048 - Undercooled [Flexible Squares]

2010-07-12T16:49:14Z

Undercooled ► LIVE | STATIC | FAQ

Layout Information
TESTED BROWSERS	Mozilla Firefox, Safari, Internet Explorer
PROBLEMS?	Nope!
FEATURES	Fixed header, tiny icons, contextual pop ups, custom nav-strip, an abundance of wood textures and grey-whites once again.
DISABLED	Header title/subtitle and the entire sidebar.
AD-PLACEMENT	Between Entries
FINAL NOTES	Made specially for angelis_ignis. It's weird how this layout ended out. It took forever to finnish because it just wouldn't 'happen' for me first off, and then somehow the colours I used faded out from navy blues into offset whites and dark wook textures. IDEK ANYMORE. I like how it ended out regardless though. Probably should've given it a different song title than Undercooled though, since this design gives off more 'freezing cold' vibes than anything.

Layout Installation
SELECT JOURNAL STYLE	01. Select any Flexible Squares. 02. Pick an ad placement you prefer (Between Entries tends to look best in general).
CUSTOM CSS	Use layout's stylesheet(s) → NO Use layout's stylesheet(s) when including custom external stylesheet → NO Use external stylesheets → NO Use CTRL + A inside the textbox to select everything, and then copy and paste into the CUSTOM CSS box. → Original CSS /* LJ STYLE: Flexible Squares LAYOUT: Undercooled MAKER: jessilestrange // kill_zombie FOR: angelis_ignis PLEASE CREDIT: http://community.livejournal.com/kill_brainz/ OR http://jessilestrange.livejournal.com/ / body { background: url(http://i32.tinypic.com/10fqqnt.jpg) #F7F7F7; font-family: Verdana, Arial, Sans Serif; font-size: 12px; color: #FFFFFFF; text-align: left; margin: 0px; } a, a:visited, a:hover { color: #333333; text-decoration: none; } a:hover { color: #666666; cursor: help; } #content { width: 100%; margin: 0px 0px 20px 0px; padding: 0px; } .title, .subtitle, #sidebar, .separator, .clear, .clearfoot, .datesubjectcomment .ljuser img, .replytoposter .ljuser img, div.ContextualPopup img[src="http://l-stat.livejournal.com/horizon/upgrade-paid-icon.gif"], #lj_controlstrip .ljuser img { display: none; } #header { position: fixed; top: 0px; left: 0px; background: url(http://i32.tinypic.com/10fqqnt.jpg); color: #262626; text-align: left; padding: 100px 0px 15px 30px; z-index: 700; } #header, #footer { width: 100%; font-family: Georgia; font-size: 14px; text-transform: lowercase; margin: 0px; } div#header a, div#header a:hover, #footer a, #footer a:hover { color: #FFFFFF; padding: 18px; } ul.navheader, .ulnavfooter { margin: 0px; padding: 0px; } ul.navheader li, ul.navfooter li { margin: 0px 10px 0px 0px; display: inline; } ul.navheader li.view { padding: 36px 36px 15px 36px; } ul.navheader li.view, ul.navheader li.view:hover { background: #F7F7F7; } #maincontent { background: #F7F7F7; margin: 0px; padding: 140px 0px 20px 0px; } .subcontent, .ljtaglist { width: 650px; margin: 10px auto 40px auto; padding: 10px 17px 10px 17px; } .subcontent, .userpic img, .userpicfriends img, div.comments a, .commentbox, .commentboxpartial, div.ContextualPopup div.Userpic img, div.ContextualPopup div.Inner div.Content { background: #FFFFFF; border-right: 3px solid #F2F2F2; border-bottom: 3px solid #F2F2F2; } .userpic, .userpicfriends { position: relative; float: left; font-size: 0px; text-align: center; margin: -10px 10px 5px -120px; z-index: 100; } .userpicfriends { background: #F7F7F7 !important; } .userpic img, .userpicfriends img { height: 65px; width: 65px; margin: 0px 0px 5px 0px; padding: 10px; } .userpic img:hover, .userpicfriends img:hover, div.comments a:hover { border-top: 3px solid #F2F2F2; border-right: 0px; border-bottom: 0px; border-left: 3px solid #F2F2F2; } .userpicfriends a font { font-weight: bold; font-size: 9px; color: #2A5070; } .date { font-size: 9px; color: #959595; text-transform: uppercase; text-align: right; padding: 0px 0px 8px 0px; display: block; } .subject { font-family: Georgia; font-size: 23px; color: #186285; line-height: 20px; letter-spacing: -1px; text-transform: lowercase; text-align: left; border-bottom: 1px solid #F2F2F2; margin: 0px 10px 0px 10px; padding: 0px 6px 3px 6px; } .subject a, .ljcut-link a, .ljtaglist a { color: #186285; } .subject a:hover, .ljcut-link a:hover, .ljtaglist a:hover { color: #83A9BB; } .entry_text { min-height: 70px; font-family: Arial; font-size: 12px; color: #444444; margin: 12px 0px 0px 0px; } .entry_text a { font-weight: bold; } .entry_text img { max-width: 620px; margin: 1px; } .entry_text ul li { list-style-type: square; } .entry_text ol li { list-style-type: circle; } .entry_text ul li, .entry_text ol li { color: #777777; margin: 0px 15px 0px 0px; padding: 0px 6px 2px 0px; } .ljtags, .currents { font-family: Verdana; font-size: 9px; color: #444444; text-transform: lowercase; } .ljtags a, .currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong { font-weight: normal; } .ljtags, .currentlocation, .currentmood, .currentgroups, .currentmusic { padding: 2px 10px 0px 12px; } .ljtags { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/thumbtack.gif) transparent no-repeat 0% 50%; margin: 25px 0px 0px 0px; } .currentlocation { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/house.gif) transparent no-repeat 0% 50%; } .currentmood { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/heart-1.gif) transparent no-repeat 0% 50%; } .currentgroups { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/user-6.gif) transparent no-repeat 0% 50%; } .currentmusic { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/musicnote.gif) transparent no-repeat 0% 50%; } .currents img { margin: 1px; } .currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong { color: #444444; } .comments { position: absolute; float: left; width: 90px; font-family: Helvetica; font-size: 0px; text-transform: uppercase; text-align: right; margin: -50px 0px 2px -120px; padding: 0px; } div.comments a { font-weight: bold; font-size: 11px; color: #252525; margin: 0px 0px 3px 0px; padding: 7px; display: block; } .skiplinks { font-size: 9px; text-transform: uppercase; text-align: center; padding: 0px 0px 6px 0px; } #footer { color: #FFFFFF; text-align: center; padding: 30px 0px 0px 0px; } .box { width: 690px; font-size: 10px; margin: 0px auto 0px auto; padding: 0px; } .commentbox, .commentboxpartial { margin: 10px 0px 10px 0px; } .commentbox { color: #666666; padding: 8px; } .commentboxpartial { font-size: 11px; color: #444444; text-align: left; padding: 16px; } .userpiccomment { position: relative; float: right; background: #FFFFFF; border: 1px solid #EBEBEB; margin: 0px 0px 5px 10px; padding: 2px; z-index: 200; } .datesubjectcomment { font-family: Verdana; font-size: 10px; line-height: 10px; padding: 6px 6px 12px 6px; } .datesubjectcomment, .replytoposter { border-bottom: 1px solid #EBEBEB; } .replytoposter { font-family: Helvetica; font-weight: bold; font-size: 14px; color: #444444; text-transform: uppercase; text-align: right; margin: 0px 0px 8px 0px; padding: 10px 0px 5px 0px; } .replytoposter .ljuser a b { font-weight: normal; text-transform: lowercase; } .commentreply { font-size: 11px; color: #777777; text-align: left; border: 0px !important; padding: 10px; } ul.year { width: 568px; text-align: right; margin: 0px auto 0px auto; padding: 11px 16px 4px 16px; } ul.year, td.yearday, table.yeartable td.yeardate, table.yeartable td.yearday { background: #FFFFFF; border: 0px; } ul.year, td.yearday { font-family: Helvetica; font-weight: bold; font-size: 14px; color: #353535; text-transform: uppercase; } ul.year li { list-style-type: none; margin: 0px 0px 0px 15px; display: inline; } td.yearmonth { background: #FFFFFF; font-family: Georgia; font-size: 21px; color: #2A7BA1; letter-spacing: -1px; border: 0px; padding: 5px 15px 5px 15px; } td.yearday { text-align: center; padding: 11px 0px 4px 0px; } table.yeartable { width: 600px; margin: 0px auto 5px auto; padding: 0px; } table.yeartable td.yeardate { font-size: 10px; color: #888888; padding: 4px; } table.yeartable td.yeardate a { font-family: Helvetica; font-weight: bold; font-size: 14px; color: #2A7BA1; } dt { font-family: Helvetica; font-weight: normal; font-size: 19px; color: #2A7BA1; letter-spacing: -1px; } dl { font-size: 10px; color: #444444; } dl a { font-weight: bold; font-size: 11px; } dl img[src="icon_protected.gif"], dl img[src="icon_groups.gif"], dl img[src="icon_private.gif"]{ width: 0px; height: 0px; margin: 0px 1px 0px 0px !important; padding: 0px 0px 10px 10px !important; } dl img[src="icon_protected.gif"], dl img[src="icon_groups.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/181.png) transparent no-repeat; } dl img[src="icon_private.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/183.png) transparent no-repeat; } #maincontent h2 { font-family: Helvetica; font-weight: bold; text-align: center; padding: 0px 0px 9px 0px; } .ljtaglist { font-size: 10px; } .ljtaglist a { font-weight: bold; font-size: 11px; } .ljtaglist li { list-style-type: circle; padding: 0px 20px 0px 5px; } blockquote { color: #888888; text-align: justify; border-top: 1px solid #F2F2F2; border-bottom: 1px solid #F2F2F2; padding: 8px 0px 8px 0px; } textarea { background: url(http://i32.tinypic.com/10fqqnt.jpg); font-family: Verdana; font-size: 9px; color: #8A8A8A; border: 1px solid #262626; margin: 1px; padding: 3px; } input, select { background: #262626; font-family: Verdana; font-size: 9px; color: #8A8A8A; border: 1px solid #333333; margin: 1px; padding: 1px; } code { font-family: Monospace; font-size: 10px; color: #888888; } b, strong, strike { color: #1C1C1C; } i, em { color: #186285; } .subcontent h1, .subcontent h2, .subcontent h3, .subcontent h4, .subcontent h5 { font-family: Helvetica; font-style: italic; font-weight: bold; text-align: left; text-transform: uppercase; padding: 0px; } .ljuser a b { font-family: Georgia; font-weight: normal; font-style: italic; color: #2A7BA1; text-transform: lowercase; } .ljuser img { width: 0px; height: 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/008-1.png) transparent no-repeat center left; padding: 10px 10px 0px 0px !important; } img[src="userinfo.gif"], img[src="community.gif"], img[src="user_ontd.gif"], img[src="http://www.livejournal.com/stc/img/userinfo-support.gif"], img[src="partnercomm.gif"], img[src="sponcomm.gif"], img[src="syndicated.gif"], img[src="newsinfo.gif"], img[src="icon_protected.gif"], img[src="icon_private.gif"], img[src="icon_groups.gif"], img[src="btn_del.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="talk/none.gif"], img[src="help.gif"], div.ContextualPopup img[src="http://l-stat.livejournal.com/horizon/upgrade-paid-icon.gif"] { width: 0px; height: 0px; } img[src="userinfo.gif"], img[src="community.gif"], img[src="user_ontd.gif"], img[src="http://www.livejournal.com/stc/img/userinfo-support.gif"], img[src="partnercomm.gif"], img[src="sponcomm.gif"], img[src="syndicated.gif"], img[src="newsinfo.gif"], img[src="anonymous.gif"], img[src="openid-profile.gif"], img[src="talk/none.gif"], img[src="help.gif"], div.ContextualPopup img[src="http://l-stat.livejournal.com/horizon/upgrade-paid-icon.gif"] { background: transparent no-repeat center left; margin: 0px 2px 2px 0px; padding: 10px 10px 0px 0px !important; } img[src="userinfo.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/008-1.png); } img[src="community.gif"], img[src="partnercomm.gif"], img[src="sponcomm.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/078.png); } img[src="user_ontd.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/009-1.png); } img[src="http://www.livejournal.com/stc/img/userinfo-support.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/043.png); } img[src="syndicated.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/001.png); } img[src="newsinfo.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/044.png); } img[src="icon_protected.gif"], img[src="icon_private.gif"], img[src="icon_groups.gif"] { background: transparent center left; padding: 16px 16px 0px 0px; margin: 0px 5px 0px 0px !important; } img[src="icon_protected.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/55-1.png); } img[src="icon_private.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/45-1.png); } img[src="icon_groups.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/61-1.png); } img[src="btn_del.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"] { padding: 0px 0px 14px 15px !important; } img[src="btn_del.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/trash-2.png); } img[src="btn_scr.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/switch_on.png); } img[src="btn_unscr.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/switch_off.png); } img[src="btn_freeze.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/clipboard_full.png); } img[src="btn_unfreeze.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/clipboard.png); } img[src="btn_track.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/envelope-2.png); } img[src="btn_tracking.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/envelope_open.png); } img[src="btn_tracking_thread.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/switch_off.png); } img[src="anonymous.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/041.png); } img[src="openid-profile.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/058.png); } img[src="talk/none.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/039-1.png); } img[src="help.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/043.png); } .Note .Inner { background: #FFFFFF none repeat scroll 0 0; border: none; } div.ContextualPopup div.Inner { width: 270px; background: none !important; font: 9px Verdana; color: #666666 !important; border: 0px; } div.ContextualPopup div.Userpic img { margin: 10px 0px 0px 0px !important; padding: 10px; } div.ContextualPopup .Relation { margin-bottom: 5px; padding-bottom: 3px; } div.Relation, div.FriendStatus { font-family: Arial; font-size: 11px !important; color: #444444 !important; line-height: 10px; text-transform: uppercase; border-bottom: 0px; padding: 2px 2px 5px 2px; margin: 0px 0px 8px 0px; } div.ContextualPopup div.Inner div.Content { margin: 0px 85px 0px 0px; padding: 6px; } div.ContextualPopup div.Inner div.Content a { font-weight: lighter; color: #444444 !important; text-decoration: none !important; } div.ContextualPopup div.Inner div.Content a:hover { color: #A8A89F !important; } #lj_controlstrip { background: transparent; border-bottom: 0px; z-index: 800; } #lj_controlstrip_statustext { font-weight: bold; font-size: 11px; color: #FFFFFF; text-transform: uppercase; } #lj_controlstrip td { font-size: 9px; color: #FFFFFF; border-right: 0px; } #lj_controlstrip select, #lj_controlstrip input { background: #181818 !important; font: 9px Verdana !important; color: #8A8A8A !important; border: 1px solid #333333; padding: 1px; } #lj_controlstrip td a { color: #FFFFFF; text-transform: lowercase; text-decoration: none; } #lj_controlstrip td a:hover { color: #2A7BA1; text-decoration: none; } #lj_controlstrip .ljuser a b { font-size: 13px; } #lj_controlstrip .ljuser a b:hover { color: #999999; } → Undercooled (updated version) - widened entries and sidebar links enabled* /* LJ STYLE: Flexible Squares LAYOUT: Undercooled (Width+/Extra Link modification) MAKER: jessilestrange // kill_zombie (ORIGINALLY) FOR: angelis_ignis PLEASE CREDIT: http://community.livejournal.com/kill_brainz/ OR http://jessilestrange.livejournal.com/ / body { background: url(http://i32.tinypic.com/10fqqnt.jpg) #F7F7F7; font-family: Verdana, Arial, Sans Serif; font-size: 12px; color: #FFFFFFF; text-align: left; margin: 0px; } a, a:visited, a:hover { color: #333333; text-decoration: none; } a:hover { color: #666666; cursor: help; } #content { width: 100%; margin: 0px 0px 20px 0px; padding: 0px; } .title, .subtitle, .date, .separator, .clear, .clearfoot, .datesubjectcomment .ljuser img, .replytoposter .ljuser img, div.ContextualPopup img[src="http://l-stat.livejournal.com/horizon/upgrade-paid-icon.gif"], #lj_controlstrip .ljuser img { display: none; } #header { position: fixed; top: 0px; left: 0px; background: url(http://i32.tinypic.com/10fqqnt.jpg); color: #262626; text-align: left; padding: 100px 0px 15px 30px; z-index: 700; } #header, #footer { width: 100%; } #header, #footer, #sidebar { font-family: Georgia; font-size: 14px; text-transform: lowercase; margin: 0px; } div#header a, div#header a:hover, #sidebar a, #sidebar a:hover, #footer a, #footer a:hover { color: #FFFFFF; padding: 18px; } ul.navheader, .ulnavfooter { margin: 0px; padding: 0px; } ul.navheader li, ul.navfooter li, #sidebar a { margin: 0px 10px 0px 0px; display: inline; } ul.navheader li.view { padding: 36px 36px 15px 36px; } ul.navheader li.view, ul.navheader li.view:hover { background: #F7F7F7; } #sidebar { position: fixed; top: 0px; left: 540px; padding: 100px 0px 15px 0px; z-index: 700; } #maincontent { background: #F7F7F7; margin: 0px; padding: 140px 0px 20px 0px; } .subcontent, .ljtaglist { width: 570px; margin: 10px auto 40px auto; padding: 10px 17px 10px 17px; } .subcontent, .userpic img, .userpicfriends img, div.comments a, .commentbox, .commentboxpartial, div.ContextualPopup div.Userpic img, div.ContextualPopup div.Inner div.Content { background: #FFFFFF; border-right: 3px solid #F2F2F2; border-bottom: 3px solid #F2F2F2; } .userpic, .userpicfriends { position: relative; float: left; font-size: 0px; text-align: center; margin: -10px 10px 5px -120px; z-index: 100; } .userpicfriends { background: #F7F7F7 !important; } .userpic img, .userpicfriends img { height: 65px; width: 65px; margin: 0px 0px 5px 0px; padding: 10px; } .userpic img:hover, .userpicfriends img:hover, div.comments a:hover { border-top: 3px solid #F2F2F2; border-right: 0px; border-bottom: 0px; border-left: 3px solid #F2F2F2; } .userpicfriends a font { font-weight: bold; font-size: 9px; color: #2A5070; } .subject { font-family: Georgia; font-size: 23px; color: #186285; line-height: 20px; letter-spacing: -1px; text-transform: lowercase; text-align: left; border-bottom: 1px solid #F2F2F2; margin: 0px 10px 0px 10px; padding: 0px 6px 3px 6px; } .subject a, .ljcut-link a, .ljtaglist a { color: #186285; } .subject a:hover, .ljcut-link a:hover, .ljtaglist a:hover { color: #83A9BB; } .entry_text { min-height: 70px; font-family: Arial; font-size: 12px; color: #444444; margin: 12px 0px 0px 0px; } .entry_text a { font-weight: bold; } .entry_text img { max-width: 550px; margin: 1px; } .entry_text ul li { list-style-type: square; } .entry_text ol li { list-style-type: circle; } .entry_text ul li, .entry_text ol li { color: #777777; margin: 0px 15px 0px 0px; padding: 0px 6px 2px 0px; } .ljtags, .currents { font-family: Verdana; font-size: 9px; color: #444444; text-transform: lowercase; } .ljtags a, .currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong { font-weight: normal; } .ljtags, .currentlocation, .currentmood, .currentgroups, .currentmusic { padding: 2px 10px 0px 12px; } .ljtags { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/thumbtack.gif) transparent no-repeat 0% 50%; margin: 25px 0px 0px 0px; } .currentlocation { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/house.gif) transparent no-repeat 0% 50%; } .currentmood { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/heart-1.gif) transparent no-repeat 0% 50%; } .currentgroups { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/user-6.gif) transparent no-repeat 0% 50%; } .currentmusic { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/musicnote.gif) transparent no-repeat 0% 50%; } .currents img { margin: 1px; } .currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong { color: #444444; } .comments { position: absolute; float: left; width: 90px; font-family: Helvetica; font-size: 0px; text-transform: uppercase; text-align: right; margin: -50px 0px 2px -120px; padding: 0px; } div.comments a { font-weight: bold; font-size: 11px; color: #252525; margin: 0px 0px 3px 0px; padding: 7px; display: block; } .skiplinks { font-size: 9px; text-transform: uppercase; text-align: center; padding: 0px 0px 6px 0px; } #footer { color: #FFFFFF; text-align: center; padding: 30px 0px 0px 0px; } ul.year { width: 564px; text-align: right; margin: 0px auto 0px auto; padding: 11px 16px 4px 16px; } ul.year, td.yearday, table.yeartable td.yeardate, table.yeartable td.yearday { background: #FFFFFF; border: 0px; } ul.year, td.yearday { font-family: Helvetica; font-weight: bold; font-size: 14px; color: #353535; text-transform: uppercase; } ul.year li { list-style-type: none; margin: 0px 0px 0px 15px; display: inline; } td.yearmonth { background: #FFFFFF; font-family: Georgia; font-size: 21px; color: #2A7BA1; letter-spacing: -1px; border: 0px; padding: 5px 15px 5px 15px; } td.yearday { text-align: center; padding: 11px 0px 4px 0px; } table.yeartable { width: 600px; margin: 0px auto 5px auto; padding: 0px; } table.yeartable td.yeardate { font-size: 10px; color: #888888; padding: 4px; } table.yeartable td.yeardate a { font-family: Helvetica; font-weight: bold; font-size: 14px; color: #2A7BA1; } dt { font-family: Helvetica; font-weight: normal; font-size: 19px; color: #2A7BA1; letter-spacing: -1px; } dl { font-size: 10px; color: #444444; } dl a { font-weight: bold; font-size: 11px; } dl img[src="icon_protected.gif"], dl img[src="icon_groups.gif"], dl img[src="icon_private.gif"]{ width: 0px; height: 0px; margin: 0px 1px 0px 0px !important; padding: 0px 0px 10px 10px !important; } dl img[src="icon_protected.gif"], dl img[src="icon_groups.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/181.png) transparent no-repeat; } dl img[src="icon_private.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/183.png) transparent no-repeat; } #maincontent h2 { font-family: Helvetica; font-weight: bold; text-align: center; padding: 0px 0px 9px 0px; } .ljtaglist { font-size: 10px; } .ljtaglist a { font-weight: bold; font-size: 11px; } .ljtaglist li { list-style-type: circle; padding: 0px 20px 0px 5px; } blockquote { color: #888888; text-align: justify; border-top: 1px solid #F2F2F2; border-bottom: 1px solid #F2F2F2; padding: 8px 0px 8px 0px; } textarea { background: url(http://i32.tinypic.com/10fqqnt.jpg); font-family: Verdana; font-size: 9px; color: #8A8A8A; border: 1px solid #262626; margin: 1px; padding: 3px; } input, select { background: #262626; font-family: Verdana; font-size: 9px; color: #8A8A8A; border: 1px solid #333333; margin: 1px; padding: 1px; } code { font-family: Monospace; font-size: 10px; color: #888888; } b, strong, strike { color: #1C1C1C; } i, em { color: #186285; } .subcontent h1, .subcontent h2, .subcontent h3, .subcontent h4, .subcontent h5 { font-family: Helvetica; font-style: italic; font-weight: bold; text-align: left; text-transform: uppercase; padding: 0px; } .ljuser a b { font-family: Georgia; font-weight: normal; font-style: italic; color: #2A7BA1; text-transform: lowercase; } .ljuser img { width: 0px; height: 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/008-1.png) transparent no-repeat center left; padding: 10px 10px 0px 0px !important; } img[src="userinfo.gif"], img[src="community.gif"], img[src="user_ontd.gif"], img[src="http://www.livejournal.com/stc/img/userinfo-support.gif"], img[src="partnercomm.gif"], img[src="sponcomm.gif"], img[src="syndicated.gif"], img[src="newsinfo.gif"], img[src="icon_protected.gif"], img[src="icon_private.gif"], img[src="icon_groups.gif"], img[src="btn_del.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="talk/none.gif"], img[src="help.gif"], div.ContextualPopup img[src="http://l-stat.livejournal.com/horizon/upgrade-paid-icon.gif"] { width: 0px; height: 0px; } img[src="userinfo.gif"], img[src="community.gif"], img[src="user_ontd.gif"], img[src="http://www.livejournal.com/stc/img/userinfo-support.gif"], img[src="partnercomm.gif"], img[src="sponcomm.gif"], img[src="syndicated.gif"], img[src="newsinfo.gif"], img[src="anonymous.gif"], img[src="openid-profile.gif"], img[src="talk/none.gif"], img[src="help.gif"], div.ContextualPopup img[src="http://l-stat.livejournal.com/horizon/upgrade-paid-icon.gif"] { background: transparent no-repeat center left; margin: 0px 2px 2px 0px; padding: 10px 10px 0px 0px !important; } img[src="userinfo.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/008-1.png); } img[src="community.gif"], img[src="partnercomm.gif"], img[src="sponcomm.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/078.png); } img[src="user_ontd.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/009-1.png); } img[src="http://www.livejournal.com/stc/img/userinfo-support.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/043.png); } img[src="syndicated.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/001.png); } img[src="newsinfo.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/044.png); } img[src="icon_protected.gif"], img[src="icon_private.gif"], img[src="icon_groups.gif"] { background: transparent center left; padding: 16px 16px 0px 0px; margin: 0px 5px 0px 0px !important; } img[src="icon_protected.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/55-1.png); } img[src="icon_private.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/45-1.png); } img[src="icon_groups.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/61-1.png); } img[src="btn_del.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"] { padding: 0px 0px 14px 15px !important; } img[src="btn_del.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/trash-2.png); } img[src="btn_scr.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/switch_on.png); } img[src="btn_unscr.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/switch_off.png); } img[src="btn_freeze.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/clipboard_full.png); } img[src="btn_unfreeze.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/clipboard.png); } img[src="btn_track.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/envelope-2.png); } img[src="btn_tracking.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/envelope_open.png); } img[src="btn_tracking_thread.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/switch_off.png); } img[src="anonymous.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/041.png); } img[src="openid-profile.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/058.png); } img[src="talk/none.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/039-1.png); } img[src*="help.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/043.png); } .Note .Inner { background: #FFFFFF none repeat scroll 0 0; border: none; } div.ContextualPopup div.Inner { width: 270px; background: none !important; font: 9px Verdana; color: #666666 !important; border: 0px; } div.ContextualPopup div.Userpic img { margin: 10px 0px 0px 0px !important; padding: 10px; } div.ContextualPopup .Relation { margin-bottom: 5px; padding-bottom: 3px; } div.Relation, div.FriendStatus { font-family: Arial; font-size: 11px !important; color: #444444 !important; line-height: 10px; text-transform: uppercase; border-bottom: 0px; padding: 2px 2px 5px 2px; margin: 0px 0px 8px 0px; } div.ContextualPopup div.Inner div.Content { margin: 0px 85px 0px 0px; padding: 6px; } div.ContextualPopup div.Inner div.Content a { font-weight: lighter; color: #444444 !important; text-decoration: none !important; } div.ContextualPopup div.Inner div.Content a:hover { color: #A8A89F !important; }
SIDEBAR	*This will only work with the updated version!* Show the blurb/free text in the sidebar? → YES Once you've done that, set everything else to NO, and you can begin coding your links inside of the blurb/free text! Keep in mind that you are restricted by size here, so only add in a few links!
IMAGES	Save these to your own servers to ensure that the images don't die on you when my Photobucket explodes :D Tiny Icons → User - Support User - ONTD User - Commmunity - News - Syndicated Entry Header → Protected - Private - Groups Comment Pages → Anonymous - Open ID - None - Help - Delete - Screen - Unscreen - Freeze - Unfreeze - Track - Tracking - Tracking Thread Background → Wood Texture An easy way to replace all of the old URLs listed below with the new is to use CTRL + H when editing in a program like Notepad.

047 - The Loneliest Guy [Smooth Sailing]

2010-07-03T09:58:05Z

The Loneliest Guy ► LIVE | STATIC | FAQ

Layout Information
TESTED BROWSERS	Mozilla Firefox, Internet Explorer
PROBLEMS?	Looks utterly fucked in IE
FEATURES	Topbar, tiny icons, contextual pop ups, custom nav-strip
DISABLED	Footer menu, header-title/subtitle
AD-PLACEMENT	Between Entries
FINAL NOTES	Request for know. I adore this girl's taste in colours, which made this layout pretty easy to do since all the colours were pretty and balanced and worked so well together. Probably my new favourite design~

Layout Installation
SELECT JOURNAL STYLE	01. Select any Smooth Sailing. 02. Pick an ad placement you prefer (Between Entries tends to look best in general).
CUSTOM CSS	Use layout's stylesheet(s) → NO Use layout's stylesheet(s) when including custom external stylesheet → NO Use CTRL + A inside the textbox to select everything, and then copy and paste into the CUSTOM CSS box. /* LJ STYLE: Smooth Sailing LAYOUT: The Loneliest Guy MAKER: jessilestrange // kill_zombie FOR: physician PLEASE CREDIT: http://community.livejournal.com/kill_brainz/ OR http://jessilestrange.livejournal.com/ / body { background: #A8A89F; font-family: Verdana, Lucida Sans Unicode, Arial; font-size: 10px; color: #555555; text-align: center; margin: 0px; padding: 0px; } a, a:visited { color: #926F6B; text-decoration: none; } a:hover { color: #372B2D; cursor: help; } .pageblock { width: 820px; margin: 80px auto 40px auto; padding: 0px; } .pagefooterblock, .bodyheaderblock, #footer-menu, .header-title, .header-subtitle, .header-icon, .sidebar .ljuser img, .profile-label, .entryUserinfo .ljuser img, .entryUserinfo .ljuser a b, .entryLinkbar a[st_page="home"], .commentUserinfo .ljuser img, #lj_controlstrip .ljuser img { display: none; } .pagheaderblock { margin: 0px auto; padding: 0px; } .header-menu { background: #C8CFCB; font-family: Helvetica; font-weight: bold; font-size: 15px; text-transform: uppercase; text-align: right; border-bottom: 5px solid #A8A89F; padding: 18px 0px 10px 0px; } .header-menu a { background: #C8CFCB; color: #919191; border-left: 5px solid #A8A89F; padding: 18px 10px 10px 10px; } .header-menu a:hover { background: #B8C2BC; color: #555555; } .header-menu ul, .header-menu li, .entryLinkbar ul, .entryLinkbar li { list-style-type: none; margin: 0px; padding: 0px; } .header-menu li { display: inline; } .bodyblock { padding: 0px; } .sidebar { width: 220px; margin: 0px 5px 0px 0px; } .sidebox, .entryHolder { margin: 0px 0px 5px 0px; padding: 0px; } .sideboxContent { background: #FFFFFF; font-size: 11px; text-align: left; padding: 10px; } .sideboxTitle { text-align: left; border-bottom: 5px solid #A8A89F; } .sideboxTitle, .listtitle { background: #C8CFCB; font-family: Helvetica; font-weight: bold; font-size: 18px; color: #372B2D; text-transform: uppercase; line-height: 16px; padding: 18px 10px 10px 10px; } .sidebox #profile { min-height: 65px; font-size: 9px; } .sidebox #profile .ljuser a b, .sidebox #summary .ljuser a b { font-family: Helvetica; font-size: 10px; } .profile-content { font-size: 11px; text-transform: uppercase; } img.profile-userpic { float: left; background: #B8C2BC; height: 55px; width: 55px; border-right: 5px solid #A8A89F; border-bottom: 5px solid #A8A89F; margin: -10px 10px 5px -10px; padding: 15px; } .sidebox #systemlinks, .sidebox #tags_sidebox { font-size: 0px; text-align: left; } .sidebox #systemlinks { margin: 0px 0px -5px 0px; padding: 0px; } .listtitle { text-align: right; } .listtitle, .listitem { border-bottom: 5px solid #A8A89F; } .listitem { background: #C8CFCB; padding: 10px 10px 5px 10px; } .listitem:hover { background: #B8C2BC; } .listitem a { font-family: Helvetica; font-weight: bold; font-size: 15px; color: #919191; text-transform: uppercase; } .listitem a:hover, .entryLinkbar a:hover { color: #555555; } .listitem:hover, .entryLinkbar a:hover { background: #B8C2BC; } .sidebox #tags_sidebox a { font-size: 11px; line-height: 11px; margin: 3px 0px 0px 0px; display: block; } .sidebox #summary img[src="icon_protected.gif"], .sidebox #summary img[src="icon_groups.gif"], .sidebox #summary img[src="icon_private.gif"], .daysubjects img[src="icon_protected.gif"], .daysubjects img[src="icon_groups.gif"], .daysubjects img[src="icon_private.gif"] { height: 0px; width: 0px; background: no-repeat center left; margin: 0px !important; padding: 10px 10px 0px 0px !important; } .sidebox #summary img[src="icon_protected.gif"], .sidebox #summary img[src="icon_groups.gif"], .daysubjects img[src="icon_protected.gif"], .daysubjects img[src="icon_groups.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/181.png) transparent !important; } .sidebox #summary img[src="icon_private.gif"], .daysubjects img[src="icon_private.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/183.png) transparent !important; } .sidebox #latestmonth { font-family: Helvetica; font-weight: bold; font-size: 10px; text-transform: uppercase; } .sidebox #latestmonth table { width: 95%; margin: 0px auto 0px auto; } .latestmonth-inactive, .latestmonth-active { color: #919191; text-align: center; margin: 1px; padding: 6px; } .latestmonth-inactive, .day-date { background: #C8CFCB; } .latestmonth-active, .day-date:hover { background: #B8C2BC; } .latestmonth-active a, .day-date:hover { color: #FFFFFF; } .sidebox #search { font-family: Helvetica; font-size: 10px; text-transform: uppercase; text-align: center; } .sidebox #search input, .sidebox #search select { background: #C8CFCB; font-family: Verdana; font-weight: bold; font-size: 9px; color: #919191; border: 0px; margin: 1px; padding: 3px; } .sidebox #search input:hover, .sidebox #search select:hover { background: #B8C2BC; } .entryHolder { background: #C8CFCB; margin: 0px 0px 5px 0px; padding: 0px; } .entryHeader { height: 75px; font-family: Helvetica; font-size: 0px; text-transform: uppercase; text-align: left; margin: 0px; padding: 10px 110px 0px 10px; } .entryHeaderDate { font-weight: bold; font-size: 25px; color: #B8C2BC; letter-spacing: -2px; text-align: right; display: block; } .entryHeader a { font-weight: bold; font-size: 18px; color: #372B2D; line-height: 16px; margin: -8px 0px; z-index: 40; } .entryHeaderSubject { padding: 0px; z-index: 30; } .entryUserinfo { text-align: center; } .entryUserinfo-usericon img { position: relative; background: #B8C2BC; height: 55px; width: 55px; border: 0px; border-left: 5px solid #A8A89F; margin: -85px 0px 8px 0px; padding: 15px; z-index: 50; } .entryText { font-size: 12px; color: #555555; border-top: 5px solid #A8A89F; padding: 17px; } .entryText, .entryMetadata { background: #FFFFFF; text-align: left; margin: 0px; } .entryText img { max-width: 550px; background: #F3F3F3; margin: 2px; padding: 4px; } .entryText li { color: #444444; } .ljcut-link a { font-weight: bold; text-transform: uppercase; } .entryMetadata { font-size: 9px; color: #888888; text-transform: uppercase; padding: 10px 17px 17px 17px; } .entryMetadata-label { margin: 0px 3px 0px 0px; } .entryMetadata ul { margin: 0px; padding: 0px; } .entryMetadata li { list-style-type: none; margin: 0px; padding: 0px; display: block; } .entryMetadata img { margin: 1px; } .entryLinkbar { font-family: Helvetica; font-weight: bold; font-size: 15px; border-top: 5px solid #A8A89F; padding: 0px; } .entryLinkbar a { float: left; width: 25%; background: #C8CFCB; color: #919191; text-transform: uppercase; list-style-type: none; margin: 0px; padding: 6px 0px 6px 0px; display: block; } .commentHolder { background: #FFFFFF; border-bottom: 5px solid #A8A89F; margin: 0px; padding: 0px; } .commentHeader, .commentHeaderScreened { height: 25px; background: #C8CFCB; font-family: Helvetica; font-weight: bold; font-size: 10px; text-align: right; border-bottom: 5px solid #A8A89F; margin: 0px; padding: 20px 20px 0px 110px; } .commentHeaderScreened { font-style: italic; } .commentHeaderSubject { text-transform: uppercase; } .commentUserinfo { position: relative; width: 100px; background: #B8C2BC; font-size: 9px; color: #555555; text-align: center; border-right: 5px solid #A8A89F; border-bottom: 5px solid #A8A89F; margin: -50px 10px 5px 0px; padding: 20px 0px 13px 0px; z-index: 50; } .commentUserinfo-usericon img { height: 75px; width: 75px; border: 0px; margin: 0px 20px 7px 20px; } .commentUserinfo .ljuser a b { font-family: Helvetica; font-weight: bold; color: #FFFFFF; text-transform: uppercase; } .commentText { font-size: 11px; text-align: left; padding: 17px; } .commentLinkbar { font-size: 9px; color: #333333; text-transform: lowercase; line-height: 10px; text-align: right; border-top: 1px solid #EDEDED; margin: 0px 5px 0px 5px; padding: 3px 0px 2px 0px; } .commentLinkbar li { list-style-type: none; margin: 0px 12px 0px 0px; padding: 0px; display: inline; } .replyform { background: #FFFFFF; font-family: Verdana; font-size: 10px; color: #555555; padding: 10px; } #commenttext { width: 100%; } .yearlinks { text-align: right; } .yearlink { padding: 0px 5px 0px 5px; } .month { width: 100%; border-top: 5px solid #A8A89F; margin: -41px 0px 0px 0px; padding: 0px; } .daytitles { font-family: Helvetica; font-weight: bold; font-size: 10px; text-transform: uppercase; text-align: center; padding: 16px 0px 10px 0px; } .daytitles, .day-blank, .day, .tagstable, .tagstable td { background: #FFFFFF; border: 3px solid #FFFFFF; } .day-blank, .day, .tagstable td { padding: 10px; } .daysubjects { background: #FFFFFF; font-size: 9px; text-align: left; border-top: 5px solid #A8A89F; margin: -41px 0px 0px 0px; padding: 10px 0px 10px 30px; } .daysubjects a { font-family: Helvetica; font-weight: bold; font-size: 10px; text-transform: uppercase; } .daysubjects img { width: 0px; height: 0px; background-repeat: no-repeat; margin: 0px 2px 0px 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/065.png); padding: 10px 10px 0px 0px; } .day-date { font-weight: bold; font-size: 10px; color: #919191; text-align: left; border: 0px; margin: 0px 0px 4px 0px; padding: 4px 6px 2px 6px; } .day-count { float: right; width: 30%; line-height: 19px; text-align: center; } .day-count a { font-family: Helvetica; font-size: 18px; } .tagstable { width: 550px; margin: 20px auto; } .tagstable td { font-size: 11px; text-transform: uppercase; } .tagstable a, ul.taglist a { font-family: Helvetica; font-weight: bold; font-size: 10px; text-transform: uppercase; } ul.taglist { padding: 0px 15px 0px 0px; } ul.taglist li { font-size: 9px; padding: 0px 3px 3px 9px; } blockquote { background: #C8CFCB; font-family: Helvetica; font-weight: bold; font-size: 14px; color: #919191; line-height: 14px; text-align: justify; padding: 15px; } blockquote a, blockquote .ljuser a b { color: #969696; } input, textarea, select { background-color: #F8F8F8; font-family: Verdana; font-size: 10px; border: 1px solid #DDDDDD; margin: 1px; padding: 2px; } textarea { height: 90px; width: 400px; color: #666666; text-align: left; } b, strong, i, em, strike { color: #A8A89F; } li { list-style-position: outside; list-style-type: decimal-leading-zero; margin: 2px 0px 0px 20px; padding: 0px 0px 2px 9px; } h1, h2, h3, h4, h5 { font-family: Helvetica; font-weight: bold; color: #372B2D; text-transform: uppercase; } .ljuser a b { color: #926F6B; } .ljuser a b:hover { color: #372B2D; } .ljuser img { width: 0px; height: 0px; background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/041.png) no-repeat bottom left; padding: 10px 10px 0px 0px !important; } img[src="userinfo.gif"], img[src="user_ontd.gif"], img[src="http://www.livejournal.com/stc/img/userinfo-support.gif"], img[src="community.gif"], img[src="partnercomm.gif"], img[src="sponcomm.gif"], img[src="icon_protected.gif"], img[src="icon_groups.gif"], img[src="icon_private.gif"], img[src="syndicated.gif"], img[src="newsinfo.gif"], div.ContextualPopup img[src="http://l-stat.livejournal.com/horizon/upgrade-paid-icon.gif"] { width: 0px; height: 0px; padding: 10px 10px 0px 0px !important; } img[src="userinfo.gif"], img[src="user_ontd.gif"], img[src="http://www.livejournal.com/stc/img/userinfo-support.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/031-1.png) no-repeat center left !important; } img[src="community.gif"], img[src="partnercomm.gif"], img[src="sponcomm.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/045-1.png) no-repeat center left !important; } img[src="syndicated.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/001.png) no-repeat center left !important; } img[src="newsinfo.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/078.png) no-repeat center left !important; } img[src="icon_protected.gif"], img[src="icon_groups.gif"], img[src="icon_private.gif"] { background: no-repeat center left !important; margin: 0px 5px 0px 0px; padding: 16px 16px 0px 0px !important; } img[src="icon_protected.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/018.png) !important; } img[src="icon_groups.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/019.png) !important; } img[src="icon_private.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/025.png) !important; } img[src="anonymous.gif"], img[src="openid-profile.gif"], .replyform img[src="userinfo.gif"], img[src="none.gif"], img[src="help.gif"], img[src="pencil.gif"], img[src="btn_edit.gif"] { height: 0px; width: 0px; background: no-repeat scroll 50% 50%; padding: 0px 0px 14px 15px !important; } img[src="anonymous.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/earth.png); } img[src="openid-profile.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/talking.png); } .replyform img[src="userinfo.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/user-9.png) !important; } img[src="none.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/happyface.png); } img[src="help.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/exclamation.png); } img[src="pencil.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/pencil-1.png); } img[src="btn_edit.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/clipboard_full.png); } div.ContextualPopup img[src="http://l-stat.livejournal.com/horizon/upgrade-paid-icon.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/arrow_up-3.gif) no-repeat center left; vertical-align: baseline !important; } div.ContextualPopup div.Inner { width: 270px; background: none !important; font: 10px Verdana; color: #666666 !important; border: 0px; } div.ContextualPopup div.Userpic img { background: #B8C2BC; margin: 0px !important; padding: 10px; } div.ContextualPopup div.Userpic img, div.ContextualPopup div.Inner div.Content { border: 1px solid #C8CFCB; } div.ContextualPopup .Relation { margin-bottom: 5px; padding-bottom: 3px; } div.Relation, div.FriendStatus { font-family: Arial; font-size: 11px !important; color: #444444 !important; line-height: 10px; text-transform: uppercase; border-bottom: 0px; padding: 2px 2px 5px 2px; margin: 0px 0px 8px 0px; } div.ContextualPopup div.Inner div.Content { background: #C8CFCB; margin: 0px 85px 0px 0px; padding: 6px; } div.ContextualPopup div.Inner div.Content a { font-weight: lighter; color: #444444 !important; text-decoration: none !important; } div.ContextualPopup div.Inner div.Content a:hover { color: #A8A89F !important; } #lj_controlstrip { border-bottom: 0px; z-index: 300; } #lj_controlstrip_statustext { font-family: Verdana; font-weight: bold; font-size: 11px; color: #926F6B; text-transform: uppercase; } #lj_controlstrip td { background: #372B2D !important; font-size: 10px; font-weight: bold; color: #FFFFFF; border-right: 0px; } #lj_controlstrip select, #lj_controlstrip input { background: #926F6B !important; font: 10px Helvetica !important; color: #372B2D !important; border: 1px solid #372B2D; padding: 1px; } #lj_controlstrip td a { font-weight: bold; color: #926F6B; text-decoration: none; } #lj_controlstrip td a:hover { color: #A8A89F; text-decoration: none; } #lj_controlstrip .ljuser a b, #lj_controlstrip .ljuser a b:hover { font-family: Helvetica; font-weight: bold; font-size: 13px; color: #926F6B; text-transform: lowercase; }
DISPLAY > PRESENTATION	Expand BASIC OPTIONS and ADDITIONAL OPTIONS Userinfo Position in Entries → Right side of the Entry Text Wrap Entry text under userinfo → Yes
IMAGES	Save these to your own servers to ensure that the images don't die on you when my Photobucket explodes :D Tiny Icons → User/Support User/User ONTD - Commmunity - News - Syndicated Entry Header → Protected - Private - Groups Comment Pages → Anonymous - Open ID - User - None - Help - Pencil - Edit An easy way to replace all of the old URLs listed below with the new is to use CTRL + H when editing in a program like Notepad.

046 - Cyber Devils [Smooth Sailing]

2010-06-21T19:55:25Z

Cyber Devils ► LIVE | STATIC | FAQ

Layout Information
TESTED BROWSERS	Mozilla Firefox
PROBLEMS?	I WILL CHECK FOR THIS LATER. SLEEP COMES FIRST~
FEATURES	Fixed scrollbar (optional: you can turn it off), neon colours, tiny icons, contextual pop ups, custom nav-strip
DISABLED	Only the header subtitle.
AD-PLACEMENT	Between Entries
FINAL NOTES	Made for adela_nightmoon who probably has a fetish with the colour purple. I think that so far, every layout I've seen her use has been purple in some way, so no surprise that of all the colours she could've given me, purple has wormed it's way into every palette, lol. Because I have a feeling that some people will want the sidebar to scroll rather that follow you as your scroll, there's a scrollable version available, so know yourselves out!

Layout Installation
SELECT JOURNAL STYLE	01. Select any Smooth Sailing. 02. Pick an ad placement you prefer (Between Entries tends to look best in general).
CUSTOM CSS	Use layout's stylesheet(s) → NO Use layout's stylesheet(s) when including custom external stylesheet → NO Use CTRL + A inside the textbox to select everything, and then copy and paste into the CUSTOM CSS box. → Original - Fixed Sidebar /* LJ STYLE: Smooth Sailing LAYOUT: Cyber Devils MAKER: jessilestrange // kill_zombie FOR: adela_nightmoon PLEASE CREDIT: http://community.livejournal.com/kill_brainz/ OR http://jessilestrange.livejournal.com/ / body { background: url(http://i48.tinypic.com/2qv7dw9.png) #FFFFFF repeat-y; font-family: Verdana, Arial, Lucida Sans Unicode; font-size: 10px; color: #555555; text-align: center; margin: 0px; padding: 0px; } a, a:visited { color: #F225AA; text-decoration: none; } a:hover { color: #8A1DAB; cursor: help; } .pageblock { margin: 0px; padding: 50px 50px 0px 360px; } .pagefooterblock, .bodyheaderblock, .header-subtitle, .header-icon, .sideboxTitle, .sidebar .ljuser img, .profile-label, .profile-content, .entryUserinfo .ljuser img, .entryLinkbar a[st_page="home"], .commentUserinfo .ljuser img, #lj_controlstrip .ljuser img { display: none; } .sidebar { position: fixed; top: 0px; left: 0px; width: 315px; margin: 0px; padding: 50px 0px 0px 0px; z-index: 100; } .sidebar a, .sidebar a:visited, .sidebar .ljuser a b { color: #FFFFFF; } .sidebox { margin: 0px 30px 15px 20px; padding: 0px; } .sideboxContent { font-family: Verdana; font-size: 10px; color: #FFFFFF; padding: 13px; } .sideboxContent, .sidebox #summary, .sidebox #search { text-align: left; } .sidebox #profile, .sidebox #latestmonth { text-align: center; } .sidebox #profile { font-size: 0px; } img.profile-userpic { background: #FF42BD; border: 1px solid #FF78D0; -moz-border-radius: 4px; padding: 15px; } .sidebox #summary { background: #FF42BD; font-family: Helvetica; font-size: 11px; color: #FFFFFF; -moz-border-radius: 2px; margin: 0px 13px 0px 13px; padding: 8px; } .sidebox #summary a { font-weight: bold; } .sidebox #summary img[src="icon_protected.gif"], .sidebox #summary img[src="icon_groups.gif"], .sidebox #summary img[src="icon_private.gif"], .daysubjects img[src="icon_protected.gif"], .daysubjects img[src="icon_groups.gif"], .daysubjects img[src="icon_private.gif"] { height: 0px; width: 0px; background: no-repeat center left; margin: 0px !important; padding: 10px 10px 0px 0px !important; } .sidebox #summary img[src="icon_protected.gif"], .sidebox #summary img[src="icon_groups.gif"], .daysubjects img[src="icon_protected.gif"], .daysubjects img[src="icon_groups.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/181.png) transparent !important; } .sidebox #summary img[src="icon_private.gif"], .daysubjects img[src="icon_private.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/183.png) transparent !important; } .sidebox #systemlinks, .sidebox #tags_sidebox { font-family: Helvetica; font-size: 0px; letter-spacing: 1px; text-align: left; } .listtitle { font-weight: bold; font-size: 11px; text-transform: uppercase; } .listtitle, .listitem, .sidebox #tags_sidebox a { background: #FF42BD; margin: 0px 0px 5px 0px; padding: 3px 8px 3px 8px; display: block; } .listitem a, .sidebox #tags_sidebox a { font-size: 11px; text-transform: lowercase; } .listtitle:hover, .listitem:hover, .sidebox #tags_sidebox a:hover { background: #FF78D0; } .sidebox #latestmonth a { font-weight: bold; text-transform: uppercase; } .sidebox #latestmonth table { width: 100%; margin: 0px auto 0px auto; } .latestmonth-inactive, .latestmonth-active { font-family: Terminal; font-size: 10px; color: #FFFFFF; margin: 2px; padding: 7px; } .latestmonth-inactive { background: #FF42BD; } .latestmonth-active { background: #FF78D0; font-weight: normal; } .sidebox #search { font-family: Helvetica; font-size: 10px; text-transform: uppercase; } .sidebox #search input, .sidebox #search select { background: #FF42BD; font-family: Terminal; font-size: 9px; color: #FFFFFF; border: 0px; margin: 1px; padding: 3px; } .bodyblock { margin: 0px; padding: 0px; } .pagheaderblock { margin: 0px auto; padding: 0px; } .header-title { font-family: Terminal; font-size: 13px; color: #9E9E9E; letter-spacing: 2px; text-align: left; text-transform: uppercase; padding: 0px 6px 6px 6px; } .header-menu { padding: 3px 0px 40px 0px; } .header-menu, .entryHolder { border-bottom: 1px solid #DDDDDD; margin: 0px 0px 25px 0px; } .header-menu, .entryLinkbar { text-align: right; border-top: 1px solid #DDDDDD; } .header-menu a, .entryLinkbar a { background: #F2F2F2; font-family: Terminal; font-size: 10px; color: #9E9E9E; letter-spacing: 1px; text-transform: uppercase; padding: 6px; } .header-menu a:hover, .entryLinkbar a:hover, .commentLinkbar li:hover:hover, .daytitles:hover, .day-blank:hover, .day:hover, .tagstable td:hover, ul.taglist li:hover { background: #F8F8F8; } .header-menu ul, .entryLinkbar ul, #footer-menu ul, .commentLinkbar ul { margin: 0px; padding: 0px; } .header-menu li, .entryLinkbar li { border-left: 1px solid #FFFFFF; list-style-type: none; margin: 0px; padding: 0px; display: inline; } .entryHolder, .commentHolder { padding: 0px 0px 40px 0px; } .entryUserinfo { position: relative; color: #333333; text-align: center; margin: -100px 0px 0px 0px; padding: 0px 30px 0px 30px; z-index: 100; } .entryUserinfo-usericon img { height: 70px; width: 70px; } .entryUserinfo-usericon img, .commentUserinfo-usericon img { border: 1px solid #DDDDDD; margin: 0px 0px 3px 0px; padding: 1px; } .entryUserinfo .ljuser a b { font-family: Terminal; font-size: 8px; text-transform: uppercase; margin: 0px; } .entryHeader { min-height: 100px; font-size: 0px; text-align: left; border-bottom: 1px solid #DDDDDD; padding: 0px 0px 0px 130px; } .entryHeaderDate { font-family: Terminal; font-size: 11px; color: #9E9E9E; letter-spacing: 1px; text-transform: uppercase; margin: 0px 0px 8px 0px; display: block; } .entryHeader a { font-family: Helvetica; font-weight: bold; font-size: 30px; color: #F225AA; text-transform: uppercase; letter-spacing: -1px; line-height: 28px; } .entryHeader a:hover, .entryUserinfo .ljuser a b:hover, .entryMetadata a:hover, #footer-menu a:hover, .commentUserinfo .ljuser a b:hover { color: #02C3E6; } .entryHeaderSubject { padding: 0px 0px 0px 5px; z-index: 30; } .entryText { min-height: 20px; font-size: 12px; text-align: left; margin: 0px 5px 0px 5px; padding: 15px 0px 15px 0px; } .entryText img { max-width: 640px; border: 1px solid #DDDDDD; margin: 1px; padding: 1px; } .entryText li { color: #444444; } .ljcut-link a { font-family: Helvetica; font-weight: bold; text-transform: uppercase; } .entryMetadata { font-size: 9px; color: #555555; text-transform: uppercase; text-align: left; margin: 0px; padding: 10px 10px 10px 0px; } .entryMetadata-label { font-family: Terminal; font-size: 8px; margin: 0px 3px 0px 0px; } .entryMetadata ul { margin: 0px; padding: 0px; } .entryMetadata li { list-style-type: none; margin: 0px; padding: 0px 0px 0px 5px; display: block; } .entryMetadata img { margin: 1px; } .entryLinkbar { padding: 3px 0px 0px 0px; } #footer-menu { font-family: Helvetica; text-transform: uppercase; text-align: right; padding: 20px 0px 20px 0px; } #footer-menu a { font-weight: bold; font-size: 38px; color: #F225AA; letter-spacing: -1px; } #footer-menu li { list-style-type: none; margin: 0px 0px 1px 0px; padding: 0px; } .bodynavblock { color: #9E9E9E; text-align: left; margin: 0px; padding: 20px 0px 20px 0px; } .commentHeader, .commentHeaderScreened { font-family: Terminal; font-size: 10px; color: #777777; letter-spacing: 1px; text-transform: uppercase; text-align: left; padding: 6px; } .commentHeader, .commentHeaderScreened, .commentLinkbar li { background: #F2F2F2; border-bottom: 1px solid #DDDDDD; } .commentHeaderScreened { color: #353535; } .commentUserinfo { font-family: Terminal; font-size: 9px; color: #979797; margin: 10px 10px 10px 0px; } .commentUserinfo-usericon img { height: 80px; width: 80px; } .commentUserinfo .ljuser a b { font-size: 9px; text-transform: uppercase; margin: 0px 0px 5px 0px; } .commentText { font-size: 12px; text-align: left; margin: 0px 5px 0px 5px; padding: 15px 0px 15px 0px; } .commentLinkbar { font-family: Arial; font-weight: bold; font-size: 11px; color: #777777; text-align: right; text-transform: lowercase; margin: 0px; } .commentLinkbar a { color: #777777; } .commentLinkbar li { list-style-type: none; margin: 0px 0px 0px 0px; padding: 5px 8px 5px 8px; display: inline; } .replyform { background-color: #FFFFFF; color: #9E9E9E; padding: 17px; } #qrform { color: #FFFFFF; border: medium none !important; padding: 16px; } #qrform table { width: 98%; color: #AAAAAA; border:0 none !important; } .yearlinks { text-align: right; } .yearlink { padding: 0px 5px 0px 5px; } .month, .daysubjects { margin: -40px auto 20px auto; } .month, .tagstable { width: 100%; } .daytitles { font-family: Terminal; font-size: 10px; color: #9E9E9E; text-align: center; text-transform: uppercase; letter-spacing: 1px; } .daysubjects { font-family: Terminal; font-size: 10px; color: #9E9E9E; text-align: left; } .daysubjects a { font-family: Verdana; font-weight: bold; font-size: 12px; text-transform: uppercase; } .daytitles, .day-blank, .day, .tagstable td { background: #F2F2F2; border: 2px solid #FFFFFF; padding: 5px; } .day-date { width: 30%; font-family: Terminal; font-size: 11px; color: #9E9E9E; text-align: left; border: 0px; padding: 1px; } .day-count { float: right; width: 50%; font-size: 25px; text-align: center; } .day-count a { font-family: Helvetica; font-size: 20px; } .tagstable { margin: 20px auto; } .tagstable a, ul.taglist a { font-family: Verdana; font-size: 10px; text-transform: lowercase; } .tagstable td { text-align: center; text-transform: uppercase; } .tagstable td, ul.taglist li { background: #F2F2F2; font-family: Terminal; font-size: 11px; color: #9E9E9E; } ul.taglist { margin: 20px auto; } ul.taglist li { list-style-type: none; margin: 0px 0px 5px 0px; padding: 3px 8px 3px 8px; display: block; } blockquote { font-family: Helvetica; font-size: 20px; color: #999999; line-height: 21px; text-align: right; border-right: 14px solid #8A1DAB; padding: 0px 12px 0px 40px; } blockquote:first-line, blockquote .ljuser a b, blockquote b, blockquote strong, blockquote i, blockquote em, blockquote u, blockquote strike, blockquote a { color: #8A1DAB; } blockquote u { text-decoration: none; border-bottom: 3px solid #8A1DAB; } input, textarea, select { background-color: #F8F8F8; font-family: Terminal; font-size: 10px; border: 1px solid #DDDDDD; margin: 1px; padding: 2px; } textarea { height: 90px; width: 400px; color: #666666; text-align: left; } b, strong, i, em, strike { color: #F225AA; } u { text-decoration: none; border-bottom: 1px solid #F225AA; } li { list-style-position: outside; list-style-type: decimal-leading-zero; margin: 2px 0px 0px 20px; padding: 0px 0px 2px 9px; } h1, h2, h3, h4, h5 { font-family: Georgia; font-style: italic; color: #F225AA; } .ljuser a b { color: #F225AA; } .ljuser a b:hover { color: #8A1DAB; } .ljuser img { width: 0px; height: 0px; background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/user-6.gif) no-repeat center left; padding: 12px 10px 0px 0px !important; vertical-align: baseline !Important; } img[src="userinfo.gif"], img[src="user_ontd.gif"], img[src="http://www.livejournal.com/stc/img/userinfo-support.gif"], img[src="community.gif"], img[src="partnercomm.gif"], img[src="sponcomm.gif"], img[src="icon_protected.gif"], img[src="icon_groups.gif"], img[src="icon_private.gif"], img[src="syndicated.gif"], img[src="newsinfo.gif"], div.ContextualPopup img[src="http://l-stat.livejournal.com/horizon/upgrade-paid-icon.gif"] { width: 0px; height: 0px; } img[src="userinfo.gif"], img[src="user_ontd.gif"], img[src="http://www.livejournal.com/stc/img/userinfo-support.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/user-6.gif) no-repeat center left !important; padding: 12px 7px 0px 2px !important; } img[src="community.gif"], img[src="partnercomm.gif"], img[src="sponcomm.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/house.gif) no-repeat center left !important; padding: 11px 10px 0px 2px !important; } img[src="syndicated.gif"], img[src="newsinfo.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/button2.gif) no-repeat center left !important; padding: 10px 10px 0px 2px !important; } img[src="icon_protected.gif"], img[src="icon_groups.gif"], img[src="icon_private.gif"] { background: no-repeat center left !important; margin: 0px 7px 0px 0px; padding: 24px 24px 0px 0px !important; } img[src="icon_protected.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/lock-2.png) !important; } img[src="icon_groups.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/star.png) !important; } img[src="icon_private.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/light_bulb.png) !important; } img[src="anonymous.gif"],img[src="openid-profile.gif"], .replyform img[src="userinfo.gif"], img[src="none.gif"], img[src="help.gif"], img[src="pencil.gif"], img[src="btn_edit.gif"] { height: 0px; width: 0px; background: no-repeat scroll 50% 50%; } img[src="anonymous.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/computer.gif); padding: 0px 0px 11px 12px !important; } img[src="openid-profile.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/speechcloud3.gif); padding: 0px 0px 13px 13px !important; } .replyform img[src="userinfo.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/user1.gif); padding: 0px 0px 14px 12px !important; } img[src="none.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/heart-1.gif); padding: 0px 0px 9px 8px !important; } img[src="help.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/thumbtack.gif); padding: 0px 0px 10px 9px !important; } img[src="pencil.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/pencil.gif); padding: 0px 0px 7px 6px !important; } img[src="btn_edit.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/note-1.gif); padding: 0px 0px 12px 10px !important; } div.ContextualPopup img[src="http://l-stat.livejournal.com/horizon/upgrade-paid-icon.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/arrow_up-3.gif) no-repeat center left; vertical-align: baseline !important; } div.ContextualPopup div.Inner { width: 270px; background: none !important; font: 10px Verdana; color: #9E9E9E !important; border: 0px; } div.ContextualPopup div.Userpic img { margin: 0px; } div.ContextualPopup div.Userpic img, div.ContextualPopup div.Inner div.Content { background: #FFFFFF; border: 1px solid #DDDDDD; padding: 5px; } div.ContextualPopup .Relation { font-family: Terminal; font-size: 10px !important; color: #9E9E9E !important; line-height: 10px; letter-spacing: 1px; border-bottom: 1px solid #DDDDDD; margin-bottom: 5px; padding-bottom: 3px; } div.ContextualPopup div.Inner div.Content { margin: 0px 70px 0px 0px; } div.ContextualPopup div.Inner div.Content a { font-weight: normal; color: #F225AA !important; text-decoration: none !important; } div.ContextualPopup div.Inner div.Content a:hover { color: #8A1DAB !important; } div.Relation, div.FriendStatus { font-size: 11px; text-transform: uppercase; letter-spacing: -1px; border-bottom: 1px solid #3DCBBF; padding: 2px 2px 5px 2px; margin: 0px 0px 8px 0px; } #lj_controlstrip { border-bottom: 0px; z-index: 300; } #lj_controlstrip_statustext { font-family: Verdana; font-weight: bold; font-size: 11px; color: #6A6A6A; text-transform: uppercase; } #lj_controlstrip td { background: #252525 !important; font-size: 10px; font-weight: bold; color: #6A6A6A; border-right: 0px; } #lj_controlstrip select, #lj_controlstrip input { background: #262626 !important; font: 9px Terminal !important; color: #8A8A8A !important; border: 1px solid #333333; padding: 1px; } #lj_controlstrip td a, #lj_controlstrip td a:hover { font-weight: bold; color: #9A9A9A; text-decoration: none; } #lj_controlstrip .ljuser a b, #lj_controlstrip .ljuser a b:hover { font-family: Helvetica; font-weight: bold; font-size: 13px; color: #9A9A9A; text-transform: lowercase; } → Alternate - Scrolling Sidebar /* LJ STYLE: Smooth Sailing LAYOUT: Cyber Devils (Alternate) MAKER: jessilestrange // kill_zombie FOR: adela_nightmoon PLEASE CREDIT: http://community.livejournal.com/kill_brainz/ OR http://jessilestrange.livejournal.com/ / body { background: url(http://i48.tinypic.com/2qv7dw9.png) #FFFFFF repeat-y; font-family: Verdana, Arial, Lucida Sans Unicode; font-size: 10px; color: #555555; text-align: center; margin: 0px; padding: 0px; } a, a:visited { color: #F225AA; text-decoration: none; } a:hover { color: #8A1DAB; cursor: help; } .pageblock { margin: 0px; padding: 50px 50px 0px 360px; } .pagefooterblock, .bodyheaderblock, .header-subtitle, .header-icon, .sideboxTitle, .sidebar .ljuser img, .profile-label, .profile-content, .entryUserinfo .ljuser img, .entryLinkbar a[st_page="home"], .commentUserinfo .ljuser img, #lj_controlstrip .ljuser img { display: none; } .sidebar { position: absolute; top: 0px; left: 0px; width: 315px; margin: 0px; padding: 50px 0px 0px 0px; z-index: 100; } .sidebar a, .sidebar a:visited, .sidebar .ljuser a b { color: #FFFFFF; } .sidebox { margin: 0px 30px 15px 20px; padding: 0px; } .sideboxContent { font-family: Verdana; font-size: 10px; color: #FFFFFF; padding: 13px; } .sideboxContent, .sidebox #summary, .sidebox #search { text-align: left; } .sidebox #profile, .sidebox #latestmonth { text-align: center; } .sidebox #profile { font-size: 0px; } img.profile-userpic { background: #FF42BD; border: 1px solid #FF78D0; -moz-border-radius: 4px; padding: 15px; } .sidebox #summary { background: #FF42BD; font-family: Helvetica; font-size: 11px; color: #FFFFFF; -moz-border-radius: 2px; margin: 0px 13px 0px 13px; padding: 8px; } .sidebox #summary a { font-weight: bold; } .sidebox #summary img[src="icon_protected.gif"], .sidebox #summary img[src="icon_groups.gif"], .sidebox #summary img[src="icon_private.gif"], .daysubjects img[src="icon_protected.gif"], .daysubjects img[src="icon_groups.gif"], .daysubjects img[src="icon_private.gif"] { height: 0px; width: 0px; background: no-repeat center left; margin: 0px !important; padding: 10px 10px 0px 0px !important; } .sidebox #summary img[src="icon_protected.gif"], .sidebox #summary img[src="icon_groups.gif"], .daysubjects img[src="icon_protected.gif"], .daysubjects img[src="icon_groups.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/181.png) transparent !important; } .sidebox #summary img[src="icon_private.gif"], .daysubjects img[src="icon_private.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/183.png) transparent !important; } .sidebox #systemlinks, .sidebox #tags_sidebox { font-family: Helvetica; font-size: 0px; letter-spacing: 1px; text-align: left; } .listtitle { font-weight: bold; font-size: 11px; text-transform: uppercase; } .listtitle, .listitem, .sidebox #tags_sidebox a { background: #FF42BD; margin: 0px 0px 5px 0px; padding: 3px 8px 3px 8px; display: block; } .listitem a, .sidebox #tags_sidebox a { font-size: 11px; text-transform: lowercase; } .listtitle:hover, .listitem:hover, .sidebox #tags_sidebox a:hover { background: #FF78D0; } .sidebox #latestmonth a { font-weight: bold; text-transform: uppercase; } .sidebox #latestmonth table { width: 100%; margin: 0px auto 0px auto; } .latestmonth-inactive, .latestmonth-active { font-family: Terminal; font-size: 10px; color: #FFFFFF; margin: 2px; padding: 7px; } .latestmonth-inactive { background: #FF42BD; } .latestmonth-active { background: #FF78D0; font-weight: normal; } .sidebox #search { font-family: Helvetica; font-size: 10px; text-transform: uppercase; } .sidebox #search input, .sidebox #search select { background: #FF42BD; font-family: Terminal; font-size: 9px; color: #FFFFFF; border: 0px; margin: 1px; padding: 3px; } .bodyblock { margin: 0px; padding: 0px; } .pagheaderblock { margin: 0px auto; padding: 0px; } .header-title { font-family: Terminal; font-size: 13px; color: #9E9E9E; letter-spacing: 2px; text-align: left; text-transform: uppercase; padding: 0px 6px 6px 6px; } .header-menu { padding: 3px 0px 40px 0px; } .header-menu, .entryHolder { border-bottom: 1px solid #DDDDDD; margin: 0px 0px 25px 0px; } .header-menu, .entryLinkbar { text-align: right; border-top: 1px solid #DDDDDD; } .header-menu a, .entryLinkbar a { background: #F2F2F2; font-family: Terminal; font-size: 10px; color: #9E9E9E; letter-spacing: 1px; text-transform: uppercase; padding: 6px; } .header-menu a:hover, .entryLinkbar a:hover, .commentLinkbar li:hover:hover, .daytitles:hover, .day-blank:hover, .day:hover, .tagstable td:hover, ul.taglist li:hover { background: #F8F8F8; } .header-menu ul, .entryLinkbar ul, #footer-menu ul, .commentLinkbar ul { margin: 0px; padding: 0px; } .header-menu li, .entryLinkbar li { border-left: 1px solid #FFFFFF; list-style-type: none; margin: 0px; padding: 0px; display: inline; } .entryHolder, .commentHolder { padding: 0px 0px 40px 0px; } .entryUserinfo { position: relative; color: #333333; text-align: center; margin: -100px 0px 0px 0px; padding: 0px 30px 0px 30px; z-index: 100; } .entryUserinfo-usericon img { height: 70px; width: 70px; } .entryUserinfo-usericon img, .commentUserinfo-usericon img { border: 1px solid #DDDDDD; margin: 0px 0px 3px 0px; padding: 1px; } .entryUserinfo .ljuser a b { font-family: Terminal; font-size: 8px; text-transform: uppercase; margin: 0px; } .entryHeader { min-height: 100px; font-size: 0px; text-align: left; border-bottom: 1px solid #DDDDDD; padding: 0px 0px 0px 130px; } .entryHeaderDate { font-family: Terminal; font-size: 11px; color: #9E9E9E; letter-spacing: 1px; text-transform: uppercase; margin: 0px 0px 8px 0px; display: block; } .entryHeader a { font-family: Helvetica; font-weight: bold; font-size: 30px; color: #F225AA; text-transform: uppercase; letter-spacing: -1px; line-height: 28px; } .entryHeader a:hover, .entryUserinfo .ljuser a b:hover, .entryMetadata a:hover, #footer-menu a:hover, .commentUserinfo .ljuser a b:hover { color: #02C3E6; } .entryHeaderSubject { padding: 0px 0px 0px 5px; z-index: 30; } .entryText { min-height: 20px; font-size: 12px; text-align: left; margin: 0px 5px 0px 5px; padding: 15px 0px 15px 0px; } .entryText img { max-width: 640px; border: 1px solid #DDDDDD; margin: 1px; padding: 1px; } .entryText li { color: #444444; } .ljcut-link a { font-family: Helvetica; font-weight: bold; text-transform: uppercase; } .entryMetadata { font-size: 9px; color: #555555; text-transform: uppercase; text-align: left; margin: 0px; padding: 10px 10px 10px 0px; } .entryMetadata-label { font-family: Terminal; font-size: 8px; margin: 0px 3px 0px 0px; } .entryMetadata ul { margin: 0px; padding: 0px; } .entryMetadata li { list-style-type: none; margin: 0px; padding: 0px 0px 0px 5px; display: block; } .entryMetadata img { margin: 1px; } .entryLinkbar { padding: 3px 0px 0px 0px; } #footer-menu { font-family: Helvetica; text-transform: uppercase; text-align: right; padding: 20px 0px 20px 0px; } #footer-menu a { font-weight: bold; font-size: 38px; color: #F225AA; letter-spacing: -1px; } #footer-menu li { list-style-type: none; margin: 0px 0px 1px 0px; padding: 0px; } .bodynavblock { color: #9E9E9E; text-align: left; margin: 0px; padding: 20px 0px 20px 0px; } .commentHeader, .commentHeaderScreened { font-family: Terminal; font-size: 10px; color: #777777; letter-spacing: 1px; text-transform: uppercase; text-align: left; padding: 6px; } .commentHeader, .commentHeaderScreened, .commentLinkbar li { background: #F2F2F2; border-bottom: 1px solid #DDDDDD; } .commentHeaderScreened { color: #353535; } .commentUserinfo { font-family: Terminal; font-size: 9px; color: #979797; margin: 10px 10px 10px 0px; } .commentUserinfo-usericon img { height: 80px; width: 80px; } .commentUserinfo .ljuser a b { font-size: 9px; text-transform: uppercase; margin: 0px 0px 5px 0px; } .commentText { font-size: 12px; text-align: left; margin: 0px 5px 0px 5px; padding: 15px 0px 15px 0px; } .commentLinkbar { font-family: Arial; font-weight: bold; font-size: 11px; color: #777777; text-align: right; text-transform: lowercase; margin: 0px; } .commentLinkbar a { color: #777777; } .commentLinkbar li { list-style-type: none; margin: 0px 0px 0px 0px; padding: 5px 8px 5px 8px; display: inline; } .replyform { background-color: #FFFFFF; color: #9E9E9E; padding: 17px; } #qrform { color: #FFFFFF; border: medium none !important; padding: 16px; } #qrform table { width: 98%; color: #AAAAAA; border:0 none !important; } .yearlinks { text-align: right; } .yearlink { padding: 0px 5px 0px 5px; } .month, .daysubjects { margin: -40px auto 20px auto; } .month, .tagstable { width: 100%; } .daytitles { font-family: Terminal; font-size: 10px; color: #9E9E9E; text-align: center; text-transform: uppercase; letter-spacing: 1px; } .daysubjects { font-family: Terminal; font-size: 10px; color: #9E9E9E; text-align: left; } .daysubjects a { font-family: Verdana; font-weight: bold; font-size: 12px; text-transform: uppercase; } .daytitles, .day-blank, .day, .tagstable td { background: #F2F2F2; border: 2px solid #FFFFFF; padding: 5px; } .day-date { width: 30%; font-family: Terminal; font-size: 11px; color: #9E9E9E; text-align: left; border: 0px; padding: 1px; } .day-count { float: right; width: 50%; font-size: 25px; text-align: center; } .day-count a { font-family: Helvetica; font-size: 20px; } .tagstable { margin: 20px auto; } .tagstable a, ul.taglist a { font-family: Verdana; font-size: 10px; text-transform: lowercase; } .tagstable td { text-align: center; text-transform: uppercase; } .tagstable td, ul.taglist li { background: #F2F2F2; font-family: Terminal; font-size: 11px; color: #9E9E9E; } ul.taglist { margin: 20px auto; } ul.taglist li { list-style-type: none; margin: 0px 0px 5px 0px; padding: 3px 8px 3px 8px; display: block; } blockquote { font-family: Helvetica; font-size: 20px; color: #999999; line-height: 21px; text-align: right; border-right: 14px solid #8A1DAB; padding: 0px 12px 0px 40px; } blockquote:first-line, blockquote .ljuser a b, blockquote b, blockquote strong, blockquote i, blockquote em, blockquote u, blockquote strike, blockquote a { color: #8A1DAB; } blockquote u { text-decoration: none; border-bottom: 3px solid #8A1DAB; } input, textarea, select { background-color: #F8F8F8; font-family: Terminal; font-size: 10px; border: 1px solid #DDDDDD; margin: 1px; padding: 2px; } textarea { height: 90px; width: 400px; color: #666666; text-align: left; } b, strong, i, em, strike { color: #F225AA; } u { text-decoration: none; border-bottom: 1px solid #F225AA; } li { list-style-position: outside; list-style-type: decimal-leading-zero; margin: 2px 0px 0px 20px; padding: 0px 0px 2px 9px; } h1, h2, h3, h4, h5 { font-family: Georgia; font-style: italic; color: #F225AA; } .ljuser a b { color: #F225AA; } .ljuser a b:hover { color: #8A1DAB; } .ljuser img { width: 0px; height: 0px; background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/user-6.gif) no-repeat center left; padding: 12px 10px 0px 0px !important; vertical-align: baseline !Important; } img[src="userinfo.gif"], img[src="user_ontd.gif"], img[src="http://www.livejournal.com/stc/img/userinfo-support.gif"], img[src="community.gif"], img[src="partnercomm.gif"], img[src="sponcomm.gif"], img[src="icon_protected.gif"], img[src="icon_groups.gif"], img[src="icon_private.gif"], img[src="syndicated.gif"], img[src="newsinfo.gif"], div.ContextualPopup img[src="http://l-stat.livejournal.com/horizon/upgrade-paid-icon.gif"] { width: 0px; height: 0px; } img[src="userinfo.gif"], img[src="user_ontd.gif"], img[src="http://www.livejournal.com/stc/img/userinfo-support.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/user-6.gif) no-repeat center left !important; padding: 12px 7px 0px 2px !important; } img[src="community.gif"], img[src="partnercomm.gif"], img[src="sponcomm.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/house.gif) no-repeat center left !important; padding: 11px 10px 0px 2px !important; } img[src="syndicated.gif"], img[src="newsinfo.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/button2.gif) no-repeat center left !important; padding: 10px 10px 0px 2px !important; } img[src="icon_protected.gif"], img[src="icon_groups.gif"], img[src="icon_private.gif"] { background: no-repeat center left !important; margin: 0px 7px 0px 0px; padding: 24px 24px 0px 0px !important; } img[src="icon_protected.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/lock-2.png) !important; } img[src="icon_groups.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/star.png) !important; } img[src="icon_private.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/light_bulb.png) !important; } img[src="anonymous.gif"],img[src="openid-profile.gif"], .replyform img[src="userinfo.gif"], img[src="none.gif"], img[src="help.gif"], img[src="pencil.gif"], img[src="btn_edit.gif"] { height: 0px; width: 0px; background: no-repeat scroll 50% 50%; } img[src="anonymous.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/computer.gif); padding: 0px 0px 11px 12px !important; } img[src="openid-profile.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/speechcloud3.gif); padding: 0px 0px 13px 13px !important; } .replyform img[src="userinfo.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/user1.gif); padding: 0px 0px 14px 12px !important; } img[src="none.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/heart-1.gif); padding: 0px 0px 9px 8px !important; } img[src="help.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/thumbtack.gif); padding: 0px 0px 10px 9px !important; } img[src="pencil.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/pencil.gif); padding: 0px 0px 7px 6px !important; } img[src="btn_edit.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/note-1.gif); padding: 0px 0px 12px 10px !important; } div.ContextualPopup img[src="http://l-stat.livejournal.com/horizon/upgrade-paid-icon.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/arrow_up-3.gif) no-repeat center left; vertical-align: baseline !important; } div.ContextualPopup div.Inner { width: 270px; background: none !important; font: 10px Verdana; color: #9E9E9E !important; border: 0px; } div.ContextualPopup div.Userpic img { margin: 0px; } div.ContextualPopup div.Userpic img, div.ContextualPopup div.Inner div.Content { background: #FFFFFF; border: 1px solid #DDDDDD; padding: 5px; } div.ContextualPopup .Relation { font-family: Terminal; font-size: 10px !important; color: #9E9E9E !important; line-height: 10px; letter-spacing: 1px; border-bottom: 1px solid #DDDDDD; margin-bottom: 5px; padding-bottom: 3px; } div.ContextualPopup div.Inner div.Content { margin: 0px 70px 0px 0px; } div.ContextualPopup div.Inner div.Content a { font-weight: normal; color: #F225AA !important; text-decoration: none !important; } div.ContextualPopup div.Inner div.Content a:hover { color: #8A1DAB !important; } div.Relation, div.FriendStatus { font-size: 11px; text-transform: uppercase; letter-spacing: -1px; border-bottom: 1px solid #3DCBBF; padding: 2px 2px 5px 2px; margin: 0px 0px 8px 0px; } #lj_controlstrip { border-bottom: 0px; z-index: 300; } #lj_controlstrip_statustext { font-family: Verdana; font-weight: bold; font-size: 11px; color: #6A6A6A; text-transform: uppercase; } #lj_controlstrip td { background: #252525 !important; font-size: 10px; font-weight: bold; color: #6A6A6A; border-right: 0px; } #lj_controlstrip select, #lj_controlstrip input { background: #262626 !important; font: 9px Terminal !important; color: #8A8A8A !important; border: 1px solid #333333; padding: 1px; } #lj_controlstrip td a, #lj_controlstrip td a:hover { font-weight: bold; color: #9A9A9A; text-decoration: none; } #lj_controlstrip .ljuser a b, #lj_controlstrip .ljuser a b:hover { font-family: Helvetica; font-weight: bold; font-size: 13px; color: #9A9A9A; text-transform: lowercase; }
DISPLAY > PRESENTATION	Expand BASIC OPTIONS and ADDITIONAL OPTIONS Userinfo Position in Entries → Left side of the Entry Text Wrap Entry text under userinfo → Yes
IMAGES	Save these to your own servers to ensure that the images don't die on you when my Photobucket explodes :D Tiny Icons → User - Commmunity - News/Syndicated Entry Header → Protected - Private - Groups Comment Pages → Anonymous - Open ID - User - None - Help - Pencil - Edit An easy way to replace all of the old URLs listed below with the new is to use CTRL + H when editing in a program like Notepad.

045 - Navigatoria [Flexible Squares]

2010-06-18T08:38:04Z

Navigatoria ► LIVE | STATIC | FAQ

Layout Information
TESTED BROWSERS	Mozilla Firefox, Safari, Internet Explorer
PROBLEMS?	Just IE fucking with my margins again. Do yourselves a favour and just switch to FireFox. PLEASE.
FEATURES	Customized header, topbar, tiny icons, contextual pop ups, custom nav-strip, pirate theme and lots of wood textures
DISABLED	Header subtitle and page summary/calendar for the sidebar.
AD-PLACEMENT	Between Entries
FINAL NOTES	GODDAMN I AM SO PROUD OF THIS ONE \O/ MADE FOR MY FRIEND rhye~

Layout Installation
SELECT JOURNAL STYLE	01. Select any Flexible Squares. 02. Pick an ad placement you prefer (Between Entries tends to look best in general).
CUSTOM CSS	Use layout's stylesheet(s) → NO Use layout's stylesheet(s) when including custom external stylesheet → NO Use external stylesheets → NO Use CTRL + A inside the textbox to select everything, and then copy and paste into the CUSTOM CSS box. /* LJ STYLE: Flexible Squares LAYOUT: Navigatoria MAKER: jessilestrange // kill_zombie FOR: rhye PLEASE CREDIT: http://community.livejournal.com/kill_brainz/ OR http://jessilestrange.livejournal.com/ / body { background: url(http://i49.tinypic.com/67pr46.jpg) #34C2CF fixed bottom left repeat-x; font-family: Arial, Verdana, Sans Serif; font-size: 12px; color: #353535; text-align: left; margin: 0px; } a, a:visited, a:hover { color: #007E84; text-decoration: none; } a:hover { cursor: help; } #content { width: 700px; margin: 50px auto 0px auto; padding: 0px; } .subtitle, #sidebar_calendar, #sidebar_summary, .separator, .clear, .clearfoot, .datesubjectcomment .ljuser img, .replytoposter .ljuser img, #lj_controlstrip .ljuser img { display: none; } #header { text-align: center; margin: 0px auto 0px auto; padding: 0px; } div#header li.view { padding: 5px 0px 64px 64px; } ul.navheader { font-size: 0px; text-align: center; margin: 0px 0px 20px 0px; padding: 5px 0px 64px 64px; } ul.navheader li { list-style-type: none; margin: 0px 9px 0px 9px; display: inline; } div#header a { padding: 5px 0px 64px 64px; } div#header a[href=".livejournal.com/"], body.lj-view-recent div#header li.view { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/home-3.png) transparent no-repeat scroll 50% 100%; } div#header a[href="/calendar"], body.lj-view-archive div#header li.view { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/calendar-3.png) transparent no-repeat scroll 50% 100%; } div#header a[href="/friends"], body.lj-view-friends div#header li.view { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/users-2.png) transparent no-repeat scroll 50% 100%; } div#header a[href="/profile"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/user-8.png) transparent no-repeat scroll 50% 100%; } div#header a, div#header a[href="/tag"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/comment_bubble-1.png) transparent no-repeat scroll 50% 100%; } .title { position: relative; width: 690px; z-index: 100; } .title, .date { top: 0px; font-family: Arial Black; font-size: 18px; color: #FFFFFF; text-transform: uppercase; text-align: right; letter-spacing: -2px; padding: 7px 7px 3px 3px; display: block; } #sidebar { min-height: 135px; text-align: justify; padding: 20px; } #sidebar, .entry { background: #FFFFFF; margin: 0px; } div#sidebar a, div#sidebar a:link, div#sidebar a:visited { color: #007E84; } div#sidebar a:hover { color: #CFBF5D; } .defaultuserpic { position: relative; float: left; text-align: center; margin: 0px 0px 0px -180px; padding: 18px; z-index: 100; } .defaultuserpic, .userpic, .userpicfriends, .title, .date, div.comments a, .datesubjectcomment, .replytoposter, ul.year li.active, ul.navfooter, #lj_controlstrip td { background: url(http://i46.tinypic.com/6i7kzn.jpg) repeat scroll; } .sbarheader, .sbarbody { padding: 0px; } .sbarbody2 { padding: 0px 0px 20px 0px; } ul.sbarlist { width: 100%; text-align: left; list-style-type: none; margin: 0px 0px 0px -40px; } li.sbartitle { font-size: 11px; font-weight: bold; color: #333333; text-transform: uppercase; padding: 5px 0px 2px 0px; display: block; } li.sbaritem { list-style-type: none; margin: 0px 10px 0px 0px; display: inline; } li.sbaritem a { font-size: 10px; font-weight: bold; text-transform: uppercase; padding: 2px 2px 0px 2px; } li.sbaritem a:hover { background: #F6EFF7; border-bottom: 1px solid #CFBF5D; } #maincontent, .subcontent { background: #FFFFFF; } .entry { padding: 10px 20px 20px 20px; } .userpic, .userpicfriends { position: relative; float: left; font-size: 0px; text-align: center; margin: 60px 0px 0px -160px; padding: 18px; z-index: 100; } .userpicfriends a font { font-size: 11px; font-weight: bold; color: #FFFFFF; padding: 3px 0px; } .subject { background: #FFFFFF; font-family: Arial; font-weight: bold; font-size: 19px; line-height: 15px; text-align: left; padding: 10px 20px 0px 20px; } .subject a, td.yearmonth a, dt, .skiplinks a:hover, .replytosubject, ul.navfooter li a:hover { color: #555555; } .subject a:hover, div.comments a:hover, .datesubjectcomment a:hover, td.yearmonth a:hover { color: #007E84; } .entry_text { min-height: 110px; } .entry_text a { font-weight: bold; } .entry_text img { max-width: 670px; background: #F6EFF7; border: 1px solid #EBEBEB; margin: 1px; padding: 6px; } .entry_text ul li, .entry_text ol li { color: #666666; margin: 0px 15px 0px 0px; padding: 0px 6px 2px 0px; } .ljcut-link a { font-family: Arial Black; font-weight: bold; color: #007E84; } .ljcut-link a:hover { color: #CFBF5D; } .ljtags a, .currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong { font-weight: normal; } .ljtags { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/thumbtack.gif) transparent no-repeat 0% 50%; margin: 25px 0px 0px 0px; } .ljtags, .currents { width: 460px; font-size: 9px; color: #444444; text-transform: uppercase; } .currents img { margin: 1px; } .currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong { color: #444444; } .currentlocation, .currentmood, .currentgroups, .currentmusic, .ljtags { padding: 2px 10px 0px 12px; } .currentlocation { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/house.gif) transparent no-repeat 0% 50%; } .currentmood { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/heart-1.gif) transparent no-repeat 0% 50%; } .currentgroups { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/user-6.gif) transparent no-repeat 0% 50%; } .currentmusic { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/musicnote.gif) transparent no-repeat 0% 50%; } .comments { font-family: Arial Black; font-size: 0px; text-transform: uppercase; text-align: right; margin: -15px 0px 10px 0px; } div.comments a { font-weight: bold; font-size: 14px; color: #FFFFFF; margin: 0px 0px 0px 10px; padding: 7px; display: inline; } .skiplinks { font-size: 0px; text-align: center; padding: 0px 0px 6px 0px; } .skiplinks a { font-weight: bold; font-size: 11px; text-transform: uppercase; margin: 0px 6px 0px 6px; } #footer { width: 100%; font-weight: bold; font-size: 15px; color: #FFFFFF; text-align: center; margin: 0px; z-index: 100; } ul.navfooter { margin: 0px; padding: 30px 20px 8px 20px; } ul.navfooter li { margin: 0px 10px 0px 10px; padding: 0px; display: inline; } ul.navfooter li a { font-size: 18px; text-transform: uppercase; } .box { padding: 8px; } .commentbox, .commentboxpartial { margin: 0px 0px 10px 0px; } .commentboxpartial { font-size: 11px; color: #444444; text-align: left; } .userpiccomment { position: relative; float: left; max-width: 70px; max-height: 70px; margin: -7px 10px 5px -10px; z-index: 200; } .datesubjectcomment, .replytoposter { font-family: Arial Black; font-size: 12px; color: #FFFFFF; text-transform: uppercase; line-height: 11px; padding: 7px 7px 3px 10px; } .replytosubject { font-family: Arial; font-weight: bold; font-size: 18px; padding: 10px 20px 0px 20px; } .commentreply { min-height: 50px; font-size: 11px; color: #555555; text-align: left; padding: 5px 10px 10px 10px; } ul.year { position: relative; float: left; width: 136px; font-family: Arial Black; font-weight: bold; font-size: 14px; color: #FFFFFF; text-align: center; margin: 0px 0px 0px -160px; padding: 0px; z-index: 200; } ul.year li, ul.year li.active { list-style-type: none; margin: 3px 0px 0px 0px; padding: 7px; } ul.year li { display: inline; } ul.year li.active { display: block; } ul.year li a { color: #007E84; } ul.year li a:hover { color: #FFFFFF; } table.yeartable { width: 600px; margin: 20px auto 0px auto; padding: 0px; } table.yeartable td.yeardate, table.yeartable td.yearday { border: 0px; } td.yearday { background: #F6EFF7; font-size: 11px; color: #666666; text-transform: uppercase; text-align: center; padding: 6px; } td.yearmonth { font-family: Arial Black; font-size: 15px; color: #007E84; letter-spacing: -1px; text-transform: uppercase; border: 0px; padding: 0px; } table.yeartable { margin: 0px auto 0px auto; } table.yeartable td.yeardate, table.yeartable td.yearday { border: 1px solid #EBEBEB; } table.yeartable td.yeardate:hover, table.yeartable td.yearday:hover, blockquote:hover { background: #F7F7F7; } table.yeartable td.yeardate { padding: 3px; } table.yeartable td.yeardate a { font-family: Arial Black; font-size: 12px; font-weight: bold; } td.yearmonth { border: 0px; } dl { font-size: 10px; color: #444444; } dl a { font-weight: bold; font-size: 11px; text-transform: uppercase; } dl img[src="icon_protected.gif"], dl img[src="icon_groups.gif"], dl img[src="icon_private.gif"]{ width: 0px; height: 0px; margin: 0px 1px 0px 0px !important; padding: 0px 0px 10px 10px !important; } dl img[src="icon_protected.gif"], dl img[src="icon_groups.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/181.png) transparent no-repeat; } dl img[src="icon_private.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/183.png) transparent no-repeat; } dt { font-family: Arial Black; font-weight: bold; font-size: 15px; text-transform: uppercase; letter-spacing: -1px; } blockquote { background: #F6EFF7; color: #666666; border: 1px solid #EBEBEB; padding: 6px; } textarea, input, select { background: #262626; font-family: Verdana; font-size: 9px; color: #8A8A8A; border: 1px solid #333333; margin: 1px; padding: 1px; } code { font-family: Monospace; font-size: 10px; color: #888888; } b, strong, strike { color: #888888; } i, em { color: #007E84; } h1, h2, h3, h4, h5 { font-family: Arial Black; font-weight: bold; text-transform: uppercase; } .ljuser a b { font-weight: bold; color: #007E84; text-transform: lowercase; } .ljuser img { width: 0px; height: 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/032-1.png) transparent no-repeat center left; padding: 10px 10px 0px 0px !important; } img[src="userinfo.gif"], img[src="community.gif"], img[src="user_ontd.gif"], img[src="http://www.livejournal.com/stc/img/userinfo-support.gif"], img[src="partnercomm.gif"], img[src="sponcomm.gif"], img[src="syndicated.gif"], img[src="newsinfo.gif"], img[src="icon_protected.gif"], img[src="icon_private.gif"], img[src="icon_groups.gif"], img[src="btn_del.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="talk/none.gif"], img[src="help.gif"], div.ContextualPopup img[src="http://l-stat.livejournal.com/horizon/upgrade-paid-icon.gif"] { width: 0px; height: 0px; } img[src="userinfo.gif"], img[src="community.gif"], img[src="user_ontd.gif"], img[src="http://www.livejournal.com/stc/img/userinfo-support.gif"], img[src="partnercomm.gif"], img[src="sponcomm.gif"], img[src="syndicated.gif"], img[src="newsinfo.gif"], img[src="anonymous.gif"], img[src="openid-profile.gif"], img[src="talk/none.gif"], img[src="help.gif"], div.ContextualPopup img[src="http://l-stat.livejournal.com/horizon/upgrade-paid-icon.gif"] { background: transparent no-repeat center left; margin: 0px 1px 2px 0px; padding: 10px 10px 0px 0px !important; } img[src="userinfo.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/032-1.png); } img[src="community.gif"], img[src="partnercomm.gif"], img[src="sponcomm.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/092.png); } img[src="user_ontd.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/100-1.png); } img[src="http://www.livejournal.com/stc/img/userinfo-support.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/097.png); } img[src="syndicated.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/001.png); } img[src="newsinfo.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/044.png); } img[src="icon_protected.gif"], img[src="icon_private.gif"], img[src="icon_groups.gif"] { background: transparent center left; padding: 16px 16px 0px 0px; margin: 0px 5px 0px 0px !important; } img[src="icon_protected.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/018.png); } img[src="icon_private.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/025.png); } img[src="icon_groups.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/019.png); } img[src="btn_del.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"] { padding: 0px 0px 14px 15px !important; } img[src="btn_del.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/trash-2.png); } img[src="btn_scr.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/switch_on.png); } img[src="btn_unscr.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/switch_off.png); } img[src="btn_freeze.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/clipboard_full.png); } img[src="btn_unfreeze.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/clipboard.png); } img[src="btn_track.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/envelope-2.png); } img[src="btn_tracking.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/envelope_open.png); } img[src="btn_tracking_thread.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/switch_off.png); } img[src="anonymous.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/041.png); } img[src="openid-profile.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/058.png); } img[src="talk/none.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/039-1.png); } img[src="help.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/043.png); } div.ContextualPopup img[src="http://l-stat.livejournal.com/horizon/upgrade-paid-icon.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/093.png); vertical-align: baseline !important; margin: 0px !important; } .Note .Inner { background: #FFFFFF none repeat scroll 0 0; border: none; } div.ContextualPopup div.Inner { width: 260px; background: url(http://i46.tinypic.com/6i7kzn.jpg) repeat scroll !important; font: 10px Arial; color: #555555 !important; border: 0px; } div.ContextualPopup div.Userpic img { margin: 10px; padding: 0px; } div.ContextualPopup .Relation { font-family: Georgia; font-style: italic !important; font-size: 16px !important; font-weight: normal !important; color: ##B8B8B8 !important; text-transform: lowercase; line-height: 13px; border-bottom: 0px; margin-bottom: 8px; } div.ContextualPopup div.Inner div.Content { background: #FFFFFF; margin: 0px 80px 0px 0px; } div.ContextualPopup div.Inner div.Content a, div.ContextualPopup div.Inner div.Content a:hover { font-weight: normal; color: #007E84 !important; text-decoration: none !important; text-transform: uppercase; } div.Relation, div.FriendStatus { font-size: 11px; text-transform: uppercase; letter-spacing: -1px; border-bottom: 1px solid #907878; padding: 2px 2px 5px 2px; margin: 0px 0px 8px 0px; } #lj_controlstrip { border-bottom: 0px; } #lj_controlstrip_statustext { font-family: Arial Black; font-weight: bold; font-size: 12px; color: #6A6A6A; text-transform: uppercase; } #lj_controlstrip td { font-size: 10px; font-weight: bold; color: #6A6A6A; border-right: 0px; } #lj_controlstrip select, #lj_controlstrip input { background: #262626 !important; font: 9px Verdana !important; color: #8A8A8A !important; border: 1px solid #333333; padding: 1px; } #lj_controlstrip td a, #lj_controlstrip td a:hover { font-weight: bold; color: #9A9A9A; text-decoration: none; } #lj_controlstrip .ljuser a b, #lj_controlstrip .ljuser a b:hover { font-family: Arial Black; font-weight: bold; font-size: 12px; color: #9A9A9A; text-transform: uppercase; }
SIDEBAR	To get the sidebar looking exactly as it does in the previews, make sure you enable the default userpic module!
IMAGES	Save these to your own servers to ensure that the images don't die on you when my Photobucket explodes :D Tiny Icons → User - Support User - ONTD User - Commmunity - News - Syndicated Header Icons → Recent - Calendar - Friends - Profile - Website Entry Header → Protected - Private - Groups Comment Pages → Anonymous - Open ID - None - Help - Delete - Screen - Unscreen - Freeze - Unfreeze - Track - Tracking - Tracking Thread Background → Pattern - Wood Texture An easy way to replace all of the old URLs listed below with the new is to use CTRL + H when editing in a program like Notepad.

044 - Friday Blues [Smooth Sailing]

2010-06-17T08:34:47Z

Friday Blues ► LIVE | STATIC | FAQ

Layout Information
TESTED BROWSERS	Mozilla Firefox, Safari, Internet Explorer
PROBLEMS?	All clear!
FEATURES	Topbar, tiny icons, contextual pop ups, custom nav-strip
DISABLED	I think nearly everything is in this actually.
AD-PLACEMENT	Between Entries
FINAL NOTES	Made for gardevoirs, who requested something with wood patterns, topbars and lots of Georgia font. I actually had this finished like a week ago, but I was too lazy to code its installation page~ lol

Layout Installation
SELECT JOURNAL STYLE	01. Select any Smooth Sailing. 02. Pick an ad placement you prefer (Between Entries tends to look best in general).
CUSTOM CSS	Use layout's stylesheet(s) → NO Use layout's stylesheet(s) when including custom external stylesheet → NO Use CTRL + A inside the textbox to select everything, and then copy and paste into the CUSTOM CSS box. /* LJ STYLE: Smooth Sailing LAYOUT: Friday Blues MAKER: jessilestrange // kill_zombie FOR: gardevoirs PLEASE CREDIT: http://community.livejournal.com/kill_brainz/ OR http://jessilestrange.livejournal.com/ / body { background: url(http://i46.tinypic.com/s62dzc.jpg) repeat #E6E6E6; font-family: Verdana, Arial, Lucida Sans Unicode; font-size: 10px; color: #333333; text-align: center; } a, a:visited, a:hover { font-weight: bold; color: #C7D1C0; text-decoration: none; } a:hover { cursor: help; } .pageblock { width: 680px; margin: 40px auto 40px auto; padding: 0px; } .pagefooterblock, .bodyheaderblock, .header-icon, .sideboxTitle, .sidebox #profile .ljuser img, .profile-label, .profile-content, .sidebox #summary img, .sidebox #summary .lj user img, .entryMetadata img, .entryLinkbar a[href="subscriptions"], .entryLinkbar a[href="content_flag"], .entryLinkbar a[href="tellafriend"], .entryLinkbar a[st_page="home"], .commentUserinfo .ljuser img { display: none; } .pagheaderblock { text-align: left; margin: 0px auto; } .header-title, .header-subtitle { font-family: Palatino; color: #9E9E9E; text-transform: uppercase; text-align: left; } .header-title { font-size: 31px; letter-spacing: -1px; } .header-title:first-letter { color: #3DCBBF; } .header-subtitle { font-style: italic; font size: 11px; letter-spacing: 1px; margin: -45px 0px 0px 20px; } .sidebar { position: absolute; top: 160px; height: 145px; margin: 0px; padding: 0px; } .sidebar .ljuser a b { color: #C7D1C0; } .sidebox { float: left; min-height: 140px; margin: 10px; padding: 0px; } .sideboxContent { width: 240px; height: 140px; /* DON'T EDIT UNLESS YOU KNOW WHAT YOU'RE DOING / over-flow: auto; overflow-x: hidden; overflow-y: auto; / ALL DONE! / font-size: 11px; color: #9E9E9E; } .sideboxContent, .sidebox #profile, .sidebox #summary { text-align: left; } .sidebox #latestmonth, .sidebox #search { text-align: center; } .sidebox #profile { width: 135px; font-size: 0px; } img.profile-userpic { -moz-border-radius: 4px; padding: 15px; } img.profile-userpic, .sidebox #search input, .sidebox #search select, .latestmonth-inactive, .latestmonth-active { background: url(http://i45.tinypic.com/29n9te0.png); border: 1px solid #DDDDDD; } .sidebox #summary { font-family: Helvetica; color: #9E9E9E; } .sidebox #summary a { font-weight: bold; } .sidebox #summary a, .listitem a:hover, .sidebox #tags_sidebox a:hover, .daysubjects a:hover { color: #999999; } .sidebox #summary img[src="icon_protected.gif"], .sidebox #summary img[src="icon_groups.gif"], .sidebox #summary img[src="icon_private.gif"] { margin: 0px !important; } .sidebox #systemlinks, .sidebox #tags_sidebox { font-family: Helvetica; font-size: 0px; color: #9E9E9E; } .listtitle { width: 100%; font-style: italic; font-size: 11px; letter-spacing: 1px; text-align: left; text-transform: uppercase; padding: 5px 0px 1px 5px; } .listtitle, .listitem, .sidebox #tags_sidebox a { float: left; margin: 2px; display: block; } .listitem, .sidebox #tags_sidebox a { width: 47%; } .listitem a, .sidebox #tags_sidebox a { font-size: 11px; text-transform: lowercase; } .sidebox #latestmonth table { width: 100%; font-family: Helvetica; text-transform: lowercase; margin: 0px auto 0px auto; } .latestmonth-inactive, .latestmonth-active { font-size: 10px; margin: 1px; padding: 2px; } .sidebox #search { font-family: Helvetica; font-size: 12px; font-style: italic; text-transform: uppercase; } .sidebox #search input, .sidebox #search select { font-family: Helvetica; font-style: normal; font-size: 10px; color: #9E9E9E; } .bodyblock { background: #FFFFFF; border-left: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; margin: 0px; } .bodyblock, .header-menu, .header-title, .header-subtitle, .sidebar { width: 680px; } .header-menu { border: 1px solid #EBEBEB; margin: 252px 0px 0px 0px; } .header-menu, .entryLinkbar, #footer-menu { background: #F8F8F8; font-family: Arial; letter-spacing: -1px; text-transform: uppercase; text-align: left; padding: 10px 0px 2px 0px; } .header-menu a, .entryLinkbar, #footer-menu a { font-size: 15px; } .header-menu a, .entryLinkbar a, #footer-menu a, .ljuser a b { color: #3DCBBF; } .header-menu a:hover, .entryHeader a:hover, .entryLinkbar a:hover, #footer-menu a:hover, .commentLinkbar a:hover, .ljuser a b:hover { color: #C7D1C0; } .header-menu ul, .entryLinkbar ul, #footer-menu ul, .commentLinkbar ul { margin: 0px; padding: 0px; } .header-menu li, .entryLinkbar li, #footer-menu li { list-style-type: none; margin: 0px 2px 0px 10px; padding: 0px; display: inline; } .entryHolder { background: #FFFFFF; margin: 0px; padding: 0px; } .entryHolder, .bodynavblock, .commentHolder, .commentHeader, .commentHeaderScreened { border-bottom: 1px solid #EBEBEB; } .entryHeader { font-size: 0px; text-align: right; margin: 0px; padding: 10px 20px 0px 10px; } .entryHeaderDate, .commentHeader, .commentHeaderScreened { font-family: Palatino; font-size: 10px; font-style: italic; color: #9E9E9E; letter-spacing: 1px; text-transform: uppercase; display: block; } .entryHeader a { font-family: Georgia; font-size: 18px; font-style: italic; color: #3DCBBF; letter-spacing: -1px; line-height: 16px; margin: -3px 0px; } .entryHeaderSubject { padding: 0px 0px 0px 5px; z-index: 30; } .entryUserinfo { position: relative; background: #F8F8F8; color: #333333; text-align: center; border: 1px solid #EBEBEB; -moz-border-radius: 4px; margin: -20px 10px 0px -150px; padding: 10px 10px 5px 10px; z-index: 50; } .entryUserinfo-usericon img { border: 1px solid #EBEBEB; margin: 0px 0px 5px 0px; padding: 0px; } .entryUserinfo .ljuser a b { font-size: 11px; text-transform: uppercase; margin: 0px; } .entryText { min-height: 90px; font-size: 11px; text-align: justify; margin: 0px 10px 10px 10px; padding: 10px; } .entryText img { max-width: 630px; background: #F8F8F8; border: 1px solid #EBEBEB; -moz-border-radius: 4px; padding: 7px; } .entryText li { color: #444444; } .entryMetadata { font-size: 10px; color: #666666; text-align: left; margin: 0px; padding: 20px 10px 10px 0px; } .entryMetadata-label { font-weight: bold !important; color: #777777; text-transform: uppercase; margin: 0px 3px 0px 5px; } .entryMetadata a, .entryMetadata a:hover { font-weight: normal; color: #6A6A6A; } .entryMetadata ul { margin: 0px; padding: 0px; } .entryMetadata li { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/button2.gif) no-repeat 0px 2px; list-style-type: none; display: block; } .entryMetadata img { margin: 0px 0px 0px 10px !important; } .entryLinkbar { border-top: 1px solid #EBEBEB; } .ljcut-link a { font-family: Georgia; font-size: 12px; font-style: italic; color: #C7D1C0; letter-spacing: -1px; } .ljcut-link a:hover { color: #3DCBBF; } #footer-menu { text-align: center; border-top: 0px; } .bodynavblock { background: #F8F8F8; color: #9E9E9E; text-align: center; border-top: 1px solid #EBEBEB; margin: 0px; padding: 20px 20px 7px 20px; } .commentHolder { background: #FFFFFF; border: 1px solid #EBEBEB; margin: 10px; padding: 14px 0px 0px 0px; } .commentHeader, .commentHeaderScreened { text-align: left; margin: 0px 0px 10px 0px; padding: 0px 10px 4px 10px; } .commentHeaderScreened { font-style: normal; } .commentUserinfo { font-family: Georgia; font-size: 10px; color: #999999; margin: 0px 10px 10px 10px; } .commentUserinfo-usericon img { height: 80px; width: 80px; border: 1px solid #EBEBEB; margin: 0px 0px 3px 0px; padding: 3px; } .commentUserinfo .ljuser a b { font-size: 10px; text-transform: lowercase; margin: 0px 0px 5px 0px; } .commentText { font-size: 11px; color: #9E9E9E; text-align: left; margin: 0px 10px 10px 10px; } .commentLinkbar { background: #F8F8F8; font-family: Arial; font-weight: bold; font-size: 11px; color: #3DCBBF; text-align: right; text-transform: uppercase; border-top: 1px solid #EBEBEB; margin: 0px; padding: 3px 10px 5px 10px; } .commentLinkbar a { color: #3DCBBF; } .commentLinkbar li { list-style-type: none; margin: 0px 0px 0px 10px; padding: 0px; display: inline; } .replyform { background-color: #FFFFFF; color: #9E9E9E; padding: 17px; } #qrform { color: #FFFFFF; border: medium none !important; padding: 16px; } #qrform table { width: 98%; color: #AAAAAA; border:0 none !important; } .yearlinks { text-align: right; } .yearlink { padding: 0px 5px 0px 5px; } .month { margin: 20px 30px 30px 30px; } .month, .tagstable { width: 90%; } .daytitles { font-weight: bold; font-size: 10px; color: #9E9E9E; text-align: center; text-transform: uppercase; padding: 0px 10px 4px 10px; } .daysubjects { font-family: Helvetica; font-size: 11px; color: #9E9E9E; text-align: left; padding: 10px 50px 30px 30px; } .daysubjects a { font-size: 12px; font-style: italic; text-transform: uppercase; } .daysubjects img[src="icon_protected.gif"], .daysubjects img[src="icon_groups.gif"], .daysubjects img[src="icon_private.gif"] { margin: 0px !important; } .day-blank, .day { margin-bottom: 0px; padding: 3px; } .day-blank, .day, .tagstable, .tagstable td { border: 0px; } .day-date { width: 30%; background-color: #F8F8F8; font-size: 10px; color: #AAAAAA; text-align: center; border: 1px solid #EBEBEB; padding: 2px; } .day-count { float: right; width: 50%; font-family: 25px; text-align: center; } .day-count a { font-family: Georgia; font-size: 20px; color: #3DCBBF; } .tagstable { width: 90%; margin: 20px auto; } .tagstable td { font-size: 11px; color: #999999; text-transform: uppercase; } .tagstable a { font-size: 9px; text-transform: lowercase; } ul.taglist { padding: 0px 15px 0px 0px; } ul.taglist li { font-size: 9px; padding: 0px 3px 3px 9px; } ul.taglist a { font-size: 12px; } blockquote { font-family: Lucida Sans Unicode; color: #9E9E9E; padding: 5px; } input, textarea, select { background-color: #FFFFFF; font-size: 11px; border: 1px solid #EBEBEB; -moz-border-radius: 2px; margin: 1px !important; padding: 2px !important; } textarea { font-family: Helvetica; font-size: 10px; color: #9E9E9E; text-align: left; } code { font-family: Monospace; color: #9E9E9E; } b, strong { color: #565656; } i, em, strike { color: #666666; } li { list-style-position: inside; list-style-type: decimal-leading-zero; margin: 2px 0px 0px 20px; padding: 0px 0px 2px 9px; } h1, h2, h3, h4, h5 { font-family: Helvetica; font-style: italic; color: #9E9E9E; text-transform: uppercase; } .ljuser a b { font-family: Helvetica; color: #3DCBBF; text-transform: lowercase; } .ljuser img { width: 0px; height: 0px; background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/user-6.gif) no-repeat center left; padding: 12px 10px 0px 0px !important; vertical-align: baseline !Important; } .ljuser img[src="userinfo.gif"], .ljuser img[src="user_ontd.gif"], .ljuser img[src="community.gif"], img[src="partnercomm.gif"], img[src="sponcomm.gif"], img[src="icon_protected.gif"], img[src="icon_groups.gif"], img[src="icon_private.gif"], img[src="syndicated.gif"], img[src="newsinfo.gif"], div.ContextualPopup img[src="http://l-stat.livejournal.com/horizon/upgrade-paid-icon.gif"] { width: 0px; height: 0px; } .ljuser img[src="userinfo.gif"], .ljuser img[src="user_ontd.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/user-6.gif) no-repeat center left !important; padding: 12px 7px 0px 2px !important; } .ljuser img[src="community.gif"], img[src="partnercomm.gif"], img[src="sponcomm.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/house.gif) no-repeat center left !important; padding: 11px 10px 0px 2px !important; } img[src="icon_protected.gif"], img[src="icon_groups.gif"], img[src="icon_private.gif"] { margin: 0px 3px 0px 0px; } img[src="icon_protected.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/lock-7.gif) no-repeat center left !important; padding: 13px 9px 0px 0px !important; } img[src="icon_groups.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/house.gif) no-repeat center left !important; padding: 11px 10px 0px 0px !important; } img[src="icon_private.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/user-6.gif) no-repeat center left !important; padding: 12px 7px 0px 0px !important; } img[src="syndicated.gif"], img[src="newsinfo.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/button2.gif) no-repeat center left !important; padding: 10px 10px 0px 2px !important; } img[src="anonymous.gif"],img[src="openid-profile.gif"], .replyform img[src="userinfo.gif"], img[src="none.gif"], img[src="help.gif"], img[src="pencil.gif"], img[src="btn_edit.gif"] { height: 0px; width: 0px; background: no-repeat scroll 50% 50%; } img[src="anonymous.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/computer.gif); padding: 0px 0px 11px 12px !important; } img[src="openid-profile.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/speechcloud3.gif); padding: 0px 0px 13px 13px !important; } .replyform img[src="userinfo.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/user1.gif); padding: 0px 0px 14px 12px !important; } img[src="none.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/heart-1.gif); padding: 0px 0px 9px 8px !important; } img[src="help.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/thumbtack.gif); padding: 0px 0px 10px 9px !important; } img[src="pencil.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/pencil.gif); padding: 0px 0px 7px 6px !important; } img[src="btn_edit.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/note-1.gif); padding: 0px 0px 12px 10px !important; } div.ContextualPopup img[src="http://l-stat.livejournal.com/horizon/upgrade-paid-icon.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/arrow_up-3.gif) no-repeat center left; vertical-align: baseline !important; } div.ContextualPopup div.Inner { width: 270px; background: none !important; font: 10px Arial; color: #555555 !important; border: 0px; } div.ContextualPopup div.Userpic img { background-color: #F8F8F8; margin: 10px; } div.ContextualPopup div.Userpic img, div.ContextualPopup div.Inner div.Content { border: 1px solid #EBEBEB; -moz-border-radius: 6px; padding: 5px; } div.ContextualPopup .Relation { font-family: Arial; font-weight: bold !important; font-size: 14px !important; color: #3DCBBF !important; text-transform: lowercase; line-height: 12px; border-bottom: 1px solid #F0F0F0; margin-bottom: 3px; padding-bottom: 7px; } div.ContextualPopup div.Inner div.Content { background-color: #FFFFFF; } div.ContextualPopup div.Inner div.Content a, div.ContextualPopup div.Inner div.Content a:hover { font-weight: normal; color: #3DCBBF !important; text-decoration: none !important; } div.ContextualPopup div.Inner div.Content img a:hover { background: none !important; } div.Relation, div.FriendStatus { font-size: 11px; text-transform: uppercase; letter-spacing: -1px; border-bottom: 1px solid #3DCBBF; padding: 2px 2px 5px 2px; margin: 0px 0px 8px 0px; } #lj_controlstrip { border-bottom: 1px solid #9E9E9E; } #lj_controlstrip_statustext { font-family: Palatino; font-size: 10px; color: #9E9E9E; text-transform: uppercase; } #lj_controlstrip td { background-color: #C7D1C0; border-right: 0px; } #lj_controlstrip select, #lj_controlstrip input, .bodynavblock select, .bodynavblock input, .replyform input, .replyform select { background-color: #FAFAFA !important; font: 10px Helvetica !important; color: #9E9E9E !important; text-transform: uppercase; } #lj_controlstrip select, #lj_controlstrip input, .bodynavblock select, .bodynavblock input { border: 1px solid #9E9E9E; } #lj_controlstrip td a { font-weight: bold; color: #FFFFFF; } #lj_controlstrip td a:hover { text-decoration: none; } #lj_controlstrip .ljuser img { display: none; } #lj_controlstrip .ljuser a b, #lj_controlstrip .ljuser a b:hover { font-size: 14px; color: #FAFAFA; letter-spacing: -1px; border-bottom: 0px; }
DISPLAY > PRESENTATION	Expand BASIC OPTIONS and ADDITIONAL OPTIONS Userinfo Position in Entries → Left side of the Entry Text Wrap Entry text under userinfo → No
SIDEBAR	As you can see from the previews, the sidebar only holds up to 3 boxes. Feel free to mix it up however you want, but just keep in mind that the sidebar is coded to fit around the profile box, so make sure that the profile box is enabled to have it work properly.
IMAGES	Save these to your own servers to ensure that the images don't die on you when my Photobucket explodes :D Tiny Icons → User - Commmunity - News/Syndicated (and bullet points) Entry Header → Protected - Private - Groups Comment Pages → Anonymous - Open ID - User - None - Help - Pencil - Edit Background → Pattern - Transparent #1 - white An easy way to replace all of the old URLs listed below with the new is to use CTRL + H when editing in a program like Notepad.

043 - First Love Prostitute [Opal]

2010-06-17T08:32:51Z

First Love Prostitute ► LIVE | STATIC | FAQ

Layout Information
TESTED BROWSERS	Mozilla Firefox, Safari, Internet Explorer
PROBLEMS?	Apart from Opal's overall sloppiness, all clear!
FEATURES	Lots and lots of pink. It's like a candy overload \o/ Oh, and there's tiny icons, contextual pop ups, custom nav-strip, etc of course
DISABLED	Just the 'back to the top' links, they were getting annoying to code~
AD-PLACEMENT	Between Entries
FINAL NOTES	Oh look, another request! This time for dalmasca, who wanted something ~different from the usual Smooth Sailing.

Layout Installation
SELECT JOURNAL STYLE	01. Select any Opal (Libra OSWD). 02. Pick an ad placement you prefer (Between Entries tends to look best in general).
CUSTOM CSS	Use layout's stylesheet(s) → NO Use CTRL + A inside the textbox to select everything, and then copy and paste into the CUSTOM CSS box. /* LJ STYLE: Opal LAYOUT: First Love Prostitute MAKER: jessilestrange // kill_zombie FOR: surrea1ist PLEASE CREDIT: http://community.livejournal.com/kill_brainz/ OR http://jessilestrange.livejournal.com/ / body { background: #F9CDAD; font-family: Lucida Sans Unicode, Trebuchet MS, Verdana; font-size: 10px; color: #606060; margin: 0px; padding: 0px; z-index: 2; } a, a:visited { color: #F56991; text-decoration: none; } a:hover { color: #83AF9B; cursor: help; } #userpic, #headerinfo, .backtop { display: none; } #bodycontent { width: 100%; background: #FFFFFF; margin: 20px 0px 50px 0px; padding: 0px; } #header { background: #FE4365; margin: 0px; padding: 0px 0px 50px 0px; } #nav { background: #FC9D9A; text-align: center; margin: 0px 0px 20px 0px; padding: 8px; } #nav a { font-family: Helvetica; font-size: 16px; font-weight: bold; color: #FE4365; text-transform: uppercase; margin: 0px 3px 0px 3px; padding: 16px; display: inline; } #nav a:hover { background: #FE4365; color: #FFFFFF; text-shadow: 2px 2px 2px #FC9D9A; -moz-border-radius: 3px; } #header h3 { position: absolute; top: 230px; left: 20px; width: 150px; font-family: Helvetica; font-size: 22px; color: #FE4365; line-height: 20px; text-transform: uppercase; text-align: left; z-index: 200; } #header h3, .columncontent, .entries, #cal { border-bottom: 5px solid #FE4365; padding: 0px 0px 10px 0px; } #content { width: 100%; margin: 10px 0px 0px 0px; padding: 0px; } #content table { border-spacing: 0px; } #sidecolumn { font-family: Verdana; font-size: 11px; text-align: left; padding: 20px 0px 0px 0px; } #sidecolumn a, .calactitem a, .meta a { color: #FE4365; text-transform: uppercase; } #sidecolumn a:hover { color: #F9CDAD; } .sidetd { padding: 0px 20px 0px 200px; } .sidetd, .columncontent { width: 190px; } .columncontent strong { font-family: Helvetica; font-size: 16px; color: #FE4365; text-transform: uppercase; line-height: 14px; } .columncontent { margin: 0px 0px 20px 0px; } .columnitem { padding: 5px 0px 0px 0px; } .calempty { width: 23px; } .calinitem, .calactitem { width: 21px; border: 1px solid #EBEBEB; } .calempty, .calinitem, .calactitem { float: left; font-family: Verdana; font-size: 10px; text-align: center; margin: 1px; } .calactitem:hover { border: 1px solid #DEDEDE; } .calrow { clear: both; } .messageholder, .systemmessage { font-size: 10px; color: #9E9E9E; letter-spacing: 1px; text-transform: uppercase; margin: 0px; } .systemmessage, .entries, #cal { width: 540px; } .systemmessage td { padding: 3px 25px 3px 25px; } .systemtext { font-weight: normal; font-style: italic; padding: auto 10px auto 10px; } .systemtext a { font-weight: bold; } .entries { margin: 0px; padding: 30px 0px 0px 0px; } .entry { margin: 0px 0px 40px 0px; } .entryinfo { font-size: 11px; color: #9E9E9E; text-align: right; letter-spacing: 1px; border-bottom: 1px solid #EBEBEB; margin: 0px 0px 4px 0px; padding: 0px 0px 2px 0px; } .entryinfo .ljuser a b { font-size: 10px; letter-spacing: 0px; } .friendname { font-size: 11px; color: #9E9E9E !important; text-transform: uppercase; letter-spacing: 0px; padding: 0px 7px 0px 0px; } .userpic2 { float: right; text-align: right; margin: 20px 0px 5px 5px; z-index: 100; } .userpic2 img { background: #FFFFFF !important; padding: 3px; } .entrylinks { position: relative; float: right; top: 0px; background: #FFFFFF; font-family: Helvetica; font-size: 9px; text-align: right; text-transform: uppercase; margin: 0px -224px 5px 10px; padding: 0px; z-index: 200; } .entrylinks a { width: 100px; background: #F2F2F2; color: #FE4365; margin: 0px 0px 2px 0px; padding: 2px 1px 2px 1px; display: block; } .entrylinks a:hover { background: #FC9D9A; color: #FFFFFF; } .subject { font-family: Helvetica; font-weight: bold; font-size: 14px; color: #F9CDAD; text-align: left; text-transform: uppercase; line-height: 11px; padding: 0px; } .subject a, .subject a:hover { font-size: 22px; color: #FE4365; line-height: 18px; display: block; } .subject .ljuser a { display: inline; } .entrytext { min-height: 100px; font-size: 11px; color: #808080; padding: 0px; } .entrytext img { max-width: 400px; background: #F6F6F6; border: 1px solid #F6F6F6; margin: 1px; padding: 2px; } .entrytext img:hover { border: 1px solid #FC9D9A; } .meta { font-size: 10px; text-transform: uppercase; border-top: 1px solid #EBEBEB; margin: 4px 0px 0px 0px; padding: 4px 4px 0px 8px; } .meta img, .meta img:hover { border: 0px; margin: 1px 1px 0px 1px; padding: 0px; } #cal { text-align: center; padding: 10px 0px 0px 0px; } .bigday { float: left; font-family: Helvetica; font-weight: bold; font-size: 13px; color: #909090; text-transform: uppercase; padding: 3px; } .minicomment { height: 20px; background: #F2F2F2; padding: 5px; } .multiform { padding: 10px 0px 5px 0px; } .multiform input, .multiform select { color: #666666; text-transform: uppercase; } .ip { font-size: 10px; color: #9E9E9E; letter-spacing: 1px; } blockquote { font-size: 11px; color: #83AF9B; margin: 0px 10px 0px 10px; padding: 7px; } blockquote .ljuser a b { color: #C8C8A9; } input, textarea, select { font-size: 11px; border: 1px solid #E6E6E6; margin: 1px; padding: 2px; } input[type="submit"], input[type="button"] { background: #F8F8F8 !important; color: #666666 !important; } input[type="submit"]:hover, input[type="button"]:hover { color: #909090 !important; } textarea { height: 100px; width: 210px; background: #F3F3F3 repeat fixed; font-family: Verdana; color: #444444; text-align: left; } code { background: #F2F2F2; font-family: Monospace; color: #555555; padding: 1px; } b, strong { color: #83AF9B; } i, em { color: #C8C8A9; } li { list-style-position: inside; list-style-type: decimal-leading-zero; margin: 2px 0px 0px 10px; padding: 0px 0px 2px 9px; } h1, h2, h3, h4, h5 { color: #FE4365; } .border1, .border2, .border3, .border4 { border: 0px; margin: 0px; padding: 0px; } .ljuser a b { color: #FE4365; text-transform: lowercase; } html span.ljuser { background-image: url(img/useryb4.png) !important no-repeat left middle; padding: 10px 8px 0px 0px !important;} * html span.ljuser img { visibility: hidden; } img[src="userinfo.gif"], img[src="user_ontd.gif"], img[src="http://www.livejournal.com/stc/img/userinfo-support.gif"], img[src="community.gif"], img[src="partnercomm.gif"], img[src="sponcomm.gif"], img[src="syndicated.gif"], img[src="newsinfo.gif"], img[src="icon_protected.gif"], img[src="icon_groups.gif"], img[src="icon_private.gif"], img[src="anonymous.gif"],img[src="openid-profile.gif"], img[src="none.gif"], img[src="help.gif"], img[src="pencil.gif"], img[src="btn_edit.gif"], div.ContextualPopup img[src="http://l-stat.livejournal.com/horizon/upgrade-paid-icon.gif"] { width: 0px; height: 0px; } img[src="userinfo.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/009-1.png) no-repeat; padding: 10px 10px 0px 2px !important; } img[src="user_ontd.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/006-2.png) no-repeat; padding: 10px 10px 0px 2px !important; } img[src="http://www.livejournal.com/stc/img/userinfo-support.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/008-1.png) no-repeat; padding: 10px 10px 0px 2px !important; } img[src="community.gif"], img[src="partnercomm.gif"], img[src="sponcomm.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/045.png) no-repeat; padding: 10px 10px 0px 2px !important; } img[src="syndicated.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/001.png) no-repeat; padding: 10px 10px 0px 2px !important; } img[src="newsinfo.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/043.png) no-repeat; padding: 10px 10px 0px 2px !important; } img[src="icon_protected.gif"], img[src="icon_groups.gif"], img[src="icon_private.gif"] { padding: 0px 0px 16px 16px !important; } img[src="icon_protected.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/018.png) no-repeat; } img[src="icon_groups.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/025.png) no-repeat; } img[src="icon_private.gif"]{ background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/013.png) no-repeat; } img[src="anonymous.gif"],img[src="openid-profile.gif"], img[src="none.gif"], img[src="help.gif"], img[src="pencil.gif"], img[src="btn_edit.gif"] { padding: 0px 0px 10px 10px !important; background: no-repeat scroll 50% 50%; } img[src="anonymous.gif"] { background: url(http://i43.tinypic.com/29390tu.png); } img[src="openid-profile.gif"] { background: url(http://i39.tinypic.com/20kumg1.png); } img[src="none.gif"] { background: url(http://i39.tinypic.com/263aas4.png); } img[src="help.gif"] { background: url(http://i43.tinypic.com/33p4gso.png); } img[src="pencil.gif"] { background: url(http://i43.tinypic.com/2zntuom.png); } img[src*="btn_edit.gif"] { background: url(http://i40.tinypic.com/3340ps4.png); } div.ContextualPopup img[src="http://l-stat.livejournal.com/horizon/upgrade-paid-icon.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/arrow_up-3.gif) no-repeat center left; vertical-align: baseline !important; padding: 10px 10px 0px 0px !important; } div.ContextualPopup div.Inner { width: 260px; background: #FFFFFF !important; font: 10px Lucida Sans Unicode; color: #606060 !important; border: 1px solid #F0F0F0; } div.ContextualPopup div.Userpic img { background-color: #FFFFFF; padding: 0px; margin: 0px; } div.ContextualPopup .Relation { font-family: Helvetica; font-size: 14px !important; color: #FE4365 !important; text-transform: uppercase; letter-spacing: -1px; line-height: 12px; border-bottom: 0px; margin: 5px 0px 5px 0px; } div.ContextualPopup div.Inner div.Content a { font-weight: normal; color: #FE4365 !important; text-decoration: none !important; text-transform: uppercase; } div.ContextualPopup div.Inner div.Content a:hover { color: #F9CDAD !important; } div.ContextualPopup div.Inner div.Content img a:hover { background: none !important; } div.Relation, div.FriendStatus { font-size: 11px; text-transform: uppercase; letter-spacing: -1px; border-bottom: 0px; padding: 2px 2px 5px 2px; margin: 0px 0px 8px 0px; } #lj_controlstrip { border-bottom: 0px; } #lj_controlstrip_statustext { font-family: Palatino; font-size: 10px; color: #FE4365; text-transform: uppercase; } #lj_controlstrip td { background: #FC9D9A; color: #FFFFFF !important; border-right: 1px solid #FC9D9A; } #lj_controlstrip select, #lj_controlstrip input { background-color: #F9CDAD !important; font: 10px Helvetica !important; color: #FFFFFF !important; text-transform: uppercase; border: 1px solid #FFFFFF; } #lj_controlstrip td a { font-weight: bold; color: #FFFFFF; } #lj_controlstrip td a:hover { text-decoration: none; } #lj_controlstrip .ljuser img { display: none; } #lj_controlstrip .ljuser a b, #lj_controlstrip .ljuser a b:hover { font-size: 14px; color: #FAFAFA; letter-spacing: -1px; border-bottom: 0px; }
DISPLAY > PRESENTATION	Expand BASIC OPTIONS and ADDITIONAL OPTIONS Disable customized comment pages for your journal → YES (Opal's comment pages are a huge mess, don't even bother) Display link list → Yes (if you want sidebar links) Summary Items → 0 (if you don't want page summary)
IMAGES	Save these to your own servers to ensure that the images don't die on you when my Photobucket explodes :D Tiny Icons → User - ONTDUser - SupportUser - Commmunity - News - Syndicated Entry Header → Protected - Private - Groups Comment Pages → Anonymous - Open ID - User - None - Help - Pencil - Edit An easy way to replace all of the old URLs listed below with the new is to use CTRL + H when editing in a program like Notepad.

042 - Artificial Girl [Smooth Sailing]

2010-05-31T12:18:02Z

Artificial Girl ► LIVE | STATIC | FAQ

Layout Information
TESTED BROWSERS	Mozilla Firefox, Safari, Internet Explorer
PROBLEMS?	All clear!
FEATURES	Fixed header-menu
DISABLED	Header subtitle, entry header dates, most of the sidebar modules (summary/tags/search/calendar), footer-menu
AD-PLACEMENT	Between Entries
FINAL NOTES	Because of school this is terribly overdue, but it's a belated birthday gift I owe to my friend, goddess_of_ice from gryff_lions. Happy (incredibly belated) birthday Meg!

Layout Installation
SELECT JOURNAL STYLE	01. Select any Smooth Sailing. 02. Pick an ad placement you prefer (Between Entries tends to look best in general).
CUSTOM CSS	Use layout's stylesheet(s) → NO Use layout's stylesheet(s) when including custom external stylesheet → NO Use CTRL + A inside the textbox to select everything, and then copy and paste into the CUSTOM CSS box. /* LJ STYLE: Smooth Sailing LAYOUT: Artificial Girl FOR: goddess_of_ice MAKER: jessilestrange // kill_zombie PLEASE CREDIT: http://community.livejournal.com/kill_brainz/ OR http://jessilestrange.livejournal.com/ HAPPY (INCREDIBLY BELATED) BIRTHDAY MEGHAN! / body { background: #EDEDED; font-family: Arial; font-size: 11px; color: #444444; margin: 0px; padding: 0px; } a, a:visited, .entryHeader a:hover, .entryUserinfo .ljuser a b:hover { color: #32878A; text-decoration: none; } a:hover { cursor: help; color: #51BEC2; } .pageblock { position: relative; width: 800px; background: #FAFAFA; border-right: 1px solid #CFCFCF; margin: 0px; padding: 0px; } .pagefooterblock, .header-subtitle, .header-icon, .bodyheaderblock, .sideboxTitle, .profile-label, .sidebox #profile .ljuser img, .sidebox #summary, .sidebox #tags_sidebox, .sidebox #latestmonth, .sidebox #search, .entryHeaderDate, .entryUserinfo .ljuser img, #footer-menu, .commentUserinfo .ljuser img { display: none; } .header-title { top: 140px; width: 800px; font-family: Helvetica; font-size: 48px; color: #32878A; letter-spacing: -1px; text-transform: uppercase; text-align: left; margin: 0px; } .header-menu { position: fixed; top: 50px; left: 820px; font-family: Helvetica; margin: 0px; padding: 0px; } .header-menu a { font-size: 19px; color: #32878A; text-transform: uppercase; letter-spacing: -1px; } .header-menu a:hover, .entryHeader a, .entryUserinfo .ljuser a b, .commentUserinfo .ljuser a b { color: #383838; } .header-menu ul, .entryLinkbar ul, .entryMetadata ul, .entryLinkbar ul, .commentLinkbar ul { margin: 0px; padding: 0px; } .header-menu li { list-style-type: none; margin: 4px 0px 0px 0px; padding: 0px; display: block; } .sidebar, .header-title, #footer-menu { position: absolute; } .sidebar { top: 185px; height: 180px; width: 800px; / DON'T EDIT UNLESS YOU KNOW WHAT YOU'RE DOING / background: #32878A; over-flow: auto; overflow-x: hidden; overflow-y: auto; / ALL DONE! / border-bottom: 1px solid #EDEDED; margin: 0px; padding: 0px; } .sidebox { float: left; width: 100%; margin: 10px 0px 10px 0px; padding: 0px; } .sideboxContent { font-size: 13px; color: #FFFFFF; text-align: left; padding: 10px 20px 0px 20px; } .sideboxContent a, .sideboxContent .ljuser a b { color: #FFFFFF; } .sidebox #profile { min-height: 100px; font-size: 12px; } .sidebox #profile .ljuser a b { font-style: normal; font-size: 20px; text-transform: uppercase; letter-spacing: -1px; } img.profile-userpic { float: left; height: 85px; width: 85px; border: 10px solid #51BEC2; margin: 0px 25px 2px 0px; } .profile-content { font-style: italic; font-size: 15px; margin: 2px 0px 5px 130px; display: block; } .sidebox #systemlinks { text-align: left; text-transform: uppercase; } .listitem, .listtitle { float: left; margin: 0px 5px 5px 0px; display: block; } .listitem { width: 130px; background: #51BEC2; padding: 3px; } .listitem:hover { background: #439EA1; } .sidebox #systemlinks a { font-size: 10px; } .listtitle { width: 730px; font-family: Helvetica; font-weight: bold; font-size: 17px; color: #FFFFFF; padding: 3px 3px 0px 3px; } .bodyblock { margin: 0px; padding: 365px 0px 10px 0px; } .entryHolder { margin: 0px 20px 0px 20px; padding: 0px; } .entryHeader, .entryMetadata { width: 630px; margin: 0px; } .entryHeader { font-size: 0px; text-align: left; border-bottom: 1px solid #EDEDED; padding: 13px 0px 3px 0px; } .entryHeader a { font-family: Helvetica; font-size: 25px; letter-spacing: -1px; line-height: 28px; } .entryHeaderSubject { padding: 0px 0px 0px 5px; z-index: 30; } .entryUserinfo { position: relative; text-align: center; margin: -25px 5px 0px 20px; z-index: 50; } .entryUserinfo .ljuser a b, .commentUserinfo .ljuser a b { font-size: 9px; margin: 0px; } .entryUserinfo-usericon img { border: 0px; margin: 0px 0px 8px 0px; } .entryText { min-height: 80px; font-size: 12px; border-bottom: 1px solid #EDEDED; margin: 0px; padding: 10px 0px 10px 0px; } .entryText img { max-width: 620px; background: #FFFFFF; border: 1px solid #EDEDED; padding: 3px; } .entryMetadata, .entryLinkbar { font-size: 9px; } .entryMetadata { color: #444444; text-align: left; padding: 10px 0px 0px 0px; } .entryMetadata li { list-style-type: none; margin: 0px; padding: 0px; display: block; } .entryMetadata img { margin: 2px; } .entryMetadata-label { font-weight: bold; margin: 0px 5px 0px 0px; } .entryLinkbar { text-transform: lowercase; text-align: right; border-bottom: 1px solid #EDEDED; margin: 0px; padding: 10px 0px 7px 0px; } .entryLinkbar li { list-style-type: none; margin: 0px 17px 0px 0px; padding: 0px; display: inline; } .entryLinkbar a { color: #333333; } .bodynavblock { font-size: 10px; text-align: center; padding: 20px 0px 5px 0px; } .commentHolder { border-bottom: 1px solid #EDEDED; margin: 20px 0px 0px 20px; padding: 0px; } .commentUserinfo { position: relative; font-size: 9px; text-align: center; margin: -20px 10px 10px 0px; z-index: 50; } .commentUserinfo-usericon img { height: 90px; width: 90px; border: 0px; margin: 0px 0px 5px 0px; } .commentText { font-size: 11px; padding: 6px 10px 20px 10px; } .commentHeader, .commentHeaderScreened { font-size: 9px; border-bottom: 1px solid #EDEDED; margin: 0px 0px 5px 110px; padding: 0px 10px 5px 10px; } .commentHeaderScreened { font-style: italic; } .commentHeaderSubject { text-transform: uppercase; } .commentLinkbar { font-size: 9px; color: #333333; text-transform: lowercase; text-align: right; border-top: 1px solid #EDEDED; margin: 0px; padding: 3px 0px 7px 0px; } .commentLinkbar li { list-style-type: none; margin: 0px 12px 0px 0px; padding: 0px; display: inline; } .commentLinkbar a { color: #333333; } .replyform { font-family: Verdana; font-size: 10px; color: #555555; padding-left: 10px; } #commenttext { width: 100%; } .yearlinks { text-align: right; } .yearlink { padding: 0px 5px 0px 5px; } .month { width: 600px; margin: 20px 0px 0px 10px; } .daytitles { font-size: 18px; text-align: center; letter-spacing: -1px; padding: 0px 0px 7px 0px; } .daytitles, .day-blank, .day, .tagstable, .tagstable td { background: #FAFAFA; border: 3px solid #FAFAFA; } .daysubjects { font-size: 9px; text-align: left; padding: 20px 0px 20px 20px; } .daysubjects a { font-size: 12px; } .daysubjects img { width: 0px; height: 0px; background-repeat: no-repeat; margin: 0px 2px 0px 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/065.png); padding: 10px 10px 0px 0px; } .day-date { width: 50%; font-size: 10px; text-align: center; border: 1px solid #EBEBEB; padding: 2px; } .day-count { float: right; width: 30%; text-align: center; } .day-count a { font-family: Helvetica; font-size: 18px; } .tagstable { width: 690px; margin: 20px auto; } .tagstable td { font-size: 11px; text-transform: uppercase; } .tagstable a { font-size: 9px; text-transform: lowercase; } ul.taglist { padding: 0px 15px 0px 0px; } ul.taglist li { font-size: 9px; padding: 0px 3px 3px 9px; } ul.taglist a { font-size: 12px; } blockquote { font-family: Helvetica; font-size: 14px; color: #666666; padding: 5px 10px 0px 10px; } blockquote:first-letter { float: left; font-family: Helvetica; font-weight: bold; font-size: 32px; color: #32878A; margin: 4px 2px 0px 0px; } blockquote .ljuser a b { color: #32878A; } input, textarea, select { background-color: #F8F8F8; font-size: 9px; border: 1px solid #CFCFCF; margin: 1px; padding: 1px; } textarea { height: 90px; width: 400px; font-family: Verdana; color: #666666; text-align: left; } li { list-style-position: inside; list-style-type: decimal-leading-zero; margin: 2px 0px 0px 5px; padding: 0px 0px 2px 10px; } h1, h2, h3, h4, h5 { font-family: Helvetica; color: #444444; } .entryHeader img[src="http://l-stat.livejournal.com/img/icon_protected.gif"], .entryHeader img[src="http://l-stat.livejournal.com/img/icon_groups.gif"], .entryHeader img[src="http://l-stat.livejournal.com/img/icon_private.gif"] { width: 0px; height: 0px; padding: 0px 16px 16px 0px; margin: 0px 6px 0px 0px; } .entryHeader img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/55-1.png); } .entryHeader img[src="http://l-stat.livejournal.com/img/icon_groups.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/61-1.png); } .entryHeader img[src="http://l-stat.livejournal.com/img/icon_private.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/37-1.png); } .entryHeader img { width: 0px; height: 0px; background-repeat: no-repeat; margin: 0px 6px 0px 0px; background-image: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/55-1.png); padding: 16px 16px 0px 0px; } img[src="http://l-stat.livejournal.com/horizon/upgrade-paid-icon.gif"] { width: 0px; height: 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/heart-1.gif); margin: 0px 2px 0px 0px; padding: 9px 8px 0px 0px; } .ljuser img { width: 0px; height: 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/userinfo-gray-1.png) no-repeat transparent; margin: 0px 3px 2px 0px !important; padding: 12px 11px 0px 1px !important; } .ljuser img[src="userinfo.gif"], .ljuser img[src="newyearpic_1.gif"], .ljuser img[src="user_ontd.gif"], #lj_controlstrip .ljuser img[src="userinfo.gif"], #lj_controlstrip .ljuser img[src="newyearpic_1.gif"], #lj_controlstrip .ljuser img[src="user_ontd.gif"], .ljuser img[src="community.gif"], .ljuser img[src="partnercomm.gif"], .ljuser img[src="sponcomm.gif"], #lj_controlstrip .ljuser img[src="community.gif"], #lj_controlstrip .ljuser img[src="partnercomm.gif"], #lj_controlstrip .ljuser img[src="sponcomm.gif"], .ljuser img[src="newsinfo.gif"], .ljuser img[src="syndicated.gif"], #lj_controlstrip .ljuser img[src="newsinfo.gif"], #lj_controlstrip .ljuser img[src="syndicated.gif"] { background: no-repeat; margin: 0px 0px 2px 0px !important; } .ljuser img[src="userinfo.gif"], .ljuser img[src="newyearpic_1.gif"], .ljuser img[src="user_ontd.gif"], #lj_controlstrip .ljuser img[src="userinfo.gif"], #lj_controlstrip .ljuser img[src="newyearpic_1.gif"], #lj_controlstrip .ljuser img[src="user_ontd.gif"] { padding: 12px 11px 0px 1px !important; } .ljuser img[src="community.gif"], .ljuser img[src="partnercomm.gif"], .ljuser img[src="sponcomm.gif"], #lj_controlstrip .ljuser img[src="community.gif"], #lj_controlstrip .ljuser img[src="partnercomm.gif"], #lj_controlstrip .ljuser img[src="sponcomm.gif"]{ padding: 12px 11px 0px 1px !important; } .ljuser img[src="newsinfo.gif"], .ljuser img[src="syndicated.gif"], #lj_controlstrip .ljuser img[src="newsinfo.gif"], #lj_controlstrip .ljuser img[src="syndicated.gif"] { padding: 12px 11px 0px 1px !important; } .ljuser img[src="userinfo.gif"], .ljuser img[src="newyearpic_1.gif"], .ljuser img[src="user_ontd.gif"], #lj_controlstrip .ljuser img[src="userinfo.gif"], #lj_controlstrip .ljuser img[src="newyearpic_1.gif"], #lj_controlstrip .ljuser img[src="user_ontd.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/userinfo-lightblue.png) transparent; } .ljuser img[src="community.gif"], .ljuser img[src="partnercomm.gif"], .ljuser img[src="sponcomm.gif"], #lj_controlstrip .ljuser img[src="community.gif"], #lj_controlstrip .ljuser img[src="partnercomm.gif"], #lj_controlstrip .ljuser img[src="sponcomm.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/comm-blue.png) transparent; } .ljuser img[src="newsinfo.gif"], #lj_controlstrip .ljuser img[src="newsinfo.gif"], .ljuser img[src="syndicated.gif"], #lj_controlstrip .ljuser img[src="syndicated.gif"] { background-color: transparent; background-image: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/userinfo-gray-1.png); } img[src="anonymous.gif"],img[src="openid-profile.gif"], .replyform img[src="userinfo.gif"], img[src="none.gif"], img[src="help.gif"], img[src="pencil.gif"], img[src="btn_edit.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: no-repeat scroll 50% 50%; } img[src="anonymous.gif"] { background: url(http://i43.tinypic.com/29390tu.png); } img[src="openid-profile.gif"] { background: url(http://i39.tinypic.com/20kumg1.png); } .replyform img[src="userinfo.gif"] { background: url(http://i44.tinypic.com/2a5lq0y.png); } img[src="none.gif"] { background: url(http://i39.tinypic.com/263aas4.png); } img[src="help.gif"] { background: url(http://i43.tinypic.com/33p4gso.png); } img[src="pencil.gif"] { background: url(http://i43.tinypic.com/2zntuom.png); } img[src*="btn_edit.gif"] { background: url(http://i40.tinypic.com/3340ps4.png); } .ljuser a b { font-family: Helvetica; font-weight: bold; text-transform: uppercase; } div.ContextualPopup div.Inner { width: 260px; font: 10px Arial; color: #555555 !important; border: 1px solid #CFCFCF; } div.ContextualPopup div.Userpic img { padding: 0px; margin: 0px; } div.ContextualPopup .Relation { font-family: Georgia; font-style: italic !important; font-weight: bold !important; font-size: 14px !important; color: ##B8B8B8 !important; text-transform: lowercase; border-bottom: 0px; margin-bottom: 3px; padding-bottom: 5px; } div.ContextualPopup div.Inner div.Content a, div.ContextualPopup div.Inner div.Content a:hover { font-weight: normal; color: #32878A !important; text-decoration: none !important; text-transform: uppercase; } div.ContextualPopup div.Inner div.Content { background: #FAFAFA; } div.ContextualPopup div.Inner div.Content img a:hover { background: none !important; } div.Relation, div.FriendStatus { font-size: 11px; text-transform: uppercase; letter-spacing: -1px; border-bottom: 1px solid #CFCFCF; padding: 2px 2px 5px 2px; margin: 0px 0px 8px 0px; } #lj_controlstrip { border-bottom: 1px solid #CFCFCF; } #lj_controlstrip_statustext { font-size: 10px; color: #FFFFFF; text-transform: uppercase; } #lj_controlstrip td { background: #51BEC2; font-weight: bold; color: #FFFFFF; border-right: 0px; } #lj_controlstrip select, #lj_controlstrip input { background: #388889 !important; font: 9px Verdana !important; color: #FFFFFF !important; border: 1px solid #70A7C4; padding: 1px; } #lj_controlstrip td a { font-weight: bold; color: #FFFFFF; text-decoration: none; } #lj_controlstrip .ljuser a b, #lj_controlstrip .ljuser a b:hover { font-size: 14px; font-weight: bold; text-transform: lowercase; letter-spacing: -1px; }
DISPLAY > PRESENTATION	Expand BASIC OPTIONS and ADDITIONAL OPTIONS Userinfo Position in Entries → Right side of the Entry Text Wrap Entry text under userinfo → Yes
IMAGES	Save these to your own servers to ensure that the images don't die on you when my Photobucket explodes :D Tiny Icons → User - Commmunity - News/Syndicated Entry Header → Protected - Private - Groups Comment Pages → Anonymous - Open ID - User - None - Help - Pencil - Edit

041 - Help, I'm Alive! [Smooth Sailing]

2010-05-22T09:57:36Z

Help, I'm Alive! ► LIVE | STATIC | FAQ

Layout Information
TESTED BROWSERS	Mozilla Firefox, Safari, Internet Explorer
PROBLEMS?	Should be all fine!
FEATURES	Liquid-width, tiny icons, contextual pop ups, custom nav-strip
DISABLED	Header subtitle
AD-PLACEMENT	Between Entries
FINAL NOTES	This is a cleaned-up remake of the old community layout, made originally for my friends over at kradambigbang.

Layout Installation
SELECT JOURNAL STYLE	01. Select any Smooth Sailing. 02. Pick an ad placement you prefer (Between Entries tends to look best in general).
CUSTOM CSS	Use layout's stylesheet(s) → NO Use layout's stylesheet(s) when including custom external stylesheet → NO Use CTRL + A inside the textbox to select everything, and then copy and paste into the CUSTOM CSS box. /* LJ STYLE: Smooth Sailing LAYOUT: Help, I'm Alive MAKER: jessilestrange // kill_zombie FOR: kradambigbang PLEASE CREDIT: http://community.livejournal.com/kill_brainz/ OR http://jessilestrange.livejournal.com/ / body { background: #F5F5F5; font-family: Lucida Sans Unicode, Sans Serif, Verdana; font-size: 10px; color: #222222; text-align: center; margin: 0px; padding: 0px; } a, a:visited { color: #444444; text-decoration: none; } a:hover { color: #CE004E; cursor: help; } .pageblock { width: 100%; margin: 0px auto 0px auto; padding: 0px; } .pagefooterblock, .bodyheaderblock, .header-subtitle, .header-icon, .listtitle, .entryHeader .ljuser img, .profile-label, .sidebox #summary .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"], .sidebox #summary img[src="community.gif"], .sidebox #profile img[src="userinfo.gif"], .sidebox #profile img[src="community.gif"], .entryUserinfo .ljuser img, .commentUserinfo .ljuser img, .daysubjects img, #lj_controlstrip img, #lj_controlstrip .ljuser img { display: none; } .pagheaderblock { text-align: left; } .header-title { position: absolute; top: 48px; left: 20px; font-family: Georgia; font-size: 23px; font-weight: bold; font-style: italic; color: #A3033D; letter-spacing: -1px; z-index: 200; } .header-menu, .entryLinkbar, .bodynavblock, .sideboxTitle, .entryHeader, .entryUserinfo, .commentHeader, .commentHeaderScreened, .commentLinkbar, .replyform textarea, .replyform input, .replyform select { background: #F7F7F7; } .header-menu { width: 100%; height: 27px; text-align: right; padding: 7px 0px 0px 0px; } .header-menu a { font-size: 18px; text-transform: lowercase; letter-spacing: -2px; margin: 0px 9px 0px 0px; white-space: nowrap; } .header-menu a, .sideboxTitle, .entryHeader a, .entryText li a:hover, .entryLinkbar a, .bodynavblock a, #footer-menu a, blockquote a:hover { color: #A3033D; } .header-menu a:hover, .entryHeader a:hover, .entryLinkbar a:hover, .bodynavblock a:hover, #footer-menu a:hover { color: #CE004E; } .header-menu ul { margin: 0px; padding: 0px; } .header-menu li { border-left: 1px solid #E6E6E6; list-style-type: none; margin: 0px; padding: 13px 8px 5px 12px; display:inline; } .sidebar { width: 290px; font-family: Lucida Sans Unicode; font-size: 11px; border-top: 1px solid #E6E6E6; } .sidebar, .entryHolder, .header-menu li:hover, .entryLinkbar li:hover, .commentHolder, .replyform, #lj_controlstrip td { background: #F9F9F9 repeat; } .sidebox { color: #000000; border-bottom: 1px solid #E6E6E6; } .sideboxTitle { font-family: Georgia; font-size: 19px; font-weight: bold; font-style: italic; text-transform: lowercase; text-align: left; letter-spacing: -1px; border-bottom: 1px solid #E6E6E6; padding: 12px 10px 5px 20px; } .sideboxContent { font-size: 11px; color: #444444; text-align: justify; padding: 10px 8px 10px 8px; } .sidebox #latestmonth { text-align: center; } .sidebox #profile, .sidebox #search { text-align: left; } .sidebox #profile { min-height: 110px; font-size: 11px; } .sidebox #profile .ljuser a b { font-size: 16px; font-weight: bold; color: #A3033D; text-transform: lowercase; letter-spacing: -1px; border-bottom: 1px solid #E6E6E6; } .sidebox #profile .ljuser a b:hover { border-bottom: 1px solid #AAAAAA; } img.profile-userpic { float: left; height: 70px; width: 70px; background-color: #F9F9F9; border: 1px solid #E6E6E6; margin: 0px 10px 5px 0px; padding: 3px; } .profile-content { font-size: 12px; text-transform: uppercase; margin: 5px 0px 0px 95px; display: block; } .sidebox #tags_sidebox, .sidebox #summary { width: 274px; } .sidebox #tags_sidebox, .sidebox #summary { height: 215px; /* WATCH ME HACK LIKE A PRO~ / over-flow: auto; overflow-x: hidden; overflow-y: auto; / DO NOT TOUCH THIS SHIT GODDAMNIT! IF YOU SCREW IT UP I'MMA KEEL YOUU~ / } .sidebox #systemlinks, .sidebox #tags_sidebox { font-family: Tahoma; font-size: 0px; text-align: left; } .listitem, .sidebox #tags_sidebox a { border-bottom: 1px solid #E6E6E6; margin: 0px 3px 0px; padding: 7px 10px 3px 10px; display: block; } .listitem:hover, .sidebox #tags_sidebox a:hover { background-color: #F9F9F9; } .listitem a, .sidebox #tags_sidebox a { font-size: 11px; color: #444444; text-transform: uppercase; } .listitem a:hover, .sidebox #tags_sidebox a:hover { color: #666666; } .sidebox #summary { height: 130px; / MOAR HACKING! / over-flow: auto; overflow-x: hidden; overflow-y: auto; / DON'T TOUCH THIS EITHER PLZ BBS / } .sidebox #summary img[src="icon_protected.gif"], .sidebox #summary img[src="icon_groups.gif"], .sidebox #summary img[src="icon_private.gif"] { width: 0px; height: 0px; background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/065.png) no-repeat center left !important; padding: 10px 10px 0 2px !important; } .sidebox #summary a { text-transform: uppercase; } .sidebox #latestmonth table { width: 100%; text-transform: uppercase; margin: 4px auto 0px auto; } .sidebox #latestmonth table a { color: #555555; } .latestmonth-inactive, .latestmonth-active { background-color: #F5F5F5; border: 1px solid #E6E6E6; margin: 1px; padding: 1px 1px 10px 10px; } .latestmonth-inactive:hover, .latestmonth-active:hover { background-color: #F9F9F9; } .latestmonth-active a, .latestmonth-active a:hover { color: #777777; } .sidebox #search { font-size: 12px; } .sidebox #search select, .sidebox #search input { background-color: #FAFAFA; font-size: 10px; color: #555555; } .sidebox #search select:hover, .sidebox #search input:hover, .replyform textarea:hover, .replyform input:hover, .replyform select:hover, .bodynavblock select:hover, .bodynavblock input:hover, #lj_controlstrip select:hover, #lj_controlstrip input:hover, select:hover, input:hover { border: 1px solid #CCCCCC; } .bodyblock { margin: 0px auto 0px auto; } .entryHolder { border-left: 1px solid #E6E6E6; margin: 0px; padding: 0px; } .entryHeader { font-size: 0px; line-height: 18px; text-align: left; padding: 20px 15px 5px 5px; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; } .entryHeaderDate, .entryHeader a { position: relative; } .entryHeaderDate { font-size: 34px; color: #E6E6E6; letter-spacing: -4px; text-transform: lowercase; z-index: 0; display: block; } .entryHeader a { font-family: Georgia; font-size: 23px; font-weight: bold; font-style: italic; letter-spacing: -1px; text-transform: lowercase; z-index: 10; } .entryHeaderSubject { position: relative; padding: 0px 0px 0px 30px; z-index: 30; } .entryHeaderTags { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/044.png) no-repeat scroll 0 50%; font-size: 0px; color: #F7F7F7; margin: 0px 0px 0px 10px; padding: 5px 0px 0px 15px; display: block; } .entryHeaderTags a, .entryHeaderTags a:hover { font-family: Lucida Sans Unicode; font-weight: lighter; font-style: normal; font-size: 12px !important; color: #4D4D4D; text-transform: lowercase; letter-spacing: 0px; margin: 0px 7px 0px 0px; } .entryHeaderTags a:hover { color: #A3033D; } .entryUserinfo { background-color: #F9F9F9; text-align: center; border-right: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; margin: 0px 10px 6px 0px; } .entryUserinfo-usericon img, .entryUserinfo-usericon img:hover { border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px; margin: 0px 0px 3px 0px; padding: 18px 18px 15px 18px; } .entryUserinfo .ljuser a b, .entryUserinfo .ljuser a b:hover { font-family: Georgia; font-style: italic; font-size: 14px; text-transform: lowercase; letter-spacing: -1px; border-bottom: 1px solid #EBEBEB; margin: 0px 0px 0px 10px; } .entryText { min-height: 120px; font-size: 12.5px; color: #333333; text-align: justify; padding: 10px; } .entryText a { font-weight: bold; } .entryText li { color: #444444; } .entryMetadata { font-size: 11px; color: #333333; text-align: left; margin: 10px 30px 10px 20px; } .entryMetadata-label { font-family: Georgia; font-style: italic; font-size: 12px; text-transform: lowercase; margin: 0px 3px 0px 0px; } .entryMetadata a { color: #555555; } .entryMetadata a:hover, .daysubjects a:hover { color: #666666; border-bottom: 1px dotted #888888; } .entryMetadata ul { margin: 0px; padding: 0px; } .entryMetadata li { list-style-type: none; margin: 0px; padding: 0px 10px 1px 0px; display: block; } .entryLinkbar { width: 100%; height: 23px; text-align: right; border-top: 1px solid #E6E6E6; padding: 3px 0px 0px 0px; } .entryLinkbar a { font-size: 15px; text-transform: lowercase; letter-spacing: -1px; margin: 0px 9px 0px 0px; white-space: nowrap; } .entryLinkbar ul { margin: 0px; padding: 0px; } .entryLinkbar li { border-left: 1px solid #E6E6E6; list-style-type: none; margin: 0px; padding: 8px 8px 4px 8px; display: inline; } .bodynavblock { color: #F7F7F7; text-align: center; border-top: 1px solid #E6E6E6; border-left: 1px solid #E6E6E6; margin: 0px; padding: 12px 15px 10px 15px; } .bodynavblock a, #footer-menu a { text-transform: lowercase; letter-spacing: -4px; margin: 0px 7px 0px 7px; } #footer-menu { font-size: 35px; } #footer-menu ul { margin: 0px; padding: 0px; } #footer-menu li { list-style-type: none; display: inline; } .commentHolder { border-top: 1px solid #E6E6E6; border-left: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; margin: 0px 0px 10px 0px; padding: 0px; } .commentHeader, .commentHeaderScreened { min-height: 20px; font-family: Georgia; font-size: 13px; font-weight: bold; font-style: italic; letter-spacing: -1px; text-transform: lowercase; text-align: left; border-bottom: 1px solid #E6E6E6; padding: 10px 10px 3px 20px; } .commentHeader { color: #444444; } .commentHeaderScreened { color: #666666; } .commentUserinfo { height: auto; font-size: 10px; color: #666666; text-align: center; margin: 10px 10px 10px 10px; padding: 0px; } .commentUserinfo-usericon img { height: 80px; width: 80px; border: 1px solid #EBEBEB; margin: 0px 0px 3px 0px; padding: 2px; } .commentUserinfo-usericon img:hover { border: 1px solid #AAAAAA; } .commentUserinfo .ljuser a b { font-family: Helvetica; font-style: normal; } .commentText { font-size: 12px; text-align: left; padding: 10px; } .commentLinkbar { font-size: 10px; color: #444444; letter-spacing: 1px; text-transform: uppercase; text-align: right; border-top: 1px solid #EBEBEB; margin: 0px; padding: 0px 10px 2px 0px; } .commentLinkbar li { list-style-type: none; margin: 0px 0px 0px 12px; padding: 0px; display: inline; } .replyform { font-size: 11px; border-left: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; padding: 10px; } .replyform textarea { width: 100%; } .replyform textarea, .replyform input, .replyform select, .bodynavblock select, .bodynavblock input { font-family: Verdana; color: #666666; margin: 1px; padding: 2px; } #qrform { color: #FFFFFF; border: medium none !important; padding: 16px; } #qrform table { width: 98%; color: #AAAAAA; border:0 none !important; } .yearlinks { text-align: right; } .yearlink { padding: 0px 5px 0px 5px; } .month { margin: 20px 10px 30px 80px; } .month, .tagstable { width: 600px; } .daytitles { background-color: #F3F3F3; font-size: 13px; color: #555555; text-align: center; text-transform: uppercase; border: 1px solid #F3F3F3; padding: 12px 10px 2px 10px; } .daysubjects { font-size: 10px; color: #444444; text-align: left; padding: 20px 50px 30px 40px; } .daysubjects a { font-size: 12px; color: #CE004E; text-transform: uppercase; } .daysubjects img { width: 0; height: 0; background-repeat: no-repeat; /* BECAUSE INTERNET EXPLORER IS SHIT / margin: 0px 2px 0px 0px; background-image: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/065.png); padding: 10px 10px 0px 0px; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; !important } .day-blank, .day { margin-bottom: 0px; padding: 3px; } .day-blank, .day, .tagstable, .tagstable td { border: 1px solid #E8E8E8; } .day-date { width: 50%; color: #333333; text-align: center; border-right: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; } .day-count { float: right; width: 50%; font-size: 20px; text-align: center; } .day-count a { font-family: Georgia; font-weight: normal; font-size: 18px; color: #CE004E; padding: 3px; } ul.taglist { padding: 0px 15px 0px 0px; } ul.taglist li { color: #999999; padding: 0px 3px 3px 9px; } .tagstable a, ul.taglist a { font-size: 11px; font-weight: normal; color: #CE004E; text-transform: uppercase; } .tagstable a:hover, ul.taglist a:hover { color: #333333; border-bottom: 1px dotted #999999; } blockquote { background-color: #F7F7F7; color: #555555; border: 1px solid #E6E6E6; padding: 7px; } blockquote .ljuser a b { color: #777777; } input, textarea, select { font-size: 11px; border: 1px solid #E6E6E6; margin: 1px; padding: 2px; } textarea { height: 100px; width: 210px; background: #F3F3F3 repeat fixed; font-family: Verdana; color: #444444; text-align: left; } b, strong, i, em { color: #444444; } li { list-style-position: inside; list-style-type: decimal-leading-zero; margin: 2px 0px 0px 20px; padding: 0px 0px 2px 9px; } h1, h2, h3, h4, h5 { font-variant: small-caps; color: #444444; } .ljuser a b { font-weight: bold; color: #CE004E; text-transform: lowercase; } .ljuser a b:hover { border-bottom: 1px dotted #999999; } .ljuser img { width: 0; height: 0; background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/092.png) no-repeat center left; padding: 10px 10px 0 2px !important; vertical-align: baseline !Important; } .ljuser img[src="userinfo.gif"], .ljuser img[src="community.gif"], img[src="syndicated.gif"], img[src="newsinfo.gif"], img[src="partnercomm.gif"], img[src="sponcomm.gif"], div.ContextualPopup img[src="http://l-stat.livejournal.com/horizon/upgrade-paid-icon.gif"] { width: 0px; height: 0px; padding: 10px 10px 0px 2px !important; } .ljuser img[src="userinfo.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/092.png) no-repeat center left !important; } .ljuser img[src="community.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/031-1.png) no-repeat center left !important; } img[src="icon_protected.gif"], img[src="icon_groups.gif"], img[src="icon_private.gif"] { width: 0px; height: 0px; padding: 16px 16px 0px 2px !important; } img[src="icon_protected.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/lock-6.png) no-repeat center left !important; } img[src="icon_groups.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/globe-green.png) no-repeat center left !important; } img[src="icon_private.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/gear.png) no-repeat center left !important; } img[src="syndicated.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/001.png) no-repeat center left !important; } img[src="newsinfo.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/043.png) no-repeat center left !important; } img[src="partnercomm.gif"], img[src="sponcomm.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/099.png) no-repeat 0% 50% !important; } img[src="anonymous.gif"],img[src="openid-profile.gif"], .replyform img[src="userinfo.gif"], img[src="none.gif"], img[src="help.gif"], img[src="pencil.gif"], img[src="btn_edit.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: no-repeat scroll 50% 50%; } img[src="anonymous.gif"] { background: url(http://i43.tinypic.com/29390tu.png); } img[src="openid-profile.gif"] { background: url(http://i39.tinypic.com/20kumg1.png); } .replyform img[src="userinfo.gif"] { background: url(http://i44.tinypic.com/2a5lq0y.png); } img[src="none.gif"] { background: url(http://i39.tinypic.com/263aas4.png); } img[src="help.gif"] { background: url(http://i43.tinypic.com/33p4gso.png); } img[src="pencil.gif"] { background: url(http://i43.tinypic.com/2zntuom.png); } img[src*="btn_edit.gif"] { background: url(http://i40.tinypic.com/3340ps4.png); } div.ContextualPopup img[src="http://l-stat.livejournal.com/horizon/upgrade-paid-icon.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/arrow_up-3.gif) no-repeat center left; vertical-align: baseline !important; } div.ContextualPopup div.Inner { width: 260px; background: #FFFFFF !important; font: 10px Arial; color: #555555 !important; border: 1px solid #F0F0F0 } div.ContextualPopup div.Userpic img { padding: 0px; margin: 10px; } div.ContextualPopup .Relation { font-family: Georgia; font-style: italic !important; font-weight: bold !important; font-size: 14px !important; color: ##B8B8B8 !important; text-transform: lowercase; border-bottom: 0px; margin-bottom: 3px; padding-bottom: 5px; } div.ContextualPopup div.Inner div.Content a { font-weight: normal; color: #444444 !important; text-decoration: none !important; text-transform: uppercase; } div.ContextualPopup div.Inner div.Content a:hover { color: #CE004E !important; } div.ContextualPopup div.Inner div.Content img a:hover { background: none !important; } div.Relation, div.FriendStatus { font-size: 11px; text-transform: uppercase; letter-spacing: -1px; border-bottom: 1px solid #907878; padding: 2px 2px 5px 2px; margin: 0px 0px 8px 0px; } #lj_controlstrip { border-bottom: 1px solid #E6E6E6; } #lj_controlstrip_statustext { font-size: 10px; color: #333333; text-transform: uppercase; } #lj_controlstrip td { color: #444444; text-transform: uppercase; border-right: 0px; } #lj_controlstrip select, #lj_controlstrip input { background: #F3F3F3 !important; font: 10px Verdana !important; color: #444444 !important; border: 1px solid #EBEBEB; } #lj_controlstrip td a { color: #444444; } #lj_controlstrip td a:hover {color: #A3033D; text-decoration: none; } #lj_controlstrip .ljuser a b, #lj_controlstrip .ljuser a b:hover { font-size: 14px; font-weight: bold; color: #A3033D; text-transform: lowercase; letter-spacing: -1px; }
DISPLAY > PRESENTATION	Expand BASIC OPTIONS and ADDITIONAL OPTIONS Userinfo Position in Entries → Left side of the Entry Text Wrap Entry text under userinfo → Yes
IMAGES	Save these to your own servers to ensure that the images don't die on you when my Photobucket explodes :D Tiny Icons → User - Commmunity - News - Syndicated Entry Header → Protected - Private - Groups Comment Pages → Anonymous - Open ID - User - None - Help - Pencil - Edit

How to Make Live Previews [Tutorial]

2010-04-24T08:09:16Z

Since this was requested by apologize for tutorialayouts, I thought I might as well share it here too. Hope this comes in handy for you guys.

HOW TO MAKE LIVE PREVIEWS

The easiest part of layout-making, but the most confusing for first-timers! It's a simple process, so hopefully this tutorial will teach you how to make live previews so that you can showcase your layouts as an alternative to screenshots.

01) Getting the coding
For every webpage there is a page source. A webpage's page source is basically all of the nitty gritty HTML coding, CSS, scripts, etc that are used to make up its various components and such. Kinda like its blueprint.

By copying a webpage's entire page source you could easily make an exact copy of it like this!

Depending on the browser you're using, this part will be different for everybody but the general gist of it is that first you'll need to view the page source of your layout:

02) Saving the copy
Once you have your page source open, simply highlight everything (CTRL + A for Windows users to highlight everything) and then copy and paste it into a new Notepad document.

Save this Notepad document and make sure to both change its file extension to .htm (e.g. 'filename.htm') and its type to all files as shown in the screenshot below.

03) Uploading the webpage to a host
Once saved, you should see a new file appear in your Documents. Congratulations! This is your live preview made and saved, so you're halfway done! The next step is to obviously upload it to a host so others can see it too.

For webhosts, I personally use Webs.com - formerly known as FreeWebs. It's reliable and easy to use so I recommend it for first-timers.

Uploading webpages to Webs.com is the easiest. Just see the picture below to see what I mean. You literally just press the little blue button and select your webpage file. After it's been uploaded, you're free to share the URL around!

Congrats! You've just made your first live preview!

Hope you found this useful!

040 - Flux & Mutability [Smooth Sailing]

2010-04-17T10:36:01Z

Like the new community layout btw? :D


Flux ► LIVE \| STATIC \| FAQ	Mutability ► LIVE \| STATIC \| FAQ

Layout Information
TESTED BROWSERS	Mozilla Firefox, Safari, Internet Explorer
PROBLEMS?	Margin and alignment issues with IE ~naturally
FEATURES	Scrolling topbar to hold whatever your heart desires, slight opacity with images (Mutability only), tiny icons, contextual pop ups, custom nav-strip
DISABLED	Calendar for the sidebar
AD-PLACEMENT	Between Entries
FINAL NOTES	I've been working on this for weeks on and off, inbetween playing catch up with school and stuff, so I'm glad it's FINALLY done. I'm not sure which design I love the most yet, though right now it's probably Flux - although Mutability is classy as hell. Like with all of my layouts, these designs are named after two beautiful compositions by David Sylvian and Holger Czukay.

Layout Installation
SELECT JOURNAL STYLE	01. Select any Smooth Sailing. 02. Pick an ad placement you prefer (Between Entries tends to look best in general).
CUSTOM CSS	Use layout's stylesheet(s) → NO Use layout's stylesheet(s) when including custom external stylesheet → NO Use CTRL + A inside the textbox to select everything, and then copy and paste into the CUSTOM CSS box. → Flux (Flux & Mutability) /* LJ STYLE: Smooth Sailing LAYOUT: Flux (Flux & Mutability) MAKER: kill_zombie // jessilestrange PLEASE CREDIT: http://community.livejournal.com/kill_brainz/ OR http://jessilestrange.livejournal.com/ / body { background: url(http://i42.tinypic.com/5uol5t.png) repeat-y #FAFAFA; font-family: Helvetica, Arial; font-size: 10px; color: #555555 !important; text-align: center; } a, a:visited, a:hover { color: #555555; text-decoration: none; } a:hover { cursor: help; } .pageblock { width: 550px; margin: 0px 0px 0px 110px; } .pagefooterblock, .header-icon, .bodyheaderblock, .sidebox #latestmonth, .entryHeader .ljuser img, .entryUserinfo .ljuser img, .profile-label, .sidebox #profile .ljuser img, .entryLinkbar a[href="subscriptions"], .entryLinkbar a[href="tellafriend"], .entryLinkbar a[st_page="home"], #lj_controlstrip img, #lj_controlstrip .ljuser img { display: none; } .pageheaderblock { position: absolute; top: 55px; left: 675px; width: 220px; padding: 0px; z-index: 100; } .header-title, .header-subtitle { font-family: Helvetica; text-align: left; text-transform: uppercase; } .header-title { font-size: 37px; color: #8A8A8A; line-height: 30px; letter-spacing: -3px; margin: 0px 0px 3px 0px; } .header-title:first-line { color: #8095AB; } .header-subtitle { font-size: 15px; font-style: italic; color: #656565; line-height: 13px; letter-spacing: -1px; text-transform: lowercase; margin: 0px 5px 20px 5px; } .header-menu { text-align: left; padding: 0px; } .sidebar { position: absolute; top: 45px; height: 240px; width: 550px; / LOL, WATCH ME HACK LIKE A PRO~ / over-flow: auto; overflow-x: hidden; overflow-y: auto; / DO NOT TOUCH THIS SHIT GODDAMNIT! / margin: 0px; padding: 5px 0px 0px 0px; } .sidebox { float: left; width: 100%; text-align: left; margin: 0px 0px 10px 0px; padding: 0px; } .sideboxTitle { font-family: Helvetica; font-weight: bold; font-size: 16px; color: #8A8A8A; text-transform: uppercase; letter-spacing: -1px; text-align: center; } .sideboxContent { font-size: 11px; color: #444444; text-align: left; padding: 5px 10px 10px 10px; } .sidebox #profile { min-height: 80px; font-style: normal; font-size: 11px; letter-spacing: 0px; } .sidebox #profile .ljuser a b { font-size: 28px; font-style: normal; font-weight: bold; color: #8095AB; text-transform: lowercase; letter-spacing: -1px; } .profile-content { font-size: 13px; font-style: italic; color: #666666; letter-spacing: 1px; text-transform: uppercase; margin: 5px 0px 3px 75px; display: block; } img.profile-userpic { float: left; height: 80px; width: 80px; border: 1px solid #EBEBEB; -moz-border-radius: 3px; margin: 5px 10px 2px 0px; padding: 3px; } .sidebox #tags_sidebox, .sidebox #systemlinks { font-size: 0px; text-align: left; padding: 0px 10px 0px 10px; } .sidebox #tags_sidebox a, .listitem { margin: 0px 8px 0px 0px; padding: 1px; display: inline; } .sidebox #tags_sidebox a, .sidebox #systemlinks a, .sidebox #summary a { font-size: 10px; text-transform: uppercase; } .sidebox #tags_sidebox a:hover, .sidebox #systemlinks a:hover, .sidebox #summary a:hover, .sidebox #summary .ljuser a b, .daysubjects .ljuser a b, .daysubjects a:hover, .commentHolder .ljuser a b:hover { border-bottom: 1px solid #EBEBEB; } .sidebox #tags_sidebox a:hover, .sidebox #systemlinks a:hover { background-color: #F5F5F5; color: #777777; } .listtitle { font-size: 13px; color: #888888; text-transform: lowercase; margin: 3px 0px 1px 0px; } .sidebox #summary .ljuser a b, .daysubjects .ljuser a b { font-size: 10px; text-transform: uppercase; } .sidebox #summary img[src="http://l-stat.livejournal.com/img/icon_protected.gif"], .sidebox #summary img[src="http://l-stat.livejournal.com/img/icon_groups.gif"], .sidebox #summary img[src="http://l-stat.livejournal.com/img/icon_private.gif"] { width: 0px; height: 0px; padding: 0px 10px 10px 0px; margin: 0px; } .sidebox #summary img[src="http://l-stat.livejournal.com/img/icon_protected.gif"], .sidebox #summary img[src="http://l-stat.livejournal.com/img/icon_groups.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/181.png); } .sidebox #summary img[src="http://l-stat.livejournal.com/img/icon_private.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/183.png); } .sidebox #search { font-size: 10px; text-align: center; } .sidebox #search select, .sidebox #search input { background-color: #FAFAFA; font-size: 10px; color: #666666; } .sidebox #search select:hover, .sidebox #search input:hover, .bodynavblock select:hover, .bodynavblock input:hover { border: 1px solid #B4D2DE; } .bodyblock { margin: 240px 0px 0px 0px; padding: 0px; } .entryHolder { padding: 10px 0px 0px 0px; margin: 0px; } .entryHolder, .sidebar, .commentHolder { background-color: #FFFFFF; border-right: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; } .entryHeader { font-family: Helvetica; font-weight: bold; font-size: 0px; color: #FFFFFF; text-align: left; padding: 0px 10px 0px 10px; } .entryHeaderDate { font-size: 10px; color: #B4D2DE; text-transform: uppercase; letter-spacing: 1px; margin: 0px 0px 5px 0px; padding: 0px; display: block; } .entryHeader a { font-size: 26px; font-weight: bold; color: #8095AB; letter-spacing: -2px; line-height: 21px; } .entryHeader a:hover { color: #B4D2DE; } .entryHeaderSubject { padding: 0px 0px 0px 5px; z-index: 30; } .entryUserinfo { positive: relative; text-align: center; margin: -10px 0px 2px -100px; z-index: 100; } .entryUserinfo .ljuser a b { font-family: Helvetica; font-size: 8px; color: #FFFFFF; text-transform: uppercase; margin: 0px } .entryUserinfo-usericon img { height: 80px; width: 80px; border: 0px; margin: 3px 0px 3px 0px; } .entryText { min-height: 70px; font-size: 12px; text-align: left; padding: 5px 20px 10px 20px; } .entryText, .commentText, .sideboxContent, blockquote { font-family: Verdana; } .entryText a { font-weight: bold; } .entryText a:hover { text-decoration: underline; } .entryText img { max-width: 530px; border: 0px; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; !important } .entryText img:hover { filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; !important } .entryText li { color: #454545; } .entryMetadata { font-size: 10px; color: #666666; text-align: left !important; border-top: 1px solid #DEDEDE; margin: 5px 0px 0px 0px; padding: 10px 80px 10px 10px; } .entryMetadata-label { font-weight: bold; text-transform: lowercase; margin: 0px 3px 0px 0px; } .entryMetadata a, .entryMetadata a:hover { color: #666666; } .entryMetadata a:hover { color: #8095AB; } .entryMetadata img { margin: 1px; } .entryMetadata ul { margin: 0px; padding: 0px; } .entryMetadata li { list-style-type: none; margin: 0px; padding: 0px 10px 0px 0px; display: block; } .entryLinkbar { float: right; position: relative; width: 80px; text-align: left; margin: -100px -95px 0px 0px; z-index: 100; } .entryLinkbar a, .header-menu a { font-family: Helvetica; font-size: 11px; font-weight: bold; color: #A1A1A1; text-transform: uppercase; margin: 0px 0px 5px 12px; } .entryLinkbar a:hover, .header-menu a:hover { color: #8A8A8A; } .entryLinkbar ul, .entryLinkbar li, .header-menu ul, .header-menu li, #footer-menu ul, #footer-menu li, .commentLinkbar ul { margin: 0px; padding: 0px; } .entryLinkbar li, .header-menu li, #footer-menu li { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/arrow1.gif) no-repeat 0px 5px; list-style-type: none; display: block; } .bodynavblock { font-weight: bold; font-size: 10px; color: #555555; } #footer-menu { position: relative; width: 100px; text-align: center; margin: 10px 0px 5px -110px; z-index: 200; } #footer-menu a { font-size: 26px; color: #B4D2DE; text-transform: uppercase; letter-spacing: -1px; } #footer-menu a:hover { color: #F1F1F1; } .commentHolder { margin: 0px 0px 10px 0px; padding: 0px; } .commentHeader { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/email.png) no-repeat 10px 7px; color: #8A8A8A; padding: 8px 10px 3px 35px; } .commentHeaderScreened { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/user.png) no-repeat 10px 7px; font-style: italic; color: #A1A1A1; padding: 8px 10px 3px 30px; } .commentHeader, .commentHeaderScreened { min-height: 20px; font-weight: bold; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; text-align: left; } .commentUserinfo { font-size: 10px; color: #666666; text-align: center; margin: 5px 10px 10px 10px; padding: 0px; } .commentUserinfo-usericon img { height: 80px; width: 80px; border: 1px solid #EBEBEB; -moz-border-radius: 3px; margin: 0px 0px 3px 0px; padding: 4px; } .commentText { font-size: 11px; text-align: left; padding: 10px 10px 10px 10px; } .commentLinkbar { background-color: #F6F6F6; font-size: 11px; color: #555555; text-transform: lowercase; text-align: right; border-top: 1px solid #DEDEDE; margin: 0px; padding: 8px 0px 5px 10px; } .commentLinkbar a:hover { text-decoration: underline; } .commentLinkbar li { list-style-type: none; margin: 0px 6px 0px 0px; padding: 0px; display: inline; } .replyform { background-color: #FFFFFF; border: 1px solid #EBEBEB; padding: 10px; } #qrform { color: #FFFFFF; border: medium none !important; padding: 16px; } #qrform table { width: 98%; color: #AAAAAA; border:0 none !important; } .yearlinks { text-align: right; } .yearlink { padding: 0px 5px 0px 5px; } .month, .tagstable { width: 90%; margin: 10px 10px 10px 20px; } .daytitles { font-weight: bold; font-size: 12px; color: #A1A1A1; text-align: center; text-transform: uppercase; padding: 0px 10px 2px 10px; } .daysubjects { font-size: 10px; color: #444444; text-align: left; padding: 10px; } .daysubjects a { text-transform: uppercase; } .daysubjects img[src="http://l-stat.livejournal.com/img/icon_protected.gif"], .daysubjects img[src="http://l-stat.livejournal.com/img/icon_groups.gif"], .daysubjects img[src="http://l-stat.livejournal.com/img/icon_private.gif"] { width: 0px; height: 0px; padding: 0px 10px 10px 0px; margin: 0px; } .daysubjects img[src="http://l-stat.livejournal.com/img/icon_protected.gif"], .daysubjects img[src="http://l-stat.livejournal.com/img/icon_groups.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/181.png); } .daysubjects img[src="http://l-stat.livejournal.com/img/icon_private.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/183.png); } .day-blank, .day { margin-bottom: 0px; padding: 3px; } .day-blank, .day, .tagstable, .tagstable td { border: 1px solid #FFFFFF; } .day-blank:hover, .day:hover, .tagstable td:hover, .latestmonth-inactive:hover, .latestmonth-active:hover { background-color: #FAFAFA; border-bottom: 1px solid #DDDDDD; } .day-date { width: 50%; font-weight: bold; color: #888888; text-align: center; } .day-count { float: right; width: 50%; text-align: center; } .day-count a { font-weight: bold; font-size: 14px; } ul.taglist { padding: 0px 15px 0px 0px; } ul.taglist li { color: #999999; padding: 0px 3px 3px 9px; } .tagstable td { color: #777777; } .tagstable a, ul.taglist a { font-size: 10px; font-weight: normal; text-transform: uppercase; } blockquote { color: #757575; border-left: 3px dashed #DEDEDE; padding: 4px 0px 4px 15px; } blockquote .ljuser a b { color: #777777; } input, textarea, select { background-color: #F8F8F8; font-size: 11px; border: 1px solid #DDDDDD; margin: 1px; padding: 2px; } textarea { height: 90px; width: 400px; font-family: Verdana; color: #666666; text-align: left; } li { list-style-position: inside; list-style-type: decimal-leading-zero; margin: 2px 0px 0px 20px; padding: 0px 0px 2px 9px; } h1, h2, h3, h4, h5 { font-family: Helvetica; color: #CCCCCC; text-transform: lowercase; } .entryHeader img[src="http://l-stat.livejournal.com/img/icon_protected.gif"], .entryHeader img[src="http://l-stat.livejournal.com/img/icon_groups.gif"], .entryHeader img[src="http://l-stat.livejournal.com/img/icon_private.gif"] { width: 0px; height: 0px; padding: 0px 24px 24px 0px; margin: 0px 6px 0px 0px; } .entryHeader img[src="http://l-stat.livejournal.com/img/icon_protected.gif"], .entryHeader img[src="http://l-stat.livejournal.com/img/icon_groups.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/lock-1.png); } .entryHeader img[src="http://l-stat.livejournal.com/img/icon_private.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/login-1.png); } .entryHeader img { width: 0; height: 0; background-repeat: no-repeat; / BECAUSE INTERNET EXPLORER IS FUCKED UP - PLEASE DON'T TOUCH BBS / margin: 0px 6px 0px 0px; background-image: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/lock-2.png); padding: 24px 24px 0px 0px; } img[src="http://l-stat.livejournal.com/horizon/upgrade-paid-icon.gif"] { width: 0px; height: 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/heart-1.gif); margin: 0px 2px 0px 0px; padding: 9px 8px 0px 0px; } .ljuser img { width: 0; height: 0; background-repeat: no-repeat; background-color:transparent; / AGAIN, BECAUSE INTERNET EXPLORER IS STUPID - PLEASE DON'T DELETE THIS UNLESS YOU WANT TO CAUSE IE PAIN / background-image: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/041.png); margin: 0px 1px 2px 0px; padding: 10px 10px 0 1px !important; } .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"], .ljuser img[src="http://livejournal.com/img/newyearpic_1.gif"], .ljuser img[src="http://l-stat.livejournal.com/img/community.gif"], .ljuser img[src="partnercomm.gif"], .ljuser img[src="sponcomm.gif"], .ljuser img[src="newsinfo.gif"], .ljuser img[src="syndicated.gif"] { margin: 0px 0px 2px 0px; padding: 9px 9px 0px 1px !important; } .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"], .ljuser img[src="http://livejournal.com/img/newyearpic_1.gif"] { background-color:transparent; background-image: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/userinfo-blue.png); } .ljuser img[src="http://l-stat.livejournal.com/img/community.gif"], .ljuser img[src="partnercomm.gif"], .ljuser img[src="sponcomm.gif"] { background-color:transparent; background-image: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/community-blue.png); } .ljuser img[src="newsinfo.gif"] { background-color:transparent; background-image: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/news-blue.png); } .ljuser img[src="syndicated.gif"] { background-color:transparent; background-image: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/feed-blue.png); } .ljuser a b { font-family: Helvetica; font-weight: bold; color: #8095AB; text-transform: uppercase; } div.ContextualPopup div.Inner { width: 260px; background: #FFFFFF !important; font: 10px Arial; color: #555555 !important; border: 1px solid #F0F0F0 } div.ContextualPopup div.Userpic img { padding: 0px; margin: 10px; } div.ContextualPopup .Relation { font-family: Georgia; font-style: italic !important; font-weight: bold !important; font-size: 14px !important; color: ##B8B8B8 !important; text-transform: lowercase; border-bottom: 0px; margin-bottom: 3px; padding-bottom: 5px; } div.ContextualPopup div.Inner div.Content a { font-weight: normal; color: #B8B8B8 !important; text-decoration: none !important; text-transform: uppercase; } div.ContextualPopup div.Inner div.Content a:hover { color: #8D7594 !important; } div.ContextualPopup div.Inner div.Content img a:hover { background: none !important; } div.Relation, div.FriendStatus { font-size: 11px; text-transform: uppercase; letter-spacing: -1px; border-bottom: 1px solid #907878; padding: 2px 2px 5px 2px; margin: 0px 0px 8px 0px; } #lj_controlstrip { border-bottom: 0px; } #lj_controlstrip_statustext { font-size: 10px; color: #B8B8B8; text-transform: uppercase; } #lj_controlstrip td { background: #5B4E69; font-weight: bold; color: #FFFFFF; border-right: 0px; } #lj_controlstrip select, #lj_controlstrip input { background: #8095AB !important; font: 9px Verdana !important; color: #FFFFFF !important; padding: 1px; } #lj_controlstrip td a { font-weight: bold; color: #FFFFFF; text-decoration: none; } #lj_controlstrip .ljuser a b, #lj_controlstrip .ljuser a b:hover { font-size: 14px; font-weight: bold; color: #8095AB; text-transform: lowercase; letter-spacing: -1px; border-bottom: 0px; } → Mutability (Flux & Mutability)* /* LJ STYLE: Smooth Sailing LAYOUT: Mutability (Flux & Mutability) MAKER: kill_zombie // jessilestrange PLEASE CREDIT: http://community.livejournal.com/kill_brainz/ OR http://jessilestrange.livejournal.com/ / body { background: url(http://i43.tinypic.com/21nnu4i.jpg) #212121; font-family: Helvetica, Arial; font-size: 10px; color: #353535 !important; text-align: center; } a, a:visited, a:hover { color: #555555; text-decoration: none; } a:hover { cursor: help; } .pageblock { width: 550px; margin: 0px 0px 0px 120px; } .pagefooterblock, .header-icon, .bodyheaderblock, .sideboxTitle, .sidebox #latestmonth, .profile-label, .sidebox #profile .ljuser img, .entryHeaderDate, .entryHeader .ljuser img, .entryUserinfo .ljuser img, .entryLinkbar a[href="subscriptions"], .entryLinkbar a[href="tellafriend"], .entryLinkbar a[st_page="home"], .commentUserinfo .ljuser img, #lj_controlstrip img, #lj_controlstrip .ljuser img { display: none; } .pageheaderblock { position: absolute; top: 55px; left: 680px; width: 300px; padding: 0px; z-index: 100; } .header-title, .header-subtitle { text-align: left; text-transform: uppercase; } .header-title { font-family: Helvetica; font-size: 37px; color: #A2DE3C; line-height: 30px; letter-spacing: -3px; margin: 0px 0px 3px 0px; } .header-title:first-line, .header-subtitle { color: #8A8A8A; } .header-subtitle { font-family: Georgia; font-size: 14px; line-height: 13px; letter-spacing: -1px; text-transform: lowercase; margin: 0px 5px 20px 5px; } .header-menu { text-align: left; padding: 0px; } .sidebar { position: absolute; top: 45px; height: 240px; width: 550px; / LOL, WATCH ME HACK LIKE A PRO~ / over-flow: auto; overflow-x: hidden; overflow-y: auto; / DO NOT TOUCH THIS SHIT GODDAMNIT! / padding: 0px; } .sidebox { float: left; width: 100%; text-align: left; margin: 0px 0px 10px 0px; padding: 0px; } .sideboxContent { font-size: 11px; color: #444444; text-align: left; padding: 10px; } .sidebox #profile { min-height: 100px; font-style: normal; font-size: 11px; letter-spacing: 0px; } .sidebox #profile .ljuser a b { font-family: Helvetica; font-size: 28px; font-style: normal; font-weight: bold; color: #88B526; text-transform: lowercase; letter-spacing: -3px; } .profile-content { font-size: 13px; font-style: italic; color: #666666; text-transform: uppercase; margin: 0px 0px 3px 120px; display: block; } img.profile-userpic { float: left; border: 1px solid #EBEBEB; -moz-border-radius: 3px; margin: 2px 10px 2px 0px; padding: 3px; } .sidebox #tags_sidebox, .sidebox #systemlinks { font-size: 0px; text-align: left; padding: 0px 10px 0px 10px; } .sidebox #tags_sidebox a, .listitem, .listtitle { float: left; width: 116px; border-bottom: 1px solid #FFFFFF; margin: 0px 3px 3px 0px; display: block; } .sidebox #tags_sidebox a, .listitem { padding: 5px 5px 2px 2px; } .sidebox #tags_sidebox a, .sidebox #systemlinks a, .listtitle, .sidebox #summary a { font-size: 9px; text-transform: uppercase; } .sidebox #tags_sidebox a:hover, .listitem:hover { background: #F9F9F9; border-bottom: 1px solid #DEDEDE; } .sidebox #summary a:hover, .sidebox #summary .ljuser a b, .daysubjects .ljuser a b, .daysubjects a:hover, .commentHolder .ljuser a b:hover { border-bottom: 1px solid #88B526; } .sidebox #tags_sidebox a:hover, .sidebox #systemlinks a:hover { color: #777777; } .listtitle { background: #F5F5F5; font-weight: bold; color: #A2DE3C; border-bottom: 1px solid #EBEBEB; padding: 5px 2px 2px 5px; } .sidebox #summary .ljuser a b, .daysubjects .ljuser a b { font-size: 10px; text-transform: uppercase; } .sidebox #summary img[src="http://l-stat.livejournal.com/img/icon_protected.gif"], .sidebox #summary img[src="http://l-stat.livejournal.com/img/icon_groups.gif"], .sidebox #summary img[src="http://l-stat.livejournal.com/img/icon_private.gif"] { width: 0px; height: 0px; padding: 0px 10px 10px 0px; margin: 0px; } .sidebox #summary img[src="http://l-stat.livejournal.com/img/icon_protected.gif"], .sidebox #summary img[src="http://l-stat.livejournal.com/img/icon_groups.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/181.png); } .sidebox #summary img[src="http://l-stat.livejournal.com/img/icon_private.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/183.png); } .sidebox #search { font-size: 10px; text-align: center; } .sidebox #search select, .sidebox #search input { background-color: #FAFAFA; font-size: 10px; color: #666666; } .sidebox #search select:hover, .sidebox #search input:hover, .bodynavblock select:hover, .bodynavblock input:hover { border: 1px solid #A2DE3C; } .bodyblock { margin: 260px 0px 0px 0px; padding: 0px; } .entryHolder { padding: 10px 0px 0px 0px; } .entryHolder, .sidebar { margin: 0px 0px 30px 0px; } .entryHolder, .sidebar, .commentHolder { background: #FFFFFF; } .entryHeader { font-style: italic; font-size: 0px; color: #FFFFFF; text-align: left; padding: 0px 10px 0px 10px; } .entryHeaderDate { font-family: Georgia; font-size: 11px; color: #DDE0CF; text-align: right; text-transform: lowercase; margin: 0px 0px 5px 0px; padding: 0px; display: block; } .entryHeader a { font-size: 20px; font-weight: bold; color: #8A8A8A; text-transform: uppercase; letter-spacing: -2px; line-height: 21px; } .entryHeaderSubject { padding: 0px 0px 0px 5px; z-index: 30; } .entryUserinfo { positive: relative; text-align: center; margin: -25px 0px 2px -105px; z-index: 100; } .entryUserinfo .ljuser a b { background-color: #393939; font-family: Helvetica; font-style: normal; font-style: normal; font-size: 9px; color: #A2DE3C; text-transform: uppercase; margin: 0px; padding: 2px; } .entryUserinfo-usericon img { height: 90px; width: 90px; border: 0px; margin: 5px 0px 5px 0px; } .entryUserinfo-usericon img, .entryMetadata img { filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; !important } .entryUserinfo-usericon img:hover, .entryMetadata img:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; !important } .entryText { min-height: 70px; font-size: 12px; text-align: left; padding: 5px 20px 10px 20px; } .entryText, .commentText, .sideboxContent, blockquote { font-family: Verdana; } .entryText a { font-weight: bold; } .entryText a:hover { text-decoration: underline; } .entryText img { max-width: 530px; border: 0px; } .entryText li { color: #666666; } .entryMetadata { font-size: 10px; color: #555555; text-align: left !important; margin: 0px; padding: 5px 80px 10px 10px; } .entryMetadata-label { font-weight: bold; text-transform: lowercase; margin: 0px 3px 0px 0px; } .entryMetadata a, .entryMetadata a:hover { color: #666666; } .entryMetadata a:hover { color: #A2DE3C; } .entryMetadata img { margin: 1px; } .entryMetadata ul { margin: 0px; padding: 0px; } .entryMetadata li { list-style-type: none; margin: 0px; padding: 0px 10px 0px 0px; display: block; } .entryLinkbar { float: right; position: relative; width: 80px; text-align: left; margin: -100px -95px 0px 0px; z-index: 100; } .entryLinkbar a, .header-menu a { font-family: Helvetica; font-size: 11px; font-weight: bold; color: #A1A1A1; text-transform: uppercase; margin: 0px 0px 5px 5px; } .entryLinkbar a:hover, .header-menu a:hover { color: #A2DE3C; margin: 0px 0px 5px 10px; } .entryLinkbar ul, .entryLinkbar li, .header-menu ul, .header-menu li, #footer-menu ul, #footer-menu li, .commentLinkbar ul { margin: 0px; padding: 0px; } .entryLinkbar li, .header-menu li, #footer-menu li { list-style-type: none; display: block; } .bodynavblock { font-weight: bold; font-size: 10px; color: #555555; } #footer-menu { position: relative; width: 120px; text-align: center; margin: 10px 0px 5px -120px; z-index: 200; } #footer-menu a { font-weight: bold; font-size: 26px; color: #A1A1A1; text-transform: uppercase; letter-spacing: -1px; margin: 0px 0px 5px 0px; } #footer-menu a:hover { color: #A2DE3C; } .commentHolder { margin: 0px 0px 10px 0px; padding: 0px; } .commentHeader { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/email.png) no-repeat 10px 7px; color: #8A8A8A; padding: 8px 10px 3px 35px; } .commentHeaderScreened { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/user.png) no-repeat 10px 7px; font-style: italic; color: #A1A1A1; padding: 8px 10px 3px 30px; } .commentHeader, .commentHeaderScreened { min-height: 20px; font-weight: bold; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; text-align: left; } .commentUserinfo { font-size: 10px; color: #666666; text-align: center; margin: 5px 10px 10px 10px; padding: 0px; } .commentUserinfo-usericon img { height: 80px; width: 80px; border: 1px solid #EBEBEB; -moz-border-radius: 3px; margin: 0px 0px 3px 0px; padding: 4px; } .commentUserinfo .ljuser a b { font-family: Helvetica; font-style: normal; } .commentText { font-size: 11px; text-align: left; padding: 10px 10px 10px 10px; } .commentLinkbar { background-color: #F6F6F6; font-size: 11px; color: #555555; text-transform: lowercase; text-align: right; border-top: 1px solid #DEDEDE; margin: 0px; padding: 4px 0px 5px 10px; } .commentLinkbar a:hover { text-decoration: underline; } .commentLinkbar li { list-style-type: none; margin: 0px 6px 0px 0px; padding: 0px; display: inline; } .replyform { background-color: #FFFFFF; border: 1px solid #EBEBEB; padding: 10px; } #qrform { color: #FFFFFF; border: medium none !important; padding: 16px; } #qrform table { width: 98%; color: #AAAAAA; border:0 none !important; } .yearlinks { text-align: right; } .yearlink { padding: 0px 5px 0px 5px; } .month, .tagstable { width: 90%; margin: 10px 10px 10px 20px; } .daytitles { font-weight: bold; font-size: 12px; color: #A1A1A1; text-align: center; text-transform: uppercase; padding: 0px 10px 2px 10px; } .daysubjects { font-size: 10px; color: #444444; text-align: left; padding: 10px; } .daysubjects a { text-transform: uppercase; } .daysubjects img[src="http://l-stat.livejournal.com/img/icon_protected.gif"], .daysubjects img[src="http://l-stat.livejournal.com/img/icon_groups.gif"], .daysubjects img[src="http://l-stat.livejournal.com/img/icon_private.gif"] { width: 0px; height: 0px; padding: 0px 10px 10px 0px; margin: 0px; } .daysubjects img[src="http://l-stat.livejournal.com/img/icon_protected.gif"], .daysubjects img[src="http://l-stat.livejournal.com/img/icon_groups.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/181.png); } .daysubjects img[src="http://l-stat.livejournal.com/img/icon_private.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/183.png); } .day-blank, .day { margin-bottom: 0px; padding: 3px; } .day-blank, .day, .tagstable, .tagstable td { border: 1px solid #FFFFFF; } .day-blank:hover, .day:hover, .tagstable td:hover, .latestmonth-inactive:hover, .latestmonth-active:hover { background-color: #FAFAFA; border-bottom: 1px solid #DDDDDD; } .day-date { width: 50%; font-weight: bold; color: #888888; text-align: center; } .day-count { float: right; width: 50%; text-align: center; } .day-count a { font-weight: bold; font-size: 14px; } ul.taglist { padding: 0px 15px 0px 0px; } ul.taglist li { color: #999999; padding: 0px 3px 3px 9px; } .tagstable td { color: #777777; } .tagstable a, ul.taglist a { font-size: 10px; font-weight: normal; text-transform: uppercase; } b, strong, strike { color: #595248; } i, em { color: #88B526; } u { text-decoration: none; border-bottom: 1px dotted #888888; } blockquote { font-family: Georgia; color: #656565; padding: 0px 5px 0px 5px; } blockquote .ljuser a b { color: #777777; } input, textarea, select { background-color: #F8F8F8; font-size: 11px; border: 1px solid #DDDDDD; margin: 1px; padding: 2px; } textarea { height: 90px; width: 400px; font-family: Verdana; color: #666666; text-align: left; } li { list-style-position: inside; list-style-type: decimal-leading-zero; margin: 2px 0px 0px 20px; padding: 0px 0px 2px 9px; } h1, h2, h3, h4, h5 { font-family: Helvetica; color: #CCCCCC; text-transform: lowercase; } .entryHeader img[src="http://l-stat.livejournal.com/img/icon_protected.gif"], .entryHeader img[src="http://l-stat.livejournal.com/img/icon_groups.gif"], .entryHeader img[src="http://l-stat.livejournal.com/img/icon_private.gif"] { width: 0px; height: 0px; padding: 0px 16px 16px 0px; margin: 0px 4px 0px 0px; } .entryHeader img[src="http://l-stat.livejournal.com/img/icon_protected.gif"], .entryHeader img[src="http://l-stat.livejournal.com/img/icon_groups.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/lock.png); } .entryHeader img[src="http://l-stat.livejournal.com/img/icon_private.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/login.png); } .entryHeader img { width: 0; height: 0; background-repeat: no-repeat; / BECAUSE INTERNET EXPLORER IS FUCKED UP - PLEASE DON'T TOUCH BBS / margin: 0px 6px 0px 0px; background-image: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/lock-2.png); padding: 24px 24px 0px 0px; } img[src="http://l-stat.livejournal.com/horizon/upgrade-paid-icon.gif"] { width: 0px; height: 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/heart-1.gif); margin: 0px 2px 0px 0px; padding: 9px 8px 0px 0px; } .ljuser img { width: 0; height: 0; background-repeat: no-repeat; background-color:transparent; / AGAIN, BECAUSE INTERNET EXPLORER IS STUPID - PLEASE DON'T DELETE THIS UNLESS YOU WANT TO CAUSE IE PAIN / background-image: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/041.png); margin: 0px 1px 2px 0px; padding: 10px 10px 0 1px !important; } .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"], .ljuser img[src="http://livejournal.com/img/newyearpic_1.gif"], .ljuser img[src="http://l-stat.livejournal.com/img/community.gif"], .ljuser img[src="partnercomm.gif"], .ljuser img[src="sponcomm.gif"], .ljuser img[src="newsinfo.gif"], .ljuser img[src="syndicated.gif"] { margin: 0px 0px 2px 0px; padding: 8px 8px 0px 1px !important; } .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"], .ljuser img[src="http://livejournal.com/img/newyearpic_1.gif"], .ljuser img[src="http://l-stat.livejournal.com/img/community.gif"], .ljuser img[src="partnercomm.gif"], .ljuser img[src="sponcomm.gif"], .ljuser img[src="newsinfo.gif"], .ljuser img[src*="syndicated.gif"] { background-color:transparent; background-image: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/arrow1.gif); } .ljuser a b { font-family: Georgia; font-style: italic; font-weight: normal; color: #88B526; text-transform: lowercase; } div.ContextualPopup div.Inner { width: 260px; background: #FFFFFF !important; font: 10px Arial; color: #555555 !important; border: 1px solid #F0F0F0 } div.ContextualPopup div.Userpic img { padding: 0px; margin: 10px; } div.ContextualPopup .Relation { font-family: Georgia; font-style: italic !important; font-weight: bold !important; font-size: 14px !important; color: ##B8B8B8 !important; text-transform: lowercase; border-bottom: 0px; margin-bottom: 3px; padding-bottom: 5px; } div.ContextualPopup div.Inner div.Content a { font-weight: normal; color: #595248 !important; text-decoration: none !important; text-transform: uppercase; } div.ContextualPopup div.Inner div.Content a:hover { color: #A2DE3C !important; } div.ContextualPopup div.Inner div.Content img a:hover { background: none !important; } div.Relation, div.FriendStatus { font-size: 11px; text-transform: uppercase; letter-spacing: -1px; border-bottom: 1px solid #907878; padding: 2px 2px 5px 2px; margin: 0px 0px 8px 0px; } #lj_controlstrip { border-bottom: 0px; } #lj_controlstrip_statustext { font-size: 10px; color: #8A8A8A; text-transform: uppercase; } #lj_controlstrip td { background: #393939; font-weight: bold; color: #FFFFFF; border-right: 0px; } #lj_controlstrip select, #lj_controlstrip input { background: #262626 !important; font: 9px Verdana !important; color: #8A8A8A !important; border: 1px solid #333333; padding: 1px; } #lj_controlstrip td a, #lj_controlstrip td a:hover { font-weight: bold; color: #A2DE3C; text-decoration: none; } #lj_controlstrip .ljuser a b, #lj_controlstrip .ljuser a b:hover { font-family: Helvetica; font-size: 14px; font-style: normal; font-weight: bold; color: #A2DE3C; text-transform: lowercase; letter-spacing: -1px; border-bottom: 0px; }
DISPLAY > PRESENTATION	Expand BASIC OPTIONS and ADDITIONAL OPTIONS Userinfo Position in Entries → Left side of the Entry Text Wrap Entry text under userinfo → No
PAGE TEXT > PAGE	Where it says Text for lower navigation bar to link to the Top of the Page shorten the text from 'Top of Page' to 'Top'. This will help the links in the footer navigation stack neatly.
IMAGES	The tiny icons are different for both layouts, heads up! Save these to your own servers to ensure that the images don't die on you when my Photobucket explodes :D → Flux (Flux & Mutability) Tiny Icons → User - Community - News - Syndicated Entry Header → Protected/Groups - Private Background → Pattern → Mutability (Flux & Mutability) Tiny Icons → User/Commmunity/News/Syndicated Entry Header → Protected/Groups - Private Background → Pattern

039 - Cloud Age Sypmhony [Smooth Sailing]

2010-04-17T10:28:16Z

Sorry it took so long to update kill_brainz guys! D:

Cloud Age Symphony ► LIVE | STATIC | FAQ

Layout Information
TESTED BROWSERS	Mozilla Firefox, Safari, Internet Explorer
PROBLEMS?	Text-shadows and rounded corners don't show for IE. Other than that, this is an all clear!
FEATURES	Rounded corners, experimentation with opacity and text-shadows, tiny icons, contextual pop ups, custom nav-strip
DISABLED	Header title/subtitle, sidebar, entry dates, metadata images
AD-PLACEMENT	Between Entries
FINAL NOTES	This is an OOOOLD layout I started for layout contest over at hh_writersblock but then I abandonned it due to college deadlines. Woe~ I've since reworked it, given it a pretty oriental-styled pattern I found somewhere and experimented with opacity to my heart's content. Altogether this one isn't too bad I suppose, though the pink overload will drive me crazy.

Layout Installation
SELECT JOURNAL STYLE	01. Select any Smooth Sailing. 02. Pick an ad placement you prefer (Between Entries tends to look best in general).
CUSTOM CSS	Use layout's stylesheet(s) → NO Use layout's stylesheet(s) when including custom external stylesheet → NO Use CTRL + A inside the textbox to select everything, and then copy and paste into the CUSTOM CSS box. /* LJ STYLE: Smooth Sailing LAYOUT: Cloud Age Symphony FOR: hh_writersblock MAKER: jessilestrange // kill_zombie PLEASE CREDIT: http://community.livejournal.com/kill_brainz/ OR http://jessilestrange.livejournal.com/ / body { background: url(http://i39.tinypic.com/10d6oue.png) fixed repeat #F7F7F7; font-family: Arial, sans-serif; font-size: 12px; color: #212121; margin: 0px; } a, a:visited, a:hover { font-weight: bold; text-decoration: none; } a, a:visited, .ljuser a b:hover, .entryHeader a:hover, .header-menu a:hover, #footer-menu a:hover, .entryUserinfo .ljuser a b:hover, #lj_controlstrip .ljuser a b:hover, #footer-menu a:hover, .commentUserinfo .ljuser a b:hover, .commentLinkbar a:hover, .day-count a, #lj_controlstrip .ljuser a b { color: #99173C; } a:hover, .ljuser a b, .entryMetadata a:hover, .entryLinkbar a, .entryLinkbar a:hover, #footer-menu a, .day-count a:hover { color: #2E2633; } .pageblock { width: 700px; margin: 0px auto 0px auto; } .pagefooterblock, .bodyheaderblock, .header-icon, .header-title, .header-subtitle, .sidebar, .entryHeaderDate, .entryUserinfo .ljuser img, .entryMetadata img, .entryLinkbar a[href="subscriptions"], .entryLinkbar a[href="tellafriend"], .entryLinkbar a[st_page="home"], .commentUserinfo .ljuser img, .daysubjects .ljuser img { display: none; } .pageheaderblock { text-align: center; } .header-menu { border-left: 1px solid #D8C0C0; border-right: 1px solid #D8C0C0; border-bottom: 1px solid #D8C0C0; -moz-border-radius-bottomleft: 20px; -moz-border-radius-bottomright: 20px; margin: 0px 0px 25px 0px; padding: 10px; } .header-menu, .entryHolder, .entryUserinfo-usericon img, .entryText, .entryMetadata, .entryLinkbar a, #footer-menu, .commentHolder, .replyform, .day-date, #lj_controlstrip { background: url(http://i43.tinypic.com/24qtgcx.png) repeat; } .header-menu a, #footer-menu a { font-family: Helvetica; font-size: 22px; color: #59486B; letter-spacing: -2px; text-transform: lowercase; } .header-menu a, .entryHeader a, .entryUserinfo .ljuser a b, .commentUserinfo .ljuser a b, .entryMetadata-label, #footer-menu a, .commentHeader, .commentHeaderScreened, .daytitles, #lj_controlstrip .ljuser a b { text-shadow: 1px 1px 1px #666152; } .header-menu li, #footer-menu li { list-style-type: none; margin: 0px 16px 0px 0px; padding: 0px; display: inline; } .bodyblock { margin: 0px; padding: 0px; } .entryHolder { border: 1px solid #D8C0C0; -moz-border-radius-topright: 20px; -moz-border-radius-bottomright: 10px; padding: 0px; margin: 0px 0px 25px 0px; } .entryHeaderSubject { font-size: 0px; } .entryHeader { line-height: 14px; text-align: left; padding: 15px 15px 10px 15px; border-bottom: 1px solid #D8C0C0; } .entryHeader a { font-family: Georgia; font-size: 19px; color: #59486B; letter-spacing: -1px; } .entryUserinfo { text-align: center; margin: 22px 0px 19px 0px; } .entryUserinfo, .entryLinkbar { width: 150px; } .entryUserinfo .ljuser a b, .commentUserinfo .ljuser a b { font-family: Helvetica; font-style: normal; font-weight: bold; font-size: 15px; text-transform: lowercase; line-height: 15px; } .entryUserinfo-usericon img { border: 1px solid #D8C0C0; margin: 0px 22px 3px 22px; padding: 5px; } .entryMetadata { font-family: Helvetica; font-size: 11px; color: #353535; line-height: 10px; } .entryMetadata, .entryText { width: 520px; color: #111111; text-align: left; border-right: 1px solid #D8C0C0; padding: 12px; } .entryMetadata-label { font-weight: bold; color: #252525; text-transform: lowercase; margin: 0px 4px 0px 0px; } .entryMetadata img { margin: 0px 2px 0px 2px; } .entryMetadata a, .daysubjects a { color: #353535; } .entryMetadata a:hover, .daysubjects a:hover { border-bottom: 1px solid #858585; } .entryMetadata ul, .entryLinkbar ul, #footer-menu ul { margin: 0px; padding: 0px; } .entryMetadata li { border-bottom: 1px solid #D8C0C0; list-style-type: none; display: block; } .entryText { min-height: 220px; font-family: Verdana; font-size: 13px; } .entryText img { max-width: 520px; } .entryText .ljuser a b { letter-spacing: -1px; } .entryLinkbar { float: right; position: relative; min-height: 70px; font-family: Helvetica; font-size: 9px; letter-spacing: 2px; text-transform: uppercase; text-align: center; padding: 0px; margin: -90px 0px 0px 0px; z-index: 100; } .entryLinkbar a, .entryLinkbar a:hover { font-weight: lighter; border: 1px solid #D8C0C0; margin: 0px 2px 2px 0px; padding: 3px; display: block; } .entryLinkbar a:hover, .commentUserinfo-usericon img, .daysubjects a:hover, div.ContextualPopup div.Inner div.Content, div.ContextualPopup div.Userpic img { background: url(http://i44.tinypic.com/i3ytkn.png) repeat; } .entryLinkbar li { float: left; width: 70px; list-style-type: none; margin: 0px; padding: 0px; display: inline; } #footer-menu { border-top: 1px solid #D8C0C0; border-left: 1px solid #D8C0C0; border-right: 1px solid #D8C0C0; -moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; margin: 25px 0px 0px 0px; padding: 10px; } .bodynavblock { font-family: Helvetica; font-weight: bold; font-size: 11px; color: #444444; text-transform: uppercase; text-align: center; margin: 40px 0px 0px 0px; } .commentHolder { border: 1px solid #D8C0C0; -moz-border-radius-topleft: 12px; -moz-border-radius-bottomright: 12px; padding: 0px; margin: 20px 0px 0px 0px; } .commentHeader, .commentHeaderScreened { font-family: Georgia; font-size: 19px; color: #59486B; letter-spacing: -1px; text-align: right; border-bottom: 1px solid #D8C0C0; padding: 10px 10px 8px 10px; margin: 0px; } .commentHeaderScreened { font-style: italic; } .commentHeader a:hover { color: #F9F9F9; } .commentUserinfo { font-weight: bold; font-size: 9px; text-align: center; margin: 10px 10px 5px 10px; } .commentUserinfo .ljuser a b { font-size: 13px; } .commentUserinfo-usericon img { border: 1px solid #D8C0C0; margin: 0px 2px 0px 0px; padding: 3px; } .commentText { font-size: 12px; text-align: left; padding: 12px; } .commentLinkbar { font-family: Tahoma; font-weight: lighter; font-size: 11px; color: #2E2633; text-align: left; text-transform: uppercase; border-top: 1px solid #D8C0C0; margin: 0px; padding: 10p 10px 6px 10px; } .commentLinkbar ul { margin: 0px; padding: 0px; } .commentLinkbar li { padding: 0px 0px 0px 8px; margin: 0px; display: inline; } .replyform { font-weight: bold; color: #111111; border-left: 1px solid #D8C0C0; border-bottom: 1px solid #D8C0C0; border-right: 1px solid #D8C0C0; -moz-border-radius-bottomleft: 15px; -moz-border-radius-bottomright: 15px; padding: 10px; } #commenttext { width: 100%; } .yearlinks { text-align: right; } .yearlink { padding: 0px 4px 0px 4px; } .month, .tagstable { width: 80%; padding: 5px; margin: 10px 0px 20px 50px; } .daysubjects { font-size: 12px; font-weight:bold; padding: 8px 10px 8px 40px; } .daytitles { font-size: 16px; color: #464646; font-weight: bold; text-align: center; padding: 0px 0px 20px 0px; } .day-blank, .day, .tabstable td { border: 0px; } .day-date { width: 50%; font-size: 10px; font-weight: bold; color: #353535; text-align: center; border-bottom: 1px solid #D8C0C0; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; padding: 2px; } .day-count { width: 50%; text-align: center; float: right; font-size: 20px; } .tagstable { text-transform: uppercase; } .tagstable, ul.taglist li { font-size: 10px; } .tagstable td, ul.taglist li { border-bottom: 1px solid #D8C0C0; padding: 4px 0px 1px 12px; } .tagstable a { font-size: 11px; } ul.taglist { padding: 0px 10px 0px 0px; } ul.taglist li { list-style-type: decimal-leading-zero; } ul.taglist li a { font-size: 12px; text-transform: uppercase; } li { list-style-position: inside; list-style-type: circle; margin: 2px 0px 0px 0px; padding: 0px 0px 2px 7px; } b, strong, u { color: #353535; } u { text-decoration: none; border-bottom: 1px solid #858585; } i, em { color: #99173C; } strike { color: #252525; } blockquote { color:; } textarea { font-family: Helvetica; font-size: 11px; color: #555555; } input, select { } textarea, input, select { border: 1px solid #D8C0C0; } code { font-family: Monospace; color: #353535; } .ljuser a b { font-family: Georgia; font-weight: normal; font-style: italic; color: #59486B; text-transform: lowercase; } .ljuser img { width: 0px; height: 0px; background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/018-1.png) no-repeat center left; padding: 10px 10px 0px 2px !important; vertical-align: baseline !important; } .ljuser img[src="userinfo.gif"] { width: 0px; height: 0px; padding: 10px 10px 0px 2px !important; background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/018-1.png) no-repeat center left !important; } .ljuser img[src="community.gif"], img[src="partnercomm.gif"], img[src="sponcomm.gif"] { width: 0px; height: 0px; padding: 10px 10px 0px 2px !important; background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/092.png) no-repeat center left !important; } img[src="newsinfo.gif"] { width: 0px; height: 0px; padding: 10px 10px 0 2px !important; background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/043.png) no-repeat center left !important; } img[src="syndicated.gif"] { width: 0px; height: 0px; padding: 10px 10px 0 2px !important; background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/001.png) no-repeat center left !important; } .ljuser img[src="userinfo.gif"], .ljuser img[src="community.gif"], img[src="partnercomm.gif"], img[src="sponcomm.gif"], img[src="newsinfo.gif"], img[src="syndicated.gif"] { margin: 0px 1px 0px 1px; } img[src="icon_protected.gif"] { width: 0px; height: 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/lock-6.png) center left no-repeat; padding: 16px 16px 0px 0px !important; margin: 0px 5px 0px 0px; } img[src="icon_groups.gif"] { width: 0px; height: 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/user-nude.png) center left no-repeat; padding: 16px 16px 0px 0px !important; margin: 0px 5px 0px 0px; } img[src="icon_private.gif"] { width: 0px; height: 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/light-bulb.png) no-repeat center left !important; padding: 16px 16px 0px 0px !important; margin: 0px 5px 0px 0px; } img[src="anonymous.gif"] { height: 0px; width: 0px; padding: 0px 0px 9px 8px !important; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/heart-1.gif) no-repeat scroll 50% 50%; } img[src="openid-profile.gif"] { height: 0px; width: 0px; padding: 0px 0px 12px 7px !important; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/user-6.gif) no-repeat scroll 50% 50%; } .replyform img[src="userinfo.gif"] { height: 0px; width: 0px; padding: 0px 0px 8px 7px !important; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/arrow1.gif) no-repeat scroll 50% 50%;} img[src="none.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/button2.gif) no-repeat scroll 50% 50%; } img[src="help.gif"] { height: 0px; width: 0px; padding: 0px 0px 13px 12px !important; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/speechcloud.gif) no-repeat scroll 50% 50%; } img[src="pencil.gif"] { height: 0px; width: 0px; padding: 0px 0px 6px 7px !important; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/pencil.gif) no-repeat scroll 50% 50%; } img[src="btn_edit.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 8px !important; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/note2.gif) no-repeat scroll 50% 50%; } img[src="http://l-stat.livejournal.com/horizon/upgrade-paid-icon.gif"] { width: 0px; height: 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/heart-1.gif); margin: 0px 2px 0px 0px; padding: 9px 8px 0px 0px; } .daysubjects img[src="icon_protected.gif"], .daysubjects img[src="icon_groups.gif"] { width: 0px; height: 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/063.png) center left no-repeat; padding: 10px 10px 0px 0px !important; margin: 0px 1px 0px 0px; } .daysubjects img[src="icon_private.gif"] { width: 0px; height: 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/065.png) no-repeat center left !important; padding: 10px 10px 0px 0px !important; margin: 0px 1px 0px 0px; } div.ContextualPopup img[src="http://stat.livejournal.com/horizon/upgrade-paid-icon.gif"] { width: 0px; height: 0px; background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/arrow_up-2.gif) no-repeat center left; padding: 11px 11px 0px 0px !important; vertical-align: baseline !important; } div.ContextualPopup div.Inner { width: 270px; background: none !important; font: 10px Arial; color: #555555 !important; border: 0px; } div.ContextualPopup div.Userpic img { text-transform: uppercase; margin: 5px 0px 0px 0px; } div.ContextualPopup div.Userpic img, div.ContextualPopup div.Inner div.Content { border: 1px solid #D8C0C0; padding: 5px; } div.ContextualPopup .Relation { font-family: Arial; font-weight: bold !important; font-size: 15px !important; color: #59486B !important; text-transform: lowercase; line-height: 12px; border-bottom: 1px solid #D8C0C0; margin-bottom: 3px; padding-bottom: 7px; } div.ContextualPopup div.Inner div.Content a, div.ContextualPopup div.Inner div.Content a:hover, div.ContextualPopup a { font-weight: bold; color: #606060 !important; text-decoration: none !important; } div.ContextualPopup div.Inner div.Content img a:hover { background: none !important; } div.Relation, div.FriendStatus { font-size: 11px; text-transform: uppercase; letter-spacing: -1px; border-bottom: 1px solid #D8C0C0; padding: 2px 2px 5px 2px; margin: 0px 0px 8px 0px; } #lj_controlstrip { border-bottom: 1px solid #D8C0C0; } #lj_controlstrip_statustext { font-size: 10px; color: #353535; text-transform: uppercase; } #lj_controlstrip td { background: none; color: #353535 !important; text-transform: uppercase; border-right: 0px; } #lj_controlstrip select, #lj_controlstrip input { background: #F9F9F9; font: 9px Arial !important; color: #454545 !important; text-transform: uppercase; border: 1px solid #D8C0C0; padding: 1px; } #lj_controlstrip select:hover, #lj_controlstrip input:hover, textarea:hover, input:hover, select:hover { border: 1px solid #EBEBEB; } #lj_controlstrip td a { font-weight: bold; color: #99173C; } #lj_controlstrip td a:hover { color: #59486B; text-decoration: none; } #lj_controlstrip .ljuser img { display: none; } #lj_controlstrip .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"], #lj_controlstrip .ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] { display: none; } #lj_controlstrip .ljuser a b { font-family: Helvetica; font-style: normal; font-weight: bold; font-size: 15px; color: #59486B; }
DISPLAY > PRESENTATION	Expand BASIC OPTIONS and ADDITIONAL OPTIONS Userinfo Position in Entries → Right side of the Entry Text Wrap Entry text under userinfo → No
IMAGES	Save these to your own servers to ensure that the images don't die on you when my Photobucket explodes :D Tiny Icons → User - Commmunity - News - Syndicated Entry Header → Protected - Private - Groups Comment Pages → Anonymous - Open ID - User - None - Help - Pencil - Edit Background → Pattern - Transparent #1 - white - Transparent #2 - pink

038 - A Counterfeit Gentleman [Smooth Sailing]

2010-02-27T20:45:19Z

A Counterfeit Gentleman ► LIVE | STATIC | FAQ

Layout Information
TESTED BROWSERS	Mozilla Firefox, Safari, Internet Explorer
PROBLEMS?	None, apart from the fact that the rounded corners don't work for anything but Firefox
FEATURES	Fixed sidebar, tiny icons, contextual pop ups, custom nav-strip
DISABLED	Journal subtitle, footer-menu, sidebar (calendar, search, link list, tags, page summary)
AD-PLACEMENT	Between Entries or Horizontal
FINAL NOTES	I wanted to try something a little ~regal and classy-looking since I've always found layouts like this absolutely gorgeous. HAPPY BIRTHDAY ANGELA! <333

Layout Installation
SELECT JOURNAL STYLE	01. Select any Smooth Sailing. 02. Pick an ad placement you prefer (Between Entries tends to look best in general). 03. Make sure that you set the sidebar to the left.
CUSTOM CSS	Use layout's stylesheet(s) → NO Use layout's stylesheet(s) when including custom external stylesheet → NO Use CTRL + A inside the textbox to select everything, and then copy and paste into the CUSTOM CSS box. /* LJ STYLE: Smooth Sailing LAYOUT: A Counterfeit Gentleman FOR: sevensecondshow MAKER: jessilestrange // kill_zombie PLEASE CREDIT: http://community.livejournal.com/kill_brainz/ OR http://jessilestrange.livejournal.com/ HAPPY BIRTHDAY ANGELA! / body { background: url(http://i50.tinypic.com/2hyz78g.png) #FFFFFF; font-family: Arial, Verdana, Sans serif; font-size: 10px; color: #222222; text-align: left; margin: 0px; } a, a:visited, a:hover { font-weight: bold; color: #606060; text-decoration: none; } a:hover { cursor: help; } .pageblock { width: 100%; margin: 0px; } .pagefooterblock, .header-title, .header-subtitle, .header-icon, .bodyheaderblock, #footer-menu, .entryUserinfo .ljuser img, .sideboxTitle, .sidebar .ljuser img, .profile-label, .profile-content, .sidebox #search, .sidebox #summary, .sidebox #systemlinks, .sidebox #tags_sidebox, .sidebox #latestmonth, .commentUserinfo .ljuser img, #lj_controlstrip .ljuser img { display: none; } .pageheaderblock { text-align: left; } .header-menu { position: absolute; top: 110px; left: 0px; width: 100px; font-family: Helvetica; padding: 0px; } .header-menu a, .header-menu a:hover { text-transform: uppercase; } .header-menu ul, .entryLinkbar ul, .commentLinkbar ul { margin: 0px; padding: 0px; } .header-menu li, .entryLinkbar li, .commentLinkbar li { list-style-type: none; } .header-menu li { background-color: #FAFAFA; border-top: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; margin: 0px 0px 4px 0px; padding: 5px 7px 5px 7px; display: block; } .header-menu li:hover { background-color: #FFFFFF; padding: 5px 7px 10px 7px; } .bodyblock { width: 760px; background-color: #FAFAFA; border-top: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; border-left: 1px solid #EBEBEB; margin: 70px auto 180px auto; padding: 0px; } .entryHolder { margin: 0px } .entryHeaderSubject { font-size: 0px; } .entryHeaderDate { font-family: Helvetica; font-size: 11px; color: #CCCCCC; text-transform: uppercase; letter-spacing: 1px; padding: 5px 0px 0px 0px; display: block; } .entryHeader { text-align: right; line-height: 13px; padding: 10px 12px 5px 130px; } .entryHeader, .entryLinkbar, .bodynavblock { border-bottom: 1px solid #EBEBEB; } .entryHeader a { font-family: Georgia; font-size: 23px; font-style: italic; color: #606060; text-transform: lowercase; letter-spacing: -1px; line-height: 18px; margin: 20px 0px 0px 0px; } .entryHeader a, .entryMetadata a, .entryLinkbar { font-weight: normal; } .entryHeader a:hover, .entryText a:hover, .entryMetadata a:hover, .entryLinkbar a:hover, .bodynavblock a:hover, .commentLinkbar a:hover, .daysubjects a:hover, .day-count a, .tagstable a:hover, ul.taglist a:hover { color: #D8D8C0; } .entryUserinfo { position: relative; text-align: center; margin: -40px 10px 5px 10px; z-index: 100; } .entryUserinfo .ljuser a b, .entryUserinfo .ljuser a b:hover { font-size: 11px; text-transform: uppercase; border-bottom: 0px; } .entryUserinfo-usericon img { background-color: #F9F9F9; border: 1px solid #EBEBEB; margin: 0px 0px 5px 0px; padding: 7px; } .entryText { min-height: 110px; } .entryText, .commentText { font-size: 12px; color: #545454; padding: 10px; } .entryText img { max-width: 610px; } .entryMetadata { color: #606060; padding: 5px 30px 5px 5px; } .entryMetadata, .entryLinkbar { text-transform: uppercase; padding: 6px 10px 6px 10px; } .entryMetadata, .entryLinkbar, blockquote { border-top: 1px solid #EBEBEB; } .entryMetadata-label { font-weight: bold; color: #606060; text-transform: uppercase; padding: 0px 5px 0px 0px; } .entryMetadata img { margin: 0px 2px 0px 2px; } .entryMetadata a:hover, .bodynavblock a:hover, .ljuser a b, .daysubjects a:hover, .tagstable a:hover { border-bottom: 1px solid #EBEBEB; } .entryMetadata ul { margin: 0px; padding: 0px; } .entryMetadata li { list-style-type: none; padding: 0px; display: block; } .entryLinkbar { font-weight: bold; text-align: right; } .entryLinkbar li { margin: 0px 0px 0px 15px; padding: 0px; display: inline; } .bodynavblock { font-family: Helvetica; font-weight: bold; font-size: 11px; color: #444444; text-transform: uppercase; text-align: center; margin: 40px 0px 0px 0px; } .commentHolder { margin: 10px 0px 10px 10px; } .commentHeader, .commentHeaderScreened { background-color: #FFFFFF; font-family: Helvetica; font-size: 10px; color: #A1A1A1; text-transform: uppercase; text-align: left; border-top: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; border-left: 1px solid #EBEBEB; padding: 5px 10px 3px 10px; } .commentHeaderScreened { font-style: italic; } .commentHeaderSubject { font-weight: bold; text-transform: lowercase; } .commentUserinfo { font-size: 10px; color: #353535; text-align: center; margin: 10px 10px 5px 10px; } .commentUserinfo-usericon img { height: 70px; width: 70px; background-color: #FFFFFF; border: 1px solid #EBEBEB; padding: 4px; } .commentLinkbar { font-weight: bold; color: #606060; text-align: right; text-transform: uppercase; padding: 2px 10px 0px 10px } .commentLinkbar li { margin: 0px 0px 0px 7px; padding: 0px; display: inline; } .replyform { background-color: #FFFFFF; border: 1px solid #EBEBEB; padding: 10px; } #qrform { color: #FFFFFF; border: medium none !important; padding: 16px; } #qrform table { width: 98%; color: #AAAAAA; border:0 none !important; } .yearlinks { text-align: right; } .yearlink { padding: 0px 5px 0px 5px; } .month, .tagstable { width: 96%; margin: 10px; } .daytitles { background-color: #FFFFFF; font-family: Georgia; font-size: 13px; font-style: italic; color: #555555; text-align: center; text-transform: uppercase; border: 1px solid #FAFAFA; padding: 12px 10px 2px 10px; } .daysubjects { font-size: 10px; color: #444444; text-align: left; padding: 10px; } .daysubjects a { font-size: 12px; text-transform: uppercase; } .daysubjects img[src="http://l-stat.livejournal.com/img/icon_protected.gif"], .daysubjects img[src="http://l-stat.livejournal.com/img/icon_groups.gif"], .daysubjects img[src="http://l-stat.livejournal.com/img/icon_private.gif"] { width: 0px; height: 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/065.png) center left no-repeat; padding: 10px 10px 0px 0px !important; margin: 0px 1px 0px 0px; } .daysubjects img { width: 0px; height: 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/065.png) center left no-repeat; padding: 10px 10px 0px 0px !important; margin: 0px 1px 0px 0px; } .day-blank, .day { margin-bottom: 0px; padding: 3px; } .day-blank, .day, .tagstable, .tagstable td { border: 1px solid #FAFAFA; } .day-blank, .day, .tagstable td { background-color: #FFFFFF; text-transform: uppercase; } .day-blank:hover, .day:hover, .tagstable td:hover { background-color: #FAFAFA; } .day-date { width: 50%; background-color: #FFFFFF; color: #888888; text-align: center; border-right: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; } .day-count { float: right; width: 50%; font-size: 20px; text-align: center; } .day-count a { font-family: Helvetica; font-weight: normal; font-size: 16px; padding: 3px; } ul.taglist { padding: 0px 10px 0px 0px; } ul.taglist li { color: #454545; list-style-type: decimal-leading-zero; border-bottom: 1px solid #EBEBEB; padding: 4px 0px 1px 12px; } li { list-style-position: inside; list-style-type: circle; margin: 2px 0px 0px 0px; padding: 0px 0px 2px 10px; } .sidebar { position: fixed; bottom: 0px; left: 0px; height: 100px; width: 100%; background: url(http://i46.tinypic.com/2ijjgya.png) no-repeat 92% 85% #E7E7DB; padding: 20px 30px 20px 30px; z-index: 200; } .sidebar a, .sidebar .ljuser a b { font-size: 10px; color: #464646; text-transform: uppercase; } .sidebar a:hover, .sidebar .ljuser a b:hover, #lj_controlstrip .ljuser a b:hover { color: #646464; text-decoration: none; } .sidebox { float: left; height: 80px; margin: 0px 30px 0px 0px; padding: 0px; } .sideboxContent { text-align: left; } .sidebox #profile { width: 100px; font-size: 0px; color: #E7E7DB; } img.profile-userpic { height: 80px; width: 80px; border: 10px solid #D8D8C0; } img.profile-userpic, .sidebox #freetext, .sidebox #summary, .sidebox #latestmonth, .sidebox #systemlinks { -moz-border-radius: 8px; } .sidebox #freetext { background-color: #D8D8C0; width: 65%; font-family: Helvetica; font-size: 11px; line-height: 13px; padding: 10px; } blockquote, textarea, input, select { background-color: #FAFAFA; } blockquote { background: url(http://i47.tinypic.com/15drlgg.png) no-repeat 50% 100%; font-family: Georgia; font-style: italic; color: #646464; padding: 7px 3px 35px 3px; } textarea, input, select { font-family: Arial; font-size: 11px; color: #777777; border: 1px solid #EBEBEB; padding: 2px; } .ljuser a b { text-transform: lowercase; } .ljuser img { width: 0px; height: 0px; background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/032-1.png) no-repeat center left; padding: 10px 10px 0px 2px !important; vertical-align: baseline !important; } .ljuser img[src="userinfo.gif"] { width: 0px; height: 0px; padding: 10px 10px 0px 2px !important; background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/032-1.png) no-repeat center left !important; } .ljuser img[src="community.gif"], img[src="partnercomm.gif"], img[src="sponcomm.gif"] { width: 0px; height: 0px; padding: 10px 10px 0px 2px !important; background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/092.png) no-repeat center left !important; } img[src="newsinfo.gif"] { width: 0px; height: 0px; padding: 10px 10px 0 2px !important; background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/043.png) no-repeat center left !important; } img[src="syndicated.gif"] { width: 0px; height: 0px; padding: 10px 10px 0 2px !important; background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/001.png) no-repeat center left !important; } .ljuser img[src="userinfo.gif"], .ljuser img[src="community.gif"], img[src="partnercomm.gif"], img[src="sponcomm.gif"], img[src="newsinfo.gif"], img[src="syndicated.gif"] { margin; 0px 0px 0px 3px; } img[src="icon_protected.gif"] { width: 0px; height: 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/018.png) center left no-repeat; padding: 16px 16px 0px 0px !important; margin: 0px 3px 0px 0px; } img[src="icon_groups.gif"] { width: 0px; height: 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/006-1.png) center left no-repeat; padding: 16px 16px 0px 0px !important; margin: 0px 3px 0px 0px; } img[src="icon_private.gif"] { width: 0px; height: 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/025.png) no-repeat center left !important; padding: 16px 16px 0px 0px !important; margin: 2px 3px 0px 0px; } img[src="anonymous.gif"] { height: 0px; width: 0px; padding: 0px 0px 9px 8px !important; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/heart-1.gif) no-repeat scroll 50% 50%; } img[src="openid-profile.gif"] { height: 0px; width: 0px; padding: 0px 0px 12px 7px !important; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/user-6.gif) no-repeat scroll 50% 50%; } .replyform img[src="userinfo.gif"] { height: 0px; width: 0px; padding: 0px 0px 8px 7px !important; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/arrow1.gif) no-repeat scroll 50% 50%;} img[src="none.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/button2.gif) no-repeat scroll 50% 50%; } img[src="help.gif"] { height: 0px; width: 0px; padding: 0px 0px 13px 12px !important; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/speechcloud.gif) no-repeat scroll 50% 50%; } img[src="pencil.gif"] { height: 0px; width: 0px; padding: 0px 0px 6px 7px !important; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/pencil.gif) no-repeat scroll 50% 50%; } img[src*="btn_edit.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 8px !important; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/note2.gif) no-repeat scroll 50% 50%; } div.ContextualPopup img[src="http://stat.livejournal.com/horizon/upgrade-paid-icon.gif"] { width: 0px; height: 0px; background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/arrow_up-2.gif) no-repeat center left; padding: 11px 11px 0px 0px !important; vertical-align: baseline !important; } div.ContextualPopup div.Inner { width: 270px; background: none !important; font: 10px Arial; color: #555555 !important; border: 0px; } div.ContextualPopup div.Userpic img { background-color: #F8F8F8; text-transform: uppercase; margin: 5px 0px 0px 0px; } div.ContextualPopup div.Userpic img, div.ContextualPopup div.Inner div.Content { border: 1px solid #EBEBEB; padding: 5px; } div.ContextualPopup .Relation { font-family: Arial; font-weight: bold !important; font-size: 14px !important; color: #D8D8C0 !important; text-transform: lowercase; line-height: 12px; border-bottom: 1px solid #F0F0F0; margin-bottom: 3px; padding-bottom: 7px; } div.ContextualPopup div.Inner div.Content { background-color: #F9F9F9; } div.ContextualPopup div.Inner div.Content a, div.ContextualPopup div.Inner div.Content a:hover, div.ContextualPopup a { font-weight: bold; color: #606060 !important; text-decoration: none !important; } div.ContextualPopup div.Inner div.Content img a:hover { background: none !important; } div.Relation, div.FriendStatus { font-size: 11px; text-transform: uppercase; letter-spacing: -1px; border-bottom: 1px solid #99C930; padding: 2px 2px 5px 2px; margin: 0px 0px 8px 0px; } #lj_controlstrip { border-bottom: 0px; } #lj_controlstrip_statustext { color: #464646; text-transform: uppercase; } #lj_controlstrip td { background-color: #E7E7DB; border-right: 0px; } #lj_controlstrip select, #lj_controlstrip input { background: #FAFAFA !important; font: 10px Arial !important; color: #222222 !important; text-transform: uppercase; border: none; margin: 1px; padding: 1px 2px 1px 2px; } #lj_controlstrip td a, #lj_controlstrip td a:hover { color: #464646; text-transform: uppercase; text-decoration: none; } #lj_controlstrip .ljuser a b { font-size: 14px; color: #464646; letter-spacing: -1px; }
DISPLAY > PRESENTATION	Expand BASIC OPTIONS and ADDITIONAL OPTIONS Userinfo Position in Entries → Left side of the Entry Text Wrap Entry text under userinfo → Yes
SIDEBAR	Expand FREE TEXT SIDEBOX. Type something lovely inside the freetext box or put your links in there - whatever your heart desires bb. Make sure that you order the sideboxes as: #1 → Profile #2 → Freetext Everything else needs to be set to hide.
IMAGES	Save these to your own servers to ensure that the images don't die on you if my Photobucket explodes :D Feel free to change the tiny icons or background patterns if you want! Tiny Icons → User - Community - News - Syndicated Entry Header → Protected - Private - Groups Background → Main - Sidebar - Blockquote

200 WAT? How the...

2010-02-14T18:50:47Z

038 - Teen Titans [Screencaps]

2010-02-07T19:11:42Z

→ Season 1 01 - 13 [COMPLETE]
→ Season 2 SLOWLY UPLOADING. VERY SLOWLY.
→ Season 3 WILL BE UPLOADED. EVENTUALLY.

zipped in .rar | .jpeg | 640 x 480

SEASON 1
EPISODE 01 (109MB)
EPISODE 02 (122MB)
EPISODE 03 (89MB)
EPISODE 04 (85MB)
EPISODE 05 (106MB)
EPISODE 06 (94MB)
EPISODE 07 (91MB)
EPISODE 08 (95MB)
EPISODE 09 (108MB)
EPISODE 10 | PART A - PART B (206MB)
EPISODE 11 (95MB)
EPISODE 12 (76MB)
EPISODE 13 (81MB)

SEASON 2
EPISODE 14 (64MB)
EPISODE 15 (???MB)
EPISODE 16 (???MB)
EPISODE 17 (???MB)
EPISODE 18 (???MB)

All screencaps uploaded to Mediafire. Roughly 3000 images per batch.
Any dead links? Just tell me and I'll see if I can reupload them for you!

037 - Banquet [Smooth Sailing]

2010-02-07T07:57:33Z

Banquet (Topbar Ver) ► LIVE | STATIC | FAQ
Banquet (Sidebar Ver) ► LIVE | STATIC | FAQ

Layout Information
TESTED BROWSERS	Mozilla Firefox, Safari, Internet Explorer
PROBLEMS?	None, apart from the fact that the rounded corners don't work for anything but Firefox
FEATURES	Fixed header-menu, tiny icons, contextual pop ups, custom nav-strip
DISABLED	Journal subtitle, footer-menu, entry dates
AD-PLACEMENT	Between Entries or Horizontal
FINAL NOTES	An old layout I used to have for my LiveJournal, but I decided to rework it a little to be more 'browser-friendly'~

Layout Installation
SELECT JOURNAL STYLE	01. Select any Smooth Sailing. 02. Pick an ad placement you prefer (Between Entries tends to look best in general). 03. Make sure that you set the sidebar to the left.
CUSTOM CSS	Use layout's stylesheet(s) → NO Use layout's stylesheet(s) when including custom external stylesheet → NO Use CTRL + A inside the textbox to select everything, and then copy and paste into the CUSTOM CSS box. → Topbar vers. /* LJ STYLE: Smooth Sailing LAYOUT: Banquet (Topbar Vers.) MAKER: jessilestrange // kill_zombie PLEASE CREDIT: http://community.livejournal.com/kill_brainz/ OR http://jessilestrange.livejournal.com/ / body { background-color: #FFFFFF; font-family: Arial, Lucida Sans Unicode, Verdana; font-size: 10px; color: #222222; text-align: center; } a, a:visited, a:hover { font-weight: bold; color: #99C930; text-decoration: none; } a:hover { cursor: help; } .pageblock { width: 800px; margin: 40px auto 0px auto; } .pagefooterblock, .bodyheaderblock, .header-icon, .sideboxTitle, .profile-label, .sidebox #summary .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"], .sidebox #summary img[src="community.gif"], .listtitle, #footer-menu, .entryHeaderDate, .entryUserinfo .ljuser img { display: none; } .pagheaderblock { text-align: left; } .header-title, .header-subtitle { font-family: Arial; text-transform: uppercase; text-align: right; padding: 5px 10px 1px 10px; } .header-title, .header-subtitle, .sidebar, .listitem, .sidebox #tags_sidebox a, .latestmonth-inactive, .latestmonth-active, .entryHolder, .entryHeader, .bodynavblock, .commentHolder, .commentHeader, .commentHeaderScreened, .day-date { border-bottom: 1px solid #EBEBEB; } .header-title { font-size: 21px; } .header-title:first-letter { color: #99C930; } .header-subtitle { font size: 11px; } .sidebar { position: absolute; top: 145px; width: 800px; height: 165px; font-size: 11px; margin: 0px; } .sidebox { float: left; width: 190px; margin: 0px 5px 0px 5px; padding: 10px 0px 15px 0px; } .sideboxContent { font-size: 11px; text-align: left; padding: 0px 5px 0px 5px; } .sidebox #profile { min-height: 140px; font-size: 11px; } .sidebox #profile .ljuser a b { font-size: 12px; } img.profile-userpic { float: left; height: 60px; width: 60px; border: 1px solid #EBEBEB; margin: 5px 10px 2px 0px; padding: 2px; } .profile-content { font-size: 11px; text-transform: uppercase; margin: 3px 0px 0px 70px; display: block; } .sidebox #systemlinks, .sidebox #tags_sidebox { width: 180px; height: 140px; /* LOL, WATCH ME HACK LIKE A PRO~ / over-flow: auto; overflow-x: hidden; overflow-y: auto; / DO NOT TOUCH THIS SHIT GODDAMNIT! / font-family: Tahoma; font-size: 0px; text-transform: uppercase; text-align: left; margin: 0px; } .listitem, .sidebox #tags_sidebox a { margin: 0px 0px 1px 0px; padding: 4px 10px 2px 3px; display: block; } .listitem a, .sidebox #tags_sidebox a { font-size: 10px; } .listitem:hover, .sidebox #tags_sidebox a:hover { background-color: #F8F8F8; } .sidebox #summary a { text-transform: uppercase; } .sidebox #latestmonth, .sidebox #search { text-align: center; } .sidebox #latestmonth table { width: 95%; text-transform: uppercase; margin: 4px auto 0px auto; } .latestmonth-inactive, .latestmonth-active { font-size: 10px; margin: 1px; padding: 3px; } .latestmonth-inactive:hover, .latestmonth-active:hover, .day-date:hover { border-bottom: 1px solid #AAAAAA; } .latestmonth-active a, .latestmonth-active a:hover { color: #99C930; } .sidebox #search { font-size: 12px; text-align: center; } .sidebox #search select, .sidebox #search input { background-color: #FAFAFA; font-size: 10px; color: #555555; } .bodyblock { width: 800px; margin: 190px auto 0px auto; } .entryHolder { margin: 0px 0px 40px 0px; } .entryHeader { font-family: Helvetica; font-size: 0px; text-transform: uppercase; text-align: right; margin: 0px; padding: 0px 5px 5px 10px; } .entryHeader a, .commentHeader, .commentHeaderScreened { font-size: 12px; color: #222222; line-height: 13px; } .entryHeader a:hover, .header-menu a:hover, .ljuser a b:hover { color: #666666; } .entryHeaderSubject { padding: 0px 0px 0px 5px; z-index: 30; } .entryUserinfo, .commentUserinfo { background-color: #F8F8F8; color: #444444; text-align: center; border-top: 0px; border-right: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; border-left: 1px solid #EBEBEB; -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; margin: 0px 10px 3px 10px; padding: 10px 10px 5px 10px; } .entryUserinfo-usericon img, .commentUserinfo-usericon img { border: 0px; margin: 0px 0px 5px 0px; } .entryUserinfo .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"], .entryUserinfo .ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] { background-color:transparent; display: none; } .entryUserinfo .ljuser a b { font-size: 11px; text-transform: uppercase; margin: 0px; } .entryMetadata { font-size: 11px; color: #333333; text-align: left; text-transform: lowercase; border-bottom: 1px solid #EBEBEB; margin: 0px; } .entryMetadata, .entryText { padding: 10px; } .entryMetadata-label { color: #444444; margin: 0px 3px 0px 0px; } .entryMetadata img { margin: 0px 4px 0px 4px; } .entryMetadata a:hover, .tagstable a:hover, ul.taglist a:hover, .daysubjects a:hover { border-bottom: 1px solid #EBEBEB; } .entryMetadata ul { margin: 0px; padding: 0px; } .entryMetadata li { list-style-type: none; margin: 0px; padding: 0px 10px 0px 0px; display: block; } .entryText { margin: 0px 10px 0px 10px; } .entryText, .commentText { font-size: 11px; text-align: justify; } .entryText li { color: #444444; } .entryLinkbar { text-align: right; text-transform: uppercase; } .entryLinkbar a { background-color: #F8F8F8; font-size: 10px; border: 1px solid #EBEBEB; -moz-border-radius: 4px; padding: 3px 5px 3px 5px; } .entryLinkbar a:hover { background-color: #FFFFFF; } .entryLinkbar ul { margin: 0px; padding: 0px; } .entryLinkbar li { list-style-type: none; margin: 0px 0px 0px 7px; padding: 0px; display: inline; } .bodynavblock { text-align: center; margin: 30px 0px 20px 0px; padding: 0px 20px 7px 20px; } .bodynavblock a { text-transform: lowercase; } .header-menu { position: fixed; bottom: 0px; right: 0px; height: 20px; width: 100%; background: #F8F8F8; text-transform: uppercase; text-align: left; border-top: 1px solid #EBEBEB; margin: 0px; padding: 10px 0px 0px 5px; } .header-menu a { font-family: Arial; font-size: 15px; letter-spacing: -1px; } .header-menu ul { margin: 0px; padding: 0px; } .header-menu li { list-style-type: none; margin: 0px 2px 0px 0px; display: inline; } .commentHolder { margin: 0px 0px 20px 0px; padding: 0px; } .commentHeader, .commentHeaderScreened { font-weight: bold; text-align: right; margin: 0px; padding: 0px 10px 3px 10px; } .commentHeaderScreened { font-style: italic; } .commentUserinfo { margin: 0px 0px 5px 0px; } .commentUserinfo-usericon img { height: 95px; width: 95px; } .commentUserinfo .ljuser a b { font-size: 11px; text-transform: lowercase; margin: 0px 0px 5px 0px; } .commentText { margin: 10px; } .commentLinkbar { font-weight: bold; font-size: 10px; text-align: right; text-transform: uppercase; border-top: 1px solid #EBEBEB; padding: 3px 10px 5px 10px; } .commentLinkbar ul { margin: 0px; padding: 0px; } .commentLinkbar li { list-style-type: none; margin: 0px; display: inline; } .replyform { background-color: #FFFFFF; padding: 17px; } #qrform { color: #FFFFFF; border: medium none !important; padding: 16px; } #qrform table { width: 98%; color: #AAAAAA; border:0 none !important; } .yearlinks { text-align: right; } .yearlink { padding: 0px 5px 0px 5px; } .month { margin: 20px 30px 30px 30px; } .month, .tagstable { width: 90%; } .daytitles { font-weight: bold; font-size: 11px; color: #222222; text-align: center; text-transform: uppercase; padding: 0px 10px 4px 10px; } .daysubjects { font-size: 10px; color: #444444; text-align: left; padding: 20px 50px 30px 40px; } .daysubjects a { font-weight: bold; font-size: 12px; } .daysubjects img[src="http://l-stat.livejournal.com/img/icon_protected.gif"], .daysubjects img[src="http://l-stat.livejournal.com/img/icon_groups.gif"], .daysubjects img[src="http://l-stat.livejournal.com/img/icon_private.gif"] { width: 0px; height: 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/thumbtack.gif) center left no-repeat; padding: 9px 10px 0px 0px !important; } .daysubjects img { width: 0; height: 0; background-repeat: no-repeat; / BECAUSE INTERNET EXPLORER IS SHIT / margin: 0px 1px 0px 0px; background-image: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/thumbtack.gif); padding: 9px 10px 0px 0px; } .day-blank, .day { margin-bottom: 0px; padding: 3px; } .day-blank, .day, .tagstable, .tagstable td { border: 0px; } .day-date { width: 30%; background-color: #F8F8F8; font-weight: bold; font-size: 10px; text-align: center; } .day-count { float: right; width: 50%; font-size: 20px; text-align: center; } .day-count a { font-size: 18px; } ul.taglist { padding: 0px 15px 0px 0px; } ul.taglist li { padding: 0px 3px 3px 9px; } .tagstable a, ul.taglist a { font-size: 11px; text-transform: uppercase; } blockquote { background-color: #F8F8F8; color: #333333; padding: 9px; } blockquote, input, textarea, select { border: 1px solid #EBEBEB; } blockquote, textarea { -moz-border-radius: 6px; } input, textarea, select { background-color: #FFFFFF; font-size: 11px; margin: 1px; padding: 2px; } textarea { font-family: Arial; color: #444444; text-align: left; } b, strong, i, em { color: #444444; } li { list-style-position: inside; list-style-type: decimal-leading-zero; margin: 2px 0px 0px 20px; padding: 0px 0px 2px 9px; } h1, h2, h3, h4, h5 { font-variant: small-caps; color: #222222; } .ljuser a b { color: #99C930; text-transform: lowercase; } .ljuser img { width: 0px; height: 0px; background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/arrow1.gif) no-repeat center left; padding: 10px 10px 0 2px !important; vertical-align: baseline !important; } .ljuser img[src="userinfo.gif"], .ljuser img[src="community.gif"], img[src="partnercomm.gif"], img[src="sponcomm.gif"], img[src="newsinfo.gif"], img[src="syndicated.gif"] { width: 0px; height: 0px; padding: 8px 7px 0 2px !important; background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/arrow1.gif) no-repeat center left !important; } img[src="icon_protected.gif"], img[src="icon_groups.gif"] { width: 0px; height: 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/thumbtack.gif) center left no-repeat; padding: 9px 10px 0px 0px !important; } img[src="icon_private.gif"] { width: 0px; height: 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/heart-1.gif) no-repeat center left !important; padding: 9px 10px 0px 0px !important; } img[src="anonymous.gif"] { height: 0px; width: 0px; padding: 0px 0px 9px 8px !important; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/heart-1.gif) no-repeat scroll 50% 50%; } img[src="openid-profile.gif"] { height: 0px; width: 0px; padding: 0px 0px 12px 7px !important; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/user-6.gif) no-repeat scroll 50% 50%; } .replyform img[src="userinfo.gif"] { height: 0px; width: 0px; padding: 0px 0px 8px 7px !important; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/arrow1.gif) no-repeat scroll 50% 50%;} img[src="none.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/button2.gif) no-repeat scroll 50% 50%; } img[src="help.gif"] { height: 0px; width: 0px; padding: 0px 0px 13px 12px !important; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/speechcloud.gif) no-repeat scroll 50% 50%; } img[src="pencil.gif"] { height: 0px; width: 0px; padding: 0px 0px 6px 7px !important; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/pencil.gif) no-repeat scroll 50% 50%; } img[src="btn_edit.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 8px !important; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/note2.gif) no-repeat scroll 50% 50%; } div.ContextualPopup div.Inner { width: 270px; background: none !important; font: 10px Arial; color: #555555 !important; border: 0px; } div.ContextualPopup div.Userpic img { background-color: #F8F8F8; margin: 10px; } div.ContextualPopup div.Userpic img, div.ContextualPopup div.Inner div.Content { border: 1px solid #EBEBEB; -moz-border-radius: 6px; padding: 5px; } div.ContextualPopup .Relation { font-family: Arial; font-weight: bold !important; font-size: 14px !important; color: #99C930 !important; text-transform: lowercase; line-height: 12px; border-bottom: 1px solid #F0F0F0; margin-bottom: 3px; padding-bottom: 7px; } div.ContextualPopup div.Inner div.Content { background-color: #FFFFFF; } div.ContextualPopup div.Inner div.Content a, div.ContextualPopup div.Inner div.Content a:hover { font-weight: normal; color: #99C930 !important; text-decoration: none !important; } div.ContextualPopup div.Inner div.Content img a:hover { background: none !important; } div.Relation, div.FriendStatus { font-size: 11px; text-transform: uppercase; letter-spacing: -1px; border-bottom: 1px solid #99C930; padding: 2px 2px 5px 2px; margin: 0px 0px 8px 0px; } #lj_controlstrip { border-bottom: 1px solid #EBEBEB; } #lj_controlstrip_statustext { color: #444444; } #lj_controlstrip td { background-color: #FFFFFF; border-right: 0px; } #lj_controlstrip select, #lj_controlstrip input { background-color: #FFFFFF !important; font: 10px Arial !important; color: #444444 !important; text-transform: uppercase; border: 1px solid #EBEBEB; } #lj_controlstrip select:hover, #lj_controlstrip input:hover { border: 1px solid #AAAAAA; } #lj_controlstrip td a { color: #333333; } #lj_controlstrip td a:hover { text-decoration: none; } #lj_controlstrip .ljuser img { display: none; } #lj_controlstrip .ljuser a b, #lj_controlstrip .ljuser a b:hover { font-size: 14px; letter-spacing: -1px; border-bottom: 0px; } → Sidebar vers.* /* LJ STYLE: Smooth Sailing LAYOUT: Banquet (Sidebar Vers.) MAKER: jessilestrange // kill_zombie PLEASE CREDIT: http://community.livejournal.com/kill_brainz/ OR http://jessilestrange.livejournal.com/ / body { background-color: #FFFFFF; font-family: Arial, Lucida Sans Unicode, Verdana; font-size: 10px; color: #222222; text-align: center; } a, a:visited, a:hover { font-weight: bold; color: #99C930; text-decoration: none; } a:hover { cursor: help; } .pageblock { width: 800px; margin: 40px auto 0px auto; } .pagefooterblock, .bodyheaderblock, .header-icon, .sideboxTitle, .profile-label, .sidebox #summary .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"], .sidebox #summary img[src="community.gif"], #footer-menu, .entryHeaderDate, .entryUserinfo .ljuser img { display: none; } .pagheaderblock { text-align: left; } .header-title, .header-subtitle { font-family: Arial; text-transform: uppercase; text-align: right; padding: 5px 10px 1px 10px; } .header-title, .header-subtitle, .sidebox, .listitem, .sidebox #tags_sidebox a, .latestmonth-inactive, .latestmonth-active, .entryHolder, .entryHeader, .bodynavblock, .commentHolder, .commentHeader, .commentHeaderScreened, .day-date { border-bottom: 1px solid #EBEBEB; } .header-title { font-size: 21px; } .header-title:first-letter { color: #99C930; } .header-subtitle { font size: 11px; } .sidebar { width: 190px; font-size: 11px; margin: 0px; } .sidebox { padding: 10px 0px 15px 0px; } .sideboxContent { font-size: 11px; text-align: left; padding: 0px 5px 0px 5px; } .sidebox #profile { min-height: 70px; font-size: 11px; } .sidebox #profile .ljuser a b { font-size: 12px; } img.profile-userpic { float: left; height: 60px; width: 60px; border: 1px solid #EBEBEB; margin: 5px 10px 2px 0px; padding: 2px; } .profile-content { font-size: 11px; text-transform: uppercase; margin: 3px 0px 0px 70px; display: block; } .sidebox #systemlinks, .sidebox #tags_sidebox { font-family: Tahoma; font-size: 0px; text-transform: uppercase; text-align: left; margin: 0px; } .listtitle { font-weight: bold; font-size: 10px; margin: 5px 10px 0px 10px; } .listitem, .sidebox #tags_sidebox a { margin: 0px 0px 1px 0px; padding: 4px 10px 2px 3px; display: block; } .listitem a, .sidebox #tags_sidebox a { font-size: 10px; } .listitem:hover, .sidebox #tags_sidebox a:hover { background-color: #F8F8F8; } .sidebox #summary a { text-transform: uppercase; } .sidebox #latestmonth, .sidebox #search { text-align: center; } .sidebox #latestmonth table { width: 95%; text-transform: uppercase; margin: 4px auto 0px auto; } .latestmonth-inactive, .latestmonth-active { font-size: 10px; margin: 1px; padding: 3px; } .latestmonth-inactive:hover, .latestmonth-active:hover, .day-date:hover { border-bottom: 1px solid #AAAAAA; } .latestmonth-active a, .latestmonth-active a:hover { color: #99C930; } .sidebox #search { font-size: 12px; text-align: center; } .sidebox #search select, .sidebox #search input { background-color: #FAFAFA; font-size: 10px; color: #555555; } .bodyblock { width: 800px; margin: 10px auto 0px auto; } .entryHolder { margin: 0px 0px 40px 0px; } .entryHeader { font-family: Helvetica; font-size: 0px; text-transform: uppercase; text-align: right; margin: 0px; padding: 0px 5px 5px 10px; } .entryHeader a, .commentHeader, .commentHeaderScreened { font-size: 12px; color: #222222; line-height: 13px; } .entryHeader a:hover, .header-menu a:hover, .ljuser a b:hover { color: #666666; } .entryHeaderSubject { padding: 0px 0px 0px 5px; z-index: 30; } .entryUserinfo, .commentUserinfo { background-color: #F8F8F8; color: #444444; text-align: center; border-top: 0px; border-right: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; border-left: 1px solid #EBEBEB; -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; margin: 0px 10px 3px 10px; padding: 10px 10px 5px 10px; } .entryUserinfo-usericon img, .commentUserinfo-usericon img { border: 0px; margin: 0px 0px 5px 0px; } .entryUserinfo .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"], .entryUserinfo .ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] { background-color:transparent; display: none; } .entryUserinfo .ljuser a b { font-size: 11px; text-transform: uppercase; margin: 0px; } .entryMetadata { font-size: 11px; color: #333333; text-align: left; text-transform: lowercase; border-bottom: 1px solid #EBEBEB; margin: 0px; } .entryMetadata, .entryText { padding: 10px; } .entryMetadata-label { color: #444444; margin: 0px 3px 0px 0px; } .entryMetadata img { margin: 0px 4px 0px 4px; } .entryMetadata a:hover, .tagstable a:hover, ul.taglist a:hover, .daysubjects a:hover { border-bottom: 1px solid #EBEBEB; } .entryMetadata ul { margin: 0px; padding: 0px; } .entryMetadata li { list-style-type: none; margin: 0px; padding: 0px 10px 0px 0px; display: block; } .entryText { margin: 0px 10px 0px 10px; } .entryText, .commentText { font-size: 11px; text-align: justify; } .entryText li { color: #444444; } .entryLinkbar { text-align: right; text-transform: uppercase; } .entryLinkbar a { background-color: #F8F8F8; font-size: 10px; border: 1px solid #EBEBEB; -moz-border-radius: 4px; padding: 3px 5px 3px 5px; } .entryLinkbar a:hover { background-color: #FFFFFF; } .entryLinkbar ul { margin: 0px; padding: 0px; } .entryLinkbar li { list-style-type: none; margin: 0px 0px 0px 7px; padding: 0px; display: inline; } .bodynavblock { text-align: center; margin: 30px 0px 20px 0px; padding: 0px 20px 7px 20px; } .bodynavblock a { text-transform: lowercase; } .header-menu { position: fixed; bottom: 0px; right: 0px; height: 20px; width: 100%; background: #F8F8F8; text-transform: uppercase; text-align: left; border-top: 1px solid #EBEBEB; margin: 0px; padding: 10px 0px 0px 5px; } .header-menu a { font-family: Arial; font-size: 15px; letter-spacing: -1px; } .header-menu ul { margin: 0px; padding: 0px; } .header-menu li { list-style-type: none; margin: 0px 2px 0px 0px; display: inline; } .commentHolder { margin: 0px 0px 20px 0px; padding: 0px; } .commentHeader, .commentHeaderScreened { font-weight: bold; text-align: right; margin: 0px; padding: 0px 10px 3px 10px; } .commentHeaderScreened { font-style: italic; } .commentUserinfo { margin: 0px 0px 5px 0px; } .commentUserinfo-usericon img { height: 95px; width: 95px; } .commentUserinfo .ljuser a b { font-size: 11px; text-transform: lowercase; margin: 0px 0px 5px 0px; } .commentText { margin: 10px; } .commentLinkbar { font-weight: bold; font-size: 10px; text-align: right; text-transform: uppercase; border-top: 1px solid #EBEBEB; padding: 3px 10px 5px 10px; } .commentLinkbar ul { margin: 0px; padding: 0px; } .commentLinkbar li { list-style-type: none; margin: 0px; display: inline; } .replyform { background-color: #FFFFFF; padding: 17px; } #qrform { color: #FFFFFF; border: medium none !important; padding: 16px; } #qrform table { width: 98%; color: #AAAAAA; border:0 none !important; } .yearlinks { text-align: right; } .yearlink { padding: 0px 5px 0px 5px; } .month { margin: 20px 30px 30px 30px; } .month, .tagstable { width: 90%; } .daytitles { font-weight: bold; font-size: 11px; color: #222222; text-align: center; text-transform: uppercase; padding: 0px 10px 4px 10px; } .daysubjects { font-size: 10px; color: #444444; text-align: left; padding: 20px 50px 30px 40px; } .daysubjects a { font-weight: bold; font-size: 12px; } .daysubjects img[src="http://l-stat.livejournal.com/img/icon_protected.gif"], .daysubjects img[src="http://l-stat.livejournal.com/img/icon_groups.gif"], .daysubjects img[src="http://l-stat.livejournal.com/img/icon_private.gif"] { width: 0px; height: 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/thumbtack.gif) center left no-repeat; padding: 9px 10px 0px 0px !important; } .daysubjects img { width: 0; height: 0; background-repeat: no-repeat; /* BECAUSE INTERNET EXPLORER IS SHIT / margin: 0px 1px 0px 0px; background-image: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/thumbtack.gif); padding: 9px 10px 0px 0px; } .day-blank, .day { margin-bottom: 0px; padding: 3px; } .day-blank, .day, .tagstable, .tagstable td { border: 0px; } .day-date { width: 30%; background-color: #F8F8F8; font-weight: bold; font-size: 10px; text-align: center; } .day-count { float: right; width: 50%; font-size: 20px; text-align: center; } .day-count a { font-size: 18px; } ul.taglist { padding: 0px 15px 0px 0px; } ul.taglist li { padding: 0px 3px 3px 9px; } .tagstable a, ul.taglist a { font-size: 11px; text-transform: uppercase; } blockquote { background-color: #F8F8F8; color: #333333; padding: 9px; } blockquote, input, textarea, select { border: 1px solid #EBEBEB; } blockquote, textarea { -moz-border-radius: 6px; } input, textarea, select { background-color: #FFFFFF; font-size: 11px; margin: 1px; padding: 2px; } textarea { font-family: Arial; color: #444444; text-align: left; } b, strong, i, em { color: #444444; } li { list-style-position: inside; list-style-type: decimal-leading-zero; margin: 2px 0px 0px 20px; padding: 0px 0px 2px 9px; } h1, h2, h3, h4, h5 { font-variant: small-caps; color: #222222; } .ljuser a b { color: #99C930; text-transform: lowercase; } .ljuser img { width: 0px; height: 0px; background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/arrow1.gif) no-repeat center left; padding: 10px 10px 0 2px !important; vertical-align: baseline !important; } .ljuser img[src="userinfo.gif"], .ljuser img[src="community.gif"], img[src="partnercomm.gif"], img[src="sponcomm.gif"], img[src="newsinfo.gif"], img[src="syndicated.gif"] { width: 0px; height: 0px; padding: 8px 7px 0 2px !important; background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/arrow1.gif) no-repeat center left !important; } img[src="icon_protected.gif"], img[src="icon_groups.gif"] { width: 0px; height: 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/thumbtack.gif) center left no-repeat; padding: 9px 10px 0px 0px !important; } img[src="icon_private.gif"] { width: 0px; height: 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/heart-1.gif) no-repeat center left !important; padding: 9px 10px 0px 0px !important; } img[src="anonymous.gif"] { height: 0px; width: 0px; padding: 0px 0px 9px 8px !important; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/heart-1.gif) no-repeat scroll 50% 50%; } img[src="openid-profile.gif"] { height: 0px; width: 0px; padding: 0px 0px 12px 7px !important; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/user-6.gif) no-repeat scroll 50% 50%; } .replyform img[src="userinfo.gif"] { height: 0px; width: 0px; padding: 0px 0px 8px 7px !important; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/arrow1.gif) no-repeat scroll 50% 50%;} img[src="none.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/button2.gif) no-repeat scroll 50% 50%; } img[src="help.gif"] { height: 0px; width: 0px; padding: 0px 0px 13px 12px !important; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/speechcloud.gif) no-repeat scroll 50% 50%; } img[src="pencil.gif"] { height: 0px; width: 0px; padding: 0px 0px 6px 7px !important; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/pencil.gif) no-repeat scroll 50% 50%; } img[src*="btn_edit.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 8px !important; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/note2.gif) no-repeat scroll 50% 50%; } div.ContextualPopup div.Inner { width: 270px; background: none !important; font: 10px Arial; color: #555555 !important; border: 0px; } div.ContextualPopup div.Userpic img { background-color: #F8F8F8; margin: 10px; } div.ContextualPopup div.Userpic img, div.ContextualPopup div.Inner div.Content { border: 1px solid #EBEBEB; -moz-border-radius: 6px; padding: 5px; } div.ContextualPopup .Relation { font-family: Arial; font-weight: bold !important; font-size: 14px !important; color: #99C930 !important; text-transform: lowercase; line-height: 12px; border-bottom: 1px solid #F0F0F0; margin-bottom: 3px; padding-bottom: 7px; } div.ContextualPopup div.Inner div.Content { background-color: #FFFFFF; } div.ContextualPopup div.Inner div.Content a, div.ContextualPopup div.Inner div.Content a:hover { font-weight: normal; color: #99C930 !important; text-decoration: none !important; } div.ContextualPopup div.Inner div.Content img a:hover { background: none !important; } div.Relation, div.FriendStatus { font-size: 11px; text-transform: uppercase; letter-spacing: -1px; border-bottom: 1px solid #99C930; padding: 2px 2px 5px 2px; margin: 0px 0px 8px 0px; } #lj_controlstrip { border-bottom: 1px solid #EBEBEB; } #lj_controlstrip_statustext { color: #444444; } #lj_controlstrip td { background-color: #FFFFFF; border-right: 0px; } #lj_controlstrip select, #lj_controlstrip input { background-color: #FFFFFF !important; font: 10px Arial !important; color: #444444 !important; text-transform: uppercase; border: 1px solid #EBEBEB; } #lj_controlstrip select:hover, #lj_controlstrip input:hover { border: 1px solid #AAAAAA; } #lj_controlstrip td a { color: #333333; } #lj_controlstrip td a:hover { text-decoration: none; } #lj_controlstrip .ljuser img { display: none; } #lj_controlstrip .ljuser a b, #lj_controlstrip .ljuser a b:hover { font-size: 14px; letter-spacing: -1px; border-bottom: 0px; }
DISPLAY > PRESENTATION	Expand BASIC OPTIONS and ADDITIONAL OPTIONS Userinfo Position in Entries → Left or right side of the Entry Text (works either way :P) Wrap Entry text under userinfo → Yes MetaData Position → Above entry text
IMAGES	Save these to your own servers to ensure that the images don't die on you when my Photobucket explodes :D Tiny Icons → User/Community/News/Syndicated Entry Header → Protected/Groups - Private Comment Pages → Anonymous - Open ID - User - None - Help - Pencil - Edit

036 - Unchained [Smooth Sailing]

2010-01-23T15:27:18Z

Unchained ► LIVE | STATIC | FAQ

Layout Information
TESTED BROWSERS	Mozilla Firefox, Safari, Internet Explorer
PROBLEMS?	Nope, none at all
FEATURES	Floating header-menu, tiny icons, contextual pop ups, custom nav-strip
DISABLED	Journal subtitle, footer-menu
AD-PLACEMENT	Between Entries
FINAL NOTES	Right, finally, this one's not a request. More of a procrastination attempt to distract me from my English Lit coursework. Just a simple and clean layout, so enjoy! Oh, and because I can remember the icon maker I snagged from for this layout, check out volkner's icons over at electronism!

Layout Installation
SELECT JOURNAL STYLE	01. Select any Smooth Sailing. 02. Pick an ad placement you prefer (Between Entries tends to look best in general). 03. Make sure that you set the sidebar to the left.
CUSTOM CSS	Use layout's stylesheet(s) → NO Use layout's stylesheet(s) when including custom external stylesheet → NO Use CTRL + A inside the textbox to select everything, and then copy and paste into the CUSTOM CSS box. /* LJ STYLE: Smooth Sailing LAYOUT: Unchained MAKER: kill_zombie PLEASE CREDIT: http://community.livejournal.com/kill_brainz/ OR http://jessilestrange.livejournal.com/ / body { background-color: #FAFAFA; font-family: Verdana, Arial; font-size: 10px; color: #555555 !important; text-align: center; } a, a:visited { color: #B8B8B8; text-decoration: none; } a:hover { color: #8D7594; cursor: help; } .pageblock { width: 850px; margin: 50px auto 0px auto; } .pagefooterblock, .header-subtitle, .header-icon, .bodyheaderblock, .entryHeader .ljuser img, .entryMetadata img, .profile-label, #footer-menu { display: none; } .pageheaderblock { text-align: right; } .header-title { font-family: Helvetica; font-size: 37px; color: #8A8A8A; text-transform: uppercase; letter-spacing: -3px; margin: 0px 10px 0px 0px; } .header-title:first-letter { font-size: 50px; color: #B8B8B8; text-transform: uppercase; } .bodyblock { margin: 0px 0px 30px 0px; padding: 0px; } .sidebar { width: 250px; font-family: Lucida Sans Unicode; font-size: 11px; margin: 0px 10px 0px 0px; } .sidebox { text-align: left; } .sideboxTitle { background-color: #F5F5F5; font-family: Helvetica; font-size: 10px; color: #A1A1A1; text-transform: uppercase; text-align: left; border-bottom: 1px solid #EBEBEB; padding: 5px 10px 2px 10px; } .sideboxContent { font-size: 11px; color: #444444; text-align: justify; padding: 5px 3px 3px 3px; } .sidebox #profile { min-height: 90px; font-size: 11px; } .sidebox #profile .ljuser a b { font-size: 13px; font-weight: bold; text-transform: lowercase; letter-spacing: -1px; border-bottom: 1px solid #EBEBEB; } .profile-content { font-size: 10px; text-transform: uppercase; margin: 5px 0px 0px 75px; display: block; } img.profile-userpic, img.profile-userpic:hover { float: left; width: 70px; height: 70px; border: 1px solid #EBEBEB; margin: 0px 10px 5px 0px; padding: 3px; } .sidebox #tags_sidebox, .sidebox #systemlinks { font-family: Helvetica; font-size: 0px; text-align: right; } .sidebox #tags_sidebox a, .listitem a { font-size: 11px; text-transform: uppercase; display: block; } .sidebox #tags_sidebox a, .listitem { border-bottom: 1px solid #EBEBEB; margin: 0px 0px 1px 0px; padding: 2px 5px 2px 5px; } .sidebox #tags_sidebox a:hover, .listitem:hover { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/arrow1.gif) no-repeat 5% 55% #F9F9F9; } .listtitle { font-size: 13px; font-variant: small-caps; color: #888888; border-bottom: 1px solid #EBEBEB; margin: 0px 0px 1px 0px; padding: 2px 10px 2px 5px; } .sidebox #summary a { font-size: 11.5px; } .sidebox #summary .ljuser a b, .daysubjects .ljuser a b { font-size: 10px; text-transform: uppercase; border-bottom: 1px solid #EBEBEB; } .sidebox #summary img[src="http://l-stat.livejournal.com/img/icon_protected.gif"], .sidebox #summary img[src="http://l-stat.livejournal.com/img/icon_groups.gif"] { width: 0; height: 0; padding: 0 10px 10px 0; margin: 0px 3px 0px 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/063.png); } .sidebox #summary img[src="http://l-stat.livejournal.com/img/icon_private.gif"] { width: 0; height: 0; padding: 0 10px 10px 0; margin: 0px 3px 0px 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/065.png); } .sidebox #summary img[src="http://l-stat.livejournal.com/img/userinfo.gif"] { background-color:transparent; background-image: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/036-1.png); margin: 0px 1px 2px 0px; padding: 10px 10px 0 1px !important; } .sidebox #summary img[src="http://l-stat.livejournal.com/img/community.gif"], .ljuser img[src="partnercomm.gif"], .ljuser img[src="sponcomm.gif"] { background-color:transparent; background-image: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/045-1.png); margin: 0px 1px 2px 0px; padding: 10px 10px 0 1px !important; } .sidebox #summary img[src="newsinfo.gif"] { background-color:transparent; background-image: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/094.png); margin: 0px 1px 2px 0px; padding: 10px 10px 0 1px !important; } .sidebox #summary img[src="syndicated.gif"] { background-color:transparent; background-image: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/001.png); margin: 0px 1px 2px 0px; padding: 10px 10px 0 1px !important; } .sidebox #latestmonth table { width: 90%; color: #999999; text-transform: uppercase; margin: 4px auto 0px auto; } .sidebox #latestmonth table a { color: #666666; } .latestmonth-inactive, .latestmonth-active { margin: 1px; padding: 1px 1px 5px 5px; } .latestmonth-inactive, .latestmonth-active, .header-menu li { background-color: #F7F7F7; border-top: 0px; border-right: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; border-left: 0px; } .latestmonth-inactive:hover, .latestmonth-active:hover, .header-menu li:hover { background: url(http://i46.tinypic.com/2zyg6qp.png) repeat #F9F9F9; border-top: 1px solid #EBEBEB; border-right: 0px; border-bottom: 0px; border-left: 1px solid #EBEBEB; } .latestmonth-active a, .latestmonth-active a:hover { color: #593A5E; } .sidebox #search { font-size: 12px; text-align: center; } .sidebox #search select, .sidebox #search input { background-color: #FAFAFA; font-size: 10px; color: #555555; } .sidebox #search select:hover, .sidebox #search input:hover, textarea:hover, select:hover, input:hover, blockquote:hover { border: 1px solid #DDDDDD; } .entryHolder, .sidebox { background-color: #FFFFFF; border: 1px solid #EBEBEB; margin: 0px 0px 10px 0px; padding: 5px; } .entryHeader { background-color: #F5F5F5; font-family: Helvetica; font-size: 0px; color: #A1A1A1; text-transform: uppercase; text-align: right; border-bottom: 1px solid #EBEBEB; margin: 0px; padding: 5px 10px 2px 10px; } .entryHeaderDate, .entryHeader a { font-size: 10px; } .entryHeaderDate { margin: 0px 0px 0px 0px; padding: 4px; display: inline; } .entryHeader a { font-weight: bold; color: #777777; } .entryHeaderSubject { padding: 0px 0px 0px 5px; z-index: 30; } .entryUserinfo { text-align: center; margin: 10px 10px 5px 9px; } .entryUserinfo .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"], .entryUserinfo .ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] { background-color:transparent; display: none; } .entryUserinfo .ljuser a b { font-family: Helvetica; font-size: 10px; text-transform: uppercase; border-bottom: 1px solid #EBEBEB; margin: 0px } .entryUserinfo .ljuser a b:hover, .sidebox #profile .ljuser a b:hover, .sidebox #summary .ljuser a b:hover, .daysubjects .ljuser a b:hover { border-bottom: 1px solid #888888; } .entryUserinfo-usericon img, .entryUserinfo-usericon img:hover, .commentUserinfo-usericon img, .commentUserinfo-usericon img:hover { border: 1px solid #EBEBEB; margin: 0px 0px 2px 0px; padding: 1px; } .entryText { min-height: 90px; font-size: 11px; text-align: justify; padding: 10px; } .entryText, .entryMetadata { border-left: 1px solid #EBEBEB; } .entryText img { max-width: 430px; border: 0px; } .entryText a { font-weight: bold; } .entryText li { color: #444444; } .entryMetadata { font-size: 10px; color: #666666; text-align: left; border-top: 1px solid #EBEBEB; margin: 0px; padding: 10px; } .entryMetadata-label { font-weight: bold; text-transform: lowercase; margin: 0px 5px 0px 0px; } .entryMetadata a, .entryMetadata a:hover { color: #666666; } .entryMetadata a:hover { text-decoration: underline; } .entryMetadata ul { margin: 0px; padding: 0px; } .entryMetadata li { list-style-type: none; margin: 0px; padding: 0px 10px 0px 0px; display: block; } .entryLinkbar, .commentLinkbar { background-color: #F5F5F5; font-family: Helvetica; font-size: 10px; text-transform: uppercase; text-align: right; border-top: 1px solid #EBEBEB; margin: 0px; padding: 2px 10px 5px 10px; } .entryLinkbar a, .commentLinkbar a { color: #A1A1A1; } .entryLinkbar a:hover, .commentLinkbar a:hover { color: #8A8A8A; text-decoration: underline; } .entryLinkbar ul, .commentLinkbar ul { margin: 0px; padding: 0px; } .entryLinkbar li, .commentLinkbar li { list-style-type: none; padding: 0px; display: inline; } .entryLinkbar li { margin: 0px 0px 0px 10px; } .header-menu { position: fixed; right: 0px; bottom: 0px; width: 130px; font-family: Helvetica; font-size: 9px; text-transform: uppercase; text-align: center; padding: 10px; } .header-menu ul { margin: 0px; padding: 0px; } .header-menu li { list-style-type: none; margin: 0px 0px 2px 0px; padding: 5px 4px 3px 4px; display: block; } .commentHolder { background-color: #FFFFFF; font-family: Helvetica; border: 1px solid #EBEBEB; margin: 5px 0px 5px 0px; padding: 5px; } .commentHeader, .commentHeaderScreened { background-color: #F5F5F5; font-family: Helvetica; font-size: 10px; color: #A1A1A1; text-transform: uppercase; text-align: left; border-bottom: 1px solid #EBEBEB; padding: 5px 10px 3px 10px; } .commentHeaderScreened { font-style: italic; } .commentUserinfo { font-size: 10px; color: #CCCCCC; text-align: center; margin: 0px; padding: 10px; } .commentUserinfo .ljuser a b { font-family: Georgia; font-weight: bold; font-style: italic; font-size: 11px; } .commentUserinfo .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"], .commentUserinfo .ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] { display: none; } .commentUserinfo-usericon img { height: 70px; width: 70px; } .commentText { font-family: Verdana; font-size: 11px; color: #888888; text-align: left; padding: 10px; } .commentLinkbar { color: #A1A1A1; } .commentLinkbar li { margin: 0px 0px 0px 6px; } .replyform { background-color: #FFFFFF; border: 1px solid #EBEBEB; padding: 10px; } #qrform { color: #FFFFFF; border: medium none !important; padding: 16px; } #qrform table { width: 98%; color: #AAAAAA; border:0 none !important; } .yearlinks { text-align: right; } .yearlink { padding: 0px 5px 0px 5px; } .month, .tagstable { width: 96%; margin: 10px; } .daytitles { background-color: #F3F3F3; font-size: 13px; color: #555555; text-align: center; text-transform: uppercase; border: 1px solid #F3F3F3; padding: 12px 10px 2px 10px; } .daysubjects { font-size: 10px; color: #444444; text-align: left; padding: 10px; } .daysubjects a { font-size: 12px; } .daysubjects img[src="http://l-stat.livejournal.com/img/icon_protected.gif"], .daysubjects img[src="http://l-stat.livejournal.com/img/icon_groups.gif"], .daysubjects img[src="http://l-stat.livejournal.com/img/icon_private.gif"]{ width: 0; height: 0; margin: 0px 2px 0px 0px; padding: 0px 10px 10px 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/065.png); filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; !important } .daysubjects img { width: 0; height: 0; background-repeat: no-repeat; / BECAUSE INTERNET EXPLORER IS SHIT / margin: 0px 2px 0px 0px; background-image: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/065.png); padding: 10px 10px 0px 0px; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; !important } .day-blank, .day { margin-bottom: 0px; padding: 3px; } .day-blank, .day, .tagstable, .tagstable td { border: 1px solid #FFFFFF; } .day-blank, .day, .tagstable td { background-color: #FAFAFA; text-transform: uppercase; } .day-blank:hover, .day:hover, .tagstable td:hover { background-color: #F5F5F5; } .day-date { width: 50%; background-color: #FFFFFF; color: #888888; text-align: center; border-right: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; } .day-count { float: right; width: 50%; font-size: 20px; text-align: center; } .day-count a { font-family: Helvetica; font-weight: normal; font-size: 16px; padding: 3px; } ul.taglist { padding: 0px 15px 0px 0px; } ul.taglist li { color: #999999; padding: 0px 3px 3px 9px; } .tagstable td { color: #777777; } .tagstable a, ul.taglist a { font-size: 10px; font-weight: normal; text-transform: uppercase; } blockquote { color: #666666; border: 1px solid #EBEBEB; padding: 5px; } blockquote, textarea, input, select { background: url(http://i46.tinypic.com/2zyg6qp.png) repeat #F9F9F9; } blockquote .ljuser a b { color: #777777; } input, textarea, select { font-size: 11px; border: 1px solid #EBEBEB; margin: 1px; padding: 2px; } textarea { height: 100px; width: 210px; font-family: Verdana; color: #444444; text-align: left; } li { list-style-position: inside; list-style-type: decimal-leading-zero; margin: 2px 0px 0px 20px; padding: 0px 0px 2px 9px; } h1, h2, h3, h4, h5 { font-variant: small-caps; color: #666666; } .entryHeader img[src="http://l-stat.livejournal.com/img/icon_protected.gif"], .entryHeader img[src="http://l-stat.livejournal.com/img/icon_groups.gif"], .entryHeader img[src="http://l-stat.livejournal.com/img/icon_private.gif"] { width: 0; height: 0; padding: 0 10px 10px 0; margin: 0px 3px 0px 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/065.png); } .entryHeader img { width: 0; height: 0; background-repeat: no-repeat; / BECAUSE INTERNET EXPLORER IS FUCKED UP - PLEASE DON'T TOUCH BBS / margin: 0px 3px 0px 0px; background-image: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/065.png); padding: 10px 10px 0 0; } .ljuser img { width: 0; height: 0; background-repeat: no-repeat; background-color:transparent; / AGAIN, BECAUSE INTERNET EXPLORER IS STUPID - PLEASE DON'T DELETE THIS UNLESS YOU WANT TO CAUSE IE PAIN / background-image: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/041.png); margin: 0px 1px 2px 0px; padding: 10px 10px 0 1px !important; } .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"], .ljuser img[src="http://livejournal.com/img/newyearpic_1.gif"] { background-color:transparent; background-image: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/041.png); margin: 0px 1px 2px 0px; padding: 10px 10px 0 1px !important; } .ljuser img[src="http://l-stat.livejournal.com/img/community.gif"], .ljuser img[src="partnercomm.gif"], .ljuser img[src="sponcomm.gif"] { background-color:transparent; background-image: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/045-1.png); margin: 0px 1px 2px 0px; padding: 10px 10px 0 1px !important; } .ljuser img[src="newsinfo.gif"] { background-color:transparent; background-image: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/094.png); margin: 0px 1px 2px 0px; padding: 10px 10px 0 1px !important; } .ljuser img[src*="syndicated.gif"] { background-color:transparent; background-image: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/001.png); margin: 0px 1px 2px 0px; padding: 10px 10px 0 1px !important; } .ljuser a b { font-weight: bold; color: #B8B8B8; text-transform: lowercase; } .ljuser a b:hover { border-bottom: 1px dotted #999999; } div.ContextualPopup div.Inner { width: 260px; background: #FFFFFF !important; font: 10px Arial; color: #555555 !important; border: 1px solid #F0F0F0 } div.ContextualPopup div.Userpic img { padding: 0px; margin: 10px; } div.ContextualPopup .Relation { font-family: Georgia; font-style: italic !important; font-weight: bold !important; font-size: 14px !important; color: ##B8B8B8 !important; text-transform: lowercase; border-bottom: 0px; margin-bottom: 3px; padding-bottom: 5px; } div.ContextualPopup div.Inner div.Content a { font-weight: normal; color: #B8B8B8 !important; text-decoration: none !important; text-transform: uppercase; } div.ContextualPopup div.Inner div.Content a:hover { color: #8D7594 !important; } div.ContextualPopup div.Inner div.Content img a:hover { background: none !important; } div.Relation, div.FriendStatus { font-size: 11px; text-transform: uppercase; letter-spacing: -1px; border-bottom: 1px solid #907878; padding: 2px 2px 5px 2px; margin: 0px 0px 8px 0px; } #lj_controlstrip { border-bottom: 1px solid #EBEBEB; } #lj_controlstrip_statustext { color: #B8B8B8; } #lj_controlstrip td { background: #F5F5F5; text-transform: uppercase; border-right: 0px; } #lj_controlstrip select, #lj_controlstrip input { background: url(http://i46.tinypic.com/2zyg6qp.png) repeat #F9F9F9 !important; font: 10px Arial !important; color: #8A8A8A !important; text-transform: uppercase; border: 1px solid #EBEBEB; } #lj_controlstrip select:hover, #lj_controlstrip input:hover { border: 1px solid #999999; } #lj_controlstrip td a { color: #B8B8B8; } #lj_controlstrip td a:hover {color: #888888; text-decoration: none; } #lj_controlstrip img, #lj_controlstrip .ljuser img { display: none; } #lj_controlstrip .ljuser a b, #lj_controlstrip .ljuser a b:hover { font-size: 14px; font-weight: bold; color: #B8B8B8; text-transform: lowercase; letter-spacing: -1px; border-bottom: 0px; }
DISPLAY > PRESENTATION	Expand BASIC OPTIONS and ADDITIONAL OPTIONS Userinfo Position in Entries → Left side of the Entry Text Wrap Entry text under userinfo → No
IMAGES	Save these to your own servers to ensure that the images don't die on you when my Photobucket explodes :D Tiny Icons → User - Community - News - Syndicated Entry Header → Protected/Private/Groups Background → for hover effects

Top and active layout makers [recs]

2010-01-17T12:26:01Z

~~THIS... TOOK SO MUCH LONGER THAN IT SHOULD HAVE. SJDHJXKJC~~
Okay, so I'm mainly doing this so that whenever my f-list asks for layout recs, I can just shove this post in their face :P

I tend to be one of those people who changes layouts as regularly as I change out of clothes (ignore the minor fact I've kept my current layout for a couple months now~ hush cats), so this is a rec list of sorts of all of my favourite and top layout makers, along with a list of current layout makers who I recommend you keep an eye out for. This list will be constantly updated so be sure to check back if you're in search of a new layout!

I'm open to recs from my watchers, but I'd like to point out that I won't be adding any communities/journals that don't fitmy guidelines below:

It has to be a public community/journal. This is non-negotiable.
Must have 2 or more layouts posted.
Must have clear installation instructions.

Any inactive or closed layout makers will be removed from the list, unless they're so damn awesome enough I can't bear to remove them.

→ TOP MAKERS

minty peach.
Status / closed
Maker(s) / miiiintz

Style(s) / flexible squares
Samples / 1 | 2 | 3

She is what I'd call the Queen of Flexi-Squares. No one can match up to her Flexi designs in my honest opinion. She's created over 90 designs, all vastly different from each other, but with a recognisable 'simple and clean' style. Definetely worth flicking through.
Also made icons, banners, profile codes, and shared Photoshop brushes and MySpace layouts.

thefulcrum.
Status / active
Maker(s) / grrliz

Style(s) / bloggish, mixit, smooth sailing, minimalism, nebula, opal, tranquility, flexible squares
Samples / 1 | 2 | 3

Most original and professional-looking designs I've ever seen. If minty_peach is the Queen of Flexi-Squares, then thefulcrum would be the King.
It's also important to note that it's easy to browse through the community at your leisure, as the layout designs are helpfully organised according to colour scheme, width, themes, etc.

spire.
Status / active
Maker(s) / daemon

Style(s) / smooth sailing, tranquility, opal, nebula, minamilism, expressive, flexible squares... probably more, idk
Samples / 1 | 2 | 3

Formerly known as ~~thrashmetal~~ and active once again after a lengthy hiatus.

If you haven't heard about this community yet, you're missing out. spire has made some of the most gorgeous Smooth Sailing designs, working near exclusively with the 'rarer' styles that most people bypass in favour of the ~~overrated~~ much-loved Flexible Squares.
Throws out the ocassional profile coding and shares a few helpful tutorials too.

noveltybox.
Status / inactive
Maker(s) / gossymer

Style(s) / bloggish, flexible squares, expressive, component, classic, smooth sailing, dear diary
Samples / 1 | 2 | 3

Again, incredibly professional-looking designs that are gorgeous to look at and use. She's a versatile maker whose designs always look top-notch whatever the style she's using. I have a mad amount of respect for her creativity. Go here for some incredibly unique designs.
Also makes icons and shares tutorials and Dreamwidth layouts.

fruitstyle.
Status / active
Maker(s) / malionette

Style(s) / smooth sailing, nebula, opal, tranquility, minimalism, flexible squares, probably more~
Samples / 1 | 2 | 3

Her layouts are always so inventive and vibrant - you can tell she's not afraid to go all out with the colour. Like spire, her designs experiment with the 'rarer' S2 styles too, creating some amazing designs. You rarely see makers willing to experiment, rather than stick with what everyone else does, so it's worth browsing through her designs.
Also makes pretty winamp skins, icons, wallpapers and the ocassional profile coding.

milou veronica.
Status / closed
Maker(s) / robot_sky

Style(s) / flexible squares, smooth sailing, mixit, minimalism
Samples / 1 | 2 | 3

If you haven't heard of her, then yeah, you've been missing out a lot. Her designs tend to be classy and elegant in style, sometimes with cute background patterns and lovely pastel colours, making them insanely popular with the vast majority of LiveJournal.
Also made some pretty icons and shared handy tutorials for layout-making at milou_en_avril!

refuted.
Status / inactive
Maker(s) / presents

Style(s) / flexible squares
Samples / 1 | 2 | 3

Clean layouts that aren't overcomplicated. I'm a big fan of how simplistic her layouts are, but how they still managed to look so effortlessly professional. Her choices in colours tend to be light but work brilliantly with the way she lays her designs out.
Also makes icons, mood themes, wallpapers, banners, profile codes, and shares textures, fonts, tutorials and Twitter layouts.

refutare.
Status / active
Maker(s) / stimulus + unoriginal

Style(s) / flexible squares, opal, smooth sailing, nebula
Samples / 1 | 2 | 3

Professional-looking designs that always look so snazzy and clean. Everything is clearly defined in their designs, so I recommend browsing through for some top quality designs. Their designs tend to have either light pastel-colour schemes or dark, monochrome-style colour schemes.
Also makes the ocassional profile coding.

unequally.
Status / closed
Maker(s) / introject

Style(s) / minimalism, smooth sailing, tranquility, flexible squares
Samples / 1 | 2 | 3

This is another maker who's not afraid to experiment with what she can. Her designs are what I'd classify as classy - elegant but not over the top. The fact that she works with other styles besides from Flexi Squares is a nice fat plus too. This is a particularly nice community to browse through for lovely S2 designs.
Also makes pretty Supernatural and Harry Potter icons! \o/

→ ACTIVE & CURRENT MAKERS

novaless.
Maker(s) / encontre
Style(s) / flexible squares
Samples / 1

Clean and simple designs. Cute and easy to customize. Also shares icons.

ohcodey.
Maker(s) / darlingbones
Style(s) / flexible squares
Samples / 1 | 2

Newbie community that showcases some gorgeously sleek and innovative designs. Worth checking out.

ribbonized.
Maker(s) / brutal
Style(s) / flexible squares, smooth sailing
Samples / 1 | 2

Simple and lightly-coloured designs. Also makes profile coding and Twitter layouts.

palebird.
Maker(s) / realsoon
Style(s) / flexible squares
Samples / 1 | 2

Pretty and colourful layouts for Flexi-Squares! Also makes profile codes.

mentahelada.
Maker(s) / _yam
Style(s) / flexible squares, smooth sailing, minimalism
Samples / 1 | 2

Always makes inventive and colourful layouts that you'll rarely find elsewhere. Recommended. Also makes icons, headers, profile codes, Dreamwidth layouts, and shares textures and brushes.

visualwit.
Maker(s) / arobynsung
Style(s) / flexible squares
Samples / 1 | 2

An incredibly popular community ran by a friend of mine that showcases consistently amazing and colourful designs for the Flexible Squares style. Also shares an array of graphics like icons, profile codes, headers and wallpapers. Worth checking out!

beatcrusher.
Maker(s) / das_porno_uke
Style(s) / flexible squares, smooth sailing, tranquility
Samples / 1 | 2

Another popular community which shares creative and colourful designs. I recommend checking this one out.

estiloamor.
Maker(s) / fuckkcliche + morirvivo + nitrogliceryna
Style(s) / flexible squares
Samples / 1 | 2

Cute and popular layout designs for Flexible Squares. Also makes icons.

velvetb0x.
Maker(s) / cielo_gris
Style(s) / flexible squares
Samples / 1 | 2 | 3

Stylish and sleek layouts that always look gorgeous and top-notch. Also shares resources like textures and Photoshop brushes.

runningrockets.
Maker(s) / evolretsalp
Style(s) / flexible squares
Samples / 1

Cute layouts that tend to be lightly-coloured. Also shares pretty things like icons, wallpapers, headers, banners, tutorials and profile coding.

triclementia.
Maker(s) / erinilliana + elendia + miiscea
Style(s) / flexible squares, tranquility
Samples / 1 | 2

Check this out if you're familiar with mooncreation. Anime and video-game themed layouts that are cute and colourful in style.

robotbabies.
Maker(s) / digifucker
Style(s) / flexible squares, tranquility, smooth sailing
Samples / 1

Moved from ~~reaverix~~. Clean grey layouts with the emphasis on 'simplistic'. Also shares icons!

reversescollide.
Maker(s) / exiiguity
Style(s) / flexible squares
Samples / 1

Mainly a graphics journal, but has the rare snazzy Flexi Squares design~ up for grabs.

→ STILL WANT MORE? TRY LOOKING HERE!

» mintyapple - practically a library (and a well-organised one at that) of layouts. You can search through the community's tags for specific styles or makers, making it a must-have if you don't already use it.
» stylesheet - an elite layout community that showcases the best. Makers have to apply through an application process, where they're judged on the samples they chose. #1 place to look for the best of the best, so it's worth delving through the entries.

» Last updated @ 13th July 2010

I blame ladybubblegum for making this monster. JUST SAYING.

035 - Domenica [Smooth Sailing]

2010-01-09T16:38:58Z

Domenica ►LIVE | STATIC | FAQ

Layout Information
TESTED BROWSERS	Mozilla Firefox, Safari, Internet Explorer
PROBLEMS?	Just IE being a turd again.
FEATURES	Floating footer-menu, tiny icons, contextual pop ups, custom nav-strip
DISABLED	Journal subtitle
AD-PLACEMENT	Between Entries
FINAL NOTES	This one's for ladybubblegum. Between college and Final Fantasy Dissidia, this one took me the longest.

Layout Installation
SELECT JOURNAL STYLE	01. Select any Smooth Sailing. 02. Pick an ad placement you prefer (Between Entries tends to look best in general). 03. Make sure that you set the sidebar to the left.
CUSTOM CSS	Use layout's stylesheet(s) → NO Use layout's stylesheet(s) when including custom external stylesheet → NO Use CTRL + A inside the textbox to select everything, and then copy and paste into the CUSTOM CSS box. /* LJ STYLE: Smooth Sailing LAYOUT: Domenica MAKER: kill_zombie FOR: confluents PLEASE CREDIT: http://community.livejournal.com/kill_brainz/ OR http://jessilestrange.livejournal.com/ / body { background-color: #FFFFFF; font-family: Verdana; font-size: 12px; color: #666666; text-align: left; border-left: 35px solid #3F8C97; margin: 0px; padding: 0px; } a, a:visited { color: #3F8C97; text-decoration: none; } a:hover { color: #365C7E; } .pageblock { width: 850px; border-left: 25px solid #7EBAA0; margin: 0px; padding: 0px; } .pagefooterblock, .header-subtitle, .header-icon, .bodyheaderblock, .entryHeader .ljuser img, .profile-label { display: none; } .pageheaderblock { font-family: Georgia; text-align: left; margin: 0px 0px 0px 270px; padding: 40px 0px 0px 0px; } .header-title { font-style: italic; font-size: 44px; color: #3F8C97; line-height: 37px; text-transform: lowercase; letter-spacing: -3px; } .header-menu { text-align: left; border: 1px solid #EBEBEB; margin: 20px 0px 0px 0px; } .header-menu, .entryHeader, .entryMetadata, .entryLinkbar, .entryUserinfo, .sideboxTitle, #footer-menu, .bodynavblock, .commentHeader, .commentHeaderScreened, .commentUserinfo { background-color: #FAFAFA; } .header-menu, .entryLinkbar { font-family: Helvetica; font-size: 10px; text-transform: uppercase; padding: 6px 0px 3px 0px; } .header-menu a:hover, .entryHeader a:hover, .entryLinkbar a:hover, #footer-menu a:hover, .commentLinkbar a:hover, .day-count a:hover { color: #7EBAA0; } .header-menu ul, .entryLinkbar ul, #footer-menu ul { margin: 0px; padding: 0px; } .header-menu li { border-right: 1px solid #EBEBEB; } .header-menu li, .entryLinkbar li { list-style-type: none; margin: 0px; padding: 6px 4px 3px 7px; display: inline; } .header-menu li:hover, .entryLinkbar li:hover, .listitem:hover, .sidebox #tags_sidebox a:hover, #footer-menu li:hover { background-color: #F9F9F9; } .bodyblock { margin: 0px; padding: 0px 0px 0px 35px; } .sidebar { width: 210px; margin: -90px 25px 0px 0px; padding: 0px; } .sidebox { border: 1px solid #EBEBEB; margin: 0px 0px 20px 0px; } .sideboxTitle { font-family: Georgia; font-size: 18px; font-style: italic; color: #3F8C97; letter-spacing: -1px; text-align: left; border-bottom: 1px solid #EBEBEB; padding: 10px 8px 5px 8px; } .sideboxContent { font-family: Verdana ; font-size: 11px; color: #888888; text-align: justify; padding: 10px; } .sidebox #profile { min-height: 70px; font-style: normal; font-size: 11px; text-align: left; } .sidebox #profile .ljuser a b { font-style: normal; text-transform: lowercase; } .sidebox #profile .ljuser img, .sidebox #summary .ljuser { width: 0; height: 0; background-repeat: no-repeat; background: transparent; / so that IE users don't get screwed over / padding: 0px !important; } .sidebox #profile img[src="userinfo.gif"], .sidebox #profile img[src="community.gif"], .sidebox #summary .ljuser img[src="userinfo.gif"], .sidebox #summary .ljuser img[src="community.gif"] { display: none; } img.profile-userpic { float: right; height: 60px; width: 60px; border: 1px solid #EBEBEB; margin: 0px 0px 5px 5px; padding: 3px; } img.profile-userpic, .entryUserinfo-usericon img, .entryText img, .commentUserinfo-usericon img { filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; !important } img.profile-userpic:hover, img:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; !important } .profile-content { font-style: italic; color: #666666; } .sidebox #systemlinks, .sidebox #tags_sidebox { font-size: 0px; text-align: left; } .listtitle { font-size: 12px; font-variant: small-caps; color: #888888; margin: 6px 5px 0px 5px; } .listitem, .sidebox #tags_sidebox a { border-bottom: 1px solid #EBEBEB; padding: 5px 5px 2px 3px; display: block; } .listitem a, .sidebox #tags_sidebox a { font-size: 10px; color: #3F8C97; text-transform: uppercase; } .sidebox #summary { font-family: Verdana; color: #777777; text-align: left; line-height: 1.6em; } .sidebox #summary a, .sidebox #summary .ljuser a b { font-weight: normal; color: #777777; } .sidebox #summary a:hover, .sidebox #summary .ljuser a b { color: #3F8C97; } .sidebox #summary .ljuser a b { font-style: italic; text-transform: lowercase; } .sidebox #summary img[src="http://l-stat.livejournal.com/img/icon_protected.gif"], .sidebox #summary img[src="http://l-stat.livejournal.com/img/icon_groups.gif"] { width: 0; height: 0; padding: 0 10px 10px 0; margin: 0px 3px 0px 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/063.png); } .sidebox #summary img[src="http://l-stat.livejournal.com/img/icon_private.gif"] { width: 0; height: 0; padding: 0 10px 10px 0; margin: 0px 3px 0px 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/065.png); } .sidebox #summary img { width: 0; height: 0; background-repeat: no-repeat; / so that IE users will still see an image / margin: 0px 3px 0px 0px; background-image: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/063.png); padding: 10px 10px 0px 0px; } .sidebox #latestmonth table { width: 97%; font-family: Verdana; text-transform: uppercase; margin: 4px auto 0px auto; } .sidebox #latestmonth, .sidebox #search { text-align: center; } .latestmonth-inactive, .latestmonth-active { background-color: #FFFFFFF; font-family: Helvetica; font-size: 10px; border: 1px solid #EBEBEB; margin: 1px; padding: 3px 1px 3px 1px; } .latestmonth-inactive:hover, .latestmonth-active:hover, .day-date:hover { background-color: #F7F7F7; } .sidebox #search { font-size: 11px; } .sidebox #search input, .sidebox #search select { background-color: #FAFAFA; margin: 1px; padding: 2px; } .entryHolder { background-color: #FFFFFF; border-left: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; margin: 15px 0px 25px 0px; } .entryHeaderSubject { font-size: 0px; } .entryHeaderDate { font-family: Helvetica; font-size: 11px; color: #CCCCCC; text-transform: uppercase; letter-spacing: 1px; padding: 5px 0px 0px 0px; display: block; } .entryHeader { text-align: right; line-height: 13px; border-top: 1px solid #EBEBEB; padding: 10px 12px 5px 10px; } .entryHeader, .entryMetadata, .entryLinkbar { border-bottom: 1px solid #EBEBEB; } .entryHeader a { font-family: Georgia; font-size: 21px; font-style: italic; color: #3F8C97; letter-spacing: -1px; line-height: 15px; margin: 20px 0px 0px 0px; } .entryUserinfo { text-align: center; border-right: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; margin: 0px 10px 5px 0px; padding: 14px; } .entryUserinfo-usericon img, .entryUserinfo-usericon img:hover, .commentUserinfo-usericon img, .commentUserinfo-usericon img:hover { border: 0px; margin: 0px 0px 3px 0px; } .entryUserinfo .ljuser a b { font-family: Georgia; font-style: italic; font-size: 11px; text-transform: lowercase; } .entryText { min-height: 115px; font-family: Verdana ; font-size: 11px; color: #888888; text-align: justify; border-bottom: 1px solid #EBEBEB; padding: 10px; } .entryText img { max-width: 530px; } .entryMetadata { font-size: 10px; color: #888888; margin: 0px; padding: 10px 5px 10px 10px; } .entryMetadata-label { font-family: Georgia; font-weight: normal; font-style: italic; font-size: 11px; color: #666666; text-transform: lowercase; padding: 0px 5px 0px 0px; } .entryMetadata a:hover { color: #3F8C97; border-bottom: 1px dotted #888888; } .entryMetadata ul { margin: 0px; padding: 0px; } .entryMetadata li { list-style-type: none; padding: 0px 10px 0px 0px; display: block; } .entryLinkbar { text-align: right; } .entryLinkbar li { border-left: 1px solid #EBEBEB; } #footer-menu { position: fixed; right: 0px; bottom: 0px; width: 120px; font-family: Helvetica; font-size: 11px; text-transform: uppercase; text-align: center; margin: 0px; padding: 0px !important; } #footer-menu li { border-bottom: 1px solid #EBEBEB; list-style-type: none; margin: 0px; padding: 3px 10px 3px 10px; display: block; } #footer-menu li:hover { padding: 5px 10px 1px 10px; } .bodynavblock { font-family: Helvetica; font-size: 10px; color: #888888; border: 1px solid #EBEBEB; margin: 0px 0px 20px 0px; padding: 10px; } .commentHolder { background-color: #FFFFFF; font-family: Helvetica; border: 1px solid #EBEBEB; margin: 5px 0px 5px 0px; padding: 0px; } .commentHeader, .commentHeaderScreened { font-family: Helvetica; font-size: 11px; color: #CCCCCC; text-transform: uppercase; letter-spacing: 1px; border-bottom: 1px solid #EBEBEB; padding: 5px 10px 3px 10px; } .commentHeaderScreened { font-style: italic; } .commentUserinfo { font-size: 10px; color: #CCCCCC; text-align: center; border-right: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; margin: 0px; padding: 10px; } .commentUserinfo .ljuser a b { font-family: Georgia; font-weight: bold; font-style: italic; font-size: 11px; } .commentUserinfo .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"], .commentUserinfo .ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] { display: none; } .commentUserinfo-usericon img { height: 75px; width: 75px; } .commentText { font-family: Verdana ; font-size: 11px; color: #888888; padding: 10px; } .commentLinkbar { font-size: 10px; color: #3F8C97; text-transform: uppercase; text-align: right; margin: 0px; padding: 0px 5px 2px 5px; } .commentLinkbar li { margin: 0px; padding: 0px 0px 0px 5px; display: inline; } .replyform { background-color: #FFFFFF; padding: 15px; } #qrform { color:#FFFFFF; border: medium none !important; padding: 16px; } #qrform table { width: 98%; color: #AAAAAA; border:0 none !important; } .yearlinks { text-align: right; } .yearlink { padding: 0px 5px 0px 5px; } .month { width: 500px; margin: 20px 10px 10px 20px; } .daytitles { font-size: 13px; color: #8888888; text-align: center; text-transform: uppercase; border: 1px solid #F3F3F3; padding: 0px 10px 5px 10px; } .daytitles, .day-blank, .day { border: 1px solid #FFFFFF; } .daysubjects { font-family: Helvetica; font-size: 10px; color: #888888; text-align: left; padding: 10px 0px 0px 40px; } .daysubjects a { font-size: 11px; text-transform: uppercase; } .daysubjects img[src="http://l-stat.livejournal.com/img/icon_protected.gif"], .daysubjects img[src="http://l-stat.livejournal.com/img/icon_groups.gif"] { width: 0; height: 0; padding: 0 10px 10px 0; margin: 0px 2px 0px 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/063.png); } .daysubjects img[src="http://l-stat.livejournal.com/img/icon_private.gif"] { width: 0; height: 0; padding: 0 10px 10px 0; margin: 0px 2px 0px 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/065.png); } .daysubjects img { width: 0; height: 0; background-repeat: no-repeat; / so that IE users will still see an image / margin: 0px 2px 0px 0px; background-image: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/063.png); padding: 10px 10px 0px 0px; } .day-blank, .day { margin-bottom: 0px; padding: 3px; } .day-date { width: 50%; color: #AAAAAA; text-align: center; border: 1px solid #EBEBEB; } .day-count { float: right; width: 50%; font-size: 18px; text-align: center; } .day-count a { color: #888888; } .tagstable { width: 500px; } .tagstable, .tagstable td { border: none; } ul.taglist { padding-right: 11px; } ul.taglist li { padding: 0px 3px 3px 9px; } .tagstable a:hover, ul.taglist a:hover { border-bottom: 1px dotted #999999; } li { color: #999999; list-style-position: inside; list-style-type: circle; margin: 2px 0px 0px 0px; padding: 0px 0px 2px 9px; } blockquote, textarea, input, select { background-color: #FAFAFA; border: 1px solid #EBEBEB;} blockquote { font-family: Georgia; color: #888888; padding: 7px; } textarea, input, select { font-family: Arial; font-size: 11px; color: #777777; padding: 2px; } .entryHeader img[src="http://l-stat.livejournal.com/img/icon_protected.gif"]{ width: 0; height: 0; padding: 0 16px 16px 0; margin: 0px 5px 0px 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/lock-6.png); } .entryHeader img[src="http://l-stat.livejournal.com/img/icon_groups.gif"]{ width: 0; height: 0; padding: 0 16px 16px 0; margin: 0px 5px 0px 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/globe-green.png); } .entryHeader img[src="http://l-stat.livejournal.com/img/icon_private.gif"]{ width: 0; height: 0; padding: 0 16px 16px 0; margin: 0px 5px 0px 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/light-bulb.png); } .entryHeader img { width: 0; height: 0; background-repeat: no-repeat; / so that IE users will still see an image / margin: 0px 5px 0px 0px; background-image: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/lock-6.png); padding: 16px 16px 0 0; } .ljuser img { width: 0; height: 0; background-repeat: no-repeat; background-color:transparent; / so that IE users will still see an image / background-image: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/031-1.png); padding: 10px 10px 0 1px !important; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; !important } .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] { background-color:transparent; background-image: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/031-1.png); padding: 10px 10px 0 1px !important; margin: 0px 1px 2px 0px !important; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; !important } .ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] { background-color:transparent; background-image: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/045-1.png); padding: 10px 10px 0 1px !important; margin: 0px 1px 2px 0px !important; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; !important } .ljuser img[src="newsinfo.gif"] { background-color:transparent; background-image: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/094.png); margin: 0px 1px 2px 0px; padding: 10px 10px 0 1px !important; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; !important } .ljuser img[src*="syndicated.gif"] { background-color:transparent; background-image: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/001.png); margin: 0px 1px 2px 0px; padding: 10px 10px 0 1px !important; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; !important } .ljuser a b, .ljuser a b:hover { text-transform: lowercase; text-decoration: none !important; } div.ContextualPopup div.Inner { width: 260px; background: #FFFFFF !important; font: 10px Arial; color: #555555 !important; border: 1px solid #F0F0F0 } div.ContextualPopup div.Userpic img { background-color: #FFFFFF; border-right: 10px solid #00B5AC; padding: 0px 5px 0px 0px; margin: 10px; } div.ContextualPopup div.Userpic img:hover { filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; !important } div.ContextualPopup .Relation { font-family: Georgia; font-style: italic !important; font-weight: bold !important; font-size: 14px !important; color: #7EBAA0 !important; text-transform: lowercase; border-bottom: 1px solid #F0F0F0; margin-bottom: 3px; padding-bottom: 5px; } div.ContextualPopup div.Inner div.Content a { font-weight: normal; color: #444444 !important; text-decoration: none !important; text-transform: uppercase; } div.ContextualPopup div.Inner div.Content a:hover { color: #7EBAA0 !important; } div.ContextualPopup div.Inner div.Content img a:hover { background: none !important; } div.Relation, div.FriendStatus { font-size: 11px; text-transform: uppercase; letter-spacing: -1px; border-bottom: 1px solid #907878; padding: 2px 2px 5px 2px; margin: 0px 0px 8px 0px; } #lj_controlstrip { border-bottom: 0px !important; } #lj_controlstrip img { display: none; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; !important } #lj_controlstrip td { background: #212121; color: #FFFFFF !important; text-transform: uppercase; border-right: 0px; } #lj_controlstrip select, #lj_controlstrip input { background-color: #111111 !important; font: 9px Arial !important; color: #FFFFFF !important; text-transform: uppercase; border: 1px solid #3D3D3D; } #lj_controlstrip select:hover, #lj_controlstrip input:hover, textarea:hover, input:hover, select:hover { border: 1px solid #7EBAA0; } #lj_controlstrip td a { color: #FFFFFF; } #lj_controlstrip td a:hover {color: #3F8C97; text-decoration: none; } #lj_controlstrip .ljuser img { display: none; } #lj_controlstrip .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"], #lj_controlstrip .ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] { display: none; } #lj_controlstrip .ljuser a b { font-family: Georgia; font-weight: bold; font-style: italic; font-size: 14px; color: #3F8C97; } #lj_controlstrip .ljuser a b:hover { background: none; border-bottom: 1px dotted #999999; }
DISPLAY > PRESENTATION	Expand BASIC OPTIONS and ADDITIONAL OPTIONS Userinfo Position in Entries → Left side of the Entry Text Wrap Entry text under userinfo → Yes
IMAGES	Save these to your own servers to ensure that the images don't die on you when my Photobucket explodes :D Tiny Icons → User - Community - News - Syndicated Entry Header - Protected - Private - Groups

Be harsh please - learning's the only way up for me!

2010-01-04T07:51:56Z

LAYOUT CRITIQUE MEME

* FYI - IP logging's switched off and anonymous is allowed, so go crazy guys. Tell me about the stuff you like/dislike/outright hate, etc, etc. ♥

034 - What happened to the- (Kelley?) / Snow Blind [Smooth Sailing]

2009-12-28T12:12:35Z


What happened to the- ►LIVE \| STATIC \| FAQ	Snowblind ►LIVE \| STATIC \| FAQ

Layout Information
TESTED BROWSERS	Mozilla Firefox, Safari, Internet Explorer
PROBLEMS?	The userpics vanish annoyingly enough for IE
FEATURES	Rounded corners for the FireFox users, tiny icons, contextual pop ups, custom nav-strip
DISABLED	Journal title/subtitle, the entirety of the sidebar, entry date (again). Images in the metadata are disabled too, JSYK~
AD-PLACEMENT	Between Entries
FINAL NOTES	What's this?! Another request? Yeah, opening requests to my f-list was probably not a very smart idea, but I just can't say no xD This one's for erzsebet. She gave me a selection of colour palettes to play around with and I ended up falling in love with the purple one. It's the only layout I've made so far that isn't named after a song, lol.

Layout Installation
SELECT JOURNAL STYLE	01. Select any Smooth Sailing. 02. Pick an ad placement you prefer (Between Entries tends to look best in general).
CUSTOM CSS	Use layout's stylesheet(s) → NO Use layout's stylesheet(s) when including custom external stylesheet → NO Use CTRL + A inside the textbox to select everything, and then copy and paste into the CUSTOM CSS box. → What happened to the- Kelley? KELLEY! KELLEY?! /* LJ STYLE: Smooth Sailing LAYOUT: What happened to the- Kelley? KELLEY! KELLEY?! MAKER: kill_zombie FOR: easels PLEASE CREDIT: http://community.livejournal.com/kill_brainz/ OR http://jessilestrange.livejournal.com/ / body { background-color: #241E2B; font-family: Verdana, Arial; font-size: 12px; color: #5E3E56; margin: 0px; padding: 0px; } a, a:visited, a:hover { color: #5E3E56; text-decoration: none; } .pageblock { width: 860px; margin: 0px; padding: 0px; } .pagefooterblock, .header-title, .header-subtitle, .header-icon, .bodyheaderblock, .entryHeaderDate, .entryMetadata img, .sidebar, #lj_controlstrip img { display: none; } .pageheaderblock { text-align: left; } .header-menu { position: absolute; width: 190px; font-size: 9px; margin: 0px 10px 0px 0px; } .header-menu a, .header-menu a:visited, .header-menu:hover { color: #5E3E56; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; } .header-menu ul { margin: 0px; padding: 0px; } .header-menu li { background-color: #2F2136; border-right: 5px solid #402842; margin: 0px 0px 2px 0px; padding: 10px 10px 4px 10px; display: block; } .header-menu li:hover { background-color: #402842; border-right: 15px solid #241E2B; } .bodyblock { margin: 40px 0px 0px 220px; padding: 0px; } .entryHolder, .bodynavblock { background-color: #2F2136; border-left: 5px solid #402842; -moz-border-radius-topright: 25px; margin: 0px 0px 20px 0px; padding: 0px 10px 10px 10px; } .entryHeader { font-family: Verdana; font-size: 0px; line-height: 18px; text-align: left; padding: 15px 15px 5px 5px; } .entryHeader a { position: relative; font-size: 21px; color: #5E3E56; text-transform: lowercase; text-decoration: none; letter-spacing: -1px; z-index: 10; } .entryHeaderSubject { position: relative; padding: 0px 0px 0px 21px; z-index: 30; } .entryUserinfo { text-align: right; margin: -20px -190px 0px 0px; } .entryUserinfo .ljuser a b { color: #5E3E56; } .entryUserinfo img[src="http://l-stat.livejournal.com/img/userinfo.gif"], .entryUserinfo img[src="http://l-stat.livejournal.com/img/community.gif"] { display: none; } .entryUserinfo-usericon img { border: 10px solid #2F2136; -moz-border-radius-topright: 12px; -moz-border-radius-bottomright: 12px; margin: 0px 0px 3px 0px;; } .entryText { min-height: 130px; font-size: 11.5px; color: #5E3E56; text-align: justify; padding: 5px 10px 10px 10px; } .entryText a { text-decoration: underline; } .entryText a:hover { text-decoration: none; } .entryText img { background-color: #241E2B; border: 1px dashed #402842; padding: 4px; } .entryMetadata { font-size: 9px; text-transform: uppercase; margin: 10px 0px 10px 15px; } .entryMetadata a { text-decoration: underline; } .entryMetadata a:hover { text-decoration: none; } .entryMetadata-label { font-size: 11px; font-weight: bold; padding: 0px 3px 0px 0px; } .entryMetadata ul { margin: 0px; padding: 0px; } .entryMetadata li { padding: 0px 10px 0px 0px; list-style-type: none; display: block; } .entryLinkbar, .commentLinkbar { background-color: #402842; text-align: right; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; margin: 10px 0px 0px 30px; padding: 3px 10px 3px 10px; } .entryLinkbar a, .commentLinkbar a { font-size: 10px; color: #5E3E56; text-transform: uppercase; } .entryLinkbar a:hover, .commentLinkbar a:hover { color: #241E2B; } .entryLinkbar ul, .commentLinkbar ul { margin: 0px; padding: 0px; } .entryLinkbar li, .commentLinkbar li { padding: 0px 0px 0px 13px; margin: 0px; display: inline; } .bodynavblock { padding: 15px 10px 20px 20px; } .bodynavblock a, #footer-menu a, .bodynavblock a:hover, #footer-menu a:hover { color: #5E3E56; text-transform: lowercase; text-decoration: none; letter-spacing: -1px; } #footer-menu { font-size: 21px; line-height: 17px; } #footer-menu ul { margin: 0px; padding: 0px; } #footer-menu li { margin: 0px; list-style-type: none; display: block; } .commentHolder { background-color: #2F2136; border-left: 5px solid #402842; margin: 5px 0px 10px 0px; padding: 10px 20px 10px 20px; } .commentHeader, .commentHeaderScreened { font-family: Verdana; font-weight: bold; font-size: 14px; color: #5E3E56; text-transform: lowercase; padding: 5px 10px 5px 20px; } .commentHeaderScreened { font-style: italic; } .commentUserinfo { font-family: Verdana; font-size: 9px; color: #5E3E56; text-align: center; margin: 5px 0px 5px 5px; } .commentUserinfo .ljuser a b { font-size: 12px; color: #5E3E56; } .commentUserinfo .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"], .commentUserinfo .ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] { display: none; } .commentUserinfo-usericon img { height: 80px; width: 80px; border: 5px solid #402842; } .commentText { font-size: 11px; color: #5E3E56; text-align: justify; padding: 10px 20px 20px 10px; } .commentLinkbar { font-size: 10px; color: #5E3E56; text-transform: uppercase; } .replyform { background-color: #FFFFFF; padding: 17px; } #qrform { color:#FFFFFF; border: medium none !important; padding:16px; } #qrform table { width: 98%; color: #AAAAAA; border:0 none !important; } .yearlinks { text-align: right; } .yearlink { padding: 0px 5px 0px 5px; } .month { width: 85%; margin: 10px 0px 20px 40px; } .daysubjects { font-size: 11px; color: #5E3E56; text-align: left; text-transform: uppercase; padding: 17px 0px 0px 77px; } .daysubjects img[src="http://l-stat.livejournal.com/img/icon_protected.gif"], .daysubjects img[src="http://l-stat.livejournal.com/img/icon_groups.gif"], .daysubjects img[src="http://l-stat.livejournal.com/img/icon_private.gif"] { display: none; } .daysubjects img { width: 0; height: 0; background-repeat: no-repeat; / so that IE users will still see an image / margin: 0px 5px 0px 0px; background-image: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/locked-2.gif); padding: 12px 12px 0 0; } .daytitles { font-size: 15px; color: #5E3E56; text-align: center; text-transform: uppercase; padding: 0px 13px 1px 13px; } .day-blank, .day { border: 1px solid #5E3E56; margin: 0px; padding: 3px; } .day-date { width: 50%; color: #5E3E56; text-align: center; border-right: 1px solid #5E3E56; border-bottom: 1px solid #5E3E56; } .day-count { float: right; width: 50%; font-size: 20px; text-align: center; } .day-count a, .day-count a:hover { font-weight: normal; font-size: 21px; color: #5E3E56; text-decoration: none; padding: 3px; } .tagstable { width: 90%; } .tagstable, .tagstable td { font-size: 9px; color: #5E3E56; text-transform: lowercase; border-bottom: 1px solid #5E3E56; } ul.taglist { font-size: 9px; padding-right: 11px; } ul.taglist li { color: #555555; list-style-position: outside; list-style-type: decimal-leading-zero; padding: 0px 3px 3px 9px; } .tagstable a, ul.taglist a { font-size: 9px; color: #5E3E56; text-transform: uppercase; text-decoration: underline; letter-spacing: 1px; } .tagstable a:hover, ul.taglist a:hover { text-decoration: none; } li { color: #444444; list-style-type: decimal-leading-zero; margin: 2px 0px 0px 0px; padding: 0px 0px 2px 9px; } blockquote { border-top: 2px solid #402842; border-bottom: 2px solid #402842; padding: 7px 0px 7px 0px; } textarea { height: 80px; width: 300px; } .entryHeader img[src="http://l-stat.livejournal.com/img/icon_protected.gif"]{ width: 0; height: 0; padding: 0 16px 16px 0; margin: 0px 5px 0px 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/147.png); } .entryHeader img[src="http://l-stat.livejournal.com/img/icon_groups.gif"]{ width: 0; height: 0; padding: 0 16px 16px 0; margin: 0px 5px 0px 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/036.png); } .entryHeader img[src="http://l-stat.livejournal.com/img/icon_private.gif"]{ width: 0; height: 0; padding: 0 16px 16px 0; margin: 0px 5px 0px 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/032.png); } .entryHeader img { width: 0; height: 0; background-repeat: no-repeat; / so that IE users will still see an image / margin: 0px 5px 0px 0px; background-image: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/147.png); padding: 16px 16px 0 0; } .ljuser img { width: 0; height: 0; background-repeat: no-repeat; background-color:transparent; / so that IE users will still see an image / background-image: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/bullet.png); padding: 16px 16px 0 1px !important; } .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"], .ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] { background-color:transparent; background-image: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/arrow_next-1.gif); padding: 12px 12px 0 1px !important; margin: 0px 2px 0px 0px !important; } .ljuser a b, .ljuser a b:hover { font-weight: bold; text-transform: lowercase; text-decoration: none !important; } div.ContextualPopup div.Inner { width: 260px; background: #2F2136 !important; font: 10px Arial; color: #5E3E56 !important; border: 1px solid #402842; } div.ContextualPopup div.Userpic img { background-color: #2F2136; border: 5px solid #402842; padding: 0px; margin: 10px; } div.ContextualPopup div.Userpic img:hover { filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; !important } div.ContextualPopup .Relation { font-family: Georgia; font-style: italic !important; font-weight: bold !important; font-size: 14px !important; color: #5E3E56 !important; text-transform: lowercase; border-bottom: 1px solid #5E3E56; margin-bottom: 3px; padding-bottom: 5px; } div.ContextualPopup div.Inner div.Content a { font-weight: normal; color: #5E3E56 !important; text-decoration: none !important; text-transform: uppercase; } div.ContextualPopup div.Inner div.Content a:hover { color: #5E3E56 !important; } div.ContextualPopup div.Inner div.Content img a:hover { background: none !important; } div.Relation, div.FriendStatus { font-size: 11px; text-transform: uppercase; letter-spacing: -1px; border-bottom: 1px solid #402842; padding: 2px 2px 5px 2px; margin: 0px 0px 8px 0px; } #lj_controlstrip { border-bottom: 0px; } #lj_controlstrip td { background: #241E2B; color: #FFFFFF; text-transform: uppercase; border-right: 0px; } #lj_controlstrip select, #lj_controlstrip input, textarea, input, select { background-color: #241E2B !important; font: 9px Arial !important; color: #FFFFFF !important; text-transform: uppercase; border: 1px solid #5E3E56; margin: 1px; padding: 1px; } #lj_controlstrip td a { color: #5E3E56; } #lj_controlstrip td a:hover, #lj_controlstrip .ljuser a b:hover { color: #5E3E56; text-decoration: underline; } #lj_controlstrip .ljuser img { display: none; } #lj_controlstrip .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"], #lj_controlstrip .ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] { display: none; } #lj_controlstrip .ljuser a b { font-size: 16px; font-weight: bold; color: #5E3E56; text-transform: lowercase; letter-spacing: -1px; } → Snow Blind* /* LJ STYLE: Smooth Sailing LAYOUT: Snow Blind MAKER: kill_zombie FOR: easels PLEASE CREDIT: http://community.livejournal.com/kill_brainz/ OR http://jessilestrange.livejournal.com/ / body { background-color: #F2F5FF; font-family: Verdana, Arial; font-size: 12px; color: #555555; margin: 0px; padding: 0px; } a, a:visited, a:hover { color: #555555; text-decoration: none; } .pageblock { width: 860px; margin: 0px; padding: 0px; } .pagefooterblock, .header-title, .header-subtitle, .header-icon, .bodyheaderblock, .entryHeaderDate, .entryMetadata img, .sidebar, #lj_controlstrip img { display: none; } .pageheaderblock { text-align: left; } .header-menu { position: absolute; width: 190px; font-size: 9px; margin: 0px 10px 0px 0px; } .header-menu a, .header-menu a:visited, .header-menu:hover { color: #FFFFFF; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; } .header-menu ul { margin: 0px; padding: 0px; } .header-menu li { background-color: #B9D7D9; border-right: 5px solid #668284; margin: 0px 0px 2px 0px; padding: 10px 10px 4px 10px; display: block; } .header-menu li:hover { background-color: #668284; border-right: 15px solid #F2F5FF; } .bodyblock { margin: 40px 0px 0px 220px; padding: 0px; } .entryHolder, .bodynavblock { background-color: #B9D7D9; border-left: 5px solid #668284; -moz-border-radius-topright: 25px; margin: 0px 0px 20px 0px; padding: 0px 10px 10px 10px; } .entryHeader { font-family: Verdana; font-size: 0px; line-height: 18px; text-align: left; padding: 15px 15px 5px 5px; } .entryHeader a { position: relative; font-size: 21px; color: #FFFFFF; text-transform: lowercase; text-decoration: none; letter-spacing: -1px; z-index: 10; } .entryHeaderSubject { position: relative; padding: 0px 0px 0px 21px; z-index: 30; } .entryUserinfo { text-align: right; margin: -20px -190px 0px 0px; } .entryUserinfo .ljuser a b { color: #668284; } .entryUserinfo img[src="http://l-stat.livejournal.com/img/userinfo.gif"], .entryUserinfo img[src="http://l-stat.livejournal.com/img/community.gif"] { display: none; } .entryUserinfo-usericon img { border: 10px solid #B9D7D9; -moz-border-radius-topright: 12px; -moz-border-radius-bottomright: 12px; margin: 0px 0px 3px 0px;; } .entryText { min-height: 130px; font-size: 11.5px; color: #333333; text-align: justify; padding: 5px 10px 10px 10px; } .entryText a { text-decoration: underline; } .entryText a:hover { text-decoration: none; } .entryText img { background-color: #FFFFFF; border: 1px dashed #668284; padding: 4px; } .entryMetadata { font-size: 9px; text-transform: uppercase; margin: 10px 0px 10px 15px; } .entryMetadata a { text-decoration: underline; } .entryMetadata a:hover { text-decoration: none; } .entryMetadata-label { font-size: 11px; font-weight: bold; padding: 0px 3px 0px 0px; } .entryMetadata ul { margin: 0px; padding: 0px; } .entryMetadata li { padding: 0px 10px 0px 0px; list-style-type: none; display: block; } .entryLinkbar, .commentLinkbar { background-color: #668284; text-align: right; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; margin: 10px 0px 0px 30px; padding: 3px 10px 3px 10px; } .entryLinkbar a, .commentLinkbar a { font-size: 10px; color: #B9D7D9; text-transform: uppercase; } .entryLinkbar a:hover, .commentLinkbar a:hover { color: #FFFFFF; } .entryLinkbar ul, .commentLinkbar ul { margin: 0px; padding: 0px; } .entryLinkbar li, .commentLinkbar li { padding: 0px 0px 0px 13px; margin: 0px; display: inline; } .bodynavblock { padding: 15px 10px 20px 20px; } .bodynavblock a, #footer-menu a, .bodynavblock a:hover, #footer-menu a:hover { color: #FFFFFF; text-transform: lowercase; text-decoration: none; letter-spacing: -1px; } #footer-menu { font-size: 21px; line-height: 17px; } #footer-menu ul { margin: 0px; padding: 0px; } #footer-menu li { margin: 0px; list-style-type: none; display: block; } .commentHolder { background-color: #B9D7D9; border-left: 5px solid #668284; margin: 5px 0px 10px 0px; padding: 10px 20px 10px 20px; } .commentHeader, .commentHeaderScreened { font-family: Verdana; font-weight: bold; font-size: 14px; color: #FFFFFF; text-transform: lowercase; padding: 5px 10px 5px 20px; } .commentHeaderScreened { font-style: italic; } .commentUserinfo { font-family: Verdana; font-size: 9px; color: #555555; text-align: center; margin: 5px 0px 5px 5px; } .commentUserinfo .ljuser a b { font-size: 12px; color: #FFFFFF; } .commentUserinfo .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"], .commentUserinfo .ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] { display: none; } .commentUserinfo-usericon img { height: 80px; width: 80px; border: 5px solid #668284; } .commentText { font-size: 11px; color: #333333; text-align: justify; padding: 10px 20px 20px 10px; } .commentLinkbar { font-size: 10px; color: #B9D7D9; text-transform: uppercase; } .replyform { background-color: #FFFFFF; padding: 17px; } #qrform { color:#FFFFFF; border: medium none !important; padding:16px; } #qrform table { width: 98%; color: #AAAAAA; border:0 none !important; } .yearlinks { text-align: right; } .yearlink { padding: 0px 5px 0px 5px; } .month { width: 85%; margin: 10px 0px 20px 40px; } .daysubjects { font-size: 11px; color: #5E3E56; text-align: left; text-transform: uppercase; padding: 17px 0px 0px 77px; } .daysubjects img[src="http://l-stat.livejournal.com/img/icon_protected.gif"], .daysubjects img[src="http://l-stat.livejournal.com/img/icon_groups.gif"], .daysubjects img[src="http://l-stat.livejournal.com/img/icon_private.gif"] { display: none; } .daysubjects img { width: 0; height: 0; background-repeat: no-repeat; / so that IE users will still see an image / margin: 0px 5px 0px 0px; background-image: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/locked-2.gif); padding: 12px 12px 0 0; } .daytitles { font-size: 15px; color: #668284; text-align: center; text-transform: uppercase; padding: 0px 13px 1px 13px; } .day-blank, .day { border: 1px solid #668284; margin: 0px; padding: 3px; } .day-date { width: 50%; color: #333333; text-align: center; border: 0px; } .day-count { float: right; width: 50%; font-size: 20px; text-align: center; } .day-count a, .day-count a:hover { font-weight: normal; font-size: 21px; color: #668284; text-decoration: none; padding: 3px; } .tagstable { width: 90%; } .tagstable, .tagstable td { font-size: 9px; color: #444444; text-transform: lowercase; border-bottom: 1px solid #666666; } ul.taglist { font-size: 9px; padding-right: 11px; } ul.taglist li { color: #555555; list-style-position: outside; list-style-type: decimal-leading-zero; padding: 0px 3px 3px 9px; } .tagstable a, ul.taglist a { font-size: 9px; color: #FFFFFF; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; } .tagstable a:hover, ul.taglist a:hover { border-bottom: 1px dotted #999999; } li { color: #444444; list-style-type: decimal-leading-zero; margin: 2px 0px 0px 0px; padding: 0px 0px 2px 9px; } blockquote { border-top: 2px solid #668284; border-bottom: 2px solid #668284; padding: 7px 0px 7px 0px; } textarea { height: 80px; width: 300px; } .entryHeader img[src="http://l-stat.livejournal.com/img/icon_protected.gif"]{ width: 0; height: 0; padding: 0 16px 16px 0; margin: 0px 5px 0px 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/147.png); } .entryHeader img[src="http://l-stat.livejournal.com/img/icon_groups.gif"]{ width: 0; height: 0; padding: 0 16px 16px 0; margin: 0px 5px 0px 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/036.png); } .entryHeader img[src="http://l-stat.livejournal.com/img/icon_private.gif"]{ width: 0; height: 0; padding: 0 16px 16px 0; margin: 0px 5px 0px 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/032.png); } .entryHeader img { width: 0; height: 0; background-repeat: no-repeat; / so that IE users will still see an image / margin: 0px 5px 0px 0px; background-image: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/147.png); padding: 16px 16px 0 0; } .ljuser img { width: 0; height: 0; background-repeat: no-repeat; background-color:transparent; / so that IE users will still see an image */ background-image: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/bullet.png); padding: 16px 16px 0 1px !important; } .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"], .ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] { background-color:transparent; background-image: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/arrow_next-1.gif); padding: 12px 12px 0 1px !important; margin: 0px 2px 0px 0px !important; } .ljuser a b, .ljuser a b:hover { font-weight: bold; text-transform: lowercase; text-decoration: none !important; } div.ContextualPopup div.Inner { width: 260px; background: #B9D7D9 !important; font: 10px Arial; color: #5E3E56 !important; border: 1px solid #668284; } div.ContextualPopup div.Userpic img { background-color: #B9D7D9; border: 5px solid #668284; padding: 0px; margin: 10px; } div.ContextualPopup div.Userpic img:hover { filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; !important } div.ContextualPopup .Relation { font-family: Georgia; font-style: italic !important; font-weight: bold !important; font-size: 14px !important; color: #FFFFFF !important; text-transform: lowercase; border-bottom: 1px solid #668284; margin-bottom: 3px; padding-bottom: 5px; } div.ContextualPopup div.Inner div.Content a { font-weight: normal; color: #668284 !important; text-decoration: none !important; text-transform: uppercase; } div.ContextualPopup div.Inner div.Content a:hover { color: #668284 !important; } div.ContextualPopup div.Inner div.Content img a:hover { background: none !important; } div.Relation, div.FriendStatus { font-size: 11px; text-transform: uppercase; letter-spacing: -1px; border-bottom: 1px solid #668284; padding: 2px 2px 5px 2px; margin: 0px 0px 8px 0px; } #lj_controlstrip { border-bottom: 0px; } #lj_controlstrip td { background: #212121; color: #FFFFFF; text-transform: uppercase; border-right: 0px; } #lj_controlstrip select, #lj_controlstrip input, textarea, input, select { background-color: #F2F5FF !important; font: 9px Arial !important; color: #777777 !important; text-transform: uppercase; border: 1px solid #668284; margin: 1px; padding: 1px; } #lj_controlstrip td a { color: #668284; } #lj_controlstrip td a:hover, #lj_controlstrip .ljuser a b:hover { color: #FFFFFF; text-decoration: underline; } #lj_controlstrip .ljuser img { display: none; } #lj_controlstrip .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"], #lj_controlstrip .ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] { display: none; } #lj_controlstrip .ljuser a b { font-size: 16px; font-weight: bold; color: #668284; text-transform: lowercase; letter-spacing: -1px; }
DISPLAY > PRESENTATION	Expand BASIC OPTIONS and ADDITIONAL OPTIONS Userinfo Position in Entries → Right side of the Entry Text Wrap Entry text under userinfo → No
IMAGES	The tiny icons are the same for both layouts. Save these to your own servers to ensure that the images don't die on you when my Photobucket explodes :D Tiny Icons → User/Community Entry Header - Protected - Private - Groups