042 - Artificial Girl [Smooth Sailing]

[kill_zombie]

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