054 - Layout 31 [Smooth Sailing: Things I Have Loved]: mentahelada

yam in mentahelada

054 - Layout 31 [Smooth Sailing: Things I Have Loved]

Apr 13, 2010 00:59

Hello!

Live preview | Image Preview
/********************DO NOT REMOVE THIS******************** Layout 031 [Things I Have Loved] by Yam @ MentaHelada (mentahelada.livejournal.com) ---CREDITS: Icons: http://iconza.com/ Flowers: http://dryicons.com/free-graphics/preview/flower-meadow/ *************************************************************/ /*****BASIC LAYOUT*****/ body { background:#9d9b84 url(http://www.mentahelada.net/lj-layouts/layout031/bg-body.jpg) top left repeat; border-top:5px solid #b9cb3f; color:#111; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:100%; line-height:104%; } .pageblock{ /*the content*/ background:transparent url(http://www.mentahelada.net/lj-layouts/layout031/bg-content.png) top left repeat-x; margin:0 auto; width:100%; } .pageheaderblock { font-size:0.75em/*12px*/; text-align:right; width:960px; margin:0 auto; } .bodyblock { /*entries + sidebar*/ background:transparent; margin:40px auto 0; overflow:hidden; width:960px; } .sidebar { background:transparent; width:250px; font-size:0.75em/*11px*/; } /*****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:440px;} .clear{height:0;} .lj_embedcontent{max-width:550px;} /**/ #lj_controlstrip {background:#b9cb3f!important; border-bottom:0!important; padding:5px; color:#111!important;font-style:italic;} #lj_controlstrip a, #lj_controlstrip a b{color:#111; text-decoration:underline; text-transform:none;} #lj_controlstrip a:hover{text-decoration:none;} #lj_controlstrip_statustext{color:#111; font-weight:900;} #lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search{border:0;} /**/ a, a:link, a:visited { color:#cb3f3f; font-weight:900; text-decoration:none; text-transform:none; } a:hover { color:#000; text-decoration:underline; } blockquote { background:#000; margin:10px auto; padding:20px; width:60%; color:#f4f4f4; font:italic normal 100 1.0909em Georgia, "Times New Roman", Times, serif; text-align:left; line-height:1.6em; } blockquote a{color:#292929!important; text-transform:none!important;} ::-moz-selection {background:#ccc;color:#111;} b, strong{color:#111;font-weight:900;} /*****HEADER*****/ .header-title, .header-subtitle, .header-icon {display:none;} .header-menu ul{margin:20px 0;} .header-menu li{display:inline;} .header-menu {padding:9px 0;} .header-menu a, .header-menu a:link, .header-menu a:visited { background:#b9cb3f; margin-right:5px; padding:10px; color:/*#dfe6b0*/#f4f4f4; font-family:Arial, Helvetica, sans-serif; font-weight:900!important; /*letter-spacing:0.1em;*/ text-decoration:none; text-transform:uppercase; } .header-menu a:hover { background:#cb3f3f; color:#f4f4f4; } /*****SIDEBAR*****/ .sidebar a{text-decoration:none; text-transform:none;} .sidebox { background:transparent; width:235px; margin-bottom:10px; overflow:auto; } .sideboxTitle, .listtitle { background:transparent; padding:15px 5px 5px; color:#cb3f3f; font-family:Arial, Helvetica, sans-serif; font-size:1.8em; font-weight:900; text-shadow:#dfdfdf 0 1px 0; text-align:left; text-transform:uppercase; } .sideboxContent {text-align:left;padding:5px 0;} .sidebox #systemlinks {text-align:left;} .summaryList{padding:3px 8px; background:transparent url(http://www.mentahelada.net/lj-layouts/layout031/bg-trans.png) top left repeat; margin-bottom:2px;border:1px solid #ccc;} #profile {text-align:center;} #summary, #search, #tags_sidebox, #freetext {padding:5px;} .listitem a, .listitem a:link, .listitem a:visited { background:transparent url(http://www.mentahelada.net/lj-layouts/layout031/bg-trans.png) top left repeat; border:1px solid #ccc; display:block; padding:3px 8px; margin-bottom:2px; color:#111; font-size:1em; font-weight:100; } .listitem a:hover {background:#b9cb3f;} .sidebox #summary a, .sidebox #tags_sidebox a{ background:transparent; color:#111; font-size:1em; font-weight:100; } .sidebox #summary a:hover, .sidebox #tags_sidebox a:hover {color:#cb3f3f;} .sidebox #latestmonth table{ width:90%; margin-left:auto; margin-right:auto; text-align:center; } .latestmonth-active{ background:#b9cb3f; border:1px solid #ccc; margin:1px; padding:3px; } .latestmonth-inactive{ background:transparent url(http://www.mentahelada.net/lj-layouts/layout031/bg-trans.png) top left repeat; border:1px solid #ccc; margin:1px; padding:3px; } .latestmonth-active a, .latestmonth-active a:link, .latestmonth-active a:active { color:#f4f4f4; text-decoration:none; } .latestmonth-active a:hover{text-decoration:underline;} .latestmonth-active:hover { background:#000; border:1px solid #ccc; } .profile-label { color:#cb3f3f; font-weight:900; } /*****BODY*****/ .bodyheaderblock, .body-title, .body-midtitle {display:none;} .bodynavblock {background:transparent; padding:20px;} .bodynavblock a{color:#111;font-weight:100; font-size:11px;} /*****FOOTER *****/ #footer-menu { background:transparent; font-family:Arial, Helvetica, sans-serif; font-size:0.6875em/*11px*/; font-weight:900; padding:10px; text-align:right; } #footer-menu ul {list-style:none;} #footer-menu li {display:inline;} #footer-menu a, #footer-menu a:link, .footer-menu a:visited { background:#b9cb3f; padding:5px; margin:2px; color:#f4f4f4; text-decoration:none; text-transform:uppercase; } #footer-menu a:hover{ background:#cb3f3f; color:#f4f4f4; } .pagefooterblock { /*the "this page was loaded..." part*/ background:transparent; padding:3px; color:#111; font-size:0.675em/*11px*/; text-align:center; text-transform:uppercase; } .pagefooterblock a, .pagefooterblock a:link, .pagefooterblock a:visited { color:#cb3f3f; text-decoration:underline; text-transform:none; } .pagefooterblock a:hover {text-decoration:none;} /*****ICONS*****/ .entryUserinfo, .commentUserinfo{ background:transparent; text-align:left; margin:10px 0; } .entryUserinfo a, .commentUserinfo a{ font-size:0.9em; color:#111; text-transform:uppercase; } .entryUserinfo b, .entryUserinfo strong, .commentUserinfo b, .commentUserinfo strong{ font-weight:100; color:#111; } .entryUserinfo-username, .commentUserinfo-username { padding-top:5px; margin:0 0 20px 10px; font-size:11px!important; } .commentUserinfo-usericon a{color:#111;} .entryUserinfo-username{ padding-top:5px; margin:0 0 20px 10px; } .entryUserinfo-usericon a img, .commentUserinfo-usericon a img{ background:transparent; margin:0 10px; } .entryUserinfo-usericon a:hover img, .commentUserinfo-usericon a:hover img{ background:transparent; margin:0 10px; } /*****ENTRY / COMMENTS*****/ #welcomenoteText{background:transparent; border:0;} .entryHolder, .commentHolder { background:transparent; margin-bottom:20px; font-size:0.75em/*12px*/; } .entryText { background:transparent; line-height:1.7em; min-height:150px; margin:10px; max-width:550px; } .entryText blockquote img{max-width:300px!important;height:auto;} .commentText {padding:10px;} /*--1st line: all images posted will have a fixed width. 2nd line: a fix for polls--*/ .entryText img{max-width:550px;height:auto;} .entryText table tbody img, .entryText p span img{width:auto;height:auto;} .entryText ul li { list-style:square; margin-left:30px; padding-left:0px; } .entryText ol li { list-style:decimal; margin-left:30px; padding-left:0px; } .entryHeader, .commentHeader { /*date / time container*/ background:transparent; overflow:hidden; padding:10px; color:#111; font-weight:100; clear:both!important; } .entryHeaderSubject, .commentHeaderSubject { background:transparent url(http://www.mentahelada.net/lj-layouts/layout031/bg-trans.png) top left repeat; font-family:Arial, Helvetica, sans-serif; font-size:1.3em; font-style:normal; font-weight:900; line-height:1.7em; /*letter-spacing:0.09em;*/ text-transform:none; overflow:hidden; padding:3px 8px; } .entryHeaderDate { background:transparent; display:block; color:#333; font-size:0.9em; letter-spacing:0.14em; text-align:right; text-decoration:none; } .entryHeader a, .entryHeader a:link, .entryHeader a:visited, .commentHeader a, .commentHeader a:link, .commentHeader a:visited{ color:#111; font-weight:900; text-decoration:none; text-transform:uppercase; } .entryHeader a:hover, .commentHeader a:hover{ color:#cb3f3f; text-decoration:none; } .entryMetadata { background:transparent; margin-bottom:10px; padding:5px; text-align:left; } .entryMetadata-content {padding-left:4px;} .entryMetadata a{text-transform:none;} .entryMetadata-label {font-weight:100;} .entryMetadata li { background:transparent; display:block; list-style:none; } .entryLinkbar, .commentLinkbar { background:transparent; border-bottom:5px solid #b9cb3f; padding:7px 0; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; color:#163b58; text-align:center; } .entryLinkbar li, .commentLinkbar li { display:inline; list-style:none; font-weight:100; } .entryLinkbar li a, .entryLinkbar li a:link, .entryLinkbar li a:visited, .commentLinkbar li a, .commentLinkbar li a:link, .commentLinkbar li a:visited{ background:transparent; padding:7px 6px; color:#111; text-decoration:none; text-transform:uppercase; } .entryLinkbar li a:hover, .commentLinkbar li a:hover { background:#b9cb3f; color:#f4f4f4; text-decoration:none; } .commentHeaderScreened{ background:#111; padding:10px; color:#f4f4f4; text-transform:none; } .commentHeaderScreened .commentHeaderSubject{background:transparent!important;} .replyform { background:transparent; padding:10px; color:#111; } #qrform table { background:transparent url(http://www.mentahelada.net/lj-layouts/layout031/bg-trans.png) top left repeat; border:1px solid #ccc!important; margin:0 5px 5px; padding:5px; height:auto; } #commenttext{width:100%;} #qrdiv, #qrformdiv{background:transparent;} #postform{font-size:0.75em/*12px*/;} /*****ARCHIVE PAGE *****/ .month { background:#b9cb3f; margin:30px auto; width:70%; } .daysubjects { background:transparent; color:#111; padding:30px 10px; } .daytitles { background:transparent; border:0; height:2em; color:#111; font-size:1em; text-align:center; text-transform:uppercase; } .day-blank { background:#b9cb3f; border:2px solid #b9cb3f; } .day{ background:#f4f4f4; border:2px solid #b9cb3f; padding:2px; color: #111; } .day-date { border:0; color:#111; 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:#cb3f3f; text-decoration:none; } .day-count a:hover { color:#111; text-decoration:none; } /*****TAGS PAGE *****/ .tagstable { margin:10px auto; width:90%; font-size:1.1em; } .tagstable td { background:transparent url(http://www.mentahelada.net/lj-layouts/layout031/bg-trans.png) top left repeat;; border:1px solid #b9cb3f; padding:5px; } /*****LJ-USER / COMMUNITY / PROTECTED ICONS*****/ .ljuser img { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout031/icon-user.png) no-repeat; padding: 16px 16px 0 0!important;} .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout031/icon-user.png) no-repeat; padding: 16px 16px 0 0!important;} .ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] { width: 0; height: 0; background:transparent url(http://www.mentahelada.net/lj-layouts/layout031/icon-home.png) no-repeat; padding: 16px 16px 0 0!important;} .entryHeaderSubject img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] { width: 0; height: 0; background:transparent url(http://www.mentahelada.net/lj-layouts/layout031/icon-lock.png) no-repeat; padding: 16px 16px 0 0!important;} .summaryList img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] { width: 0; height: 0; background:transparent url(http://www.mentahelada.net/lj-layouts/layout031/icon-lock.png) no-repeat; padding: 16px 16px 0 0!important;} .subject img[src="http://l-stat.livejournal.com/img/icon_protected.gif"]{ width: 0; height: 0; background:transparent url(http://www.mentahelada.net/lj-layouts/layout031/icon-lock.png) no-repeat; padding: 16px 16px 0 0!important;} .entryHeaderSubject img[src="http://l-stat.livejournal.com/img/icon_private.gif"]{ width: 0; height: 0; background:transparent url(http://www.mentahelada.net/lj-layouts/layout031/icon-lock.png) no-repeat; padding: 16px 16px 0 0!important;} .entryHeaderSubject img[src="http://l-stat.livejournal.com/img/community.gif"]{ width: 0; height: 0; background:transparent url(http://www.mentahelada.net/lj-layouts/layout031/icon-home.png) no-repeat; padding: 16px 16px 0 0!important;} .entryHeaderSubject img[src="http://l-stat.livejournal.com/img/userinfo.gif"]{ width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout031/icon-user.png) no-repeat; padding: 16px 16px 0 0!important;} .daysubjects img[src="http://l-stat.livejournal.com/img/icon_protected.gif"]{ width: 0; height: 0; background:transparent url(http://www.mentahelada.net/lj-layouts/layout031/icon-lock.png) no-repeat; padding: 16px 16px 0 0!important;} #lj_controlstrip .ljuser img { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout031/icon-user.png) no-repeat; padding: 16px 16px 0 0!important;} #lj_controlstrip .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout031/icon-user.png) no-repeat; padding: 16px 16px 0 0!important;} #lj_controlstrip .ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] { width: 0; height: 0; background:transparent url(http://www.mentahelada.net/lj-layouts/layout031/icon-home.png) no-repeat; padding: 16px 16px 0 0!important;} /*****CONTEXTUAL POPUP****/ div.ContextualPopup img {border:0;} div.ContextualPopup div.Inner {background:#fff!important; padding:5px;color:#111!important; font-size:1em; font-weight:100!important;border:1px solid #ccc;} div.ContextualPopup .Content {font-weight:100!important; margin-right:50px;} div.ContextualPopup .Relation {font-size:1em; font-weight:900!important;color:#cb3f3f!important;text-transform:uppercase;} 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:#cb3f3f!important;font-weight:100; text-decoration:none!important; text-transform:none;} div.ContextualPopup div.Inner a:hover{color:#111!important;font-weight:100; text-decoration:underline!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.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Credits:
All mini icons: Iconza
Vectors: DryIcons
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Background: http://www.mentahelada.net/lj-layouts/layout031/bg-body.jpg
Flowers: http://www.mentahelada.net/lj-layouts/layout031/bg-content.png
Transparency: http://www.mentahelada.net/lj-layouts/layout031/bg-trans.png

User, community, locked/protected icons:

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

Choose a Smooth Sailing layout
Under "3. Choose a Page Setup" choose "2 Column (sidebar on left)" and apply the layout
Go to the customize main page and, under "Additional Options", choose "no" in "Wrap Entry text under userinfo" line. Save
Go to the Custom CSS page
Select NO in the dropdowns
Leave "Custom External Stylesheet" empty
Paste the CSS that I give you in the "Custom Stylesheet" box. Save your changes.

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

EASY RULES:

Credit mentahelada 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

@ mintyapple

layouts:smooth sailing, layouts