S2 Smooth Sailing [Love You To Pieces]: mintyapple

yam in mintyapple

S2 Smooth Sailing [Love You To Pieces]

Jun 25, 2010 02:34

Hello!

Live preview | Image preview
/********************DO NOT REMOVE THIS******************** Layout 033 [Love You To Pieces] by Yam @ Mentahelada (mentahelada.livejournal.com) ----------CREDITS: Icons by Splashyfish: http://splashyfish.com/icons/ Backgroung: http://community.livejournal.com/loveicon/ *************************************************************/ /*****BASIC LAYOUT*****/ body { background:#000 url(http://www.mentahelada.net/lj-layouts/layout033/bg-body2.jpg) top left repeat; color:#f4f4f4; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:100%; line-height:103%; } .pageblock{ background:transparent; margin:20px auto; position:absolute; width:100%; } .pageheaderblock { width:920px; margin:0 auto; text-align:center; background:transparent url(http://www.mentahelada.net/lj-layouts/layout033/bg-content.png) top left repeat; } .bodyblock { /*entries + sidebar*/ background:transparent url(http://www.mentahelada.net/lj-layouts/layout033/bg-content.png) top left repeat; margin:0 auto; padding-top:270px; /*CHANGE TO FIT TOPBAR SIZE*/ width:920px; } .sidebar { background:transparent; position:absolute; top:195px; width:920px; height:240px; margin-left:20px; font-size:0.75em; } /*****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:700px;} .clear{height:0;} .lj_embedcontent{max-width:700px;} /**/ #lj_controlstrip {background:#000!important; padding:3px; color:#fff!important;} #lj_controlstrip a{color:#fff; text-decoration:underline; text-transform:none;} #lj_controlstrip a b{color:#2897bb; text-decoration:underline; text-transform:none;} #lj_controlstrip a:hover{color:#fff; text-decoration: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:#4bba06; font-weight:100; text-decoration:underline; text-transform:none; } a:hover {color:#2897bb;text-decoration:underline;} blockquote { background:transparent url(http://www.mentahelada.net/lj-layouts/layout033/bg-content.png) repeat; border:1px solid #000; margin:15px auto; padding:20px; width:90%; color:#f4f4f4; font:italic normal 100 1.0909em Georgia, "Times New Roman", Times, serif; text-align:left; line-height:1.6em; } blockquote a{color:#2897bb!important; text-transform:none!important;} ::-moz-selection{background:#ccc;color:#333;} b, strong{color:#2897bb;font-weight:900;} /*****HEADER*****/ .header-icon{display:none;} .header-title{ color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:6em; padding:60px 20px 0; text-align:left; text-transform:lowercase; letter-spacing:-0.05em; } .header-subtitle{ color:#4bba06; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.5em; font-style:italic; padding:30px 20px 0 280px; text-align:left; text-transform:lowercase; letter-spacing:-0.07em; } .header-menu li{display:inline;} .header-menu { background:transparent; padding:15px 20px; font-size:0.75em; text-align:center; } .header-menu a, .header-menu a:link, .header-menu a:visited { background:#000; float:left; margin-right:5px; padding:8px; color: #fff; font-weight:900; text-decoration:none; text-transform:uppercase; } .header-menu a:hover { background:#4bba06; } /*****SIDEBAR*****/ #search, #tags_sidebox, #freetext {padding:5px;} .sidebar a{color:#f4f4f4; text-decoration:none; text-transform:none;} .sidebar a:hover{color:#2897bb;} .sidebox { background:transparent; margin-bottom:20px; margin-right:20px; width:205px; height:240px; float:left; overflow:auto; color:#f4f4f4; } .sideboxTitle, .listtitle { background:transparent; border-bottom:1px solid #ccc; padding:8px 5px 1px; color:#fff; font:normal 100 2em Georgia, "Times New Roman", Times, serif; text-align:left; text-transform:none; /*letter-spacing:0.15em;*/ } .sideboxContent {padding:0;} #profile{text-align:center;padding:10px;} #profile b{color:#f4f4f4;} .profile-label { color:#f4f4f4; font-weight:900; text-transform:uppercase; font-size:0.9em; } #freetext{padding:5px;} #latestmonth{padding:5px 0;} #latestmonth a{color:#2897bb;} #latestmonth a:hover{color:#4bba06;} .sidebox #systemlinks {text-align:left;} .listitem a, .listitem a:link, .listitem a:visited { background:transparent; border-bottom:1px dotted #ccc; display:block; padding:3px 5px; color:#f4f4f4; font-size:1em; font-weight:100; } .listitem a:hover { background:#2897bb; border-bottom:1px dotted #ccc; color:#fff; } .sidebox #latestmonth table{ width:95%; margin-left:auto; margin-right:auto; text-align:center; } .latestmonth-active{ background:#4bba06; margin:1px; padding:3px; } .latestmonth-inactive{ background:transparent url(http://www.mentahelada.net/lj-layouts/layout033/bg-content.png) repeat; margin:1px; padding:3px; } .latestmonth-active a, .latestmonth-active a:link, .latestmonth-active a:active { color:#fff!important; text-decoration:none; } .latestmonth-active a:hover{ color:#000!important; text-decoration:none!important; } .latestmonth-active:hover { background:#2897bb; } .summaryList{border-bottom:1px dotted #ccc; padding:3px 5px;} /*****BODY*****/ .bodyheaderblock {display:none;} .body-title {display:none;} .bodynavblock {background:transparent;font-size:12px;} .body-midtitle {display:none;} /*****FOOTER *****/ #footer-menu { background:transparent; font-size:0.6875em/*11px*/; padding:10px 20px 20px; text-align:center; } #footer-menu ul {list-style:none;} #footer-menu li {display:inline;} #footer-menu a, #footer-menu a:link, .footer-menu a:visited { background:#000; padding:5px; margin:2px; color:#fff; text-decoration:none; text-transform:uppercase; } #footer-menu a:hover{ background:#4bba06; color:#fff; } .pagefooterblock {display:none;} /*****ENTRY*****/ #welcomenoteText{background:transparent;} .ljuser a b{color:#2897bb;} .ljuser a:hover b{color:#2897bb!important;} .entryHolder { background:transparent; margin:20px; width:880px; font-size:0.8125em; } .entryHeader { background:transparent; border-bottom:1px solid #ccc; clear:both!important; overflow:auto; color:#f4f4f4; font-weight:100; padding-bottom:2px; } .entryHeaderDate { background:transparent; float:right; color:#f4f4f4; text-align:left; text-decoration:none; } .entryHeaderSubject { float:left; overflow:hidden!important; font:normal 100 2.4em/1.1em Georgia, "Times New Roman", Times, serif; letter-spacing:-0.02em; text-transform:none; } .entryHeader a, .entryHeader a:link, .entryHeader a:visited{ color:#fff; font-weight:100; text-decoration:none; } .entryHeader a:hover{ color:#2897bb; text-decoration:none; } .entryUserinfo{ background:transparent; width:150px; text-align:center; } .entryUserinfo a, .entryUserinfo a b{font-size:0.9166em;color:#f4f4f4!important;text-decoration:none!important;} .entryUserinfo b, .entryUserinfo strong{font-weight:100;color:#333;} .entryUserinfo-username{padding-top:5px;margin-bottom:20px;} .entryUserinfo-usericon a img{background:transparent;margin:20px 20px 5px;} .entryUserinfo-usericon a:hover img{background:transparent;margin:20px 20px 5px;} .entryText { background:transparent; border-left:1px solid #ccc; padding:20px; line-height:1.7em; min-height:150px; } /*--1st line: all images posted will have a fixed width. 2nd line: a fix for polls--*/ .entryText img{max-width:670px;height:auto;} .entryText table tbody img, .entryText p span img{width:auto;height:auto;} /**/ .entryText ul li { list-style:disc; margin-left:50px; padding-left:0px; } .entryText ol li { list-style:decimal-leading-zero; margin-left:50px; padding-left:0px; } .entryMetadata { border-left:1px solid #ccc; border-top:1px solid #ccc; padding:10px; 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 { border-top:1px solid #ccc; padding:10px 0; font-size:0.9230em; color:#163b58; text-align:center; } .entryLinkbar li { display:inline; list-style:none; font-weight:100; } .entryLinkbar li a{ background:#000; padding:5px; margin:0 3px; color:#fff; text-decoration:none; text-transform:uppercase; } .entryLinkbar li a:hover { background:#4bba06; color:#fff; text-decoration:none; } /*****COMMENT PAGE *****/ .commentHolder { background:transparent url(http://www.mentahelada.net/lj-layouts/layout033/bg-content.png) top left repeat; border:1px solid #000; color:#f4f4f4; font-size:0.8125em; line-height:1.5em; margin:10px; } .commentUserinfo { margin:10px; padding:0; text-align:center; } .commentUserinfo-usericon a{color:#f4f4f4;} .commentUserinfo b, .commentUserinfo strong{font-weight:100;color:#f4f4f4;} .commentUserinfo-username { padding-top:5px; margin-bottom:20px; font-size:11px!important; } .commentUserinfo-usericon a img{ background:transparent; padding:10px; } .commentUserinfo-usericon a:hover img{ background:transparent; padding:10px; } .commentText {padding:10px;} .commentHeader { background:transparent; border-bottom:1px solid #ccc; padding:10px; color:#f4f4f4; text-transform:none; } .commentHeader a, .commentHeader a:link, .commentHeader a:visited{ color:#4bba06; text-decoration:underline; } .commentHeader a:hover {text-decoration:none;} .commentHeaderScreened{ background:#999; padding:10px; color:#fff; text-transform:none; } .commentHeaderSubject { font-weight:100; text-transform:uppercase; } .commentLinkbar { background:transparent; padding:10px; font-size:0.9166em; color:#4bba06; 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:#292929; padding:3px; margin:1px; color:#ccc; text-decoration:none; } .commentLinkbar li a:hover { background:#4bba06; color:#fff; } .replyform {/*azul: #2897bb; verde:#4bba06;*/ background:transparent; margin:0 20px; padding:10px; color:#333; } #qrform table { border:0!important; margin:5px; padding:5px; height:auto; } textarea{ background:#000; color: #f4f4f4; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; border:1px solid #202020; } #commenttext{width:100%;} #qrdiv, #qrformdiv{background:transparent;} #postform{font-size:0.8125em; color:#f4f4f4;} /*****ARCHIVE PAGE *****/ .month { background:transparent; margin:30px auto; width:70%; } .daysubjects { background:transparent; color:#f4f4f4; padding:30px 10px; } .daytitles { background:transparent; border:0; height:2em; color:#4bba06; font-size:1.2em; text-align:center; }.day-blank { background:transparent url(http://www.mentahelada.net/lj-layouts/layout033/bg-content.png) top left repeat; border:2px solid #292929; } .day{ background:transparent url(http://www.mentahelada.net/lj-layouts/layout033/bg-content.png) top left repeat; border:1px solid #292929; padding:2px; color: #f4f4f4; } .day-date { border:0; color:#666; width:50%; text-align:center; } .day-count { float:right; text-align:center; width:50%; font-size:1.4em; } .day-count a, .day-count a:link, .day-count a:visited { color:#4bba06; text-decoration:none; } .day-count a:hover { color:#2897bb; text-decoration:none; } /*****TAGS PAGE *****/ .tagstable { background:transparent url(http://www.mentahelada.net/lj-layouts/layout033/bg-content.png) top left repeat; margin:10px auto; width:60%; } .tagstable td { background:transparent; border:2px solid #292929; padding:5px; } /*****LJ-USER / COMMUNITY / PROTECTED ICONS*****/ .ljuser img { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout033/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/layout033/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/layout033/icon-group.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/layout033/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/layout033/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/layout033/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/layout033/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/layout033/icon-group.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/layout033/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/layout033/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/layout033/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/layout033/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/layout033/icon-group.png) no-repeat; padding: 16px 16px 0 0!important;} #ljuser_row img[src="http://l-stat.livejournal.com/img/userinfo.gif"] { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout033/icon-user.png) no-repeat; padding: 16px 16px 0 0!important;} /*****CONTEXTUAL POPUP****/ div.ContextualPopup img {border:0;} div.ContextualPopup div.Inner {background:#000!important; padding:5px;color:#f4f4f4!important; font-size:1em; font-weight:100!important;border:1px solid #000;} div.ContextualPopup .Content {font-weight:100!important; margin-right:50px;} div.ContextualPopup .Relation {font-size:1.4em; font-weight:900!important;color:#2897bb!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:#4bba06!important;font-weight:100; text-decoration:none!important; text-transform:none;} div.ContextualPopup div.Inner a:hover{color:#2897bb!important;font-weight:100; text-decoration:underline!important;}

Live preview | Image Preview
/********************DO NOT REMOVE THIS******************** Layout 033 [Love You To Pieces] by Yam @ Mentahelada (mentahelada.livejournal.com) ----------CREDITS: Icons by Splashyfish: http://splashyfish.com/icons/ Background: http://community.livejournal.com/ownthesunshine/ ----------- --Light Version *************************************************************/ /*****BASIC LAYOUT*****/ body { background:#fff url(http://www.mentahelada.net/lj-layouts/layout033/bg-body4.png) top left repeat; color:#111; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:100%; line-height:103%; } .pageblock{ background:transparent; margin:20px auto; position:absolute; width:100%; } .pageheaderblock { width:920px; margin:0 auto; text-align:center; background:transparent url(http://www.mentahelada.net/lj-layouts/layout033/bg-content-light.png) top left repeat; } .bodyblock { /*entries + sidebar*/ background:transparent url(http://www.mentahelada.net/lj-layouts/layout033/bg-content-light.png) top left repeat; margin:0 auto; padding-top:270px; /*CHANGE TO FIT TOPBAR SIZE*/ width:920px; } .sidebar { background:transparent; position:absolute; top:195px; width:920px; height:240px; margin-left:20px; font-size:0.75em; } /*****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:700px;} .clear{height:0;} .lj_embedcontent{max-width:700px;} /**/ #lj_controlstrip {background:#fff!important; padding:3px; color:#000!important;} #lj_controlstrip a{color:#000; text-decoration:underline; text-transform:none;} #lj_controlstrip a b{color:#099fd1; text-decoration:underline; text-transform:none;} #lj_controlstrip a:hover{color:#000; text-decoration:none;} #lj_controlstrip_statustext{color:#000; font-weight:100;} #lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search{border:0;} /**/ a, a:link, a:visited { color:#ed4909; font-weight:100; text-decoration:underline; text-transform:none; } a:hover {color:#099fd1;text-decoration:underline;} blockquote { background:transparent url(http://www.mentahelada.net/lj-layouts/layout033/bg-content-light.png) repeat; border:1px solid #fff; margin:15px auto; padding:20px; width:90%; color:#111; font:italic normal 100 1.0909em Georgia, "Times New Roman", Times, serif; text-align:left; line-height:1.6em; } blockquote a{color:#099fd1!important; text-transform:none!important;} ::-moz-selection{background:#ccc;color:#333;} b, strong{color:#099fd1;font-weight:900;} /*****HEADER*****/ .header-icon{display:none;} .header-title{ color:#000; font-family:Georgia, "Times New Roman", Times, serif; font-size:6em; padding:60px 20px 0; text-align:left; text-transform:lowercase; letter-spacing:-0.05em; } .header-subtitle{ color:#099fd1; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.5em; font-style:italic; padding:30px 20px 0 280px; text-align:left; text-transform:lowercase; letter-spacing:-0.07em; } .header-menu li{display:inline;} .header-menu { background:transparent; padding:15px 20px; font-size:0.75em; text-align:center; } .header-menu a, .header-menu a:link, .header-menu a:visited { background:#ed4909; float:left; margin-right:5px; padding:8px; color: #fff; font-weight:900; text-decoration:none; text-transform:uppercase; } .header-menu a:hover { background:#099fd1; } /*****SIDEBAR*****/ #search, #tags_sidebox, #freetext {padding:5px;} .sidebar a{color:#111; text-decoration:none; text-transform:none;} .sidebar a:hover{color:#099fd1;} .sidebox { background:transparent; margin-bottom:20px; margin-right:20px; width:205px; height:240px; float:left; overflow:auto; color:#111; } .sideboxTitle, .listtitle { background:transparent; border-bottom:1px solid #ccc; padding:8px 5px 1px; color:#000; font:normal 100 2em Georgia, "Times New Roman", Times, serif; text-align:left; text-transform:none; /*letter-spacing:0.15em;*/ } .sideboxContent {padding:0;} #profile{text-align:center;padding:10px;} #profile b{color:#111;} .profile-label { color:#111; font-weight:900; text-transform:uppercase; font-size:0.9em; } #freetext{padding:5px;} #latestmonth{padding:5px 0;} #latestmonth a{color:#099fd1;} #latestmonth a:hover{color:#ed4909;} .sidebox #systemlinks {text-align:left;} .listitem a, .listitem a:link, .listitem a:visited { background:transparent; border-bottom:1px dotted #ccc; display:block; padding:3px 5px; color:#111; font-size:1em; font-weight:100; } .listitem a:hover { background:#099fd1; border-bottom:1px dotted #ccc; color:#000; } .sidebox #latestmonth table{ width:95%; margin-left:auto; margin-right:auto; text-align:center; } .latestmonth-active{ background:#ed4909; margin:1px; padding:3px; } .latestmonth-inactive{ background:transparent url(http://www.mentahelada.net/lj-layouts/layout033/bg-content-light.png) repeat; margin:1px; padding:3px; } .latestmonth-active a, .latestmonth-active a:link, .latestmonth-active a:active { color:#000!important; text-decoration:none; } .latestmonth-active a:hover{ color:#fff!important; text-decoration:none!important; } .latestmonth-active:hover { background:#099fd1; } .summaryList{border-bottom:1px dotted #ccc; padding:3px 5px;} /*****BODY*****/ .bodyheaderblock {display:none;} .body-title {display:none;} .bodynavblock {background:transparent;font-size:12px;} .body-midtitle {display:none;} /*****FOOTER *****/ #footer-menu { background:transparent; font-size:0.6875em/*11px*/; padding:10px 20px 20px; text-align:center; } #footer-menu ul {list-style:none;} #footer-menu li {display:inline;} #footer-menu a, #footer-menu a:link, .footer-menu a:visited { background:#fff; padding:5px; margin:2px; color:#000; text-decoration:none; text-transform:uppercase; } #footer-menu a:hover{ background:#ed4909; color:#000; } .pagefooterblock {display:none;} /*****ENTRY*****/ #welcomenoteText{background:transparent;} .ljuser a b{color:#099fd1;} .ljuser a:hover b{color:#099fd1!important;} .entryHolder { background:transparent; margin:20px; width:880px; font-size:0.8125em; } .entryHeader { background:transparent; border-bottom:1px solid #ccc; clear:both!important; overflow:auto; color:#111; font-weight:100; padding-bottom:2px; } .entryHeaderDate { background:transparent; float:right; color:#111; text-align:left; text-decoration:none; } .entryHeaderSubject { float:left; overflow:hidden!important; font:normal 100 2.4em/1.1em Georgia, "Times New Roman", Times, serif; letter-spacing:-0.02em; text-transform:none; } .entryHeader a, .entryHeader a:link, .entryHeader a:visited{ color:#000; font-weight:100; text-decoration:none; } .entryHeader a:hover{ color:#099fd1; text-decoration:none; } .entryUserinfo{ background:transparent; width:150px; text-align:center; } .entryUserinfo a, .entryUserinfo a b{font-size:0.9166em;color:#111!important;text-decoration:none!important;} .entryUserinfo b, .entryUserinfo strong{font-weight:100;color:#333;} .entryUserinfo-username{padding-top:5px;margin-bottom:20px;} .entryUserinfo-usericon a img{background:transparent;margin:20px 20px 5px;} .entryUserinfo-usericon a:hover img{background:transparent;margin:20px 20px 5px;} .entryText { background:transparent; border-left:1px solid #ccc; padding:20px; line-height:1.7em; min-height:150px; } /*--1st line: all images posted will have a fixed width. 2nd line: a fix for polls--*/ .entryText img{max-width:670px;height:auto;} .entryText table tbody img, .entryText p span img{width:auto;height:auto;} /**/ .entryText ul li { list-style:disc; margin-left:50px; padding-left:0px; } .entryText ol li { list-style:decimal-leading-zero; margin-left:50px; padding-left:0px; } .entryMetadata { border-left:1px solid #ccc; border-top:1px solid #ccc; padding:10px; 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 { border-top:1px solid #ccc; padding:10px 0; font-size:0.9230em; color:#163b58; text-align:center; } .entryLinkbar li { display:inline; list-style:none; font-weight:100; } .entryLinkbar li a{ background:#fff; padding:5px; margin:0 3px; color:#000; text-decoration:none; text-transform:uppercase; } .entryLinkbar li a:hover { background:#ed4909; color:#000; text-decoration:none; } /*****COMMENT PAGE *****/ .commentHolder { background:transparent url(http://www.mentahelada.net/lj-layouts/layout033/bg-content-light.png) top left repeat; border:1px solid #fff; color:#111; font-size:0.8125em; line-height:1.5em; margin:10px; } .commentUserinfo { margin:10px; padding:0; text-align:center; } .commentUserinfo-usericon a{color:#111;} .commentUserinfo b, .commentUserinfo strong{font-weight:100;color:#111;} .commentUserinfo-username { padding-top:5px; margin-bottom:20px; font-size:11px!important; } .commentUserinfo-usericon a img{ background:transparent; padding:10px; } .commentUserinfo-usericon a:hover img{ background:transparent; padding:10px; } .commentText {padding:10px;} .commentHeader { background:transparent; border-bottom:1px solid #ccc; padding:10px; color:#111; text-transform:none; } .commentHeader a, .commentHeader a:link, .commentHeader a:visited{ color:#ed4909; text-decoration:underline; } .commentHeader a:hover {text-decoration:none;} .commentHeaderScreened{ background:#999; padding:10px; color:#000; text-transform:none; } .commentHeaderSubject { font-weight:100; text-transform:uppercase; } .commentLinkbar { background:transparent; padding:10px; font-size:0.9166em; color:#ed4909; 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:#292929; padding:3px; margin:1px; color:#ccc; text-decoration:none; } .commentLinkbar li a:hover { background:#ed4909; color:#000; } .replyform {/*azul: #099fd1; verde:#ed4909;*/ background:transparent; margin:0 20px; padding:10px; color:#333; } #qrform table { border:0!important; margin:5px; padding:5px; height:auto; } textarea{ background:#fff; color: #111; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; border:1px solid #202020; } #commenttext{width:100%;} #qrdiv, #qrformdiv{background:transparent;} #postform{font-size:0.8125em; color:#111;} /*****ARCHIVE PAGE *****/ .month { background:transparent; margin:30px auto; width:70%; } .daysubjects { background:transparent; color:#111; padding:30px 10px; } .daytitles { background:transparent; border:0; height:2em; color:#ed4909; font-size:1.2em; text-align:center; }.day-blank { background:transparent url(http://www.mentahelada.net/lj-layouts/layout033/bg-content-light.png) top left repeat; border:2px solid #099fd1; } .day{ background:transparent url(http://www.mentahelada.net/lj-layouts/layout033/bg-content-light.png) top left repeat; border:1px solid #099fd1; padding:2px; color: #111; } .day-date { border:0; color:#666; width:50%; text-align:center; } .day-count { float:right; text-align:center; width:50%; font-size:1.4em; } .day-count a, .day-count a:link, .day-count a:visited { color:#ed4909; text-decoration:none; } .day-count a:hover { color:#099fd1; text-decoration:none; } /*****TAGS PAGE *****/ .tagstable { background:transparent url(http://www.mentahelada.net/lj-layouts/layout033/bg-content-light.png) top left repeat; margin:10px auto; width:60%; } .tagstable td { background:transparent; border:2px solid #099fd1; padding:5px; } /*****LJ-USER / COMMUNITY / PROTECTED ICONS*****/ .ljuser img { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout033/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/layout033/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/layout033/icon-group.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/layout033/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/layout033/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/layout033/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/layout033/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/layout033/icon-group.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/layout033/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/layout033/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/layout033/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/layout033/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/layout033/icon-group.png) no-repeat; padding: 16px 16px 0 0!important;} #ljuser_row img[src="http://l-stat.livejournal.com/img/userinfo.gif"] { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout033/icon-user.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 #fff;} div.ContextualPopup .Content {font-weight:100!important; margin-right:50px;} div.ContextualPopup .Relation {font-size:1.4em; font-weight:900!important;color:#099fd1!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:#ed4909!important;font-weight:100; text-decoration:none!important; text-transform:none;} div.ContextualPopup div.Inner a:hover{color:#099fd1!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:
Icons: Splashyfish
Dark background: loveicon
Light background: ownthesunshine
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Dark background: http://www.mentahelada.net/lj-layouts/layout033/bg-body2.jpg
Light background: http://www.mentahelada.net/lj-layouts/layout033/bg-body4.png
User, community, locked/protected icons:

Pride & Prejudice icon in the live 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

Important notes:

The sidebar boxes on the preview look that tidy because there are neither too many entries in the summary nor lots of links. If you have a lot of stuff in your boxes, you'll have a scrollbar that looks better in the light version. :)
Don't use more than 4 boxes on your sidebar!
Your journal title is too large or you just don't like (as I do :D) the enormous font size that I choose? Find this part of the code:

.header-title{
color:#fff;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:6em;
padding:60px 20px 0;
text-align:left;
text-transform:lowercase;
letter-spacing:-0.05em;
}

And play around with the "font-size". If you don't feel comfortable using ems, switch to pixels and everything should be fine.

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

style: smooth sailing, maker: yam