043 - First Love Prostitute [Opal]

[kill_zombie]

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 surrea1ist, 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.