051 - Layout 28 [Smooth Sailing: Like A Heart That Is So True ]: mentahelada

yam in mentahelada

051 - Layout 28 [Smooth Sailing: Like A Heart That Is So True ]

Jan 04, 2010 01:48

Hello! Happy new year, guys!
Enjoy this pretty-simple-kinda-girly layout that I made 3408435 years ago. :P

Live preview | Image Preview

/********************DO NOT REMOVE THIS******************** Layout 028 [Like A Heart That Is So True] by Yam @ MentaHelada (mentahelada.livejournal.com) ----------CREDITS: Icons: http://iconza.com/ Flower Drawing (vector images): http://dryicons.com/free-graphics/preview/flower-drawing/ *************************************************************/ /*****BASIC LAYOUT*****/ body { background:#95b8a2 url(http://www.mentahelada.net/lj-layouts/layout028/bg-body.png) top left repeat-y; color:#231f20; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:104%; } .pageblock{ /*the content*/ background:transparent; margin:0 auto 0 100px; width:900px; } .pageheaderblock { text-align:left; } .bodyblock { /*entries + sidebar*/ background:transparent; overflow:hidden; padding-top:20px; } .sidebar { background:transparent url(http://www.mentahelada.net/lj-layouts/layout028/bg-sbar.png) top left no-repeat; width:250px; padding-top:248px; margin-right:20px; font-size:0.75em/*12px*/; } /*****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:500px;} .clear{height:0;} .lj_embedcontent{max-width:500px;} /**/ #lj_controlstrip {background:#ec008c!important;border-bottom:0px;padding:3px;color:#f4f4f4!important;} #lj_controlstrip a{color:#f4f4f4; text-decoration:underline; text-transform:none;} #lj_controlstrip a:hover{text-decoration:none;} #lj_controlstrip_statustext{color:#f4f4f4; font-weight:100;} #lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search{border:0;} /**/ a, a:link, a:visited { color:#ec008c; font-weight:900; text-decoration:none; text-transform:none; } a:hover { color:#333; text-decoration:underline; } blockquote { background:#e8e8e8; border-left:35px solid #92c0c5; margin:10px 0; padding:10px 5px; width:75%; color:#666; 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:#333;} b, strong{color:#111;font-weight:900;} /*****HEADER*****/ .header-title, .header-subtitle, .header-icon {display:none;} .header-menu ul{} .header-menu li{display:inline;} .header-menu { background:#ec008c; padding:14px; } .header-menu a, .header-menu a:link, .header-menu a:visited { background:#ec008c; display:inline; padding:12px; color:#f4f4f4; font-family:"Times New Roman",Georgia, Times, serif; font-size:1.1em; font-style:italic; font-weight:100; text-decoration:none; text-transform:lowercase; } .header-menu a:hover { background:#f4f4f4; padding-bottom:15px; color:#92c0c5; } /*****SIDEBAR*****/ .sidebar a{text-decoration:none; text-transform:none;} .sidebox { background:#f4f4f4; overflow:auto; } .sideboxTitle, .listtitle { background:#ec008c; padding:10px 10px 5px; margin:0 0 3px; color:#f4f4f4; font-family:"Times New Roman",Georgia, Times, serif; font-size:1.4em; font-style:italic; font-weight:100; text-align:left; text-transform:lowercase; } .listtitle{margin-top:3px;} .sideboxContent {text-align:left;padding:5px 0;} .sidebox #systemlinks {text-align:left;} .summaryList{padding-bottom:10px;} #profile {text-align:center;} #summary, #search, #tags_sidebox, #freetext {padding:5px;} .listitem a, .listitem a:link, .listitem a:visited { background:transparent; border-bottom:1px solid #92c0c5; display:block; padding:3px 8px; color:#333; font-size:1em; font-weight:100; } .listitem a:hover { background:#92c0c5; border-bottom:1px solid #92c0c5; color:#292929; } .sidebox #summary a, .sidebox #tags_sidebox a{ background:transparent; color:#333; font-size:1em; font-weight:100; } .sidebox #summary a:hover, .sidebox #tags_sidebox a:hover {color:#ec008c;} .sidebox #latestmonth table{ width:90%; margin-left:auto; margin-right:auto; text-align:center; } .latestmonth-active{ background:#92c0c5; border:1px solid #92c0c5; 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; text-decoration:none; } .latestmonth-active a:hover{text-decoration:underline;} .latestmonth-active:hover { background:#333; border:1px solid #333; } .profile-label { color:#ec008c; font-weight:100; } /*****BODY*****/ .bodyheaderblock {display:none;} .body-title {display:none;} .bodynavblock {background:transparent; padding:20px;} .body-midtitle {display:none;} /*****FOOTER *****/ #footer-menu { background:transparent; font-size:0.6875em/*11px*/; 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:#ec008c; padding:5px; margin:2px; color:#f4f4f4; text-decoration:none; text-transform:uppercase; } #footer-menu a:hover{ background:#92c0c5; color:#333; } .pagefooterblock { /*the "this page was loaded..." part*/ background:transparent; padding:3px; color:#f4f4f4; font-size:0.625em/*10px*/; text-align:center; text-transform:uppercase; } .pagefooterblock a, .pagefooterblock a:link, .pagefooterblock a:visited { color:#ec008c; 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.85em; color:#333; } .entryUserinfo b, .entryUserinfo strong, .commentUserinfo b, .commentUserinfo strong{ font-weight:100; color:#333; } .entryUserinfo-username, .commentUserinfo-username { padding-top:5px; margin:0 0 20px 10px; font-size:11px!important; } .commentUserinfo-usericon a{color:#333;} .entryUserinfo-username{ padding-top:5px; margin:0 0 20px 10px; } .entryUserinfo-usericon a img, .commentUserinfo-usericon a img{ background:transparent; margin:0 10px; width:85px; height:auto; } .entryUserinfo-usericon a:hover img, .commentUserinfo-usericon a:hover img{ background:transparent; margin:0 10px; } /*****ENTRY / COMMENTS*****/ #welcomenoteText{background:#f4f4f4; border:1px solid #ccc;} .entryHolder, .commentHolder { background:#f4f4f4; margin:0 10px 20px 0; font-size:0.75em/*12px*/; } .entryText { background:#f4f4f4; line-height:1.7em; min-height:130px; margin:10px 10px 0 0; } .commentText {padding:10px;} /*--1st line: all images posted will have a fixed width. 2nd line: a fix for polls--*/ .entryText img{max-width:500px;height:auto;} .entryText table tbody img, .entryText p span img{width:auto;height:auto;} .entryText ul li { list-style:circle; margin-left:25px; padding-left:0px; } .entryText ol li { list-style:decimal-leading-zero; margin-left:25px; padding-left:0px; } .entryHeader, .commentHeader { /*date / time container*/ background:#f4f4f4; overflow:hidden; padding:10px; color:#ec008c; font-weight:100; clear:both!important; } .entryHeaderSubject, .commentHeaderSubject { font-family:"Times New Roman",Georgia, Times, serif; font-size:1.6em; font-style:italic; font-weight:100; line-height:1.2em; letter-spacing:0.05em; text-transform:none; overflow:hidden; } .entryHeaderDate { background:#f4f4f4; display:block; color:#92c0c5; text-align:right; text-decoration:none; } .entryHeader a, .entryHeader a:link, .entryHeader a:visited, .commentHeader a, .commentHeader a:link, .commentHeader a:visited{ color:#ec008c; font-weight:100; text-decoration:none; text-transform:none; } .entryHeader a:hover, .commentHeader a:hover{ color:#333; text-decoration:none; } .entryMetadata { background:#f4f4f4; border-top:1px solid #ccc; padding:5px; font-size:0.9166em; text-align:left; } .entryMetadata-content {padding-left:5px;} .entryMetadata a{text-transform:none;} .entryMetadata-label {font-weight:100;} .entryMetadata li { background:transparent; display:block; list-style:none; margin:2px 0; padding:2px 0; } .entryLinkbar, .commentLinkbar { background:#f4f4f4; border-top:1px solid #ccc; padding:6px 0; font-size:0.8em; color:#163b58; text-align:right; } .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:#f4f4f4; border-left:1px solid #ccc; padding:7px 6px; color:#999; text-decoration:none; text-transform:lowercase; } .entryLinkbar li a:hover, .commentLinkbar li a:hover { background:#92c0c5; color:#333; text-decoration:none; } .commentHeaderScreened{ background:#999; padding:10px; color:#f4f4f4; text-transform:none; } .replyform { background:#f4f4f4; padding:10px; color:#333; } #qrform table { border:0!important; margin:5px; padding:5px; height:auto; } #commenttext{width:100%;} #qrdiv, #qrformdiv{background:#f4f4f4;} #postform{font-size:0.75em/*12px*/;} /*****ARCHIVE PAGE *****/ .month { background:#f4f4f4; margin:30px auto; width:70%; } .daysubjects { background:#f4f4f4; color:#333; padding:30px 10px; } .daytitles { background:transparent; border:0; height:2em; color:#ec008c; font-size:1.1666em/*14px*/; text-align:center; } .day-blank { background:#292929; border:2px solid #f4f4f4; } .day{ background:#ccc; border:2px solid #f4f4f4; padding:2px; color: #333; } .day-date { border:0; color:#333; 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:#ec008c; text-decoration:none; } .day-count a:hover { color:#333; text-decoration:none; } /*****TAGS PAGE *****/ .tagstable { margin:10px auto; width:90%; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.1666em/*14px*/; } .tagstable td { background:transparent; border:2px solid #ccc; padding:5px; } /*****LJ-USER / COMMUNITY / PROTECTED ICONS*****/ .ljuser img { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout028/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/layout028/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/layout028/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/layout028/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/layout028/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/layout028/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/layout028/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/layout028/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/layout028/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/layout028/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/layout028/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/layout028/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/layout028/icon-home.png) no-repeat; padding: 16px 16px 0 0!important;} /*****CONTEXTUAL POPUP****/ div.ContextualPopup img {border:0;} div.ContextualPopup div.Inner {background:#f4f4f4!important; padding:5px;color:#333!important; font-size:1em; font-weight:100!important;border:2px solid #ccc;} div.ContextualPopup .Content {font-weight:100!important; margin-right:50px;} div.ContextualPopup .Relation {font-size:1.2727em/*14px*/; font-weight:100!important;color:#ec008c!important;} 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:#ec008c!important;font-weight:100; text-decoration:none!important; text-transform:none;} div.ContextualPopup div.Inner a:hover{color:#ccc!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
Flower Drawing (vector images): DryIcons
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Pink sidebar: http://www.mentahelada.net/lj-layouts/layout028/bg-body.png
Florer drawing: http://www.mentahelada.net/lj-layouts/layout028/bg-sbar.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

@ mintyaple

Oh, and I completely forgot to do this on the last entry. Go and friend my not-so-new affiliate:
kuribati
You'll find amazing icons and wallpapers and layouts and tutorials over there. But probably you all already know it, because it's a great comm. :)

layouts:smooth sailing, layouts, ! affiliates