034 - Layout 013 [Smooth Sailing: It's Hard To Stay Alive]: mentahelada

yam in mentahelada

034 - Layout 013 [Smooth Sailing: It's Hard To Stay Alive]

Feb 04, 2009 02:55

I'm working on a Minimalism layout. I've finished one already, but it's pretty simple. I'll post it anyway -during this week, I hope.-
This is a free version of frozen_mint's layout. I really hope you like it ('cause I'm already tired of it :/)

Live preview | Image Preview

/********************DO NOT REMOVE THIS******************** Layout 013 [It's Hard To Stay Alive] 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 ************************************************************/ /*Background image by http://cdg.livejournal.com/, hand drawn ornaments by http://www.bittbox.com/category/freebies/*/ /*****BASIC LAYOUT ******************/ body { background:#fff url(http://www.mentahelada.net/lj-layouts/layout013/cdg-patterns.png) top left repeat fixed; color:#464646; font-family:Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:100%; line-height:103%; } .pageblock{ /*the content*/ background:transparent url(http://www.mentahelada.net/lj-layouts/layout013/header.png) top left no-repeat; /*ADD THE HEADER HERE*/ padding-top:0; /*CHANGE TO THE HEIGHT OF YOUR HEADER*/ width:960px; margin:0 auto; } /*****BASICS ************/ * {margin: 0; padding: 0;} a, a:link, a:visited { color:#348890; font-weight:200; text-decoration:underline; text-transform:none; } a:hover { color:#464646; text-decoration:underline; } blockquote { background:transparent url(http://www.mentahelada.net/lj-layouts/layout013/quote-bg.png) bottom left no-repeat; border-top:10px solid #348890; margin:10px auto; min-height:125px; padding:20px 20px 0 100px; width:60%; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.1666em/*14px*/; font-style:italic; text-align:left; } p, td { font-size:inherit; } code, kbd, pre, tt { font-family:monospace; } ::-moz-selection { background:#fbfbe0; color:#348890; } b, strong{ color:#348890; font-weight:900; } i, em{ font-style:italic; } .ippu { font-size:12px; } /*****HEADER ************/ .pageheaderblock { background:transparent; margin-left:320px; font-size:0.6875em/*11px*/; text-align:left; } .header-title {display:none;} .header-subtitle {display:none;} .header-icon {display:none;} .header-menu ul{} .header-menu li{ display:inline; } .header-menu { background:transparent; /*overflow:hidden;*/ padding:60px 0 20px; } .header-menu a, .header-menu a:link, .header-menu a:visited { background:transparent; border:1px solid #348890; margin:2px; padding:5px; color:#348890; font-weight:normal!important; text-decoration:none; text-transform:uppercase; } .header-menu a:hover { background-color:#fbfbe0; color:#348890; } /*****BODY ************/ .bodyheaderblock { /*the title above entry, is NOT child of .bodyblock*/ display:none; } .body-title { /*the title above entry :/ is NOT child of .bodyblock*/ display:none; } .bodyblock { background:transparent; padding:0; font-size:0.75em/*12px*/; } .bodynavblock { /*the body footer omg.wtf.with.the.classes.names*/ background:transparent; color:#348890; padding:15px; } .bodynavblock a, .bodynavblock a:link, .bodynavblock a:visited { background:#4ca0a7; padding:5px; margin:2px; color:#f4f4f4; } .bodynavblock a:hover{ background:#348890; padding:5px; margin:2px; color:#f4f4f4; text-decoration:none; } .body-midtitle { /*the title/separator of the comments*/ display:none; } /*****ENTRY ************/ #welcomenoteText{ border-top:3px solid #4ca0a7; } .entryHolder { background:transparent url(http://www.mentahelada.net/lj-layouts/layout013/title-bg.png) top left no-repeat } .entryUserinfo { /*around the icon / user*/ background:transparent; text-align:center; } .entryUserinfo-usericon img { background:transparent; margin:10px; } .entryUserinfo-usericon a img{ background:transparent; border:1px solid #fbfbe0; margin:10px 10px 0; } .entryUserinfo-usericon a:hover img{ background:transparent; border:1px solid #4ca0a7; margin:10px 10px 0; } .entryText { padding:10px 10px 10px 0; } .entryText img{ max-width:400px; } .entryText ul li { list-style:circle; margin-left:40px; padding-left:0px; } .entryText ol li { list-style:decimal-leading-zero; margin-left:40px; padding-left:0px; } .entryHeader { /*date / time container*/ background:transparent; border-top:3px solid #4ca0a7; overflow:auto; padding:18px 10px 0; color:#348890; font-family:Georgia, "Times New Roman", Times, serif; font-weight:100; text-align:right; clear:both!important; } .entryHeaderSubject { float:left; padding:10px 0; font-size:2em/*24px*/; font-style:normal; } .entryHeaderDate { float:right; color:#348890; font-size:1.1666em/*14px*/; text-decoration:none; } .entryHeader a, .entryHeader a:link, .entryHeader a:visited, .entryHeaderDate a{ color:#348890; font-weight:100; text-decoration:none; text-transform:none; } .entryHeader a:hover, .entryHeaderDate a:hover{ color:#4ca0a7; text-decoration:none; } .entryMetadata { background:transparent; text-align:right; } .entryMetadata ul {} .entryMetadata li { background:transparent url(http://www.mentahelada.net/lj-layouts/layout013/bg-trans.png) repeat; display:block; list-style:none; margin:3px; padding:2px 10px; } .entryMetadata-label { font-weight:100; } .entryLinkbar { background:#transparent; padding:20px 0 10px; font-size:0.9166em/*11px*/; color:#163b58; text-align:right; } .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; border:1px solid #348890; margin:1px; padding:5px 3px; color:#348890; text-decoration:none; text-transform:uppercase; } .entryLinkbar li a:hover { background:#fbfbe0; text-decoration:none; } /*****FOOTER ************/ .pagefooterblock { /*the "this page was loaded..." part*/ background:transparent; padding:20px 0; font-size:0.6875em/*11px*/; text-align:right; text-transform:uppercase; } .pagefooterblock a, .pagefooterblock a:link, .pagefooterblock a:visited { color:#348890; text-decoration:underline; text-transform:none; } .pagefooterblock a:hover { text-decoration:none; } #footer-menu { background:transparent; border-top:3px solid #348890; font-size:0.9166em/*11px*/; } #footer-menu ul { list-style:none; } #footer-menu li { display:inline; } #footer-menu a, #footer-menu a:link, .footer-menu a:visited { background:#348890; padding:7px; margin:2px; color:#f4f4f4; text-decoration:none; text-transform:uppercase; } #footer-menu a:hover{ background:#4ca0a7; color:#f4f4f4; } /*****SIDEBAR *************/ .sidebar { background:transparent; margin:95px 30px 0 10px; width:250px; font-family:Georgia, "Times New Roman", Times, serif; } .sidebar a{ text-decoration:none; } .sidebox { background:transparent; /*border:1px solid #348890;*/ margin-bottom:20px; color:#464646; } #freetext{ color:#464646; } .sideboxTitle { background:transparent; padding:5px 5px 0 5px; color:#348890; font-size:2em/*24px*/; text-align:left; text-transform:lowercase; } .listtitle { /*titles in the link list*/ background:transparent; padding:5px 5px 0 5px; margin:20px 0 5px 0; color:#348890; font-size:2em/*24px*/; text-align:left; text-transform:lowercase; } .sideboxContent { text-align:left; padding:5px 5px 10px; } .sidebox #systemlinks { text-align:left; } .sidebox #summary b{ color:#348890; line-height:2em; } .sidebox #summary a{ background:transparent; margin-bottom:1px; padding:3px; color:#464646; font-size:1.1666em/*14px*/; font-weight:100; } .sidebox #summary a:hover { color:#348890; text-decoration:underline; } .listitem a, .listitem a:link, .listitem a:visited { background:transparent; border-bottom:1px solid #348890; display:block; margin-bottom:1px; padding:3px 7px; color:#464646; font-size:1.1666em/*14px*/; font-weight:100; } .listitem a:hover { background:url(http://www.mentahelada.net/lj-layouts/layout013/bg-trans.png) repeat; border-bottom:1px solid #348890; color:#348890; } .sidebox #latestmonth table{ width:95%; margin-left:auto; margin-right:auto; } .latestmonth-active{ background:#4ca0a7; margin:1px; padding:3px; } .latestmonth-inactive{ background:transparent url(http://www.mentahelada.net/lj-layouts/layout013/bg-trans.png) repeat; 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:#348890; } .profile-label { /*bold words in the profile blurb*/ color:#348890; font-weight: bold; } /*****COMMENT PAGE ******************/ .commentHolder { background-color:transparent; border-left:5px solid #348890; color:#464646; margin:10px 0; } .commentUserinfo { margin:5px; padding:5px; text-align:center; } .commentUserinfo-usericon img { background:transparent; border:0; padding:6px; } .commentText { padding:10px 0; } .commentHeader { background:transparent; border-bottom:1px solid #4ca0a7; padding:5px; color:#45432a; text-transform:none; } .commentHeader a, .commentHeader a:link, .commentHeader a:visited{ color:#348890; text-decoration:underline; } .commentHeader a:hover { text-decoration:none; } .commentHeaderScreened { /*this changes just the commentHeader*/ background:#4ca0a7; border-bottom:1px solid #4ca0a7; padding:5px; color:#45432a; text-transform:none; } .commentHeaderSubject { font-weight: bold; text-transform:uppercase; } .commentLinkbar { background:transparent; padding:10px; font-size:0.9166em/*11px*/; color:#348890; text-align:right; } .commentLinkbar ul {} .commentLinkbar li { display:inline; list-style:none; font-weight:900; } .commentLinkbar li a, .commentLinkbar li a:link, .commentLinkbar li a:visited{ background:transparent; border:1px solid #348890; padding:3px; margin:2px; color:#348890; text-decoration:none; } .commentLinkbar li a:hover { background:#fbfbe0; } .replyform { background:transparent; padding:10px; color:#464646; } #qrform table { border:0!important; margin:5px; padding:5px; height:auto; } #commenttext{ width:100%; font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif; font-size:1.0833em/*13px*/; } /*****ARCHIVE PAGE ******************/ .yearlinks, .yearlink{} .month { margin:10px auto; width:90%; } .daysubjects { color: #464646; padding:10px; } .daytitles { background:transparent; border:0; height:2em; color:#464646; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.1666em/*14px*/; text-align:center; } .day-blank { background:transparent url(http://www.mentahelada.net/lj-layouts/layout013/bg-trans.png) repeat; border:0; } .day{ background:transparent url(http://www.mentahelada.net/lj-layouts/layout013/bg-trans.png) repeat; border:1px solid #fbfbe0; color: #464646; } .day-date { border:0; color:#464646; width:50%; text-align:center; } .day-count { float: right; text-align:center; width:50%; font-size:1.1666em/*14px*/; } .day-count a, .day-count a:link, .day-count a:visited { color:#464646; text-decoration:none; } .day-count a:hover { color:#348890; text-decoration:underline; } /*****ARCHIVE PAGE ******************/ .tagstable { margin:10px auto; width:90%; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.1666em/*14px*/; } .tagstable td { background:transparent url(http://www.mentahelada.net/lj-layouts/layout013/bg-trans.png) repeat; border:1px solid #fbfbe0; padding:5px; } /*****LJ-USER / COMMUNITY / PROTECTED ICONS ******icons by http://www.pinvoke.com/ ******************/ .ljuser img { width: 0; height: 0; background-repeat:no-repeat; background-color: transparent; background-image: url('http://www.mentahelada.net/lj-layouts/layout013/icon-user.png'); padding: 16px 18px 0 0!important; } .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/layout013/icon-user.png'); padding: 16px 18px 0 0!important; } .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/layout013/icon-home.png'); padding: 16px 18px 0 0!important; } .entryHeaderSubject img[src="http://p-stat.livejournal.com/img/icon_protected.gif"] { width: 0; height: 0; background: url('http://www.mentahelada.net/lj-layouts/layout013/icon-key.png'); padding: 16px 16px 0 0!important; } .summaryList img[src="http://p-stat.livejournal.com/img/icon_protected.gif"] { width: 0; height: 0; background: url('http://www.mentahelada.net/lj-layouts/layout013/icon-key.png'); padding: 16px 16px 0 0!important; } .subject img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{ width: 0; height: 0; background: url('http://www.mentahelada.net/lj-layouts/layout013/icon-key.png'); padding: 16px 16px 0 0!important; } .entryHeaderSubject img[src="http://p-stat.livejournal.com/img/icon_private.gif"] { width: 0; height: 0; background: url('http://www.mentahelada.net/lj-layouts/layout013/icon-key.png'); padding: 16px 16px 0 0!important; } .entryHeaderSubject img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{ width: 0; height: 0; background: url('http://www.mentahelada.net/lj-layouts/layout013/icon-key.png'); padding: 16px 16px 0 0!important; } .daysubjects img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{ width: 0; height: 0; background: url('http://www.mentahelada.net/lj-layouts/layout013/icon-key.png'); padding: 16px 14px 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/layout013/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/layout013/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/layout013/icon-home.png'); padding: 16px 18px 0 0!important; } /*****CONTEXTUAL POPUP ***************************************/ div.ContextualPopup img { border:0 none; } div.ContextualPopup div.Inner { background:#fbfbe0!important; border:0!important; color:#464646!important; font-family:Georgia, "Times New Roman", Times, serif; font-size:1em; font-weight:100!important; padding:5px; } div.ContextualPopup .Content { font-weight:100!important; margin-right:50px; } div.ContextualPopup .Relation { font-size:1.2727em/*14px*/; font-weight:100!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:#348890!important; font-family:Georgia, "Times New Roman", Times, serif; font-weight:100; text-decoration:none!important; } div.ContextualPopup div.Inner a:hover{ color:#4ca0a7!important; font-family:Georgia, "Times New Roman", Times, serif; 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. IE6 does not support PNG transparency, so this layout looks really ugly in that browser. I really hope you are not using it anymore.

IMAGES:
Please upload the images to your own server. Thanks.
http://www.mentahelada.net/lj-layouts/layout013/bg-trans.png
http://www.mentahelada.net/lj-layouts/layout013/cdg-patterns.png
http://www.mentahelada.net/lj-layouts/layout013/header.png
http://www.mentahelada.net/lj-layouts/layout013/quote-bg.png
http://www.mentahelada.net/lj-layouts/layout013/title-bg.png
User, community, locked/protected icons:

(by Pinvoke)
Pride & Prejudice icon in the preview made by me. Find it here.
BASIC INSTRUCTIONS:

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

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

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

@ mintyapple

layouts:smooth sailing, layouts