028 - Layout 009 [Smooth Sailing: Epic Love Will Save The World]: mentahelada

yam in mentahelada

028 - Layout 009 [Smooth Sailing: Epic Love Will Save The World]

Dec 09, 2008 16:12

Hello!. I have SO much things to do lately, but here is another layout. This is the first time I use Smooth Sailing, so it's a little simple. Kind of.
Click here to see the original "Epic Love Will Save The World" that I made for my lovely sister.
Enjoy! :)

Live preview | Image Preview

Live preview | Image preview
/********************DO NOT REMOVE THIS******************** Layout 009 [Epic Love Will Save The World] by Yam @ Frozen Mint (frozen_mint.livejournal.com) Style: Smooth Sailing Account level: Basic / Paid / Plus (ads between entries) Tested on: IE (7 and higher), Firefox, Safari and Chrome Colors from the palette: "Growing Love" (http://www.colourlovers.com/palette/58330/Growing_Love) ****************************************/ /*****BASIC LAYOUT*****/ body { background:#9ecfd5 url(http://www.mentahelada.net/lj-layouts/layout009/bg-c-body.png) top left repeat fixed; color:#6d6f71; font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif; font-size:100%; } .pageblock{ /*the content*/ background:transparent url(http://www.mentahelada.net/lj-layouts/layout009/) top center no-repeat; /*ADD THE HEADER HERE*/ padding-top:0px; /*CHANGE TO THE HEIGHT OF YOUR HEADER*/ width:960px; margin:0 auto; } /*****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:#eaf2f3!important; border-bottom:5px solid #bf2c79; padding:3px; color:#c16713!important;} #lj_controlstrip a{color:#bf2c79; text-decoration:none; text-transform:none;} #lj_controlstrip a b{color:#bf2c79; text-decoration:none; text-transform:none;} #lj_controlstrip a:hover{color:#6d6f71; text-decoration:none;} #lj_controlstrip_statustext{color:#bf2c79; font-weight:100;} #lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search{border:0;} a, a:link, a:visited { color:#bf2c79; font-weight:bold; text-decoration:underline; text-transform:none; } a:hover {color:#6d6f71;} blockquote { background:#d6dddf; border-left:20px solid #bf2c79; margin:0; padding:20px 20px 20px 8px; width:50%; font-size:1.0833em/*13px*/; text-align:left; font-style:italic; } ::-moz-selection { background:#bf2c79; color:#fff; } b, strong{ color:#6d6f71; font-weight:bold; text-transform:uppercase; } /*****HEADER*****/ .pageheaderblock { background:transparent; font-size:1.0625em/*17px*/; text-align:center; } .header-title {display:none;} .header-subtitle {display:none;} .header-icon {display:none;} .header-menu { background:transparent; /*overflow:hidden;*/ margin-bottom:5px; padding:5px 0; } .header-menu a, .header-menu a:link, .header-menu a:visited { background:#bf2c79; margin:2px; padding:5px; color:#d6dddf; font-weight:normal!important; text-decoration:none; text-transform:uppercase; } .header-menu a:hover { background:#6d6f71; color:#fff; } .header-menu li{ display: inline; } /*****BODY*****/ .bodyheaderblock { /*the title above entry, is NOT child of .bodyblock*/ margin:10px 0 10px 270px; } .body-title { /*the title above entry :/ is NOT child of .bodyblock*/ color:#bf2c79; font-size:0.75em/*12px*/; text-align:right; text-transform:uppercase; } .bodyblock { background:transparent; padding:0; font-size:0.75em/*12px*/; } .bodynavblock { /*the body footer omg.wtf.with.the.classes.names*/ background:#9ecfd5 ; color:#eaf2f3; padding:15px; } .bodynavblock a, .bodynavblock a:link, .bodynavblock a:visited { background:#d6dddf; border-bottom:3px solid #d6dddf; border-top:3px solid #d6dddf; padding:5px; margin:2px; color:#9ecfd5 ; } .bodynavblock a:hover{ border-bottom:3px solid #bf2c79; border-top:3px solid #d6dddf; padding:5px; margin:2px; color:#a1afb9; text-decoration:none; } .body-midtitle { /*the title/separator of the comments*/ background:transparent; padding-top:15px; color:#bf2c79; text-align:right; text-transform:uppercase; } /*****ENTRY*****/ .entryHolder { background:#eaf2f3; padding:5px; } .entryUserinfo { /*around the icon / user*/ margin:10px; padding:10px; text-align:center; } .entryUserinfo-usericon img { background:#eaf2f3; border:2px solid #d6dddf; padding:6px; } .entryText { padding:10px; } .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-bottom:4px solid #9ecfd5 ; overflow:auto; padding:30px 10px 2px; color:#a1afb9; font-size:1.1666em/*14px*/; font-weight:bold; text-align:right; } .entryHeaderSubject { float:left; font-style:normal; text-transform:uppercase; } .entryHeaderDate { float:right; font-size:0.7857em/*11px*/; text-decoration:none; } .entryHeader a, .entryHeader a:link, .entryHeader a:visited, .entryHeaderDate a{ color:#a1afb9; font-weight:bold; text-decoration:none; text-transform:uppercase; } .entryHeader a:hover, .entryHeaderDate a:hover{ color:#9ecfd5 ; text-decoration:underline; } .entryMetadata { background:#eaf2f3; padding:3px; } .entryMetadata ul {} .entryMetadata li { background:#d6dddf; display:block; list-style:none; margin:3px; padding:2px 10px; } .entryMetadata-label { font-weight:bold; } .entryLinkbar { background:#9ecfd5 ; padding:20px 10px; font-size:0.9166em/*11px*/; color:#9ecfd5 ; text-align:center; } .entryLinkbar ul {} .entryLinkbar li { display:inline; list-style:none; font-weight:900; } .entryLinkbar li a, .entryLinkbar li a:link, .entryLinkbar li a:visited{ background:#d6dddf; border-bottom:3px solid #d6dddf; border-top:3px solid #d6dddf; padding:5px; margin:2px; } .entryLinkbar li a:hover { border-bottom:3px solid #a1afb9; border-top:3px solid #d6dddf; padding:5px; margin:2px; text-decoration:none; } /*****FOOTER *****/ .pagefooterblock { /*the "this page was loaded..." part*/ background:transparent; padding:20px; color:#bf2c79; font-size:0.75em/*12px*/; text-align:center; } .pagefooterblock a, .pagefooterblock a:link, .pagefooterblock a:visited { color:#bf2c79; text-decoration:underline; text-transform:none; } .pagefooterblock a:hover { text-decoration:none; } #footer-menu { background:#9ecfd5 ; font-size:11px; } #footer-menu ul { list-style:none; } #footer-menu li { display:inline; } #footer-menu a, #footer-menu a:link, .footer-menu a:visited { background:#d6dddf; border-bottom:3px solid #d6dddf; border-top:3px solid #d6dddf; padding:5px; margin:2px; color:#bf2c79; } #footer-menu a:hover{ border-bottom:3px solid #a1afb9; border-top:3px solid #d6dddf; padding:5px; margin:2px; color:#6d6f71; text-decoration:none; } /*****SIDEBAR*****/ .sidebar { background:#eaf2f3; margin-right:20px; width:250px; } .sidebox { background-color:#eaf2f3; padding:5px; } .sideboxTitle { background:#9ecfd5 ; padding:5px; color:#fff; font-size:1.1666em/*14px*/; text-align:left; text-transform:uppercase; } .sideboxContent { text-align:left; padding:10px 5px; } .sidebox #profile, .sidebox #latestmonth, .sidebox #search, .sidebox #systemlinks{ text-align:center; } .sidebox #tags_sidebox { text-align:center; color:#eaf2f3;/*the same as bg to hide the colons*/ } .sidebox #tags_sidebox a, .sidebox #tags_sidebox a:link, .sidebox #tags_sidebox a:visited { background:#d6dddf; padding:3px; color:#6d6f71; line-height:2.3em; text-align:center; } .sidebox #tags_sidebox a:hover { background:#a1afb9; text-decoration:none; } .sidebox #systemlinks { text-align:left; } .sidebox #summary b{ line-height:2em; } .listitem a, .listitem a:link, .listitem a:visited { background:#d6dddf; display:block; margin-bottom:1px; padding:3px 7px; color:#6d6f71; } .listitem a:hover { background:#a1afb9; text-decoration:none; } .sidebox #latestmonth table{ width:95%; margin-left:auto; margin-right:auto; } .latestmonth-active{ background:#9ecfd5 ; margin:1px; padding:3px; } .latestmonth-inactive{ background:#d6dddf; margin:1px; padding:3px; } .latestmonth-active a, .latestmonth-active a:link, .latestmonth-active a:active { color:#6d6f71; text-decoration:none; } .latestmonth-active a:hover { color:#fff; text-decoration:underline; } .latestmonth-active:hover { background:#a1afb9; } .listtitle { /*titles in the link list*/ background:#9ecfd5 ; margin:10px 0; padding:5px; color:#fff; font-size:1.1666em/*14px*/; text-align:left; text-transform:uppercase; } .profile-label { /*bold words in the profile blurb*/ color:#9ecfd5 ; font-weight: bold; } /*****COMMENT PAGE *****/ .commentHolder { background-color:#eaf2f3; margin:10px 0; padding:5px; } .commentUserinfo { margin:10px; padding:10px; text-align:center; } .commentUserinfo-usericon img { background:#eaf2f3; border:2px solid #9ecfd5 ; padding:6px; } .commentText { padding:10px; } .commentHeader { background:#eaf2f3; border-bottom:3px solid #9ecfd5 ; padding:10px; color:#6d6f71; text-transform:none; } .commentHeader a, .commentHeader a:link, .commentHeader a:visited{ color:#9ecfd5 ; text-decoration:underline; } .commentHeader a:hover { text-decoration:none; } .commentHeaderScreened { /*this changes just the commentHeader*/ background:#d6dddf; border-bottom:3px solid #9ecfd5 ; padding:10px; color:#6d6f71; text-transform:none; } .commentHeaderSubject { font-weight: bold; text-transform:uppercase; } .commentLinkbar { background:#9ecfd5 ; padding:10px; font-size:0.8333em/*10px*/; color:#9ecfd5 ; 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:#d6dddf; border-bottom:3px solid #d6dddf; border-top:3px solid #d6dddf; padding:3px; margin:2px; } .commentLinkbar li a:hover { border-bottom:3px solid #a1afb9; border-top:3px solid #d6dddf; text-decoration:none; } .replyform { background:#eaf2f3; padding:10px; color:#9ecfd5 ; } #qrform table { border:1px solid #eaf2f3!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: #9ecfd5 ; padding:10px; } .daytitles { background:#9ecfd5 ; border: 1px solid #eaf2f3; color:#fff; text-align:center; } .day-blank { background:#d6dddf; border:1px solid #eaf2f3; } .day{ background:#d6dddf; border:1px solid #eaf2f3; color:#6d6f71; } .day-date { border-right:1px solid #9ecfd5 ; border-bottom:1px solid #9ecfd5 ; color:#6d6f71; 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:#6d6f71; text-decoration:none; } .day-count a:hover { color:#a1afb9; text-decoration:underline; } /*****TAG PAGE *****/ .tagstable { margin:10px auto; width:90%; } .tagstable td { background:#d6dddf; border:1px solid #eaf2f3; padding:5px; } /*****LJ-USER / COMMUNITY / PROTECTED ICONS icons by http://www.pinvoke.com/*****/ .ljuser img { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout009/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/layout009/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/layout009/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/layout009/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/layout009/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/layout009/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/layout009/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/layout009/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/layout009/icon-user.png) no-repeat; padding: 16px 18px 0 0!important; } #lj_controlstrip .ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] { width: 0; height: 0; background:transparent url(http://www.mentahelada.net/lj-layouts/layout009/icon-user.png) no-repeat; padding: 16px 18px 0 0!important; } #lj_controlstrip .ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] { width: 0; height: 0; background:transparent url(http://www.mentahelada.net/lj-layouts/layout009/icon-group.png) no-repeat; padding: 16px 18px 0 0!important; } /*****CONTEXTUAL POPUP*****/ div.ContextualPopup img {border:0 none;} div.ContextualPopup div.Inner {background:#eaf2f3!important; border:1px solid #ccc; padding:5px; color:#6d6f71!important; font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif; font-size:1em; font-weight:100!important;} div.ContextualPopup .Content {margin-right:50px; font-weight:100!important;} 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:#bf2c79!important; font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif; font-weight:100; text-decoration:none!important;} div.ContextualPopup div.Inner a:hover{color:#303030!important; font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif; font-weight:100; text-decoration:underline!important;}

Live preview | Image Preview
/********************DO NOT REMOVE THIS******************** Layout 009 [Epic Love Will Save The World] by Yam @ Frozen Mint (frozen_mint.livejournal.com) Style: Smooth Sailing Account level: Basic / Paid / Plus (ads between entries) Tested on: IE (7 and higher), Firefox, Safari and Chrome Colors from the palette: "Fired. Now What" (http://www.colourlovers.com/palette/522193/Fired._Now_What) ****************************************/ /*****BASIC LAYOUT*****/ body { background:#2a4a53 url(http://www.mentahelada.net/lj-layouts/layout009/bg-b-body.png) top left repeat fixed; color:#201d2d; font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif; font-size:100%; } .pageblock{ /*the content*/ background:transparent url() top center no-repeat; /*ADD THE HEADER HERE*/ padding-top:0px; /*CHANGE TO THE HEIGHT OF YOUR HEADER*/ width:960px; margin:0 auto; } /*****BASIC LAYOUT*****/ * {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:#e7f5e2!important; border-bottom:5px solid #2a4a53; padding:3px; color:#c16713!important;} #lj_controlstrip a{color:#418283; text-decoration:none; text-transform:none;} #lj_controlstrip a b{color:#418283; text-decoration:none; text-transform:none;} #lj_controlstrip a:hover{color:#72bba3; text-decoration:none;} #lj_controlstrip_statustext{color:#418283; font-weight:100;} #lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search{border:0;} a, a:link, a:visited { color:#418283; font-weight:bold; text-decoration:underline; text-transform:none; } a:hover {color:#72bba3;} blockquote { background:#b4e1a2; border-left:20px solid #418283; margin:0; padding:20px 20px 20px 8px; width:50%; font-size:1.0833em/*13px*/; text-align:left; font-style:italic; } ::-moz-selection { background:#2a4a53; color: #e7f5e2; } b, strong{ color:#72bba3; font-weight:bold; text-transform:uppercase; } /*****HEADER*****/ .pageheaderblock { background:transparent; font-size:1.0625em/*17px*/; text-align:center; } .header-title {display:none;} .header-subtitle {display:none;} .header-icon {display:none;} .header-menu { background:transparent; /*overflow:hidden;*/ margin-bottom:5px; padding:5px 0; } .header-menu a, .header-menu a:link, .header-menu a:visited { background:#2a4a53; margin:2px; padding:5px; color:#b4e1a2; font-weight:normal!important; text-decoration:none; text-transform:uppercase; } .header-menu a:hover { background:#418283; color:#fff; } .header-menu ul{} .header-menu li{ display: inline; } /*****BODY*****/ .bodyheaderblock { /*the title above entry, is NOT child of .bodyblock*/ margin:10px 0 10px 270px; } .body-title { /*the title above entry :/ is NOT child of .bodyblock*/ color:#2a4a53; font-size:0.75em/*12px*/; text-align:right; text-transform:uppercase; } .bodyblock { background:transparent; padding:0; font-size:0.75em/*12px*/; } .bodynavblock { /*the body footer omg.wtf.with.the.classes.names*/ background:#2a4a53; color:#e7f5e2; padding:15px; } .bodynavblock a, .bodynavblock a:link, .bodynavblock a:visited { background:#b4e1a2; border-bottom:3px solid #b4e1a2; border-top:3px solid #b4e1a2; padding:5px; margin:2px; color:#2a4a53; } .bodynavblock a:hover{ border-bottom:3px solid #418283; border-top:3px solid #b4e1a2; padding:5px; margin:2px; color:#72bba3; text-decoration:none; } .body-midtitle { /*the title/separator of the comments*/ background:transparent; padding-top:15px; color:#2a4a53; text-align:right; text-transform:uppercase; } /*****ENTRY*****/ .entryHolder { background:#e7f5e2; padding:5px; } .entryUserinfo { /*around the icon / user*/ margin:10px; padding:10px; text-align:center; } .entryUserinfo-usericon img { background:#e7f5e2; border:2px solid #418283; padding:6px; } .entryText { padding:10px; } .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-bottom:4px solid #2a4a53; overflow:auto; padding:30px 10px 2px; color:#72bba3; font-size:1.1666em/*14px*/; font-weight:bold; text-align:right; } .entryHeaderSubject { float:left; font-style:normal; text-transform:uppercase; } .entryHeaderDate { float:right; font-size:0.7857em/*11px*/; text-decoration:none; } .entryHeader a, .entryHeader a:link, .entryHeader a:visited, .entryHeaderDate a{ color:#72bba3; font-weight:bold; text-decoration:none; text-transform:uppercase; } .entryHeader a:hover, .entryHeaderDate a:hover{ color:#2a4a53; text-decoration:underline; } .entryMetadata { background:#e7f5e2; padding:3px; } .entryMetadata ul {} .entryMetadata li { background:#b4e1a2; display:block; list-style:none; margin:3px; padding:2px 10px; } .entryMetadata-label { font-weight:bold; } .entryLinkbar { background:#2a4a53; padding:20px 10px; font-size:0.9166em/*11px*/; color:#2a4a53; text-align:center; } .entryLinkbar li { display:inline; list-style:none; font-weight:900; } .entryLinkbar li a, .entryLinkbar li a:link, .entryLinkbar li a:visited{ background:#b4e1a2; border-bottom:3px solid #b4e1a2; border-top:3px solid #b4e1a2; padding:5px; margin:2px; } .entryLinkbar li a:hover { border-bottom:3px solid #72bba3; border-top:3px solid #b4e1a2; padding:5px; margin:2px; text-decoration:none; } /*****FOOTER *****/ .pagefooterblock { /*the "this page was loaded..." part*/ background:transparent; padding:20px; font-size:0.75em/*12px*/; text-align:center; } .pagefooterblock a, .pagefooterblock a:link, .pagefooterblock a:visited { color:#72bba3; text-decoration:underline; text-transform:none; } .pagefooterblock a:hover { text-decoration:none; } #footer-menu { background:#2a4a53; font-size:11px; } #footer-menu ul { list-style:none; } #footer-menu li { display:inline; } #footer-menu a, #footer-menu a:link, .footer-menu a:visited { background:#b4e1a2; border-bottom:3px solid #b4e1a2; border-top:3px solid #b4e1a2; padding:5px; margin:2px; color:#2a4a53; } #footer-menu a:hover{ border-bottom:3px solid #72bba3; border-top:3px solid #b4e1a2; padding:5px; margin:2px; color:#72bba3; text-decoration:none; } /*****SIDEBAR *****/ .sidebar { background:#e7f5e2; margin-right:20px; width:250px; } .sidebox { background-color:#e7f5e2; padding:5px; color:#2a4a53; } .sideboxTitle { background:#2a4a53; padding:5px; color:#b4e1a2; font-size:1.1666em/*14px*/; text-align:left; text-transform:uppercase; } .sideboxContent { text-align:left; padding:10px 5px; } .sidebox #profile, .sidebox #latestmonth, .sidebox #search, .sidebox #systemlinks{ text-align:center; } .sidebox #tags_sidebox { text-align:center; color:#e7f5e2;/*the same as bg to hide the colons*/ } .sidebox #tags_sidebox a, .sidebox #tags_sidebox a:link, .sidebox #tags_sidebox a:visited { background:#b4e1a2; padding:3px; color:#2a4a53; line-height:2.3em; text-align:center; } .sidebox #tags_sidebox a:hover { background:#72bba3; text-decoration:none; } .sidebox #systemlinks { text-align:left; } .sidebox #summary b{ line-height:2em; } .listitem a, .listitem a:link, .listitem a:visited { background:#b4e1a2; display:block; margin-bottom:1px; padding:3px 7px; color:#2a4a53; } .listitem a:hover { background:#72bba3; text-decoration:none; } .sidebox #latestmonth table{ width:95%; margin-left:auto; margin-right:auto; } .latestmonth-active{ background:#2a4a53; margin:1px; padding:3px; } .latestmonth-inactive{ background:#b4e1a2; margin:1px; padding:3px; } .latestmonth-active a, .latestmonth-active a:link, .latestmonth-active a:active { color:#b4e1a2; text-decoration:none; } .latestmonth-active a:hover { text-decoration:underline; } .latestmonth-active:hover { background:#72bba3; } .listtitle { /*titles in the link list*/ background:#2a4a53; padding:5px; margin:10px 0; color:#b4e1a2; font-size:1.1666em/*14px*/; text-align:left; text-transform:uppercase; } .profile-label { /*bold words in the profile blurb*/ color:#2a4a53; font-weight: bold; } /*****COMMENT PAGE *****/ .commentHolder { background-color:#e7f5e2; color:#2a4a53; margin:10px 0; padding:5px; } .commentUserinfo { margin:10px; padding:10px; text-align:center; } .commentUserinfo-usericon img { background:#e7f5e2; border:2px solid #2a4a53; padding:6px; } .commentText { padding:10px; } .commentHeader { background:#e7f5e2; border-bottom:3px solid #2a4a53; padding:10px; color:#2a4a53; text-transform:none; } .commentHeader a, .commentHeader a:link, .commentHeader a:visited{ color:#2a4a53; text-decoration:underline; } .commentHeader a:hover { text-decoration:none; } .commentHeaderScreened { /*this changes just the commentHeader*/ background:#b4e1a2; border-bottom:3px solid #2a4a53; padding:10px; color:#2a4a53; text-transform:none; } .commentHeaderSubject { font-weight: bold; text-transform:uppercase; } .commentLinkbar { background:#2a4a53; padding:10px; font-size:0.8333em/*10px*/; color:#2a4a53; 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:#b4e1a2; border-bottom:3px solid #b4e1a2; border-top:3px solid #b4e1a2; padding:3px; margin:2px; } .commentLinkbar li a:hover { border-bottom:3px solid #72bba3; border-top:3px solid #b4e1a2; text-decoration:none; } .replyform { background:#e7f5e2; padding:10px; color:#2a4a53; } #qrform table { border:1px solid #e7f5e2!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: #2a4a53; padding:10px; } .daytitles { background:#2a4a53; border: 1px solid #e7f5e2; color:#b4e1a2; text-align:center; } .day-blank { background:#b4e1a2; border:1px solid #e7f5e2; } .day{ background:#b4e1a2; border:1px solid #e7f5e2; color: #2a4a53; } .day-date { border-right:1px solid #2a4a53; border-bottom:1px solid #2a4a53; color:#2a4a53; 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:#2a4a53; text-decoration:none; } .day-count a:hover { color:#72bba3; text-decoration:underline; } /*****TAG PAGE *****/ .tagstable { margin:10px auto; width:90%; } .tagstable td { background:#b4e1a2; border:1px solid #e7f5e2; padding:5px; } /*****LJ-USER / COMMUNITY / PROTECTED ICONS icons by http://www.pinvoke.com/*****/ .ljuser img { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout009/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/layout009/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/layout009/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/layout009/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/layout009/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/layout009/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/layout009/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/layout009/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/layout009/icon-user.png) no-repeat; padding: 16px 18px 0 0!important; } #lj_controlstrip .ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] { width: 0; height: 0; background:transparent url(http://www.mentahelada.net/lj-layouts/layout009/icon-user.png) no-repeat; padding: 16px 18px 0 0!important; } #lj_controlstrip .ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] { width: 0; height: 0; background:transparent url(http://www.mentahelada.net/lj-layouts/layout009/icon-group.png) no-repeat; padding: 16px 18px 0 0!important; } /*****CONTEXTUAL POPUP*****/ div.ContextualPopup img {border:0 none;} div.ContextualPopup div.Inner {background:#e7f5e2!important; border:1px solid #ccc; padding:5px; color:#303030!important; font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif; font-size:1em; font-weight:100!important;} div.ContextualPopup .Content {margin-right:50px; font-weight:100!important;} 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:#418283!important; font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif; font-weight:100; text-decoration:none!important;} div.ContextualPopup div.Inner a:hover{color:#303030!important; font-family:"Trebuchet MS", Verdana, Helvetica, sans-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.

IMAGES:
Please upload the images to your own server. Thanks.
Backgrounds:
Blue background, green background
User, community, locked/protected icons:

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

Choose a Smooth Sailing layout
Go to Customize Journal Theme
Select NO in the dropdowns
Leave "Custom External Stylesheet" 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

ADDING A HEADER:
Find this part of the code:
.pageblock{ /*the content*/
background:transparent url() top center no-repeat; /*ADD THE HEADER HERE*/
padding-top:0px; /*CHANGE TO THE HEIGHT OF YOUR HEADER*/
width:960px;
margin:0 auto;
}
And add your url in the correct line. Also, change the padding-top:0px; line so it fits your image height (The layout width is 960px.)
If you are using the Navigation Strip without a header, add some pixels to the padding-top:0px; line to give some space to the header links.

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