038 - Layout 17 [Smooth Sailing: Scarlet Were The Clothes She Wore]

[yam]

My first time with a topbar layout. I don't use it, but lots of people like it. Enjoy!



Live preview | Image Preview



/********************DO NOT REMOVE THIS******************** Layout 017 [Scarlet Were The Clothes She Wore] by Yam @ Frozen Mint (frozen_mint.livejournal.com) Style: Smooth Sailing Account level: Basic / Paid / Plus Tested on: IE (7 and higher), Firefox, Safari and Chrome ----------CREDITS: Icons by Splashyfish: http://splashyfish.com/icons/ ****************************************/ /*****BASIC LAYOUT*****/ body { background:#ca2323 url(http://www.mentahelada.net/lj-layouts/layout017/bg-body.jpg); color:#303030; font-family:"Trebuchet MS", "Lucida Sans", Arial, Helvetica, sans-serif; font-size:100%; } .pageblock{ /*the content*/ background:transparent; margin:0 auto; position:absolute; width:100%; } .pageheaderblock { background:transparent; padding-bottom:100px; font-family:"Trebuchet MS", "Lucida Sans", Arial, Helvetica, sans-serif; font-size:1.7em; text-align:center; } .bodyblock { /*entries + sidebar*/ background:#fff; margin:0 auto; padding-top:160px; /*CHANGE TO FIT TOPBAR SIZE*/ width:900px; font-size:0.75em/*12px*/; } .sidebar { background:#fff url(http://www.mentahelada.net/lj-layouts/layout017/bg-sbar.png) no-repeat; position:absolute; padding-top:30px; top:130px; width:900px; } /*****BASICS*****/ * {margin: 0; padding: 0;} .ippu {font-size:11px;} a{outline:none;} a img{border:0;} p, td {font-size:inherit;} code, kbd, pre, tt {font-family:monospace;} i, em{font-style:italic;} textarea {max-width:400px;} .clear{height:0;} .lj_embedcontent{max-width:450px;} #lj_controlstrip {background:transparent!important;padding:3px; color:#fff!important;} #lj_controlstrip a{color:#fff; text-decoration:none; text-transform:none;} #lj_controlstrip a:hover{color:#fff; text-decoration:underline;} #lj_controlstrip b{color:#fff!important; text-decoration:none; text-transform:none;} #lj_controlstrip_statustext{color:#fff; font-weight:100;} #lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search{border:0;} a, a:link, a:visited { color:#ca2323; font-weight:200; text-decoration:none; text-transform:none; } a:hover { color:#303030; border-bottom:1px dotted #ca2323; } blockquote { background:#fff url(http://www.mentahelada.net/lj-layouts/layout017/bg-quote.jpg) repeat-x; border:1px solid #ca2323; margin:10px 0; padding:25px 10px 15px 5px; width:80%; color:#303030; font-size:1.3em; font-style:italic; text-align:left; line-height:1.3em; } ::-moz-selection {background:#1a429d; color:#f4f4f4;} b, strong{color:#1a429d; font-weight:900;} /*****HEADER*****/ .header-title{display:none;} .header-subtitle{display:none;} .header-icon {display:none;} .header-menu ul{} .header-menu li{display:inline;} .header-menu { background:transparent; margin:50px 30px 0; padding:30px; overflow:hidden; text-align:center; } .header-menu a, .header-menu a:link, .header-menu a:visited { background:transparent; padding:30px 10px 5px; color:#fff; font-weight:100!important; text-decoration:none; text-transform:lowercase; font-style:italic; } .header-menu a:hover { background:transparent url(http://www.mentahelada.net/lj-layouts/layout017/header-hover.png) top center no-repeat; padding:30px 10px 5px; color:#f4f4f4; } /*****SIDEBAR*****/ .sidebar a{ color:#ca2323; text-decoration:none; } .sidebar a:hover{ border-bottom:1px dotted #ca2323; color:#303030; } .sidebox { background:transparent; padding:10px; float:left; width:280px; } #freetext{font-size:1em;} #freetext b{color:#ca2323; font-weight:100;} .sideboxTitle { background:transparent url(http://www.mentahelada.net/lj-layouts/layout017/bg-toptitle.png) left no-repeat; padding-left:20px; color:#1a429d; font-family:"Trebuchet MS", "Lucida Sans", Arial, Helvetica, sans-serif; font-size:1.7em; letter-spacing:-0.04em; text-transform:uppercase; } .listtitle { /*titles in the link list*/ background:transparent url(http://www.mentahelada.net/lj-layouts/layout017/bg-toptitle.png) left no-repeat; padding-left:20px; margin-top:20px; color:#1a429d; font-family:"Trebuchet MS", "Lucida Sans", Arial, Helvetica, sans-serif; font-size:1.7em; letter-spacing:-0.04em; text-transform:uppercase; } .sideboxContent {text-align:left;} .sidebox #systemlinks {text-align:left;} #summary, #search, #tags_sidebox {padding:0;} .summaryList{padding-bottom:5px; border-bottom:1px solid #ca2323;} #profile a{border-bottom:0!important;} .sidebox #summary b{ color:#1a429d; line-height:2em; } .sidebox #summary a{ background:transparent; margin-bottom:1px; color:#303030; font-size:1.1666em/*14px*/; font-weight:100; } .sidebox #summary a:hover { color:#ca2323; text-decoration:none; } .listitem a, .listitem a:link, .listitem a:visited { background:transparent; border-bottom:1px solid #ccc; display:block; padding:3px 8px; color:#303030; font-size:1.1666em/*14px*/; font-weight:100; } .listitem a:hover { background:#d4d4d4; border-bottom:1px solid #d4d4d4; color:#303030; text-decoration:none; } .sidebox #latestmonth table{ width:95%; margin-left:auto; margin-right:auto; text-align:left; } #latestmonth a{color:#ca2323;} #latestmonth a:hover{color:#303030; border:0;} .latestmonth-active{ background:#1a429d; border:1px solid #1a429d; margin:1px; padding:3px; } .latestmonth-inactive{ background:transparent; border:1px solid #ccc; margin:1px; padding:3px; } .latestmonth-active a, .latestmonth-active a:link, .latestmonth-active a:active { color:#f4f4f4!important; text-decoration:none; } .latestmonth-active a:hover{text-decoration:underline;} .latestmonth-active:hover { background:#303030; border:1px solid #303030; } .profile-label { /*bold words in the profile blurb*/ color:#1a429d; font-weight:900; } /*****BODY*****/ .bodyheaderblock {display:none;} /*the title above entry, is NOT child of .bodyblock*/ .body-title {display:none;} /*the title above entry :/ is NOT child of .bodyblock*/ .bodynavblock {background:transparent; margin:0 10px 10px;} /*the body footer omg.wtf.with.the.classes.names*/ .bodynavblock a, .bodynavblock a:link, .bodynavblock a:visited {} .bodynavblock a:hover{} .body-midtitle {display:none;} /*the title/separator of the comments*/ /*****FOOTER*****/ #footer-menu li{display:inline;} #footer-menu { background:transparent; border-bottom:1px solid #fff; padding:10px 0; margin-top:10px; overflow:hidden; font-family:"Trebuchet MS", "Lucida Sans", Arial, Helvetica, sans-serif; text-align:right; } #footer-menu a, #footer-menu a:link, .footer-menu a:visited { background:#1a429d; border-right:1px solid #fff; padding:20px 10px; color:#f4f4f4; font-weight:100!important; text-decoration:none; text-transform:uppercase; } #footer-menu a:hover { background:#ca2323; padding:20px 10px; color:#fff; } .pagefooterblock { /*the "this page was loaded..." part*/ background:transparent; padding:10px 0; color:#fff; font-size:0.6875em/*11px*/; text-align:center; text-transform:uppercase; } .pagefooterblock a, .pagefooterblock a:link, .pagefooterblock a:visited { color:#ca2323; text-decoration:underline; text-transform:none; } .pagefooterblock a:hover { text-decoration:none; } /*****ENTRY*****/ #welcomenoteText{} .entryHolder { background:transparent url(http://www.mentahelada.net/lj-layouts/layout017/bg-entry.jpg) top left repeat-x; margin-bottom:10px; padding:0 20px; } .entryUserinfo { /*around the icon / user*/ text-align:left; margin-bottom:10px; } .entryUserinfo a{ font-size:0.9166em/*11px*/; color:#303030; } .entryUserinfo a:hover{ color:#1a429d; } .entryUserinfo b, .entryUserinfo strong{ font-weight:100; color:#303030; } .entryUserinfo-username{ padding-top:5px; margin-bottom:20px; } .entryUserinfo-usericon img {} .entryUserinfo-usericon a{border-bottom:0!important;} .entryUserinfo-usericon a img{ background:transparent; border:1px solid #eae8e8; padding:10px; margin:10px 10px 0 0; } .entryUserinfo-usericon a:hover img{ background:transparent; border:1px solid #d8d6d6; padding:10px; margin:10px 10px 0 0; } .entryText { padding:10px 0 10px 0; line-height:1.8em; max-width:728px; font-family:Arial, Helvetica, sans-serif; } .entryText img{ max-width:700px; height:auto; } .entryText table tbody img{/*the polls look weird with if you use a max-width for the images posted; with this you fix the problem*/ width:auto; height:auto; } .entryText p span img{/*for the polls too*/ width:auto; height:auto; } .entryText ul li { list-style:square; margin-left:30px; padding-left:0px; } .entryText ol li { list-style:lower-roman; margin-left:30px; padding-left:0px; } .entryHeader { /*date / time container*/ background:transparent; overflow:hidden; padding-top:40px; color:#303030; clear:both!important; } .entryHeaderSubject { float:left; padding:0 0 5px 0; color:#ca2323; font-size:2.5em; font-style:normal; line-height:1em; font-style:italic; font-weight:400; text-transform:lowercase; } .entryHeaderDate { color:#aaa; font-size:1.4em; font-weight:100; font-style:normal; text-decoration:none; text-transform:uppercase; } .entryHeader a, .entryHeader a:link, .entryHeader a:visited{ border-bottom:0!important; color:#ca2323; font-weight:400; font-style:italic; text-decoration:none; text-transform:lowercase; } .entryHeader a:hover{ color:#1a429d; text-decoration:none; } .entryMetadata { background:transparent; border-top:3px solid #1a429d; margin-bottom:10px; padding-left:5px; text-align:left; } .entryMetadata ul {} .entryMetadata li { background:transparent; display:block; list-style:none; margin:3px 0; padding:2px 0; } .entryMetadata-label { color:#1a429d; font-weight:100; text-transform:uppercase; } .entryMetadata-content { padding-left:5px; color:#303030; font-weight:100; font-variant:none; } .entryMetadata-content a{ color:#ca2323; border-bottom:1px dotted #ca2323; font-weight:100; font-variant:none; } .entryMetadata-content a:hover{ color:#1a429d; border-bottom:1px dotted #1a429d; font-weight:100; font-variant:none; } .entryLinkbar { background:transparent; padding:10px 0 0; font-size:1.1em; color:#163b58; text-align:center; } .entryLinkbar ul {} .entryLinkbar li { display:inline; list-style:none; font-weight:100; } .entryLinkbar li a, .entryLinkbar li a:link, .entryLinkbar li a:visited{ background:transparent; padding:5px 7px; color:#1a429d; text-decoration:none; text-transform:uppercase; } .entryLinkbar li a:hover { border-bottom:0!important; text-decoration:none; color:#ca2323; } /*****COMMENT PAGE *****/ .commentHolder { background:#fff; color:#303030; margin:10px; } .commentUserinfo { margin:0; padding:0; text-align:left; } .commentUserinfo-usericon a{color:#303030; border-bottom:0!important;} .commentUserinfo b, .commentUserinfo strong{ font-weight:100; color:#303030; } .commentUserinfo-username { padding-top:5px; margin-bottom:20px; font-size:11px!important; } .commentUserinfo-usericon a img{ background:transparent; border:1px solid #eae8e8; padding:10px; margin:10px 10px 0 0; } .commentUserinfo-usericon a:hover img{ background:transparent; border:1px solid #d8d6d6; padding:10px; margin:10px 10px 0 0; } .commentText {padding:10px 0;} .commentHeader { background:#fff url(http://www.mentahelada.net/lj-layouts/layout017/bg-entry.jpg) repeat-x; padding:30px 10px 10px; color:#303030; text-transform:none; } .commentHeader a, .commentHeader a:link, .commentHeader a:visited{ color:#303030; text-decoration:underline; } .commentHeader a:hover { text-decoration:none; } .commentHeaderScreened { /*this changes just the commentHeader*/ background:#999; padding:10px; color:#fff; text-transform:none; } .commentHeaderSubject { color:#ca2323; font-size:1.2em; font-weight:100; text-transform:uppercase; } .commentLinkbar { background:transparent; padding:10px; font-size:0.9166em/*11px*/; color:#1a429d; text-align:right; } .commentLinkbar li { display:inline; list-style:none; font-weight:100; } .commentLinkbar li a, .commentLinkbar li a:link, .commentLinkbar li a:visited{ background:#1a429d; padding:3px; margin:1px; color:#fff; text-decoration:none; } .commentLinkbar li a:hover { background:#fff; border-bottom:1px solid #ca2323; color:#303030; } .replyform { background:#fff; padding:10px; color:#303030; } #qrform table { border:0!important; margin:5px; padding:5px; height:auto; } #commenttext{width:100%;} /*****ARCHIVE PAGE *****/ .month { margin:10px auto; width:90%; } .daysubjects { color: #303030; padding:10px; } .daytitles { background:transparent; border:0; height:2em; color:#1a429d; font-size:1.1666em/*14px*/; text-align:center; } .day-blank { background:transparent; border:0; } .day{ background:transparent; border:1px solid #ccc; color: #303030; } .day-date { border:0; color:#303030; width:50%; text-align:center; } .day-count { float: right; text-align:center; width:50%; font-size:1.6666em/*20px*/; } .day-count a, .day-count a:link, .day-count a:visited { color:#1a429d; text-decoration:none; } .day-count a:hover { color:#303030; text-decoration:underline; } /*****TAGS PAGE*****/ .tagstable { margin:20px auto; width:90%; font-size:1.1666em/*14px*/; } .tagstable td { background:transparent; border:1px solid #ccc; padding:5px; } /*****LJ-USER / COMMUNITY / PROTECTED ICONS*****/ .ljuser img { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout017/icon-user.png) no-repeat; padding: 16px 16px 0 0!important; } .ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout017/icon-user.png) no-repeat; padding: 16px 16px 0 0!important; } .ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout017/icon-group.png) no-repeat; padding: 16px 18px 0 0!important; } .entryHeaderSubject img[src="http://p-stat.livejournal.com/img/icon_protected.gif"] { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout017/icon-lock.png) no-repeat; padding: 16px 16px 0 0!important; } .summaryList img[src="http://p-stat.livejournal.com/img/icon_protected.gif"] { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout017/icon-lock.png) no-repeat; padding: 16px 16px 0 0!important; } .subject img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{ width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout017/icon-lock.png) no-repeat; padding: 16px 16px 0 0!important; } .entryHeaderSubject img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{ width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout017/icon-lock.png) no-repeat; padding: 16px 16px 0 0!important; } .daysubjects img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{ width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout017/icon-lock.png) no-repeat; padding: 16px 16px 0 0!important; } #lj_controlstrip .ljuser img { width: 0; height: 0; background-repeat:no-repeat; background-color: transparent; background-image: url(http://www.mentahelada.net/lj-layouts/layout017/icon-user.png); padding: 16px 18px 0 0!important; } #lj_controlstrip .ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] { width: 0; height: 0; background-color:transparent; background-image:url(http://www.mentahelada.net/lj-layouts/layout017/icon-user.png); padding: 16px 18px 0 0!important; } #lj_controlstrip .ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] { width: 0; height: 0; background-color:transparent; background-image:url(http://www.mentahelada.net/lj-layouts/layout017/icon-group.png); padding: 16px 18px 0 0!important; } /*****CONTEXTUAL POPUP*****/ div.ContextualPopup img {border:0 none;} div.ContextualPopup div.Inner {background:#fff!important; border:1px solid #ccc; padding:5px; color:#303030!important; font-size:1em; font-weight:100!important;} div.ContextualPopup .Content {margin-right:50px; font-weight:100!important;} div.ContextualPopup .Relation {color:#ca2323; font-size:1.4em/*14px*/; font-weight:500!important; font-style:italic;} div.ContextualPopup .Content .OnlineStatus {font-weight:100!important;} div.ContextualPopup .Userpic {font-weight:100!important;} div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited {color:#1a429d!important; font-weight:100; text-decoration:none!important;} div.ContextualPopup div.Inner a:hover{color:#303030!important; font-weight:100; text-decoration:none!important;}
LAYOUT INFO:

• Style: Smooth Sailing
• Account level: Basic, Paid, Plus
• Tested on: IE (7 and higher), Firefox, Safari and Chrome.

IMAGES:
Please upload the images to your own server. Thanks.
Background: http://www.mentahelada.net/lj-layouts/layout017/bg-body.jpg
Blue stripe thing: http://www.mentahelada.net/lj-layouts/layout017/bg-entry.jpg
Blockquote: http://www.mentahelada.net/lj-layouts/layout017/bg-quote.jpg
Topbar rounded corners: http://www.mentahelada.net/lj-layouts/layout017/bg-sbar.png
Topbar - arrow in titles: http://www.mentahelada.net/lj-layouts/layout017/bg-toptitle.png
Header links - hover arrows: http://www.mentahelada.net/lj-layouts/layout017/header-hover.png
User, community, locked/protected icons:


(by Splashyfish)
Carlisle icon in the preview made by me. Find it here.
BASIC INSTRUCTIONS:

1. Choose a Smooth Sailing layout
2. Go to Customize Journal Style
3. Select NO in the dropdowns
4. Leave "Custom External Stylesheet URL" empty
5. Paste the CSS that I give you in the "Custom Stylesheet" box
6. Save.

• Make changes if you know how (but still credit me!)
• Ask if you have doubts, I'll try to answer asap

ABOUT THE TOPBAR:
You should be able to add whatever you want to the topbar, even more than three boxes. Fix the entries padding to fit the height of your topbar finding this part of the code:

.bodyblock { /*entries + sidebar*/
background:#fff;
margin:0 auto;
padding-top:160px; /*CHANGE TO FIT TOPBAR SIZE*/
width:900px;
font-size:0.75em/*12px*/;
}

And, yes, change the padding-top to whatever you want. :)
Note: Keep the number of entries in the summary small! It's the same deal with the link list!

