046 - Cyber Devils [Smooth Sailing]
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; }
;){kind=link}
img[src*="openid-profile.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/speechcloud3.gif); padding: 0px 0px 13px 13px !important; }
;){kind=link}
.replyform img[src*="userinfo.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/user1.gif); padding: 0px 0px 14px 12px !important; }
;){kind=link}
img[src*="none.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/heart-1.gif); padding: 0px 0px 9px 8px !important; }
;){kind=link}
img[src*="help.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/thumbtack.gif); padding: 0px 0px 10px 9px !important; }
;){kind=link}
img[src*="pencil.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/pencil.gif); padding: 0px 0px 7px 6px !important; }
;){kind=link}
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; }
;){kind=link}
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.