EASY RULES:

• Credit frozen_mint if you use. Please don't credit mintyapple, please change the credit you have in your userinfo. Thanks!
• Comment if you like / if you take

• Affiliate?
• Resources
• Friend frozen_mint for updates!

ETA: Is your browser timing out when trying to use this layout? Here's a compressed version. LJ is a weird thing:
/********************DO NOT REMOVE THIS******************** Layout 017 [Scarlet Were The Clothes She Wore] by Yam @ Frozen Mint (frozen_mint.livejournal.com) Style: Smooth Sailing Account level: Basic / Paid / Plus Tested on: IE (7 and higher), Firefox, Safari and Chrome ----------CREDITS: Icons by Splashyfish: http://splashyfish.com/icons/ *************************************** ****BASIC LAYOUT**** */body{background:#ca2323 url(http://www.mentahelada.net/lj-layouts/layout017/bg-body.jpg);color:#303030;font-family:"Trebuchet MS", "Lucida Sans", Arial, Helvetica, sans-serif;font-size:100%;} .pageblock{background:transparent;margin:0 auto;position:absolute;width:100%;} .pageheaderblock{background:transparent;padding-bottom:100px;font-family:"Trebuchet MS", "Lucida Sans", Arial, Helvetica, sans-serif;font-size:1.7em;text-align:center;} .bodyblock{background:#fff;margin:0 auto;padding-top:160px;width:900px;font-size:0.75em;} .sidebar{background:#fff url(http://www.mentahelada.net/lj-layouts/layout017/bg-sbar.png) no-repeat;position:absolute;padding-top:30px;top:130px;width:900px;} /*****BASICS**** */*{margin:0;padding:0;} .ippu{font-size:11px;} a{outline:none;} a img{border:0;} p,td{font-size:inherit;} code,kbd,pre,tt{font-family:monospace;} i,em{font-style:italic;} textarea{max-width:400px;} .clear{height:0;} .lj_embedcontent{max-width:450px;} #lj_controlstrip{background:transparent !important;padding:3px;color:#fff !important;} #lj_controlstrip a{color:#fff;text-decoration:none;text-transform:none;} #lj_controlstrip a:hover{color:#fff;text-decoration:underline;} #lj_controlstrip b{color:#fff !important;text-decoration:none;text-transform:none;} #lj_controlstrip_statustext{color:#fff;font-weight:100;} #lj_controlstrip_user,#lj_controlstrip_actionlinks,#lj_controlstrip_search{border:0;} a,a:link,a:visited{color:#ca2323;font-weight:200;text-decoration:none;text-transform:none;} a:hover{color:#303030;border-bottom:1px dotted #ca2323;} blockquote{background:#fff url(http://www.mentahelada.net/lj-layouts/layout017/bg-quote.jpg) repeat-x;border:1px solid #ca2323;margin:10px 0;padding:25px 10px 15px 5px;width:80%;color:#303030;font-size:1.3em;font-style:italic;text-align:left;line-height:1.3em;} ::-moz-selection{background:#1a429d;color:#f4f4f4;} b,strong{color:#1a429d;font-weight:900;} /*****HEADER**** */.header-title{display:none;} .header-subtitle{display:none;} .header-icon{display:none;} .header-menu li{display:inline;} .header-menu{background:transparent;margin:50px 30px 0;padding:30px;overflow:hidden;text-align:center;} .header-menu a,.header-menu a:link,.header-menu a:visited{background:transparent;padding:30px 10px 5px;color:#fff;font-weight:100;text-decoration:none;text-transform:lowercase;font-style:italic;} .header-menu a:hover{background:transparent url(http://www.mentahelada.net/lj-layouts/layout017/header-hover.png) top center no-repeat;padding:30px 10px 5px;color:#f4f4f4;} /*****SIDEBAR**** */.sidebar a{color:#ca2323;text-decoration:none;} .sidebar a:hover{border-bottom:1px dotted #ca2323;color:#303030;} .sidebox{background:transparent;padding:10px;float:left;width:280px;} #freetext{font-size:1em;} #freetext b{color:#ca2323;font-weight:100;} .sideboxTitle{background:transparent url(http://www.mentahelada.net/lj-layouts/layout017/bg-toptitle.png) left no-repeat;padding-left:20px;color:#1a429d;font-family:"Trebuchet MS", "Lucida Sans", Arial, Helvetica, sans-serif;font-size:1.7em;letter-spacing:-0.04em;text-transform:uppercase;} .listtitle{background:transparent url(http://www.mentahelada.net/lj-layouts/layout017/bg-toptitle.png) left no-repeat;padding-left:20px;margin-top:20px;color:#1a429d;font-family:"Trebuchet MS", "Lucida Sans", Arial, Helvetica, sans-serif;font-size:1.7em;letter-spacing:-0.04em;text-transform:uppercase;} .sideboxContent{text-align:left;} .sidebox #systemlinks{text-align:left;} #summary,#search,#tags_sidebox{padding:0;} .summaryList{padding-bottom:5px;border-bottom:1px solid #ca2323;} #profile a{border-bottom:0;} .sidebox #summary b{color:#1a429d;line-height:2em;} .sidebox #summary a{background:transparent;margin-bottom:1px;color:#303030;font-size:1.1666em;font-weight:100;} .sidebox #summary a:hover{color:#ca2323;text-decoration:none;} .listitem a,.listitem a:link,.listitem a:visited{background:transparent;border-bottom:1px solid #ccc;display:block;padding:3px 8px;color:#303030;font-size:1.1666em;font-weight:100;} .listitem a:hover{background:#d4d4d4;border-bottom:1px solid #d4d4d4;color:#303030;text-decoration:none;} .sidebox #latestmonth table{width:95%;margin-left:auto;margin-right:auto;text-align:left;} #latestmonth a{color:#ca2323;} #latestmonth a:hover{color:#303030;border:0;} .latestmonth-active{background:#1a429d;border:1px solid #1a429d;margin:1px;padding:3px;} .latestmonth-inactive{background:transparent;border:1px solid #ccc;margin:1px;padding:3px;} .latestmonth-active a,.latestmonth-active a:link,.latestmonth-active a:active{color:#f4f4f4 !important;text-decoration:none;} .latestmonth-active a:hover{text-decoration:underline;} .latestmonth-active:hover{background:#303030;border:1px solid #303030;} .profile-label{color:#1a429d;font-weight:900;} /*****BODY**** */.bodyheaderblock{display:none;} /*the title above entry, is NOT child of .bodyblock */.body-title{display:none;} /*the title above entry :/ is NOT child of .bodyblock */.bodynavblock{background:transparent;margin:0 10px 10px;} /*the body footer omg.wtf.with.the.classes.names */.body-midtitle{display:none;} /*the title/separator of the comments ****FOOTER**** */#footer-menu li{display:inline;} #footer-menu{background:transparent;border-bottom:1px solid #fff;padding:10px 0;margin-top:10px;overflow:hidden;font-family:"Trebuchet MS", "Lucida Sans", Arial, Helvetica, sans-serif;text-align:right;} #footer-menu a,#footer-menu a:link,.footer-menu a:visited{background:#1a429d;border-right:1px solid #fff;padding:20px 10px;color:#f4f4f4;font-weight:100;text-decoration:none;text-transform:uppercase;} #footer-menu a:hover{background:#ca2323;padding:20px 10px;color:#fff;} .pagefooterblock{background:transparent;padding:10px 0;color:#fff;font-size:0.6875em;text-align:center;text-transform:uppercase;} .pagefooterblock a,.pagefooterblock a:link,.pagefooterblock a:visited{color:#ca2323;text-decoration:underline;text-transform:none;} .pagefooterblock a:hover{text-decoration:none;} /*****ENTRY**** */.entryHolder{background:transparent url(http://www.mentahelada.net/lj-layouts/layout017/bg-entry.jpg) top left repeat-x;margin-bottom:10px;padding:0 20px;} .entryUserinfo{text-align:left;margin-bottom:10px;} .entryUserinfo a{font-size:0.9166em;color:#303030;} .entryUserinfo a:hover{color:#1a429d;} .entryUserinfo b,.entryUserinfo strong{font-weight:100;color:#303030;} .entryUserinfo-username{padding-top:5px;margin-bottom:20px;} .entryUserinfo-usericon a{border-bottom:0;} .entryUserinfo-usericon a img{background:transparent;border:1px solid #eae8e8;padding:10px;margin:10px 10px 0 0;} .entryUserinfo-usericon a:hover img{background:transparent;border:1px solid #d8d6d6;padding:10px;margin:10px 10px 0 0;} .entryText{padding:10px 0;line-height:1.8em;max-width:728px;font-family:Arial, Helvetica, sans-serif;} .entryText img{max-width:700px;height:auto;} .entryText table tbody img{width:auto;height:auto;} .entryText p span img{width:auto;height:auto;} .entryText ul li{list-style:square;margin-left:30px;padding-left:0;} .entryText ol li{list-style:lower-roman;margin-left:30px;padding-left:0;} .entryHeader{background:transparent;overflow:hidden;padding-top:40px;color:#303030;clear:both !important;} .entryHeaderSubject{float:left;padding:0 0 5px;color:#ca2323;font-size:2.5em;line-height:1em;font-style:italic;font-weight:400;text-transform:lowercase;} .entryHeaderDate{color:#aaa;font-size:1.4em;font-weight:100;font-style:normal;text-decoration:none;text-transform:uppercase;} .entryHeader a,.entryHeader a:link,.entryHeader a:visited{border-bottom:0;color:#ca2323;font-weight:400;font-style:italic;text-decoration:none;text-transform:lowercase;} .entryHeader a:hover{color:#1a429d;text-decoration:none;} .entryMetadata{background:transparent;border-top:3px solid #1a429d;margin-bottom:10px;padding-left:5px;text-align:left;} .entryMetadata li{background:transparent;display:block;list-style:none;margin:3px 0;padding:2px 0;} .entryMetadata-label{color:#1a429d;font-weight:100;text-transform:uppercase;} .entryMetadata-content{padding-left:5px;color:#303030;font-weight:100;font-variant:none;} .entryMetadata-content a{color:#ca2323;border-bottom:1px dotted #ca2323;font-weight:100;font-variant:none;} .entryMetadata-content a:hover{color:#1a429d;border-bottom:1px dotted #1a429d;font-weight:100;font-variant:none;} .entryLinkbar{background:transparent;padding:10px 0 0;font-size:1.1em;color:#163b58;text-align:center;} .entryLinkbar li{display:inline;list-style:none;font-weight:100;} .entryLinkbar li a,.entryLinkbar li a:link,.entryLinkbar li a:visited{background:transparent;padding:5px 7px;color:#1a429d;text-decoration:none;text-transform:uppercase;} .entryLinkbar li a:hover{border-bottom:0;text-decoration:none;color:#ca2323;} /*****COMMENT PAGE **** */.commentHolder{background:#fff;color:#303030;margin:10px;} .commentUserinfo{margin:0;padding:0;text-align:left;} .commentUserinfo-usericon a{color:#303030;border-bottom:0;} .commentUserinfo b,.commentUserinfo strong{font-weight:100;color:#303030;} .commentUserinfo-username{padding-top:5px;margin-bottom:20px;font-size:11px;} .commentUserinfo-usericon a img{background:transparent;border:1px solid #eae8e8;padding:10px;margin:10px 10px 0 0;} .commentUserinfo-usericon a:hover img{background:transparent;border:1px solid #d8d6d6;padding:10px;margin:10px 10px 0 0;} .commentText{padding:10px 0;} .commentHeader{background:#fff url(http://www.mentahelada.net/lj-layouts/layout017/bg-entry.jpg) repeat-x;padding:30px 10px 10px;color:#303030;text-transform:none;} .commentHeader a,.commentHeader a:link,.commentHeader a:visited{color:#303030;text-decoration:underline;} .commentHeader a:hover{text-decoration:none;} .commentHeaderScreened{background:#999;padding:10px;color:#fff;text-transform:none;} .commentHeaderSubject{color:#ca2323;font-size:1.2em;font-weight:100;text-transform:uppercase;} .commentLinkbar{background:transparent;padding:10px;font-size:0.9166em;color:#1a429d;text-align:right;} .commentLinkbar li{display:inline;list-style:none;font-weight:100;} .commentLinkbar li a,.commentLinkbar li a:link,.commentLinkbar li a:visited{background:#1a429d;padding:3px;margin:1px;color:#fff;text-decoration:none;} .commentLinkbar li a:hover{background:#fff;border-bottom:1px solid #ca2323;color:#303030;} .replyform{background:#fff;padding:10px;color:#303030;} #qrform table{border:0;margin:5px;padding:5px;height:auto;} #commenttext{width:100%;} /*****ARCHIVE PAGE **** */.month{margin:10px auto;width:90%;} .daysubjects{color:#303030;padding:10px;} .daytitles{background:transparent;border:0;height:2em;color:#1a429d;font-size:1.1666em;text-align:center;} .day-blank{background:transparent;border:0;} .day{background:transparent;border:1px solid #ccc;color:#303030;} .day-date{border:0;color:#303030;width:50%;text-align:center;} .day-count{float:right;text-align:center;width:50%;font-size:1.6666em;} .day-count a,.day-count a:link,.day-count a:visited{color:#1a429d;text-decoration:none;} .day-count a:hover{color:#303030;text-decoration:underline;} /*****TAGS PAGE**** */.tagstable{margin:20px auto;width:90%;font-size:1.1666em;} .tagstable td{background:transparent;border:1px solid #ccc;padding:5px;} /*****LJ-USER / COMMUNITY / PROTECTED ICONS*****/ .ljuser img { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout017/icon-user.png) no-repeat; padding: 16px 16px 0 0!important; } .ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout017/icon-user.png) no-repeat; padding: 16px 16px 0 0!important; } .ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout017/icon-group.png) no-repeat; padding: 16px 18px 0 0!important; } .entryHeaderSubject img[src="http://p-stat.livejournal.com/img/icon_protected.gif"] { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout017/icon-lock.png) no-repeat; padding: 16px 16px 0 0!important; } .summaryList img[src="http://p-stat.livejournal.com/img/icon_protected.gif"] { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout017/icon-lock.png) no-repeat; padding: 16px 16px 0 0!important; } .subject img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{ width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout017/icon-lock.png) no-repeat; padding: 16px 16px 0 0!important; } .entryHeaderSubject img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{ width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout017/icon-lock.png) no-repeat; padding: 16px 16px 0 0!important; } .daysubjects img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{ width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout017/icon-lock.png) no-repeat; padding: 16px 16px 0 0!important; } #lj_controlstrip .ljuser img { width: 0; height: 0; background-repeat:no-repeat; background-color: transparent; background-image: url(http://www.mentahelada.net/lj-layouts/layout017/icon-user.png); padding: 16px 18px 0 0!important; } #lj_controlstrip .ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] { width: 0; height: 0; background-color:transparent; background-image:url(http://www.mentahelada.net/lj-layouts/layout017/icon-user.png); padding: 16px 18px 0 0!important; } #lj_controlstrip .ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] { width: 0; height: 0; background-color:transparent; background-image:url(http://www.mentahelada.net/lj-layouts/layout017/icon-group.png); padding: 16px 18px 0 0!important; } /*****CONTEXTUAL POPUP*****/ div.ContextualPopup img {border:0 none;} div.ContextualPopup div.Inner {background:#fff!important; border:1px solid #ccc; padding:5px; color:#303030!important; font-size:1em; font-weight:100!important;} div.ContextualPopup .Content {margin-right:50px; font-weight:100!important;} div.ContextualPopup .Relation {color:#ca2323; font-size:1.4em/*14px*/; font-weight:500!important; font-style:italic;} div.ContextualPopup .Content .OnlineStatus {font-weight:100!important;} div.ContextualPopup .Userpic {font-weight:100!important;} div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited {color:#1a429d!important; font-weight:100; text-decoration:none!important;} div.ContextualPopup div.Inner a:hover{color:#303030!important; font-weight:100; text-decoration:none!important;}
@ mintyapple