o u r h a p p y h o u r s

XVI. Pink Monsoon

lu_hesperia — Fri, 28 Aug 2015 17:28:23 GMT

XVI. PINK MONSOON
→ S2 Flexible Squares → Basic, plus and paid; ad placement between entries or horizontal. → Features custom comment pages, title and sidebar. → Navigation and everything in the sidebar except for the default userpic, blurb and link list are disabled.
PREVIEW AND CODE
Pink version: (Static) (Live) /- 016 Pink Monsoon pink ver. Layout by lu_hesperia at ourhappyhours.livejournal.com Tiny icons by pinvoke.com -/ @font-face {font-family: 'Miniver'; font-style: normal; font-weight: 400; src: local('Miniver'), url(http://fonts.gstatic.com/s/miniver/v5/xVWpIMuWQxqM1V1jCWfINw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;} @font-face {font-family: 'Ruluko'; font-style: normal; font-weight: 400; src: local('Ruluko'), url(http://fonts.gstatic.com/s/ruluko/v4/mvgA0kyro8SUHoq672TI3Q.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;} body {background:#f8bac1 url() repeat fixed; text-align: justify; color:#9c9c9c; font-family: 'Ruluko', serif; font-size: 13px; margin-top:0px;} ::selection {background-color: #f7c5cc; color: #fff;} ::-moz-selection {background-color: #f7c5cc; color: #fff;} a, a:link, a:visited {color:#f7a0b3; text-decoration: none;} a:hover {color:#f8709d;} p, td {} blockquote {font-style:italic; padding: 5px 8px; background-color:#fff; border: 1px dotted #f7d1d9;} code, kbd, pre, tt {font-family: 'Consolas', monospace;} h2 {display:none;} #content {width: 755px; margin-left: auto; margin-right: auto;} #maincontent {float:right; width: 440px; margin:55px 55px 10px 0;} #sidebar {float:left; width:210px; color:#fff; position:fixed; margin-top:170px;} #header {margin: 50px 0 0; width:210px; position:fixed;} .title {font-family: 'Miniver', sans-serif; text-transform: lowercase; font-size: 28px; color: #fedde4; line-height: 1; text-align: left; margin-top: 50px; text-indent: 10px;} .subtitle {display:none;} ul.navheader {display:none;} ul.navheader li {} .subcontent {background-color: #fff; padding:12px; border:3px solid #f7d1d9; min-height: 108px; line-height: 1.25;} .entry {} .entry_text img {max-width:410px;} .entry_text {margin-bottom:6px;} .userpic, .userpicfriends {position: relative; float: right; text-align:center; color:#f7d1d9; font-size: 11px; z-index: 15; margin:10px -70px 8px 12px; background-color: #f7d1d9!important; padding: 0px; padding-bottom: 5px; border: 5px solid #f7a0b3; border-bottom: 0px} .userpic img, .userpicfriends img {width:90px; height:90px;} .userpicfriends font {color:#fff;} .userpic a, .userpic a:link, .userpic a:visited, .userpicfriends a, .userpicfriends a:link, .userpicfriends a:visited {color:#fff;} .userpic a:hover, .userpicfriends a:hover {color:#fff;} .date {color: #ccc; font-size: 10px; text-transform:uppercase;} .subject {color:#f7a0b3; font-size: 18px; text-transform:lowercase; font-weight: bold;} .subject a, .subject a:link, .subject a:visited {} .datesubject {padding: 0 0 10px 42px; text-align: center;} .currents {font-size: 12px; color: #ababab; margin-bottom:6px; text-align:left; line-height: 1.1; text-transform: lowercase; background-color: #fbecf0; padding: 4px;} .currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong {display: none;} .currentlocation, .currentmood, .currentgroups , .currentmusic {padding: 0 0 0 15px; background: transparent none scroll 0% 50% no-repeat;} .currentlocation {background-image: url(http://i.imgur.com/bHdOZ.png)} .currentmood{background-image: url(http://i.imgur.com/kVuYu.png)} .currentgroups {background-image: url(http://i.imgur.com/v4J41.png)} .currentmusic {background-image: url(http://i.imgur.com/FF3dF.png)} .ljcut-link {color: #fedde4;} .ljtags {margin-top: 10px; text-align: left; text-transform: uppercase; font-size: 12px; color: #aaa;} .comments {font-size: 18px; text-align: center; color: #fff; text-transform:lowercase; font-weight: bold;} .separator {height: 50px;} .defaultuserpic {background-color: #f7d1d9; padding-top: 5px; border: 5px solid #f7a0b3; border-top: 0px; width: 90px; float: left;} .defaultuserpic img {width:90px; height:90px;} .sbarheader {padding: 0px 5px 0px 5px;} .sbarbody {} .sbarbody2 {padding: 5px 10px 8px; clear: both; background-color: #f7a0b3; border-top: 5px solid #f7d1d9; margin-top:110px;} .sbarbody2 img {max-width:630px;} .sbarbody2 a {text-decoration:underline; color: #fff;} .sbarbody2 a:hover {text-decoration: none; color: #fedde4;} #sidebar_calendar.sbarbody {display:none;} #sidebar_summary.sbarbody {display:none;} #sidebar_tags.sbarbody {display:none;} #sidebar_linklist.sbarbody {float:right; max-height:102px; overflow-y:hidden;} ul.sbarlist {list-style: none; width: 100px; margin:0px; padding:0px;} li.sbaritem {margin-bottom: 4px; background-color: #f7a0b3; border-left: 5px solid #f7d1d9; padding: 1px; letter-spacing: 1px; font-size: 10px; text-transform: uppercase;} li.sbaritem:hover {border-left: 5px solid #f7a0b3;} li.sbaritem a, li.sbaritem a:link, li.sbaritem a:visited {color: #fff; margin-left: 3px;} li.sbaritem a:hover {color: #fff;} li.sbartitle {display:none;} #footer {} #footer a, #footer a:link, #footer a:visited {color: #fedde4;} #footer a:hover {color: #fee7ed;} ul.navfooter {text-transform: lowercase; width: 210px; position:fixed; font-family: 'Miniver', sans-serif; padding: 0px; margin: 0px; list-style: none; font-size: 28px; line-height: 1; text-align: left; bottom: 50px;} ul.navfooter li {} .clearfoot {} #footer .viewing {display:none;} ul.year {margin-bottom: 50px; text-align: center; font-size: 16px; font-weight: bold; background-color: #fff; padding: 12px; border: 3px solid #f7d1d9; color:#aaa;} ul.year li {display:inline; margin: 5px;} table.yeartable {width: 100%; background-color: #fff; padding: 12px 24px; border: 3px solid #f7d1d9;} table.yeartable td.yeardate, table.yeartable td.yearday {color: #aaa; text-align: right; background-color: #fff;} td.yearmonth {font-size:13px; border-style: none; padding-bottom:6px;} .ljtaglist {font-size: 12px; background-color: #fff; color:#aaa; list-style-type:decimal-leading-zero; padding: 12px 12px 12px 48px; border:3px solid #f7d1d9; line-height: 1.4;} .ljtaglist a, ljtaglist a:link, ljtaglist a:visited {text-transform: uppercase;} .box {color: #fedde4;} #footer.box {text-align:center; padding:12px 0;} #footer.box a {color: #fff;} input#subject.textbox {background-color: #fff;} textarea#body.textbox {background-color: #fff;} textarea#commenttext.textbox {background-color: #fff;} div#qrform table {border-width: 0px !important;} .datesubjectcomment {color: #9c9c9c;} .userpiccomment {position: relative; background-color: #f7a0b3; width: 70px; height: 70px; padding: 4px; margin: 0px -70px 8px 12px; z-index: 15; float: right;} input, textarea {background-color: #fff; color: #aaa; font-size: 12px; border: 1px solid #f7d1d9;} textarea.textbox {width: 100% !important;} .commentreply {color: #9c9c9c; padding: 12px 0px;} .commentreply img {max-width:100%;} .commentbox {background-color: #fff; padding:12px; border:3px solid #f7d1d9; margin-top: 10px;padding-bottom: 5px;} .commentboxpartial {padding: 10px; margin: 10px;} .skiplinks {text-align:center; color:#f8bac1; text-transform:uppercase; font-size:12px; margin-top:-22px; margin-bottom:8px;} .skiplinks a, .skiplinks a:link, .skiplinks a:visited {color: #fff;} .skiplinks a:hover {color:#fff;} .clear {height: 0px;} img[src="icon_protected.gif"], img[src="icon_private.gif"], img[src="icon_groups.gif"], img[src="icon_sticky.png"], .ljuser img[src="syndicated.gif"], .ljuser img[src="newsinfo.gif"], .ljuser img[src="partnercomm.gif"], .ljuser img[src="sponcomm.gif"] , img[src="btn_del.gif"], img[src="btn_edit.gif"], img[src="btn_spam.gif"], img[src="btn_scr.gif"], img[src="btn_unscr.gif"], img[src="btn_freeze.gif"], img[src="btn_unfreeze.gif"], img[src="btn_track.gif"], img[src="btn_tracking.gif"], img[src="btn_tracking_thread.gif"] , img[src="anonymous.gif"], img[src="openid-profile.gif"], img[src="userinfo.gif"], img[src="talk/none.gif"], img[src="help.gif"], img[src="pencil.gif"] {height: 0px; width: 0px; padding: 0 0 16px 16px !important; background: transparent none no-repeat scroll 0 0; } .subject img {vertical-align: middle !important;} img[src="icon_protected.gif"]{background-image: url(http://i.imgur.com/rkWgU.png);} img[src="icon_private.gif"]{background-image: url(http://i.imgur.com/mNHdJ.png);} img[src="icon_groups.gif"]{background-image: url(http://i.imgur.com/KgjGQ.png);} img[src="icon_sticky.png"]{background-image: url(http://i.imgur.com/FLp83.png);} .ljuser img[src="syndicated.gif"]{background-image: url(http://i.imgur.com/VW920.png) !important;} .ljuser img[src="newsinfo.gif"] {background-image: url(http://i.imgur.com/r6EzA.png) !important;} .ljuser img[src="partnercomm.gif"]{background-image: url(http://i.imgur.com/cJzp8.png) !important;} .ljuser img[src="sponcomm.gif"] {background-image: url(http://i.imgur.com/zupNZ.png) !important;} img[src="btn_unspam.gif"]{background-image: url(http://i.imgur.com/wuJqY.png);} img[src="btn_spam.gif"]{background-image: url(http://i.imgur.com/o63uw.png);} img[src="btn_del.gif"]{background-image: url(http://i.imgur.com/Eci4Q.png);} img[src="btn_scr.gif"] {background-image: url(http://i.imgur.com/IW1FR.png);} img[src="btn_unscr.gif"] {background-image: url(http://i.imgur.com/aVYvC.png);} img[src="btn_freeze.gif"] {background-image: url(http://i.imgur.com/7KTc8.png);} img[src="btn_unfreeze.gif"] {background-image: url(http://i.imgur.com/80cia.png);} img[src="btn_track.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="btn_tracking.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="btn_tracking_thread.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="anonymous.gif"] {background-image: url(http://i.imgur.com/pOnEG.png);} img[src="openid-profile.gif"] {background-image: url(http://i.imgur.com/J4DG0.png);} img[src="userinfo.gif"] {background-image: url(http://i.imgur.com/mHa7oIk.png);} img[src="talk/none.gif"] {background-image: url(http://i.imgur.com/zKR7h.png);} img[src="help.gif"] {background-image: url(http://i.imgur.com/W4MKd.png);} img[src="pencil.gif"],img[src="btn_edit.gif"] {background-image: url(http://i.imgur.com/AQfq6.png);} span.i-ljuser img[src="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/xo0ZUSk.png) no-repeat !important; padding: 16px 0 0 16px !important;} span.i-ljuser img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/c7xZV4e.png) no-repeat !important; padding: 16px 0 0 16px !important;} .ljuser a {font-weight:bold;} .w-cs {font-family: 'Ruluko', serif!important; background:#f7a0b3; color:#fff; min-height:50px; text-transform: lowercase; font-size: 13px; border-bottom:3px solid #f7d1d9; } .w-cs .w-cs-userinfo {font-family: 'Ruluko', serif!important; background:#f7a0b3; color:#fff; border:0px;} .w-cs .w-cs-summary li.w-cs-i-tokens {font-family: 'Ruluko', serif!important; border:0px;} .w-cs a:link, .w-cs a:visited, .w-cs a:active {color: #fff !important;} .w-cs a:hover {color:#fff !important} .w-cs .w-cs-summary {font-family: 'Ruluko', serif!important; background:transparent!important;} .w-cs .w-cs-summary LI.w-cs-i-inbox-have, .w-cs .w-cs-summary LI.w-cs-i-tokens {font-family: 'Ruluko', serif!important; font-size:13px!important;} .w-cs-user-controls .w-cs-status p {font-family: 'Ruluko', serif!important; color: #fff!important; letter-spacing: 0px; font-size: 13px;} .w-cs .ljuser a:link, .w-cs .ljuser a:visited, .w-cs .ljuser a:active, .w-cs .ljuser a:link b, .w-cs .ljuser a:visited b, .w-cs .ljuser a:active b {font-size: 13px !important; font-weight: bold !important; text-transform: none; color: #fff!important; font-family: 'Ruluko', serif!important;} .w-cs .ljuser {margin-left: 5px!important;} .w-cs .ljuser a:hover, .w-cs .ljuser a:hover b {color: #fff!important;} .w-cs .w-cs-search .w-cs-text {width: 150px; border-right: 25px solid #f7d1d9; background-color:#f7d1d9;} .w-cs .w-cs-text {background-color: #f7d1d9!important;} .w-cs .w-cs-search-inner {display:none;} .w-cs FORM.w-cs-login .note {font-family: 'Ruluko', serif!important; color: #fff; font-size:13px;} .w-cs .w-cs-menu li {padding-left:0px!important; background: none!important;} .w-cs .w-cs-menu li.w-cs-i-home a, .w-cs .w-cs-menu li.w-cs-i-post a, .w-cs .w-cs-menu li.w-cs-i-friends a, .w-cs .w-cs-menu li.w-cs-i-account a, .w-cs .w-cs-menu li.w-cs-i-faq a, .w-cs .w-cs-menu li.w-cs-i-recent a, .w-cs .w-cs-menu li.w-cs-i-entries a, .w-cs .w-cs-menu li.w-cs-i-invite a, .w-cs .w-cs-menu li.w-cs-i-add a, .w-cs .w-cs-menu li.w-cs-i-leave a, .w-cs .w-cs-menu li.w-cs-i-watch a, .w-cs .w-cs-menu li.w-cs-i-unwatch a, .w-cs .w-cs-menu li.w-cs-i-directory a, .w-cs .w-cs-menu li.w-cs-i-invites a, .w-cs .w-cs-menu li.w-cs-i-members a, .w-cs .w-cs-menu li.w-cs-i-members a.i-invites, .w-cs .w-cs-menu li.w-cs-i-catalogue a, .w-cs .w-cs-menu li.w-cs-i-edit a, .w-cs .w-cs-menu li.w-cs-i-manage a, .w-cs .w-cs-menu li.w-cs-i-gift a, .w-cs .w-cs-menu li.w-cs-i-tags a, .w-cs .w-cs-menu li.w-cs-i-message a, .w-cs .w-cs-menu li.w-cs-i-groups a, .w-cs .w-cs-menu li.w-cs-i-calendar a, .w-cs .w-cs-menu li.w-cs-i-friendsfriends a, .w-cs .w-cs-menu li.w-cs-i-like a, .w-cs .w-cs-menu li.w-cs-i-share a {padding-left:0px; font-family: 'Ruluko', serif!important; font-size:12px!important;} .w-cs .w-cs-group-second .w-cs-menu {left: 5px!important; border: 0px!important; background: #f7a0b3!important;} .w-cs .w-cs-group-second .w-cs-menu LI A, .w-cs .w-cs-menu LI SPAN {border-bottom: 0px!important;} ::-webkit-scrollbar {width:8px; height:8px;} ::-webkit-scrollbar-track-piece {background-color:#f7d1d9;} ::-webkit-scrollbar-thumb {background-color:#f7a0b3;} ::-webkit-scrollbar-thumb:hover {background-color:#f8709d;} ::-webkit-scrollbar-corner {background-color:#f7d1d9;} .b-popup-contextual .i-popup-arrtl, .b-popup-contextual .i-popup-arrbl {display:none;} .b-popup-contextual .i-popup-arrtr, .b-popup-contextual .i-popup-arrbr {display:none;} .b-contextualhover {min-width:150px; width: auto; min-height: 38px; margin-left: 0px; color: #9c9c9c; text-align: justify; font-size: 13px!important; font-family: 'Ruluko', serif;} .b-contextualhover, .b-contextualhover div, .b-contextualhover p, .b-contextualhover ul, .b-contextualhover ol, .b-contextualhover li, .b-contextualhover label, .b-contextualhover img, .b-contextualhover span, .b-contextualhover h3, .b-contextualhover input {padding: 0; margin: 0; color: #9c9c9c; font-size:13px!important;} .b-contextualhover img {border: none;} .b-contextualhover a:link, .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration: none !important; color: #f7a0b3!important; background: none;} .b-contextualhover a:hover, .b-contextualhover a:active, .b-contextualhover a:focus {border-bottom: 0 !important; text-decoration: none !important; color: #f8709d!important;} .s-lanzelot .b-contextualhover a:link, .s-lanzelot .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration: none !important; color: #f7a0b3!important;} .s-lanzelot .b-contextualhover a:hover, .s-lanzelot .b-contextualhover a:active, .s-lanzelot .b-contextualhover a:focus {border-bottom: 0 !important; text-decoration: none !important; color: #f8709d!important;} .index-page .b-contextualhover a:link, .index-page .b-contextualhover a:visited, .index-page .b-contextualhover a:hover, .index-page .b-contextualhover a:active, .index-page .b-contextualhover a:focus {color: #f7a0b3!important;} .b-contextualhover .alias-unavailable a:link, .b-contextualhover .alias-unavailable a:visited {color: #f7a0b3!important;} .b-contextualhover .alias-unavailable a:hover, .b-contextualhover .alias-unavailable a:active, .b-contextualhover .alias-unavailable A:focus {color: #f8709d!important; text-decoration:none!important;} .b-contextualhover p {margin-bottom: 3px; font-size: 13px;} .b-contextualhover .input-checkbox {margin-right: 2px; vertical-align: middle;} .b-contextualhover .b-contextualhover-section {overflow: hidden; padding: 0px;} .b-contextualhover .b-contextualhover-side {margin: 0px -45px 0 0; height: 0px; float: right; width: 60px;} .b-contextualhover .b-contextualhover-userpic {float: right; width: 55px; height: 55px; text-align: right;} .b-contextualhover .b-contextualhover-userpic a, .b-contextualhover .b-contextualhover-userpic a:hover {border: none !important;} .b-contextualhover .b-contextualhover-userpic img {max-width: 50px; max-height: 50px; border: 4px solid #f7a0b3;} .b-contextualhover .b-contextualhover-title {padding-bottom: 0px;} .b-contextualhover .b-contextualhover-title a:hover {text-decoration: none !important;} .b-contextualhover .b-contextualhover-title h3 {color: #9c9c9c; font-family: 'Ruluko', serif; margin-bottom: 2px; font-weight: normal; font-style: normal; font-size: 13px;} .b-contextualhover .b-contextualhover-options {margin: 0; padding: 2px 0; border-top: 0px; list-style: none;} .b-contextualhover .b-contextualhover-options li {margin-bottom: 0px; font-size: 13px!important;} .b-contextualhover .b-contextualhover-options li a:hover {text-decoration: none !important;} .b-contextualhover .b-contextualhover-param {line-height: 18px; margin:0 0 6px;} .b-contextualhover .b-contextualhover-param-item {list-style: none;} .b-contextualhover-param-item .b-icon-scapital {margin:0 2px 0 0;} .b-icon-scapital {float: left; width: 16px; height: 16px; margin:0 2px 0 0; background-image: url(/img/icon-social-capital.png?v=19876); background-repeat: no-repeat; background-position: 0 50%;} .b-icon-scapital-first {background-position: -17px 50%;} .b-popup-outer {position: relative; padding: 1px; background: #fff; border: 2px solid #f7d1d9; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; z-index: 100;} .b-popup-inner {padding: 10px; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} .b-popup div, .b-popup strong, .b-popup label {color: #9c9c9c;} BODY:not(.s-schemius) .b-contextualhover a:link, BODY:not(.s-schemius) .b-contextualhover a:active, BODY:not(.s-schemius) .b-contextualhover a:focus, BODY:not(.s-schemius) .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration:none!important; color: #f7a0b3!important; background-color:transparent;} BODY:not(.s-schemius) .b-contextualhover a:hover {border-bottom: 0 !important; text-decoration: none!important; color: #f8709d!important;}	Yellow version: (Static) (Live)/- 016 Pink Monsoon yellow ver. Layout by lu_hesperia at ourhappyhours.livejournal.com Tiny icons by pinvoke.com -/ @font-face {font-family: 'Miniver'; font-style: normal; font-weight: 400; src: local('Miniver'), url(http://fonts.gstatic.com/s/miniver/v5/xVWpIMuWQxqM1V1jCWfINw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;} @font-face {font-family: 'Ruluko'; font-style: normal; font-weight: 400; src: local('Ruluko'), url(http://fonts.gstatic.com/s/ruluko/v4/mvgA0kyro8SUHoq672TI3Q.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;} body {background:#fff09e url() repeat fixed; text-align: justify; color:#9c9c9c; font-family: 'Ruluko', serif; font-size: 13px; margin-top:0px;} ::selection {background-color: #f6e150; color: #fff;} ::-moz-selection {background-color: #f6e150; color: #fff;} a, a:link, a:visited {color:#f6e150; text-decoration: none;} a:hover {color:#fbea81;} p, td {} blockquote {font-style:italic; padding: 5px 8px; background-color:#fff; border: 1px dotted #fdf7d4;} code, kbd, pre, tt {font-family: 'Consolas', monospace;} h2 {display:none;} #content {width: 755px; margin-left: auto; margin-right: auto;} #maincontent {float:right; width: 440px; margin: 55px 55px 10px 0;} #sidebar {float:left; width:210px; color:#fff; position:fixed; margin-top:170px; margin-right:55px;} #header {margin: 50px 0 0; width:210px; position:fixed;} .title {font-family: 'Miniver', sans-serif; text-transform: lowercase; font-size: 28px; color: #fff; line-height: 1; text-align: left; margin-top: 50px; text-indent: 10px;} .subtitle {display:none;} ul.navheader {display:none;} ul.navheader li {} .subcontent {background-color: #fff; padding:12px; border:3px solid #fdf7d4; min-height: 108px; line-height: 1.25;} .entry {} .entry_text img {max-width:410px;} .entry_text {margin-bottom:6px;} .userpic, .userpicfriends {position: relative; float: right; text-align:center; color:#fdf7d4; font-size: 11px; z-index: 15; margin:10px -70px 8px 12px; background-color: #fdf7d4!important; padding: 0px; padding-bottom: 5px; border: 5px solid #fbea81; border-bottom: 0px} .userpic img, .userpicfriends img {width:90px; height:90px;} .userpicfriends font {color:#e6c900;} .userpic a, .userpic a:link, .userpic a:visited, .userpicfriends a, .userpicfriends a:link, .userpicfriends a:visited {color:#e6c900;} .userpic a:hover, .userpicfriends a:hover {color:#e6c900;} .date {color: #ccc; font-size: 10px; text-transform:uppercase;} .subject {color:#fbea81; font-size: 18px; text-transform:lowercase; font-weight: bold;} .subject a, .subject a:link, .subject a:visited {color:#fbea81} .subject a:hover {color:#f6e150;} .datesubject {padding: 0 0 10px 42px; text-align: center;} .currents {font-size: 12px; color: #ababab; margin-bottom:6px; text-align:left; line-height: 1.1; text-transform: lowercase; background-color: #fbf9ec; padding: 4px;} .currents a, .currents a:hover {color: #ababab;} .currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong {display: none;} .currentlocation, .currentmood, .currentgroups , .currentmusic {padding: 0 0 0 15px; background: transparent none scroll 0% 50% no-repeat;} .currentlocation {background-image: url(http://i.imgur.com/bHdOZ.png)} .currentmood{background-image: url(http://i.imgur.com/kVuYu.png)} .currentgroups {background-image: url(http://i.imgur.com/v4J41.png)} .currentmusic {background-image: url(http://i.imgur.com/FF3dF.png)} .ljcut-link {color:#f6e150;} .ljtags {margin-top: 10px; text-align: left; text-transform: uppercase; font-size: 12px; color: #aaa;} .comments {font-size: 18px; text-align: center; color: #fff; text-transform:lowercase; font-weight: bold;} .comments a, .comments a:link, .comments a:visited {color:#fbea81} .comments a:hover {color:#f6e150;} .separator {height: 50px;} .defaultuserpic {background-color: #fdf7d4; padding-top: 5px; border: 5px solid #fbea81; border-top: 0px; width: 90px; float: left;} .defaultuserpic img {width:90px; height:90px;} .sbarheader {padding: 0px 5px 0px 5px;} .sbarbody {} .sbarbody2 {padding: 5px 10px 8px; clear: both; background-color: #fbea81; border-top: 5px solid #fdf7d4; margin-top:110px;} .sbarbody2 img {max-width:630px;} .sbarbody2 a {text-decoration:underline; color: #fff;} .sbarbody2 a:hover {} #sidebar_calendar.sbarbody {display:none;} #sidebar_summary.sbarbody {display:none;} #sidebar_tags.sbarbody {display:none;} #sidebar_linklist.sbarbody {float:right; max-height:102px; overflow-y:hidden;} ul.sbarlist {list-style: none; width: 100px; margin:0px; padding:0px;} li.sbaritem {margin-bottom: 4px; background-color: #fbea81; border-left: 5px solid #fdf7d4; padding: 1px; letter-spacing: 1px; font-size: 10px; text-transform: uppercase;} li.sbaritem:hover {border-left: 5px solid #fbea81;} li.sbaritem a, li.sbaritem a:link, li.sbaritem a:visited {color: #fff; margin-left: 3px;} li.sbaritem a:hover {color: #fff;} li.sbartitle {display:none;} #footer {} #footer a, #footer a:link, #footer a:visited {color: #fff;} #footer a:hover {color: #fff;} ul.navfooter {text-transform: lowercase; width: 210px; position:fixed; font-family: 'Miniver', sans-serif; padding: 0px; margin: 0px; list-style: none; font-size: 28px; line-height: 1; text-align: left; bottom: 50px;} ul.navfooter li {} .clearfoot {} #footer .viewing {display:none;} ul.year {margin-bottom: 50px; text-align: center; font-size: 16px; font-weight: bold; background-color: #fff; padding: 12px; border: 3px solid #fdf7d4; color:#aaa;} ul.year li {display:inline; margin: 5px;} table.yeartable {width: 100%; background-color: #fff; padding: 12px 24px; border: 3px solid #fdf7d4;} table.yeartable td.yeardate, table.yeartable td.yearday {color: #aaa; text-align: right; background-color: #fff;} td.yearmonth {font-size:13px; border-style: none; padding-bottom:6px;} .ljtaglist {font-size: 12px; background-color: #fff; color:#aaa; list-style-type:decimal-leading-zero; padding: 12px 12px 12px 48px; border:3px solid #fdf7d4; line-height: 1.4;} .ljtaglist a, ljtaglist a:link, ljtaglist a:visited {text-transform: uppercase;} .box {color: #fff;} #footer.box {text-align:center; padding:12px 0;} input#subject.textbox {background-color: #fff;} textarea#body.textbox {background-color: #fff;} textarea#commenttext.textbox {background-color: #fff;} div#qrform table {border-width: 0px !important;} .datesubjectcomment {color: #9c9c9c;} .userpiccomment {position: relative; background-color: #fbea81; width: 70px; height: 70px; padding: 4px; margin: 0px -70px 8px 12px; z-index: 15; float: right;} input, textarea {background-color: #fff; color: #aaa; font-size: 12px; border: 1px solid #fdf7d4;} textarea.textbox {width: 100% !important;} .commentreply {color: #9c9c9c; padding: 12px 0px;} .commentreply img {max-width:100%;} .commentbox {background-color: #fff; padding:12px; border:3px solid #fdf7d4; margin-top: 10px;padding-bottom: 5px;} .commentboxpartial {padding: 10px; margin: 10px;} .skiplinks {text-align:center; color:#fff09e; text-transform:uppercase; font-size:12px; margin-top:-22px; margin-bottom:8px;} .skiplinks a, .skiplinks a:link, .skiplinks a:visited {color: #fff;} .skiplinks a:hover {color:#fff;} .clear {height: 0px;} img[src="icon_protected.gif"], img[src="icon_private.gif"], img[src="icon_groups.gif"], img[src="icon_sticky.png"], .ljuser img[src="syndicated.gif"], .ljuser img[src="newsinfo.gif"], .ljuser img[src="partnercomm.gif"], .ljuser img[src="sponcomm.gif"] , img[src="btn_del.gif"], img[src="btn_edit.gif"], img[src="btn_spam.gif"], img[src="btn_scr.gif"], img[src="btn_unscr.gif"], img[src="btn_freeze.gif"], img[src="btn_unfreeze.gif"], img[src="btn_track.gif"], img[src="btn_tracking.gif"], img[src="btn_tracking_thread.gif"] , img[src="anonymous.gif"], img[src="openid-profile.gif"], img[src="userinfo.gif"], img[src="talk/none.gif"], img[src="help.gif"], img[src="pencil.gif"] {height: 0px; width: 0px; padding: 0 0 16px 16px !important; background: transparent none no-repeat scroll 0 0; } .subject img {vertical-align: middle !important;} img[src="icon_protected.gif"]{background-image: url(http://i.imgur.com/rkWgU.png);} img[src="icon_private.gif"]{background-image: url(http://i.imgur.com/mNHdJ.png);} img[src="icon_groups.gif"]{background-image: url(http://i.imgur.com/KgjGQ.png);} img[src="icon_sticky.png"]{background-image: url(http://i.imgur.com/FLp83.png);} .ljuser img[src="syndicated.gif"]{background-image: url(http://i.imgur.com/VW920.png) !important;} .ljuser img[src="newsinfo.gif"] {background-image: url(http://i.imgur.com/r6EzA.png) !important;} .ljuser img[src="partnercomm.gif"]{background-image: url(http://i.imgur.com/cJzp8.png) !important;} .ljuser img[src="sponcomm.gif"] {background-image: url(http://i.imgur.com/zupNZ.png) !important;} img[src="btn_unspam.gif"]{background-image: url(http://i.imgur.com/wuJqY.png);} img[src="btn_spam.gif"]{background-image: url(http://i.imgur.com/o63uw.png);} img[src="btn_del.gif"]{background-image: url(http://i.imgur.com/Eci4Q.png);} img[src="btn_scr.gif"] {background-image: url(http://i.imgur.com/IW1FR.png);} img[src="btn_unscr.gif"] {background-image: url(http://i.imgur.com/aVYvC.png);} img[src="btn_freeze.gif"] {background-image: url(http://i.imgur.com/7KTc8.png);} img[src="btn_unfreeze.gif"] {background-image: url(http://i.imgur.com/80cia.png);} img[src="btn_track.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="btn_tracking.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="btn_tracking_thread.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="anonymous.gif"] {background-image: url(http://i.imgur.com/pOnEG.png);} img[src="openid-profile.gif"] {background-image: url(http://i.imgur.com/J4DG0.png);} img[src="userinfo.gif"] {background-image: url(http://i.imgur.com/mHa7oIk.png);} img[src="talk/none.gif"] {background-image: url(http://i.imgur.com/zKR7h.png);} img[src="help.gif"] {background-image: url(http://i.imgur.com/W4MKd.png);} img[src="pencil.gif"],img[src="btn_edit.gif"] {background-image: url(http://i.imgur.com/AQfq6.png);} span.i-ljuser img[src="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/xo0ZUSk.png) no-repeat !important; padding: 16px 0 0 16px !important;} span.i-ljuser img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/c7xZV4e.png) no-repeat !important; padding: 16px 0 0 16px !important;} .ljuser a {color: #fbea81;} .ljuser a:hover {color: #f6e150;} .w-cs {font-family: 'Ruluko', serif!important; background:#fbea81; color:#fff; min-height:50px; text-transform: lowercase; font-size: 13px; border-bottom:3px solid #fdf7d4; } .w-cs .w-cs-userinfo {font-family: 'Ruluko', serif!important; background:#fbea81; color:#fff; border:0px;} .w-cs .w-cs-summary li.w-cs-i-tokens {font-family: 'Ruluko', serif!important; border:0px;} .w-cs a:link, .w-cs a:visited, .w-cs a:active {color: #fff !important;} .w-cs a:hover {color:#fff !important} .w-cs .w-cs-summary {font-family: 'Ruluko', serif!important; background:transparent!important;} .w-cs .w-cs-summary LI.w-cs-i-inbox-have, .w-cs .w-cs-summary LI.w-cs-i-tokens {font-family: 'Ruluko', serif!important; font-size:13px!important;} .w-cs-user-controls .w-cs-status p {font-family: 'Ruluko', serif!important; color: #fff!important; letter-spacing: 0px; font-size: 13px;} .w-cs .ljuser a:link, .w-cs .ljuser a:visited, .w-cs .ljuser a:active, .w-cs .ljuser a:link b, .w-cs .ljuser a:visited b, .w-cs .ljuser a:active b {font-size: 13px !important; font-weight: bold !important; text-transform: none; color: #fff!important; font-family: 'Ruluko', serif!important;} .w-cs .ljuser {margin-left: 5px!important;} .w-cs .ljuser a:hover, .w-cs .ljuser a:hover b {color: #fff!important;} .w-cs .w-cs-search .w-cs-text {width: 150px; border-right: 25px solid #fdf7d4; background-color:#fdf7d4;} .w-cs .w-cs-text {background-color: #fdf7d4!important;} .w-cs .w-cs-search-inner {display:none;} .w-cs FORM.w-cs-login .note {font-family: 'Ruluko' , serif!important; color: #fff; font-size:13px;} .w-cs .w-cs-menu li {padding-left:0px!important; background: none!important;} .w-cs .w-cs-menu li.w-cs-i-home a, .w-cs .w-cs-menu li.w-cs-i-post a, .w-cs .w-cs-menu li.w-cs-i-friends a, .w-cs .w-cs-menu li.w-cs-i-account a, .w-cs .w-cs-menu li.w-cs-i-faq a, .w-cs .w-cs-menu li.w-cs-i-recent a, .w-cs .w-cs-menu li.w-cs-i-entries a, .w-cs .w-cs-menu li.w-cs-i-invite a, .w-cs .w-cs-menu li.w-cs-i-add a, .w-cs .w-cs-menu li.w-cs-i-leave a, .w-cs .w-cs-menu li.w-cs-i-watch a, .w-cs .w-cs-menu li.w-cs-i-unwatch a, .w-cs .w-cs-menu li.w-cs-i-directory a, .w-cs .w-cs-menu li.w-cs-i-invites a, .w-cs .w-cs-menu li.w-cs-i-members a, .w-cs .w-cs-menu li.w-cs-i-members a.i-invites, .w-cs .w-cs-menu li.w-cs-i-catalogue a, .w-cs .w-cs-menu li.w-cs-i-edit a, .w-cs .w-cs-menu li.w-cs-i-manage a, .w-cs .w-cs-menu li.w-cs-i-gift a, .w-cs .w-cs-menu li.w-cs-i-tags a, .w-cs .w-cs-menu li.w-cs-i-message a, .w-cs .w-cs-menu li.w-cs-i-groups a, .w-cs .w-cs-menu li.w-cs-i-calendar a, .w-cs .w-cs-menu li.w-cs-i-friendsfriends a, .w-cs .w-cs-menu li.w-cs-i-like a, .w-cs .w-cs-menu li.w-cs-i-share a {padding-left:0px; font-family: 'Ruluko', serif!important; font-size:12px!important;} .w-cs .w-cs-group-second .w-cs-menu {left: 5px!important; border: 0px!important; background: #fbea81!important;} .w-cs .w-cs-group-second .w-cs-menu LI A, .w-cs .w-cs-menu LI SPAN {border-bottom: 0px!important;} ::-webkit-scrollbar {width:8px; height:8px;} ::-webkit-scrollbar-track-piece {background-color:#fdf7d4;} ::-webkit-scrollbar-thumb {background-color:#fbea81;} ::-webkit-scrollbar-thumb:hover {background-color:#f6e150;} ::-webkit-scrollbar-corner {background-color:#fdf7d4;} .b-popup-contextual .i-popup-arrtl, .b-popup-contextual .i-popup-arrbl {display:none;} .b-popup-contextual .i-popup-arrtr, .b-popup-contextual .i-popup-arrbr {display:none;} .b-contextualhover {min-width:150px; width: auto; min-height: 38px; margin-left: 0px; color: #9c9c9c; text-align: justify; font-size: 13px!important; font-family: 'Ruluko', serif;} .b-contextualhover, .b-contextualhover div, .b-contextualhover p, .b-contextualhover ul, .b-contextualhover ol, .b-contextualhover li, .b-contextualhover label, .b-contextualhover img, .b-contextualhover span, .b-contextualhover h3, .b-contextualhover input {padding: 0; margin: 0; color: #9c9c9c; font-size:13px!important;} .b-contextualhover img {border: none;} .b-contextualhover a:link, .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration: none !important; color: #fbea81!important; background: none;} .b-contextualhover a:hover, .b-contextualhover a:active, .b-contextualhover a:focus {border-bottom: 0 !important; text-decoration: none !important; color: #f6e150!important;} .s-lanzelot .b-contextualhover a:link, .s-lanzelot .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration: none !important; color: #fbea81!important;} .s-lanzelot .b-contextualhover a:hover, .s-lanzelot .b-contextualhover a:active, .s-lanzelot .b-contextualhover a:focus {border-bottom: 0 !important; text-decoration: none !important; color: #f6e150!important;} .index-page .b-contextualhover a:link, .index-page .b-contextualhover a:visited, .index-page .b-contextualhover a:hover, .index-page .b-contextualhover a:active, .index-page .b-contextualhover a:focus {color: #fbea81!important;} .b-contextualhover .alias-unavailable a:link, .b-contextualhover .alias-unavailable a:visited {color: #fbea81!important;} .b-contextualhover .alias-unavailable a:hover, .b-contextualhover .alias-unavailable a:active, .b-contextualhover .alias-unavailable A:focus {color: #f6e150!important; text-decoration:none!important;} .b-contextualhover p {margin-bottom: 3px; font-size: 13px;} .b-contextualhover .input-checkbox {margin-right: 2px; vertical-align: middle;} .b-contextualhover .b-contextualhover-section {overflow: hidden; padding: 0px;} .b-contextualhover .b-contextualhover-side {margin: 0px -45px 0 0; height: 0px; float: right; width: 60px;} .b-contextualhover .b-contextualhover-userpic {float: right; width: 55px; height: 55px; text-align: right;} .b-contextualhover .b-contextualhover-userpic a, .b-contextualhover .b-contextualhover-userpic a:hover {border: none !important;} .b-contextualhover .b-contextualhover-userpic img {max-width: 50px; max-height: 50px; border: 4px solid #fbea81;} .b-contextualhover .b-contextualhover-title {padding-bottom: 0px;} .b-contextualhover .b-contextualhover-title a:hover {text-decoration: none !important;} .b-contextualhover .b-contextualhover-title h3 {color: #9c9c9c; font-family: 'Ruluko', serif; margin-bottom: 2px; font-weight: normal; font-style: normal; font-size: 13px;} .b-contextualhover .b-contextualhover-options {margin: 0; padding: 2px 0; border-top: 0px; list-style: none;} .b-contextualhover .b-contextualhover-options li {margin-bottom: 0px; font-size: 13px!important;} .b-contextualhover .b-contextualhover-options li a:hover {text-decoration: none !important;} .b-contextualhover .b-contextualhover-param {line-height: 18px; margin:0 0 6px;} .b-contextualhover .b-contextualhover-param-item {list-style: none;} .b-contextualhover-param-item .b-icon-scapital {margin:0 2px 0 0;} .b-icon-scapital {float: left; width: 16px; height: 16px; margin:0 2px 0 0; background-image: url(/img/icon-social-capital.png?v=19876); background-repeat: no-repeat; background-position: 0 50%;} .b-icon-scapital-first {background-position: -17px 50%;} .b-popup-outer {position: relative; padding: 1px; background: #fff; border: 2px solid #fdf7d4; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; z-index: 100;} .b-popup-inner {padding: 10px; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} .b-popup div, .b-popup strong, .b-popup label {color: #9c9c9c;} BODY:not(.s-schemius) .b-contextualhover a:link, BODY:not(.s-schemius) .b-contextualhover a:active, BODY:not(.s-schemius) .b-contextualhover a:focus, BODY:not(.s-schemius) .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration:none!important; color: #f6e150!important; background-color:transparent;} BODY:not(.s-schemius) .b-contextualhover a:hover {border-bottom: 0 !important; text-decoration: none!important; color: #fbea81!important;}

INSTALLATION
(1) Apply any Flexible Squares theme. Make sure the page set up is either 2 Column (sidebar on left) or 2 Column (sidebar on right) or else the topbar won't show. Set the ads to between entries or horizontal. (2) Display → Navigation Strip color: Light gray. (3) Text → There you can edit your navigation, currents and comments text so that they look like in the preview. (4) Sidebar → Ordering: Link List, Default Userpic, Blurb. (5) Custom CSS → Set all drop-down boxes to No and paste the code.
NOTES AND CREDITS
→ Don't redistribute or claim as your own. → Credit is nice. → Tiny icons by pinvoke.com → Preview icons by dashberlin at amarylis

New controlstrip

lu_hesperia — Wed, 26 Aug 2015 19:36:53 GMT

As you all know, LJ implemented a new site navigation menu a while ago (you can read the news post here). It's huge, it can't be customized or disabled in the theme settings and breaks most of my layouts. Therefore I highly recommend that if you haven't switched to the old version you do so now.

I liked the old controlstrip a lot and I will continue to code for the old version. If you are using any of my layouts and notice anything that's not working properly, tell me and I'll try to fix it as soon as possible :)

XV. Stay

lu_hesperia — Sat, 30 May 2015 08:30:09 GMT

( STATIC ) ( LIVE )

XV. STAY
→ S2 Smooth Sailing → Basic, plus and paid; ad placement between entries or horizontal. → Features custom comment pages, title, navigation and topbar. → Only the first three sideboxes will be visible.
PREVIEW AND CODE
(Static) (Live) /- 015 Stay Layout by lu_hesperia at ourhappyhours.livejournal.com Tiny icons by pinvoke.com -/ @font-face {font-family: 'Droid Serif'; font-style: normal; font-weight: 400; src: local('Droid Serif'), local('DroidSerif'), url(http://fonts.gstatic.com/s/droidserif/v6/0AKsP294HTD-nvJgucYTaI4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;} @font-face {font-family: 'Droid Serif'; font-style: normal; font-weight: 700; src: local('Droid Serif Bold'), local('DroidSerif-Bold'), url(http://fonts.gstatic.com/s/droidserif/v6/QQt14e8dY39u-eYBZmppwYlIZu-HDpmDIZMigmsroc4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;} @font-face {font-family: 'Droid Serif'; font-style: italic; font-weight: 400; src: local('Droid Serif Italic'), local('DroidSerif-Italic'), url(http://fonts.gstatic.com/s/droidserif/v6/cj2hUnSRBhwmSPr9kS5898u2Q0OS-KeTAWjgkS85mDg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;} @font-face {font-family: 'Playfair Display'; font-style: normal; font-weight: 400; src: local('Playfair Display'), local('PlayfairDisplay-Regular'), url(http://fonts.gstatic.com/s/playfairdisplay/v10/2NBgzUtEeyB-Xtpr9bm1Cdhy5e3cTyNKTHXrP9DO-Rc.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;} @font-face {font-family: 'Playfair Display'; font-style: italic; font-weight: 400; src: local('Playfair Display Italic'), local('PlayfairDisplay-Italic'), url(http://fonts.gstatic.com/s/playfairdisplay/v10/9MkijrV-dEJ0-_NWV7E6N3L1iaS4euO_B3wJG_mMktU.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;} ::selection {background-color:#d6d6d6; color:#fff;} ::-moz-selection {background-color:#d6d6d6; color:#fff;} body {background:#f8f8f8 url() repeat scroll 0 0; color:#919191; font-family: 'Droid Serif', Georgia, serif; font-size:12px; margin:0;} a, a:link, a:visited {color:#e6beed; text-decoration:none; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} a:hover {color:#c88fc4; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} blockquote {padding: 8px; border: 1px dotted #e6e6e6; font-style: italic;} textarea, input, select {background-color: #fff; color: #aaa; font-family: Consolas; font-size: 12px; border: 1px solid #e6e6e6;} tt, code, kbd, samp {font-family: Consolas;} .pageblock {} .pageheaderblock {width: 730px; margin:55px auto;} .header-title {font-family: 'Playfair Display', Georgia, serif; font-size: 36px; color: #fff; letter-spacing:1px; text-shadow: 1px 1px #d6d6d6; width: 395px; float: left; line-height: 0.95;} .header-title::first-letter {padding: 3px 6px; font-size:40px; margin-right: 1px; background: url(http://i.imgur.com/AcVaJ1G.png) repeat scroll 0 0; border: 1px solid #e6e6e6; font-style: italic; text-transform: uppercase;} .header-subtitle {display:none;} .header-menu {width: 325px; text-align:right; float: right;} .header-menu ul {} .header-menu li {display: inline-block; padding: 4px 8px; background-color: #fff; margin:2px; border: 1px solid #e6e6e6;} .header-menu li a {color:#999;} .pagefooterblock {display:none;} .bodyheaderblock {display:none;} .bodyblock {margin: 0 auto; padding-top:265px; width: 730px;} .entryHolder {background: url(http://i.imgur.com/AcVaJ1G.png) repeat scroll 0 0; margin:45px auto; border:1px solid #e6e6e6; padding:8px;} .entryUserinfo {margin-right:-1px; margin-top: -1px;} .entryUserinfo-username {font-family: 'Playfair Display', Georgia, serif; font-size: 11px; color: #999; text-align:center;} .entryUserinfo-username .ljuser a, .entryUserinfo-username .ljuser a:hover {color:#999;} .entryUserinfo-username .ljuser b {font-weight:normal;} .entryUserinfo-usericon {border:1px solid #e6e6e6;} .print-username {display:none;} .entryUserinfo-usericon img {width:100px; height:100px; padding:1px; border:8px solid #fff; background-color:#e6e6e6;} .entryText {background-color:#fff; border: 1px solid #e6e6e6; text-align:justify; padding:12px; line-height:1.3; margin-top: -1px; width: 566px;} .entryText img {max-width:566px;} .entryHeader {font-family: 'Playfair Display', Georgia, serif; min-height: 17px; display: block; background: #fff; padding: 7px 10px; border: 1px solid #e6e6e6; font-size: 0px;} .entryHeaderSubject {} .entryHeaderSubject a, .entryHeaderSubject a:active, .entryHeaderSubject a:visited, .entryHeaderSubject a:hover {text-transform:uppercase; color:#999; font-size: 13px;} .entryHeaderTags {display:none;} .entryHeaderDate {float:right; font-size: 12px; color: #aaa; text-align: right;} .entryMetadata-label {padding-right: 4px;} .entryMetadata ul {margin: 0px; list-style: none; padding: 10px; background-color: #fff; border: 1px solid #e6e6e6; margin-top: -1px; line-height:1.3;} .entryLinkbar {font-family: 'Playfair Display', Georgia, serif; text-transform:lowercase; text-align:right; padding-top:4px;} .entryLinkbar a {color:#999;} .entryLinkbar a:hover {color:#999;} .entryLinkbar ul {margin:0;} .entryLinkbar li {display:inline; margin:0; padding:0 1px 0 8px;} .body-midtitle {display:none;} .commentHolder {margin:20px 0; background: url(http://i.imgur.com/AcVaJ1G.png) repeat scroll 0 0; border:1px solid #e6e6e6; padding: 8px;} .commentUserinfo {background-color:#fff; border:1px solid #e6e6e6; margin-right:-1px;} .commentUserinfo-usericon img {width:100px; height:100px; padding:1px; border:8px solid #fff; border-bottom:0px; background-color:#e6e6e6;} .commentUserinfo-username {font-family: 'Playfair Display', Georgia, serif; font-size: 10px; color: #999; padding: 2px 0px 5px; text-align:center;} .commentUserinfo .ljuser a, .commentUserinfo .ljuser a:hover {color:#999;} .commentUserinfo .ljuser b {font-weight:normal;} .commentText {background-color:#fff; padding:12px; border:1px solid #e6e6e6; min-height: 107px; min-width: 210px; text-align:justify;} .commentText img {max-width:100%} .commentHeader {border:1px solid #e6e6e6; border-bottom:0px; padding: 7px 10px; color: #999; background-color:#fff; font-family: 'Playfair Display', Georgia, serif;} .commentHeader a {} .commentHeaderSubject {} .commentHeaderScreened {} .commentLinkbar {font-family: 'Playfair Display', Georgia, serif; text-transform:lowercase; text-align:right; padding-top:2px;} .commentLinkbar ul {margin:0px; padding:0;} .commentLinkbar li {display:inline; margin:0; padding:0 1px 0 8px;} .commentLinkbar a {color:#999;} .commentLinkbar a:hover {color:#999;} textarea#body.textbox, textarea#commenttext.textbox {font-size: 13px;} .replyform {padding-left: 30px;} #qrform table {border: none !important;} .month {width: 100%; padding: 0px 120px 20px; background-color: #fff; border: 1px solid #e6e6e6; border-top:0px;} .entryHeader a {font-size:13px;} .daytitles {padding-bottom: 10px; text-align:center;} .month td {background-color:#fcfcfc; padding:2px; margin:2px; border: 1px solid #fff;} .daysubjects {background-color: #fff; padding: 10px; border: 1px solid #e6e6e6; line-height:1.3;} .day-date {text-align:right} .day-blank {} .day-count {font-size:16px; text-align:center;} .sidebar {width:720px; height:159px; position:absolute; color:#999; background:transparent; top: 200px; background: url(http://i.imgur.com/AcVaJ1G.png) repeat scroll 0 0; border:1px solid #e6e6e6; padding: 0px 4px; overflow-y: hidden;} .sidebox {background-color:#fff; margin:8px 4px; width:211px; float:left; border:1px solid #e6e6e6; border-right:0px; padding: 8px 10px; height:125px; overflow-y: scroll; line-height:1.3;} .sideboxTitle {text-align:center; font-size:14px; padding-bottom:3px; font-family: 'Playfair Display', Georgia, serif;} .sideboxContent {text-align:justify; border-top:1px solid #e6e6e6; padding-top:5px;} .sidebox #profile {} img.profile-userpic.ContextualPopup {width: 70px; float: left; padding-right: 8px;} .sidebox #systemlinks {line-height:1.2;} .sidebox #search {} .sidebox #summary {} .sidebox #latestmonth {} .sidebox #latestmonth table {width:100%;} .sidebox #latestmonth td {text-align:center;} .sidebox #tags_sidebox {text-align:center;} .sidebox #freetext, .sidebox #freetext2, .sidebox #freetext3, .sidebox #freetext4, .sidebox #freetext5, .sidebox #freetext6, .sidebox #freetext7, .sidebox #freetext8, .sidebox #freetext9 {text-align: justify; color:#aaa;} .sidebox #freetext_private {display:none;} .listitem {padding: 1px; border-bottom: 1px solid #e6e6e6; margin: 2px 0; } .listspacer {height:10px;} .listtitle {text-align:center; font-size: 13px; padding: 2px 0px 3px; font-family: 'Playfair Display', Georgia, serif; border-bottom: 1px solid #e6e6e6;} #footer-menu {margin-bottom:60px; text-align: left; padding: 0;} #footer-menu ul {margin:0 auto; padding:0;} #footer-menu li {display: inline-block; padding: 4px 8px; background-color: #fff; margin:2px; border: 1px solid #e6e6e6;} #footer-menu li a, #footer-menu li a:active, #footer-menu li a:visited {color:#999;} #footer-menu li a:hover {color:#999;} .bodynavblock {text-align: center; padding: 10px 0 40px;} img[src="icon_protected.gif"], img[src="icon_private.gif"], img[src="icon_groups.gif"], img[src="icon_sticky.png"], .ljuser img[src="syndicated.gif"], .ljuser img[src="newsinfo.gif"], .ljuser img[src="partnercomm.gif"], .ljuser img[src="sponcomm.gif"] , img[src="btn_del.gif"], img[src="btn_edit.gif"], img[src="btn_spam.gif"], img[src="btn_scr.gif"], img[src="btn_unscr.gif"], img[src="btn_freeze.gif"], img[src="btn_unfreeze.gif"], img[src="btn_track.gif"], img[src="btn_tracking.gif"], img[src="btn_tracking_thread.gif"] , img[src="anonymous.gif"], img[src="openid-profile.gif"], img[src="userinfo.gif"], img[src="talk/none.gif"], img[src="help.gif"], img[src="pencil.gif"] {height: 0px; width: 0px; padding: 0 0 16px 16px !important; background: transparent none no-repeat scroll 0 0; } .entryHeaderSubject img {vertical-align: bottom!important;} img[src="icon_protected.gif"]{background-image: url(http://i.imgur.com/1pkIxw8.png);} img[src="icon_private.gif"]{background-image: url(http://i.imgur.com/faoeIgT.png);} img[src="icon_groups.gif"]{background-image: url(http://i.imgur.com/i4V7S0x.png);} img[src="icon_sticky.png"]{background-image: url(http://i.imgur.com/FLp83.png);} .ljuser img[src="syndicated.gif"]{background-image: url(http://i.imgur.com/VW920.png) !important;} .ljuser img[src="newsinfo.gif"] {background-image: url(http://i.imgur.com/r6EzA.png) !important;} .ljuser img[src="partnercomm.gif"]{background-image: url(http://i.imgur.com/cJzp8.png) !important;} .ljuser img[src="sponcomm.gif"] {background-image: url(http://i.imgur.com/zupNZ.png) !important;} img[src="anonymous.gif"] {background-image: url(http://i.imgur.com/pOnEG.png);} img[src="openid-profile.gif"] {background-image: url(http://i.imgur.com/J4DG0.png);} img[src="userinfo.gif"] {background-image: url(http://i.imgur.com/NpNX0.png);} img[src="talk/none.gif"] {background-image: url(http://i.imgur.com/zKR7h.png);} img[src="help.gif"] {background-image: url(http://i.imgur.com/W4MKd.png);} img[src="pencil.gif"] {background-image: url(http://i.imgur.com/AQfq6.png);} span.i-ljuser img[src="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://l-stat.livejournal.com/img/userinfo.gif?v=94.3) no-repeat !important; padding: 0 0 0 0 !important;} span.i-ljuser img[src="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://l-stat.livejournal.com/img/userinfo.gif?v=94.3) no-repeat !important; padding: 0 0 0 0 !important;} span.ljuser a {text-decoration: none;} span.ljuser a:hover {color;#fff!important;} .w-cs {background: url(http://i.imgur.com/AcVaJ1G.png) repeat scroll 0 0!important; color:#999!important; min-height:50px; text-transform: lowercase; font: 11px 'Droid Serif', Georgia, serif!important; font-weight:normal!important; border-bottom:1px solid #e6e6e6;} .w-cs a:link, .w-cs a:visited, .w-cs a:hover, .w-cs a:active {color:#999!important; font-family:'Droid Serif', Georgia, serif!important;} .w-cs .ljuser a:link, .w-cs .ljuser a:visited, .w-cs .ljuser a:hover, .w-cs .ljuser a:active, .w-cs .ljuser a:link b, .w-cs .ljuser a:visited b, .w-cs .ljuser a:hover b, .w-cs .ljuser a:active b {font-size: 11px !important; font-weight: normal!important; text-transform: uppercase!important; text-transform: none; color: #999!important; font-family: 'Playfair Display', Georgia, serif!important; margin-left: 2px!important;} .w-cs .w-cs-userinfo {background: url(http://i.imgur.com/AcVaJ1G.png) repeat scroll 0 0!important; color:#999; border:0px; font-family:'Droid Serif', Georgia, serif!important;} .w-cs .w-cs-summary li.w-cs-i-tokens {border:0px;} .w-cs a:link, .w-cs a:visited, .w-cs a:active {color:#999!important;} .w-cs a:hover {color:#999!important;} .w-cs .w-cs-summary {background-color: transparent!important; background-image: url('')!important;} .w-cs-user-controls .w-cs-status p {background-color: transparent!important; color:#aaa!important; font-family:'Droid Serif', Georgia, serif!important; font-size:12px;} .w-cs .w-cs-summary {background:transparent!important; color:transparent!important} .w-cs .w-cs-search .w-cs-text {width: 150px; border-right: 25px solid #fff; background-color:#fff;} .w-cs .w-cs-text {background-color: #fff!important;} .w-cs .w-cs-search-inner {display:none;} .w-cs .w-cs-menu li {background: none!important; padding-left: 0px!important;} .w-cs .w-cs-menu li.w-cs-i-home a, .w-cs .w-cs-menu li.w-cs-i-post a, .w-cs .w-cs-menu li.w-cs-i-friends a, .w-cs .w-cs-menu li.w-cs-i-account a, .w-cs .w-cs-menu li.w-cs-i-faq a, .w-cs .w-cs-menu li.w-cs-i-recent a, .w-cs .w-cs-menu li.w-cs-i-entries a, .w-cs .w-cs-menu li.w-cs-i-invite a, .w-cs .w-cs-menu li.w-cs-i-add a, .w-cs .w-cs-menu li.w-cs-i-leave a, .w-cs .w-cs-menu li.w-cs-i-watch a, .w-cs .w-cs-menu li.w-cs-i-unwatch a, .w-cs .w-cs-menu li.w-cs-i-directory a, .w-cs .w-cs-menu li.w-cs-i-invites a, .w-cs .w-cs-menu li.w-cs-i-members a, .w-cs .w-cs-menu li.w-cs-i-members a.i-invites, .w-cs .w-cs-menu li.w-cs-i-catalogue a, .w-cs .w-cs-menu li.w-cs-i-edit a, .w-cs .w-cs-menu li.w-cs-i-manage a, .w-cs .w-cs-menu li.w-cs-i-gift a, .w-cs .w-cs-menu li.w-cs-i-tags a, .w-cs .w-cs-menu li.w-cs-i-message a, .w-cs .w-cs-menu li.w-cs-i-groups a, .w-cs .w-cs-menu li.w-cs-i-calendar a, .w-cs .w-cs-menu li.w-cs-i-friendsfriends a, .w-cs .w-cs-menu li.w-cs-i-like a, .w-cs .w-cs-menu li.w-cs-i-share a {padding-left: 0px; font: 11px 'Droid Serif' !important;} .w-cs .w-cs-filter .w-cs-filter-icon {padding-left: 0px!important; background:none!important;} .w-cs .w-cs-group-second .w-cs-menu {left: 5px!important; border: 0px!important; background: url(http://i.imgur.com/AcVaJ1G.png) repeat scroll 0 0!important;} .w-cs .w-cs-group-second .w-cs-menu LI A, .w-cs .w-cs-menu LI SPAN {border-bottom: 0px!important;} ::-webkit-scrollbar {width:7px; height:7px;} ::-webkit-scrollbar-track-piece {background-color:#fff; border:3px solid #e6e6e6;} ::-webkit-scrollbar-thumb {background-color:#fff; border:2px solid #e6e6e6;} ::-webkit-scrollbar-thumb:hover {} ::-webkit-scrollbar-corner {background-color:#e6e6e6;} .b-popup-contextual .i-popup-arrtl, .b-popup-contextual .i-popup-arrbl {display:none;} .b-popup-contextual .i-popup-arrtr, .b-popup-contextual .i-popup-arrbr {display:none;} .b-contextualhover {min-width:150px; width: auto; min-height: 44px; margin-left: 0px; color: #999; text-align: justify; font-size: 11px!important; font-family:'Droid Serif', Georgia, serif; line-height: 1.25;} .b-contextualhover, .b-contextualhover div, .b-contextualhover p, .b-contextualhover ul, .b-contextualhover ol, .b-contextualhover li, .b-contextualhover label, .b-contextualhover img, .b-contextualhover span, .b-contextualhover h3, .b-contextualhover input {padding: 0; margin: 0; color: #999; font-size:11px!important;} .b-contextualhover img {border: none;} .b-contextualhover p {margin-bottom: 3px; font-size: 11px; line-height: 1.25;} .b-contextualhover .input-checkbox {margin-right: 2px; vertical-align: middle;} .b-contextualhover .b-contextualhover-section {overflow: hidden; padding: 0px;} .b-contextualhover .b-contextualhover-side {margin: -10px -64px 0 0;} .b-contextualhover .b-contextualhover-userpic {float: right; width: 55px; height: 55px; text-align: right;} .b-contextualhover .b-contextualhover-userpic a, .b-contextualhover .b-contextualhover-userpic a:hover {border: none !important;} .b-contextualhover .b-contextualhover-userpic img {max-width: 50px; max-height: 50px; padding: 5px; background: url(http://i.imgur.com/AcVaJ1G.png) repeat scroll 0 0; border: 1px solid #e6e6e6;} .b-contextualhover .b-contextualhover-title {padding-bottom: 0px;} .b-contextualhover .b-contextualhover-title a:hover {text-decoration: none !important;} .b-contextualhover .b-contextualhover-title h3 {color: #999; font-family:'Droid Serif', Georgia, serif; margin-bottom: 2px; font-weight: normal; font-style: normal; font-size: 11px; line-height: 1.25;} .b-contextualhover .b-contextualhover-options {margin: 0; padding: 1px 0; border-top: 0px; list-style: none;} .b-contextualhover .b-contextualhover-options li {margin-bottom: 0px; line-height: 1.25; font-size: 11px!important;} .b-contextualhover .b-contextualhover-options li a:hover {text-decoration: none !important;} .b-contextualhover .b-contextualhover-param {line-height: 18px; margin:0 0 6px;} .b-contextualhover .b-contextualhover-param-item {list-style: none;} .b-contextualhover-param-item .b-icon-scapital {margin:0 2px 0 0;} .b-icon-scapital {float: left; width: 16px; height: 16px; margin:0 2px 0 0; background-image: url(/img/icon-social-capital.png?v=19876); background-repeat: no-repeat; background-position: 0 50%;} .b-icon-scapital-first {background-position: -17px 50%;} .b-popup-outer {position: relative; padding: 1px; background: #fff; border: 1px solid #e6e6e6; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; z-index: 100;} .b-popup-inner {padding: 8px; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} .b-popup div, .b-popup strong, .b-popup label {color: #888;} BODY:not(.s-schemius) .b-contextualhover a:link, BODY:not(.s-schemius) .b-contextualhover a:active, BODY:not(.s-schemius) .b-contextualhover a:focus, BODY:not(.s-schemius) .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration:none!important; color: #e6beed!important;} BODY:not(.s-schemius) .b-contextualhover a:hover {border-bottom: 0 !important; text-decoration: none!important; color: #c88fc4!important;}

INSTALLATION
(1) Apply any Smooth Sailing theme. Make sure the page set up is 2 Column (sidebar on left) or else the sidebar won't show. Set the ads to between entries or horizontal. (2) Display → Navigation Strip color: Light gray. (3) Entry Text → Format for Date and Time: %%dayord%% %%month%% %%yyyy%%. Additionally you can edit some of the text so that they look like in the preview. (4) Menu → Shorten the links used for the navigation. (5) Sidebar → Ordering: Free Text, Links, Latest Month. You can order the sideboxes as you want but keep in mind that only the first three of them will be visible. (6) Custom CSS → Set all drop-down boxes to No and paste the code.
NOTES AND CREDITS
→ Don't redistribute or claim as your own. → Credit is nice. → Tiny icons by pinvoke.com → Preview icon by astrokittie at chronophages

XIV. Disjunction

lu_hesperia — Wed, 18 Mar 2015 11:41:13 GMT

( STATIC ) ( LIVE )

XIV. DISJUNCTION
→ S2 Flexible Squares → Basic, plus and paid; ad placement between entries, horizontal or vertical. → Features custom comment pages, title, subtitle, navigation and sidebar. → Default userpic is disabled.
PREVIEW AND CODE
(Static) (Live) /- 014 Disjunction Layout by lu_hesperia at ourhappyhours.livejournal.com Tiny icons by pinvoke.com -/ @font-face {font-family: 'Muli'; font-style: normal; font-weight: 400; src: local('Muli'), url(http://fonts.gstatic.com/s/muli/v7/z6c3Zzm51I2zB_Gi7146Bg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;} @font-face {font-family: 'Muli'; font-style: italic; font-weight: 400; src: local('Muli Italic'), local('Muli-Italic'), url(http://fonts.gstatic.com/s/muli/v7/RGzT9VzvdKojoeSA3nPC6Q.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;} @font-face {font-family: 'Lobster'; font-style: normal; font-weight: 400; src: local('Lobster'), local('Lobster-Regular'), url(http://fonts.gstatic.com/s/lobster/v12/cycBf3mfbGkh66G5NhszPQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;} body {background:#dbdbdb url() repeat fixed; color:#a0a0a0; font-family: Muli, Tahoma, sans-serif; font-size: 12px;} ::selection {background-color:#a0486b; color:#f0f0f0;} ::-moz-selection {background-color:#a0486b; color:#f0f0f0;} a, a:link, a:visited {color: #8eb2c5; text-decoration: none;} a:hover {color: #d1313d;} p, td {} blockquote {padding: 0 12px; border-left: 5px solid #f9bf76; border-right: 5px solid #f9bf76;} code, kbd, pre, tt {font-family: Consolas, monospace; font-size: 11px;} code:hover {background:#615375; color:#d7d3dc;} strong, b {} h2 {display:none;} #content {width: 952px; margin-left: auto; margin-right: auto; margin-top: 42px;} #maincontent {width:570px; float:left;} #sidebar {float: right; text-align: justify; width: 210px; color:#fff;} .sbarheader {display:none;} .sbarbody {} .defaultuserpic {display:none;} #sidebar_linklist.sbarbody {background-color:#d1313d; margin-bottom:27px; padding:15px; text-align: center;} #sidebar_linklist.sbarbody li.sbaritem {text-transform: uppercase; padding: 2px 0; letter-spacing: 1px;} #sidebar_linklist.sbarbody li.sbaritem a, #sidebar_linklist.sbarbody li.sbaritem a:link, #sidebar_linklist.sbarbody li.sbaritem a:visited {color: #f3cbce;} #sidebar_linklist.sbarbody li.sbaritem a:hover {letter-spacing: 3px; background-color:#fff; color:#d1313d; padding:4px 3px 2px 5px;} #sidebar_tags.sbarbody {background-color:#ea8157; margin-bottom:27px; padding:15px; font-size:11px;} #sidebar_tags.sbarbody li.sbaritem a, #sidebar_tags.sbarbody li.sbaritem a:link, #sidebar_tags.sbarbody li.sbaritem a:visited {color: #f9dfd4;} #sidebar_tags.sbarbody li.sbaritem a:hover {color: #fff;} #sidebar_tags.sbarbody li.sbaritem {text-transform: uppercase; padding: 1px 0; letter-spacing: 1px;} #sidebar_summary.sbarbody {background-color:#708cb6; margin-bottom:27px; padding: 15px; line-height:1.4; color: #bac8db; text-align:left;} #sidebar_summary.sbarbody li.sbaritem a, #sidebar_summary.sbarbody li.sbaritem a:link, #sidebar_summary.sbarbody li.sbaritem a:visited {color: #d9e0ea;} #sidebar_summary.sbarbody li.sbaritem a:hover {color: #fff;} #sidebar_calendar.sbarbody {background-color: #615375; margin-bottom: 27px; padding: 15px; text-align: center; font-size:11px; color:#d7d3dc;} #sidebar_calendar.sbarbody ul.sbarlist li.sbartitle {display:inline!important; font-size:13px;} .sbarbody2 {background-color:#a0486b; margin-bottom:27px; padding: 15px; line-height:1.4; color: #e7d1d9;} .sbarbody2 img {max-width:180px;} #sidebar a, #sidebar a:link, #sidebar a:visited {color:#fff;} #sidebar a:hover {color:#fff;} li.tagcloud {line-height:1;} ul.sbarlist {list-style:none; padding:0px!important; margin: 0px;} li.sbartitle {display:none;} #header {text-align:right; padding-bottom:40px; color:#a0486b;} ul.navheader {list-style:none; padding:0px 0px 5px!important; margin: 0px; border-bottom: 5px #f9bf76 solid; font-size:16px; text-transform: uppercase;} .navheader li {display:inline; margin-left: 5px;} .navheader li a {color:#a0486b;} .navheader li a:hover {color:#d1313d;} .title {text-align:left; font-size:36px; font-family: Lobster, Impact, 'Arial Black', sans-serif; text-transform: lowercase; color:#615375;} .subtitle {text-align:left; text-transform: uppercase; padding-left:10px; letter-spacing: 5px; color:#708cb6;} .subcontent {border-bottom: 5px #8eb2c5 solid; background-color: #fff; min-height: 110px;} .entry {padding: 10px 18px 18px; text-align: justify;} .entry_text {line-height:1.4;} .entry_text img {max-width: 534px;} .userpic, .userpicfriends {position: relative; float: right; background-color: transparent!important; color:transparent; padding: 0px; margin: 0px -127px 0 0px; text-align: right; font-size: 9px; z-index: 15; text-transform: uppercase;} .userpic img, .userpicfriends img {padding: 5px 0 2px 0; border-top: 10px solid #615375;} .userpicfriends font {color:#615375;} .userpic a, .userpic a:link, .userpic a:visited, .userpicfriends a, .userpicfriends a:link, .userpicfriends a:visited {color:#615375;} .date {text-transform: uppercase; font-size:10px; text-align: center; float:right; background-color: #d1313d; padding:5px; color:#fff;} .subject {font-size:25px; font-family: Lobster, Impact, 'Arial Black', sans-serif; line-height: 1.2; margin-top: -5px; color:#615375;} .subject a, .subject a:link, .subject a:visited {color: #a0486b; text-transform:none;} .subject a:hover {color: #615375;} .datesubject {padding: 18px; padding-bottom: 0px;} .ljtags {margin-top: 15px; text-align: right; font-size: 10px; color: transparent; background-color: #708cb6; padding: 5px 5px 4px; text-transform: uppercase;} .ljtags a, ljtags a:link, .ljtags a:visited, .ljtags a:hover {color:#fff;} .currents a, currents a:link, .currents a:visited, .currents a:hover {color:#ea8157;} .currents {margin-top: 12px; text-transform:capitalize; color:#ea8157; font-size:11px;} .currents strong, .currentmood strong, .currentgroups strong, .currentlocation strong, .currentmusic strong {color:#8eb2c5; font-weight:normal;} .comments {margin-top: 12px; background-color: #f9bf76; padding: 5px; font-size: 10px; text-transform: uppercase; text-align: right; color: transparent;} .comments a, .comments a:link, .comments a:visited, .comments a:hover {color:#fff;} .separator {height: 36px;} #footer {padding-bottom:31px;} ul.navfooter {text-align:right; list-style:none; padding:0px 0px 5px!important; margin: 0px; border-bottom: 5px #f9bf76 solid; font-size:16px; text-transform: uppercase;} ul.navfooter li {display:inline; margin-left: 5px;} .navfooter li a {color:#a0486b;} .navfooter li a:hover {color:#d1313d;} .clearfoot {clear: both;} #footer .viewing {display:none;} ul.year {text-align: center; font-size: 18px; padding: 20px 0px; background-color: #fff; width: 694px; margin-bottom: 45px; margin-top: 0px;} ul.year li {display: inline;} table.yeartable {background-color: #fff; padding: 25px 100px 10px; width: 694px;} table.yeartable td.yeardate, table.yeartable td.yearday {text-align: center; background-color: #fff;} table.yeartable td.yearday {background-color: #fff;text-align: center;} td.yearmonth {border-style: none;} .ljtaglist {list-style:none; padding: 15px; margin-top: 0px; background-color: #fff; width:664px;} .ljtaglist a, ljtaglist a:link, ljtaglist a:visited {} input#subject.textbox, textarea#body.textbox {background-color: #fff; color:#a2a2a2; border: 1px solid #dbdbdb;} textarea#commenttext.textbox {background-color: #fff;} #qrformdiv {padding-bottom:15px;} .userpiccomment {z-index: 15; float: right; margin: -18px -145px 10px 0; padding: 5px 0 2px 0; border-top: 10px solid #615375;} .box {padding: 0px; clear: left;} #footer.box {text-align:center;} .datesubjectcomment {text-transform:uppercase; font-size:10px;} input, textarea {font-family: Consolas, monospace; background-color: #ea8157; color: #fff; font-size: 11px; border:0px;} textarea.textbox {width: 100% !important;} .commentreply {position: relative; padding: 10px 0 7px; text-align: justify;} .commentreply img {max-width:100%;} .commentbox {padding: 18px 18px 8px; margin: 27px 0; background-color: #fff; min-height: 89px;} .skiplinks {text-align:center; color:transparent; text-transform:uppercase; font-size:11px; margin: -3px 0 10px;} .skiplinks a {color:#708cb6;} .clear {height: 0px;} #qrform table {border-width: 0px !important;} img[src="icon_protected.gif"], img[src="icon_private.gif"], img[src="icon_groups.gif"], img[src="icon_sticky.png"], .ljuser img[src="syndicated.gif"], .ljuser img[src="newsinfo.gif"], .ljuser img[src="partnercomm.gif"], .ljuser img[src="sponcomm.gif"] , img[src="btn_del.gif"], img[src="btn_edit.gif"], img[src="btn_spam.gif"], img[src="btn_scr.gif"], img[src="btn_unscr.gif"], img[src="btn_freeze.gif"], img[src="btn_unfreeze.gif"], img[src="btn_track.gif"], img[src="btn_tracking.gif"], img[src="btn_tracking_thread.gif"] , img[src="anonymous.gif"], img[src="openid-profile.gif"], img[src="userinfo.gif"], img[src="talk/none.gif"], img[src="help.gif"], img[src="pencil.gif"] {height: 0px; width: 0px; padding: 0 0 16px 16px !important; background: transparent none no-repeat scroll 0 0;} .subject img {vertical-align: middle !important;} img[src="icon_protected.gif"]{background-image: url(http://i.imgur.com/ciyKpkw.png);} img[src="icon_private.gif"]{background-image: url(http://i.imgur.com/UWCnnIJ.png);} img[src="icon_groups.gif"]{background-image: url(http://i.imgur.com/xFiMaFQ.png);} img[src="icon_sticky.png"]{background-image: url(http://i.imgur.com/FLp83.png);} .ljuser img[src="syndicated.gif"]{background-image: url(http://i.imgur.com/VW920.png) !important;} .ljuser img[src="newsinfo.gif"] {background-image: url(http://i.imgur.com/r6EzA.png) !important;} .ljuser img[src="partnercomm.gif"]{background-image: url(http://i.imgur.com/cJzp8.png) !important;} .ljuser img[src="sponcomm.gif"] {background-image: url(http://i.imgur.com/zupNZ.png) !important;} img[src="btn_unspam.gif"]{background-image: url(http://i.imgur.com/wuJqY.png);} img[src="btn_spam.gif"]{background-image: url(http://i.imgur.com/o63uw.png);} img[src="btn_del.gif"]{background-image: url(http://i.imgur.com/Eci4Q.png);} img[src="btn_scr.gif"] {background-image: url(http://i.imgur.com/IW1FR.png);} img[src="btn_unscr.gif"] {background-image: url(http://i.imgur.com/aVYvC.png);} img[src="btn_freeze.gif"] {background-image: url(http://i.imgur.com/7KTc8.png);} img[src="btn_unfreeze.gif"] {background-image: url(http://i.imgur.com/80cia.png);} img[src="btn_track.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="btn_tracking.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="btn_tracking_thread.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="anonymous.gif"] {background-image: url(http://i.imgur.com/pOnEG.png);} img[src="openid-profile.gif"] {background-image: url(http://i.imgur.com/J4DG0.png);} img[src="userinfo.gif"] {background-image: url(http://i.imgur.com/0phq8.png);} img[src="talk/none.gif"] {background-image: url(http://i.imgur.com/zKR7h.png);} img[src="help.gif"] {background-image: url(http://i.imgur.com/W4MKd.png);} img[src="pencil.gif"],img[src="btn_edit.gif"] {background-image: url(http://i.imgur.com/AQfq6.png);} span.i-ljuser img[src="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://l-stat.livejournal.com/img/userinfo.gif?v=94.3) no-repeat !important; padding: 0 0 0 0 !important;} span.i-ljuser img[src="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://l-stat.livejournal.com/img/userinfo.gif?v=94.3) no-repeat !important; padding: 0 0 0 0 !important;} span.i-ljuser img[src="http://l-files.livejournal.net/userhead/671?v=1330508626"], span.i-ljuser img[src="http://l-files.livejournal.net/userhead/639?v=1328103978"], span.i-ljuser img[src="http://l-files.livejournal.net/userhead/464?v=1320668402"] {width: 0 !important; height: 0 !important; background: transparent url(http://l-stat.livejournal.com/img/userinfo.gif?v=94.3) no-repeat !important; padding: 0 0 0 0 !important;} span.ljuser, span.ljuser a {} .w-cs {font-family: Muli, Tahoma, sans-serif!important; background:#708cb6; color:#dbe2ec; min-height:50px; text-transform: lowercase; font-size: 11px;} .w-cs .w-cs-userinfo {font-family: Muli, Tahoma, sans-serif!important; background:#708cb6; color:#dbe2ec; border:0px;} .w-cs .w-cs-summary li.w-cs-i-tokens {font-family: Cambria, Georgia, serif!important; border:0px;} .w-cs a:link, .w-cs a:visited, .w-cs a:active {color: #dbe2ec!important; font-family: Muli, Tahoma, sans-serif!important;} .w-cs a:hover {color:#f0f3f7!important; font-family: Muli, Tahoma, sans-serif!important;} .w-cs .ljuser a:link, .w-cs .ljuser a:visited, .w-cs .ljuser a:active, .w-cs .ljuser a:link b, .w-cs .ljuser a:visited b, .w-cs .ljuser a:active b {font-size: 12px !important; text-transform: none; font-family: Muli, Tahoma, sans-serif!important; color: #dbe2ec!important; margin-left: 1px!important;} .w-cs .ljuser a:hover, .w-cs .ljuser a:hover b {color:#f0f3f7!important;} .w-cs-user-controls .w-cs-status p {color:#dbe2ec!important; letter-spacing: 0px; font-family: Muli, Tahoma, sans-serif!important; font-size: 12px;} .w-cs .w-cs-summary {background:transparent!important; color:transparent!important} .w-cs .w-cs-search .w-cs-text {width: 150px; background-color:#b7c5da!important; border-right: 25px solid #b7c5da;} .w-cs .w-cs-text {background-color: #b7c5da!important;} .w-cs .w-cs-search-inner {display:none;} .w-cs form.w-cs-login .note {font-size:10px; color:#dbe2ec;} .w-cs .w-cs-menu li {padding-left:0px!important; background: none!important;} .w-cs .w-cs-menu li.w-cs-i-home a, .w-cs .w-cs-menu li.w-cs-i-post a, .w-cs .w-cs-menu li.w-cs-i-friends a, .w-cs .w-cs-menu li.w-cs-i-account a, .w-cs .w-cs-menu li.w-cs-i-faq a, .w-cs .w-cs-menu li.w-cs-i-recent a, .w-cs .w-cs-menu li.w-cs-i-entries a, .w-cs .w-cs-menu li.w-cs-i-invite a, .w-cs .w-cs-menu li.w-cs-i-add a, .w-cs .w-cs-menu li.w-cs-i-leave a, .w-cs .w-cs-menu li.w-cs-i-watch a, .w-cs .w-cs-menu li.w-cs-i-unwatch a, .w-cs .w-cs-menu li.w-cs-i-directory a, .w-cs .w-cs-menu li.w-cs-i-invites a, .w-cs .w-cs-menu li.w-cs-i-members a, .w-cs .w-cs-menu li.w-cs-i-members a.i-invites, .w-cs .w-cs-menu li.w-cs-i-catalogue a, .w-cs .w-cs-menu li.w-cs-i-edit a, .w-cs .w-cs-menu li.w-cs-i-manage a, .w-cs .w-cs-menu li.w-cs-i-gift a, .w-cs .w-cs-menu li.w-cs-i-tags a, .w-cs .w-cs-menu li.w-cs-i-message a, .w-cs .w-cs-menu li.w-cs-i-groups a, .w-cs .w-cs-menu li.w-cs-i-calendar a, .w-cs .w-cs-menu li.w-cs-i-friendsfriends a, .w-cs .w-cs-menu li.w-cs-i-like a, .w-cs .w-cs-menu li.w-cs-i-share a {padding-left:0px;} .w-cs .w-cs-group-second .w-cs-menu {left: 5px!important; border: 0px!important; background: #708cb6!important;} .w-cs .w-cs-group-second .w-cs-menu LI A, .w-cs .w-cs-menu LI SPAN {border-bottom: 0px!important;} ::-webkit-scrollbar {width:7px; height:7px;} ::-webkit-scrollbar-track-piece {background-color:#f9bf76;} ::-webkit-scrollbar-thumb {background-color:#d1313d;} ::-webkit-scrollbar-thumb:hover {background-color:#a0486b;} ::-webkit-scrollbar-corner {background-color:#f9bf76;} .b-popup-contextual .i-popup-arrtl, .b-popup-contextual .i-popup-arrbl {display:none;} .b-popup-contextual .i-popup-arrtr, .b-popup-contextual .i-popup-arrbr {display:none;} .b-contextualhover {min-width:150px; width: auto; min-height: 44px; margin-left: 0px; color: #a2a2a2; text-align: justify; font-size: 11px!important; font-family: Muli, Tahoma, sans-serif; line-height: 1.25;} .b-contextualhover, .b-contextualhover div, .b-contextualhover p, .b-contextualhover ul, .b-contextualhover ol, .b-contextualhover li, .b-contextualhover label, .b-contextualhover img, .b-contextualhover span, .b-contextualhover h3, .b-contextualhover input {padding: 0; margin: 0; color: #a2a2a2; font-size:11px!important;} .b-contextualhover img {border: none;} .b-contextualhover a:link, .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration: none !important; color:#8eb2c5!important; background: none;} .b-contextualhover a:hover, .b-contextualhover a:active, .b-contextualhover a:focus {border-bottom: 0 !important; text-decoration: none !important; color:#d1313d!important;} .s-lanzelot .b-contextualhover a:link, .s-lanzelot .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration: none !important; color:#8eb2c5!important;} .s-lanzelot .b-contextualhover a:hover, .s-lanzelot .b-contextualhover a:active, .s-lanzelot .b-contextualhover a:focus {border-bottom: 0 !important; text-decoration: none !important; color:#d1313d!important;} .index-page .b-contextualhover a:link, .index-page .b-contextualhover a:visited, .index-page .b-contextualhover a:hover, .index-page .b-contextualhover a:active, .index-page .b-contextualhover a:focus {color:#d1313d!important;} .b-contextualhover .alias-unavailable a:link, .b-contextualhover .alias-unavailable a:visited {color:#8eb2c5!important;} .b-contextualhover .alias-unavailable a:hover, .b-contextualhover .alias-unavailable a:active, .b-contextualhover .alias-unavailable A:focus {color:#d1313d!important; text-decoration:none!important;} .b-contextualhover p {margin-bottom: 3px; font-size: 11px; line-height: 1.25;} .b-contextualhover .input-checkbox {margin-right: 2px; vertical-align: middle;} .b-contextualhover .b-contextualhover-section {overflow: hidden; padding: 0px;} .b-contextualhover .b-contextualhover-side {margin: -13px -82px 0 0; height: 0px;} .b-contextualhover .b-contextualhover-userpic a, .b-contextualhover .b-contextualhover-userpic a:hover {border: none !important;} .b-contextualhover .b-contextualhover-userpic img {max-width: 50px; max-height: 50px; padding-top:3px; border-top: 5px solid #615375;} .b-contextualhover .b-contextualhover-title {padding-bottom: 0px;} .b-contextualhover .b-contextualhover-title a:hover {text-decoration: none !important;} .b-contextualhover .b-contextualhover-title h3 {color: #a2a2a2; font-family: Muli, Tahoma, sans-serif; margin-bottom: 2px; font-weight: normal; font-style: normal; font-size: 11px; line-height: 1.25;} .b-contextualhover .b-contextualhover-options {margin: 0; padding: 1px 0; border-top: 0px; list-style: none;} .b-contextualhover .b-contextualhover-options li {margin-bottom: 0px; line-height: 1.25; font-size: 11px!important;} .b-contextualhover .b-contextualhover-options li a:hover {text-decoration: none !important;} .b-contextualhover .b-contextualhover-param {line-height: 18px; margin:0 0 6px;} .b-contextualhover .b-contextualhover-param-item {list-style: none;} .b-contextualhover-param-item .b-icon-scapital {margin:0 2px 0 0;} .b-icon-scapital {float: left; width: 16px; height: 16px; margin:0 2px 0 0; background-image: url(/img/icon-social-capital.png?v=19876); background-repeat: no-repeat; background-position: 0 50%;} .b-icon-scapital-first {background-position: -17px 50%;} .b-popup-outer {position: relative; padding: 1px; background: #fff; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; z-index: 100;} .b-popup-inner {padding: 12px; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} .b-popup div, .b-popup strong, .b-popup label {color: #a2a2a2;} BODY:not(.s-schemius) .b-contextualhover a:link, BODY:not(.s-schemius) .b-contextualhover a:active, BODY:not(.s-schemius) .b-contextualhover a:focus, BODY:not(.s-schemius) .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration:none!important; color: #8eb2c5!important; background-color:transparent;} BODY:not(.s-schemius) .b-contextualhover a:hover {border-bottom: 0 !important; text-decoration: none!important; color: #d1313d!important;}

INSTALLATION
(1) Apply any Flexible Squares theme. Make sure the page set up is either 2 Column (sidebar on left) or 2 Column (sidebar on right). Set the ads to between entries, horizontal or vertical. (2) Display → Navigation Strip color: Light gray. (3) Text → There you can edit your comments text so that they look like in the preview. (4) Sidebar → Ordering: Blurb, Link List, Calendar, Tags, Page Summary, although in this layout the order does not matter. (5) Custom CSS → Set all drop-down boxes to No and paste the code.
NOTES AND CREDITS
→ Don't redistribute or claim as your own. → Credit is nice. → Tiny icons by pinvoke.com → Preview icon by aeriiths at hunters_chance

It's been three years since I posted my first layout here :) Thanks for watching this comm!

XIII. Dreams In Colour

lu_hesperia — Fri, 09 Jan 2015 21:19:57 GMT

( STATIC ) ( LIVE )

XIII. DREAMS IN COLOUR
→ S2 Flexible Squares → Basic, plus and paid; ad placement vertical. → Features custom comment pages, title, subtitle, navigation and sidebar. → Sidebar tag list and page summary are disabled.
PREVIEW AND CODE
(Static) (Live) /- 013 Dreams in Colour Layout by lu_hesperia at ourhappyhours.livejournal.com Tiny icons by pinvoke.com -/ ::selection {background-color:#cef542; color:#fff;} ::-moz-selection {background-color:#cef542; color:#fff;} @font-face {font-family: 'Carme'; font-style: normal; font-weight: 400; src: local('Carme Regular'), local('Carme'), url(http://themes.googleusercontent.com/static/fonts/carme/v4/Upg28fsDDYxCiFrWVodtfA.woff) format('woff');} body {background-color:#eaeaea; font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; font-size:11px;} a, a:link, a:visited {color: #bdbdbd; text-decoration: none; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} p, td, blockquote {} code, kbd, pre, tt {font-family: monospace;} input, select, textarea {font-family: consolas; background-color:#555; color:#ccc; font-size: 10px; border:0px;} #content {text-align: justify;} #maincontent {width: 3240px; margin: 86px auto 0px -30px; background-color: transparent; z-index:0;} #sidebar {margin-left: 30px; margin-bottom: 12px; background-color: #fff; width: 226px; float: left; padding: 0 12px; color:#939393; line-height: 125%;} .sbarbody2 img {max-width:226px;} ul.sbarlist {list-style: none; margin-left: -40px;} li.sbaritem {text-align:center; background-color:#eaeaea; margin: 3px 0; text-transform: uppercase; padding:2px; letter-spacing:1px; font-size:9px;} li.sbaritem:hover {background-color: transparent;} .sbartitle {text-align: center; color: #444; font-family: 'Carme'; font-size: 14px; text-transform: uppercase; list-style: none;} .sbartitle:hover {color:#f9d945; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} table.calendar {} .sbarcalendar {} .sbarcalendarposts a:hover {color:#36b30f;} .defaultuserpic {padding-top:15px;} .defaultuserpic img {margin-left:57px; border:13px solid #333; width:86px; height:86px;} div#sidebar_summary.sbarbody {display:none;} div#sidebar_tags.sbarbody {display:none;} #header {position: fixed; top:0px; width: 100%; background-color:#333; height:25px !important; margin:0 0 auto 0; padding:7px 0; text-align: left; top:0px; z-index:20;} ul.navheader {top: 0px; margin:0; padding-left:5px;} ul.navheader li {display:inline; list-style-type:none; margin:0; padding:5px; font-size:12px; text-transform:uppercase;} div#header li.view {color:#f9d945; font-size:12px; text-transform:uppercase;} div#header a, div#header a:link, div#header a:visited {color:#777;} div#header a:hover {-webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; color:#dc68fd;} div#header a[href$=".livejournal.com/"]:hover {color: #f5b349;} div#header a[href="/calendar"]:hover {color: #f54568} div#header a[href="/friends"]:hover {color: #66b2ff;} div#header a[href="/profile"]:hover {color: #95ea52;} .title {background-color:#555; color:#777; font-family:'Carme'; font-size:25px; letter-spacing:-2px; position:relative; text-align:right; text-transform:uppercase; margin: 54px 0; padding: 5px 15px 14px 5px; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} .title:hover {color:#f9d945; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} .title:first-letter {color: #f54568;} .subtitle {background-color: transparent; color: #999; font-family: 'Carme'; font-size: 9px; letter-spacing: 3px; position: relative; text-align: right; text-transform: uppercase; margin-top: -71px; padding: 0px 13px 6px 5px; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} .subtitle:hover {color: #95ea52; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} .subcontent {width: 550px; padding: 0px; float: left; position: relative; margin-left: 30px; background-color: transparent;} .entry {margin-left: 130px; padding: 0 12px 12px 12px; background: #ffffff; color: #939393; font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; line-height: 125%;} .entry_text img {max-width: 396px;} .userpic, .userpicfriends {font-size:9px; color: transparent; text-align: right; position: relative; text-align:center; float: left; z-index: 15; background-color: transparent !important;} .userpic img, .userpicfriends img {padding:0px; border: 15px solid #333;} .userpic font, .userpicfriends font {color: #999 !important;} .userpic a font, .userpic a, .userpicfriends a font, .userpicfriends a {color: #999;} .userpic a:hover font, .userpic a:hover, .userpicfriends a:hover font, .userpicfriends a:hover {color: #f54568!important; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} .date {text-align: right; color: #969696; font-size: 8px; text-transform: uppercase;} .subject {text-align: right; color: #66b2ff; font-family: 'Carme'; font-size: 14px; text-transform: uppercase;} .subject:hover {margin-right:18px solid;} .subject a, .subject a:link, .subject a:visited {color: #66b2ff;} .subject a:hover {color: #95ea52; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} .datesubject {margin-left: 130px; padding: 6px; background-color: #fff;} h2 {display: none;} .ljtaglist {color: #939393; background-color: #fff; list-style-type:none; margin-left:340px; padding: 12px; width:380px;} .ljtags {background: transparent url(http://i.imgur.com/dCueo.png) scroll 100% 50% no-repeat; font-size: 9px; color: transparent; margin: 12px 0 0 0; padding: 0 18px 0 0; text-align: right; text-transform: uppercase; line-height: 125%;} .ljtags a, .ljtags a:link, .ljtags a:visited {font-size:9px;} .currents {font-size: 10px; line-height: 100%; color: #adadad; margin-top: 5px; text-align: right; text-transform: lowercase; border-right:2px solid #eaeaea; padding-right:3px;} .currents a, .currents a:link, .currents a:visited, .currents a:hover {color:#adadad;} .currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong {display: none;} .comments {color:#eaeaea; clear:both; font-weight:bold; margin-top:8px; padding:6px;} .comments:hover {background-color:#eaeaea;} div.comments a, div.comments a:link, div.comments a:visited {color:#888; line-height:1; padding:4px 6px;} div.comments a:hover {color:#f32200;} .separator{height: 0px;} #footer {top:78px; position:fixed; text-transform:lowercase; z-index:100;} ul.navfooter {display: inline; margin: 0; padding: 0;} div#footer a, div#footer a:link, div#footer a:visited {color:#95ea52; font-size:35px;} div#footer a:hover {-webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; color:#66b2ff;} ul.navfooter li {display: inline; background-color:transparent; margin:0 5px; padding:20px 5px;} #footer .viewing {display:none;} ul.year {text-align: center; list-style: none; margin-left:340px; margin-bottom:44px; background-color: #fff; padding: 9px 12px; font-family: 'Carme'; font-size: 14px; width:380px;} ul.year li {display: inline;} table.yeartable {background-color: #fff; margin-left:340px; padding: 12px;} table.yeartable td.yeardate, table.yeartable td.yearday {color: #939393; font-size: 7pt;} table.yeartable td.yearday {text-align: center; color: #939393; font-size: 7pt;} td.yearmonth {color: #939393; font-size: 8pt;} .clear {height: 0px;} div#qrformdiv {padding-bottom:15px} form#qrform table {border-width: 0px !important;} .userpiccomment {width:75px; height:75px; float: left; padding: 12px; background:#444; z-index: 15;} .userpiccomment:hover {background:#444;} .box {float: left; clear: right; margin-left: 50px; width:540px; color:#777} div#comments.box {margin-left: 30px; margin-top: -15px;} .datesubjectcomment {text-align:right; margin-right:-12px; padding:0px 6px 3px 0; background-color:#dbdbdb; font-size: 8px; text-transform: uppercase;} .datesubjectcomment a, .datesubjectcomment a:link, .datesubjectcomment a:visited {text-transform: lowercase;} .datesubjectcomment a:hover {} textarea.textbox {width:100%!important;} .reply {} .replytosubject {} .commentreply {margin: 12px 0px 12px 111px;} .commentreply img {max-width:100%;} .commentbox {padding-bottom:10px; min-height: 102px;} .commentboxpartial {margin:10px; padding:10px;} .commentinfo {width: 100%; margin-top:10px;} .skiplinks {margin: -22px 0 0 537px; color: transparent; font-size:10px; text-transform: uppercase;} img[src="icon_protected.gif"], img[src="icon_private.gif"], img[src="icon_groups.gif"], img[src="icon_sticky.png"], .ljuser img[src="syndicated.gif"], .ljuser img[src="newsinfo.gif"], .ljuser img[src="partnercomm.gif"], .ljuser img[src="sponcomm.gif"] , img[src="btn_del.gif"], img[src="btn_edit.gif"], img[src="btn_spam.gif"], img[src="btn_scr.gif"], img[src="btn_unscr.gif"], img[src="btn_freeze.gif"], img[src="btn_unfreeze.gif"], img[src="btn_track.gif"], img[src="btn_tracking.gif"], img[src="btn_tracking_thread.gif"] , img[src="anonymous.gif"], img[src="openid-profile.gif"], img[src="userinfo.gif"], img[src="talk/none.gif"], img[src="help.gif"], img[src="pencil.gif"] {height: 0px; width: 0px; padding: 0 0 16px 16px !important; background: transparent none no-repeat scroll 0 0; } .subject img {vertical-align: middle !important;} img[src="icon_protected.gif"]{background-image: url(http://i.imgur.com/1pkIxw8.png);} img[src="icon_private.gif"]{background-image: url(http://i.imgur.com/faoeIgT.png);} img[src="icon_groups.gif"]{background-image: url(http://i.imgur.com/i4V7S0x.png);} img[src="icon_sticky.png"]{background-image: url(http://i.imgur.com/FLp83.png);} .ljuser img[src="syndicated.gif"]{background-image: url(http://i.imgur.com/VW920.png) !important;} .ljuser img[src="newsinfo.gif"] {background-image: url(http://i.imgur.com/r6EzA.png) !important;} .ljuser img[src="partnercomm.gif"] {background-image: url(http://i.imgur.com/cJzp8.png) !important;} .ljuser img[src="sponcomm.gif"] {background-image: url(http://i.imgur.com/zupNZ.png) !important;} img[src="btn_unspam.gif"]{background-image: url(http://i.imgur.com/wuJqY.png);} img[src="btn_spam.gif"]{background-image: url(http://i.imgur.com/o63uw.png);} img[src="btn_del.gif"]{background-image: url(http://i.imgur.com/Eci4Q.png);} img[src="btn_scr.gif"] {background-image: url(http://i.imgur.com/IW1FR.png);} img[src="btn_unscr.gif"] {background-image: url(http://i.imgur.com/aVYvC.png);} img[src="btn_freeze.gif"] {background-image: url(http://i.imgur.com/7KTc8.png);} img[src="btn_unfreeze.gif"] {background-image: url(http://i.imgur.com/80cia.png);} img[src="btn_track.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="btn_tracking.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="btn_tracking_thread.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="anonymous.gif"] {background-image: url(http://i.imgur.com/pOnEG.png);} img[src="openid-profile.gif"] {background-image: url(http://i.imgur.com/J4DG0.png);} img[src="userinfo.gif"] {background-image: url(http://i.imgur.com/NpNX0.png);} img[src="talk/none.gif"] {background-image: url(http://i.imgur.com/zKR7h.png);} img[src="help.gif"] {background-image: url(http://i.imgur.com/W4MKd.png);} img[src="pencil.gif"],img[src="btn_edit.gif"] {background-image: url(http://i.imgur.com/AQfq6.png);} span.i-ljuser img[src="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://l-stat.livejournal.com/img/userinfo.gif?v=94.3) no-repeat !important; padding: 0 0 0 0 !important;} span.i-ljuser img[src="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://l-stat.livejournal.com/img/userinfo.gif?v=94.3) no-repeat !important; padding: 0 0 0 0 !important;} span.ljuser a {font-variant:small-caps!important; font-size:13px!important;} span.ljuser a:hover {color:#ca19d5!important;} .w-cs {position:fixed; top:30px; background:#444; color:#444444; height:50px; text-transform: lowercase; font-size: 11px;} .w-cs .w-cs-userinfo {background:#444; border:0px;} .w-cs .w-cs-summary li.w-cs-i-tokens {border:0px;} .w-cs .w-cs-summary li.w-cs-i-tokens a:hover {color: #36b30f!important;} .w-cs .w-cs-summary li.w-cs-i-inbox a:hover {color: #ffaac0!important;} .w-cs a:link, .w-cs a:visited, .w-cs a:active {color: #bdbdbd !important;} .w-cs a:hover {color: #ff8838!important;} .w-cs .ljuser a:link, .w-cs .ljuser a:visited, .w-cs .ljuser a:active, .w-cs .ljuser a:link b, .w-cs .ljuser a:visited b, .w-cs .ljuser a:active b {font-size: 13px !important; font-weight: normal !important; font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif!important; font-variant: small-caps!important; color: #cdcdcd!important; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} .w-cs .ljuser a:hover, .w-cs .ljuser a:hover b {color: #ca19d5!important;} .w-cs .w-cs-menu li a:hover {color: #86c0ff!important;} .w-cs .w-cs-menu li+li a:hover {color: #ff8838!important;} .w-cs .w-cs-menu li+li+li a:hover {color: #63f42a!important;} .w-cs .w-cs-menu li+li+li+li a:hover {color: #ff26bf!important;} .w-cs .w-cs-menu li+li+li+li+li a:hover {color: #3b8aff!important;} .w-cs .w-cs-menu li+li+li+li+li+li a:hover {color: #ffc11b!important;} .w-cs .w-cs-menu li+li+li+li+li+li+li a:hover {color: #f32200!important;} .w-cs .w-cs-menu li+li+li+li+li+li+li+li a:hover {color: #36b30f!important;} .w-cs .w-cs-menu li+li+li+li+li+li+li+li+li a:hover {color: #ffaac0!important;} .w-cs .w-cs-menu li+li+li+li+li+li+li+li+li+li a:hover {color: #ca19d5!important;} .w-cs .w-cs-summary {background:#444;} .w-cs-user-controls .w-cs-status p{background:#444; color:#cdcdcd !important; letter-spacing: 0px; font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; font-size: 11px;} .w-cs .w-cs-search .w-cs-text {width: 150px; border-right: 25px solid #555!important; background-color:#555!important;} .w-cs .w-cs-text {background-color: #555!important;} .w-cs .w-cs-search-inner {background:transparent!important;} .w-cs FORM.w-cs-login .note {color: #bdbdbd; font-size:10px;} .w-cs FORM.w-cs-login .note:hover {color: #86c0ff; font-size:10px;} .w-cs .w-cs-summary {background:transparent!important; color:transparent!important;} ::-webkit-scrollbar{width:10px; height:10px;} ::-webkit-scrollbar-track-piece{background-color:#666; -webkit-border-radius:0;} ::-webkit-scrollbar-thumb:vertical{height:autopx; background-color:#333;} ::-webkit-scrollbar-thumb:horizontal{width:autopx; background-color:#333;} ::-webkit-scrollbar-thumb:vertical:hover {height:sutopx; background-color:#333;} ::-webkit-scrollbar-thumb:horizontal:hover {width:autopx; background-color:#333;} ::-webkit-scrollbar-corner {background-color: #666;} a:hover {color: #86c0ff;} a+a:hover {color: #ff8838;} a+a+a:hover {color: #63f42a;} a+a+a+a:hover {color: #ff26bf;} a+a+a+a+a:hover {color: #3b8aff;} a+a+a+a+a+a:hover {color: #ffc11b;} a+a+a+a+a+a+a:hover {color: #f32200;} a+a+a+a+a+a+a+a:hover {color: #36b30f;} a+a+a+a+a+a+a+a+a:hover {color: #ffaac0;} a+a+a+a+a+a+a+a+a+a:hover {color: #ca19d5;} a+a+a+a+a+a+a+a+a+a+a:hover {color: #86c0ff;} a+a+a+a+a+a+a+a+a+a+a+a:hover {color: #ff8838;} a+a+a+a+a+a+a+a+a+a+a+a+a:hover {color: #63f42a;} a+a+a+a+a+a+a+a+a+a+a+a+a+a:hover {color: #ff26bf;} a+a+a+a+a+a+a+a+a+a+a+a+a+a+a:hover {color: #3b8aff;} a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a:hover {color: #ffc11b;} a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a:hover {color: #f32200;} a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a:hover {color: #36b30f;} a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a:hover {color: #ffaac0;} a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a:hover {color: #ca19d5;} a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a:hover {color: #86c0ff;} a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a:hover {color: #ff8838;} a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a:hover {color: #63f42a;} a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a:hover {color: #ff26bf;} a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a:hover {color: #3b8aff;} a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a:hover {color: #ffc11b;} a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a:hover {color: #f32200;} a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a:hover {color: #36b30f;} a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a:hover {color: #ffaac0;} a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a:hover {color: #ca19d5;} a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a:hover {color: #86c0ff;} a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a:hover {color: #ff8838;} a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a:hover {color: #63f42a;} a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a:hover {color: #ff26bf;} a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a:hover {color: #3b8aff;} a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a:hover {color: #ffc11b;} a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a:hover {color: #f32200;} a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a:hover {color: #36b30f;} a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a:hover {color: #ffaac0;} a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a:hover {color: #ca19d5;} a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a:hover {color: #86c0ff;} a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a:hover {color: #ff8838;} a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a:hover {color: #63f42a;} a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a:hover {color: #ff26bf;} a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a:hover {color: #3b8aff;} a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a:hover {color: #ffc11b;} a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a:hover {color: #f32200;} a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a:hover {color: #36b30f;} a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a:hover {color: #ffaac0;} a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a:hover {color: #ca19d5;} li a:hover {color: #86c0ff;} li+li a:hover {color: #ff8838;} li+li+li a:hover {color: #63f42a;} li+li+li+li a:hover {color: #ff26bf;} li+li+li+li+li a:hover {color: #3b8aff;} li+li+li+li+li+li a:hover {color: #ffc11b;} li+li+li+li+li+li+li a:hover {color: #f32200;} li+li+li+li+li+li+li+li a:hover {color: #36b30f;} li+li+li+li+li+li+li+li+li a:hover {color: #ffaac0;} li+li+li+li+li+li+li+li+li+li a:hover {color: #ca19d5;} li+li+li+li+li+li+li+li+li+li+li a:hover {color: #86c0ff;} li+li+li+li+li+li+li+li+li+li+li+li a:hover {color: #ff8838;} li+li+li+li+li+li+li+li+li+li+li+li+li a:hover {color: #63f42a;} li+li+li+li+li+li+li+li+li+li+li+li+li+li a:hover {color: #ff26bf;} li+li+li+li+li+li+li+li+li+li+li+li+li+li+li a:hover {color: #3b8aff;} li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li a:hover {color: #ffc11b;} li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li a:hover {color: #f32200;} li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li a:hover {color: #36b30f;} li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li a:hover {color: #ffaac0;} li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li a:hover {color: #ca19d5;} li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li a:hover {color: #86c0ff;} li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li a:hover {color: #ff8838;} li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li a:hover {color: #63f42a;} li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li a:hover {color: #ff26bf;} li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li a:hover {color: #3b8aff;} li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li a:hover {color: #ffc11b;} li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li a:hover {color: #f32200;} li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li a:hover {color: #36b30f;} li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li a:hover {color: #ffaac0;} li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li a:hover {color: #ca19d5;} li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li a:hover {color: #86c0ff;} li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li a:hover {color: #ff8838;} li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li a:hover {color: #63f42a;} li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li a:hover {color: #ff26bf;} li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li a:hover {color: #3b8aff;} li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li a:hover {color: #ffc11b;} li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li a:hover {color: #f32200;} li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li a:hover {color: #36b30f;} li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li a:hover {color: #ffaac0;} li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li a:hover {color: #ca19d5;} .b-popup-contextual .i-popup-arrtl, .b-popup-contextual .i-popup-arrbl {display:none;} .b-popup-contextual .i-popup-arrtr, .b-popup-contextual .i-popup-arrbr {display:none;} .b-contextualhover {min-width:150px; width: auto; min-height: 44px; margin-left: 0px; color: #bdbdbd; font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; text-align: justify; line-height: 125%; font-size: 10px!important;} .b-contextualhover, .b-contextualhover div, .b-contextualhover p, .b-contextualhover ul, .b-contextualhover ol, .b-contextualhover li, .b-contextualhover label, .b-contextualhover img, .b-contextualhover span, .b-contextualhover h3, .b-contextualhover input {padding: 0; margin: 0; color: #bdbdbd; font-size:10px!important;} .b-contextualhover img {border: none;} .b-contextualhover p {margin-bottom: 3px; line-height: 125%; font-size: 10px;} .b-contextualhover .input-checkbox {margin-right: 2px; vertical-align: middle;} .b-contextualhover .b-contextualhover-section {overflow: hidden; padding: 0px;} .b-contextualhover .b-contextualhover-side {margin: -11px -71px 0 0; height: 0px; float: right; width: 60px;} .b-contextualhover .b-contextualhover-userpic {float: right; width: 60px; height: 60px; text-align: right;} .b-contextualhover .b-contextualhover-userpic a, .b-contextualhover .b-contextualhover-userpic a:hover {border: none !important;} .b-contextualhover .b-contextualhover-userpic img {max-width: 50px; max-height: 50px; border: 8px solid #333;} .b-contextualhover .b-contextualhover-title {padding-bottom: 0px;} .b-contextualhover .b-contextualhover-title h3 {color: #bdbdbd; font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; margin-bottom: 2px; font-weight: normal; font-style: normal; line-height: 125%; font-size: 10px;} .b-contextualhover .b-contextualhover-options {margin: 0; padding: 1px 0; border-top: 0px dotted #D3D3D3; list-style: none;} .b-contextualhover .b-contextualhover-options li {margin-bottom: 0px; line-height: 125%; font-size: 10px!important;} .b-contextualhover .b-contextualhover-options li a:hover {text-decoration: none !important;} .b-contextualhover .b-contextualhover-param {line-height: 18px; margin:0 0 6px;} .b-contextualhover .b-contextualhover-param-item {list-style: none;} .b-contextualhover-param-item .b-icon-scapital {margin:0 2px 0 0;} .b-popup-outer {position: relative; padding: 1px; background: #555; border: 0px solid #CCC; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; z-index: 100;} .b-popup-inner {padding: 10px; border: 0px solid #e7e7e7; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} .b-popup div, .b-popup strong, .b-popup label {color: #999; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} .b-popup div:hover, .b-popup strong:hover, .b-popup label:hover {color: #ac19d5; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} BODY:not(.s-schemius) .b-contextualhover a:link, BODY:not(.s-schemius) .b-contextualhover a:active, BODY:not(.s-schemius) .b-contextualhover a:focus, BODY:not(.s-schemius) .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration:none!important; color: #999!important; background-color:transparent;} BODY:not(.s-schemius) .b-contextualhover a:hover {border-bottom: 0 !important; text-decoration: none!important; color: #ff26bf!important;} .w-cs .w-cs-group-second .w-cs-menu { left: 5px!important; border: 0px!important; background: #444!important;} .w-cs .w-cs-group-second .w-cs-menu LI A, .w-cs .w-cs-menu LI SPAN {border-bottom: 0px!important;}
Although the preview shows only three entries if you use the code above five of them will be shown in a row. Depending on the number of entries you want you'll have to modify the width of the .maincontent: [Number of entries/Width] 1/920, 2/1500, 3/2080, 5/3240, 10/6140. For every extra entry you want you have to add 580px.
INSTALLATION
(1) Apply any Flexible Squares theme. Make sure the page set up is either 2 Column (sidebar on left) or 2 Column (sidebar on right). Set the ads to vertical. (2) Display → Navigation Strip color: Dark gray. IMPORTANT: Adjust the number of entries to the width. (3) Text → There you can edit your comments text so that they look like in the preview. (4) Sidebar → Ordering: Default Userpic, Blurb, Link List and Calendar. (5) Custom CSS → Set all drop-down boxes to No and paste the code.
NOTES AND CREDITS
→ Don't redistribute or claim as your own. → Credit is nice. → Tiny icons by pinvoke.com → Preview icon by rainymondaay at rainyweek

XII. Triangler

lu_hesperia — Thu, 11 Sep 2014 20:15:33 GMT

( STATIC ) ( LIVE )

XII. TRIANGLER
→ S2 Flexible Squares → Basic, plus and paid; ad placement between entries or vertical. → Features custom comment pages, navigation and bottom bar. → Title, subtitle and everything in the sidebar except for the blurb and the link list is disabled. → If you want the currents to show up delete the last line of the code.
PREVIEW AND CODE
(Static) (Live) /- 012 Triangler Layout by lu_hesperia at ourhappyhours.livejournal.com Tiny icons by pinvoke.com -/ @font-face {font-family: 'Lato'; font-style: normal; font-weight: 400; src: local('Lato Regular'), local('Lato-Regular'), url(http://themes.googleusercontent.com/static/fonts/lato/v6/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');} @font-face {font-family: 'Lato'; font-style: normal; font-weight: 300; src: local('Lato Light'), local('Lato-Light'), url(http://themes.googleusercontent.com/static/fonts/lato/v6/KT3KS9Aol4WfR6Vas8kNcg.woff) format('woff');} @font-face {font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');} body {background: url('http://i.imgur.com/NTXNXO6.png'), url('http://i.imgur.com/e74TOFz.png'); background-position: top, bottom; background-repeat: repeat-x, repeat-x; text-align: justify; color:#939393; font-family: 'Open Sans'; font-size: 11px; background-color: #fbe3e3;} ::selection {background-color: #f4c5d9; color: #fff;} ::-moz-selection {background-color: #eabdcb; color: #fff;} a, a:link, a:visited {color:#f4c5d9; text-decoration: none;} a:hover {color:#f6d4de; text-decoration: none;} p, td {} blockquote {padding: 6px 9px; margin: 10px 25px; background-color: #fdf6f5; color:#aaa; border:5px solid #fff;} blockquote:hover {border-color:#fdf9f8;} code, kbd, pre, tt {font-family: 'Consolas', monospace} h2 {display:none;} #content {margin:auto; background-color: transparent; padding: 0px; margin-top: -8px;} #maincontent {width: 550px; margin: 50px auto 0px auto; background-color: transparent;} #sidebar {text-align: justify; background-color: #f6c6da; position:fixed; bottom:0px; width:60%; z-index:999; padding:10px 20%; height:61px;} #header, #footer {background-color: #fdf6f5; padding: 20px; color: #f4c5d9; text-align: center; font-family:'Lato'; font-weight: lighter; font-size: 25px; text-transform: uppercase; min-height: 31px;} #footer {margin-bottom:86px;} ul.navheader, ul.navfooter {margin:0; padding:0;} ul.navheader li, ul.navfooter li {display: inline; text-align:center; padding:20px;} .headerimage {} .subcontent {background-color: #fff;} .title {display:none} .subtitle {display:none} .entry {padding: 18px 18px 0 18px; text-align: justify; border-left: 68px solid #f4d3dd;} .entry_text {min-height: 105px;} .entry_text img {max-width: 446px;} .userpic, .userpicfriends {position: relative; float: left; background-color: transparent!important; color:transparent; padding: 0px; margin: 0px 0 0 -68px; text-align: center; font-size: 10px; z-index: 15;} .userpic img, .userpicfriends img{ background: rgba(255,255,255,0.5); padding:18px; background-image: url();} .userpicfriends font {color:#e998b9;} div.userpic a, div.userpic a:link, div.userpic a:visited, div.userpicfriends a, div.userpicfriends a:link, div.userpicfriends a:visited {color:#e998b9;} div.userpic a:hover, div.userpicfriends a:hover {color:#e998b9;} .date {text-transform: uppercase; font-size: 9px; width: 120px; line-height: 0.1;} .subject {color: #f5c6da; text-align: right; font-size: 15px; text-transform:uppercase; font-family: 'Lato'; margin-left: 125px; margin-top: -12px;} .datesubject {padding: 30px 18px 0px 18px; margin-bottom: -5px; border-left: 68px solid #f7cfdd;} .entry ul li {margin-left: -24px;} .entry ol li {margin-left: -24px;} .currents {line-height: 1.2;} .currentmood, .currentmusic, .currentgroups, .currentlocation {} .currents strong, .currentmood strong, .currentgroups strong, .currentlocation strong, .currentmusic strong {font-weight:normal!important;} .ljtags {margin-top: 12px; line-height: 1.2;} .comments {font-size: 11px; text-align: center; color: transparent; width: 116px; padding: 10px; line-height: 0.8; margin-left: -154px; background: rgba(255,255,255,0.5); font-family: 'Lato'; text-transform: uppercase;} div.comments a, div.comments a:link, div.comments a:visited {color: #eca8c4; display:block;} div.comments a:hover {color: #efc6d1; text-decoration: none;} .separator {height: 50px;} div#sidebar a, div#sidebar a:link, div#sidebar a:visited {} div#sidebar a:hover {text-decoration: none;} .defaultuserpic {display:none;} .sbarbody {} #sidebar_calendar.sbarbody {display:none;} #sidebar_summary.sbarbody {display:none;} #sidebar_tags.sbarbody {display:none;} .sbarbody2 {float:left; width:47%; height: 61px; overflow-y:scroll; font-style: italic; color: #fff; font-size: 12px; padding: 0px 14px; line-height:1.3;} #sidebar_linklist.sbarbody {font-family: 'Lato'; float:right; width:47%; height: 61px; overflow-y:scroll; text-transform: uppercase; font-size: 15px; font-weight: lighter;} ul.sbarlist {margin:0; padding:0;} ul.sbarlist.sbarcontent {padding: 4px 0px 3px 0px;} li.sbaritem {display: inline-block; margin: 0px 3px 15px;} li.sbaritem a, li.sbaritem a:link, li.sbaritem a:visited {padding: 4px 8px; background-color: #fceded; color:#e6b3c3; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in;} li.sbaritem a:hover {background-color: #f8d5df; color:#fff; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in;} li.sbartitle {display:none;} .clearfoot {clear: both; height:0px;} #footer .viewing {display:none;} ul.year {background-color: #fdf6f5; padding: 15px; color: #f4c5d9; text-align: center; font-family: 'Lato'; font-weight: lighter; font-size: 18px; text-transform: uppercase; margin-bottom: 45px;} ul.year li {display: inline; text-align: center; padding: 15px; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in;} ul.year li:hover {padding: 25px; background-color: rgba(255, 255, 255, 0.4); -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in;} table.yeartable {margin-left: auto; margin-right: auto; background-color: #fff; border-left: 68px solid #f4d3dd; border-right: 68px solid #f4d3dd; padding: 18px; width: 550px;} table.yeartable td.yeardate, table.yeartable td.yearday {text-align: center; background-color: #fff;} table.yeartable td.yearday {background-color: #fff;text-align: center;} td.yearmonth {border-style: none;} .ljtaglist {color: #bfbfbf; background-color: #fff; list-style-type:none; padding: 18px; text-transform: uppercase; border-left: 68px solid #f4d3dd;} input#subject.textbox {background-color: #fff;} textarea#body.textbox {background-color: #fff; font-size:12px;} div#qrformdiv {padding-bottom:15px} .datesubjectcomment {padding-bottom:10px;} .userpiccomment {position: relative; background-color: #f4d3dd; width: 80px; height: 80px; padding: 12px; margin: -9px 0px 0px -114px; z-index: 15; float: left;} .box {padding-left: 68px; margin-bottom:60px;} #comments.box {margin-bottom:0px;} input {background-color: #fff; color: #aaa; font-size: 10px; border: 0px;} textarea {background-color: #fdeeec; color: #aaa; font-size: 11px; border: 0px; font-family:consolas;} textarea.textbox {width: 100% !important;} .reply {} .replytosubject {} .commentreply {text-align: justify;} .commentreply img {max-width:100%;} .commentbox {background-color: #fff; margin: 20px 0; padding: 9px 10px 0 10px; min-height: 95px;} .commentboxpartial {padding: 10px; margin: 10px;} .skiplinks {text-align:center; color:transparent; text-transform:uppercase; font-size:11px; margin: -18px 0 30px 68px; font-family: 'Lato';} .skiplinks a {padding: 4px 7px; background: rgba(255,255,255,0.5); color:#eca8c4;} .skiplinks a:hover {background: rgba(255,255,255,0.8); color:#efc6d1;} .clear {height: 0px;} form#qrform table {border-width: 0px !important;} img[src="icon_protected.gif"], img[src="icon_private.gif"], img[src="icon_groups.gif"], .ljuser img[src="syndicated.gif"], .ljuser img[src="newsinfo.gif"], .ljuser img[src="partnercomm.gif"], .ljuser img[src="sponcomm.gif"] , img[src="btn_del.gif"], img[src="btn_edit.gif"], img[src="btn_spam.gif"], img[src="btn_scr.gif"], img[src="btn_unscr.gif"], img[src="btn_freeze.gif"], img[src="btn_unfreeze.gif"], img[src="btn_track.gif"], img[src="btn_tracking.gif"], img[src="btn_tracking_thread.gif"] , img[src="anonymous.gif"], img[src="openid-profile.gif"], img[src="userinfo.gif"], img[src="talk/none.gif"], img[src="help.gif"], img[src="pencil.gif"] {height: 0px; width: 0px; padding: 0 0 16px 16px !important; background: transparent none no-repeat scroll 0 0; } .subject img {vertical-align: middle !important;} img[src="icon_protected.gif"]{background-image: url(http://i.imgur.com/rkWgU.png);} img[src="icon_private.gif"]{background-image: url(http://i.imgur.com/mNHdJ.png);} img[src="icon_groups.gif"]{background-image: url(http://i.imgur.com/KgjGQ.png);} .ljuser img[src="syndicated.gif"]{background-image: url(http://i.imgur.com/VW920.png) !important;} .ljuser img[src="newsinfo.gif"] {background-image: url(http://i.imgur.com/r6EzA.png) !important;} .ljuser img[src="partnercomm.gif"]{background-image: url(http://i.imgur.com/cJzp8.png) !important;} .ljuser img[src="sponcomm.gif"] {background-image: url(http://i.imgur.com/zupNZ.png) !important;} img[src="btn_unspam.gif"]{background-image: url(http://i.imgur.com/wuJqY.png);} img[src="btn_spam.gif"]{background-image: url(http://i.imgur.com/o63uw.png);} img[src="btn_del.gif"]{background-image: url(http://i.imgur.com/Eci4Q.png);} img[src="btn_scr.gif"] {background-image: url(http://i.imgur.com/IW1FR.png);} img[src="btn_unscr.gif"] {background-image: url(http://i.imgur.com/aVYvC.png);} img[src="btn_freeze.gif"] {background-image: url(http://i.imgur.com/7KTc8.png);} img[src="btn_unfreeze.gif"] {background-image: url(http://i.imgur.com/80cia.png);} img[src="btn_track.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="btn_tracking.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="btn_tracking_thread.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="anonymous.gif"] {background-image: url(http://i.imgur.com/pOnEG.png);} img[src="openid-profile.gif"] {background-image: url(http://i.imgur.com/J4DG0.png);} img[src="userinfo.gif"] {background-image: url(http://i.imgur.com/NpNX0.png);} img[src="talk/none.gif"] {background-image: url(http://i.imgur.com/zKR7h.png);} img[src="help.gif"] {background-image: url(http://i.imgur.com/W4MKd.png);} img[src="pencil.gif"],img[src="btn_edit.gif"] {background-image: url(http://i.imgur.com/AQfq6.png);} span.i-ljuser img[src="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://l-stat.livejournal.com/img/userinfo.gif?v=94.3) no-repeat !important; padding: 0 0 0 0 !important;} span.i-ljuser img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://l-stat.livejournal.com/img/userinfo.gif?v=94.3) no-repeat !important; padding: 0 0 0 0 !important;} .w-cs {background-color: transparent!important; color:#d5a0b7!important; min-height:50px; text-transform: lowercase; font: 10px 'Open Sans' !important; font-weight:normal!important;} .w-cs .ljuser a:link, .w-cs .ljuser a:visited, .w-cs .ljuser a:hover, .w-cs .ljuser a:active, .w-cs .ljuser a:link b, .w-cs .ljuser a:visited b, .w-cs .ljuser a:hover b, .w-cs .ljuser a:active b {font-size: 13px !important; font-weight: normal!important; text-transform: none; font-variant: small-caps!important; color: #d5a0b7!important; font-family: 'Lato'!important; letter-spacing:1px!important;} .w-cs .w-cs-userinfo {background-color: transparent!important; color:#aaa; border:0px; font-family:'Open Sans'!important;} .w-cs .w-cs-summary li.w-cs-i-tokens {border:0px;} .w-cs a:link, .w-cs a:visited, .w-cs a:active {color:#d5a0b7!important;} .w-cs a:hover {color:#d5a0b7!important;} .w-cs .w-cs-summary {background-color: transparent!important; background-image: url('')!important;} .w-cs-user-controls .w-cs-status p {background-color: transparent!important; color:#d5a0b7!important; font-family:'Open Sans'!important; font-size:11px;} .w-cs .w-cs-summary {background:transparent!important; color:transparent!important} .w-cs .w-cs-search .w-cs-text {width: 150px; border-right: 25px solid #fcf0f0; background-color:#fcf0f0;} .w-cs .w-cs-text {background-color: #fcf0f0!important;} .w-cs .w-cs-search-inner {display:none;} .w-cs .w-cs-menu li {background: none!important; padding-left: 0px!important;} .w-cs .w-cs-menu li.w-cs-i-home a, .w-cs .w-cs-menu li.w-cs-i-post a, .w-cs .w-cs-menu li.w-cs-i-friends a, .w-cs .w-cs-menu li.w-cs-i-account a, .w-cs .w-cs-menu li.w-cs-i-faq a, .w-cs .w-cs-menu li.w-cs-i-recent a, .w-cs .w-cs-menu li.w-cs-i-entries a, .w-cs .w-cs-menu li.w-cs-i-invite a, .w-cs .w-cs-menu li.w-cs-i-add a, .w-cs .w-cs-menu li.w-cs-i-leave a, .w-cs .w-cs-menu li.w-cs-i-watch a, .w-cs .w-cs-menu li.w-cs-i-unwatch a, .w-cs .w-cs-menu li.w-cs-i-directory a, .w-cs .w-cs-menu li.w-cs-i-invites a, .w-cs .w-cs-menu li.w-cs-i-members a, .w-cs .w-cs-menu li.w-cs-i-members a.i-invites, .w-cs .w-cs-menu li.w-cs-i-catalogue a, .w-cs .w-cs-menu li.w-cs-i-edit a, .w-cs .w-cs-menu li.w-cs-i-manage a, .w-cs .w-cs-menu li.w-cs-i-gift a, .w-cs .w-cs-menu li.w-cs-i-tags a, .w-cs .w-cs-menu li.w-cs-i-message a, .w-cs .w-cs-menu li.w-cs-i-groups a, .w-cs .w-cs-menu li.w-cs-i-calendar a, .w-cs .w-cs-menu li.w-cs-i-friendsfriends a, .w-cs .w-cs-menu li.w-cs-i-like a, .w-cs .w-cs-menu li.w-cs-i-share a {padding-left: 0px; font: 10px 'Open Sans' !important;} .w-cs .w-cs-filter .w-cs-filter-icon {padding-left: 0px!important; background:none!important;} ::-webkit-scrollbar {width:8px; height:8px;} ::-webkit-scrollbar-track-piece {background-color:#fdf6f5;} ::-webkit-scrollbar-thumb {background-color:#f4d3dd;} ::-webkit-scrollbar-thumb:hover {background-color:#f6c6db;} ::-webkit-scrollbar-corner {background-color:#fdf6f5;} .b-popup-contextual .i-popup-arrtl, .b-popup-contextual .i-popup-arrbl {display:none;} .b-popup-contextual .i-popup-arrtr, .b-popup-contextual .i-popup-arrbr {display:none;} .b-contextualhover {min-width:150px; width: auto; min-height: 44px; margin-left: 0px; color: #939393; text-align: justify; font-size: 11px!important; font-family:'Open Sans'; line-height: 1.25;} .b-contextualhover, .b-contextualhover div, .b-contextualhover p, .b-contextualhover ul, .b-contextualhover ol, .b-contextualhover li, .b-contextualhover label, .b-contextualhover img, .b-contextualhover span, .b-contextualhover h3, .b-contextualhover input {padding: 0; margin: 0; color: #939393; font-size:11px!important;} .b-contextualhover img {border: none;} .b-contextualhover a:link, .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration: none !important; color: #f4c5d9 !important; background: none;} .b-contextualhover a:hover, .b-contextualhover a:active, .b-contextualhover a:focus {border-bottom: 0 !important; text-decoration: none !important; color: #f6d4de!important;} .s-lanzelot .b-contextualhover a:link, .s-lanzelot .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration: none !important; color: #f4c5d9 !important;} .s-lanzelot .b-contextualhover a:hover, .s-lanzelot .b-contextualhover a:active, .s-lanzelot .b-contextualhover a:focus {border-bottom: 0 !important; text-decoration: none !important; color: #f6d4de !important;} .index-page .b-contextualhover a:link, .index-page .b-contextualhover a:visited, .index-page .b-contextualhover a:hover, .index-page .b-contextualhover a:active, .index-page .b-contextualhover a:focus {color: #f6d4de !important;} .b-contextualhover .alias-unavailable a:link, .b-contextualhover .alias-unavailable a:visited {color: #f4c5d9 !important;} .b-contextualhover .alias-unavailable a:hover, .b-contextualhover .alias-unavailable a:active, .b-contextualhover .alias-unavailable A:focus {color: #f6d4de!important; text-decoration:none!important;} .b-contextualhover p {margin-bottom: 3px; font-size: 11px; line-height: 1.25;} .b-contextualhover .input-checkbox {margin-right: 2px; vertical-align: middle;} .b-contextualhover .b-contextualhover-section {overflow: hidden; padding: 0px;} .b-contextualhover .b-contextualhover-side {margin: -10px -69px 0 0; height: 0px; float: right;} .b-contextualhover .b-contextualhover-userpic {float: right; width: 58px; height: 58px; text-align: right;} .b-contextualhover .b-contextualhover-userpic a, .b-contextualhover .b-contextualhover-userpic a:hover {border: none !important;} .b-contextualhover .b-contextualhover-userpic img {max-width: 50px; max-height: 50px; padding: 8px; background-color: #f4d3dd;} .b-contextualhover .b-contextualhover-title {padding-bottom: 0px;} .b-contextualhover .b-contextualhover-title a:hover {text-decoration: none !important;} .b-contextualhover .b-contextualhover-title h3 {color: #939393; font-family:'Open Sans'; margin-bottom: 2px; font-weight: normal; font-style: normal; font-size: 11px; line-height: 1.25;} .b-contextualhover .b-contextualhover-options {margin: 0; padding: 1px 0; border-top: 0px; list-style: none;} .b-contextualhover .b-contextualhover-options li {margin-bottom: 0px; line-height: 1.25; font-size: 11px!important;} .b-contextualhover .b-contextualhover-options li a:hover {text-decoration: none !important;} .b-contextualhover .b-contextualhover-param {line-height: 18px; margin:0 0 6px;} .b-contextualhover .b-contextualhover-param-item {list-style: none;} .b-contextualhover-param-item .b-icon-scapital {margin:0 2px 0 0;} .b-icon-scapital {float: left; width: 16px; height: 16px; margin:0 2px 0 0; background-image: url(/img/icon-social-capital.png?v=19876); background-repeat: no-repeat; background-position: 0 50%;} .b-icon-scapital-first {background-position: -17px 50%;} .b-popup-outer {position: relative; padding: 1px; background: #fdf6f5; border: 0px solid #f4d3dd; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; z-index: 100;} .b-popup-inner {padding: 9px 10px 10px; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} .b-popup div, .b-popup strong, .b-popup label {color: #939393;} .currents {display:none;}

INSTALLATION
(1) Apply any Flexible Squares theme. Make sure the page set up is either 2 Column (sidebar on left) or 2 Column (sidebar on right). Set the ads to between entries or vertical. (2) Display → Navigation Strip color: Light gray. (3) Text → There you can edit your comments text so that they look like in the preview. (4) Sidebar → Ordering: Default Userpic, Blurb and Link List. (5) Custom CSS → Set all drop-down boxes to No and paste the code.
NOTES AND CREDITS
→ Don't redistribute or claim as your own. → Credit is nice. → Tiny icons by pinvoke.com → Triangle pattern by augustempress.com → Preview icon by me at blissful_garden

XI. Blank

lu_hesperia — Fri, 27 Dec 2013 08:14:51 GMT

( STATIC ) ( LIVE )

XI. BLANK
→ S2 Flexible Squares → Basic, plus and paid; ad placement vertical, horizontal or between entries. → Features custom comment pages, title, subtitle, navigation and sidebar. → Entry date and everything in the sidebar except for the blurb and the link list is disabled. → The link list won't look good if there are more than seven links. Keep the link titles short.
PREVIEW AND CODE
(Static) (Live) /- 011 Blank Layout by lu_hesperia at ourhappyhours.livejournal.com Tiny icons by pinvoke.com -/ body {background:#fff url() repeat fixed; color:#aaa; font-family: arial, sans-serif; font-size: 11px; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} ::selection {background-color:#aaa; color:#eee;} ::-moz-selection {background-color:#aaa; color:#eee;} a, a:link, a:visited {color:#bbb; text-decoration: none; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} a:hover {color:#808080; text-decoration: none; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} p, td {} blockquote {padding: 8px 12px; background:#f5f5f5; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;} code, kbd, pre, tt {font-family: 'Monospace', monospace; font-size: 10px;} h2 {display:none;} img {opacity:0.9; filter:alpha(opacity=90);} #content {width: 820px; margin-left: auto; margin-right: auto; margin-top:25px;} #maincontent {width:450px; margin-left:160px;} #sidebar {margin-top:7px; width: 180px; text-align: justify; font-size:11px; float:right; color:#eee;} .sbarheader {padding: 0px 5px 0px 5px;} #sidebar_linklist.sbarbody {overflow: hidden; width:180px; height:180px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); -ms-transform:rotate(90deg); margin-top:-30px;} #sidebar_summary.sbarbody {display:none;} #sidebar_tags.sbarbody {display:none;} .sbarbody2 {padding: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; background-color:#aaa;} .sbarbody2 img {max-width:156px;} table.calendar {display:none;} .sbarcalendar {display:none;} .sbarcalendarposts {display:none;} ul.sbarlist {list-style:none; padding:0px!important;} li.sbaritem {margin: 5px 10px; padding: 2px 20px;} li.sbaritem a, li.sbaritem a:link, li.sbaritem a:visited {color: #bcbcbc; padding: 2px 20px; background-color: #f1f1f1; text-align: center; -webkit-border-top-right-radius: 15px; -webkit-border-bottom-right-radius: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-bottomright: 15px; border-top-right-radius: 15px; border-bottom-right-radius: 15px;} li.sbaritem a:hover {color:#808080; padding: 2px 40px; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} li.sbartitle {display:none;} #header {margin-left:5px; margin-bottom: 40px;} .navheader {display: inline-block;} ul.navheader {list-style: none; margin: 0; padding: 0; font-size: 15px; text-transform: lowercase; width:100%} ul.navheader li {display: block; color:#bbb; float: left; margin: 5px; padding: 4px 8px; background-color: #f5f5f5; text-align: center; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;} ul.navheader li:hover {color:#808080; background-color: #fff; -webkit-box-shadow: 0px 0px 8px #eaeaea; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} .title {color: #eee; font-size: 25px; text-transform: lowercase; float: left; text-shadow: 0 0 1px #eee, 0 0 2px #eee; margin-left: 5px; margin-right: 10px;} .subtitle {text-transform: uppercase; margin-top: 10px; font-size: 12px; color:#dedede;} .subcontent {background-color: transparent;} .entry {color: #a0a0a0; text-align: justify;} .entry_text {padding: 10px 12px; background-color:#f1f1f1; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;} .entry_text img {max-width: 426px;} .userpic, .userpicfriends {position: relative; float: left; background-color: transparent!important; color: transparent; padding: 0 0 12px 0; margin: 18px 0 0 -150px; text-align: center; font-size: 10px; z-index: 15; line-height: 1;} .userpic img:hover, .userpicfriends img:hover {-webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); -webkit-transition-duration: 0.65s; -moz-transition-duration: 0.65s; -o-transition-duration: 0.65s;} .userpic img, .userpicfriends img {background:#f1f1f1; padding:10px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -webkit-transition-duration: 0.65s; -moz-transition-duration: 0.65s; -o-transition-duration: 0.65s;} .userpicfriends font {color:#bbb;} div.userpic a, div.userpic a:link, div.userpic a:visited, div.userpicfriends a, div.userpicfriends a:link, div.userpicfriends a:visited {color:#bbb;} .date {color:#bbb; text-transform: uppercase; font-size:8px; text-align: center; line-height: 1; width: 50px; margin-left: -127px; float: left;} .date {display:none;} .subject {text-transform: lowercase; font-size:20px; line-height: 1; margin-bottom: -3px; color: #bbb;} .subject a, .subject a:link, .subject a:visited, .subject a:hover {color: #bbb;} .datesubject {padding: 0 12px} .entry ul li {margin-left: -24px;} .entry ol li {margin-left: -12px;} .ljtags {margin-top: 12px; text-align: left; font-size: 11px; line-height: 1;} .currents a, currents a:link, .currents a:visited, .currents a:hover {color:#bbb;} .currents {color:#bbb; margin-top: 10px; padding: 10px 12px; background: #f5f5f5; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; text-transform: capitalize;} .currentmood, .currentmusic, .currentgroups, .currentlocation {} .currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong {font-weight:normal;} .comments {width: 120px; font-size: 15px; text-transform: uppercase; text-align: center; color: transparent; margin-top: -21px; margin-left: -150px;} .comments a, .comments a:link, .comments a:visited {padding: 4px 8px; background-color: #f5f5f5; text-align: center; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;} .comments a:hover {color:#808080; background-color: #fff; -webkit-box-shadow: 0px 0px 8px #eaeaea;} .separator {height: 40px;} .defaultuserpic {display:none;} #footer {text-align: right; font-size: 15px; text-transform: lowercase; width:610px; padding-bottom:25px;} ul.navfooter {padding: 0px; margin: 0px; display: inline-block;} ul.navfooter li {display: inline; color:#bbb; float: left; margin-left: 10px; padding: 4px 8px; background-color: #f5f5f5; text-align: center; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;} ul.navfooter li:hover {color:#808080; background-color: #fff; -webkit-box-shadow: 0px 0px 8px #eaeaea; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} .clearfoot {clear: both;} #footer .viewing {display:none;} ul.year {text-align: center; font-size: 18px; margin-left: -150px; width: 600px; list-style:none; padding:30px 0px 27px;} ul.year li {display: inline; color:#bbb; margin: 5px; padding: 4px 8px; background-color: #f5f5f5; text-align: center; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;} ul.year li:hover {color:#808080; background-color: #fff; -webkit-box-shadow: 0px 0px 8px #eaeaea; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} table.yeartable {margin-left: -150px; margin-right: auto; width: 600px; background-color: #f1f1f1; padding: 10px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; color:#bcbcbc;} table.yeartable td.yeardate, table.yeartable td.yearday {text-align: center;} table.yeartable td.yearday {text-align: center;} td.yearmonth {border-style: none;} .ljtaglist {padding: 10px 12px; background-color: #f1f1f1; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; margin-left: -150px; list-style-type: none;} input#subject.textbox {background-color: #fafafa;} textarea#body.textbox {background-color: #fafafa;} textarea#commenttext.textbox {background-color: #fff;} div#qrformdiv {padding-bottom:15px} .userpiccomment {padding: 5px; width: 80px; height: 80px; padding: 8px; z-index: 15; float: left; margin: -10px 10px 0px -138px; background: #f1f1f1; padding: 8px; -webkit-border-radius: 80px; -moz-border-radius: 80px; border-radius: 80px; -webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; -o-transition-duration: 0.7s;} .userpiccomment:hover {-webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); -webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; -o-transition-duration: 0.7s;} .box {padding: 0px; clear: left;} .datesubjectcomment {font-weight: bold;} input, textarea {background-color: #fafafa; color: #999; font-size: 10px; border:0px;} textarea.textbox {width: 100% !important;} .commentreply {padding: 10px 0;} .commentreply img {max-width:100%;} .commentbox {margin: 15px 0 20px; background-color: #f1f1f1; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; padding: 10px 12px; min-height: 65px;} .skiplinks {text-align:center; color:transparent; text-transform:uppercase; font-size:10px; margin: -10px 0 10px;} .clear {height: 0px;} form#qrform table {border-width: 0px !important;} img[src="icon_protected.gif"], img[src="icon_private.gif"], img[src="icon_groups.gif"], img[src="icon_sticky.png"], .ljuser img[src="syndicated.gif"], .ljuser img[src="newsinfo.gif"], .ljuser img[src="partnercomm.gif"], .ljuser img[src="sponcomm.gif"] , img[src="btn_del.gif"], img[src="btn_edit.gif"], img[src="btn_spam.gif"], img[src="btn_scr.gif"], img[src="btn_unscr.gif"], img[src="btn_freeze.gif"], img[src="btn_unfreeze.gif"], img[src="btn_track.gif"], img[src="btn_tracking.gif"], img[src="btn_tracking_thread.gif"] , img[src="anonymous.gif"], img[src="openid-profile.gif"], img[src="userinfo.gif"], img[src="talk/none.gif"], img[src="help.gif"], img[src="pencil.gif"] {height: 0px; width: 0px; padding: 0 0 16px 16px !important; background: transparent none no-repeat scroll 0 0; } .subject img {vertical-align: middle !important;} img[src="icon_protected.gif"]{background-image: url(http://i.imgur.com/1pkIxw8.png);} img[src="icon_private.gif"]{background-image: url(http://i.imgur.com/faoeIgT.png);} img[src="icon_groups.gif"]{background-image: url(http://i.imgur.com/i4V7S0x.png);} img[src="icon_sticky.png"]{background-image: url(http://i.imgur.com/FLp83.png);} .ljuser img[src="syndicated.gif"]{background-image: url(http://i.imgur.com/VW920.png) !important;} .ljuser img[src="newsinfo.gif"] {background-image: url(http://i.imgur.com/r6EzA.png) !important;} .ljuser img[src="partnercomm.gif"]{background-image: url(http://i.imgur.com/cJzp8.png) !important;} .ljuser img[src="sponcomm.gif"] {background-image: url(http://i.imgur.com/zupNZ.png) !important;} img[src="btn_unspam.gif"]{background-image: url(http://i.imgur.com/wuJqY.png);} img[src="btn_spam.gif"]{background-image: url(http://i.imgur.com/o63uw.png);} img[src="btn_del.gif"]{background-image: url(http://i.imgur.com/Eci4Q.png);} img[src="btn_scr.gif"] {background-image: url(http://i.imgur.com/IW1FR.png);} img[src="btn_unscr.gif"] {background-image: url(http://i.imgur.com/aVYvC.png);} img[src="btn_freeze.gif"] {background-image: url(http://i.imgur.com/7KTc8.png);} img[src="btn_unfreeze.gif"] {background-image: url(http://i.imgur.com/80cia.png);} img[src="btn_track.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="btn_tracking.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="btn_tracking_thread.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="anonymous.gif"] {background-image: url(http://i.imgur.com/pOnEG.png);} img[src="openid-profile.gif"] {background-image: url(http://i.imgur.com/J4DG0.png);} img[src="userinfo.gif"] {background-image: url(http://i.imgur.com/0phq8.png);} img[src="talk/none.gif"] {background-image: url(http://i.imgur.com/zKR7h.png);} img[src="help.gif"] {background-image: url(http://i.imgur.com/W4MKd.png);} img[src="pencil.gif"],img[src="btn_edit.gif"] {background-image: url(http://i.imgur.com/AQfq6.png);} span.i-ljuser img[src="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/EJFhD44.png) no-repeat !important; padding: 16px 0 0 16px !important;} span.i-ljuser img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/EJFhD44.png) no-repeat !important; padding: 16px 0 0 16px !important;} span.ljuser, span.ljuser a {} .w-cs {font-family: arial, sans-serif!important; background:transparent; color:#444444; min-height:75px; text-transform: lowercase; font-size: 11px; overflow:visible!important;} .w-cs .w-cs-userinfo {font-family: arial, sans-serif!important; background:transparent; border color:#444444; color:#111; border:0px;} .w-cs .w-cs-summary li.w-cs-i-tokens {font-family: arial, sans-serif!important; border:0px;} .w-cs a:link, .w-cs a:visited, .w-cs a:active {color: #bbb!important;font-family: arial, sans-serif!important;} .w-cs .w-cs-userpic {width: 72px; height: 72px;} .w-cs .w-cs-userpic img {max-height: 60px; max-width: 60px; vertical-align: top; background:#f1f1f1; padding:6px; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; -webkit-transition-duration: 0.75s; -moz-transition-duration: 0.75s; -o-transition-duration: 0.75s;} .w-cs .w-cs-userpic img:hover {-webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); -webkit-transition-duration: 0.75s; -moz-transition-duration: 0.75s; -o-transition-duration: 0.75s;} .w-cs a:hover {color:#dedede !important; font-family: arial, sans-serif!important;} .w-cs .ljuser a:link, .w-cs .ljuser a:visited, .w-cs .ljuser a:active, .w-cs .ljuser a:link b, .w-cs .ljuser a:visited b, .w-cs .ljuser a:active b {font-size: 11px !important; text-transform: none; font-family: arial, sans-serif!important; color: #bbb!important;} .w-cs-user-controls .w-cs-status p {color:#bbb!important; letter-spacing: 0px; font-family: arial, sans-serif!important; font-size: 11px;} .w-cs .w-cs-summary {background:transparent!important; color:transparent!important} .w-cs .w-cs-search .w-cs-text {width: 150px; background-color:#f1f1f1!important; border-right: 25px solid #f1f1f1;} .w-cs .w-cs-text {background-color: #f1f1f1!important;} .w-cs .w-cs-search-inner {display:none;} .w-cs FORM.w-cs-login .note {color: #bbb; font-size:10px;} .w-cs .w-cs-menu li {padding-left:0px!important; background: none!important;} .w-cs .w-cs-menu li.w-cs-i-home a, .w-cs .w-cs-menu li.w-cs-i-post a, .w-cs .w-cs-menu li.w-cs-i-friends a, .w-cs .w-cs-menu li.w-cs-i-account a, .w-cs .w-cs-menu li.w-cs-i-faq a, .w-cs .w-cs-menu li.w-cs-i-recent a, .w-cs .w-cs-menu li.w-cs-i-entries a, .w-cs .w-cs-menu li.w-cs-i-invite a, .w-cs .w-cs-menu li.w-cs-i-add a, .w-cs .w-cs-menu li.w-cs-i-leave a, .w-cs .w-cs-menu li.w-cs-i-watch a, .w-cs .w-cs-menu li.w-cs-i-unwatch a, .w-cs .w-cs-menu li.w-cs-i-directory a, .w-cs .w-cs-menu li.w-cs-i-invites a, .w-cs .w-cs-menu li.w-cs-i-members a, .w-cs .w-cs-menu li.w-cs-i-members a.i-invites, .w-cs .w-cs-menu li.w-cs-i-catalogue a, .w-cs .w-cs-menu li.w-cs-i-edit a, .w-cs .w-cs-menu li.w-cs-i-manage a, .w-cs .w-cs-menu li.w-cs-i-gift a, .w-cs .w-cs-menu li.w-cs-i-tags a, .w-cs .w-cs-menu li.w-cs-i-message a, .w-cs .w-cs-menu li.w-cs-i-groups a, .w-cs .w-cs-menu li.w-cs-i-calendar a, .w-cs .w-cs-menu li.w-cs-i-friendsfriends a, .w-cs .w-cs-menu li.w-cs-i-like a, .w-cs .w-cs-menu li.w-cs-i-share a {padding-left:0px;} ::-webkit-scrollbar {width:12px; height:12px;} ::-webkit-scrollbar-track-piece {background-color:#f1f1f1; -webkit-border-radius:0;} ::-webkit-scrollbar-thumb:vertical {background-color:#dedede;} ::-webkit-scrollbar-thumb:horizontal {background-color:#dedede;} ::-webkit-scrollbar-thumb:vertical:hover {background-color:#aaa;} ::-webkit-scrollbar-thumb:horizontal:hover {background-color:#aaa;} ::-webkit-scrollbar-corner {background-color:#dedede;} .b-popup-contextual .i-popup-arrtl, .b-popup-contextual .i-popup-arrbl {display:none;} .b-popup-contextual .i-popup-arrtr, .b-popup-contextual .i-popup-arrbr {display:none;} .b-contextualhover {min-width:150px; width: auto; min-height: 44px; margin-left: 0px; color: #bbb; text-align: justify; font-size: 11px!important; font-family: arial, sans-serif; line-height: 1.25;} .b-contextualhover, .b-contextualhover div, .b-contextualhover p, .b-contextualhover ul, .b-contextualhover ol, .b-contextualhover li, .b-contextualhover label, .b-contextualhover img, .b-contextualhover span, .b-contextualhover h3, .b-contextualhover input {padding: 0; margin: 0; color: #bbb; font-size:11px!important;} .b-contextualhover a:link, .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration: none !important; color: #eaeaea !important; background: none;} .b-contextualhover a:hover, .b-contextualhover a:active, .b-contextualhover a:focus {border-bottom: 0 !important; text-decoration: none !important; color: #f1f1f1 !important;} .s-lanzelot .b-contextualhover a:link, .s-lanzelot .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration: none !important; color: #999 !important;} .s-lanzelot .b-contextualhover a:hover, .s-lanzelot .b-contextualhover a:active, .s-lanzelot .b-contextualhover a:focus {border-bottom: 0 !important; text-decoration: none !important; color: #f1f1f1 !important;} .index-page .b-contextualhover a:link, .index-page .b-contextualhover a:visited, .index-page .b-contextualhover a:hover, .index-page .b-contextualhover a:active, .index-page .b-contextualhover a:focus {color: #eaeaea !important;} .b-contextualhover .alias-unavailable a:link, .b-contextualhover .alias-unavailable a:visited {color: #eaeaea !important;} .b-contextualhover .alias-unavailable a:hover, .b-contextualhover .alias-unavailable a:active, .b-contextualhover .alias-unavailable A:focus {color: #eaeaea !important; text-decoration:none!important;} .b-contextualhover p {margin-bottom: 3px; font-size: 11px; line-height: 1.25;} .b-contextualhover .input-checkbox {margin-right: 2px; vertical-align: middle;} .b-contextualhover .b-contextualhover-section {overflow: hidden; padding: 0px;} .b-contextualhover .b-contextualhover-side {margin: -8px -80px 0 0; height: 0px; float: right; width: 60px;} .b-contextualhover .b-contextualhover-userpic {float: right; width: 55px; height: 55px; text-align: right;} .b-contextualhover .b-contextualhover-userpic img {max-width: 50px; max-height: 50px; padding: 5px; background-color:#f1f1f1; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s;} .b-contextualhover .b-contextualhover-userpic img:hover {-webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s;} .b-contextualhover .b-contextualhover-title {padding-bottom: 0px;} .b-contextualhover .b-contextualhover-title a:hover {text-decoration: none !important;} .b-contextualhover .b-contextualhover-title h3 {color: #bbb; font-family: arial, sans-serif; margin-bottom: 2px; font-weight: normal; font-style: normal; font-size: 11px; line-height: 1.25;} .b-contextualhover .b-contextualhover-options {margin: 0; padding: 1px 0; border-top: 0px; list-style: none;} .b-contextualhover .b-contextualhover-options li {margin-bottom: 0px; line-height: 1.25; font-size: 11px!important;} .b-contextualhover .b-contextualhover-options li a:hover {text-decoration: none !important;} .b-contextualhover .b-contextualhover-param {line-height: 18px; margin:0 0 6px;} .b-icon-scapital {float: left; width: 16px; height: 16px; margin:0 2px 0 0; background-image: url(/img/icon-social-capital.png?v=19876); background-repeat: no-repeat; background-position: 0 50%;} .b-icon-scapital-first {background-position: -17px 50%;} .b-popup-outer {position: relative; padding: 1px; background: #aaa; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; z-index: 100; border:0px;} .b-popup-inner {padding: 10px; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} .b-popup div, .b-popup strong, .b-popup label {color: #dedede;}

INSTALLATION
(1) Apply any Flexible Squares theme. Make sure the page set up is either 2 Column (sidebar on left) or 2 Column (sidebar on right). Set the ads to vertical, horizontal or between entries. (2) Display → Navigation Strip color: Light gray. (3) Text → There you can edit your comments text so that they look like in the preview. (4) Sidebar → Ordering: Blurb and Link List. (5) Custom CSS → Set all drop-down boxes to No and paste the code.
NOTES AND CREDITS
→ Don't redistribute or claim as your own. → Credit is nice. → Tiny icons by pinvoke.com → Preview icon by titania at gospelle

X. Uranus

lu_hesperia — Sun, 26 May 2013 16:28:21 GMT

( STATIC ) ( LIVE )

X. URANUS
→ S2 Smooth Sailing → Basic, plus and paid; ad placement vertical. → Features custom comment pages, title, subtitle, navigation and sidebar. → Everything in the sidebar except for the blurb, the link list, the calendar and the tags is disabled.
PREVIEW AND CODE
(Static) (Live) /- 010 Uranus Layout by lu_hesperia at ourhappyhours.livejournal.com Tiny icons by pinvoke.com -/ @font-face {font-family: 'Share'; font-style: normal; font-weight: 400; src: local('Share'), local('Share-Regular'), url(http://themes.googleusercontent.com/static/fonts/share/v1/_jCje2O-7QL947BeMhJzWQ.woff) format('woff');} @font-face {font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');} body {background:#e1f0e8 url() repeat scroll 0 0; font-family:'Open Sans'; font-size:11px; margin:0; color: #888;} a {text-decoration: none; color:#8ebda5} blockquote {background-color: #e7f2ec; padding: 4px 8px;} textarea, input, select {font-size:10px; font-family: consolas; background-color:#e1f0e8; border:0px; color: #888;} .pageblock {width: 1050px; margin: auto;} .pageheaderblock {position:fixed; text-align: center; width: 120px; float: left; height: 1000px; background-color: #cee6db; margin-top: -100px; padding-top: 250px;} .bodyblock {margin-left: 120px; margin-top: 25px; margin-bottom: 20px;} .header-title {font-family: 'Share'; text-transform:uppercase; font-size:14px; padding: 0 5px; color:#78ac90;} .header-subtitle {font-family: 'Share'; text-transform:uppercase; font-size:12px; padding: 0 5px; color:#8ebda5;} .pagefooterblock {display:none;} .bodynavblock {margin: 0 200px 10px 310px;} .bodynavblock a, .bodynavblock a:visited {font-family: 'Share'; text-transform: uppercase; font-size: 14px; font-weight: normal;} .bodyheaderblock {display:none;} .entryHolder {color: #888; margin: 15px 200px 26px 310px; width:450px; min-height:129px;} .entryHolder a:hover {background-color:#d6eae0!important;} .entryUserinfo {margin-left: 470px; margin-top: -30px; position: absolute;} .entryUserinfo-username {font-size:10px;} .entryUserinfo-username .ljuser a b {font-weight:normal; background-color: #b0d2c0; color: #f4f7f5; padding: 0 4px 2px;} .entryUserinfo-usericon img {padding:7px; background-color: #d6eae0; border:1px solid #b0d2c0;} .entryText {text-align:justify; padding:10px; background-color: #f4f7f5; width: 430px; margin-left: -1px;} .entryText img {max-width: 430px;} .entryHeader {font-size: 0px; height: 20px; overflow-y: hidden; padding: 10px 10px 0 10px; background-color: #f4f7f5;} .entryHeaderSubject {font-style: normal; font-weight: normal; font-size: 0px; min-height: 22px;} .entryHeaderSubject a, .entryHeader a {font-size: 15px; color:#78ac90;} .entryHeaderSubject a:hover, .entryHeader a:hover {color:#8ebda5; background-color: #f4f7f5!important;} .entryHeaderDate {margin-left: 575px; margin-top: -10px; position: absolute; width: 30px; background-color: #b0d2c0; text-align: center; color: #f4f7f5; font-size: 17px;} .entryHeaderTags {display:block;} .entryMetadata {padding: 0 10px 10px 10px; background-color: #f4f7f5; width: 430px; margin-left: -1px; text-transform: lowercase; line-height: 1;} .entryMetadata ul {margin:0; padding:0;} .entryMetadata li {list-style-type:none;} .entryMetadata-label {padding-right:5px; font-variant:small-caps; font-size: 13px;} img.meta-mood-img {vertical-align: middle;} .entryLinkbar {text-align: right; text-transform: uppercase; background-color:#cee6db; padding: 5px; font-family: 'Share';} .entryLinkbar a:hover {background-color: #cee6db!important;} .entryLinkbar ul {margin:0; padding:0;} .entryLinkbar li {display:inline; margin:0; padding:0 5px;} .body-midtitle {display: none;} .commentHolder {background-color: #f4f7f5; margin:20px 200px 20px 310px; text-align:justify;} .commentUserinfo:hover {background-color:#d6eae0;} .commentUserinfo .ljuser a b {font-weight: normal; padding: 0 4px 2px; font-size: 9px;} .commentUserinfo-usericon img {width: 50px; height: 50px; border: 4px solid #b0d2c0;} .commentText {padding:10px;} .commentHeader {text-align: right; text-transform: uppercase; background-color: #cee6db; padding: 1px 5px 2px; color:#78ac90;} .commentLinkbar {font-size: 10px; text-align: right; text-transform: uppercase; padding: 0 3px 10px; font-family: 'Share'; height: 15px;} .commentLinkbar ul {margin:0 0 14px; padding:0;} .commentLinkbar li {display:inline; margin-right:3px;} .commentLinkbar a:hover {color:#474747;} .replyform {margin: 20px 200px 20px 310px;} input#subject.textbox {background-color: #f4f7f5;} textarea#commenttext.textbox {background-color: #f4f7f5;} #qrform {padding: 0 10px 15px 0;} #qrform table {border:0px !important;} .month {width:100%; margin:auto; background-color:#f4f7f5; padding: 10px 30px 0;} .daysubjects {padding: 0 10px 10px; background-color: #f4f7f5;} .daytitles {background-color:#cee6db; color:#78ac90; margin-bottom:5px; font-size: 12px; text-transform: uppercase; font-family: 'Share'; padding: 2px;} .day {padding-top: 8px;} .day-count {float:right; font-size:20px; text-align:center; width:50%;} .sidebar img {max-width:245px;} .sidebar {font-size:10px; margin-left: 20px; width: 265px; position:fixed; color: #78ac90; margin-top:15px;} .sidebox {margin:0 auto; margin-bottom: 5px;} .sideboxTitle {display:none;} .sideboxContent {text-align:justify;} .sidebox #profile {display:none;} .sidebox #search {display:none;} .sidebox #tags_sidebox {border-top: 1px solid #b0d2c0; border-bottom: 1px solid #b0d2c0; padding: 6px 0 8px;} .sidebox #summary{display:none;} .sidebox #latestmonth {margin:5px 0; border-top: 1px solid #b0d2c0; border-bottom: 1px solid #b0d2c0; text-align:center; margin-bottom: -6px;} .sidebox #latestmonth a {font-size:11px; text-transform: uppercase; font-family:'Share';} .latestmonth-active {background-color: #cee6db;} .latestmonth-active a {font-size:10px!important; font-family:'Open Sans'!important;} .sidebox #latestmonth table {margin-left:auto; margin-right:auto; width:80%; padding: 8px 0;} .sidebox #systemlinks {margin-left: -5px;text-align: center;} .sidebox #systemlinks a:link, .sidebox #systemlinks a:visited {font-family:'Share'; font-size:11px; text-transform:uppercase; display: inline-block; padding: 2px 4px; margin: 0px 0px 5px 5px; width: 122px; text-decoration: none; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s; background-color: #b0d2c0; color: #f4f7f5;} .sidebox #systemlinks a:hover, .sidebox #systemlinks a:active {background-color: #f4f7f5; color: #8ebda5; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s;} .listitem {display: inline-block;} .listtitle {border-top: 1px solid #b0d2c0; border-bottom: 1px solid #b0d2c0; font-family:'Share'; font-size:11px; text-transform:uppercase; margin-left:5px; padding:2px 0; margin-bottom:5px; color:#8ebda5;} .sidebox #freetext {padding:9px; background-color: #d6eae0; border:1px solid #b0d2c0;} .header-menu a, .header-menu a:visited {background-color:#f4f7f5; padding: 2px 5px; border:1px solid #b0d2c0; font-family: 'Share'; font-size:10px; text-transform:uppercase; color:#888;} .header-menu a:hover {color:#777;} .header-menu ul {padding:0;} .header-menu li {display:block; list-style:none; margin: 10px 0;} #footer-menu {display:none;} .tagstable, .tagstable td {border:0 none;} .taglist {padding: 0; margin: 0; list-style: none;} .ljuser img[src="syndicated.gif"], .ljuser img[src="newsinfo.gif"], .ljuser img[src="partnercomm.gif"], .ljuser img[src="sponcomm.gif"] , img[src="btn_del.gif"], img[src="btn_edit.gif"], img[src="btn_spam.gif"], img[src="btn_scr.gif"], img[src="btn_unscr.gif"], img[src="btn_freeze.gif"], img[src="btn_unfreeze.gif"], img[src="btn_track.gif"], img[src="btn_tracking.gif"], img[src="btn_tracking_thread.gif"] , img[src="anonymous.gif"], img[src="openid-profile.gif"], img[src="userinfo.gif"], img[src="talk/none.gif"], img[src="help.gif"], img[src="pencil.gif"] {height: 0px; width: 0px; padding: 0 0 16px 16px !important; background: transparent none no-repeat scroll 0 0;} img[src="icon_protected.gif"], img[src="icon_private.gif"], img[src="icon_groups.gif"], img[src="icon_sticky.png"] {height: 0px; width: 0px; padding: 0 0 16px 18px !important; background: transparent none no-repeat scroll 0 0; } .subject img {vertical-align: middle !important;} img[src="icon_protected.gif"]{background-image: url(http://i.imgur.com/rkWgU.png);} img[src="icon_private.gif"]{background-image: url(http://i.imgur.com/mNHdJ.png);} img[src="icon_groups.gif"]{background-image: url(http://i.imgur.com/KgjGQ.png);} img[src="icon_sticky.png"]{background-image: url(http://i.imgur.com/FLp83.png);} .ljuser img[src="syndicated.gif"]{background-image: url(http://i.imgur.com/VW920.png) !important;} .ljuser img[src="newsinfo.gif"] {background-image: url(http://i.imgur.com/r6EzA.png) !important;} .ljuser img[src="partnercomm.gif"]{background-image: url(http://i.imgur.com/cJzp8.png) !important;} .ljuser img[src="sponcomm.gif"] {background-image: url(http://i.imgur.com/zupNZ.png) !important;} img[src="btn_unspam.gif"]{background-image: url(http://i.imgur.com/wuJqY.png);} img[src="btn_spam.gif"]{background-image: url(http://i.imgur.com/o63uw.png);} img[src="btn_del.gif"]{background-image: url(http://i.imgur.com/Eci4Q.png);} img[src="btn_scr.gif"] {background-image: url(http://i.imgur.com/IW1FR.png);} img[src="btn_unscr.gif"] {background-image: url(http://i.imgur.com/aVYvC.png);} img[src="btn_freeze.gif"] {background-image: url(http://i.imgur.com/7KTc8.png);} img[src="btn_unfreeze.gif"] {background-image: url(http://i.imgur.com/80cia.png);} img[src="btn_track.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="btn_tracking.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="btn_tracking_thread.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="anonymous.gif"] {background-image: url(http://i.imgur.com/pOnEG.png);} img[src="openid-profile.gif"] {background-image: url(http://i.imgur.com/J4DG0.png);} img[src="userinfo.gif"] {background-image: url(http://i.imgur.com/NpNX0.png);} img[src="talk/none.gif"] {background-image: url(http://i.imgur.com/zKR7h.png);} img[src="help.gif"] {background-image: url(http://i.imgur.com/W4MKd.png);} img[src="pencil.gif"],img[src="btn_edit.gif"] {background-image: url(http://i.imgur.com/AQfq6.png);} span.i-ljuser img[src="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://l-stat.livejournal.com/img/userinfo.gif?v=94.3) no-repeat !important; padding: 0 0 0 0 !important;} span.i-ljuser img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://l-stat.livejournal.com/img/userinfo.gif?v=94.3) no-repeat !important; padding: 0 0 0 0 !important;} span.ljuser a {text-decoration: none; color: #8ebda5} span.ljuser a:hover {background-color:#d6eae0!important;} .w-cs {background-color: #d6eae0!important; color:#78ac90!important; min-height:50px; text-transform: lowercase; font: 10px 'Open Sans' !important; font-weight:normal!important; border-bottom:1px solid #b0d2c0;} .w-cs a:link, .w-cs a:visited, .w-cs a:hover, .w-cs a:active {color:#78ac90!important; font-family:'Open Sans'!important;} .w-cs .ljuser a:link, .w-cs .ljuser a:visited, .w-cs .ljuser a:hover, .w-cs .ljuser a:active, .w-cs .ljuser a:link b, .w-cs .ljuser a:visited b, .w-cs .ljuser a:hover b, .w-cs .ljuser a:active b {font-size: 12px !important; font-weight: bold !important; text-transform: none; color: #78ac90!important; font-family: 'Open Sans'!important;} .w-cs .w-cs-userinfo {background-color: #d6eae0!important; color:#78ac90; border:0px; font-family:'Open Sans'!important;} .w-cs .w-cs-summary li.w-cs-i-tokens {border:0px;} .w-cs a:link, .w-cs a:visited, .w-cs a:active {color:#78ac90!important;} .w-cs a:hover {color:#78ac90!important;} .w-cs .w-cs-summary {background-color: transparent!important; background-image: url('')!important;} .w-cs-user-controls .w-cs-status p {background-color: transparent!important; color:#78ac90!important; font-family:'Open Sans'!important; font-size:11px;} .w-cs .w-cs-summary {background:transparent!important; color:transparent!important} .w-cs .w-cs-search .w-cs-text {width: 150px; border-right: 25px solid #e1f0e8; background-color:#e1f0e8;} .w-cs .w-cs-search-inner {display:none;} .w-cs .w-cs-menu li {background: none!important; padding-left: 0px!important;} .w-cs .w-cs-text {background-color: #e1f0e8!important; color: #78ac90!important;} .w-cs .w-cs-menu li.w-cs-i-home a, .w-cs .w-cs-menu li.w-cs-i-post a, .w-cs .w-cs-menu li.w-cs-i-friends a, .w-cs .w-cs-menu li.w-cs-i-account a, .w-cs .w-cs-menu li.w-cs-i-faq a, .w-cs .w-cs-menu li.w-cs-i-recent a, .w-cs .w-cs-menu li.w-cs-i-entries a, .w-cs .w-cs-menu li.w-cs-i-invite a, .w-cs .w-cs-menu li.w-cs-i-add a, .w-cs .w-cs-menu li.w-cs-i-leave a, .w-cs .w-cs-menu li.w-cs-i-watch a, .w-cs .w-cs-menu li.w-cs-i-unwatch a, .w-cs .w-cs-menu li.w-cs-i-directory a, .w-cs .w-cs-menu li.w-cs-i-invites a, .w-cs .w-cs-menu li.w-cs-i-members a, .w-cs .w-cs-menu li.w-cs-i-members a.i-invites, .w-cs .w-cs-menu li.w-cs-i-catalogue a, .w-cs .w-cs-menu li.w-cs-i-edit a, .w-cs .w-cs-menu li.w-cs-i-manage a, .w-cs .w-cs-menu li.w-cs-i-gift a, .w-cs .w-cs-menu li.w-cs-i-tags a, .w-cs .w-cs-menu li.w-cs-i-message a, .w-cs .w-cs-menu li.w-cs-i-groups a, .w-cs .w-cs-menu li.w-cs-i-calendar a, .w-cs .w-cs-menu li.w-cs-i-friendsfriends a, .w-cs .w-cs-menu li.w-cs-i-like a, .w-cs .w-cs-menu li.w-cs-i-share a {padding-left: 0px;} .w-cs .w-cs-filter .w-cs-filter-icon {padding-left: 0px!important; background:none!important;} ::-webkit-scrollbar {width:6px; height:6px;} ::-webkit-scrollbar-track-piece {background-color:#f4f7f5;} ::-webkit-scrollbar-thumb {background-color:#cee6db;} ::-webkit-scrollbar-thumb:hover {background-color:#b0d2c0;} ::-webkit-scrollbar-corner {background-color:#f4f7f5;} .b-popup-contextual .i-popup-arrtl, .b-popup-contextual .i-popup-arrbl {display:none;} .b-popup-contextual .i-popup-arrtr, .b-popup-contextual .i-popup-arrbr {display:none;} .b-contextualhover {min-width:150px; width: auto; min-height: 44px; margin-left: 0px; color: #e7f2ec; text-align: justify; font-size: 11px!important; font-family: 'Open Sans'; line-height: 1.25;} .b-contextualhover, .b-contextualhover div, .b-contextualhover p, .b-contextualhover ul, .b-contextualhover ol, .b-contextualhover li, .b-contextualhover label, .b-contextualhover img, .b-contextualhover span, .b-contextualhover h3, .b-contextualhover input {padding: 0; margin: 0; color: #e7f2ec; font-size:11px!important;} .b-contextualhover img {border: none;} .b-contextualhover a:link, .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration: none !important; color: #f4f7f5 !important; background: none;} .b-contextualhover a:hover, .b-contextualhover a:active, .b-contextualhover a:focus {border-bottom: 0 !important; text-decoration: none !important; color: #fff!important;} .s-lanzelot .b-contextualhover a:link, .s-lanzelot .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration: none !important; color: #f4f7f5!important;} .s-lanzelot .b-contextualhover a:hover, .s-lanzelot .b-contextualhover a:active, .s-lanzelot .b-contextualhover a:focus {border-bottom: 0 !important; text-decoration: none !important; color: #fff!important;} .index-page .b-contextualhover a:link, .index-page .b-contextualhover a:visited, .index-page .b-contextualhover a:hover, .index-page .b-contextualhover a:active, .index-page .b-contextualhover a:focus {color: #fff!important;} .b-contextualhover .alias-unavailable a:link, .b-contextualhover .alias-unavailable a:visited {color: #f4f7f5 !important;} .b-contextualhover .alias-unavailable a:hover, .b-contextualhover .alias-unavailable a:active, .b-contextualhover .alias-unavailable A:focus {color: #fff!important; text-decoration:none!important;} .b-contextualhover p {margin-bottom: 3px; font-size: 11px; line-height: 1.25;} .b-contextualhover .input-checkbox {margin-right: 2px; vertical-align: middle;} .b-contextualhover .b-contextualhover-section {overflow: hidden; padding: 0px;} .b-contextualhover .b-contextualhover-side {margin: -11px -75px 0 0; height: 0px; float: right; width: 58px;} .b-contextualhover .b-contextualhover-userpic {float: right; width: 58px; height: 58px; text-align: right;} .b-contextualhover .b-contextualhover-userpic a, .b-contextualhover .b-contextualhover-userpic a:hover {border: none !important;} .b-contextualhover .b-contextualhover-userpic img {max-width: 50px; max-height: 50px; border: 4px solid #d6eae0;} .b-contextualhover .b-contextualhover-title {padding-bottom: 0px;} .b-contextualhover .b-contextualhover-title a:hover {text-decoration: none !important;} .b-contextualhover .b-contextualhover-title h3 {color: #e7f2ec; font-family: 'Open Sans'; margin-bottom: 2px; font-weight: normal; font-style: normal; font-size: 11px; line-height: 1.25;} .b-contextualhover .b-contextualhover-options {margin: 0; padding: 1px 0; border-top: 0px; list-style: none;} .b-contextualhover .b-contextualhover-options li {margin-bottom: 0px; line-height: 1.25; font-size: 11px!important;} .b-contextualhover .b-contextualhover-options li a:hover {text-decoration: none !important;} .b-contextualhover .b-contextualhover-param {line-height: 18px; margin:0 0 6px;} .b-contextualhover .b-contextualhover-param-item {list-style: none;} .b-contextualhover-param-item .b-icon-scapital {margin:0 2px 0 0;} .b-icon-scapital {float: left; width: 16px; height: 16px; margin:0 2px 0 0; background-image: url(/img/icon-social-capital.png?v=19876); background-repeat: no-repeat; background-position: 0 50%;} .b-icon-scapital-first {background-position: -17px 50%;} .b-popup-outer {position: relative; padding: 1px; background: #b0d2c0; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; z-index: 100;} .b-popup-inner {padding: 10px; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} .b-popup div, .b-popup strong, .b-popup label {color: #f4f7f5;}

INSTALLATION
(1) Apply any Smooth Sailing theme. Make sure the page set up is 2 Column (sidebar on left) or else the sidebar won't show. Set the ads to vertical. (2) Display → Navigation Strip color: Light gray. (3) Entry Text → Format for Date and Time: %%dd%% %%mm%% %%yy%% (4) Sidebar → Ordering: Free Text, Links, Latest Month, Tags. (5) Custom CSS → Set all drop-down boxes to No and paste the code.
NOTES AND CREDITS
→ Don't redistribute or claim as your own. → Credit is nice. → Tiny icons by pinvoke.com → Preview icon by me at blissful_garden

IX. Away

lu_hesperia — Mon, 22 Apr 2013 11:49:47 GMT

( STATIC ) ( LIVE )

IX. AWAY
→ S2 Flexible Squares → Basic, plus and paid; ad placement vertical. → Features custom comment pages and topbar. → Title, subtitle and everything in the sidebar except for the blurb, the default userpic and the link list (and the tag list in the three column version) is disabled. → This is a horizontal version of the Faded layout.
PREVIEW AND CODE
Two column: (Static) (Live) /- 009 Away two column ver. Layout by lu_hesperia at ourhappyhours.livejournal.com Tiny icons by pinvoke.com -/ body {background:#f6f6f6 url(http://i.imgur.com/hpNrnI6.png) repeat-x scroll; color:#dedede; font-family: Cambria, Georgia, serif; font-size: 12px; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in;} ::selection {background-color:#888; color:#dbdbdb;} ::-moz-selection {background-color:#888; color:#dbdbdb;} a, a:link, a:visited {color:#cbcbcb; text-decoration: none; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in;} a:hover {color:#dedede; text-decoration: none; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in;} p, td {} blockquote {padding: 8px 10px; border: 1px dashed #dedede;} code, kbd, pre, tt {font-family: 'Monospace', monospace; font-size: 11px;} code:hover {background:#dedede; color:#f6f6f6;} strong, b {} h2 {font-size: 0px;} img {-webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s;} img:hover {-webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; -webkit-filter: opacity(0.90) grayscale(0.75) contrast(0.95) ; -moz-filter: opacity(0.90) grayscale(0.75) contrast(0.95); -o-filter: opacity(0.90) grayscale(0.75) contrast(0.95); -ms-filter: opacity(0.90) grayscale(0.75) contrast(0.95); filter: opacity(0.90) grayscale(0.75) contrast(0.95);} #content {width: 864px; margin-left: auto; margin-right: auto; margin-top: 12px;} #maincontent {margin-top: 30px;} #sidebar {margin:10px; height: 122px; text-align: justify; font-size:12px; font-style:italic; overflow: hidden;} .sbarheader {padding: 0px 5px 0px 5px;} #sidebar_linklist.sbarbody {height: 122px; float: left; width: 250px; overflow-y: scroll; padding-right: 10px;} #sidebar_summary.sbarbody {display:none;} #sidebar_tags.sbarbody {display:none;} .defaultuserpic {float:left; padding:10px; background-color:#666; border:1px dashed #888; margin-left: 20px;} .sbarbody2 {float: left; margin-left: 20px; width: 410px; height: 122px; padding-right: 10px; overflow-y: scroll;} .sbarbody2 a {font-size:12px;} .sbarbody2 img {max-width:375px;} #sidebar a, #sidebar a:link, #sidebar a:visited {} #sidebar a:hover {} table.calendar {display:none;} .sbarcalendar {display:none;} .sbarcalendarposts {display:none;} ul.sbarlist {list-style:none; padding:0px!important; margin: 0px!important;} li.sbaritem {font-size: 10px; background-color: #666; text-align: right; text-transform:uppercase; margin-bottom:4px; padding:2px 3px; border-bottom:1px dashed #888; letter-spacing: 2px; font-style: normal;} li.sbaritem a, li.sbaritem a:link, li.sbaritem a:visited {color: #cbcbcb;} li.sbaritem a:hover {color: #dedede;} li.sbaritem:hover {background-color: transparent;} li.sbartitle {display:none;} #header {display:none;} .subcontent {width: 410px; float:left; background-color: #fff; margin:10px; border:1px dashed;} .entry {padding:0px 10px 10px 10px; color: #999; text-align: justify;} .entry_text {} .entry_text img {max-width: 568px;} .userpic, .userpicfriends {position: relative; float: left; background-color: #fff!important; color:#f4f4f4; padding: 10px 10px 5px 10px; margin:0px; text-align: center; font-size: 10px; z-index: 15;} .userpic img, .userpicfriends img {width: 80px; height: 80px;} .userpic, .userpicfriends a {} .userpicfriends font {color:#cbcbcb;} div.userpic a, div.userpic a:link, div.userpic a:visited, div.userpicfriends a, div.userpicfriends a:link, div.userpicfriends a:visited {color:#cbcbcb;} .date {text-transform: uppercase; font-size:10px; text-align: center; margin-top:-1px;} .subject {text-transform: lowercase; font-size:17px; text-align: center; line-height: 1; padding-bottom: 5px; padding-top: 1px; border-bottom: 1px dashed;} .subject a, .subject a:link, .subject a:visited, .subject a:hover {color: #cbcbcb;} .datesubject {padding: 8px 10px;} .entry ul li {margin-left: -24px;} .entry ol li {margin-left: -10px;} .ljtags {margin-top: 10px; text-align: left; font-size: 11px; line-height: 1.1;} .currents a, currents a:link, .currents a:visited, .currents a:hover {color:#cbcbcb;} .currents {text-transform:capitalize; color:#cbcbcb; font-size:11px; line-height: 1.1;} .currents strong, .currentmood strong, .currentgroups strong, .currentlocation strong, .currentmusic strong {color:#999; font-weight:normal;} .comments {margin-top: 10px; border-top: 1px dashed #dedede; padding-top: 5px; font-size: 10px; text-transform: uppercase; text-align: center; color: transparent;} .comments a, .comments a:link, .comments a:visited, .comments a:hover {color:#dedede;} .separator {height: 0px;} #footer {margin: -5px 10px; text-align: center; font-size: 12px; text-transform: uppercase; padding: 2px 1px 3px 1px; background-color: #444; border-bottom: 1px dashed #888; letter-spacing: 2px;} ul.navfooter {padding: 0px; margin: 0px;} ul.navfooter li {display: inline; margin: 0 5px 0 5px;} .clearfoot {clear: both;} #footer .viewing {display:none;} ul.year {text-align: center; font-size: 18px; padding: 30px 0px 20px; color: #bbb;} ul.year li {display: inline;} table.yeartable {background-color: #fff; padding: 15px; width: 410px; border: 1px dashed #dedede; margin: 0px auto; color: #bbb;} table.yeartable td.yeardate, table.yeartable td.yearday {text-align: center; background-color: #fff;} table.yeartable td.yearday {background-color: #fff; text-align: center;} td.yeardate a {font-size:13px;} td.yearmonth {border-style: none;} .ljtaglist {list-style-type:none; padding: 15px; background-color: #fff; border: 1px dashed #dedede; margin: 10px; font-style: italic; color: #bbb;} .ljtaglist a, ljtaglist a:link, ljtaglist a:visited {text-transform: uppercase; font-style: normal;} input#subject.textbox {background-color: #fff;} textarea#body.textbox {background-color: #fff;} textarea#commenttext.textbox {background-color: #fff;} div#qrformdiv {padding-bottom:15px} .userpiccomment {width: 70px; height: 70px; padding: 7px; border:1px dashed; z-index: 15; float: left; margin: 0 10px 10px 0; background-color:#fff;} .box {width: 410px; margin: 10px; margin-top: -14px; float: right;} .datesubjectcomment {text-transform:uppercase; font-size:10px;} input, textarea {background-color: #fff; color: #999; font-size: 10px; border: 1px dashed #dedede;} textarea.textbox {width: 100% !important;} .commentreply {position: relative; margin: 10px 0px; text-align: justify; color: #999;} .commentreply img {max-width:100%;} .commentbox {margin-top: 10px; min-height: 90px;} .skiplinks {text-align: center; color: transparent; text-transform: uppercase; font-size: 10px; margin: 0px 10px 0px 10px; width: 410px;} .clear {height: 0px;} form#qrform table {border-width: 0px !important; } img[src="icon_protected.gif"], img[src="icon_private.gif"], img[src="icon_groups.gif"], img[src="icon_sticky.png"], .ljuser img[src="syndicated.gif"], .ljuser img[src="newsinfo.gif"], .ljuser img[src="partnercomm.gif"], .ljuser img[src="sponcomm.gif"] , img[src="btn_del.gif"], img[src="btn_edit.gif"], img[src="btn_spam.gif"], img[src="btn_scr.gif"], img[src="btn_unscr.gif"], img[src="btn_freeze.gif"], img[src="btn_unfreeze.gif"], img[src="btn_track.gif"], img[src="btn_tracking.gif"], img[src="btn_tracking_thread.gif"] , img[src="anonymous.gif"], img[src="openid-profile.gif"], img[src="userinfo.gif"], img[src="talk/none.gif"], img[src="help.gif"], img[src="pencil.gif"] {height: 0px; width: 0px; padding: 0 0 16px 16px !important; background: transparent none no-repeat scroll 0 0; } .subject img {vertical-align: middle !important;} img[src="icon_protected.gif"]{background-image: url(http://i.imgur.com/1pkIxw8.png);} img[src="icon_private.gif"]{background-image: url(http://i.imgur.com/faoeIgT.png);} img[src="icon_groups.gif"]{background-image: url(http://i.imgur.com/i4V7S0x.png);} img[src="icon_sticky.png"]{background-image: url(http://i.imgur.com/FLp83.png);} .ljuser img[src="syndicated.gif"]{background-image: url(http://i.imgur.com/VW920.png) !important;} .ljuser img[src="newsinfo.gif"] {background-image: url(http://i.imgur.com/r6EzA.png) !important;} .ljuser img[src="partnercomm.gif"]{background-image: url(http://i.imgur.com/cJzp8.png) !important;} .ljuser img[src="sponcomm.gif"] {background-image: url(http://i.imgur.com/zupNZ.png) !important;} img[src="btn_unspam.gif"]{background-image: url(http://i.imgur.com/wuJqY.png);} img[src="btn_spam.gif"]{background-image: url(http://i.imgur.com/o63uw.png);} img[src="btn_del.gif"]{background-image: url(http://i.imgur.com/Eci4Q.png);} img[src="btn_scr.gif"] {background-image: url(http://i.imgur.com/IW1FR.png);} img[src="btn_unscr.gif"] {background-image: url(http://i.imgur.com/aVYvC.png);} img[src="btn_freeze.gif"] {background-image: url(http://i.imgur.com/7KTc8.png);} img[src="btn_unfreeze.gif"] {background-image: url(http://i.imgur.com/80cia.png);} img[src="btn_track.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="btn_tracking.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="btn_tracking_thread.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="anonymous.gif"] {background-image: url(http://i.imgur.com/pOnEG.png);} img[src="openid-profile.gif"] {background-image: url(http://i.imgur.com/J4DG0.png);} img[src="userinfo.gif"] {background-image: url(http://i.imgur.com/0phq8.png);} img[src="talk/none.gif"] {background-image: url(http://i.imgur.com/zKR7h.png);} img[src="help.gif"] {background-image: url(http://i.imgur.com/W4MKd.png);} img[src="pencil.gif"],img[src="btn_edit.gif"] {background-image: url(http://i.imgur.com/AQfq6.png);} span.i-ljuser img[src="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://l-stat.livejournal.com/img/userinfo.gif?v=94.3) no-repeat !important; padding: 0 0 0 0 !important;} span.i-ljuser img[src="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://l-stat.livejournal.com/img/userinfo.gif?v=94.3) no-repeat !important; padding: 0 0 0 0 !important;} span.i-ljuser img[src="http://l-files.livejournal.net/userhead/671?v=1330508626"], span.i-ljuser img[src="http://l-files.livejournal.net/userhead/639?v=1328103978"], span.i-ljuser img[src="http://l-files.livejournal.net/userhead/464?v=1320668402"] {width: 0 !important; height: 0 !important; background: transparent url(http://l-stat.livejournal.com/img/userinfo.gif?v=94.3) no-repeat !important; padding: 0 0 0 0 !important;} span.ljuser, span.ljuser a {text-transform:capitalize;} .w-cs {font-family: Cambria, Georgia, serif!important; background:#f6f6f6; color:#444444; min-height:50px; text-transform: lowercase; font-size: 11px;} .w-cs .w-cs-userinfo {font-family: Cambria, Georgia, serif!important; background:#f6f6f6; border color:#444444; color:#111; border:0px;} .w-cs .w-cs-summary li.w-cs-i-tokens {font-family: Cambria, Georgia, serif!important; border:0px;} .w-cs a:link, .w-cs a:visited, .w-cs a:active {color: #cbcbcb !important; font-family: Cambria, Georgia, serif!important;} .w-cs a:hover {color:#dedede !important; font-family: Cambria, Georgia, serif!important;} .w-cs .ljuser a:link, .w-cs .ljuser a:visited, .w-cs .ljuser a:active, .w-cs .ljuser a:link b, .w-cs .ljuser a:visited b, .w-cs .ljuser a:active b {font-size: 12px !important; text-transform: none; font-family: Cambria, Georgia, serif!important; color: #cbcbcb!important;} .w-cs .ljuser a:hover, .w-cs .ljuser a:hover b {} .w-cs-user-controls .w-cs-status p {color:#cbcbcb !important; letter-spacing: 0px; font-family: Cambria, Georgia, serif!important; font-size: 12px;} .w-cs .w-cs-summary {background:transparent!important; color:transparent!important} .w-cs .w-cs-search .w-cs-text {width: 150px; background-color:#dedede!important; border-right: 25px solid #dedede;} .w-cs .w-cs-text {background-color: #dedede!important;} .w-cs .w-cs-search-inner {display:none;} .w-cs FORM.w-cs-login .note {color: #cbcbcb;} .w-cs .w-cs-menu li {padding-left:0px!important; background: none!important;} .w-cs .w-cs-menu li.w-cs-i-home a, .w-cs .w-cs-menu li.w-cs-i-post a, .w-cs .w-cs-menu li.w-cs-i-friends a, .w-cs .w-cs-menu li.w-cs-i-account a, .w-cs .w-cs-menu li.w-cs-i-faq a, .w-cs .w-cs-menu li.w-cs-i-recent a, .w-cs .w-cs-menu li.w-cs-i-entries a, .w-cs .w-cs-menu li.w-cs-i-invite a, .w-cs .w-cs-menu li.w-cs-i-add a, .w-cs .w-cs-menu li.w-cs-i-leave a, .w-cs .w-cs-menu li.w-cs-i-watch a, .w-cs .w-cs-menu li.w-cs-i-unwatch a, .w-cs .w-cs-menu li.w-cs-i-directory a, .w-cs .w-cs-menu li.w-cs-i-invites a, .w-cs .w-cs-menu li.w-cs-i-members a, .w-cs .w-cs-menu li.w-cs-i-members a.i-invites, .w-cs .w-cs-menu li.w-cs-i-catalogue a, .w-cs .w-cs-menu li.w-cs-i-edit a, .w-cs .w-cs-menu li.w-cs-i-manage a, .w-cs .w-cs-menu li.w-cs-i-gift a, .w-cs .w-cs-menu li.w-cs-i-tags a, .w-cs .w-cs-menu li.w-cs-i-message a, .w-cs .w-cs-menu li.w-cs-i-groups a, .w-cs .w-cs-menu li.w-cs-i-calendar a, .w-cs .w-cs-menu li.w-cs-i-friendsfriends a, .w-cs .w-cs-menu li.w-cs-i-like a, .w-cs .w-cs-menu li.w-cs-i-share a {padding-left:0px; font-family: Cambria, Georgia, serif!important;} ::-webkit-scrollbar {width:10px; height:10px;} ::-webkit-scrollbar-track-piece {background-color:#555;} ::-webkit-scrollbar-thumb {background-color:#777;} ::-webkit-scrollbar-thumb:hover {background-color:#dedede;} ::-webkit-scrollbar-corner {background-color:#eaeaea;} .b-popup-contextual .i-popup-arrtl, .b-popup-contextual .i-popup-arrbl {display:none;} .b-popup-contextual .i-popup-arrtr, .b-popup-contextual .i-popup-arrbr {display:none;} .b-contextualhover {min-width:150px; width: auto; min-height: 44px; margin-left: 0px; color: #cbcbcb; text-align: justify; font-size: 11px!important; font-family: Cambria, Georgia, serif; line-height: 1.25;} .b-contextualhover, .b-contextualhover div, .b-contextualhover p, .b-contextualhover ul, .b-contextualhover ol, .b-contextualhover li, .b-contextualhover label, .b-contextualhover img, .b-contextualhover span, .b-contextualhover h3, .b-contextualhover input {padding: 0; margin: 0; color: #cbcbcb; font-size:11px!important;} .b-contextualhover img {border: none;} .b-contextualhover a:link, .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration: none !important; color: #999 !important; background: none;} .b-contextualhover a:hover, .b-contextualhover a:active, .b-contextualhover a:focus {border-bottom: 0 !important; text-decoration: none !important; color: #dedede !important;} .s-lanzelot .b-contextualhover a:link, .s-lanzelot .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration: none !important; color: #999 !important;} .s-lanzelot .b-contextualhover a:hover, .s-lanzelot .b-contextualhover a:active, .s-lanzelot .b-contextualhover a:focus {border-bottom: 0 !important; text-decoration: none !important; color: #dedede !important;} .index-page .b-contextualhover a:link, .index-page .b-contextualhover a:visited, .index-page .b-contextualhover a:hover, .index-page .b-contextualhover a:active, .index-page .b-contextualhover a:focus {color: #dedede !important;} .b-contextualhover .alias-unavailable a:link, .b-contextualhover .alias-unavailable a:visited {color: #999 !important;} .b-contextualhover .alias-unavailable a:hover, .b-contextualhover .alias-unavailable a:active, .b-contextualhover .alias-unavailable A:focus {color: #dedede !important; text-decoration:none!important;} .b-contextualhover p {margin-bottom: 3px; font-size: 11px; line-height: 1.25;} .b-contextualhover .input-checkbox {margin-right: 2px; vertical-align: middle;} .b-contextualhover .b-contextualhover-section {overflow: hidden; padding: 0px;} .b-contextualhover .b-contextualhover-side {} .b-contextualhover .b-contextualhover-userpic {} .b-contextualhover .b-contextualhover-userpic a, .b-contextualhover .b-contextualhover-userpic a:hover {border: none !important;} .b-contextualhover .b-contextualhover-userpic img {width: 50px; height: 50px;} .b-contextualhover .b-contextualhover-title {padding-bottom: 0px;} .b-contextualhover .b-contextualhover-title a:hover {text-decoration: none !important;} .b-contextualhover .b-contextualhover-title h3 {color: #cbcbcb; font-family: Cambria, Georgia, serif; margin-bottom: 2px; font-weight: normal; font-style: normal; font-size: 11px; line-height: 1.25;} .b-contextualhover .b-contextualhover-options {margin: 0; padding: 1px 0; border-top: 0px; list-style: none;} .b-contextualhover .b-contextualhover-options li {margin-bottom: 0px; line-height: 1.25; font-size: 11px!important;} .b-contextualhover .b-contextualhover-options li a:hover {text-decoration: none !important;} .b-contextualhover .b-contextualhover-param {line-height: 18px; margin:0 0 6px;} .b-contextualhover .b-contextualhover-param-item {list-style: none;} .b-contextualhover-param-item .b-icon-scapital {margin:0 2px 0 0;} .b-icon-scapital {float: left; width: 16px; height: 16px; margin:0 2px 0 0; background-image: url(/img/icon-social-capital.png?v=19876); background-repeat: no-repeat; background-position: 0 50%;} .b-icon-scapital-first {background-position: -17px 50%;} .b-popup-outer {position: relative; background: #fff; border: 1px dashed #dedede; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; z-index: 100;} .b-popup-inner {padding: 10px; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} .b-popup div, .b-popup strong, .b-popup label {color: #999;}	Three column: (Static) (Live)/- 009 Away three column ver. Layout by lu_hesperia at ourhappyhours.livejournal.com Tiny icons by pinvoke.com -/ body {background:#f6f6f6 url() repeat fixed; color:#dedede; font-family: Cambria, Georgia, serif; font-size: 11px; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in;} ::selection {background-color:#888; color:#dbdbdb;} ::-moz-selection {background-color:#888; color:#dbdbdb;} a, a:link, a:visited {color:#cbcbcb; text-decoration: none; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in;} a:hover {color:#dedede; text-decoration: none; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in;} p, td {} blockquote {padding: 8px 10px; border: 1px dotted #dedede;} code, kbd, pre, tt {font-family: 'Monospace', monospace; font-size: 11px;} code:hover {background:#dedede; color:#f6f6f6;} strong, b {} h2 {font-size:0px;} img {-webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s;} img:hover {-webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; -webkit-filter: opacity(0.90) grayscale(0.75) contrast(0.95) ; -moz-filter: opacity(0.90) grayscale(0.75) contrast(0.95); -o-filter: opacity(0.90) grayscale(0.75) contrast(0.95); -ms-filter: opacity(0.90) grayscale(0.75) contrast(0.95); filter: opacity(0.90) grayscale(0.75) contrast(0.95);} #content {width: 1041px; margin-left: auto; margin-right: auto; margin-top: 30px;} #maincontent {margin-top: 30px;} #sidebar {margin:10px; height: 122px; text-align: justify; font-size:12px; font-style:italic; overflow: hidden;} .sbarheader {padding: 0px 5px 0px 5px;} #sidebar_linklist.sbarbody {height: 122px; float: left; width: 200px; overflow-y: scroll; padding-right: 10px;} #sidebar_summary.sbarbody {display:none;} #sidebar_tags.sbarbody {height: 122px; float: left; width: 234px; padding-right: 10px; overflow-y: scroll; padding right: 10px; margin-left:20px;} .defaultuserpic {float:left; padding:10px; background-color:#fff; border:1px dotted #dedede; margin-left: 20px;} .sbarbody2 {float: left; margin-left: 20px; width: 375px; height: 122px; padding-right: 10px; overflow-y: scroll;} .sbarbody2 a {font-size:12px;} .sbarbody2 img {max-width:375px;} #sidebar a, #sidebar a:link, #sidebar a:visited {} #sidebar a:hover {} table.calendar {display:none;} .sbarcalendar {display:none;} .sbarcalendarposts {display:none;} li.tagcloud {line-height: 0.90; padding-bottom:10px;} ul.sbarlist {list-style:none; padding:0px!important; margin: 0px!important;} li.sbaritem {font-size: 10px; background-color: #fff; text-align: right; text-transform:uppercase; margin-bottom:4px; padding:2px 3px; border-bottom:1px dotted #dedede; letter-spacing: 2px; font-style: normal;} li.sbaritem a, li.sbaritem a:link, li.sbaritem a:visited {color: #cbcbcb;} li.sbaritem a:hover {color: #dedede;} li.sbaritem:hover {background-color: transparent;} li.sbartitle {display:none;} #header {display:none;} .subcontent {width: 326px; float:left; background-color: #fff; margin:10px} .entry {padding:5px 10px 10px 10px; color: #999; text-align: justify;} .entry_text {} .entry_text img {max-width: 306px;} .userpic, .userpicfriends {position: relative; float: left; background-color: #fff!important; color:#f4f4f4; padding: 10px 10px 5px 10px; margin:0px; text-align: center; font-size: 0px; z-index: 15;} .userpic img, .userpicfriends img {width: 50px; height: 50px;} .userpic, .userpicfriends a {display:none;} .userpicfriends font {color:#cbcbcb;} div.userpic a, div.userpic a:link, div.userpic a:visited, div.userpicfriends a, div.userpicfriends a:link, div.userpicfriends a:visited {color:#cbcbcb;} .date {text-transform: uppercase; font-size:10px; text-align: center; margin-top:-1px;} .subject {text-transform: lowercase; font-size:15px; text-align: center; line-height: 1.1; padding-bottom: 5px; padding-top: 1px; border-bottom: 1px dotted;} .subject a, .subject a:link, .subject a:visited, .subject a:hover {color: #cbcbcb;} .datesubject {padding: 10px; padding-bottom: 0px; min-height: 50px;} .entry ul li {margin-left: -24px;} .entry ol li {margin-left: -12px;} .ljtags {margin-top: 10px; text-align: left; font-size: 11px; line-height: 1.1;} .currents a, currents a:link, .currents a:visited, .currents a:hover {color:#cbcbcb;} .currents {text-transform:capitalize; color:#cbcbcb; font-size:11px; line-height: 1.1;} .currents strong, .currentmood strong, .currentgroups strong, .currentlocation strong, .currentmusic strong {color:#999; font-weight:normal;} .comments {margin-top: 10px; border-top: 1px dotted #dedede; padding-top: 5px; font-size: 10px; text-transform: uppercase; text-align: center; color: transparent;} .comments a, .comments a:link, .comments a:visited, .comments a:hover {color:#dedede;} .separator {height: 0px;} #footer {margin: 15px 10px; text-align: center; font-size: 12px; text-transform: uppercase; padding: 2px 1px 3px 1px; background-color: #fff; border-bottom: 1px dotted #dedede; letter-spacing: 2px;} ul.navfooter {padding: 0px; margin: 0px;} ul.navfooter li {display: inline; margin: 0 5px 0 5px;} .clearfoot {clear: both;} #footer .viewing {display:none;} ul.year {text-align: center; font-size: 18px; padding: 10px 0px 25px; margin: 0px; color: #bbb;} ul.year li {display: inline;} table.yeartable {width: 550px; background-color: #fff; padding: 15px; color: #bbb; margin: 0px auto;} table.yeartable td.yeardate, table.yeartable td.yearday {text-align: center; background-color: #fff;} table.yeartable td.yearday {background-color: #fff;text-align: center;} td.yeardate a {font-size: 12px;} td.yearmonth {border-style: none;} .ljtaglist {list-style-type: none; padding: 15px; background-color: #fff; width: 520px; margin: 10px auto; color: #bbb;} .ljtaglist a, ljtaglist a:link, ljtaglist a:visited {} input#subject.textbox {background-color: #fff;} textarea#body.textbox {background-color: #fff;} textarea#commenttext.textbox {background-color: #fff;} div#qrformdiv {padding-bottom:15px} .userpiccomment {width: 75px; height: 75px; padding: 7px; border:1px dotted; z-index: 15; float: left; margin: 0 10px 10px 0; background-color:#fff;} .box {width: 660px; margin: 10px; margin-top: -12px; float: right;} .datesubjectcomment {text-transform:uppercase; font-size:10px;} input, textarea {background-color: #fff; color: #999; font-size: 10px; border: 1px dotted #dedede;} textarea.textbox {width: 100% !important;} .commentreply {position: relative; margin: 10px 0px; text-align: justify; color: #999;} .commentreply img {max-width:100%;} .commentbox {margin-top: 10px; min-height: 96px;} .skiplinks {text-align: center; color: transparent; text-transform: uppercase; font-size: 10px; margin: -10px 10px 0px 10px; width: 326px;} .clear {height: 0px;} form#qrform table {border-width: 0px !important; } img[src="icon_protected.gif"], img[src="icon_private.gif"], img[src="icon_groups.gif"], img[src="icon_sticky.png"], .ljuser img[src="syndicated.gif"], .ljuser img[src="newsinfo.gif"], .ljuser img[src="partnercomm.gif"], .ljuser img[src="sponcomm.gif"] , img[src="btn_del.gif"], img[src="btn_edit.gif"], img[src="btn_spam.gif"], img[src="btn_scr.gif"], img[src="btn_unscr.gif"], img[src="btn_freeze.gif"], img[src="btn_unfreeze.gif"], img[src="btn_track.gif"], img[src="btn_tracking.gif"], img[src="btn_tracking_thread.gif"] , img[src="anonymous.gif"], img[src="openid-profile.gif"], img[src="userinfo.gif"], img[src="talk/none.gif"], img[src="help.gif"], img[src="pencil.gif"] {height: 0px; width: 0px; padding: 0 0 16px 16px !important; background: transparent none no-repeat scroll 0 0; } .subject img {vertical-align: middle !important;} img[src="icon_protected.gif"]{background-image: url(http://i.imgur.com/1pkIxw8.png);} img[src="icon_private.gif"]{background-image: url(http://i.imgur.com/faoeIgT.png);} img[src="icon_groups.gif"]{background-image: url(http://i.imgur.com/i4V7S0x.png);} img[src="icon_sticky.png"]{background-image: url(http://i.imgur.com/FLp83.png);} .ljuser img[src="syndicated.gif"]{background-image: url(http://i.imgur.com/VW920.png) !important;} .ljuser img[src="newsinfo.gif"] {background-image: url(http://i.imgur.com/r6EzA.png) !important;} .ljuser img[src="partnercomm.gif"]{background-image: url(http://i.imgur.com/cJzp8.png) !important;} .ljuser img[src="sponcomm.gif"] {background-image: url(http://i.imgur.com/zupNZ.png) !important;} img[src="btn_unspam.gif"]{background-image: url(http://i.imgur.com/wuJqY.png);} img[src="btn_spam.gif"]{background-image: url(http://i.imgur.com/o63uw.png);} img[src="btn_del.gif"]{background-image: url(http://i.imgur.com/Eci4Q.png);} img[src="btn_scr.gif"] {background-image: url(http://i.imgur.com/IW1FR.png);} img[src="btn_unscr.gif"] {background-image: url(http://i.imgur.com/aVYvC.png);} img[src="btn_freeze.gif"] {background-image: url(http://i.imgur.com/7KTc8.png);} img[src="btn_unfreeze.gif"] {background-image: url(http://i.imgur.com/80cia.png);} img[src="btn_track.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="btn_tracking.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="btn_tracking_thread.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="anonymous.gif"] {background-image: url(http://i.imgur.com/pOnEG.png);} img[src="openid-profile.gif"] {background-image: url(http://i.imgur.com/J4DG0.png);} img[src="userinfo.gif"] {background-image: url(http://i.imgur.com/0phq8.png);} img[src="talk/none.gif"] {background-image: url(http://i.imgur.com/zKR7h.png);} img[src="help.gif"] {background-image: url(http://i.imgur.com/W4MKd.png);} img[src="pencil.gif"],img[src="btn_edit.gif"] {background-image: url(http://i.imgur.com/AQfq6.png);} span.i-ljuser img[src="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://l-stat.livejournal.com/img/userinfo.gif?v=94.3) no-repeat !important; padding: 0 0 0 0 !important;} span.i-ljuser img[src="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://l-stat.livejournal.com/img/userinfo.gif?v=94.3) no-repeat !important; padding: 0 0 0 0 !important;} span.i-ljuser img[src="http://l-files.livejournal.net/userhead/671?v=1330508626"], span.i-ljuser img[src="http://l-files.livejournal.net/userhead/639?v=1328103978"], span.i-ljuser img[src="http://l-files.livejournal.net/userhead/464?v=1320668402"] {width: 0 !important; height: 0 !important; background: transparent url(http://l-stat.livejournal.com/img/userinfo.gif?v=94.3) no-repeat !important; padding: 0 0 0 0 !important;} span.ljuser, span.ljuser a {text-transform:capitalize;} .w-cs {font-family: Cambria, Georgia, serif!important; background:#f6f6f6; color:#444444; min-height:50px; text-transform: lowercase; font-size: 11px;} .w-cs .w-cs-userinfo {font-family: Cambria, Georgia, serif!important; background:#f6f6f6; border color:#444444; color:#111; border:0px;} .w-cs .w-cs-summary li.w-cs-i-tokens {font-family: Cambria, Georgia, serif!important; border:0px;} .w-cs a:link, .w-cs a:visited, .w-cs a:active {color: #cbcbcb !important; font-family: Cambria, Georgia, serif!important;} .w-cs a:hover {color:#dedede !important; font-family: Cambria, Georgia, serif!important;} .w-cs .ljuser a:link, .w-cs .ljuser a:visited, .w-cs .ljuser a:active, .w-cs .ljuser a:link b, .w-cs .ljuser a:visited b, .w-cs .ljuser a:active b {font-size: 12px !important; text-transform: none; font-family: Cambria, Georgia, serif!important; color: #cbcbcb!important;} .w-cs .ljuser a:hover, .w-cs .ljuser a:hover b {} .w-cs-user-controls .w-cs-status p {color:#cbcbcb !important; letter-spacing: 0px; font-family: Cambria, Georgia, serif!important; font-size: 12px;} .w-cs .w-cs-summary {background:transparent!important; color:transparent!important} .w-cs .w-cs-search .w-cs-text {width: 150px; background-color:#dedede!important; border-right: 25px solid #dedede;} .w-cs .w-cs-text {background-color: #dedede!important;} .w-cs .w-cs-search-inner {display:none;} .w-cs FORM.w-cs-login .note {color: #cbcbcb;} .w-cs .w-cs-menu li {padding-left:0px!important; background: none!important;} .w-cs .w-cs-menu li.w-cs-i-home a, .w-cs .w-cs-menu li.w-cs-i-post a, .w-cs .w-cs-menu li.w-cs-i-friends a, .w-cs .w-cs-menu li.w-cs-i-account a, .w-cs .w-cs-menu li.w-cs-i-faq a, .w-cs .w-cs-menu li.w-cs-i-recent a, .w-cs .w-cs-menu li.w-cs-i-entries a, .w-cs .w-cs-menu li.w-cs-i-invite a, .w-cs .w-cs-menu li.w-cs-i-add a, .w-cs .w-cs-menu li.w-cs-i-leave a, .w-cs .w-cs-menu li.w-cs-i-watch a, .w-cs .w-cs-menu li.w-cs-i-unwatch a, .w-cs .w-cs-menu li.w-cs-i-directory a, .w-cs .w-cs-menu li.w-cs-i-invites a, .w-cs .w-cs-menu li.w-cs-i-members a, .w-cs .w-cs-menu li.w-cs-i-members a.i-invites, .w-cs .w-cs-menu li.w-cs-i-catalogue a, .w-cs .w-cs-menu li.w-cs-i-edit a, .w-cs .w-cs-menu li.w-cs-i-manage a, .w-cs .w-cs-menu li.w-cs-i-gift a, .w-cs .w-cs-menu li.w-cs-i-tags a, .w-cs .w-cs-menu li.w-cs-i-message a, .w-cs .w-cs-menu li.w-cs-i-groups a, .w-cs .w-cs-menu li.w-cs-i-calendar a, .w-cs .w-cs-menu li.w-cs-i-friendsfriends a, .w-cs .w-cs-menu li.w-cs-i-like a, .w-cs .w-cs-menu li.w-cs-i-share a {padding-left:0px; font-family: Cambria, Georgia, serif!important;} ::-webkit-scrollbar {width:10px; height:10px;} ::-webkit-scrollbar-track-piece {background-color:#f6f6f6;} ::-webkit-scrollbar-thumb {background-color:#dedede;} ::-webkit-scrollbar-thumb:hover {background-color:#fff;} ::-webkit-scrollbar-corner {background-color:#eaeaea;} .b-popup-contextual .i-popup-arrtl, .b-popup-contextual .i-popup-arrbl {display:none;} .b-popup-contextual .i-popup-arrtr, .b-popup-contextual .i-popup-arrbr {display:none;} .b-contextualhover {min-width:150px; width: auto; min-height: 44px; margin-left: 0px; color: #cbcbcb; text-align: justify; font-size: 11px!important; font-family: Cambria, Georgia, serif; line-height: 1.25;} .b-contextualhover, .b-contextualhover div, .b-contextualhover p, .b-contextualhover ul, .b-contextualhover ol, .b-contextualhover li, .b-contextualhover label, .b-contextualhover img, .b-contextualhover span, .b-contextualhover h3, .b-contextualhover input {padding: 0; margin: 0; color: #cbcbcb; font-size:11px!important;} .b-contextualhover img {border: none;} .b-contextualhover a:link, .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration: none !important; color: #999 !important; background: none;} .b-contextualhover a:hover, .b-contextualhover a:active, .b-contextualhover a:focus {border-bottom: 0 !important; text-decoration: none !important; color: #dedede !important;} .s-lanzelot .b-contextualhover a:link, .s-lanzelot .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration: none !important; color: #999 !important;} .s-lanzelot .b-contextualhover a:hover, .s-lanzelot .b-contextualhover a:active, .s-lanzelot .b-contextualhover a:focus {border-bottom: 0 !important; text-decoration: none !important; color: #dedede !important;} .index-page .b-contextualhover a:link, .index-page .b-contextualhover a:visited, .index-page .b-contextualhover a:hover, .index-page .b-contextualhover a:active, .index-page .b-contextualhover a:focus {color: #dedede !important;} .b-contextualhover .alias-unavailable a:link, .b-contextualhover .alias-unavailable a:visited {color: #999 !important;} .b-contextualhover .alias-unavailable a:hover, .b-contextualhover .alias-unavailable a:active, .b-contextualhover .alias-unavailable A:focus {color: #dedede !important; text-decoration:none!important;} .b-contextualhover p {margin-bottom: 3px; font-size: 11px; line-height: 1.25;} .b-contextualhover .input-checkbox {margin-right: 2px; vertical-align: middle;} .b-contextualhover .b-contextualhover-section {overflow: hidden; padding: 0px;} .b-contextualhover .b-contextualhover-side {} .b-contextualhover .b-contextualhover-userpic {} .b-contextualhover .b-contextualhover-userpic a, .b-contextualhover .b-contextualhover-userpic a:hover {border: none !important;} .b-contextualhover .b-contextualhover-userpic img {width: 50px; height: 50px;} .b-contextualhover .b-contextualhover-title {padding-bottom: 0px;} .b-contextualhover .b-contextualhover-title a:hover {text-decoration: none !important;} .b-contextualhover .b-contextualhover-title h3 {color: #cbcbcb; font-family: Cambria, Georgia, serif; margin-bottom: 2px; font-weight: normal; font-style: normal; font-size: 11px; line-height: 1.25;} .b-contextualhover .b-contextualhover-options {margin: 0; padding: 1px 0; border-top: 0px; list-style: none;} .b-contextualhover .b-contextualhover-options li {margin-bottom: 0px; line-height: 1.25; font-size: 11px!important;} .b-contextualhover .b-contextualhover-options li a:hover {text-decoration: none !important;} .b-contextualhover .b-contextualhover-param {line-height: 18px; margin:0 0 6px;} .b-contextualhover .b-contextualhover-param-item {list-style: none;} .b-contextualhover-param-item .b-icon-scapital {margin:0 2px 0 0;} .b-icon-scapital {float: left; width: 16px; height: 16px; margin:0 2px 0 0; background-image: url(/img/icon-social-capital.png?v=19876); background-repeat: no-repeat; background-position: 0 50%;} .b-icon-scapital-first {background-position: -17px 50%;} .b-popup-outer {position: relative; background: #fff; border: 1px dotted #dedede; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; z-index: 100;} .b-popup-inner {padding: 10px; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} .b-popup div, .b-popup strong, .b-popup label {color: #999;}

INSTALLATION
(1) Apply any Flexible Squares theme. Make sure the page set up is either 2 Column (sidebar on left) or 2 Column (sidebar on right). Set the ads to vertical. (2) Display → Navigation Strip color: Light gray. Number of journal entries: 2 for the two column version and 3 for the three column version. (3) Text → There you can edit your comments text so that they look like in the preview. (4) Sidebar → Ordering: Link List, Blurb, Default Userpic for the two column version and Link List, Blurb, Default Userpic, Tags for the three column version. (5) Custom CSS → Set all drop-down boxes to No and paste the code.
NOTES AND CREDITS
→ Don't redistribute or claim as your own. → Credit is nice. → Tiny icons by pinvoke.com → Preview icon by adrastea at twinstrikeish

VIII. The Wood Cafe

lu_hesperia — Thu, 21 Mar 2013 20:30:38 GMT

( STATIC ) ( LIVE )

VIII. THE WOOD CAFE
→ S2 Flexible Squares → Basic, plus and paid; ad placement between entries or vertical. → Features custom comment pages, navigation and sidebar. → Title, subtitle and everything in the sidebar except for the blurb and the link list is disabled. → The navigation will look better if there are just four links. Please, remove the web page link and use the link list instead.
PREVIEW AND CODE
(Static) (Live) /- 008 The Wood Cafe Layout by lu_hesperia at ourhappyhours.livejournal.com Tiny icons by pinvoke.com -/ body {margin:20px 0 20px 0; background:#e3c28d url(http://i.imgur.com/IXv1w.png) repeat fixed; color:#895639; font-family: "Consolas", "Arial"; font-size:11px; text-align: justify;} ::selection {background-color:#976e40; color:#f9f7f4;} ::-moz-selection {background-color:#976e40; color:#f9f7f4;} a, a:link, a:visited {color:#d0a95d; text-decoration: none;} a:hover {color:#976e40; text-decoration: none;} p, td {} blockquote {padding:10px; border:1px dashed #dab176;} code, kbd, pre, tt {font-family: 'Monospace', monospace;} code:hover {} strong, b {} h2 {display:none;} #content {width:1015px; margin-left: auto; margin-right: auto;} #maincontent {width:630px; float:left; color:#895639; margin-bottom:55px;} #header {width:300px; position:fixed; overflow:hidden; display:inline; margin-top:-4px; margin-left:720px; color:#f9f7f4; z-index:100;} ul.navheader {width:300px; list-style: none; margin: 0; padding: 0;} ul.navheader li {display:inline;} ul.navheader li {width:65px; position:relative; overflow:hidden; display:block; float:left; margin:5px; padding: 8px 0px; background-color: #e1c293; color:#f9f7f4; text-align:center; text-transform:uppercase; border-bottom: 1px dashed #dab176;} ul.navheader li a {color:#f9f7f4;} ul.navheader li a:hover {color:#f9f7f4;} ul.navheader li:hover {background: transparent; border: 0px;} .title, .subtitle {display:none;} #sidebar {width: 100%; height:100%; position:fixed; float: right; margin-left:680px; padding:0px; top:0px; background: transparent url(http://i.imgur.com/muBT7.png) repeat fixed; color:#fbf9f5; text-align: center; border-left:25px solid #dab176; z-index:1;} .sbarbody {width: 290px; margin-top: 17px; margin-left: 20px;} .sbarbody2 {width: 270px; margin-top: 101px; margin-left: 20px; padding: 10px; background-color: #e1c293; text-align: justify;} .sbarbody2 img {max-width:270px;} div#sidebar a, div#sidebar a:link, div#sidebar a:visited {color:#fbf9f5;} div#sidebar a:hover {text-decoration: none;} div#sidebar_calendar.sbarbody {display:none;} div#sidebar_tags.sbarbody {display:none;} div#sidebar_summary.sbarbody {display:none;} div#sidebar_linklist.sbarbody {} ul.sbarlist {list-style: none; padding:0px;} li.sbaritem {display: inline-block; padding:3px 3px 2px 3px;} li.sbaritem a, li.sbaritem a:link, li.sbaritem a:visited {float:right; padding: 4px 8px; background-color: #e1c293; color:#f9f7f4!important; text-align: center; text-transform: uppercase; border: 1px dashed #dab176; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} li.sbaritem a:hover {padding: 4px 15px; background: transparent url(http://i.imgur.com/np50B.png); color: #976e40!important; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} li.sbartitle {display:none;} li.sbarblank {height:10px;} .subcontent {background:transparent url(http://i.imgur.com/muBT7.png) repeat fixed; width:630px; float:left; margin-top:30px;} .entry {background-color: transparent; text-align: justify; border: 1px dashed #dab176; border-top-width: 0px;} .entry_text img {max-width: 480px;} .entry_text {min-height: 140px; margin-left:119px; padding: 15px; background-color:#fbf9f5;} .entry_text img {-webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} .entry_text img:hover {filter: alpha(opacity=85); opacity: .85; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} .userpic, .userpicfriends {position: relative; float: left; margin: 39px -120px 0 0px; padding: 0px; background-color: transparent!important; color:transparent; font-size: 10px; text-align: center; z-index: 15;} .userpic img, .userpicfriends img {padding:10px; background:#dab176; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} .userpic img:hover, .userpicfriends img:hover {filter: alpha(opacity=75); opacity: .75; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} .userpicfriends font {color:#a77e4d;} div.userpic a, div.userpic a:link, div.userpic a:visited, div.userpicfriends a, div.userpicfriends a:link, div.userpicfriends a:visited {color:#a77e4d;} div.userpic a:hover, div.userpicfriends a:hover {color:#a77e4d;} .date {width:90px; padding: 12px 15px 12px 14px; background-color:#e1c293; color:#feefe3; font-size:10px; text-align: left; letter-spacing:1px; line-height:0.7; text-transform:uppercase; } .subject {margin-left:120px; margin-top:-39px; color:#f9f7f4; padding:10px; font-size:16px; text-transform:uppercase;} .subject a, .subject a:link, .subject a:visited {color:#f9f7f4;} .datesubject {padding:0px; background-color: transparent; border:1px dashed #dab176; border-bottom-width:0px;} .entry ul li {margin-left:-24px;} .entry ol li {margin-left:-10px;} div.ljtags a {font-weight: normal;} .currents a, currents a:link, .currents a:visited, .currents a:hover {color:#ad8451;} .currents {margin-left: 119px; padding: 10px; text-align: right;} .currentmood, .currentmusic, .currentgroups, .currentlocation {color:#ad8451; font-size:10px; background-color: transparent; text-transform: lowercase; background: transparent none no-repeat scroll 0 50%; border-bottom:1px solid #d0a95d;} .currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong {display:none;} .ljtags {margin-top:12px; color: #ad8451; font-size:10px; text-align: left; line-height:1; text-transform: uppercase;} .comments {width:120px; position: relative; margin:-29px 0px 0px 0px; padding-bottom:5px; color: transparent; font-family:georgia; font-size:8px; text-align: center;} div.comments a, div.comments a:link, div.comments a:visited {color: #ad8451; font-size:20px; text-align: center; letter-spacing:5px;} div.comments a:hover {color:#ad8451;} .separator {height:30px;} .defaultuserpic {display:none;} #footer {width: 290px; padding-left: 725px; position: fixed; bottom:20px; text-align: center; z-index:200;} #footer a {color:#ad8451; font-size:36px; } ul.navfooter {display: inline; margin: 0; padding: 0;} ul.navfooter li {display: inline; margin:0 5px 0 0; padding:4px 15px; background: transparent; font-family:georgia; text-transform: uppercase;} #footer .viewing {display:none;} ul.year {background-color: #e1c293; color: #feefe3; font-size: 16px; text-align: center; border: 1px dashed #dab176; margin-bottom: 39px; margin-top: 30px; padding: 10px 0px;} ul.year li {display: inline;} table.yeartable {padding: 15px 150px; background: transparent url(http://i.imgur.com/muBT7.png) repeat fixed; border: 1px dashed #dab176; width: 630px;} table.yeartable td.yeardate, table.yeartable td.yearday {background: transparent url(http://i.imgur.com/np50B.png); text-align: center;} table.yeartable td.yearday {background: transparent url(http://i.imgur.com/np50B.png); text-align: center;} td.yearmonth {border-style: none;} .ljtaglist {list-style-type: none; margin-top:0px; margin-left: auto; margin-right: auto; padding: 15px; background: transparent url(http://i.imgur.com/muBT7.png) repeat fixed; color:#d0a95d; text-transform: uppercase; border: 1px dashed #dab176; margin-top: 30px;} .ljtaglist a, ljtaglist a:link, ljtaglist a:visited {color:#ad8451;} .ljtaglist a:hover {color:#ad8451;} input#subject.textbox {background-color:#fbf9f5;} textarea#body.textbox {background-color:#fbf9f5;} textarea#commenttext.textbox {background-color:#fbf9f5;} div#qrformdiv {padding-bottom:15px} .userpiccomment {width:80px; height:80px; position: relative; float: left; margin:-3px 6px 0px -1px; padding: 8px; background:#dab176; z-index: 15; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} .userpiccomment:hover {filter: alpha(opacity=75); opacity: .75; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} .box {clear: left; margin-bottom:20px; padding:10px; background:transparent url(http://i.imgur.com/muBT7.png); border:1px dashed #dab176;} div#comments.box {padding: 10px 0 0 0;} .datesubjectcomment {margin-right:-10px; padding:3px 0; background-color:#e1c293; color:#feefe3;} .datesubjectcomment a, .datesubjectcomment a:link, .datesubjectcomment a:visited {color:#f9f7f4;} .datesubjectcomment a:hover {color:#f9f7f4;} input, textarea {background-color:#fbf9f5!important; color:#895639; font-family: "Consolas", "Arial"; border:0px;} textarea.textbox {width:100%!important;} .reply {} .replytosubject {} .commentreply {position: relative; margin:10px 0px 10px 105px; text-align: justify;} .commentreply img {max-width:100%;} .commentbox {padding-right:10px; min-height: 110px;} .commentboxpartial {margin:10px; padding:10px;} .commentinfo {width: 100%; margin-top:10px;} .skiplinks {margin: 12px 0 -24px 0; color:transparent; font-size:10px; text-align:center; text-transform:uppercase;} div.skiplinks a, div.skiplinks a:link, div.skiplinks a:visited {color:#a77e4d;} div.skiplinks a:hover {color:#a77e4d;} .clear {height: 0px;} form#qrform table {border-width: 0px !important;} img[src="icon_protected.gif"], img[src="icon_private.gif"], img[src="icon_groups.gif"], img[src="icon_sticky.png"], .ljuser img[src="syndicated.gif"], .ljuser img[src="newsinfo.gif"], .ljuser img[src="partnercomm.gif"], .ljuser img[src="sponcomm.gif"] , img[src="btn_del.gif"], img[src="btn_edit.gif"], img[src="btn_spam.gif"], img[src="btn_scr.gif"], img[src="btn_unscr.gif"], img[src="btn_freeze.gif"], img[src="btn_unfreeze.gif"], img[src="btn_track.gif"], img[src="btn_tracking.gif"], img[src="btn_tracking_thread.gif"] , img[src="anonymous.gif"], img[src="openid-profile.gif"], img[src="userinfo.gif"], img[src="talk/none.gif"], img[src="help.gif"], img[src="pencil.gif"] {height:0px; width:0px; padding:0 0 16px 16px!important; background: transparent none no-repeat scroll 0 0;} .subject img {vertical-align: middle!important;} img[src="icon_protected.gif"]{background-image: url(http://i.imgur.com/rkWgU.png);} img[src="icon_private.gif"]{background-image: url(http://i.imgur.com/mNHdJ.png);} img[src="icon_groups.gif"]{background-image: url(http://i.imgur.com/KgjGQ.png);} img[src="icon_sticky.png"]{background-image: url(http://i.imgur.com/FLp83.png);} .ljuser img[src="syndicated.gif"]{background-image: url(http://i.imgur.com/VW920.png) !important;} .ljuser img[src="newsinfo.gif"] {background-image: url(http://i.imgur.com/r6EzA.png) !important;} .ljuser img[src="partnercomm.gif"]{background-image: url(http://i.imgur.com/cJzp8.png) !important;} .ljuser img[src="sponcomm.gif"] {background-image: url(http://i.imgur.com/zupNZ.png) !important;} img[src="btn_unspam.gif"]{background-image: url(http://i.imgur.com/wuJqY.png);} img[src="btn_spam.gif"]{background-image: url(http://i.imgur.com/o63uw.png);} img[src="btn_del.gif"]{background-image: url(http://i.imgur.com/Eci4Q.png);} img[src="btn_scr.gif"] {background-image: url(http://i.imgur.com/IW1FR.png);} img[src="btn_unscr.gif"] {background-image: url(http://i.imgur.com/aVYvC.png);} img[src="btn_freeze.gif"] {background-image: url(http://i.imgur.com/7KTc8.png);} img[src="btn_unfreeze.gif"] {background-image: url(http://i.imgur.com/80cia.png);} img[src="btn_track.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="btn_tracking.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="btn_tracking_thread.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="anonymous.gif"] {background-image: url(http://i.imgur.com/pOnEG.png);} img[src="openid-profile.gif"] {background-image: url(http://i.imgur.com/J4DG0.png);} img[src="userinfo.gif"] {background-image: url(http://i.imgur.com/bBufM.png);} img[src="talk/none.gif"] {background-image: url(http://i.imgur.com/zKR7h.png);} img[src="help.gif"] {background-image: url(http://i.imgur.com/W4MKd.png);} img[src="pencil.gif"],img[src="btn_edit.gif"] {background-image: url(http://i.imgur.com/AQfq6.png);} span.i-ljuser img[src="img/userinfo.gif"] {width:0!important; height:0!important; background: transparent url(http://i.imgur.com/bBufM.png) no-repeat !important; padding:16px 0 0 16px!important;} span.i-ljuser img[src*="img/community.gif"] {width:0!important; height:0!important; background: transparent url(http://i.imgur.com/vgWXO.png) no-repeat !important; padding:16px 0 0 16px!important;} span.ljuser a {font-family: 'Consolas', monospace;} .w-cs {background: transparent url(http://i.imgur.com/muBT7.png) repeat fixed!important; color:#fbf9f5; font-size:11px; text-transform: lowercase; border-bottom: 1px dashed #dab176;} .w-cs .w-cs-userinfo {background-color: transparent!important; color:#fbf9f5; border:0px;} .w-cs .w-cs-summary li.w-cs-i-tokens {border:0px;} .w-cs a:link, .w-cs a:visited, .w-cs a:active {color:#fbf9f5!important;} .w-cs .ljuser a:link, .w-cs .ljuser a:visited, .w-cs .ljuser a:active, .w-cs .ljuser a:link b, .w-cs .ljuser a:visited b, .w-cs .ljuser a:active b {color:#fbf9f5!important; font-family: "Consolas", "Arial"!important; font-size: 12px !important; font-weight: normal !important; text-transform: none;} .w-cs .ljuser a:hover, .w-cs .ljuser a:hover b {color:#fbf9f5!important;} .w-cs a:hover {color:#fbf9f5!important} .w-cs .w-cs-summary {background-color: transparent!important;} .w-cs-user-controls .w-cs-status p {color:#fbf9f5!important; letter-spacing: 0px; font-family: "Consolas", "Arial", sans-serif; font-size: 11px;} .w-cs .w-cs-summary {background:transparent!important; color:transparent!important} .w-cs .w-cs-search .w-cs-text {width: 150px; background-color:#dfbe8c!important; color:#f9f7f4!important; border-right: 25px solid #dfbe8c;} .w-cs .w-cs-text {background-color:#dfbe8c!important; color:#f9f7f4!important;} .w-cs .w-cs-search-inner {display:none;} .w-cs FORM.w-cs-login .note {font-size: 10px;} .w-cs .w-cs-menu li {padding-left:0px!important; background: none!important;} .w-cs .w-cs-menu li.w-cs-i-home a, .w-cs .w-cs-menu li.w-cs-i-post a, .w-cs .w-cs-menu li.w-cs-i-friends a, .w-cs .w-cs-menu li.w-cs-i-account a, .w-cs .w-cs-menu li.w-cs-i-faq a, .w-cs .w-cs-menu li.w-cs-i-recent a, .w-cs .w-cs-menu li.w-cs-i-entries a, .w-cs .w-cs-menu li.w-cs-i-invite a, .w-cs .w-cs-menu li.w-cs-i-add a, .w-cs .w-cs-menu li.w-cs-i-leave a, .w-cs .w-cs-menu li.w-cs-i-watch a, .w-cs .w-cs-menu li.w-cs-i-unwatch a, .w-cs .w-cs-menu li.w-cs-i-directory a, .w-cs .w-cs-menu li.w-cs-i-invites a, .w-cs .w-cs-menu li.w-cs-i-members a, .w-cs .w-cs-menu li.w-cs-i-members a.i-invites, .w-cs .w-cs-menu li.w-cs-i-catalogue a, .w-cs .w-cs-menu li.w-cs-i-edit a, .w-cs .w-cs-menu li.w-cs-i-manage a, .w-cs .w-cs-menu li.w-cs-i-gift a, .w-cs .w-cs-menu li.w-cs-i-tags a, .w-cs .w-cs-menu li.w-cs-i-message a, .w-cs .w-cs-menu li.w-cs-i-groups a, .w-cs .w-cs-menu li.w-cs-i-calendar a, .w-cs .w-cs-menu li.w-cs-i-friendsfriends a, .w-cs .w-cs-menu li.w-cs-i-like a, .w-cs .w-cs-menu li.w-cs-i-share a {padding-left:0px;} .w-cs .w-cs-filter .w-cs-filter-icon {padding-left:0px!important; background:none!important;} ::-webkit-scrollbar {width:10px; height:10px;} ::-webkit-scrollbar-track-piece {background-color:#dab176;} ::-webkit-scrollbar-thumb {background-color:#dfbe8c;} ::-webkit-scrollbar-thumb:hover {background-color:#e1c293;} ::-webkit-scrollbar-corner {background-color:#dfbe8c;} .b-popup-contextual .i-popup-arrtl, .b-popup-contextual .i-popup-arrbl {display:none;} .b-popup-contextual .i-popup-arrtr, .b-popup-contextual .i-popup-arrbr {display:none;} .b-contextualhover {min-width:150px; width: auto; min-height: 38px; margin-left: 0px; color: #feefe3; text-align: justify; font-size: 11px!important; font-family: "Consolas", "Arial"; line-height: 1.25;} .b-contextualhover, .b-contextualhover div, .b-contextualhover p, .b-contextualhover ul, .b-contextualhover ol, .b-contextualhover li, .b-contextualhover label, .b-contextualhover img, .b-contextualhover span, .b-contextualhover h3, .b-contextualhover input {padding: 0; margin: 0; color: #feefe3; font-size:11px!important;} .b-contextualhover img {border: none;} .b-contextualhover a:link, .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration: none !important; color: #f9f7f4 !important; background: none;} .b-contextualhover a:hover, .b-contextualhover a:active, .b-contextualhover a:focus {border-bottom: 0 !important; text-decoration: none !important; color: #fff !important;} .s-lanzelot .b-contextualhover a:link, .s-lanzelot .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration: none !important; color: #f9f7f4 !important;} .s-lanzelot .b-contextualhover a:hover, .s-lanzelot .b-contextualhover a:active, .s-lanzelot .b-contextualhover a:focus {border-bottom: 0 !important; text-decoration: none !important; color: #fff !important;} .index-page .b-contextualhover a:link, .index-page .b-contextualhover a:visited, .index-page .b-contextualhover a:hover, .index-page .b-contextualhover a:active, .index-page .b-contextualhover a:focus {color: #fff !important;} .b-contextualhover .alias-unavailable a:link, .b-contextualhover .alias-unavailable a:visited {color: #f9f7f4 !important;} .b-contextualhover .alias-unavailable a:hover, .b-contextualhover .alias-unavailable a:active, .b-contextualhover .alias-unavailable A:focus {color: #fff !important; text-decoration:none!important;} .b-contextualhover p {margin-bottom: 3px; font-size: 11px; line-height: 1.25;} .b-contextualhover .input-checkbox {margin-right: 2px; vertical-align: middle;} .b-contextualhover .b-contextualhover-section {overflow: hidden; padding: 0px;} .b-contextualhover .b-contextualhover-side {margin: -11px -66px 0 0; height: 0px; float: right; width: 60px;} .b-contextualhover .b-contextualhover-userpic {float: right; width: 55px; height: 55px; text-align: right;} .b-contextualhover .b-contextualhover-userpic a, .b-contextualhover .b-contextualhover-userpic a:hover {border: none !important;} .b-contextualhover .b-contextualhover-userpic img {max-width: 50px; max-height: 50px; border: 5px solid #dab176;} .b-contextualhover .b-contextualhover-title {padding-bottom: 0px;} .b-contextualhover .b-contextualhover-title a:hover {text-decoration: none !important;} .b-contextualhover .b-contextualhover-title h3 {color: #feefe3; font-family: "Consolas", "Arial"; margin-bottom: 2px; font-weight: normal; font-style: normal; font-size: 11px; line-height: 1.25;} .b-contextualhover .b-contextualhover-options {margin: 0; padding: 1px 0; border-top: 0px; list-style: none;} .b-contextualhover .b-contextualhover-options li {margin-bottom: 0px; line-height: 1.25; font-size: 11px!important;} .b-contextualhover .b-contextualhover-options li a:hover {text-decoration: none !important;} .b-contextualhover .b-contextualhover-param {line-height: 18px; margin:0 0 6px;} .b-contextualhover .b-contextualhover-param-item {list-style: none;} .b-contextualhover-param-item .b-icon-scapital {margin:0 2px 0 0;} .b-icon-scapital {float: left; width: 16px; height: 16px; margin:0 2px 0 0; background-image: url(/img/icon-social-capital.png?v=19876); background-repeat: no-repeat; background-position: 0 50%;} .b-icon-scapital-first {background-position: -17px 50%;} .b-popup-outer {position: relative; padding: 1px; background: #e1c293; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; z-index: 100;} .b-popup-inner {padding: 10px; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} .b-popup div, .b-popup strong, .b-popup label {color: #f9f7f4;}

INSTALLATION
(1) Apply any Flexible Squares theme. Make sure the page set up is either 2 Column (sidebar on left) or 2 Column (sidebar on right). Set the ads to vertical or between entries. (2) Display → Navigation Strip color: Light gray. (3) Text → There you can edit your comments text so that they look like in the preview. (4) Sidebar → Ordering: Blurb and Link List. (5) Custom CSS → Set all drop-down boxes to No and paste the code.
NOTES AND CREDITS
→ Don't redistribute or claim as your own. → Credit is nice. → Tiny icons by pinvoke.com → Preview icon by wayfares at camaderie

ourhappyhours is now one year old! Thanks to all of you who are watching the comm <3 And you have any suggestions, please leave them here.

VII. Faded

lu_hesperia — Thu, 21 Feb 2013 17:03:48 GMT

( STATIC ) ( LIVE )

VII. FADED
→ S2 Flexible Squares → Basic, plus and paid; ad placement between entries or vertical. → Features custom comment pages, title and sidebar. → Navigation and everything in the sidebar except for the blurb, the link list and the default userpic is disabled. → Only the first five links will be visible.
PREVIEW AND CODE
Wide version: (Static) (Live) /- 007 Faded wide ver. Layout by lu_hesperia at ourhappyhours.livejournal.com Tiny icons by pinvoke.com -/ body {background:#f6f6f6 url() repeat fixed; color:#dedede; font-family: Cambria, Georgia, serif; font-size: 12px;} ::selection {background-color:#888; color:#dbdbdb;} ::-moz-selection {background-color:#888; color:#dbdbdb;} a, a:link, a:visited {color:#cbcbcb; text-decoration: none; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} a:hover {color:#dedede; text-decoration: none; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} p, td {} blockquote {padding: 8px 12px; border-left: 2px solid #dedede; border-right: 2px solid #dedede; background:#f6f6f6;} code, kbd, pre, tt {font-family: 'Monospace', monospace; font-size: 11px;} code:hover {background:#dedede; color:#f6f6f6;} strong, b {} h2 {display:none;} img {-webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s;} img:hover {-webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; -webkit-filter: opacity(0.90) grayscale(0.75) contrast(0.95) ; -moz-filter: opacity(0.90) grayscale(0.75) contrast(0.95); -o-filter: opacity(0.90) grayscale(0.75) contrast(0.95); -ms-filter: opacity(0.90) grayscale(0.75) contrast(0.95); filter: opacity(0.90) grayscale(0.75) contrast(0.95);} #content {width: 1055px; margin-left: auto; margin-right: auto; margin-top: 30px;} #maincontent {width:600px; margin-left:290px;} #sidebar {margin-left:15px; padding-top: 50px; position:fixed; width: 225px; float: left; text-align: justify; font-size:11px; font-style:italic;} .sbarheader {padding: 0px 5px 0px 5px;} #sidebar_linklist.sbarbody {height: 108px; overflow:hidden;} #sidebar_summary.sbarbody {display:none;} .sbarbody2 {margin-top: 50px; border-top: 1px solid; padding-top: 5px; padding-bottom: 10px;} .sbarbody2 a {} .sbarbody2 img {max-width:225px;} #sidebar a, #sidebar a:link, #sidebar a:visited {} #sidebar a:hover {} table.calendar {display:none;} .sbarcalendar {display:none;} .sbarcalendarposts {display:none;} li.tagcloud {line-height: 0.90; padding-bottom:10px;} ul.sbarlist {list-style:none; padding:0px!important;} li.sbaritem {font-size: 10px; background-color: #fff; text-align: right; text-transform:uppercase; margin-top:3px; padding:2px 3px; border-bottom:1px solid #dedede; letter-spacing: 2px; font-style: normal;} li.sbaritem a, li.sbaritem a:link, li.sbaritem a:visited {color: #cbcbcb;} li.sbaritem a:hover {color: #dedede;} li.sbaritem:hover {background-color: transparent;} li.sbartitle {display:none;} #header {position: fixed; margin-top:172px; margin-left:15px;} .navheader {display:none;} .title {font-family: georgia; color: #fff; font-size: 25px; text-shadow: 1px 1px #dedede; font-style: italic; text-transform: lowercase; width:180px; height:30px; overflow:hidden;} .subtitle {display:none;} .subcontent {border: 1px solid; background-color: #fff;} .entry {padding: 15px; color: #999; text-align: justify;} .entry_text {min-height: 28px;} .entry_text img {max-width: 568px;} .userpic, .userpicfriends {position: relative; float: right; background-color: transparent!important; color:#f4f4f4; padding: 0px; margin: 10px -150px 0 0px; text-align: center; font-size: 10px; z-index: 15;} .userpic img, .userpicfriends img {background:#dedede; padding:10px;} .userpicfriends font {color:#cbcbcb;} div.userpic a, div.userpic a:link, div.userpic a:visited, div.userpicfriends a, div.userpicfriends a:link, div.userpicfriends a:visited {color:#cbcbcb;} .date {text-transform: uppercase; font-size:9px; text-align: center;} .subject {text-transform: lowercase; font-size:18px; text-align: center; line-height: 1; padding-bottom: 5px; border-bottom: 1px solid;} .subject:hover {background-color: #f6f6f6;} .subject a, .subject a:link, .subject a:visited, .subject a:hover {color: #cbcbcb;} .datesubject {padding: 15px; padding-bottom: 0px;} .entry ul li {margin-left: -24px;} .entry ol li {margin-left: -10px;} .ljtags {margin-top: 12px; text-align: left; font-size: 11px; line-height: 1.1;} .currents a, currents a:link, .currents a:visited, .currents a:hover {color:#cbcbcb;} .currents {text-transform:capitalize; color:#cbcbcb; font-size:11px; line-height: 1.1;} .currents strong, .currentmood strong, .currentgroups strong, .currentlocation strong, .currentmusic strong {color:#999; font-weight:normal;} .comments {margin-top: 15px; border-top: 1px solid #dedede; padding-top: 5px; font-size: 9px; text-transform: uppercase; text-align: center; color: transparent;} .comments a, .comments a:link, .comments a:visited, .comments a:hover {color:#dedede;} .separator {height: 40px;} .defaultuserpic {float:left; margin:-110px 0 0 0; padding:10px; background-color:#fff; border:1px solid #dedede;} #footer {margin-left: 201px; text-align: right; font-family: georgia; top: 250px; font-size: 36px; position: fixed; text-transform: lowercase; width: 42px; z-index: 999;} ul.navfooter {padding: 0px; margin: 0px; display: inline-table;} ul.navfooter li {display: inline;} .clearfoot {clear: both;} #footer .viewing {display:none;} ul.year {text-align: center; font-size: 18px; color: #bbb; padding: 0px 0px 10px;} ul.year li {display: inline;} table.yeartable {background-color: #fff; width: 600px; padding: 15px; border: 1px solid #dedede; color: #bbb;} table.yeartable td.yeardate, table.yeartable td.yearday {text-align: center; background-color: #fff;} table.yeartable td.yearday {background-color: #fff;text-align: center;} td.yearmonth {border-style: none;} .ljtaglist {font-size: 11px; list-style-type:none; padding: 15px; text-transform: uppercase; background-color: #fff; border: 1px solid; letter-spacing: 1px;} .ljtaglist a, ljtaglist a:link, ljtaglist a:visited {} input#subject.textbox {background-color: #fff;} textarea#body.textbox {background-color: #fff;} textarea#commenttext.textbox {background-color: #fff;} div#qrformdiv {padding-bottom:15px} .userpiccomment {width: 80px; height: 80px; padding: 8px; border:1px solid; z-index: 15; float: left; margin: 0 15px 10px 0;} .box {padding: 0px; clear: left;} .datesubjectcomment {text-transform:uppercase; font-size:10px;} input, textarea {background-color: #fff; color: #999; font-size: 11px; border: 1px solid #dedede;} textarea.textbox {width: 100% !important;} .commentreply {position: relative; margin: 15px 0px; text-align: justify; color: #999;} .commentreply img {max-width:100%;} .commentbox {padding: 15px; margin: 15px 0; background-color: #fff; border: 1px solid; min-height: 98px;} .skiplinks {text-align:center; color:transparent; text-transform:uppercase; font-size:10px; margin: -10px 0 10px;} .clear {height: 0px;} form#qrform table {border-width: 0px !important; } img[src="icon_protected.gif"], img[src="icon_private.gif"], img[src="icon_groups.gif"], img[src="icon_sticky.png"], .ljuser img[src="syndicated.gif"], .ljuser img[src="newsinfo.gif"], .ljuser img[src="partnercomm.gif"], .ljuser img[src="sponcomm.gif"] , img[src="btn_del.gif"], img[src="btn_edit.gif"], img[src="btn_spam.gif"], img[src="btn_scr.gif"], img[src="btn_unscr.gif"], img[src="btn_freeze.gif"], img[src="btn_unfreeze.gif"], img[src="btn_track.gif"], img[src="btn_tracking.gif"], img[src="btn_tracking_thread.gif"] , img[src="anonymous.gif"], img[src="openid-profile.gif"], img[src="userinfo.gif"], img[src="talk/none.gif"], img[src="help.gif"], img[src="pencil.gif"] {height: 0px; width: 0px; padding: 0 0 16px 16px !important; background: transparent none no-repeat scroll 0 0; } .subject img {vertical-align: middle !important;} img[src="icon_protected.gif"]{background-image: url(http://i.imgur.com/1pkIxw8.png);} img[src="icon_private.gif"]{background-image: url(http://i.imgur.com/faoeIgT.png);} img[src="icon_groups.gif"]{background-image: url(http://i.imgur.com/i4V7S0x.png);} img[src="icon_sticky.png"]{background-image: url(http://i.imgur.com/FLp83.png);} .ljuser img[src="syndicated.gif"]{background-image: url(http://i.imgur.com/VW920.png) !important;} .ljuser img[src="newsinfo.gif"] {background-image: url(http://i.imgur.com/r6EzA.png) !important;} .ljuser img[src="partnercomm.gif"]{background-image: url(http://i.imgur.com/cJzp8.png) !important;} .ljuser img[src="sponcomm.gif"] {background-image: url(http://i.imgur.com/zupNZ.png) !important;} img[src="btn_unspam.gif"]{background-image: url(http://i.imgur.com/wuJqY.png);} img[src="btn_spam.gif"]{background-image: url(http://i.imgur.com/o63uw.png);} img[src="btn_del.gif"]{background-image: url(http://i.imgur.com/Eci4Q.png);} img[src="btn_scr.gif"] {background-image: url(http://i.imgur.com/IW1FR.png);} img[src="btn_unscr.gif"] {background-image: url(http://i.imgur.com/aVYvC.png);} img[src="btn_freeze.gif"] {background-image: url(http://i.imgur.com/7KTc8.png);} img[src="btn_unfreeze.gif"] {background-image: url(http://i.imgur.com/80cia.png);} img[src="btn_track.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="btn_tracking.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="btn_tracking_thread.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="anonymous.gif"] {background-image: url(http://i.imgur.com/pOnEG.png);} img[src="openid-profile.gif"] {background-image: url(http://i.imgur.com/J4DG0.png);} img[src="userinfo.gif"] {background-image: url(http://i.imgur.com/0phq8.png);} img[src="talk/none.gif"] {background-image: url(http://i.imgur.com/zKR7h.png);} img[src="help.gif"] {background-image: url(http://i.imgur.com/W4MKd.png);} img[src="pencil.gif"],img[src="btn_edit.gif"] {background-image: url(http://i.imgur.com/AQfq6.png);} span.i-ljuser img[src="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://l-stat.livejournal.com/img/userinfo.gif?v=94.3) no-repeat !important; padding: 0 0 0 0 !important;} span.i-ljuser img[src="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://l-stat.livejournal.com/img/userinfo.gif?v=94.3) no-repeat !important; padding: 0 0 0 0 !important;} span.i-ljuser img[src="http://l-files.livejournal.net/userhead/671?v=1330508626"], span.i-ljuser img[src="http://l-files.livejournal.net/userhead/639?v=1328103978"], span.i-ljuser img[src="http://l-files.livejournal.net/userhead/464?v=1320668402"] {width: 0 !important; height: 0 !important; background: transparent url(http://l-stat.livejournal.com/img/userinfo.gif?v=94.3) no-repeat !important; padding: 0 0 0 0 !important;} span.ljuser, span.ljuser a {text-transform:capitalize;} .w-cs {font-family: Cambria, Georgia, serif!important; background:#f6f6f6; color:#444444; min-height:50px; text-transform: lowercase; font-size: 11px;} .w-cs .w-cs-userinfo {font-family: Cambria, Georgia, serif!important; background:#f6f6f6; border color:#444444; color:#111; border:0px;} .w-cs .w-cs-summary li.w-cs-i-tokens {font-family: Cambria, Georgia, serif!important; border:0px;} .w-cs a:link, .w-cs a:visited, .w-cs a:active {color: #cbcbcb !important; font-family: Cambria, Georgia, serif!important;} .w-cs a:hover {color:#dedede !important; font-family: Cambria, Georgia, serif!important;} .w-cs .ljuser a:link, .w-cs .ljuser a:visited, .w-cs .ljuser a:active, .w-cs .ljuser a:link b, .w-cs .ljuser a:visited b, .w-cs .ljuser a:active b {font-size: 12px !important; text-transform: none; font-family: Cambria, Georgia, serif!important; color: #cbcbcb!important;} .w-cs .ljuser a:hover, .w-cs .ljuser a:hover b {} .w-cs-user-controls .w-cs-status p {color:#cbcbcb !important; letter-spacing: 0px; font-family: Cambria, Georgia, serif!important; font-size: 12px;} .w-cs .w-cs-summary {background:transparent!important; color:transparent!important} .w-cs .w-cs-search .w-cs-text {width: 150px; background-color:#dedede!important; border-right: 25px solid #dedede;} .w-cs .w-cs-text {background-color: #dedede!important;} .w-cs .w-cs-search-inner {display:none;} .w-cs FORM.w-cs-login .note {color: #cbcbcb;} .w-cs .w-cs-menu li {padding-left:0px!important; background: none!important;} .w-cs .w-cs-menu li.w-cs-i-home a, .w-cs .w-cs-menu li.w-cs-i-post a, .w-cs .w-cs-menu li.w-cs-i-friends a, .w-cs .w-cs-menu li.w-cs-i-account a, .w-cs .w-cs-menu li.w-cs-i-faq a, .w-cs .w-cs-menu li.w-cs-i-recent a, .w-cs .w-cs-menu li.w-cs-i-entries a, .w-cs .w-cs-menu li.w-cs-i-invite a, .w-cs .w-cs-menu li.w-cs-i-add a, .w-cs .w-cs-menu li.w-cs-i-leave a, .w-cs .w-cs-menu li.w-cs-i-watch a, .w-cs .w-cs-menu li.w-cs-i-unwatch a, .w-cs .w-cs-menu li.w-cs-i-directory a, .w-cs .w-cs-menu li.w-cs-i-invites a, .w-cs .w-cs-menu li.w-cs-i-members a, .w-cs .w-cs-menu li.w-cs-i-members a.i-invites, .w-cs .w-cs-menu li.w-cs-i-catalogue a, .w-cs .w-cs-menu li.w-cs-i-edit a, .w-cs .w-cs-menu li.w-cs-i-manage a, .w-cs .w-cs-menu li.w-cs-i-gift a, .w-cs .w-cs-menu li.w-cs-i-tags a, .w-cs .w-cs-menu li.w-cs-i-message a, .w-cs .w-cs-menu li.w-cs-i-groups a, .w-cs .w-cs-menu li.w-cs-i-calendar a, .w-cs .w-cs-menu li.w-cs-i-friendsfriends a, .w-cs .w-cs-menu li.w-cs-i-like a, .w-cs .w-cs-menu li.w-cs-i-share a {padding-left:0px; font-family: Cambria, Georgia, serif!important;} ::-webkit-scrollbar {width:10px; height:10px;} ::-webkit-scrollbar-track-piece {background-color:#f6f6f6;} ::-webkit-scrollbar-thumb {background-color:#dedede;} ::-webkit-scrollbar-thumb:hover {background-color:#fff;} ::-webkit-scrollbar-corner {background-color:#eaeaea;} .b-popup-contextual .i-popup-arrtl, .b-popup-contextual .i-popup-arrbl {display:none;} .b-popup-contextual .i-popup-arrtr, .b-popup-contextual .i-popup-arrbr {display:none;} .b-contextualhover {min-width:150px; width: auto; min-height: 44px; margin-left: 0px; color: #cbcbcb; text-align: justify; font-size: 11px!important; font-family: Cambria, Georgia, serif; line-height: 1.25;} .b-contextualhover, .b-contextualhover div, .b-contextualhover p, .b-contextualhover ul, .b-contextualhover ol, .b-contextualhover li, .b-contextualhover label, .b-contextualhover img, .b-contextualhover span, .b-contextualhover h3, .b-contextualhover input {padding: 0; margin: 0; color: #cbcbcb; font-size:11px!important;} .b-contextualhover img {border: none;} .b-contextualhover a:link, .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration: none !important; color: #999 !important; background: none;} .b-contextualhover a:hover, .b-contextualhover a:active, .b-contextualhover a:focus {border-bottom: 0 !important; text-decoration: none !important; color: #dedede !important;} .s-lanzelot .b-contextualhover a:link, .s-lanzelot .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration: none !important; color: #999 !important;} .s-lanzelot .b-contextualhover a:hover, .s-lanzelot .b-contextualhover a:active, .s-lanzelot .b-contextualhover a:focus {border-bottom: 0 !important; text-decoration: none !important; color: #dedede !important;} .index-page .b-contextualhover a:link, .index-page .b-contextualhover a:visited, .index-page .b-contextualhover a:hover, .index-page .b-contextualhover a:active, .index-page .b-contextualhover a:focus {color: #dedede !important;} .b-contextualhover .alias-unavailable a:link, .b-contextualhover .alias-unavailable a:visited {color: #999 !important;} .b-contextualhover .alias-unavailable a:hover, .b-contextualhover .alias-unavailable a:active, .b-contextualhover .alias-unavailable A:focus {color: #dedede !important; text-decoration:none!important;} .b-contextualhover p {margin-bottom: 3px; font-size: 11px; line-height: 1.25;} .b-contextualhover .input-checkbox {margin-right: 2px; vertical-align: middle;} .b-contextualhover .b-contextualhover-section {overflow: hidden; padding: 0px;} .b-contextualhover .b-contextualhover-side {margin: -8px -80px 0 0; height: 0px; float: right; width: 60px;} .b-contextualhover .b-contextualhover-userpic {float: right; width: 55px; height: 55px; text-align: right;} .b-contextualhover .b-contextualhover-userpic a, .b-contextualhover .b-contextualhover-userpic a:hover {border: none !important;} .b-contextualhover .b-contextualhover-userpic img {max-width: 50px; max-height: 50px; border: 5px solid #dedede;} .b-contextualhover .b-contextualhover-title {padding-bottom: 0px;} .b-contextualhover .b-contextualhover-title a:hover {text-decoration: none !important;} .b-contextualhover .b-contextualhover-title h3 {color: #cbcbcb; font-family: Cambria, Georgia, serif; margin-bottom: 2px; font-weight: normal; font-style: normal; font-size: 11px; line-height: 1.25;} .b-contextualhover .b-contextualhover-options {margin: 0; padding: 1px 0; border-top: 0px; list-style: none;} .b-contextualhover .b-contextualhover-options li {margin-bottom: 0px; line-height: 1.25; font-size: 11px!important;} .b-contextualhover .b-contextualhover-options li a:hover {text-decoration: none !important;} .b-contextualhover .b-contextualhover-param {line-height: 18px; margin:0 0 6px;} .b-contextualhover .b-contextualhover-param-item {list-style: none;} .b-contextualhover-param-item .b-icon-scapital {margin:0 2px 0 0;} .b-icon-scapital {float: left; width: 16px; height: 16px; margin:0 2px 0 0; background-image: url(/img/icon-social-capital.png?v=19876); background-repeat: no-repeat; background-position: 0 50%;} .b-icon-scapital-first {background-position: -17px 50%;} .b-popup-outer {position: relative; padding: 1px; background: #fff; border: 1px solid #dedede; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; z-index: 100;} .b-popup-inner {padding: 10px; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} .b-popup div, .b-popup strong, .b-popup label {color: #999;}	Mini version: (Static) (Live)/- 007 Faded mini ver. Layout by lu_hesperia at ourhappyhours.livejournal.com Tiny icons by pinvoke.com -/ body {background:#f6f6f6 url() repeat fixed; color:#dedede; font-family: Cambria, Georgia, serif; font-size: 11px;} ::selection {background-color:#888; color:#dbdbdb;} ::-moz-selection {background-color:#888; color:#dbdbdb;} a, a:link, a:visited {color:#cbcbcb; text-decoration: none; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} a:hover {color:#dedede; text-decoration: none; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} p, td {} blockquote {padding: 8px 12px; border-left: 2px solid #dedede; border-right: 2px solid #dedede; background:#f6f6f6;} code, kbd, pre, tt {font-family: 'Monospace', monospace; font-size: 10px;} code:hover {background:#dedede; color:#f6f6f6;} strong, b {} h2 {display:none;} img {-webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s;} img:hover {-webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; -webkit-filter: opacity(0.90) grayscale(0.75) contrast(0.95) ; -moz-filter: opacity(0.90) grayscale(0.75) contrast(0.95); -o-filter: opacity(0.90) grayscale(0.75) contrast(0.95); -ms-filter: opacity(0.90) grayscale(0.75) contrast(0.95); filter: opacity(0.90) grayscale(0.75) contrast(0.95);} #content {width: 780px; margin-left: auto; margin-right: auto; margin-top: 30px;} #maincontent {width:400px; margin-left:255px;} #sidebar {margin-left:15px; padding-top: 50px; position:fixed; width: 200px; float: left; text-align: justify; font-size:11px; font-style:italic;} .sbarheader {padding: 0px 5px 0px 5px;} #sidebar_linklist.sbarbody {height: 98px; overflow: hidden;} #sidebar_summary.sbarbody {display:none;} #sidebar_tags.sbarbody {padding-bottom:20px;} .sbarbody2 {margin-top: 45px; border-top: 1px solid; padding-top: 5px; padding-bottom: 10px;} .sbarbody2 img {max-width:200px;} #sidebar a, #sidebar a:link, #sidebar a:visited {} #sidebar a:hover {} table.calendar {display:none;} .sbarcalendar {display:none;} .sbarcalendarposts {display:none;} li.tagcloud {line-height: 0.90;} ul.sbarlist {list-style:none; padding:0px!important;} li.sbaritem {font-size: 8px; font-weight: bold; background-color: #fff; text-align: right; text-transform:uppercase; margin-top:3px; padding:2px 3px; border-bottom:1px solid #dedede; letter-spacing: 2px; font-style: normal;} li.sbaritem a, li.sbaritem a:link, li.sbaritem a:visited {color: #cbcbcb;} li.sbaritem a:hover {color: #dedede;} li.sbaritem:hover {background-color: transparent;} li.sbartitle {display:none;} #header {position: fixed; margin-top:164px; margin-left:15px;} .navheader {display:none;} .title {font-family: georgia; color: #fff; font-size: 20px; text-shadow: 1px 1px #dedede; font-style: italic; text-transform: lowercase; width:180px; height:30px; overflow:hidden;} .subtitle {display:none;} .subcontent {border: 1px solid; background-color: #fff;} .entry {padding: 12px; color: #999; text-align: justify;} .entry_text {min-height: 17px;} .entry_text img {max-width: 364px;} .userpic, .userpicfriends {position: relative; float: right; background-color: transparent!important; color:#f4f4f4; padding: 0px; margin: 8px -117px 0 0px; text-align: center; font-size: 10px; z-index: 15;} .userpic img, .userpicfriends img {background:#dedede; padding:8px; width:80px; height:80px;} .userpicfriends font {color:#cbcbcb;} div.userpic a, div.userpic a:link, div.userpic a:visited, div.userpicfriends a, div.userpicfriends a:link, div.userpicfriends a:visited {color:#cbcbcb; line-height: 1;} .date {text-transform: uppercase; font-size:9px; text-align: center;} .subject {text-transform: lowercase; font-size:16px; text-align: center; line-height: 1; padding-bottom: 4px; border-bottom: 1px solid;} .subject:hover {background-color: #f6f6f6;} .subject a, .subject a:link, .subject a:visited, .subject a:hover {color: #cbcbcb;} .datesubject {padding: 10px 12px 0 12px;} .entry ul li {margin-left: -24px;} .entry ol li {margin-left: -12px;} .ljtags {margin-top: 12px; text-align: left; font-size: 11px; line-height: 1;} .currents a, currents a:link, .currents a:visited, .currents a:hover {color:#aaa;} .currents {margin-top: 10px;} .currentmood, .currentmusic, .currentgroups, .currentlocation {color:#aaa; font-size: 10px; background-color: transparent; line-height: 0.6; text-transform:lowercase; padding: 2px 0 2px 15px; background: transparent none no-repeat scroll 0 50%;} .currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong {display:none;} .currentlocation {background-image: url(http://i.imgur.com/yhPJf.png)} .currentmood{background-image: url(http://i.imgur.com/ZuZmw.png)} .currentgroups {background-image: url(http://i.imgur.com/U4kcG.png)} .currentmusic {background-image: url(http://i.imgur.com/NntpJ.png)} .comments {margin-top: 12px; border-top: 1px solid #dedede; padding-top: 5px; font-size: 9px; text-transform: uppercase; text-align: center; color: transparent; margin-bottom: -2px;} .comments a, .comments a:link, .comments a:visited, .comments a:hover {color:#dedede;} .separator {height: 30px;} .defaultuserpic {float:left; margin: -100px 0 0 0; padding: 0 0px 0px 0; padding:10px; background-color:#fff; border:1px solid #dedede;} .defaultuserpic img {width: 90px; height: 90px;} #footer {margin-left: 180px; text-align: right; font-family: georgia; top: 240px; font-size: 32px; position: fixed; text-transform: lowercase; z-index: 999; width: 38px;} ul.navfooter {padding: 0px; margin: 0px; display: inline-table;} ul.navfooter li {display: inline;} .clearfoot {clear: both;} #footer .viewing {display:none;} ul.year {text-align: center; font-size: 18px; color: #bbb; padding: 0px 0px 10px;} ul.year li {display: inline;} table.yeartable {background-color: #fff; width: 400px; padding: 12px; border: 1px solid #dedede; color: #bbb;} table.yeartable td.yeardate, table.yeartable td.yearday {text-align: center; background-color: #fff;} table.yeartable td.yearday {background-color: #fff;text-align: center;} td.yearmonth {border-style: none;} .ljtaglist {list-style-type: none; padding: 12px; background-color: #fff; border: 1px solid #dedede; color: #bbb;} .ljtaglist a, ljtaglist a:link, ljtaglist a:visited {} input#subject.textbox {background-color: #fff;} textarea#body.textbox {background-color: #fff;} textarea#commenttext.textbox {background-color: #fff;} div#qrformdiv {padding-bottom:15px} .userpiccomment {padding: 5px; background-color:#fff; width: 80px; height: 80px; padding: 8px; border:1px solid; z-index: 15; float: left; margin: 0 10px 10px 0;} .box {padding: 0px; clear: left; width: 516px;} .datesubjectcomment {font-size:10px;} input, textarea {background-color: #fff; color: #999; font-size: 10px; border: 1px solid #dedede;} textarea.textbox {width: 100% !important;} .commentreply {position: relative; margin: 10px 0px 10px 108px; text-align: justify; color: #999;} .commentreply img {max-width:100%;} .commentbox {margin-top: 10px; min-height: 103px;} .skiplinks {text-align:center; color:transparent; text-transform:uppercase; font-size:10px; margin: -10px 0 10px;} .clear {height: 0px;} form#qrform table {border-width: 0px !important;} img[src="icon_protected.gif"], img[src="icon_private.gif"], img[src="icon_groups.gif"], img[src="icon_sticky.png"], .ljuser img[src="syndicated.gif"], .ljuser img[src="newsinfo.gif"], .ljuser img[src="partnercomm.gif"], .ljuser img[src="sponcomm.gif"] , img[src="btn_del.gif"], img[src="btn_edit.gif"], img[src="btn_spam.gif"], img[src="btn_scr.gif"], img[src="btn_unscr.gif"], img[src="btn_freeze.gif"], img[src="btn_unfreeze.gif"], img[src="btn_track.gif"], img[src="btn_tracking.gif"], img[src="btn_tracking_thread.gif"] , img[src="anonymous.gif"], img[src="openid-profile.gif"], img[src="userinfo.gif"], img[src="talk/none.gif"], img[src="help.gif"], img[src="pencil.gif"] {height: 0px; width: 0px; padding: 0 0 16px 16px !important; background: transparent none no-repeat scroll 0 0; } .subject img {vertical-align: middle !important;} img[src="icon_protected.gif"]{background-image: url(http://i.imgur.com/1pkIxw8.png);} img[src="icon_private.gif"]{background-image: url(http://i.imgur.com/faoeIgT.png);} img[src="icon_groups.gif"]{background-image: url(http://i.imgur.com/i4V7S0x.png);} img[src="icon_sticky.png"]{background-image: url(http://i.imgur.com/FLp83.png);} .ljuser img[src="syndicated.gif"]{background-image: url(http://i.imgur.com/VW920.png) !important;} .ljuser img[src="newsinfo.gif"] {background-image: url(http://i.imgur.com/r6EzA.png) !important;} .ljuser img[src="partnercomm.gif"]{background-image: url(http://i.imgur.com/cJzp8.png) !important;} .ljuser img[src="sponcomm.gif"] {background-image: url(http://i.imgur.com/zupNZ.png) !important;} img[src="btn_unspam.gif"]{background-image: url(http://i.imgur.com/wuJqY.png);} img[src="btn_spam.gif"]{background-image: url(http://i.imgur.com/o63uw.png);} img[src="btn_del.gif"]{background-image: url(http://i.imgur.com/Eci4Q.png);} img[src="btn_scr.gif"] {background-image: url(http://i.imgur.com/IW1FR.png);} img[src="btn_unscr.gif"] {background-image: url(http://i.imgur.com/aVYvC.png);} img[src="btn_freeze.gif"] {background-image: url(http://i.imgur.com/7KTc8.png);} img[src="btn_unfreeze.gif"] {background-image: url(http://i.imgur.com/80cia.png);} img[src="btn_track.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="btn_tracking.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="btn_tracking_thread.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="anonymous.gif"] {background-image: url(http://i.imgur.com/pOnEG.png);} img[src="openid-profile.gif"] {background-image: url(http://i.imgur.com/J4DG0.png);} img[src="userinfo.gif"] {background-image: url(http://i.imgur.com/0phq8.png);} img[src="talk/none.gif"] {background-image: url(http://i.imgur.com/zKR7h.png);} img[src="help.gif"] {background-image: url(http://i.imgur.com/W4MKd.png);} img[src="pencil.gif"],img[src="btn_edit.gif"] {background-image: url(http://i.imgur.com/AQfq6.png);} span.i-ljuser img[src="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://l-stat.livejournal.com/img/userinfo.gif?v=94.3) no-repeat !important; padding: 0 0 0 0 !important;} span.i-ljuser img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://l-stat.livejournal.com/img/userinfo.gif?v=94.3) no-repeat !important; padding: 0 0 0 0 !important;} span.ljuser, span.ljuser a {text-transform:capitalize;} .w-cs {font-family: Cambria, Georgia, serif!important; background:#f6f6f6; color:#444444; min-height:50px; text-transform: lowercase; font-size: 11px;} .w-cs .w-cs-userinfo {font-family: Cambria, Georgia, serif!important; background:#f6f6f6; border color:#444444; color:#111; border:0px;} .w-cs .w-cs-summary li.w-cs-i-tokens {font-family: Cambria, Georgia, serif!important; border:0px;} .w-cs a:link, .w-cs a:visited, .w-cs a:active {color: #cbcbcb !important; font-family: Cambria, Georgia, serif!important;} .w-cs a:hover {color:#dedede !important; font-family: Cambria, Georgia, serif!important;} .w-cs .ljuser a:link, .w-cs .ljuser a:visited, .w-cs .ljuser a:active, .w-cs .ljuser a:link b, .w-cs .ljuser a:visited b, .w-cs .ljuser a:active b {font-size: 12px !important; text-transform: none; font-family: Cambria, Georgia, serif!important; color: #cbcbcb!important;} .w-cs .ljuser a:hover, .w-cs .ljuser a:hover b {} .w-cs-user-controls .w-cs-status p {color:#cbcbcb !important; letter-spacing: 0px; font-family: Cambria, Georgia, serif!important; font-size: 12px;} .w-cs .w-cs-summary {background:transparent!important; color:transparent!important} .w-cs .w-cs-search .w-cs-text {width: 150px; background-color:#dedede!important; border-right: 25px solid #dedede;} .w-cs .w-cs-text {background-color: #dedede!important;} .w-cs .w-cs-search-inner {display:none;} .w-cs FORM.w-cs-login .note {color: #cbcbcb;} .w-cs .w-cs-menu li {padding-left:0px!important; background: none!important;} .w-cs .w-cs-menu li.w-cs-i-home a, .w-cs .w-cs-menu li.w-cs-i-post a, .w-cs .w-cs-menu li.w-cs-i-friends a, .w-cs .w-cs-menu li.w-cs-i-account a, .w-cs .w-cs-menu li.w-cs-i-faq a, .w-cs .w-cs-menu li.w-cs-i-recent a, .w-cs .w-cs-menu li.w-cs-i-entries a, .w-cs .w-cs-menu li.w-cs-i-invite a, .w-cs .w-cs-menu li.w-cs-i-add a, .w-cs .w-cs-menu li.w-cs-i-leave a, .w-cs .w-cs-menu li.w-cs-i-watch a, .w-cs .w-cs-menu li.w-cs-i-unwatch a, .w-cs .w-cs-menu li.w-cs-i-directory a, .w-cs .w-cs-menu li.w-cs-i-invites a, .w-cs .w-cs-menu li.w-cs-i-members a, .w-cs .w-cs-menu li.w-cs-i-members a.i-invites, .w-cs .w-cs-menu li.w-cs-i-catalogue a, .w-cs .w-cs-menu li.w-cs-i-edit a, .w-cs .w-cs-menu li.w-cs-i-manage a, .w-cs .w-cs-menu li.w-cs-i-gift a, .w-cs .w-cs-menu li.w-cs-i-tags a, .w-cs .w-cs-menu li.w-cs-i-message a, .w-cs .w-cs-menu li.w-cs-i-groups a, .w-cs .w-cs-menu li.w-cs-i-calendar a, .w-cs .w-cs-menu li.w-cs-i-friendsfriends a, .w-cs .w-cs-menu li.w-cs-i-like a, .w-cs .w-cs-menu li.w-cs-i-share a {padding-left:0px; font-family: Cambria, Georgia, serif!important;} ::-webkit-scrollbar {width:10px; height:10px;} ::-webkit-scrollbar-track-piece {background-color:#f6f6f6;} ::-webkit-scrollbar-thumb {background-color:#dedede;} ::-webkit-scrollbar-thumb:hover {background-color:#fff;} ::-webkit-scrollbar-corner {background-color:#eaeaea;} .b-popup-contextual .i-popup-arrtl, .b-popup-contextual .i-popup-arrbl {display:none;} .b-popup-contextual .i-popup-arrtr, .b-popup-contextual .i-popup-arrbr {display:none;} .b-contextualhover {min-width:150px; width: auto; min-height: 44px; margin-left: 0px; color: #cbcbcb; text-align: justify; font-size: 11px!important; font-family: Cambria, Georgia, serif; line-height: 1.25;} .b-contextualhover, .b-contextualhover div, .b-contextualhover p, .b-contextualhover ul, .b-contextualhover ol, .b-contextualhover li, .b-contextualhover label, .b-contextualhover img, .b-contextualhover span, .b-contextualhover h3, .b-contextualhover input {padding: 0; margin: 0; color: #cbcbcb; font-size:11px!important;} .b-contextualhover img {border: none;} .b-contextualhover a:link, .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration: none !important; color: #999 !important; background: none;} .b-contextualhover a:hover, .b-contextualhover a:active, .b-contextualhover a:focus {border-bottom: 0 !important; text-decoration: none !important; color: #dedede !important;} .s-lanzelot .b-contextualhover a:link, .s-lanzelot .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration: none !important; color: #999 !important;} .s-lanzelot .b-contextualhover a:hover, .s-lanzelot .b-contextualhover a:active, .s-lanzelot .b-contextualhover a:focus {border-bottom: 0 !important; text-decoration: none !important; color: #dedede !important;} .index-page .b-contextualhover a:link, .index-page .b-contextualhover a:visited, .index-page .b-contextualhover a:hover, .index-page .b-contextualhover a:active, .index-page .b-contextualhover a:focus {color: #dedede !important;} .b-contextualhover .alias-unavailable a:link, .b-contextualhover .alias-unavailable a:visited {color: #999 !important;} .b-contextualhover .alias-unavailable a:hover, .b-contextualhover .alias-unavailable a:active, .b-contextualhover .alias-unavailable A:focus {color: #dedede !important; text-decoration:none!important;} .b-contextualhover p {margin-bottom: 3px; font-size: 11px; line-height: 1.25;} .b-contextualhover .input-checkbox {margin-right: 2px; vertical-align: middle;} .b-contextualhover .b-contextualhover-section {overflow: hidden; padding: 0px;} .b-contextualhover .b-contextualhover-side {margin: -8px -80px 0 0; height: 0px; float: right; width: 60px;} .b-contextualhover .b-contextualhover-userpic {float: right; width: 55px; height: 55px; text-align: right;} .b-contextualhover .b-contextualhover-userpic a, .b-contextualhover .b-contextualhover-userpic a:hover {border: none !important;} .b-contextualhover .b-contextualhover-userpic img {max-width: 50px; max-height: 50px; border: 5px solid #dedede;} .b-contextualhover .b-contextualhover-title {padding-bottom: 0px;} .b-contextualhover .b-contextualhover-title a:hover {text-decoration: none !important;} .b-contextualhover .b-contextualhover-title h3 {color: #cbcbcb; font-family: Cambria, Georgia, serif; margin-bottom: 2px; font-weight: normal; font-style: normal; font-size: 11px; line-height: 1.25;} .b-contextualhover .b-contextualhover-options {margin: 0; padding: 1px 0; border-top: 0px; list-style: none;} .b-contextualhover .b-contextualhover-options li {margin-bottom: 0px; line-height: 1.25; font-size: 11px!important;} .b-contextualhover .b-contextualhover-options li a:hover {text-decoration: none !important;} .b-contextualhover .b-contextualhover-param {line-height: 18px; margin:0 0 6px;} .b-contextualhover .b-contextualhover-param-item {list-style: none;} .b-contextualhover-param-item .b-icon-scapital {margin:0 2px 0 0;} .b-icon-scapital {float: left; width: 16px; height: 16px; margin:0 2px 0 0; background-image: url(/img/icon-social-capital.png?v=19876); background-repeat: no-repeat; background-position: 0 50%;} .b-icon-scapital-first {background-position: -17px 50%;} .b-popup-outer {position: relative; padding: 1px; background: #fff; border: 1px solid #dedede; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; z-index: 100;} .b-popup-inner {padding: 10px; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} .b-popup div, .b-popup strong, .b-popup label {color: #999;}

INSTALLATION
(1) Apply any Flexible Squares theme. Make sure the page set up is either 2 Column (sidebar on left) or 2 Column (sidebar on right) or else the sidebar won't show. Set the ads to vertical or between entries. (2) Display → Navigation Strip color: Light gray. (3) Text → There you can edit your currents and comments text so that they look like in the preview. (4) Sidebar → Ordering: Link List, Default Userpic and Blurb. (5) Custom CSS → Set all drop-down boxes to No and paste the code.
NOTES AND CREDITS
→ Don't redistribute or claim as your own. → Credit is nice. → Tiny icons by pinvoke.com → Preview icon by astrokittie at chronophages

VI. Fair And Square

lu_hesperia — Wed, 23 Jan 2013 18:19:02 GMT

( STATIC ) ( LIVE )

VI. FAIR AND SQUARE
→ S2 Smooth Sailing → Basic, plus and paid; ad placement between entries, vertical or horizontal. → Features custom comment pages, title, subtitle and sidebar. → Navigation, tags, currents and everything in the sidebar except for the free text, link list and calendar is disabled.
PREVIEW AND CODE
Pink version: (Static) (Live) /- 006 Fair and Square pink ver. Layout by lu_hesperia at ourhappyhours.livejournal.com Tiny icons by pinvoke.com -/ @font-face {font-family: 'Droid Sans'; font-style: normal; font-weight: 400; src: local('Droid Sans'), local('DroidSans'), url(http://themes.googleusercontent.com/static/fonts/droidsans/v3/s-BiyweUPV0v-yRb-cjciBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');} @font-face {font-family: 'Bubbler One'; font-style: normal; font-weight: 400; src: local('Bubbler One'), local('BubblerOne'), url(http://themes.googleusercontent.com/static/fonts/bubblerone/v1/tiAxK_A8SViEcY0M590QMIbN6UDyHWBl620a-IRfuBk.woff) format('woff');} ::selection {background-color:#fff; color:#e9ccd3;} ::-moz-selection {background-color:#fff; color:#e9ccd3;} body {background:#f9eeee url() repeat scroll 0 0; color:#888; font-family:'Droid Sans'; font-size:11px; margin:0;} a, a:link, a:visited {color:#e9ccd3; text-decoration:none; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} a:hover {color:#cfa8b1; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} img:hover {filter: alpha(opacity=80); opacity: .80;} blockquote {padding: 8px; border: 1px solid #efe7e7;} textarea, input, select {background-color: #fff; color: #aaa; font-family:consolas; font-size: 10px; border: 1px solid #efe7e7;} tt, code, kbd, samp {font-family:consolas;} .pageblock {} .header-title {font-family:'Bubbler One'; font-weight: bold; font-size: 63px; color: #fff; text-transform:lowercase;} .header-subtitle {margin-top:-25px; color:#e9ccd3; font-size: 22px; text-transform:uppercase;} .pageheaderblock {width: 770px; margin:0 auto;} .pagefooterblock {display:none;} .bodyblock {margin: 0 auto; width: 770px;} div.bodynavblock {padding: 2px; border: 1px solid #cfa8b1; background-color: #e9ccd3; text-transform:uppercase; margin-bottom:30px; margin-left:30px;} .bodynavblock a, .bodynavblock a:visited {color:#cfa8b1; font-weight:normal!important; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} .bodynavblock a:hover {letter-spacing:3px; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} .bodyheaderblock {margin-top: 12px;} .body-title {display:none;} .entryHolder {background:#f9eeee url() repeat scroll 0 0; margin-left:30px; padding-top:26px; padding-bottom:10px;} .entryUserinfo {margin: 0 20px 0 0;} .entryUserinfo-username {font-family:monospace; text-transform:uppercase; font-size: 10px; color: #ababab; background-color:#f4e4e7; padding: 3px 0px; text-align:center;} .entryUserinfo-username .ljuser a, .entryUserinfo-username .ljuser a:hover {color:#ababab;} .entryUserinfo-usericon img {width:80px; height:80px; padding:8px; border:1px solid #cfa8b1; background-color:#e9ccd3;} .entryText {background-color:#fff; border: 1px solid #efe7e7; font-size:11px; text-align:justify; padding:10px; min-height:95px; width:400px; margin-left: auto;} .entryText img {max-width:400px;} .entryHeader {color: transparent;} .entryHeaderSubject a, .entryHeaderSubject a:active, .entryHeaderSubject a:visited, .entryHeaderSubject a:hover {color:#999;} .entryHeaderSubject {margin-left: 118px; height: 17px; line-height: 1.8; overflow:hidden; display: block; margin-top: -29px; background: white; padding: 7px 5px; border-top: 1px solid #efe7e7; border-left: 1px solid #efe7e7; border-right: 1px solid #efe7e7; font-size: 12px; text-transform:uppercase;} .entryHeaderDate {font-family: monospace; font-weight:bold; text-transform: uppercase; padding: 3px 16px; font-size: 10px; color: #ababab; background-color: #f4e4e7;} .entryMetadata {display:none;} .entryLinkbar {text-transform: uppercase; text-align:right; padding-bottom:10px; padding-top:3px; width: 540px;} .entryLinkbar a {color:#999;} .entryLinkbar a:hover {color:#999;} .entryLinkbar ul {margin:0;} .entryLinkbar li {display:inline; margin:0; padding:0 1px 0 8px;} .body-midtitle {display:none;} .commentHolder {margin:3px 0; padding-left:30px;} .commentUserinfo {} .commentUserinfo-usericon img {width:60px; height:60px; padding:8px; border:1px solid #cfa8b1; background-color:#e9ccd3;} .commentUserinfo-username {font-family:monospace; text-transform:uppercase; font-size: 10px; color: #ababab; background-color:#f4e4e7; padding: 3px 0px; text-align:center;} .commentUserinfo .ljuser a, .commentUserinfo .ljuser a:hover {color:#ababab;} .commentText {padding:10px; min-width:175px;} .commentText img {max-width:100%} .commentHeader {font-family: monospace; font-weight:bold; text-transform: uppercase; padding: 3px 6px; font-size: 10px; color: #ababab; background-color:#f4e4e7;} .commentHeader a {} .commentHeaderSubject {} .commentHeaderScreened {} .commentLinkbar {text-align: right;} .commentLinkbar ul {margin:0 0 15px; padding:0;} .commentLinkbar li {display:inline; margin-left:3px;} textarea#body.textbox, textarea#commenttext.textbox {font-size: 11px;} .replyform {padding-left: 30px;} #qrform table {border: none !important;} .month {width: 540px; padding-left: 118px;} .daysubjects {background-color: #fff; margin-left: 118px; padding: 10px; border: 1px solid #efe7e7;} .daytitles {background-color:#f4e4e7; padding: 3px; text-align:center;} .day-blank {} .day {text-align:center;} .day-count {float:right; font-size:16px; text-align:center; width:50%;} .sidebar {margin-top:-14px; width:200px; color:#999; background:transparent; padding-top:20px;} .sidebox {margin:15px auto;} .sideboxTitle {display:none; color:white; font-size:14px;} .sideboxContent {text-align:justify;} .sidebox #profile {display:none;} .sidebox #search {display:none;} .sidebox #tags_sidebox {text-align:center;} .sidebox #summary{display:none;} .sidebox #latestmonth {text-transform:uppercase;} .latestmonth-inactive {} .latestmonth-active {} .sidebox #latestmonth table {margin-left:auto; margin-right:auto; margin-top:6px; width:75%;} .listitem {padding: 2px; border: 1px solid #cfa8b1; background-color: #e9ccd3; margin: 3px 0; text-transform:uppercase;} .listitem a, .listitem a:active, .listitem a:visited {color:#cfa8b1; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} .listitem a:hover {letter-spacing:3px; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} .listspacer {} .listtitle {color: #e9ccd3; text-align:center; text-transform: uppercase;} .header-menu {display:none;} #footer-menu {margin-left:148px; margin-bottom:30px;} #footer-menu ul {margin:0 auto; padding:0;} #footer-menu li {list-style:none; padding: 2px; border: 1px solid #cfa8b1; background-color: #e9ccd3; margin: 3px 0; text-transform:uppercase;} #footer-menu li a, #footer-menu li a:active, #footer-menu li a:visited {color:#cfa8b1; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} #footer-menu li a:hover {letter-spacing:3px; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} div#footer-menu.bodynavblock {padding: 0px; border: 0px; background-color: transparent; text-transform:uppercase;} .tagstable, .tagstable td {border:0 none; margin-left:15px;} .taglist {list-style: none; margin-left:-30px;} img[src="icon_protected.gif"], img[src="icon_private.gif"], img[src="icon_groups.gif"], img[src="icon_sticky.png"], .ljuser img[src="syndicated.gif"], .ljuser img[src="newsinfo.gif"], .ljuser img[src="partnercomm.gif"], .ljuser img[src="sponcomm.gif"] , img[src="btn_del.gif"], img[src="btn_edit.gif"], img[src="btn_spam.gif"], img[src="btn_scr.gif"], img[src="btn_unscr.gif"], img[src="btn_freeze.gif"], img[src="btn_unfreeze.gif"], img[src="btn_track.gif"], img[src="btn_tracking.gif"], img[src="btn_tracking_thread.gif"] , img[src="anonymous.gif"], img[src="openid-profile.gif"], img[src="userinfo.gif"], img[src="talk/none.gif"], img[src="help.gif"], img[src="pencil.gif"] {height: 0px; width: 0px; padding: 0 0 16px 16px !important; background: transparent none no-repeat scroll 0 0; } .entryHeaderSubject img {vertical-align: middle !important;} img[src="icon_protected.gif"]{background-image: url(http://i.imgur.com/rkWgU.png);} img[src="icon_private.gif"]{background-image: url(http://i.imgur.com/mNHdJ.png);} img[src="icon_groups.gif"]{background-image: url(http://i.imgur.com/KgjGQ.png);} img[src="icon_sticky.png"]{background-image: url(http://i.imgur.com/FLp83.png);} .ljuser img[src="syndicated.gif"]{background-image: url(http://i.imgur.com/VW920.png) !important;} .ljuser img[src="newsinfo.gif"] {background-image: url(http://i.imgur.com/r6EzA.png) !important;} .ljuser img[src="partnercomm.gif"]{background-image: url(http://i.imgur.com/cJzp8.png) !important;} .ljuser img[src="sponcomm.gif"] {background-image: url(http://i.imgur.com/zupNZ.png) !important;} img[src="btn_unspam.gif"]{background-image: url(http://i.imgur.com/wuJqY.png);} img[src="btn_spam.gif"]{background-image: url(http://i.imgur.com/o63uw.png);} img[src="btn_del.gif"]{background-image: url(http://i.imgur.com/Eci4Q.png);} img[src="btn_scr.gif"] {background-image: url(http://i.imgur.com/IW1FR.png);} img[src="btn_unscr.gif"] {background-image: url(http://i.imgur.com/aVYvC.png);} img[src="btn_freeze.gif"] {background-image: url(http://i.imgur.com/7KTc8.png);} img[src="btn_unfreeze.gif"] {background-image: url(http://i.imgur.com/80cia.png);} img[src="btn_track.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="btn_tracking.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="btn_tracking_thread.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="anonymous.gif"] {background-image: url(http://i.imgur.com/pOnEG.png);} img[src="openid-profile.gif"] {background-image: url(http://i.imgur.com/J4DG0.png);} img[src="userinfo.gif"] {background-image: url(http://i.imgur.com/NpNX0.png);} img[src="talk/none.gif"] {background-image: url(http://i.imgur.com/zKR7h.png);} img[src="help.gif"] {background-image: url(http://i.imgur.com/W4MKd.png);} img[src="pencil.gif"],img[src="btn_edit.gif"] {background-image: url(http://i.imgur.com/AQfq6.png);} span.i-ljuser img[src="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://l-stat.livejournal.com/img/userinfo.gif?v=94.3) no-repeat !important; padding: 0 0 0 0 !important;} span.i-ljuser img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://l-stat.livejournal.com/img/userinfo.gif?v=94.3) no-repeat !important; padding: 0 0 0 0 !important;} span.ljuser a {text-decoration: none;} span.ljuser a:hover {color;#fff!important;} .w-cs {background-color: #f4e4e7!important; color:#ababab!important; min-height:50px; text-transform: lowercase; font: 10px 'Droid Sans' !important; font-weight:normal!important} .w-cs a:link, .w-cs a:visited, .w-cs a:hover, .w-cs a:active {color:#ababab!important; font-family:'Droid Sans'!important;} .w-cs .ljuser a:link, .w-cs .ljuser a:visited, .w-cs .ljuser a:hover, .w-cs .ljuser a:active, .w-cs .ljuser a:link b, .w-cs .ljuser a:visited b, .w-cs .ljuser a:hover b, .w-cs .ljuser a:active b {font-size: 12px !important; font-weight: bold !important; text-transform: none; color: #ababab!important; font-family: 'Droid Sans'!important;} .w-cs .w-cs-userinfo {background-color: #f4e4e7!important; color:#ababab; border:0px; font-family:'Droid Sans'!important;} .w-cs .w-cs-summary li.w-cs-i-tokens {border:0px;} .w-cs a:link, .w-cs a:visited, .w-cs a:active {color:#ababab!important;} .w-cs a:hover {color:#ababab!important;} .w-cs .w-cs-summary {background-color: transparent!important; background-image: url('')!important;} .w-cs-user-controls .w-cs-status p {background-color: transparent!important; color:#ababab!important; font-family:'Droid Sans'!important; font-size:11px;} .w-cs .w-cs-summary {background:transparent!important; color:transparent!important} .w-cs .w-cs-search .w-cs-text {width: 150px; border-right: 25px solid #f9eeee; background-color:#f9eeee;} .w-cs .w-cs-text {background-color: #f9eeee!important;} .w-cs .w-cs-search-inner {display:none;} .w-cs .w-cs-menu li {background: none!important; padding-left: 0px!important;} .w-cs .w-cs-menu li.w-cs-i-home a, .w-cs .w-cs-menu li.w-cs-i-post a, .w-cs .w-cs-menu li.w-cs-i-friends a, .w-cs .w-cs-menu li.w-cs-i-account a, .w-cs .w-cs-menu li.w-cs-i-faq a, .w-cs .w-cs-menu li.w-cs-i-recent a, .w-cs .w-cs-menu li.w-cs-i-entries a, .w-cs .w-cs-menu li.w-cs-i-invite a, .w-cs .w-cs-menu li.w-cs-i-add a, .w-cs .w-cs-menu li.w-cs-i-leave a, .w-cs .w-cs-menu li.w-cs-i-watch a, .w-cs .w-cs-menu li.w-cs-i-unwatch a, .w-cs .w-cs-menu li.w-cs-i-directory a, .w-cs .w-cs-menu li.w-cs-i-invites a, .w-cs .w-cs-menu li.w-cs-i-members a, .w-cs .w-cs-menu li.w-cs-i-members a.i-invites, .w-cs .w-cs-menu li.w-cs-i-catalogue a, .w-cs .w-cs-menu li.w-cs-i-edit a, .w-cs .w-cs-menu li.w-cs-i-manage a, .w-cs .w-cs-menu li.w-cs-i-gift a, .w-cs .w-cs-menu li.w-cs-i-tags a, .w-cs .w-cs-menu li.w-cs-i-message a, .w-cs .w-cs-menu li.w-cs-i-groups a, .w-cs .w-cs-menu li.w-cs-i-calendar a, .w-cs .w-cs-menu li.w-cs-i-friendsfriends a, .w-cs .w-cs-menu li.w-cs-i-like a, .w-cs .w-cs-menu li.w-cs-i-share a {padding-left: 0px; font: 10px 'Droid Sans' !important;} .w-cs .w-cs-filter .w-cs-filter-icon {padding-left: 0px!important; background:none!important;} ::-webkit-scrollbar {width:6px; height:6px;} ::-webkit-scrollbar-track-piece {background-color:#fff;} ::-webkit-scrollbar-thumb {background-color:#e9ccd3;} ::-webkit-scrollbar-thumb:hover {background-color:#cfa8b1;} ::-webkit-scrollbar-corner {background-color:#fff;} .b-popup-contextual .i-popup-arrtl, .b-popup-contextual .i-popup-arrbl {display:none;} .b-popup-contextual .i-popup-arrtr, .b-popup-contextual .i-popup-arrbr {display:none;} .b-contextualhover {min-width:150px; width: auto; min-height: 44px; margin-left: 0px; color: #888; text-align: justify; font-size: 11px!important; font-family:'Droid Sans'; line-height: 1.25;} .b-contextualhover, .b-contextualhover div, .b-contextualhover p, .b-contextualhover ul, .b-contextualhover ol, .b-contextualhover li, .b-contextualhover label, .b-contextualhover img, .b-contextualhover span, .b-contextualhover h3, .b-contextualhover input {padding: 0; margin: 0; color: #888; font-size:11px!important;} .b-contextualhover img {border: none;} .b-contextualhover a:link, .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration: none !important; color: #e9ccd3 !important; background: none;} .b-contextualhover a:hover, .b-contextualhover a:active, .b-contextualhover a:focus {border-bottom: 0 !important; text-decoration: none !important; color: #cfa8b1 !important;} .s-lanzelot .b-contextualhover a:link, .s-lanzelot .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration: none !important; color: #e9ccd3 !important;} .s-lanzelot .b-contextualhover a:hover, .s-lanzelot .b-contextualhover a:active, .s-lanzelot .b-contextualhover a:focus {border-bottom: 0 !important; text-decoration: none !important; color: #cfa8b1 !important;} .index-page .b-contextualhover a:link, .index-page .b-contextualhover a:visited, .index-page .b-contextualhover a:hover, .index-page .b-contextualhover a:active, .index-page .b-contextualhover a:focus {color: #cfa8b1 !important;} .b-contextualhover .alias-unavailable a:link, .b-contextualhover .alias-unavailable a:visited {color: #e9ccd3 !important;} .b-contextualhover .alias-unavailable a:hover, .b-contextualhover .alias-unavailable a:active, .b-contextualhover .alias-unavailable A:focus {color: #cfa8b1 !important; text-decoration:none!important;} .b-contextualhover p {margin-bottom: 3px; font-size: 11px; line-height: 1.25;} .b-contextualhover .input-checkbox {margin-right: 2px; vertical-align: middle;} .b-contextualhover .b-contextualhover-section {overflow: hidden; padding: 0px;} .b-contextualhover .b-contextualhover-side {margin: -8px -77px 0 0; height: 0px; float: right; width: 60px;} .b-contextualhover .b-contextualhover-userpic {float: right; width: 55px; height: 55px; text-align: right;} .b-contextualhover .b-contextualhover-userpic a, .b-contextualhover .b-contextualhover-userpic a:hover {border: none !important;} .b-contextualhover .b-contextualhover-userpic img {max-width: 45px; max-height: 45px; padding: 4px; border: 1px solid #cfa8b1; background-color: #e9ccd3;} .b-contextualhover .b-contextualhover-title {padding-bottom: 0px;} .b-contextualhover .b-contextualhover-title a:hover {text-decoration: none !important;} .b-contextualhover .b-contextualhover-title h3 {color: #888; font-family:'Droid Sans'; margin-bottom: 2px; font-weight: normal; font-style: normal; font-size: 11px; line-height: 1.25;} .b-contextualhover .b-contextualhover-options {margin: 0; padding: 1px 0; border-top: 0px; list-style: none;} .b-contextualhover .b-contextualhover-options li {margin-bottom: 0px; line-height: 1.25; font-size: 11px!important;} .b-contextualhover .b-contextualhover-options li a:hover {text-decoration: none !important;} .b-contextualhover .b-contextualhover-param {line-height: 18px; margin:0 0 6px;} .b-contextualhover .b-contextualhover-param-item {list-style: none;} .b-contextualhover-param-item .b-icon-scapital {margin:0 2px 0 0;} .b-icon-scapital {float: left; width: 16px; height: 16px; margin:0 2px 0 0; background-image: url(/img/icon-social-capital.png?v=19876); background-repeat: no-repeat; background-position: 0 50%;} .b-icon-scapital-first {background-position: -17px 50%;} .b-popup-outer {position: relative; padding: 1px; background: #fff; border: 1px solid #efe7e7; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; z-index: 100;} .b-popup-inner {padding: 8px; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} .b-popup div, .b-popup strong, .b-popup label {color: #888;}	Salmon version: (Static) (Live)/- 006 Fair and Square salmon ver. Layout by lu_hesperia at ourhappyhours.livejournal.com Tiny icons by pinvoke.com -/ @font-face {font-family: 'Droid Sans'; font-style: normal; font-weight: 400; src: local('Droid Sans'), local('DroidSans'), url(http://themes.googleusercontent.com/static/fonts/droidsans/v3/s-BiyweUPV0v-yRb-cjciBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');} @font-face {font-family: 'Bubbler One'; font-style: normal; font-weight: 400; src: local('Bubbler One'), local('BubblerOne'), url(http://themes.googleusercontent.com/static/fonts/bubblerone/v1/tiAxK_A8SViEcY0M590QMIbN6UDyHWBl620a-IRfuBk.woff) format('woff');} ::selection {background-color:#fff; color:#fbb695;} ::-moz-selection {background-color:#fff; color:#fbb695;} body {background:#fdebd3 url() repeat scroll 0 0; color:#888; font-family:'Droid Sans'; font-size:11px; margin:0;} a, a:link, a:visited {color:#fbb695; text-decoration:none; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} a:hover {color:#f09d6e; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} img:hover {filter: alpha(opacity=80); opacity: .80;} blockquote {padding: 8px; border: 1px solid #efebe7;} textarea, input, select {background-color: #fff; color: #aaa; font-family:consolas; font-size: 10px; border: 1px solid #efebe7;} tt, code, kbd, samp {font-family:consolas;} .pageblock {} .header-title {font-family:'Bubbler One'; font-weight: bold; font-size: 63px; color: #fff; text-transform:lowercase;} .header-subtitle {margin-top:-25px; color:#fbb695; font-size: 22px; text-transform:uppercase;} .pageheaderblock {width: 770px; margin:0 auto;} .pagefooterblock {display:none;} .bodyblock {margin: 0 auto; width: 770px;} div.bodynavblock {padding: 2px; border: 1px solid #f09d6e; background-color: #fbb695; text-transform:uppercase; margin-bottom:30px; margin-left:30px;} .bodynavblock a, .bodynavblock a:visited {color:#f09d6e; font-weight:normal!important; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} .bodynavblock a:hover {letter-spacing:3px; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} .bodyheaderblock {margin-top: 12px;} .body-title {display:none;} .entryHolder {background:#fdebd3 url() repeat scroll 0 0; margin-left:30px; padding-top:26px; padding-bottom:10px;} .entryUserinfo {margin: 0 20px 0 0;} .entryUserinfo-username {font-family:monospace; text-transform:uppercase; font-size: 10px; color: #fff; background-color:#fddbc1; padding: 3px 0px; text-align:center;} .entryUserinfo-username .ljuser a, .entryUserinfo-username .ljuser a:hover {color:#fff;} .entryUserinfo-usericon img {width:80px; height:80px; padding:8px; border:1px solid #f09d6e; background-color:#fbb695;} .entryText {background-color:#fff; border: 1px solid #efebe7; font-size:11px; text-align:justify; padding:10px; min-height:95px; width:400px; margin-left: auto;} .entryText img {max-width:400px;} .entryHeader {color: transparent;} .entryHeaderSubject a, .entryHeaderSubject a:active, .entryHeaderSubject a:visited, .entryHeaderSubject a:hover {color:#999;} .entryHeaderSubject {margin-left: 118px; height: 17px; line-height: 1.8; overflow:hidden; display: block; margin-top: -29px; background: white; padding: 7px 5px; border-top: 1px solid #efebe7; border-left: 1px solid #efebe7; border-right: 1px solid #efebe7; font-size: 12px; text-transform:uppercase;} .entryHeaderDate {font-family: monospace; font-weight:bold; text-transform: uppercase; padding: 3px 16px; font-size: 10px; color: #fff; background-color: #fddbc1;} .entryMetadata {display:none;} .entryLinkbar {text-transform: uppercase; text-align:right; padding-bottom:10px; padding-top:3px; width: 540px;} .entryLinkbar a {color:#999;} .entryLinkbar a:hover {color:#999;} .entryLinkbar ul {margin:0;} .entryLinkbar li {display:inline; margin:0; padding:0 1px 0 8px;} .body-midtitle {display:none;} .commentHolder {margin:3px 0; padding-left:30px;} .commentUserinfo {} .commentUserinfo-usericon img {width:60px; height:60px; padding:8px; border:1px solid #f09d6e; background-color:#fbb695;} .commentUserinfo-username {font-family:monospace; text-transform:uppercase; font-size: 10px; color: #fff; background-color:#fddbc1; padding: 3px 0px; text-align:center;} .commentUserinfo .ljuser a, .commentUserinfo .ljuser a:hover {color:#fff;} .commentText {padding:10px; min-width:175px;} .commentText img {max-width:100%} .commentHeader {font-family: monospace; font-weight:bold; text-transform: uppercase; padding: 3px 6px; font-size: 10px; color: #fff; background-color:#fddbc1;} .commentHeader a {} .commentHeaderSubject {} .commentHeaderScreened {} .commentLinkbar {text-align: right;} .commentLinkbar ul {margin:0 0 15px; padding:0;} .commentLinkbar li {display:inline; margin-left:3px;} textarea#body.textbox, textarea#commenttext.textbox {font-size: 11px;} .replyform {padding-left: 30px;} #qrform table {border: none !important;} .month {width: 540px; padding-left: 118px;} .daysubjects {background-color: #fff; margin-left: 118px; padding: 10px; border: 1px solid #efebe7;} .daytitles {background-color:#fddbc1; padding: 3px; text-align:center;} .day-blank {} .day {text-align:center;} .day-count {float:right; font-size:16px; text-align:center; width:50%;} .sidebar {margin-top:-14px; width:200px; color:#999; background:transparent; padding-top:20px;} .sidebox {margin:15px auto;} .sideboxTitle {display:none; color:white; font-size:14px;} .sideboxContent {text-align:justify;} .sidebox #profile {display:none;} .sidebox #search {display:none;} .sidebox #tags_sidebox {text-align:center;} .sidebox #summary{display:none;} .sidebox #latestmonth {text-transform:uppercase;} .latestmonth-inactive {} .latestmonth-active {} .sidebox #latestmonth table {margin-left:auto; margin-right:auto; margin-top:6px; width:75%;} .listitem {padding: 2px; border: 1px solid #f09d6e; background-color: #fbb695; margin: 3px 0; text-transform:uppercase;} .listitem a, .listitem a:active, .listitem a:visited {color:#f09d6e; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} .listitem a:hover {letter-spacing:3px; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} .listspacer {} .listtitle {color: #fbb695; text-align:center; text-transform: uppercase;} .header-menu {display:none;} #footer-menu {margin-left:148px; margin-bottom:30px;} #footer-menu ul {margin:0 auto; padding:0;} #footer-menu li {list-style:none; padding: 2px; border: 1px solid #f09d6e; background-color: #fbb695; margin: 3px 0; text-transform:uppercase;} #footer-menu li a, #footer-menu li a:active, #footer-menu li a:visited {color:#f09d6e; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} #footer-menu li a:hover {letter-spacing:3px; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} div#footer-menu.bodynavblock {padding: 0px; border: 0px; background-color: transparent; text-transform:uppercase;} .tagstable, .tagstable td {border:0 none; margin-left:15px;} .taglist {list-style: none; margin-left:-30px;} img[src="icon_protected.gif"], img[src="icon_private.gif"], img[src="icon_groups.gif"], img[src="icon_sticky.png"], .ljuser img[src="syndicated.gif"], .ljuser img[src="newsinfo.gif"], .ljuser img[src="partnercomm.gif"], .ljuser img[src="sponcomm.gif"] , img[src="btn_del.gif"], img[src="btn_edit.gif"], img[src="btn_spam.gif"], img[src="btn_scr.gif"], img[src="btn_unscr.gif"], img[src="btn_freeze.gif"], img[src="btn_unfreeze.gif"], img[src="btn_track.gif"], img[src="btn_tracking.gif"], img[src="btn_tracking_thread.gif"] , img[src="anonymous.gif"], img[src="openid-profile.gif"], img[src="userinfo.gif"], img[src="talk/none.gif"], img[src="help.gif"], img[src="pencil.gif"] {height: 0px; width: 0px; padding: 0 0 16px 16px !important; background: transparent none no-repeat scroll 0 0; } .entryHeaderSubject img {vertical-align: middle !important;} img[src="icon_protected.gif"]{background-image: url(http://i.imgur.com/rkWgU.png);} img[src="icon_private.gif"]{background-image: url(http://i.imgur.com/mNHdJ.png);} img[src="icon_groups.gif"]{background-image: url(http://i.imgur.com/KgjGQ.png);} img[src="icon_sticky.png"]{background-image: url(http://i.imgur.com/FLp83.png);} .ljuser img[src="syndicated.gif"]{background-image: url(http://i.imgur.com/VW920.png) !important;} .ljuser img[src="newsinfo.gif"] {background-image: url(http://i.imgur.com/r6EzA.png) !important;} .ljuser img[src="partnercomm.gif"]{background-image: url(http://i.imgur.com/cJzp8.png) !important;} .ljuser img[src="sponcomm.gif"] {background-image: url(http://i.imgur.com/zupNZ.png) !important;} img[src="btn_unspam.gif"]{background-image: url(http://i.imgur.com/wuJqY.png);} img[src="btn_spam.gif"]{background-image: url(http://i.imgur.com/o63uw.png);} img[src="btn_del.gif"]{background-image: url(http://i.imgur.com/Eci4Q.png);} img[src="btn_scr.gif"] {background-image: url(http://i.imgur.com/IW1FR.png);} img[src="btn_unscr.gif"] {background-image: url(http://i.imgur.com/aVYvC.png);} img[src="btn_freeze.gif"] {background-image: url(http://i.imgur.com/7KTc8.png);} img[src="btn_unfreeze.gif"] {background-image: url(http://i.imgur.com/80cia.png);} img[src="btn_track.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="btn_tracking.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="btn_tracking_thread.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="anonymous.gif"] {background-image: url(http://i.imgur.com/pOnEG.png);} img[src="openid-profile.gif"] {background-image: url(http://i.imgur.com/J4DG0.png);} img[src="userinfo.gif"] {background-image: url(http://i.imgur.com/NpNX0.png);} img[src="talk/none.gif"] {background-image: url(http://i.imgur.com/zKR7h.png);} img[src="help.gif"] {background-image: url(http://i.imgur.com/W4MKd.png);} img[src="pencil.gif"],img[src="btn_edit.gif"] {background-image: url(http://i.imgur.com/AQfq6.png);} span.i-ljuser img[src="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://l-stat.livejournal.com/img/userinfo.gif?v=94.3) no-repeat !important; padding: 0 0 0 0 !important;} span.i-ljuser img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://l-stat.livejournal.com/img/userinfo.gif?v=94.3) no-repeat !important; padding: 0 0 0 0 !important;} span.ljuser a {text-decoration: none;} span.ljuser a:hover {color;#fff!important;} .w-cs {background-color: #fddbc1!important; color:#fff!important; min-height:50px; text-transform: lowercase; font: 10px 'Droid Sans' !important; font-weight:normal!important} .w-cs a:link, .w-cs a:visited, .w-cs a:hover, .w-cs a:active {color:#fff!important; font-family:'Droid Sans'!important;} .w-cs .ljuser a:link, .w-cs .ljuser a:visited, .w-cs .ljuser a:hover, .w-cs .ljuser a:active, .w-cs .ljuser a:link b, .w-cs .ljuser a:visited b, .w-cs .ljuser a:hover b, .w-cs .ljuser a:active b {font-size: 12px !important; font-weight: bold !important; text-transform: none; color: #fff!important; font-family: 'Droid Sans'!important;} .w-cs .w-cs-userinfo {background-color: #fddbc1!important; color:#fff; border:0px; font-family:'Droid Sans'!important;} .w-cs .w-cs-summary li.w-cs-i-tokens {border:0px;} .w-cs a:link, .w-cs a:visited, .w-cs a:active {color:#fff!important;} .w-cs a:hover {color:#fff!important;} .w-cs .w-cs-summary {background-color: transparent!important; background-image: url('')!important;} .w-cs-user-controls .w-cs-status p {background-color: transparent!important; color:#fff!important; font-family:'Droid Sans'!important; font-size:11px;} .w-cs .w-cs-summary {background:transparent!important; color:transparent!important} .w-cs .w-cs-search .w-cs-text {width: 150px; border-right: 25px solid #fdebd3; background-color:#fdebd3;} .w-cs .w-cs-text {background-color: #fdebd3!important;} .w-cs .w-cs-search-inner {display:none;} .w-cs .w-cs-menu li {background: none!important; padding-left: 0px!important;} .w-cs .w-cs-menu li.w-cs-i-home a, .w-cs .w-cs-menu li.w-cs-i-post a, .w-cs .w-cs-menu li.w-cs-i-friends a, .w-cs .w-cs-menu li.w-cs-i-account a, .w-cs .w-cs-menu li.w-cs-i-faq a, .w-cs .w-cs-menu li.w-cs-i-recent a, .w-cs .w-cs-menu li.w-cs-i-entries a, .w-cs .w-cs-menu li.w-cs-i-invite a, .w-cs .w-cs-menu li.w-cs-i-add a, .w-cs .w-cs-menu li.w-cs-i-leave a, .w-cs .w-cs-menu li.w-cs-i-watch a, .w-cs .w-cs-menu li.w-cs-i-unwatch a, .w-cs .w-cs-menu li.w-cs-i-directory a, .w-cs .w-cs-menu li.w-cs-i-invites a, .w-cs .w-cs-menu li.w-cs-i-members a, .w-cs .w-cs-menu li.w-cs-i-members a.i-invites, .w-cs .w-cs-menu li.w-cs-i-catalogue a, .w-cs .w-cs-menu li.w-cs-i-edit a, .w-cs .w-cs-menu li.w-cs-i-manage a, .w-cs .w-cs-menu li.w-cs-i-gift a, .w-cs .w-cs-menu li.w-cs-i-tags a, .w-cs .w-cs-menu li.w-cs-i-message a, .w-cs .w-cs-menu li.w-cs-i-groups a, .w-cs .w-cs-menu li.w-cs-i-calendar a, .w-cs .w-cs-menu li.w-cs-i-friendsfriends a, .w-cs .w-cs-menu li.w-cs-i-like a, .w-cs .w-cs-menu li.w-cs-i-share a {padding-left: 0px; font: 10px 'Droid Sans' !important;} .w-cs .w-cs-filter .w-cs-filter-icon {padding-left: 0px!important; background:none!important;} ::-webkit-scrollbar {width:6px; height:6px;} ::-webkit-scrollbar-track-piece {background-color:#fff;} ::-webkit-scrollbar-thumb {background-color:#fbb695;} ::-webkit-scrollbar-thumb:hover {background-color:#f09d6e;} ::-webkit-scrollbar-corner {background-color:#fff;} .b-popup-contextual .i-popup-arrtl, .b-popup-contextual .i-popup-arrbl {display:none;} .b-popup-contextual .i-popup-arrtr, .b-popup-contextual .i-popup-arrbr {display:none;} .b-contextualhover {min-width:150px; width: auto; min-height: 44px; margin-left: 0px; color: #888; text-align: justify; font-size: 11px!important; font-family:'Droid Sans'; line-height: 1.25;} .b-contextualhover, .b-contextualhover div, .b-contextualhover p, .b-contextualhover ul, .b-contextualhover ol, .b-contextualhover li, .b-contextualhover label, .b-contextualhover img, .b-contextualhover span, .b-contextualhover h3, .b-contextualhover input {padding: 0; margin: 0; color: #888; font-size:11px!important;} .b-contextualhover img {border: none;} .b-contextualhover a:link, .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration: none !important; color: #fbb695 !important; background: none;} .b-contextualhover a:hover, .b-contextualhover a:active, .b-contextualhover a:focus {border-bottom: 0 !important; text-decoration: none !important; color: #f09d6e !important;} .s-lanzelot .b-contextualhover a:link, .s-lanzelot .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration: none !important; color: #fbb695 !important;} .s-lanzelot .b-contextualhover a:hover, .s-lanzelot .b-contextualhover a:active, .s-lanzelot .b-contextualhover a:focus {border-bottom: 0 !important; text-decoration: none !important; color: #f09d6e !important;} .index-page .b-contextualhover a:link, .index-page .b-contextualhover a:visited, .index-page .b-contextualhover a:hover, .index-page .b-contextualhover a:active, .index-page .b-contextualhover a:focus {color: #fbb695 !important;} .b-contextualhover .alias-unavailable a:link, .b-contextualhover .alias-unavailable a:visited {color: #fbb695 !important;} .b-contextualhover .alias-unavailable a:hover, .b-contextualhover .alias-unavailable a:active, .b-contextualhover .alias-unavailable A:focus {color: #f09d6e !important; text-decoration:none!important;} .b-contextualhover p {margin-bottom: 3px; font-size: 11px; line-height: 1.25;} .b-contextualhover .input-checkbox {margin-right: 2px; vertical-align: middle;} .b-contextualhover .b-contextualhover-section {overflow: hidden; padding: 0px;} .b-contextualhover .b-contextualhover-side {margin: -8px -77px 0 0; height: 0px; float: right; width: 60px;} .b-contextualhover .b-contextualhover-userpic {float: right; width: 55px; height: 55px; text-align: right;} .b-contextualhover .b-contextualhover-userpic a, .b-contextualhover .b-contextualhover-userpic a:hover {border: none !important;} .b-contextualhover .b-contextualhover-userpic img {max-width: 45px; max-height: 45px; padding: 4px; border: 1px solid #f09d6e; background-color: #fbb695;} .b-contextualhover .b-contextualhover-title {padding-bottom: 0px;} .b-contextualhover .b-contextualhover-title a:hover {text-decoration: none !important;} .b-contextualhover .b-contextualhover-title h3 {color: #888; font-family:'Droid Sans'; margin-bottom: 2px; font-weight: normal; font-style: normal; font-size: 11px; line-height: 1.25;} .b-contextualhover .b-contextualhover-options {margin: 0; padding: 1px 0; border-top: 0px; list-style: none;} .b-contextualhover .b-contextualhover-options li {margin-bottom: 0px; line-height: 1.25; font-size: 11px!important;} .b-contextualhover .b-contextualhover-options li a:hover {text-decoration: none !important;} .b-contextualhover .b-contextualhover-param {line-height: 18px; margin:0 0 6px;} .b-contextualhover .b-contextualhover-param-item {list-style: none;} .b-contextualhover-param-item .b-icon-scapital {margin:0 2px 0 0;} .b-icon-scapital {float: left; width: 16px; height: 16px; margin:0 2px 0 0; background-image: url(/img/icon-social-capital.png?v=19876); background-repeat: no-repeat; background-position: 0 50%;} .b-icon-scapital-first {background-position: -17px 50%;} .b-popup-outer {position: relative; padding: 1px; background: #fff; border: 1px solid #efebe7; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; z-index: 100;} .b-popup-inner {padding: 8px; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} .b-popup div, .b-popup strong, .b-popup label {color: #888;}

INSTALLATION
(1) Apply any Smooth Sailing theme. Make sure the page set up is 2 Column (sidebar on left) or else the sidebar won't show. Set the ads to between entries, vertical or horizontal. (2) Display → Navigation Strip color: Light gray. (3) Entry Text → Format for Date and Time: %%dd%% %%mon%% %%yyyy%% (4) Sidebar → Ordering: Free Text, Links, Latest Month. (5) Custom CSS → Set all drop-down boxes to No and paste the code.
NOTES AND CREDITS
→ Don't redistribute or claim as your own. → Credit is nice. → Tiny icons by pinvoke.com → Preview icon by me at blissful_garden

V. Looking Back

lu_hesperia — Fri, 02 Nov 2012 06:41:46 GMT

( STATIC ) ( LIVE )

V. LOOKING BACK
→ S2 Flexible Squares → Basic, plus and paid; ad placement between entries or vertical. → Features custom comment pages, navigation and topbar. → Title, subtitle, and everything in the sidebar except for the link list is disabled. → IMPORTANT: The blue strip that appears on the friends page breaks the layout so I suggest using this fix.
PREVIEW AND CODE
Dark version: (Static) (Live) /- 005 Looking Back dark ver. Layout by lu_hesperia at ourhappyhours.livejournal.com Tiny icons by pinvoke.com -/ @font-face {font-family: 'Carme'; font-style: normal; font-weight: 400; src: local('Carme Regular'), local('Carme'), url(http://themes.googleusercontent.com/static/fonts/carme/v4/Upg28fsDDYxCiFrWVodtfA.woff) format('woff');} ::selection {background-color:#808080; color:#f0f0f0;} ::-moz-selection {background-color:#808080; color:#f0f0f0;} body {background-color: #111; text-align: justify; color:#eee; font-family: 'Carme', sans-serif; font-size: 11px; margin: 20px 0;} strong, b {font-family: 'Carme';} a, a:link, a:visited {color:#eee; text-decoration: underline;} a:hover {color:#111; background-color:#fff; text-decoration: none; cursor:crosshair;} ul {padding: 0px!important;} blockquote {padding: 8px; border-top: 1px solid #333; border-bottom: 1px solid #333;} code, kbd, pre, tt {font-family: consolas;} h2 {font-weight: normal; color: #777!important; background-color: #191919; font-family: consolas; text-align: center; color: transparent; padding: 2px 0px; margin-top:-5px; text-transform: uppercase; font-size: 11px;} b.ljcut-link a, b.ljcut-link a:link, b.ljcut-link a:visited {text-decoration:none!important;} #content {margin-left: auto; margin-right: auto; background-color: transparent; padding: 0px;} #maincontent {width: 430px; margin:auto; margin-top: 32px; padding-top:50px; font-size: 11px; background-color: transparent;} #sidebar {text-align: justify; width:100%; margin-top: -27px; background-color: transparent; background-image: url('http://i.imgur.com/XBfMx.png'); position:fixed; z-index: 1; height: 50px; overflow: hidden;} #sidebar div {display:none;} #header {background-color: transparent; background-image: url('http://i.imgur.com/cFNQx.png'); width: 100%; color: #f1f1f1; text-align: center; font-size: 21px; text-transform: lowercase; position:fixed; margin-top: -52px; z-index:1;} div#header a, div#header a:link, div#header a:visited {color: #f1f1f1; text-decoration: none;} div#header a:hover {color: #111;} .title {display:none} .subtitle {display:none} ul.navheader {margin: 0px;} ul.navheader li {display: inline; text-align:center; padding: 0 3px;} .subcontent {} .entry {padding: 8px 15px; text-align: justify;} .entry_text {min-height: 50px;} .entry_text img {max-width: 400px;} .userpic, .userpicfriends {position: relative; float: right; background-color: transparent!important; color: transparent!important; padding: 0px; margin: 0px -126px 0 0px; text-align: center; font-size: 10px;} .userpic img, .userpicfriends img {background:transparent; border: 8px solid #191919; background-image: url(); width:80px; height:80px;} .userpicfriends font {color:#eee;} div.userpic a, div.userpic a:link, div.userpic a:visited, div.userpicfriends a, div.userpicfriends a:link, div.userpicfriends a:visited {color:#eee; text-decoration: none;} div.userpic a:hover, div.userpicfriends a:hover {color:#eee; background-color:transparent;} .date {color:#444; font-family: consolas; width: 160px; text-align: center; background-color: #111; margin:auto; margin-top: -8px; text-transform: uppercase;} .subject {padding: 10px; width: 200px; margin: -20px 0 0 -239px; color: #f1f1f1; text-align: right; font-size: 21px; text-transform: lowercase;} .subject a, .subject a:link, .subject a:visited {color: #f1f1f1; text-decoration: none;} .subject a:hover {color: #111;} .datesubject {border-top: 1px solid #333; height: 10px;} .entry ul li {margin-left: 20px;} .entry ol li {margin-left: -12px;} .ljtags {color:#333; font-weight: bold; margin-top: 12px;} div.ljtags a {font-weight: normal; text-decoration:none;} .currents a, currents a:link, .currents a:visited, .currents a:hover {color:#eee; text-decoration:none; background-color:transparent;} .currents {margin-bottom: 5px; text-transform: capitalize;} .currentmood, .currentmusic, .currentgroups, .currentlocation {background-color: transparent;} .currents strong, .currentmood strong, .currentgroups strong, .currentlocation strong, .currentmusic strong {color:#333;} .comments {background-color:#191919; font-family: consolas; text-align: center; color: transparent; position: relative; padding: 2px 0px; margin-top:10px; margin-left: -15px; text-transform: uppercase; width: 430px;} div.comments a, div.comments a:link, div.comments a:visited {color: #777; text-decoration: none;} div.comments a:hover {color: #111;} .separator {height: 35px;} .sbarbody {text-align:center; padding-bottom:50px;} div#sidebar_linklist.sbarbody {display:inline!important;} ul.sbarlist {margin-top: -8px; padding-left: 0px; margin-left: 0px; list-style: none;} li.sbaritem {display: inline; padding-left: 3px; padding-right: 3px; text-transform: uppercase; font-family:consolas;} li.sbaritem a, li.sbaritem a:link, li.sbaritem a:visited {color:#f1f1f1; text-decoration: none;} li.sbaritem a:hover {color:#111;} li.sbartitle {display:none;} li.sbarblank {margin-top: -12px;} #footer {width:430px; text-align: right; font-size: 21px; text-transform: lowercase; z-index: 100; clear: both; margin:auto; margin-top: -25px;} div#footer a, div#footer a:link, div#footer a:visited {text-decoration: none; color: #f1f1f1;} div#footer a:hover {color: #111;} ul.navfooter {padding: 0px; margin: 0px;} ul.navfooter li {display: inline; margin: 0 0px 0 5px;} .clearfoot {clear: both;} #footer .viewing {display:none;} ul.year {text-align: center; font-size: 20px; background-color: transparent; color: #f1f1f1; z-index: 100; clear: both; margin-top: -12px;} ul.year a, ul.year a:link, ul.year a:visited {text-decoration:none; color:#f1f1f1;} ul.year a:hover {text-decoration:none; color:#111;} ul.year li {display: inline; padding-left:5px; padding-right:5px;} table.yeartable {margin-left: auto; margin-right: auto;} table.yeartable a, table.yeartable a:link, table.yeartable a:visited {text-decoration:none;} table.yeartable td.yeardate, table.yeartable td.yearday {text-align: center; background-color: transparent;} table.yeartable td.yearday {background-color: transparent;text-align: center;} td.yearmonth {border-style: none;} .ljtaglist {color: #666; background-color: transparent; list-style-type:none; padding: 5px 15px 15px 15px!important; border-bottom:1px solid #333;} .ljtaglist a, ljtaglist a:link, ljtaglist a:visited {text-transform: uppercase; text-decoration: none;} input#subject.textbox {font-size:11px;} textarea#body.textbox {font-size:11px;} textarea#commenttext.textbox {font-size:11px;} div#qrformdiv {padding-bottom:15px} .datesubjectcomment {background-color: transparent;} .userpiccomment {width: 80px; height: 80px; float:right; position: relative; margin: -16px -141px 0 0; padding: 8px; background-color:#191919!important;} .box {padding: 0px; clear: left; margin-top:-15px; margin-bottom: 20px;} input, textarea {font-family:consolas; background-color: #191919; color: #fff; font-size: 9px; border: 0px;} textarea.textbox {width: 100% !important;} .commentreply {text-align: justify; margin: 5px 0px;} .commentreply img {max-width:100%;} .commentbox {border-top:1px solid #333; padding: 15px; background-color: transparent; margin-top: 10px; min-height: 70px;} .commentboxpartial {padding: 10px;} .commentinfo {margin-top: 10px; width: 100%;} .skiplinks {text-align:center; color:transparent; text-transform:lowercase; font-size:10px; margin-top: -30px; margin-bottom: 17px;} .skiplinks a, .skiplinks a:link, .skiplinks a:visited {color: #444; text-decoration: none;} .skiplinks a:hover {color: #111;} .clear {height: 0px;} form#qrform table {border-width: 0px !important;} div#qrformdiv {padding: 0px 15px 25px 15px;} select {font-family:consolas; font-size: 11px; color: #333; background-color: #fff; cursor: crosshair;} img[src="icon_protected.gif"], img[src="icon_private.gif"], img[src="icon_groups.gif"], img[src="icon_sticky.png"], .ljuser img[src="syndicated.gif"], .ljuser img[src="newsinfo.gif"], .ljuser img[src="partnercomm.gif"], .ljuser img[src="sponcomm.gif"] , img[src="btn_del.gif"], img[src="btn_edit.gif"], img[src="btn_spam.gif"], img[src="btn_scr.gif"], img[src="btn_unscr.gif"], img[src="btn_freeze.gif"], img[src="btn_unfreeze.gif"], img[src="btn_track.gif"], img[src="btn_tracking.gif"], img[src="btn_tracking_thread.gif"] , img[src="anonymous.gif"], img[src="openid-profile.gif"], img[src="userinfo.gif"], img[src="talk/none.gif"], img[src="help.gif"], img[src="pencil.gif"] {height: 0px; width: 0px; padding: 0 0 16px 16px !important; background: transparent none no-repeat scroll 0 0; } .subject img {vertical-align: middle !important;} img[src="icon_protected.gif"]{background-image: url(http://i.imgur.com/rkWgU.png);} img[src="icon_private.gif"]{background-image: url(http://i.imgur.com/mNHdJ.png);} img[src="icon_groups.gif"]{background-image: url(http://i.imgur.com/KgjGQ.png);} img[src="icon_sticky.png"]{background-image: url(http://i.imgur.com/FLp83.png);} .ljuser img[src="syndicated.gif"]{background-image: url(http://i.imgur.com/VW920.png) !important;} .ljuser img[src="newsinfo.gif"] {background-image: url(http://i.imgur.com/r6EzA.png) !important;} .ljuser img[src="partnercomm.gif"]{background-image: url(http://i.imgur.com/cJzp8.png) !important;} .ljuser img[src="sponcomm.gif"] {background-image: url(http://i.imgur.com/zupNZ.png) !important;} img[src="btn_unspam.gif"]{background-image: url(http://i.imgur.com/wuJqY.png);} img[src="btn_spam.gif"]{background-image: url(http://i.imgur.com/o63uw.png);} img[src="btn_del.gif"]{background-image: url(http://i.imgur.com/Eci4Q.png);} img[src="btn_scr.gif"] {background-image: url(http://i.imgur.com/IW1FR.png);} img[src="btn_unscr.gif"] {background-image: url(http://i.imgur.com/aVYvC.png);} img[src="btn_freeze.gif"] {background-image: url(http://i.imgur.com/7KTc8.png);} img[src="btn_unfreeze.gif"] {background-image: url(http://i.imgur.com/80cia.png);} img[src="btn_track.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="btn_tracking.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="btn_tracking_thread.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="anonymous.gif"] {background-image: url(http://i.imgur.com/pOnEG.png);} img[src="openid-profile.gif"] {background-image: url(http://i.imgur.com/J4DG0.png);} img[src="userinfo.gif"] {background-image: url(http://i.imgur.com/NpNX0.png);} img[src="talk/none.gif"] {background-image: url(http://i.imgur.com/zKR7h.png);} img[src="help.gif"] {background-image: url(http://i.imgur.com/W4MKd.png);} img[src="pencil.gif"],img[src="btn_edit.gif"] {background-image: url(http://i.imgur.com/AQfq6.png);} span.i-ljuser img[src="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://l-stat.livejournal.com/img/userinfo.gif?v=94.3) no-repeat !important; padding: 0 0 0 0 !important;} span.i-ljuser img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://l-stat.livejournal.com/img/userinfo.gif?v=94.3) no-repeat !important; padding: 0 0 0 0 !important;} span.ljuser a {text-decoration: none;} span.ljuser a:hover {color;#fff!important;} .w-cs {background-color: transparent!important; background-image: url('http://i.imgur.com/SKQmA.png')!important; color:#eee; min-height:50px; text-transform: lowercase; font-family: 'Carme', sans-serif; position:fixed;} .w-cs a:link, .w-cs a:visited, .w-cs a:hover, .w-cs a:active {color:#eee; font: 10px 'Carme' !important;} .w-cs .ljuser a:link, .w-cs .ljuser a:visited, .w-cs .ljuser a:hover, .w-cs .ljuser a:active, .w-cs .ljuser a:link b, .w-cs .ljuser a:visited b, .w-cs .ljuser a:hover b, .w-cs .ljuser a:active b {font-size: 12px !important; font-weight: bold !important; text-transform: none; font-family: 'Carme'!important; color: #eee!important;} .w-cs .w-cs-userinfo {background-color: transparent!important; color:#eee; border:0px;} .w-cs .w-cs-summary li.w-cs-i-tokens {border:0px;} .w-cs a:link, .w-cs a:visited, .w-cs a:active {color: #eee !important;} .w-cs a:hover {color:#eee !important} .w-cs .w-cs-summary {background-color: transparent!important; background-image: url('')!important;} .w-cs-user-controls .w-cs-status p {background-color: transparent!important; color:#eee !important; font-family: 'Carme', sans-serif; font-size:11px;} .w-cs .w-cs-summary {background:transparent!important; color:transparent!important} .w-cs .w-cs-search .w-cs-text {width: 150px; border-right: 25px solid #222;} .w-cs .w-cs-search-inner {display:none;} .w-cs .w-cs-text {background-color:#222} .w-cs .w-cs-menu li {padding-left:0px!important; background: none!important;} .w-cs .w-cs-menu li.w-cs-i-home a, .w-cs .w-cs-menu li.w-cs-i-post a, .w-cs .w-cs-menu li.w-cs-i-friends a, .w-cs .w-cs-menu li.w-cs-i-account a, .w-cs .w-cs-menu li.w-cs-i-faq a, .w-cs .w-cs-menu li.w-cs-i-recent a, .w-cs .w-cs-menu li.w-cs-i-entries a, .w-cs .w-cs-menu li.w-cs-i-invite a, .w-cs .w-cs-menu li.w-cs-i-add a, .w-cs .w-cs-menu li.w-cs-i-leave a, .w-cs .w-cs-menu li.w-cs-i-watch a, .w-cs .w-cs-menu li.w-cs-i-unwatch a, .w-cs .w-cs-menu li.w-cs-i-directory a, .w-cs .w-cs-menu li.w-cs-i-invites a, .w-cs .w-cs-menu li.w-cs-i-members a, .w-cs .w-cs-menu li.w-cs-i-members a.i-invites, .w-cs .w-cs-menu li.w-cs-i-catalogue a, .w-cs .w-cs-menu li.w-cs-i-edit a, .w-cs .w-cs-menu li.w-cs-i-manage a, .w-cs .w-cs-menu li.w-cs-i-gift a, .w-cs .w-cs-menu li.w-cs-i-tags a, .w-cs .w-cs-menu li.w-cs-i-message a, .w-cs .w-cs-menu li.w-cs-i-groups a, .w-cs .w-cs-menu li.w-cs-i-calendar a, .w-cs .w-cs-menu li.w-cs-i-friendsfriends a, .w-cs .w-cs-menu li.w-cs-i-like a, .w-cs .w-cs-menu li.w-cs-i-share a {padding-left:0px;} ::-webkit-scrollbar {width:6px; height:6px;} ::-webkit-scrollbar-track-piece {background-color:#111;} ::-webkit-scrollbar-thumb {background-color:#191919;} ::-webkit-scrollbar-thumb:hover {background-color:#191919;} ::-webkit-scrollbar-corner {background-color:#111;} .b-popup-contextual .i-popup-arrtl, .b-popup-contextual .i-popup-arrbl {display:none;} .b-popup-contextual .i-popup-arrtr, .b-popup-contextual .i-popup-arrbr {display:none;} .b-contextualhover {min-width:150px; width: auto; min-height: 38px; margin-left: 0px; color: #eee; text-align: justify; font-size: 11px!important; font-family: 'Carme', sans-serif; line-height: 1.25;} .b-contextualhover, .b-contextualhover div, .b-contextualhover p, .b-contextualhover ul, .b-contextualhover ol, .b-contextualhover li, .b-contextualhover label, .b-contextualhover img, .b-contextualhover span, .b-contextualhover h3, .b-contextualhover input {padding: 0; margin: 0; color: #eee; font-size:11px!important;} .b-contextualhover img {border: none;} .b-contextualhover a:link, .b-contextualhover a:visited {border-bottom: 0 !important; color:#eee!important; text-decoration: underline!important; background: none;} .b-contextualhover a:hover, .b-contextualhover a:active, .b-contextualhover a:focus {border-bottom: 0 !important; color:#111!important; background-color:#fff!important; text-decoration: none!important; cursor:crosshair!important;} .s-lanzelot .b-contextualhover a:link, .s-lanzelot .b-contextualhover a:visited {border-bottom: 0 !important; color:#eee!important; text-decoration: underline!important;} .s-lanzelot .b-contextualhover a:hover, .s-lanzelot .b-contextualhover a:active, .s-lanzelot .b-contextualhover a:focus {border-bottom: 0 !important; color:#111!important; background-color:#fff!important; text-decoration: none!important; cursor:crosshair!important;} .index-page .b-contextualhover a:link, .index-page .b-contextualhover a:visited, .index-page .b-contextualhover a:hover, .index-page .b-contextualhover a:active, .index-page .b-contextualhover a:focus {color:#111!important; background-color:#fff!important; text-decoration: none!important; cursor:crosshair!important;} .b-contextualhover .alias-unavailable a:link, .b-contextualhover .alias-unavailable a:visited {color:#eee!important; text-decoration: underline!important;} .b-contextualhover .alias-unavailable a:hover, .b-contextualhover .alias-unavailable a:active, .b-contextualhover .alias-unavailable A:focus {color:#111!important; background-color:#fff!important; text-decoration: none!important; cursor:crosshair!important;} .b-contextualhover p {margin-bottom: 3px; font-size: 11px; line-height: 1.25;} .b-contextualhover .input-checkbox {margin-right: 2px; vertical-align: middle;} .b-contextualhover .b-contextualhover-section {overflow: hidden; padding: 0px;} .b-contextualhover .b-contextualhover-side {margin: -11px -66px 0 0; height: 0px; float: right; width: 60px;} .b-contextualhover .b-contextualhover-userpic {float: right; width: 55px; height: 55px; text-align: right;} .b-contextualhover .b-contextualhover-userpic a, .b-contextualhover .b-contextualhover-userpic a:hover {border: none !important;} .b-contextualhover .b-contextualhover-userpic img {max-width: 45px; max-height: 45px; border: 5px solid #191919;} .b-contextualhover .b-contextualhover-title {padding-bottom: 0px;} .b-contextualhover .b-contextualhover-title a:hover {text-decoration: none !important;} .b-contextualhover .b-contextualhover-title h3 {color: #eee; font-family: 'Carme', sans-serif; margin-bottom: 2px; font-weight: normal; font-style: normal; font-size: 11px; line-height: 1.25;} .b-contextualhover .b-contextualhover-options {margin: 0; padding: 1px 0; border-top: 0px; list-style: none;} .b-contextualhover .b-contextualhover-options li {margin-bottom: 0px; line-height: 1.25; font-size: 11px!important;} .b-contextualhover .b-contextualhover-options li a:hover {text-decoration: none !important;} .b-contextualhover .b-contextualhover-param {line-height: 18px; margin:0 0 6px;} .b-contextualhover .b-contextualhover-param-item {list-style: none;} .b-contextualhover-param-item .b-icon-scapital {margin:0 2px 0 0;} .b-icon-scapital {float: left; width: 16px; height: 16px; margin:0 2px 0 0; background-image: url(/img/icon-social-capital.png?v=19876); background-repeat: no-repeat; background-position: 0 50%;} .b-icon-scapital-first {background-position: -17px 50%;} .b-popup-outer {position: relative; padding: 1px; background: #111; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; z-index: 100;} .b-popup-inner {padding: 10px; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} .b-popup div, .b-popup strong, .b-popup label {color: #eee;}	Light version: (Static) (Live)/- 005 Looking Back light ver. Layout by lu_hesperia at ourhappyhours.livejournal.com Tiny icons by pinvoke.com -/ @font-face {font-family: 'Carme'; font-style: normal; font-weight: 400; src: local('Carme Regular'), local('Carme'), url(http://themes.googleusercontent.com/static/fonts/carme/v4/Upg28fsDDYxCiFrWVodtfA.woff) format('woff');} ::selection {background-color:#f5f5f5; color:#333;} ::-moz-selection {background-color:#f5f5f5; color:#333;} body {text-align: justify; color:#333; font-family: 'Carme', sans-serif; font-size: 11px; margin: 20px 0;} strong, b {font-family: 'Carme';} a, a:link, a:visited {color:#333; text-decoration: underline;} a:hover {color:#fff; background-color:#111; text-decoration: none; cursor:crosshair;} ul {padding: 0px!important;} blockquote {padding: 8px; border-top: 1px solid #333; border-bottom: 1px solid #333;} code, kbd, pre, tt {font-family: consolas;} h2 {font-weight: normal; color: #fff!important; background-color: #111; font-family: consolas; text-align: center; color: transparent; padding: 2px 0px; margin-top:-5px; text-transform: uppercase; font-size: 11px;} b.ljcut-link a, b.ljcut-link a:link, b.ljcut-link a:visited {text-decoration:none!important;} #content {margin-left: auto; margin-right: auto; background-color: transparent; padding: 0px;} #maincontent {width: 430px; margin:auto; margin-top: 32px; padding-top:50px; font-size: 11px; background-color: transparent;} #sidebar {text-align: justify; width:100%; margin-top: -27px; background-color: transparent; background-image: url('http://i.imgur.com/RLZeS.png'); position:fixed; z-index: 1; height: 50px; overflow: hidden;} #sidebar div {display:none;} #header {background-color: transparent; background-image: url('http://i.imgur.com/4V6Oi.png'); width: 100%; color: #000; text-align: center; font-size: 21px; text-transform: lowercase; position:fixed; margin-top: -52px; z-index:1;} div#header a, div#header a:link, div#header a:visited {color: #000; text-decoration: none;} div#header a:hover {color: #fff;} .title {display:none} .subtitle {display:none} ul.navheader {margin: 0px;} ul.navheader li {display: inline; text-align:center; padding: 0 3px;} .subcontent {} .entry {padding: 8px 15px; text-align: justify;} .entry_text {min-height: 50px;} .entry_text img {max-width: 400px;} .userpic, .userpicfriends {position: relative; float: right; background-color: transparent!important; color: transparent!important; padding: 0px; margin: 0px -126px 0 0px; text-align: center; font-size: 10px;} .userpic img, .userpicfriends img {background:transparent; border: 8px solid #111; background-image: url(); width:80px; height:80px;} .userpicfriends font {color:#333;} div.userpic a, div.userpic a:link, div.userpic a:visited, div.userpicfriends a, div.userpicfriends a:link, div.userpicfriends a:visited {color:#333; text-decoration: none;} div.userpic a:hover, div.userpicfriends a:hover {color:#333; background-color:transparent;} .date {font-family: consolas; width: 160px; text-align: center; background-color: white; margin:auto; margin-top: -8px; text-transform: uppercase;} .subject {padding: 10px; width: 200px; margin: -20px 0 0 -239px; color: #000; text-align: right; font-size: 21px; text-transform: lowercase;} .subject a, .subject a:link, .subject a:visited {color: #000; text-decoration: none;} .subject a:hover {color: #fff;} .datesubject {border-top: 1px solid #333; height: 10px;} .entry ul li {margin-left: 20px;} .entry ol li {margin-left: -12px;} .ljtags {color:#222; font-weight: bold; margin-top: 12px;} div.ljtags a {font-weight: normal; text-decoration:none;} .currents a, currents a:link, .currents a:visited, .currents a:hover {color:#333; text-decoration:none; background-color:transparent;} .currents {margin-bottom: 5px; text-transform: capitalize;} .currentmood, .currentmusic, .currentgroups, .currentlocation {background-color: transparent;} .currents strong, .currentmood strong, .currentgroups strong, .currentlocation strong, .currentmusic strong {color:#222;} .comments {background-color:#111; font-family: consolas; text-align: center; color: transparent; position: relative; padding: 2px 0px; margin-top:10px; margin-left: -15px; text-transform: uppercase; width: 430px;} div.comments a, div.comments a:link, div.comments a:visited {color: #fff; text-decoration: none;} div.comments a:hover {color: #111; background-color: #fff;} .separator {height: 35px;} .sbarbody {text-align:center; padding-bottom:50px;} div#sidebar_linklist.sbarbody {display:inline!important;} ul.sbarlist {margin-top: -8px; padding-left: 0px; margin-left: 0px; list-style: none;} li.sbaritem {display: inline; padding-left: 3px; padding-right: 3px; text-transform: uppercase; font-family:consolas;} li.sbaritem a, li.sbaritem a:link, li.sbaritem a:visited {color:#222; text-decoration: none;} li.sbaritem a:hover {color:#fff;} li.sbartitle {display:none;} li.sbarblank {margin-top: -12px;} #footer {width:430px; text-align: right; font-size: 21px; text-transform: lowercase; z-index: 100; clear: both; margin:auto; margin-top: -25px;} div#footer a, div#footer a:link, div#footer a:visited {text-decoration: none;} div#footer a:hover {} ul.navfooter {padding: 0px; margin: 0px;} ul.navfooter li {display: inline; margin: 0 0px 0 5px;} .clearfoot {clear: both;} #footer .viewing {display:none;} ul.year {text-align: center; font-size: 20px; background-color: transparent; color: #000; z-index: 100; clear: both; margin-top: -12px;} ul.year a, ul.year a:link, ul.year a:visited {text-decoration:none; color:#000;} ul.year a:hover {text-decoration:none; color:#fff;} ul.year li {display: inline; padding-left:5px; padding-right:5px;} table.yeartable {margin-left: auto; margin-right: auto;} table.yeartable a, table.yeartable a:link, table.yeartable a:visited {text-decoration:none;} table.yeartable td.yeardate, table.yeartable td.yearday {text-align: center; background-color: #fff;} table.yeartable td.yearday {background-color: #fff;text-align: center;} td.yearmonth {border-style: none;} .ljtaglist {color: #666; background-color: transparent; list-style-type:none; padding: 5px 15px 15px 15px!important; border-bottom:1px solid #333;} .ljtaglist a, ljtaglist a:link, ljtaglist a:visited {text-transform: uppercase; text-decoration: none;} input#subject.textbox {font-size:11px;} textarea#body.textbox {font-size:11px;} textarea#commenttext.textbox {font-size:11px;} div#qrformdiv {padding-bottom:15px} .datesubjectcomment {background-color: transparent;} .userpiccomment {width: 80px; height: 80px; float:right; position: relative; margin: -16px -141px 0 0; padding: 8px; background-color:#111!important;} .box {padding: 0px; clear: left; margin-top:-15px; margin-bottom: 20px;} input, textarea {font-family:consolas; background-color: #111; color: #fff; font-size: 9px; border: 0px;} textarea.textbox {width: 100% !important;} .commentreply {text-align: justify; margin: 5px 0px;} .commentreply img {max-width:100%;} .commentbox {border-top:1px solid #333; padding: 15px; background-color: transparent; margin-top: 10px; min-height: 70px;} .commentboxpartial {padding: 10px;} .commentinfo {margin-top: 10px; width: 100%;} .skiplinks {text-align:center; color:transparent; text-transform:lowercase; font-size:10px; margin-top: -30px; margin-bottom: 17px;} .skiplinks a, .skiplinks a:link, .skiplinks a:visited {text-decoration: none;} .skiplinks a:hover {} .clear {height: 0px;} form#qrform table {border-width: 0px !important;} div#qrformdiv {padding: 0px 15px 25px 15px;} select {font-family:consolas; font-size: 11px; color: #333; background-color: #fff; cursor: crosshair;} img[src="icon_protected.gif"], img[src="icon_private.gif"], img[src="icon_groups.gif"], img[src="icon_sticky.png"], .ljuser img[src="syndicated.gif"], .ljuser img[src="newsinfo.gif"], .ljuser img[src="partnercomm.gif"], .ljuser img[src="sponcomm.gif"] , img[src="btn_del.gif"], img[src="btn_edit.gif"], img[src="btn_spam.gif"], img[src="btn_scr.gif"], img[src="btn_unscr.gif"], img[src="btn_freeze.gif"], img[src="btn_unfreeze.gif"], img[src="btn_track.gif"], img[src="btn_tracking.gif"], img[src="btn_tracking_thread.gif"] , img[src="anonymous.gif"], img[src="openid-profile.gif"], img[src="userinfo.gif"], img[src="talk/none.gif"], img[src="help.gif"], img[src="pencil.gif"] {height: 0px; width: 0px; padding: 0 0 16px 16px !important; background: transparent none no-repeat scroll 0 0; } .subject img {vertical-align: middle !important;} img[src="icon_protected.gif"]{background-image: url(http://i.imgur.com/rkWgU.png);} img[src="icon_private.gif"]{background-image: url(http://i.imgur.com/mNHdJ.png);} img[src="icon_groups.gif"]{background-image: url(http://i.imgur.com/KgjGQ.png);} img[src="icon_sticky.png"]{background-image: url(http://i.imgur.com/FLp83.png);} .ljuser img[src="syndicated.gif"]{background-image: url(http://i.imgur.com/VW920.png) !important;} .ljuser img[src="newsinfo.gif"] {background-image: url(http://i.imgur.com/r6EzA.png) !important;} .ljuser img[src="partnercomm.gif"]{background-image: url(http://i.imgur.com/cJzp8.png) !important;} .ljuser img[src="sponcomm.gif"] {background-image: url(http://i.imgur.com/zupNZ.png) !important;} img[src="btn_unspam.gif"]{background-image: url(http://i.imgur.com/wuJqY.png);} img[src="btn_spam.gif"]{background-image: url(http://i.imgur.com/o63uw.png);} img[src="btn_del.gif"]{background-image: url(http://i.imgur.com/Eci4Q.png);} img[src="btn_scr.gif"] {background-image: url(http://i.imgur.com/IW1FR.png);} img[src="btn_unscr.gif"] {background-image: url(http://i.imgur.com/aVYvC.png);} img[src="btn_freeze.gif"] {background-image: url(http://i.imgur.com/7KTc8.png);} img[src="btn_unfreeze.gif"] {background-image: url(http://i.imgur.com/80cia.png);} img[src="btn_track.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="btn_tracking.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="btn_tracking_thread.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="anonymous.gif"] {background-image: url(http://i.imgur.com/pOnEG.png);} img[src="openid-profile.gif"] {background-image: url(http://i.imgur.com/J4DG0.png);} img[src="userinfo.gif"] {background-image: url(http://i.imgur.com/NpNX0.png);} img[src="talk/none.gif"] {background-image: url(http://i.imgur.com/zKR7h.png);} img[src="help.gif"] {background-image: url(http://i.imgur.com/W4MKd.png);} img[src="pencil.gif"],img[src="btn_edit.gif"] {background-image: url(http://i.imgur.com/AQfq6.png);} span.i-ljuser img[src="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://l-stat.livejournal.com/img/userinfo.gif?v=94.3) no-repeat !important; padding: 0 0 0 0 !important;} span.i-ljuser img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://l-stat.livejournal.com/img/userinfo.gif?v=94.3) no-repeat !important; padding: 0 0 0 0 !important;} span.ljuser a {text-decoration: none;} span.ljuser a:hover {color;#fff!important;} .w-cs {background-color: transparent!important; background-image: url('http://i.imgur.com/wPNDu.png')!important; color:#222; min-height:50px; text-transform: lowercase; font-family: 'Carme', sans-serif; position:fixed;} .w-cs a:link, .w-cs a:visited, .w-cs a:hover, .w-cs a:active {font: 10px 'Carme' !important;} .w-cs .ljuser a:link, .w-cs .ljuser a:visited, .w-cs .ljuser a:hover, .w-cs .ljuser a:active, .w-cs .ljuser a:link b, .w-cs .ljuser a:visited b, .w-cs .ljuser a:hover b, .w-cs .ljuser a:active b {font-size: 12px !important; font-weight: bold !important; text-transform: none; font-family: 'Carme'!important; color: #222 !important;} .w-cs .w-cs-userinfo {background-color: transparent!important; color:#222; border:0px;} .w-cs .w-cs-summary li.w-cs-i-tokens {border:0px;} .w-cs a:link, .w-cs a:visited, .w-cs a:active {color: #222 !important;} .w-cs a:hover {color:#222 !important} .w-cs .w-cs-summary {background-color: transparent!important; background-image: url('')!important;} .w-cs-user-controls .w-cs-status p {background-color: transparent!important; color:#222 !important; font-family: 'Carme', sans-serif; font-size:11px;} .w-cs .w-cs-summary {background:transparent!important; color:transparent!important} .w-cs .w-cs-search .w-cs-text {width: 150px; border-right: 25px solid #111;} .w-cs .w-cs-search-inner {display:none;} .w-cs .w-cs-text {background-color:#111} .w-cs .w-cs-menu li {padding-left:0px!important; background: none!important;} .w-cs .w-cs-menu li.w-cs-i-home a, .w-cs .w-cs-menu li.w-cs-i-post a, .w-cs .w-cs-menu li.w-cs-i-friends a, .w-cs .w-cs-menu li.w-cs-i-account a, .w-cs .w-cs-menu li.w-cs-i-faq a, .w-cs .w-cs-menu li.w-cs-i-recent a, .w-cs .w-cs-menu li.w-cs-i-entries a, .w-cs .w-cs-menu li.w-cs-i-invite a, .w-cs .w-cs-menu li.w-cs-i-add a, .w-cs .w-cs-menu li.w-cs-i-leave a, .w-cs .w-cs-menu li.w-cs-i-watch a, .w-cs .w-cs-menu li.w-cs-i-unwatch a, .w-cs .w-cs-menu li.w-cs-i-directory a, .w-cs .w-cs-menu li.w-cs-i-invites a, .w-cs .w-cs-menu li.w-cs-i-members a, .w-cs .w-cs-menu li.w-cs-i-members a.i-invites, .w-cs .w-cs-menu li.w-cs-i-catalogue a, .w-cs .w-cs-menu li.w-cs-i-edit a, .w-cs .w-cs-menu li.w-cs-i-manage a, .w-cs .w-cs-menu li.w-cs-i-gift a, .w-cs .w-cs-menu li.w-cs-i-tags a, .w-cs .w-cs-menu li.w-cs-i-message a, .w-cs .w-cs-menu li.w-cs-i-groups a, .w-cs .w-cs-menu li.w-cs-i-calendar a, .w-cs .w-cs-menu li.w-cs-i-friendsfriends a, .w-cs .w-cs-menu li.w-cs-i-like a, .w-cs .w-cs-menu li.w-cs-i-share a {padding-left:0px;} ::-webkit-scrollbar {width:6px; height:6px;} ::-webkit-scrollbar-track-piece {background-color:#fff;} ::-webkit-scrollbar-thumb {background-color:#111;} ::-webkit-scrollbar-thumb:hover {background-color:#111;} ::-webkit-scrollbar-corner {background-color:#fff;} .b-popup-contextual .i-popup-arrtl, .b-popup-contextual .i-popup-arrbl {display:none;} .b-popup-contextual .i-popup-arrtr, .b-popup-contextual .i-popup-arrbr {display:none;} .b-contextualhover {min-width:150px; width: auto; min-height: 38px; margin-left: 0px; color: #fff; text-align: justify; font-size: 11px!important; font-family: 'Carme', sans-serif; line-height: 1.25;} .b-contextualhover, .b-contextualhover div, .b-contextualhover p, .b-contextualhover ul, .b-contextualhover ol, .b-contextualhover li, .b-contextualhover label, .b-contextualhover img, .b-contextualhover span, .b-contextualhover h3, .b-contextualhover input {padding: 0; margin: 0; color: #fff; font-size:11px!important;} .b-contextualhover img {border: none;} .b-contextualhover a:link, .b-contextualhover a:visited {border-bottom: 0 !important; color:#fff!important; text-decoration: underline!important; background: none;} .b-contextualhover a:hover, .b-contextualhover a:active, .b-contextualhover a:focus {border-bottom: 0 !important; color:#111!important; background-color:#fff!important; text-decoration: none!important; cursor:crosshair!important;} .s-lanzelot .b-contextualhover a:link, .s-lanzelot .b-contextualhover a:visited {border-bottom: 0 !important; color:#fff!important; text-decoration: underline!important;} .s-lanzelot .b-contextualhover a:hover, .s-lanzelot .b-contextualhover a:active, .s-lanzelot .b-contextualhover a:focus {border-bottom: 0 !important; color:#111!important; background-color:#fff!important; text-decoration: none!important; cursor:crosshair!important;} .index-page .b-contextualhover a:link, .index-page .b-contextualhover a:visited, .index-page .b-contextualhover a:hover, .index-page .b-contextualhover a:active, .index-page .b-contextualhover a:focus {color:#111!important; background-color:#fff!important; text-decoration: none!important; cursor:crosshair!important;} .b-contextualhover .alias-unavailable a:link, .b-contextualhover .alias-unavailable a:visited {color:#fff!important; text-decoration: underline!important;} .b-contextualhover .alias-unavailable a:hover, .b-contextualhover .alias-unavailable a:active, .b-contextualhover .alias-unavailable A:focus {color:#111!important; background-color:#fff!important; text-decoration: none!important; cursor:crosshair!important;} .b-contextualhover p {margin-bottom: 3px; font-size: 11px; line-height: 1.25;} .b-contextualhover .input-checkbox {margin-right: 2px; vertical-align: middle;} .b-contextualhover .b-contextualhover-section {overflow: hidden; padding: 0px;} .b-contextualhover .b-contextualhover-side {margin: -11px -75px 0 0; height: 0px; float: right; width: 60px;} .b-contextualhover .b-contextualhover-userpic {float: right; width: 55px; height: 55px; text-align: right;} .b-contextualhover .b-contextualhover-userpic a, .b-contextualhover .b-contextualhover-userpic a:hover {border: none !important;} .b-contextualhover .b-contextualhover-userpic img {max-width: 45px; max-height: 45px; border: 5px solid #111;} .b-contextualhover .b-contextualhover-title {padding-bottom: 0px;} .b-contextualhover .b-contextualhover-title a:hover {text-decoration: none !important;} .b-contextualhover .b-contextualhover-title h3 {color: #fff; font-family: 'Carme', sans-serif; margin-bottom: 2px; font-weight: normal; font-style: normal; font-size: 11px; line-height: 1.25;} .b-contextualhover .b-contextualhover-options {margin: 0; padding: 1px 0; border-top: 0px; list-style: none;} .b-contextualhover .b-contextualhover-options li {margin-bottom: 0px; line-height: 1.25; font-size: 11px!important;} .b-contextualhover .b-contextualhover-options li a:hover {text-decoration: none !important;} .b-contextualhover .b-contextualhover-param {line-height: 18px; margin:0 0 6px;} .b-contextualhover .b-contextualhover-param-item {list-style: none;} .b-contextualhover-param-item .b-icon-scapital {margin:0 2px 0 0;} .b-icon-scapital {float: left; width: 16px; height: 16px; margin:0 2px 0 0; background-image: url(/img/icon-social-capital.png?v=19876); background-repeat: no-repeat; background-position: 0 50%;} .b-icon-scapital-first {background-position: -17px 50%;} .b-popup-outer {position: relative; padding: 1px; background: #111; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; z-index: 100;} .b-popup-inner {padding: 10px; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} .b-popup div, .b-popup strong, .b-popup label {color: #fff;}

INSTALLATION
(1) Apply any Flexible Squares theme. Make sure the page set up is either 2 Column (sidebar on left) or 2 Column (sidebar on right) or else the topbar won't show. Set the ads to vertical or between entries. (2) Display → Navigation Strip color: Dark gray for the dark version and Light gray for the light version. (3) Text → There you can edit your navigation, currents and comments text so that they look like in the preview. (4) Sidebar → Ordering: Link List. (5) Custom CSS → Set all drop-down boxes to No and paste the code.
NOTES AND CREDITS
→ Don't redistribute or claim as your own. → Credit is nice. → Tiny icons by pinvoke.com → Preview icon by snm_queen at iconstrain

Getting rid of the blue strip

lu_hesperia — Thu, 01 Nov 2012 17:19:50 GMT

If you're tired of seeing that blue strip, the one with the message regarding the new friends page, add this bit to your CSS code:

Keep in mind that this fix will always hide this blue strip, even if it contains a completely different message, e.g., message offering the paid account trial.
~~Hope this is allowed.~~

Btw, tomorrow I'll post a new layout :)

IV. In Blue

lu_hesperia — Fri, 14 Sep 2012 05:38:12 GMT

( STATIC ) ( LIVE )

IV. IN BLUE
→ S2 Flexible Squares → Basic, plus and paid; ad placement between entries or horizontal. → Features custom comment pages, title and topbar. → Subtitle, navigation and everything in the sidebar except for the blurb and the link list is disabled. → The link list appears when hovering over the right side of the sidebar. To make it always visible delete the last line of the code.
PREVIEW AND CODE
(Static) (Live)
For Communities: /- 004 In Blue (for communities) Layout by lu_hesperia at ourhappyhours.livejournal.com Tiny icons by pinvoke.com -/ body {background:#cad4ee url() repeat fixed; text-align: justify; color:#939393; font-family: "Georgia","Times New Roman"; font-size: 11px; margin: 20px 0 20px 0;} ::selection {background-color: #dae2f2; color: #fff;} ::-moz-selection {background-color: #dae2f2; color: #fff;} a, a:link, a:visited {color:#cad4ee; text-decoration: none;} a:hover {color:#ababab; text-decoration: none;} p, td {} blockquote {font-style:italic; padding: 5px 8px 5px 8px; background-color:#edf1f9; border-left: 3px solid #dae2f2; border-right: 3px solid #dae2f2;} code, kbd, pre, tt {font-family: 'Consolas', monospace;} h2 {display:none;} #content {width: 650px; margin-left: auto; margin-right: auto;} #maincontent {margin-top: 32px;} #sidebar {text-align: justify; margin-top: -11px; margin-bottom: 5px; background-color: #dae2f2; color: #939393; color:#fff; border-bottom: 3px solid #d0dbf5;} #header {background-color: transparent; margin: 0; padding: 5px 5px 18px 10px; color: #bee1ea; text-align: center; font-size: 13px; text-transform: uppercase;} div#header a, div#header a:link, div#header a:visited {color: #bee1ea; text-transform: uppercase; padding: 25px 0;} div#header a:hover {color: #76d4e2; border-bottom: 6px solid #76d4e2;} .headerimage {} .title {text-transform: lowercase; font-size: 34px; color: #dae2f2; line-height: 16px; margin-bottom: -4px; margin-top: 5px;} .subtitle {display:none;} ul.navheader {display:none;} ul.navheader li {display:none;} .subcontent {} .entry {padding: 10px 12px 12px; background-color: #fff; color: #939393; text-align: justify; border-bottom:3px solid #d0dbf5;} .entry_text img {max-width: 626px;} .entry_text {min-height: 95px;} .userpic, .userpicfriends {position: relative; float: right; background-color: #d1dbef!important; color:#d1dbef; padding: 10px 10px 5px 10px; text-align: center; font-size: 10px; z-index: 15; margin-left:12px; margin-bottom:8px;} .userpic img, .userpicfriends img {background:transparent; padding:6px; padding-bottom:5px;} .userpicfriends font {color:#fff; line-height: 10px;} div.userpic a, div.userpic a:link, div.userpic a:visited, div.userpicfriends a, div.userpicfriends a:link, div.userpicfriends a:visited {color:#fff;} div.userpic a:hover, div.userpicfriends a:hover {color:#fff;} .date {margin: 5px 10px 0 10px; float: right; line-height: 300%; top: 10px; color: #f1f4fa; font-size: 10px; background-color: transparent;} .subject {padding: 10px; color: #fff; text-align: left; font-size: 16px; text-transform:lowercase; font-weight: bold;} .subject a, .subject a:link, .subject a:visited { color: #fff;} .subject a:hover {font-style:italic;} .datesubject {background-color: #dae2f2; padding: 0px;} div.ljtags a {font-weight: normal;} .currents {font-size: 10px; color: #ababab; margin-top: 5px; text-align: right; line-height: 1; text-transform: lowercase; background-color: #f1f4fa; padding: 4px;} .currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong {display: none;} .currentlocation, .currentmood, .currentgroups , .currentmusic {padding: 0 15px 0 0; background: transparent none scroll 100% 50% no-repeat;} .currentlocation {background-image: url(http://i.imgur.com/bHdOZ.png)} .currentmood{background-image: url(http://i.imgur.com/kVuYu.png)} .currentgroups {background-image: url(http://i.imgur.com/v4J41.png)} .currentmusic {background-image: url(http://i.imgur.com/FF3dF.png)} .ljcut-link {color:#cad4ee;} .ljtags {margin-top: 12px; text-align: left; text-transform: uppercase; font-size: 10px; color: #ababab; line-height: 1;} .comments {font-size: 15px; text-align: right; color: #fff; letter-spacing: -1px; position: relative; padding: 0px 0px; margin-top: 5px;} div.comments a, div.comments a:link, div.comments a:visited {color: #ababab;} div.comments a:hover {color: #bfbfbf;text-decoration: none;} .separator {height: 30px;} .defaultuserpic {display:none;} .sbarheader {padding: 0px 5px 0px 5px;} .sbarbody {padding: 0px 5px 0px 5px;} .sbarbody2 {padding: 8px 10px 5px 10px;} .sbarbody2 img {max-width:630px;} div#sidebar a, div#sidebar a:link, div#sidebar a:visited {} div#sidebar a:hover {text-decoration: none;} table.calendar {display:none;} .sbarcalendar, .sbarcalendarposts {display:none;} #sidebar_summary.sbarbody {display:none;} #sidebar_tags.sbarbody {display:none;} ul.sbarlist {list-style: none; float: right; margin: -60px -230px 0 0; width: 200px; max-height: 10px;} ul.sbarlist:hover {opacity: 1!important; filter: alpha(opacity=100)!important;} li.sbaritem {padding: 5px; background-color: #dae2f2; border-bottom: 3px solid #d0dbf5; border-top: 5px solid #cad4ee;} li.sbaritem a, li.sbaritem a:link, li.sbaritem a:visited {font-size: 12px; font-weight: bold; text-transform: lowercase; color: #fff; margin-left: 3px;} li.sbaritem a:hover {font-style:italic;} li.sbartitle {display:none;} #footer {text-align: center; font-size: 34px; text-transform: lowercase; background-color: transparent; background-image: url('http://i.imgur.com/pb1St1I.png'); z-index: 100; clear: both; margin-top:-20px; margin-bottom:-20px; line-height:0.9; padding-bottom: 15px;} div#footer a, div#footer a:link, div#footer a:visited {color: #dae2f2; text-transform: lowercase; padding: 15px 0;} div#footer a:hover {color: #dae2f2;} ul.navfooter{padding: 0px; margin: 0px;} ul.navfooter li {display: inline; margin: 0 5px 0 5px;} .clearfoot {clear: both;} #footer .viewing { display:none;} ul.year {padding: 10px; text-align: center; font-size: 16px; font-weight: bold; background-color: #dae2f2; color: #fff; z-index: 100; clear: both;} ul.year a, ul.year a:link, ul.year a:visited {color: #fff;} ul.year a:hover {font-style:italic;} ul.year li {display:inline;} table.yeartable {margin-left: auto; margin-right: auto;} table.yeartable td.yeardate, table.yeartable td.yearday {color: #ababab; text-align: center; background-color: #fff;} td.yearmonth {font-size:12px; border-style: none;} .ljtaglist {font-size: 10px; color: #ababab; background-color: #fff; list-style-type:none; padding: 12px 12px 12px 12px; border-bottom:3px solid #d0dbf5; text-transform: uppercase;} .ljtaglist a, ljtaglist a:link, ljtaglist a:visited {} .ljtaglist a:hover {} input#subject.textbox {background-color: #fff;} textarea#body.textbox {background-color: #fff;} textarea#commenttext.textbox {background-color: #fff;} div#qrformdiv {padding-bottom:15px} .datesubjectcomment {padding: 5px; background-color: #dae2f2; color: #f1f4fa;} .datesubjectcomment a, .datesubjectcomment a:link, .datesubjectcomment a:visited {color:#fff;} .datesubjectcomment a:hover {color:#ababab;} .userpiccomment {position: relative; background-color: #d1dbef; width: 80px; height: 80px; padding: 12px; margin: -5px 12px 4px -5px; z-index: 15; float: left;} .box {color: #dae2f2; background-color: #fff; padding: 12px;} input, textarea {background-color: #fff; color: #ababab; font-size: 11px; border: 1px solid #dae2f2;} textarea.textbox {width: 100% !important;} .reply {position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; line-height: 125%; background-color: #d4dce8; color: #fff;} .replytosubject {} .commentreply {position: relative; margin: 12px 0 12px 12px; text-align: justify; color: #939393;} .commentreply img {max-width:100%;} .commentbox {min-height: 104px; margin-top: 10px;padding-bottom: 5px;} .commentboxpartial {padding: 10px; margin: 10px;} .commentinfo {margin-top: 10px; width: 100%;} .skiplinks {text-align:center; color:#cad4ee; text-transform:uppercase; font-size:10px; margin-top:-20px; margin-bottom:6px;} .skiplinks a, .skiplinks a:link, .skiplinks a:visited {color: #f1f4fa;} .skiplinks a:hover {color:#fff;} .clear {height: 0px;} form#qrform table {border-width: 0px !important;} img[src="icon_protected.gif"], img[src="icon_private.gif"], img[src="icon_groups.gif"], img[src="icon_sticky.png"], .ljuser img[src="syndicated.gif"], .ljuser img[src="newsinfo.gif"], .ljuser img[src="partnercomm.gif"], .ljuser img[src="sponcomm.gif"] , img[src="btn_del.gif"], img[src="btn_edit.gif"], img[src="btn_spam.gif"], img[src="btn_scr.gif"], img[src="btn_unscr.gif"], img[src="btn_freeze.gif"], img[src="btn_unfreeze.gif"], img[src="btn_track.gif"], img[src="btn_tracking.gif"], img[src="btn_tracking_thread.gif"] , img[src="anonymous.gif"], img[src="openid-profile.gif"], img[src="userinfo.gif"], img[src="talk/none.gif"], img[src="help.gif"], img[src="pencil.gif"] {height: 0px; width: 0px; padding: 0 0 16px 16px !important; background: transparent none no-repeat scroll 0 0; } .subject img {vertical-align: middle !important;} img[src="icon_protected.gif"]{background-image: url(http://i.imgur.com/rkWgU.png);} img[src="icon_private.gif"]{background-image: url(http://i.imgur.com/mNHdJ.png);} img[src="icon_groups.gif"]{background-image: url(http://i.imgur.com/KgjGQ.png);} img[src="icon_sticky.png"]{background-image: url(http://i.imgur.com/FLp83.png);} .ljuser img[src="syndicated.gif"]{background-image: url(http://i.imgur.com/VW920.png) !important;} .ljuser img[src="newsinfo.gif"] {background-image: url(http://i.imgur.com/r6EzA.png) !important;} .ljuser img[src="partnercomm.gif"]{background-image: url(http://i.imgur.com/cJzp8.png) !important;} .ljuser img[src="sponcomm.gif"] {background-image: url(http://i.imgur.com/zupNZ.png) !important;} img[src="btn_unspam.gif"]{background-image: url(http://i.imgur.com/wuJqY.png);} img[src="btn_spam.gif"]{background-image: url(http://i.imgur.com/o63uw.png);} img[src="btn_del.gif"]{background-image: url(http://i.imgur.com/Eci4Q.png);} img[src="btn_scr.gif"] {background-image: url(http://i.imgur.com/IW1FR.png);} img[src="btn_unscr.gif"] {background-image: url(http://i.imgur.com/aVYvC.png);} img[src="btn_freeze.gif"] {background-image: url(http://i.imgur.com/7KTc8.png);} img[src="btn_unfreeze.gif"] {background-image: url(http://i.imgur.com/80cia.png);} img[src="btn_track.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="btn_tracking.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="btn_tracking_thread.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="anonymous.gif"] {background-image: url(http://i.imgur.com/pOnEG.png);} img[src="openid-profile.gif"] {background-image: url(http://i.imgur.com/J4DG0.png);} img[src="userinfo.gif"] {background-image: url(http://i.imgur.com/HvA3D.png);} img[src="talk/none.gif"] {background-image: url(http://i.imgur.com/zKR7h.png);} img[src="help.gif"] {background-image: url(http://i.imgur.com/W4MKd.png);} img[src="pencil.gif"],img[src="btn_edit.gif"] {background-image: url(http://i.imgur.com/AQfq6.png);} span.i-ljuser img[src="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/HvA3D.png) no-repeat !important; padding: 16px 0 0 16px !important;} span.i-ljuser img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/gxaHe.png) no-repeat !important; padding: 16px 0 0 16px !important;} .ljuser a {font-weight:bold;} .w-cs {font-family: "Georgia","Times New Roman"!important; background:#d1dbef; color:#444444; min-height:50px; text-transform: lowercase; font-size: 11px; } .w-cs .w-cs-userinfo {font-family: "Georgia","Times New Roman"!important; background:#d1dbef; border color:#444444; color:#444444; border:0px;} .w-cs .w-cs-summary li.w-cs-i-tokens {font-family: "Georgia","Times New Roman"!important; border:0px;} .w-cs a:link, .w-cs a:visited, .w-cs a:active {color: #f1f4fa !important;} .w-cs a:hover {color:#fff !important} .w-cs .w-cs-summary {font-family: "Georgia","Times New Roman"!important; background:#d1dbef;} .w-cs-user-controls .w-cs-status p {font-family: "Georgia","Times New Roman"!important; color: #f1f4fa!important; letter-spacing: 0px; font-size: 11px;} .w-cs .w-cs-summary {font-family: "Georgia","Times New Roman"!important; background:transparent!important; color:transparent!important} .w-cs .ljuser a:link, .w-cs .ljuser a:visited, .w-cs .ljuser a:active, .w-cs .ljuser a:link b, .w-cs .ljuser a:visited b, .w-cs .ljuser a:active b {font-size: 12px !important; font-weight: bold !important; text-transform: none; color: #f1f4fa!important; font-family: "Georgia","Times New Roman"!important;} .w-cs .ljuser a:hover, .w-cs .ljuser a:hover b {font-style:italic!important; color: #fff!important;} .w-cs .w-cs-search .w-cs-text {width: 150px; border-right: 25px solid #dae2f2; background-color:#dae2f2;} .w-cs .w-cs-text {background-color: #dae2f2!important;} .w-cs .w-cs-search-inner {display:none;} .w-cs FORM.w-cs-login .note {font-family:'Arial', sans-serif; color: #f1f4fa; font-size:10px;} .w-cs .w-cs-menu li {padding-left:0px!important; background: none!important;} .w-cs .w-cs-menu li.w-cs-i-home a, .w-cs .w-cs-menu li.w-cs-i-post a, .w-cs .w-cs-menu li.w-cs-i-friends a, .w-cs .w-cs-menu li.w-cs-i-account a, .w-cs .w-cs-menu li.w-cs-i-faq a, .w-cs .w-cs-menu li.w-cs-i-recent a, .w-cs .w-cs-menu li.w-cs-i-entries a, .w-cs .w-cs-menu li.w-cs-i-invite a, .w-cs .w-cs-menu li.w-cs-i-add a, .w-cs .w-cs-menu li.w-cs-i-leave a, .w-cs .w-cs-menu li.w-cs-i-watch a, .w-cs .w-cs-menu li.w-cs-i-unwatch a, .w-cs .w-cs-menu li.w-cs-i-directory a, .w-cs .w-cs-menu li.w-cs-i-invites a, .w-cs .w-cs-menu li.w-cs-i-members a, .w-cs .w-cs-menu li.w-cs-i-members a.i-invites, .w-cs .w-cs-menu li.w-cs-i-catalogue a, .w-cs .w-cs-menu li.w-cs-i-edit a, .w-cs .w-cs-menu li.w-cs-i-manage a, .w-cs .w-cs-menu li.w-cs-i-gift a, .w-cs .w-cs-menu li.w-cs-i-tags a, .w-cs .w-cs-menu li.w-cs-i-message a, .w-cs .w-cs-menu li.w-cs-i-groups a, .w-cs .w-cs-menu li.w-cs-i-calendar a, .w-cs .w-cs-menu li.w-cs-i-friendsfriends a, .w-cs .w-cs-menu li.w-cs-i-like a, .w-cs .w-cs-menu li.w-cs-i-share a {padding-left:0px;} ::-webkit-scrollbar {width:10px; height:10px;} ::-webkit-scrollbar-track-piece {background-color:#fff;} ::-webkit-scrollbar-thumb {background-color:#dae2f2;} ::-webkit-scrollbar-thumb:hover {background-color:#e5ebf6;} ::-webkit-scrollbar-corner {background-color:#fff;} .b-popup-contextual .i-popup-arrtl, .b-popup-contextual .i-popup-arrbl {display:none;} .b-popup-contextual .i-popup-arrtr, .b-popup-contextual .i-popup-arrbr {display:none;} .b-contextualhover {min-width:150px; width: auto; min-height: 38px; margin-left: 0px; color: #939393; text-align: justify; font-size: 11px!important; font-family: "Georgia","Times New Roman"; line-height: 1.25;} .b-contextualhover, .b-contextualhover div, .b-contextualhover p, .b-contextualhover ul, .b-contextualhover ol, .b-contextualhover li, .b-contextualhover label, .b-contextualhover img, .b-contextualhover span, .b-contextualhover h3, .b-contextualhover input {padding: 0; margin: 0; color: #939393; font-size:11px!important;} .b-contextualhover img {border: none;} .b-contextualhover a:link, .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration: none !important; color: #cad4ee !important; background: none;} .b-contextualhover a:hover, .b-contextualhover a:active, .b-contextualhover a:focus {border-bottom: 0 !important; text-decoration: none !important; color: #ababab !important;} .s-lanzelot .b-contextualhover a:link, .s-lanzelot .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration: none !important; color: #cad4ee !important;} .s-lanzelot .b-contextualhover a:hover, .s-lanzelot .b-contextualhover a:active, .s-lanzelot .b-contextualhover a:focus {border-bottom: 0 !important; text-decoration: none !important; color: #ababab !important;} .index-page .b-contextualhover a:link, .index-page .b-contextualhover a:visited, .index-page .b-contextualhover a:hover, .index-page .b-contextualhover a:active, .index-page .b-contextualhover a:focus {color: #ababab !important;} .b-contextualhover .alias-unavailable a:link, .b-contextualhover .alias-unavailable a:visited {color: #cad4ee !important;} .b-contextualhover .alias-unavailable a:hover, .b-contextualhover .alias-unavailable a:active, .b-contextualhover .alias-unavailable A:focus {color: #ababab !important; text-decoration:none!important;} .b-contextualhover p {margin-bottom: 3px; font-size: 11px; line-height: 1.25;} .b-contextualhover .input-checkbox {margin-right: 2px; vertical-align: middle;} .b-contextualhover .b-contextualhover-section {overflow: hidden; padding: 0px;} .b-contextualhover .b-contextualhover-side {margin: -11px -66px 0 0; height: 0px; float: right; width: 60px;} .b-contextualhover .b-contextualhover-userpic {float: right; width: 55px; height: 55px; text-align: right;} .b-contextualhover .b-contextualhover-userpic a, .b-contextualhover .b-contextualhover-userpic a:hover {border: none !important;} .b-contextualhover .b-contextualhover-userpic img {max-width: 50px; max-height: 50px; border: 7px solid #d1dbef;} .b-contextualhover .b-contextualhover-title {padding-bottom: 0px;} .b-contextualhover .b-contextualhover-title a:hover {text-decoration: none !important;} .b-contextualhover .b-contextualhover-title h3 {color: #939393; font-family: "Georgia","Times New Roman"; margin-bottom: 2px; font-weight: normal; font-style: normal; font-size: 11px; line-height: 1.25;} .b-contextualhover .b-contextualhover-options {margin: 0; padding: 2px 0; border-top: 0px; list-style: none;} .b-contextualhover .b-contextualhover-options li {margin-bottom: 0px; line-height: 1.25; font-size: 11px!important;} .b-contextualhover .b-contextualhover-options li a:hover {text-decoration: none !important;} .b-contextualhover .b-contextualhover-param {line-height: 18px; margin:0 0 6px;} .b-contextualhover .b-contextualhover-param-item {list-style: none;} .b-contextualhover-param-item .b-icon-scapital {margin:0 2px 0 0;} .b-icon-scapital {float: left; width: 16px; height: 16px; margin:0 2px 0 0; background-image: url(/img/icon-social-capital.png?v=19876); background-repeat: no-repeat; background-position: 0 50%;} .b-icon-scapital-first {background-position: -17px 50%;} .b-popup-outer {position: relative; padding: 1px; background: #fff; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; z-index: 100;} .b-popup-inner {padding: 10px; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} .b-popup div, .b-popup strong, .b-popup label {color: #939393;} ul.sbarlist {opacity: 0!important; filter: alpha(opacity=0)!important;}	For Journals:/- 004 In Blue (for journals) Layout by lu_hesperia at ourhappyhours.livejournal.com Tiny icons by pinvoke.com -/ body {background:#cad4ee url() repeat fixed; text-align: justify; color:#939393; font-family: "Georgia","Times New Roman"; font-size: 11px; margin: 20px 0 20px 0;} ::selection {background-color: #dae2f2; color: #fff;} ::-moz-selection {background-color: #dae2f2; color: #fff;} a, a:link, a:visited {color:#cad4ee; text-decoration: none;} a:hover {color:#ababab; text-decoration: none;} p, td {} blockquote {font-style:italic; padding: 5px 8px 5px 8px; background-color:#edf1f9; border-left: 3px solid #dae2f2; border-right: 3px solid #dae2f2;} code, kbd, pre, tt {font-family: 'Consolas', monospace;} h2 {display:none;} #content {width: 650px; margin-left: auto; margin-right: auto;} #maincontent {margin-top: 32px;} #sidebar {text-align: justify; margin-top: -11px; margin-bottom: 5px; background-color: #dae2f2; color: #939393; color:#fff; border-bottom: 3px solid #d0dbf5;} #header {background-color: transparent; margin: 0; padding: 5px 5px 18px 10px; color: #bee1ea; text-align: center; font-size: 13px; text-transform: uppercase;} div#header a, div#header a:link, div#header a:visited {color: #bee1ea; text-transform: uppercase; padding: 25px 0;} div#header a:hover {color: #76d4e2; border-bottom: 6px solid #76d4e2;} .headerimage {} .title {text-transform: lowercase; font-size: 34px; color: #dae2f2; line-height: 16px; margin-bottom: -4px; margin-top: 5px;} .subtitle {display:none;} ul.navheader {display:none;} ul.navheader li {display:none;} .subcontent {} .entry {padding: 10px 12px 12px; background-color: #fff; color: #939393; text-align: justify; border-bottom:3px solid #d0dbf5;} .entry_text img {max-width: 626px;} .entry_text {min-height: 95px;} .userpic, .userpicfriends {position: relative; float: right; background-color: #d1dbef!important; color:#d1dbef; padding: 13px 13px 11px 13px; text-align: center; font-size: 10px; z-index: 15; margin-left:12px; margin-bottom:8px;} .userpic img, .userpicfriends img {background:transparent; padding:3px; padding-bottom:5px;} .userpicfriends font {color:#fff; line-height: 10px;} div.userpic a, div.userpic a:link, div.userpic a:visited, div.userpicfriends a, div.userpicfriends a:link, div.userpicfriends a:visited {color:#fff;} div.userpic a:hover, div.userpicfriends a:hover {color:#fff;} .date {margin: 5px 10px 0 10px; float: right; line-height: 300%; top: 10px; color: #f1f4fa; font-size: 10px; background-color: transparent;} .subject {padding: 10px; color: #fff; text-align: left; font-size: 16px; text-transform:lowercase; font-weight: bold;} .subject a, .subject a:link, .subject a:visited { color: #fff;} .subject a:hover {font-style:italic;} .datesubject {background-color: #dae2f2; padding: 0px;} div.ljtags a {font-weight: normal;} .currents {font-size: 10px; color: #ababab; margin-top: 5px; text-align: right; line-height: 1; text-transform: lowercase; background-color: #f1f4fa; padding: 4px;} .currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong {display: none;} .currentlocation, .currentmood, .currentgroups , .currentmusic {padding: 0 15px 0 0; background: transparent none scroll 100% 50% no-repeat;} .currentlocation {background-image: url(http://i.imgur.com/bHdOZ.png)} .currentmood{background-image: url(http://i.imgur.com/kVuYu.png)} .currentgroups {background-image: url(http://i.imgur.com/v4J41.png)} .currentmusic {background-image: url(http://i.imgur.com/FF3dF.png)} .ljcut-link {color:#cad4ee;} .ljtags {margin-top: 12px; text-align: left; text-transform: uppercase; font-size: 10px; color: #ababab; line-height: 1;} .comments {font-size: 15px; text-align: right; color: #fff; letter-spacing: -1px; position: relative; padding: 0px 0px; margin-top: 5px;} div.comments a, div.comments a:link, div.comments a:visited {color: #ababab;} div.comments a:hover {color: #bfbfbf;text-decoration: none;} .separator {height: 30px;} .defaultuserpic {display:none;} .sbarheader {padding: 0px 5px 0px 5px;} .sbarbody {padding: 0px 5px 0px 5px;} .sbarbody2 {padding: 8px 10px 5px 10px;} .sbarbody2 img {max-width:630px;} div#sidebar a, div#sidebar a:link, div#sidebar a:visited {} div#sidebar a:hover {text-decoration: none;} table.calendar {display:none;} .sbarcalendar, .sbarcalendarposts {display:none;} #sidebar_summary.sbarbody {display:none;} #sidebar_tags.sbarbody {display:none;} ul.sbarlist {list-style: none; float: right; margin: -60px -230px 0 0; width: 200px; max-height: 10px;} ul.sbarlist:hover {opacity: 1!important; filter: alpha(opacity=100)!important;} li.sbaritem {padding: 5px; background-color: #dae2f2; border-bottom: 3px solid #d0dbf5; border-top: 5px solid #cad4ee;} li.sbaritem a, li.sbaritem a:link, li.sbaritem a:visited {font-size: 12px; font-weight: bold; text-transform: lowercase; color: #fff; margin-left: 3px;} li.sbaritem a:hover {font-style:italic;} li.sbartitle {display:none;} #footer {text-align: center; font-size: 34px; text-transform: lowercase; background-color: transparent; background-image: url('http://i.imgur.com/pb1St1I.png'); z-index: 100; clear: both; margin-top:-20px; margin-bottom:-20px; line-height:0.9; padding-bottom: 15px;} div#footer a, div#footer a:link, div#footer a:visited {color: #dae2f2; text-transform: lowercase; padding: 15px 0;} div#footer a:hover {color: #dae2f2;} ul.navfooter{padding: 0px; margin: 0px;} ul.navfooter li {display: inline; margin: 0 5px 0 5px;} .clearfoot {clear: both;} #footer .viewing { display:none;} ul.year {padding: 10px; text-align: center; font-size: 16px; font-weight: bold; background-color: #dae2f2; color: #fff; z-index: 100; clear: both;} ul.year a, ul.year a:link, ul.year a:visited {color: #fff;} ul.year a:hover {font-style:italic;} ul.year li {display:inline;} table.yeartable {margin-left: auto; margin-right: auto;} table.yeartable td.yeardate, table.yeartable td.yearday {color: #ababab; text-align: center; background-color: #fff;} td.yearmonth {font-size:12px; border-style: none;} .ljtaglist {font-size: 10px; color: #ababab; background-color: #fff; list-style-type:none; padding: 12px 12px 12px 12px; border-bottom:3px solid #d0dbf5; text-transform: uppercase;} .ljtaglist a, ljtaglist a:link, ljtaglist a:visited {} .ljtaglist a:hover {} input#subject.textbox {background-color: #fff;} textarea#body.textbox {background-color: #fff;} textarea#commenttext.textbox {background-color: #fff;} div#qrformdiv {padding-bottom:15px} .datesubjectcomment {padding: 5px; background-color: #dae2f2; color: #f1f4fa;} .datesubjectcomment a, .datesubjectcomment a:link, .datesubjectcomment a:visited {color:#fff;} .datesubjectcomment a:hover {color:#ababab;} .userpiccomment {position: relative; background-color: #d1dbef; width: 80px; height: 80px; padding: 12px; margin: -5px 12px 4px -5px; z-index: 15; float: left;} .box {color: #dae2f2; background-color: #fff; padding: 12px;} input, textarea {background-color: #fff; color: #ababab; font-size: 11px; border: 1px solid #dae2f2;} textarea.textbox {width: 100% !important;} .reply {position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; line-height: 125%; background-color: #d4dce8; color: #fff;} .replytosubject {} .commentreply {position: relative; margin: 12px 0 12px 12px; text-align: justify; color: #939393;} .commentreply img {max-width:100%;} .commentbox {min-height: 104px; margin-top: 10px;padding-bottom: 5px;} .commentboxpartial {padding: 10px; margin: 10px;} .commentinfo {margin-top: 10px; width: 100%;} .skiplinks {text-align:center; color:#cad4ee; text-transform:uppercase; font-size:10px; margin-top:-20px; margin-bottom:6px;} .skiplinks a, .skiplinks a:link, .skiplinks a:visited {color: #f1f4fa;} .skiplinks a:hover {color:#fff;} .clear {height: 0px;} form#qrform table {border-width: 0px !important;} img[src="icon_protected.gif"], img[src="icon_private.gif"], img[src="icon_groups.gif"], img[src="icon_sticky.png"], .ljuser img[src="syndicated.gif"], .ljuser img[src="newsinfo.gif"], .ljuser img[src="partnercomm.gif"], .ljuser img[src="sponcomm.gif"] , img[src="btn_del.gif"], img[src="btn_edit.gif"], img[src="btn_spam.gif"], img[src="btn_scr.gif"], img[src="btn_unscr.gif"], img[src="btn_freeze.gif"], img[src="btn_unfreeze.gif"], img[src="btn_track.gif"], img[src="btn_tracking.gif"], img[src="btn_tracking_thread.gif"] , img[src="anonymous.gif"], img[src="openid-profile.gif"], img[src="userinfo.gif"], img[src="talk/none.gif"], img[src="help.gif"], img[src="pencil.gif"] {height: 0px; width: 0px; padding: 0 0 16px 16px !important; background: transparent none no-repeat scroll 0 0; } .subject img {vertical-align: middle !important;} img[src="icon_protected.gif"]{background-image: url(http://i.imgur.com/rkWgU.png);} img[src="icon_private.gif"]{background-image: url(http://i.imgur.com/mNHdJ.png);} img[src="icon_groups.gif"]{background-image: url(http://i.imgur.com/KgjGQ.png);} img[src="icon_sticky.png"]{background-image: url(http://i.imgur.com/FLp83.png);} .ljuser img[src="syndicated.gif"]{background-image: url(http://i.imgur.com/VW920.png) !important;} .ljuser img[src="newsinfo.gif"] {background-image: url(http://i.imgur.com/r6EzA.png) !important;} .ljuser img[src="partnercomm.gif"]{background-image: url(http://i.imgur.com/cJzp8.png) !important;} .ljuser img[src="sponcomm.gif"] {background-image: url(http://i.imgur.com/zupNZ.png) !important;} img[src="btn_unspam.gif"]{background-image: url(http://i.imgur.com/wuJqY.png);} img[src="btn_spam.gif"]{background-image: url(http://i.imgur.com/o63uw.png);} img[src="btn_del.gif"]{background-image: url(http://i.imgur.com/Eci4Q.png);} img[src="btn_scr.gif"] {background-image: url(http://i.imgur.com/IW1FR.png);} img[src="btn_unscr.gif"] {background-image: url(http://i.imgur.com/aVYvC.png);} img[src="btn_freeze.gif"] {background-image: url(http://i.imgur.com/7KTc8.png);} img[src="btn_unfreeze.gif"] {background-image: url(http://i.imgur.com/80cia.png);} img[src="btn_track.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="btn_tracking.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="btn_tracking_thread.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="anonymous.gif"] {background-image: url(http://i.imgur.com/pOnEG.png);} img[src="openid-profile.gif"] {background-image: url(http://i.imgur.com/J4DG0.png);} img[src="userinfo.gif"] {background-image: url(http://i.imgur.com/HvA3D.png);} img[src="talk/none.gif"] {background-image: url(http://i.imgur.com/zKR7h.png);} img[src="help.gif"] {background-image: url(http://i.imgur.com/W4MKd.png);} img[src="pencil.gif"],img[src="btn_edit.gif"] {background-image: url(http://i.imgur.com/AQfq6.png);} span.i-ljuser img[src="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/HvA3D.png) no-repeat !important; padding: 16px 0 0 16px !important;} span.i-ljuser img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/gxaHe.png) no-repeat !important; padding: 16px 0 0 16px !important;} .ljuser a {font-weight:bold;} .w-cs {font-family: "Georgia","Times New Roman"!important; background:#d1dbef; color:#444444; min-height:50px; text-transform: lowercase; font-size: 11px; } .w-cs .w-cs-userinfo {font-family: "Georgia","Times New Roman"!important; background:#d1dbef; border color:#444444; color:#444444; border:0px;} .w-cs .w-cs-summary li.w-cs-i-tokens {font-family: "Georgia","Times New Roman"!important; border:0px;} .w-cs a:link, .w-cs a:visited, .w-cs a:active {color: #f1f4fa !important;} .w-cs a:hover {color:#fff !important} .w-cs .w-cs-summary {font-family: "Georgia","Times New Roman"!important; background:#d1dbef;} .w-cs-user-controls .w-cs-status p {font-family: "Georgia","Times New Roman"!important; color: #f1f4fa!important; letter-spacing: 0px; font-size: 11px;} .w-cs .w-cs-summary {font-family: "Georgia","Times New Roman"!important; background:transparent!important; color:transparent!important} .w-cs .ljuser a:link, .w-cs .ljuser a:visited, .w-cs .ljuser a:active, .w-cs .ljuser a:link b, .w-cs .ljuser a:visited b, .w-cs .ljuser a:active b {font-size: 12px !important; font-weight: bold !important; text-transform: none; color: #f1f4fa!important; font-family: "Georgia","Times New Roman"!important;} .w-cs .ljuser a:hover, .w-cs .ljuser a:hover b {font-style:italic!important; color: #fff!important;} .w-cs .w-cs-search .w-cs-text {width: 150px; border-right: 25px solid #dae2f2; background-color:#dae2f2;} .w-cs .w-cs-text {background-color: #dae2f2!important;} .w-cs .w-cs-search-inner {display:none;} .w-cs FORM.w-cs-login .note {font-family:'Arial', sans-serif; color: #f1f4fa; font-size:10px;} .w-cs .w-cs-menu li {padding-left:0px!important; background: none!important;} .w-cs .w-cs-menu li.w-cs-i-home a, .w-cs .w-cs-menu li.w-cs-i-post a, .w-cs .w-cs-menu li.w-cs-i-friends a, .w-cs .w-cs-menu li.w-cs-i-account a, .w-cs .w-cs-menu li.w-cs-i-faq a, .w-cs .w-cs-menu li.w-cs-i-recent a, .w-cs .w-cs-menu li.w-cs-i-entries a, .w-cs .w-cs-menu li.w-cs-i-invite a, .w-cs .w-cs-menu li.w-cs-i-add a, .w-cs .w-cs-menu li.w-cs-i-leave a, .w-cs .w-cs-menu li.w-cs-i-watch a, .w-cs .w-cs-menu li.w-cs-i-unwatch a, .w-cs .w-cs-menu li.w-cs-i-directory a, .w-cs .w-cs-menu li.w-cs-i-invites a, .w-cs .w-cs-menu li.w-cs-i-members a, .w-cs .w-cs-menu li.w-cs-i-members a.i-invites, .w-cs .w-cs-menu li.w-cs-i-catalogue a, .w-cs .w-cs-menu li.w-cs-i-edit a, .w-cs .w-cs-menu li.w-cs-i-manage a, .w-cs .w-cs-menu li.w-cs-i-gift a, .w-cs .w-cs-menu li.w-cs-i-tags a, .w-cs .w-cs-menu li.w-cs-i-message a, .w-cs .w-cs-menu li.w-cs-i-groups a, .w-cs .w-cs-menu li.w-cs-i-calendar a, .w-cs .w-cs-menu li.w-cs-i-friendsfriends a, .w-cs .w-cs-menu li.w-cs-i-like a, .w-cs .w-cs-menu li.w-cs-i-share a {padding-left:0px;} ::-webkit-scrollbar {width:10px; height:10px;} ::-webkit-scrollbar-track-piece {background-color:#fff;} ::-webkit-scrollbar-thumb {background-color:#dae2f2;} ::-webkit-scrollbar-thumb:hover {background-color:#e5ebf6;} ::-webkit-scrollbar-corner {background-color:#fff;} .b-popup-contextual .i-popup-arrtl, .b-popup-contextual .i-popup-arrbl {display:none;} .b-popup-contextual .i-popup-arrtr, .b-popup-contextual .i-popup-arrbr {display:none;} .b-contextualhover {min-width:150px; width: auto; min-height: 38px; margin-left: 0px; color: #939393; text-align: justify; font-size: 11px!important; font-family: "Georgia","Times New Roman"; line-height: 1.25;} .b-contextualhover, .b-contextualhover div, .b-contextualhover p, .b-contextualhover ul, .b-contextualhover ol, .b-contextualhover li, .b-contextualhover label, .b-contextualhover img, .b-contextualhover span, .b-contextualhover h3, .b-contextualhover input {padding: 0; margin: 0; color: #939393; font-size:11px!important;} .b-contextualhover img {border: none;} .b-contextualhover a:link, .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration: none !important; color: #cad4ee !important; background: none;} .b-contextualhover a:hover, .b-contextualhover a:active, .b-contextualhover a:focus {border-bottom: 0 !important; text-decoration: none !important; color: #ababab !important;} .s-lanzelot .b-contextualhover a:link, .s-lanzelot .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration: none !important; color: #cad4ee !important;} .s-lanzelot .b-contextualhover a:hover, .s-lanzelot .b-contextualhover a:active, .s-lanzelot .b-contextualhover a:focus {border-bottom: 0 !important; text-decoration: none !important; color: #ababab !important;} .index-page .b-contextualhover a:link, .index-page .b-contextualhover a:visited, .index-page .b-contextualhover a:hover, .index-page .b-contextualhover a:active, .index-page .b-contextualhover a:focus {color: #ababab !important;} .b-contextualhover .alias-unavailable a:link, .b-contextualhover .alias-unavailable a:visited {color: #cad4ee !important;} .b-contextualhover .alias-unavailable a:hover, .b-contextualhover .alias-unavailable a:active, .b-contextualhover .alias-unavailable A:focus {color: #ababab !important; text-decoration:none!important;} .b-contextualhover p {margin-bottom: 3px; font-size: 11px; line-height: 1.25;} .b-contextualhover .input-checkbox {margin-right: 2px; vertical-align: middle;} .b-contextualhover .b-contextualhover-section {overflow: hidden; padding: 0px;} .b-contextualhover .b-contextualhover-side {margin: -11px -66px 0 0; height: 0px; float: right; width: 60px;} .b-contextualhover .b-contextualhover-userpic {float: right; width: 55px; height: 55px; text-align: right;} .b-contextualhover .b-contextualhover-userpic a, .b-contextualhover .b-contextualhover-userpic a:hover {border: none !important;} .b-contextualhover .b-contextualhover-userpic img {max-width: 50px; max-height: 50px; border: 7px solid #d1dbef;} .b-contextualhover .b-contextualhover-title {padding-bottom: 0px;} .b-contextualhover .b-contextualhover-title a:hover {text-decoration: none !important;} .b-contextualhover .b-contextualhover-title h3 {color: #939393; font-family: "Georgia","Times New Roman"; margin-bottom: 2px; font-weight: normal; font-style: normal; font-size: 11px; line-height: 1.25;} .b-contextualhover .b-contextualhover-options {margin: 0; padding: 2px 0; border-top: 0px; list-style: none;} .b-contextualhover .b-contextualhover-options li {margin-bottom: 0px; line-height: 1.25; font-size: 11px!important;} .b-contextualhover .b-contextualhover-options li a:hover {text-decoration: none !important;} .b-contextualhover .b-contextualhover-param {line-height: 18px; margin:0 0 6px;} .b-contextualhover .b-contextualhover-param-item {list-style: none;} .b-contextualhover-param-item .b-icon-scapital {margin:0 2px 0 0;} .b-icon-scapital {float: left; width: 16px; height: 16px; margin:0 2px 0 0; background-image: url(/img/icon-social-capital.png?v=19876); background-repeat: no-repeat; background-position: 0 50%;} .b-icon-scapital-first {background-position: -17px 50%;} .b-popup-outer {position: relative; padding: 1px; background: #fff; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; z-index: 100;} .b-popup-inner {padding: 10px; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} .b-popup div, .b-popup strong, .b-popup label {color: #939393;} ul.sbarlist {opacity: 0!important; filter: alpha(opacity=0)!important;}
INSTALLATION
(1) Apply any Flexible Squares theme. Make sure the page set up is either 2 Column (sidebar on left) or 2 Column (sidebar on right). Set the ads to horizontal or between entries. (2) Display → Navigation Strip color: Light gray. (3) Text → There you can edit your comments text so that they look like in the preview. (4) Sidebar → Ordering: Blurb and Link List. (5) Custom CSS → Set all drop-down boxes to No and paste the code.
NOTES AND CREDITS
→ Don't redistribute or claim as your own. → Credit is nice. → Tiny icons by pinvoke.com → Preview icon by cool_spectrum

III. Aseptic

lu_hesperia — Wed, 25 Jul 2012 14:53:47 GMT

( STATIC ) ( LIVE )

III. ASEPTIC
→ S2 Flexible Squares → Basic, plus and paid; ad placement between entries or vertical. → Features custom comment pages and sidebar. → Title, subtitle, navigation, currents and everything in the sidebar except for the blurb, the link list and the default userpic is disabled. → If you want the currents to show up delete the last line of the code.
PREVIEW AND CODE
(Static) (Live) /- 003 Aseptic Layout by lu_hesperia at ourhappyhours.livejournal.com Tiny icons by pinvoke.com -/ body {background-color: #ebebeb; color: #919191; font-family: "trebuchet ms", "Arial", sans-serif; font-size: 11px; margin: 0 0;} ::selection {background-color:#d3758b; color:#fff;} ::-moz-selection {background-color:#d3758b; color:#fff;} a, a:link, a:visited {color: #ababab; text-decoration: none;} a:hover {color: #eda4b5;} blockquote {background: #f6f6f6; padding: 10px; letter-spacing: 1px;} code, kbd, pre, tt {font-family: monospace;} small {font-size: 10px;} img {-webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} img:hover {-webkit-filter: grayscale(1); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} h2 {font-family: "Arial Narrow", serif; font-size: 18px; font-weight: normal; color: #555; letter-spacing: 1px; margin: 0; text-transform: uppercase;} .ljtaglist {font-size: 11px; list-style-type:none; padding: 20px 10px 0px; text-transform: uppercase; margin-top:-22px; background-color:#f6f6f6; color: #d2d2d2; text-align: justify; font-size: 10px; font-weight: normal; letter-spacing: 2px; text-transform: uppercase;} .ljtaglist a, ljtaglist a:link, ljtaglist a:visited {color: #d2d2d2;} .ljtaglist li {border-top: 1px solid #f0f0f0; padding-top:5px; padding-bottom:3px;} #maincontent {margin-left:287px; width:50%; border-left:6px solid #efefef; border-right:6px solid #efefef; background-color:#f1f1f1; background: url() fixed repeat;} #sidebar {border-left:6px solid #efefef; border-right:6px solid #efefef; background-color:#f6f6f6; color:#d2d2d2; float:left; text-align: justify; font-size:10px; font-weight:normal; height:100%; letter-spacing:2px; padding-top:75px; position:fixed; text-transform:uppercase; bottom:0; width:250px; overflow: hidden;} .sbarbody2 {padding:15px; padding-bottom: 0px;} .sbarbody {padding:23px;} ul.sbarlist{margin: 0px; padding: 0px; list-style-type: none;} li.sbaritem {background-color: transparent; display:block; list-style-type:none; padding:2px; text-align:center;} li.sbaritem a {border-left:6px solid #efefef; border-right:6px solid #efefef; background-color: #f9f9f9; display:block; font-size: 11px; color: #b3b3b3; letter-spacing: 0px; font-weight:normal;} li.sbaritem a:hover {border-left:6px solid #efefef; border-right:6px solid #efefef; background-color: #efefef; letter-spacing: 3px; font-weight:bold;} #sidebar_summary {display:none;} #sidebar_tags {display:none;} #sidebar_calendar li.sbartitle {display:none;} div#sidebar_calendar.sbarbody {display:none;} li.sbartitle {display:none;} .defaultuserpic {float:left; margin:15px 0 0; padding:50px 10px 0 15px;} .defaultuserpic img {border:8px solid #fafafa; height:60px; width:60px;} #sidebar_summary, #sidebar_tags, h2 {display:none!important;} #header {display: none;} .title, .subtitle {display: none;} ul.navheader {padding: 0; margin: 0;} .view {color: #666; display: block; margin: 0; filter: alpha(opacity=80); opacity: .8;} ul.navheader li {display: block; list-style-type: none;} .subcontent {background-color: #f6f6f6; padding-top:10px;} .entry {background-color: #fff; margin: 0; min-height: 67px; padding: 10px; text-align: justify;} .comments {font-family:Arial narrow; font-size: 18px; text-align: left; position: relative; color:#cfcfcf; padding:12px 0px 8px;} .userpic, .userpicfriends {float: right; text-align:center!important; background-color: #f9f9f9!important; padding: 8px; z-index: 15; color: transparent; line-height: 1; font-family: "Lucida Sans Unicode", Lucida Grande, sans-serif; font-size: 9px; margin: 0px -122px 0 0px; text-align: center;} .userpicfriends font {color: #999;} .date {margin: 8px 10px 0; float: right; line-height: 120%; top: 10px; color: #D2D2D2; font-size: 10px; background-color: transparent;} span.time {display:none;} .subject {font-family: Arial narrow; margin: 5px 5px 0px; text-align: left; color: #cfcfcf; font-weight: none; font-size: 18px; background-color: transparent;} .subject a, .subject a:link, .subject a:visited{ text-transform: uppercase; color: #cfcfcf;} .subject a:hover {color: #d3758b;} .datesubject {padding: 10px; font-family: calibri; font-size: 12px; text-transform: uppercase; border-bottom: 1px solid #f9f9f9;} .ljtags {background: transparent url(http://i.imgur.com/lheWV.png) scroll 100% 50% no-repeat; font-size: 10px; color: #fff; margin: 25px 0 0 0; padding: 0 18px 0 0; text-align: right; text-transform: uppercase;} div.ljtags a {font-weight: normal;} .currents {font-size: 10px; color: #989898; margin-top: 10px; text-align: right; line-height: 1;} .currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong {font-weight:normal; font-style:italic;} .datesubjectcomment {background:#fff; text-transform:uppercase; font-family: calibri; font-size: 10px; text-align:right;} .datesubjectcomment a {font-size: 11px;} .userpiccomment {z-index: 15; margin-right: 10px; float: left; background-color:#fff; border:solid 8px #f6f6f6;} .box {padding: 20px; background-color: #fff;} input, textarea {background-color: #f6f6f6; color: #aaa; font-size: 11px; border: 0px;} .commentreply {padding: 12px 0px 12px 116px;} .commentreply img {max-width:100%;} .commentbox {margin-top: 5px; min-height: 130px; text-align: justify;} .commentbox a:hover {background:none; padding:0;} .skiplinks {text-align:center; color:#f6f6f6; text-transform:uppercase; font-size:9px; margin-top:5px; margin-bottom:-20px; background-color:#F6F6F6;} .clear {height:0px;} .separator {height: 10px; background-color: #f6f6f6; margin-top: -10px;} #footer {font-family: Arial narrow; font-size: 18px; margin-left:287px; width:50%; border-left:6px solid #efefef;border-right:6px solid #efefef;background-color:#f6f6f6; padding:2px 0; text-align:center; text-transform:uppercase; margin-top:-25px; margin-bottom:-16px;} ul.navfooter li {list-style:none;display: inline-block; padding:0 5px;} #footer .viewing {display:none;} .clearfoot {clear: both;} ul.year {background: #f6f6f6; color: #b5b5b5; text-align: right; padding: 5px; margin-top: 0px; margin-bottom: 0px;} ul.year li {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 10px; display: inline; margin: 0 0 0 5px;} table.yeartable {color: #b5b5b5; margin-left: auto; margin-right: auto; width: 100%;} table.yeartable td.yeardate, table.yeartable td.yearday {background-color: #ffffff; padding: 3px;} td.yearmonth {text-transform: uppercase; border-style: none; background: #ffffff;} img[src="icon_protected.gif"], img[src="icon_private.gif"], img[src="icon_groups.gif"], img[src="icon_sticky.png"], .ljuser img[src="syndicated.gif"], .ljuser img[src="newsinfo.gif"], .ljuser img[src="partnercomm.gif"], .ljuser img[src="sponcomm.gif"] , img[src="btn_del.gif"], img[src="btn_edit.gif"], img[src="btn_spam.gif"], img[src="btn_scr.gif"], img[src="btn_unscr.gif"], img[src="btn_freeze.gif"], img[src="btn_unfreeze.gif"], img[src="btn_track.gif"], img[src="btn_tracking.gif"], img[src="btn_tracking_thread.gif"] , img[src="anonymous.gif"], img[src="openid-profile.gif"], img[src="userinfo.gif"], img[src="talk/none.gif"], img[src="help.gif"], img[src="pencil.gif"] {height: 0px; width: 0px; padding: 0 0 16px 16px !important; background: transparent none no-repeat scroll 0 0; } .subject img {vertical-align: middle !important;} img[src="icon_protected.gif"]{background-image: url(http://i.imgur.com/1pkIxw8.png);} img[src="icon_private.gif"]{background-image: url(http://i.imgur.com/faoeIgT.png);} img[src="icon_groups.gif"]{background-image: url(http://i.imgur.com/i4V7S0x.png);} img[src="icon_sticky.png"]{background-image: url(http://i.imgur.com/FLp83.png);} .ljuser img[src="syndicated.gif"]{background-image: url(http://i.imgur.com/VW920.png) !important;} .ljuser img[src="newsinfo.gif"] {background-image: url(http://i.imgur.com/r6EzA.png) !important;} .ljuser img[src="partnercomm.gif"]{background-image: url(http://i.imgur.com/cJzp8.png) !important;} .ljuser img[src="sponcomm.gif"] {background-image: url(http://i.imgur.com/zupNZ.png) !important;} img[src="btn_unspam.gif"]{background-image: url(http://i.imgur.com/wuJqY.png);} img[src="btn_spam.gif"]{background-image: url(http://i.imgur.com/o63uw.png);} img[src="btn_del.gif"]{background-image: url(http://i.imgur.com/Eci4Q.png);} img[src="btn_scr.gif"] {background-image: url(http://i.imgur.com/IW1FR.png);} img[src="btn_unscr.gif"] {background-image: url(http://i.imgur.com/aVYvC.png);} img[src="btn_freeze.gif"] {background-image: url(http://i.imgur.com/7KTc8.png);} img[src="btn_unfreeze.gif"] {background-image: url(http://i.imgur.com/80cia.png);} img[src="btn_track.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="btn_tracking.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="btn_tracking_thread.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="anonymous.gif"] {background-image: url(http://i.imgur.com/pOnEG.png);} img[src="openid-profile.gif"] {background-image: url(http://i.imgur.com/J4DG0.png);} img[src="userinfo.gif"] {background-image: url(http://i.imgur.com/0phq8.png);} img[src="talk/none.gif"] {background-image: url(http://i.imgur.com/zKR7h.png);} img[src="help.gif"] {background-image: url(http://i.imgur.com/W4MKd.png);} img[src="pencil.gif"],img[src="btn_edit.gif"] {background-image: url(http://i.imgur.com/AQfq6.png);} .ljuser a, .ljuser a:hover {font-weight:normal; letter-spacing:1px; text-transform:uppercase; text-decoration:none;} .ljuser a:hover {color: #d3758b;} span.i-ljuser img[src="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://l-stat.livejournal.com/img/userinfo.gif?v=94.3) no-repeat !important; padding: 0 0 0 0 !important;} span.i-ljuser img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://l-stat.livejournal.com/img/userinfo.gif?v=94.3) no-repeat !important; padding: 0 0 0 0 !important;} form#qrform table {border-width: 0px !important; } .w-cs {background-color:#efefef; color:#444; min-height:50px; text-transform: lowercase; font-size: 11px; } .w-cs .w-cs-userinfo {background-color:#efefef; color:#111; border:0px;} .w-cs a:link, .w-cs a:visited, .w-cs a:active {color: #cdcdcd !important;} .w-cs a:hover {color:#d3758b !important} .w-cs .ljuser a:link, .w-cs .ljuser a:visited, .w-cs .ljuser a:active, .w-cs .ljuser a:link b, .w-cs .ljuser a:visited b, .w-cs .w-cs .ljuser a:active b {font-size: 12px !important; font-weight: bold !important; text-transform: uppercase; font-family: "trebuchet ms", "Arial", sans-serif!important; color: #cdcdcd!important;} .w-cs .ljuser a:hover, .ljuser a:hover b {color: #d3758b!important;} .w-cs .w-cs-summary { background-color:#efefef; border:0px;} .w-cs .w-cs-summary LI.w-cs-i-tokens {background-color:#efefef; border:0px;} .w-cs-user-controls .w-cs-status p{background-color:#efefef; color:#cdcdcd !important; letter-spacing: 0px; text-transform: lowercase; font-family: "trebuchet ms", "Arial", sans-serif; font-size: 11px;} .w-cs .w-cs-search .w-cs-text {width: 150px; border-right: 25px solid #eaeaea; background-color:#eaeaea;} .w-cs .w-cs-text {background-color: #eaeaea!important;} .w-cs .w-cs-search-inner {display:none;} .w-cs FORM.w-cs-login .note {color: #cdcdcd; font-size:10px;} .w-cs .w-cs-menu li {padding-left:0px!important; background: none!important;} .w-cs .w-cs-menu li.w-cs-i-home a, .w-cs .w-cs-menu li.w-cs-i-post a, .w-cs .w-cs-menu li.w-cs-i-friends a, .w-cs .w-cs-menu li.w-cs-i-account a, .w-cs .w-cs-menu li.w-cs-i-faq a, .w-cs .w-cs-menu li.w-cs-i-recent a, .w-cs .w-cs-menu li.w-cs-i-entries a, .w-cs .w-cs-menu li.w-cs-i-invite a, .w-cs .w-cs-menu li.w-cs-i-add a, .w-cs .w-cs-menu li.w-cs-i-leave a, .w-cs .w-cs-menu li.w-cs-i-watch a, .w-cs .w-cs-menu li.w-cs-i-unwatch a, .w-cs .w-cs-menu li.w-cs-i-directory a, .w-cs .w-cs-menu li.w-cs-i-invites a, .w-cs .w-cs-menu li.w-cs-i-members a, .w-cs .w-cs-menu li.w-cs-i-members a.i-invites, .w-cs .w-cs-menu li.w-cs-i-catalogue a, .w-cs .w-cs-menu li.w-cs-i-edit a, .w-cs .w-cs-menu li.w-cs-i-manage a, .w-cs .w-cs-menu li.w-cs-i-gift a, .w-cs .w-cs-menu li.w-cs-i-tags a, .w-cs .w-cs-menu li.w-cs-i-message a, .w-cs .w-cs-menu li.w-cs-i-groups a, .w-cs .w-cs-menu li.w-cs-i-calendar a, .w-cs .w-cs-menu li.w-cs-i-friendsfriends a, .w-cs .w-cs-menu li.w-cs-i-like a, .w-cs .w-cs-menu li.w-cs-i-share a {padding-left:0px;} ::-webkit-scrollbar {width:6px; height:6px;} ::-webkit-scrollbar-track-piece {background-color:#f9f9f9;} ::-webkit-scrollbar-thumb {background-color:#efefef;} ::-webkit-scrollbar-thumb:hover {background-color:#d3758b;} ::-webkit-scrollbar-corner {background-color:#ebebeb;} .b-popup-contextual .i-popup-arrtl, .b-popup-contextual .i-popup-arrbl {display:none;} .b-popup-contextual .i-popup-arrtr, .b-popup-contextual .i-popup-arrbr {display:none;} .b-contextualhover {min-width:150px; width: auto; min-height: 38px; margin-left: 0px; color: #808080; text-align: justify; font-size: 11px!important; font-family: "trebuchet ms", "Arial", sans-serif; line-height: 1.25;} .b-contextualhover, .b-contextualhover div, .b-contextualhover p, .b-contextualhover ul, .b-contextualhover ol, .b-contextualhover li, .b-contextualhover label, .b-contextualhover img, .b-contextualhover span, .b-contextualhover h3, .b-contextualhover input {padding: 0; margin: 0; color: #808080; font-size:11px!important;} .b-contextualhover img {border: none;} .b-contextualhover a:link, .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration: none !important; color: #ababab !important; background: none;} .b-contextualhover a:hover, .b-contextualhover a:active, .b-contextualhover a:focus {border-bottom: 0 !important; text-decoration: none !important; color: #d3758b !important;} .s-lanzelot .b-contextualhover a:link, .s-lanzelot .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration: none !important; color: #ababab !important;} .s-lanzelot .b-contextualhover a:hover, .s-lanzelot .b-contextualhover a:active, .s-lanzelot .b-contextualhover a:focus {border-bottom: 0 !important; text-decoration: none !important; color: #d3758b !important;} .index-page .b-contextualhover a:link, .index-page .b-contextualhover a:visited, .index-page .b-contextualhover a:hover, .index-page .b-contextualhover a:active, .index-page .b-contextualhover a:focus {color: #d3758b !important;} .b-contextualhover .alias-unavailable a:link, .b-contextualhover .alias-unavailable a:visited {color: #ababab !important;} .b-contextualhover .alias-unavailable a:hover, .b-contextualhover .alias-unavailable a:active, .b-contextualhover .alias-unavailable A:focus {color: #d3758b !important; text-decoration:none!important;} .b-contextualhover p {margin-bottom: 3px; font-size: 11px; line-height: 1.25;} .b-contextualhover .input-checkbox {margin-right: 2px; vertical-align: middle;} .b-contextualhover .b-contextualhover-section {overflow: hidden; padding: 0px;} .b-contextualhover .b-contextualhover-side {margin: -11px -66px 0 0; height: 0px; float: right; width: 60px;} .b-contextualhover .b-contextualhover-userpic {float: right; width: 55px; height: 55px; text-align: right;} .b-contextualhover .b-contextualhover-userpic a, .b-contextualhover .b-contextualhover-userpic a:hover {border: none !important;} .b-contextualhover .b-contextualhover-userpic img {max-width: 50px; max-height: 50px; border: 5px solid #f6f6f6;} .b-contextualhover .b-contextualhover-title {padding-bottom: 0px;} .b-contextualhover .b-contextualhover-title a:hover {text-decoration: none !important;} .b-contextualhover .b-contextualhover-title h3 {color: #808080; font-family: "trebuchet ms", "Arial", sans-serif; margin-bottom: 2px; font-weight: normal; font-style: normal; font-size: 11px; line-height: 1.25;} .b-contextualhover .b-contextualhover-options {margin: 0; padding: 1px 0; border-top: 0px; list-style: none;} .b-contextualhover .b-contextualhover-options li {margin-bottom: 0px; line-height: 1.25; font-size: 11px!important;} .b-contextualhover .b-contextualhover-options li a:hover {text-decoration: none !important;} .b-contextualhover .b-contextualhover-param {line-height: 18px; margin:0 0 6px;} .b-contextualhover .b-contextualhover-param-item {list-style: none;} .b-contextualhover-param-item .b-icon-scapital {margin:0 2px 0 0;} .b-icon-scapital {float: left; width: 16px; height: 16px; margin:0 2px 0 0; background-image: url(/img/icon-social-capital.png?v=19876); background-repeat: no-repeat; background-position: 0 50%;} .b-icon-scapital-first {background-position: -17px 50%;} .b-popup-outer {position: relative; padding: 1px; background: #fff; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; z-index: 100;} .b-popup-inner {padding: 10px; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} .b-popup div, .b-popup strong, .b-popup label {color: #808080;} .currents {display:none;}

INSTALLATION
(1) Apply any Flexible Squares theme. Make sure the page set up is either 2 Column (sidebar on left) or 2 Column (sidebar on right). Set the ads to vertical or between entries. (2) Display → Navigation Strip color: Light gray. (3) Text → There you can edit your comments text so that they look like in the preview. (4) Sidebar → Ordering: Default Userpic, Blurb and Link List. (5) Custom CSS → Set all drop-down boxes to No and paste the code.
NOTES AND CREDITS
→ Don't redistribute or claim as your own. → Credit is nice. → Tiny icons by pinvoke.com → Preview icon by lazuli_reikou at rainaccel

II. Wires

lu_hesperia — Fri, 18 May 2012 22:35:50 GMT

( STATIC ) ( LIVE )

II. WIRES
→ S2 Flexible Squares → Basic, plus and paid; ad placement vertical, between entries or horizontal. → Features custom comment pages and sidebar. → Title, subtitle, navigation and everything in the sidebar except for the blurb, the link list and the default userpic is disabled.
PREVIEW AND CODE
(Static) (Live) /- 002 Wires Layout by lu_hesperia at ourhappyhours.livejournal.com Tiny icons by pinvoke.com -/ body {background:#f4f4f4 url() repeat fixed; text-align: justify; color:#dbdbdb; font-family: "Consolas", "Arial", sans-serif; font-size: 11px; margin: 20px 0 20px 0;} ::selection {background-color:#b44242; color:#dbdbdb;} ::-moz-selection {background-color:#b44242; color:#dbdbdb;} a, a:link, a:visited {color:#b44242; text-decoration: none;} a:hover {color:#bababa; text-decoration: none;} p, td {} b {font-weight:normal!important;} blockquote {padding: 6px 10px 6px 10px; border-left: 3px solid #B44242; border-right: 3px solid #b44242; background:#eaeaea;} code, kbd, pre, tt {font-family: 'Monospace', monospace; } code:hover {background:#B44242; color:#dbdbdb} strong, b {} h2 {display:none;} #content {width: 810px; margin-left: 0; margin-right: auto;} #maincontent {width:550px; float:right; color:#818181; margin-top: 12px;} #sidebar {position:fixed; background-color: #b44242; width: 250px; float: left; text-align: justify; border-right:10px solid #eaeaea; height:100%; top:0; padding:0px;} .sbarbody {margin-top: 74px; padding: 0px 5px 8px 5px;} .sbarbody2 {padding: 0px 10px 3px 10px;} .sbarbody2 img {max-width:230px;} div#sidebar a, div#sidebar a:link, div#sidebar a:visited {color:#f9f9f9;} div#sidebar a:hover {text-decoration: none; color:#bfbfbf;} table.calendar {display:none;} .sbarcalendar {display:none;} .sbarcalendarposts {display:none;} #sidebar_summary.sbarbody {display:none;} #sidebar_tags.sbarbody {display:none;} ul.sbarlist {margin-top: -6px; padding-left: 0px; margin-left: 0px; list-style: none; padding-bottom:10px;} li.sbaritem {padding-left: 5px; padding-right: 5px;} li.sbaritem a, li.sbaritem a:link, li.sbaritem a:visited {float: right; width: 221px; height: 7px; letter-spacing: 5px; text-align: right; background-color: #eaeaea; color: #cbcbcb!important; margin: 5px -10px 0px 0; padding: 2px 4px 8px 15px; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} li.sbaritem a:hover {float: right; width: 190px; background-color: #f4f4f4; color: #b44242!important; padding-right: 15px; padding-left: 40px; border-right: 10px solid #eaeaea; text-transform: uppercase; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} li.sbartitle {display:none;} #header {display:none;} .subcontent {} .entry {min-height: 80px; padding: 6px 10px 10px 10px; background-color: transparent; color: #808080; text-align: justify;} .entry_text img {max-width: 530px;} .entry_text img:hover {filter: alpha(opacity=85); opacity: .85;} .userpic, .userpicfriends {position: relative; float: right; background-color: transparent!important; color:#f4f4f4; padding: 0px; margin: 6px -120px 0 0px; text-align: center; font-size: 10px; z-index: 15;} .userpic img, .userpicfriends img {background:#eaeaea; padding:10px; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} .userpic img:hover, .userpicfriends img:hover {background:#b44242; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} .userpicfriends font {color:#cbcbcb;} div.userpic a, div.userpic a:link, div.userpic a:visited, div.userpicfriends a, div.userpicfriends a:link, div.userpicfriends a:visited {color:#cbcbcb;} div.userpic a:hover, div.userpicfriends a:hover {color:#b44242;} .date {display:block; text-transform:uppercase; font-size:9px; line-height:6px; color:#dbdbdb;} .subject {display:block; text-transform:uppercase; font-size:17px; background-color: #eaeaea; color:#cbcbcb; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} .subject:hover {background-color: #b44242; border-left: 10px solid #eaeaea; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} .subject a, .subject a:link, .subject a:visited {color: #cbcbcb;} .subject a:hover {color: #dbdbdb;} .datesubject {background-color: transparent; padding: 0px;} .entry ul li {margin-left: -24px;} div.ljtags a {font-weight: normal;} .currents a, currents alink, .currents a:visited, .currents a:hover {color:#a5a5a5;} .currents {margin-top: 8px;} .currentmood, .currentmusic, .currentgroups, .currentlocation {color:#a5a5a5; font-size: 10px; background-color: transparent; line-height: 0.6; text-transform:lowercase; padding: 2px 0 2px 14px; background: transparent none no-repeat scroll 0 50%;} .currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong {display:none;} .currentlocation {background-image: url(http://i.imgur.com/yhPJf.png)} .currentmood{background-image: url(http://i.imgur.com/ZuZmw.png)} .currentgroups {background-image: url(http://i.imgur.com/U4kcG.png)} .currentmusic {background-image: url(http://i.imgur.com/NntpJ.png)} .ljtags {margin-top: 12px; text-align: left; text-transform: uppercase; font-size: 10px; color: #cbcbcb; line-height: 1;} .comments {font-size: 8px; position: relative; color: #f4f4f4; margin: -10px -50px -20px 540px; width: 120px; text-align: center;} div.comments a, div.comments a:link, div.comments a:visited {font-size: 20px; color: #cbcbcb; text-align: center; letter-spacing: 5px;} div.comments a:hover {color:#b44242;} .separator{height: 30px;} .defaultuserpic {float:left; margin:-113px 0 0 0; padding: 0 0px 0px 0;} .defaultuserpic img {border:10px solid #eaeaea;} #footer {background-color:#eaeaea; bottom: 0px; padding: 2px 5px; position: fixed; text-transform: lowercase; width: 245px;} ul.navfooter {padding: 0px; margin: 0px;} ul.navfooter li {display: inline; margin: 0 5px 0 0;} .clearfoot {clear: both;} div#footer a, div#footer a:link, div#footer a:visited {color: #bfbfbf; font-size: 17px; text-transform: uppercase;} div#footer a:hover {color:#cbcbcb;} #footer .viewing {display:none;} ul.year {margin-top:6px; color:#cbcbcb; text-align: center; font-size: 17px; background-color: #eaeaea;} ul.year li {display: inline;} table.yeartable {margin-left: auto; margin-right: auto;} table.yeartable td.yeardate, table.yeartable td.yearday {text-align: center; background-color: #fff;} table.yeartable td.yearday {background-color: #fff;text-align: center;} td.yearmonth {border-style: none;} .ljtaglist {font-size: 11px; list-style-type:none; padding: 0px 10px 0px 10px; text-transform: uppercase; margin-top:-10px;} .ljtaglist a, ljtaglist a:link, ljtaglist a:visited {color: #b44242;} .ljtaglist a:hover {color: #bfbfbf;} input#subject.textbox {background-color: #fff;} textarea#body.textbox {background-color: #fff;} textarea#commenttext.textbox {background-color: #fff;} div#qrformdiv {padding-bottom:15px} .userpiccomment {position: relative; background-color: #eaeaea; width: 80px; height: 80px; padding: 8px; margin: -1px -96px 0px 10px; z-index: 15; float: right; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} .userpiccomment:hover {background-color: #b44242; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} .box {padding: 0px; clear: left;} .datesubjectcomment {background-color: #eaeaea; padding: 1px 0 2px 0; color:#cbcbcb; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} .datesubjectcomment:hover {background-color: #b44242; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} .datesubjectcomment a, .datesubjectcomment a:link, .datesubjectcomment a:visited {color: #cbcbcb;} .datesubjectcomment a:hover {color: #dbdbdb;} input, textarea {background-color: #fff; color: #aaa; font-size: 10px; border: 0px;} textarea.textbox {width: 100% !important;} .reply {position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-size: 11px; line-height: 125%; background-color: #d4dce8; color: #808080; } .replytosubject {} .commentreply {margin: 10px; color: #808080;} .commentreply img {max-width:100%;} .commentbox {margin-top: 15px; min-height: 96px;} .skiplinks {text-align:center; color:#f4f4f4; text-transform:uppercase; font-size:10px; margin:-12px -53px 0px 53px;} div.skiplinks a, div.skiplinks a:link, div.skiplinks a:visited {color:#cbcbcb;} div.skiplinks a:hover {color:#b44242;} .clear {height: 0px;} form#qrform table {border-width: 0px !important;} img[src="icon_protected.gif"], img[src="icon_private.gif"], img[src="icon_groups.gif"], img[src="icon_sticky.png"], .ljuser img[src="syndicated.gif"], .ljuser img[src="newsinfo.gif"], .ljuser img[src="partnercomm.gif"], .ljuser img[src="sponcomm.gif"] , img[src="btn_del.gif"], img[src="btn_edit.gif"], img[src="btn_spam.gif"], img[src="btn_scr.gif"], img[src="btn_unscr.gif"], img[src="btn_freeze.gif"], img[src="btn_unfreeze.gif"], img[src="btn_track.gif"], img[src="btn_tracking.gif"], img[src="btn_tracking_thread.gif"] , img[src="anonymous.gif"], img[src="openid-profile.gif"], img[src="userinfo.gif"], img[src="talk/none.gif"], img[src="help.gif"], img[src="pencil.gif"] {height: 0px; width: 0px; padding: 0 0 16px 16px !important; background: transparent none no-repeat scroll 0 0; } .subject img {vertical-align: middle !important;} img[src="icon_protected.gif"]{background-image: url(http://i.imgur.com/rkWgU.png);} img[src="icon_private.gif"]{background-image: url(http://i.imgur.com/mNHdJ.png);} img[src="icon_groups.gif"]{background-image: url(http://i.imgur.com/KgjGQ.png);} img[src="icon_sticky.png"]{background-image: url(http://i.imgur.com/FLp83.png);} .ljuser img[src="syndicated.gif"]{background-image: url(http://i.imgur.com/VW920.png) !important;} .ljuser img[src="newsinfo.gif"] {background-image: url(http://i.imgur.com/r6EzA.png) !important;} .ljuser img[src="partnercomm.gif"]{background-image: url(http://i.imgur.com/cJzp8.png) !important;} .ljuser img[src="sponcomm.gif"] {background-image: url(http://i.imgur.com/zupNZ.png) !important;} img[src="btn_unspam.gif"]{background-image: url(http://i.imgur.com/wuJqY.png);} img[src="btn_spam.gif"]{background-image: url(http://i.imgur.com/o63uw.png);} img[src="btn_del.gif"]{background-image: url(http://i.imgur.com/Eci4Q.png);} img[src="btn_scr.gif"] {background-image: url(http://i.imgur.com/IW1FR.png);} img[src="btn_unscr.gif"] {background-image: url(http://i.imgur.com/aVYvC.png);} img[src="btn_freeze.gif"] {background-image: url(http://i.imgur.com/7KTc8.png);} img[src="btn_unfreeze.gif"] {background-image: url(http://i.imgur.com/80cia.png);} img[src="btn_track.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="btn_tracking.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="btn_tracking_thread.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="anonymous.gif"] {background-image: url(http://i.imgur.com/pOnEG.png);} img[src="openid-profile.gif"] {background-image: url(http://i.imgur.com/J4DG0.png);} img[src="userinfo.gif"] {background-image: url(http://i.imgur.com/0phq8.png);} img[src="talk/none.gif"] {background-image: url(http://i.imgur.com/zKR7h.png);} img[src="help.gif"] {background-image: url(http://i.imgur.com/W4MKd.png);} img[src="pencil.gif"],img[src="btn_edit.gif"] {background-image: url(http://i.imgur.com/AQfq6.png);} span.i-ljuser img[src="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/0phq8.png) no-repeat !important; padding: 16px 0 0 16px !important;} span.i-ljuser img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/UjVAd.png) no-repeat !important; padding: 16px 0 0 16px !important;} .w-cs {background:#eaeaea; color:#444444; min-height:50px; text-transform: lowercase; font-size: 11px; position:;} .w-cs .w-cs-userinfo {background:#eaeaea; border color:#444444; color:#111; border:0px;} .w-cs .w-cs-summary li.w-cs-i-tokens {border:0px;} .w-cs a:link, .w-cs a:visited, .w-cs a:active {color: #aeaeae !important;} .w-cs a:hover {color:#bdbdbd !important} .w-cs .ljuser a:link, .w-cs .ljuser a:visited, .w-cs .ljuser a:active, .w-cs .ljuser a:link b, .w-cs .ljuser a:visited b, .w-cs .ljuser a:active b {font-size: 12px !important; font-weight: normal !important; text-transform: none; font-family: "Consolas", "Arial"!important; color: #aeaeae!important;} .w-cs .ljuser a:hover, .w-cs .ljuser a:hover b {color: #b44242!important;} .w-cs .w-cs-summary {background:#eaeaea;} .w-cs-user-controls .w-cs-status p{background:#eaeaea; color:#aeaeae !important; letter-spacing: 0px; font-family: "Consolas", "Arial", sans-serif; font-size: 11px;} .w-cs .w-cs-summary {background:transparent!important; color:transparent!important} .w-cs .w-cs-search .w-cs-text {width: 150px; border-right: 25px solid #f4f4f4; background-color:#f4f4f4;} .w-cs .w-cs-text {background-color: #f4f4f4!important;} .w-cs .w-cs-search-inner {display:none;} .w-cs FORM.w-cs-login .note {color: #aeaeae; font-size:10px;} .w-cs .w-cs-menu li {padding-left:0px!important; background: none!important;} .w-cs .w-cs-menu li.w-cs-i-home a, .w-cs .w-cs-menu li.w-cs-i-post a, .w-cs .w-cs-menu li.w-cs-i-friends a, .w-cs .w-cs-menu li.w-cs-i-account a, .w-cs .w-cs-menu li.w-cs-i-faq a, .w-cs .w-cs-menu li.w-cs-i-recent a, .w-cs .w-cs-menu li.w-cs-i-entries a, .w-cs .w-cs-menu li.w-cs-i-invite a, .w-cs .w-cs-menu li.w-cs-i-add a, .w-cs .w-cs-menu li.w-cs-i-leave a, .w-cs .w-cs-menu li.w-cs-i-watch a, .w-cs .w-cs-menu li.w-cs-i-unwatch a, .w-cs .w-cs-menu li.w-cs-i-directory a, .w-cs .w-cs-menu li.w-cs-i-invites a, .w-cs .w-cs-menu li.w-cs-i-members a, .w-cs .w-cs-menu li.w-cs-i-members a.i-invites, .w-cs .w-cs-menu li.w-cs-i-catalogue a, .w-cs .w-cs-menu li.w-cs-i-edit a, .w-cs .w-cs-menu li.w-cs-i-manage a, .w-cs .w-cs-menu li.w-cs-i-gift a, .w-cs .w-cs-menu li.w-cs-i-tags a, .w-cs .w-cs-menu li.w-cs-i-message a, .w-cs .w-cs-menu li.w-cs-i-groups a, .w-cs .w-cs-menu li.w-cs-i-calendar a, .w-cs .w-cs-menu li.w-cs-i-friendsfriends a, .w-cs .w-cs-menu li.w-cs-i-like a, .w-cs .w-cs-menu li.w-cs-i-share a {padding-left:0px;} ::-webkit-scrollbar {width:10px; height:10px;} ::-webkit-scrollbar-track-piece {background-color:#f4f4f4;} ::-webkit-scrollbar-thumb {background-color:#eaeaea;} ::-webkit-scrollbar-thumb:hover {background-color:#b44242;} ::-webkit-scrollbar-corner {background-color:#eaeaea;} .b-popup-contextual .i-popup-arrtl, .b-popup-contextual .i-popup-arrbl {display:none;} .b-popup-contextual .i-popup-arrtr, .b-popup-contextual .i-popup-arrbr {display:none;} .b-contextualhover {min-width:150px; width: auto; min-height: 38px; margin-left: 0px; color: #808080; text-align: justify; font-size: 11px!important; font-family: "Consolas", "Arial"; line-height: 1.25;} .b-contextualhover, .b-contextualhover div, .b-contextualhover p, .b-contextualhover ul, .b-contextualhover ol, .b-contextualhover li, .b-contextualhover label, .b-contextualhover img, .b-contextualhover span, .b-contextualhover h3, .b-contextualhover input {padding: 0; margin: 0; color: #808080; font-size:11px!important;} .b-contextualhover img {border: none;} .b-contextualhover a:link, .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration: none !important; color: #b44242 !important; background: none;} .b-contextualhover a:hover, .b-contextualhover a:active, .b-contextualhover a:focus {border-bottom: 0 !important; text-decoration: none !important; color: #bababa !important;} .s-lanzelot .b-contextualhover a:link, .s-lanzelot .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration: none !important; color: #b44242 !important;} .s-lanzelot .b-contextualhover a:hover, .s-lanzelot .b-contextualhover a:active, .s-lanzelot .b-contextualhover a:focus {border-bottom: 0 !important; text-decoration: none !important; color: #bababa !important;} .index-page .b-contextualhover a:link, .index-page .b-contextualhover a:visited, .index-page .b-contextualhover a:hover, .index-page .b-contextualhover a:active, .index-page .b-contextualhover a:focus {color: #bababa !important;} .b-contextualhover .alias-unavailable a:link, .b-contextualhover .alias-unavailable a:visited {color: #b44242 !important;} .b-contextualhover .alias-unavailable a:hover, .b-contextualhover .alias-unavailable a:active, .b-contextualhover .alias-unavailable A:focus {color: #bababa !important; text-decoration:none!important;} .b-contextualhover p {margin-bottom: 3px; font-size: 11px; line-height: 1.25;} .b-contextualhover .input-checkbox {margin-right: 2px; vertical-align: middle;} .b-contextualhover .b-contextualhover-section {overflow: hidden; padding: 0px;} .b-contextualhover .b-contextualhover-side {margin: -11px -66px 0 0; height: 0px; float: right; width: 60px;} .b-contextualhover .b-contextualhover-userpic {float: right; width: 55px; height: 55px; text-align: right;} .b-contextualhover .b-contextualhover-userpic a, .b-contextualhover .b-contextualhover-userpic a:hover {border: none !important;} .b-contextualhover .b-contextualhover-userpic img {max-width: 50px; max-height: 50px; border: 5px solid #b44242;} .b-contextualhover .b-contextualhover-title {padding-bottom: 0px;} .b-contextualhover .b-contextualhover-title a:hover {text-decoration: none !important;} .b-contextualhover .b-contextualhover-title h3 {color: #808080; font-family: "Consolas", "Arial"; margin-bottom: 2px; font-weight: normal; font-style: normal; font-size: 11px; line-height: 1.25;} .b-contextualhover .b-contextualhover-options {margin: 0; padding: 1px 0; border-top: 0px; list-style: none;} .b-contextualhover .b-contextualhover-options li {margin-bottom: 0px; line-height: 1.25; font-size: 11px!important;} .b-contextualhover .b-contextualhover-options li a:hover {text-decoration: none !important;} .b-contextualhover .b-contextualhover-param {line-height: 18px; margin:0 0 6px;} .b-contextualhover .b-contextualhover-param-item {list-style: none;} .b-contextualhover-param-item .b-icon-scapital {margin:0 2px 0 0;} .b-icon-scapital {float: left; width: 16px; height: 16px; margin:0 2px 0 0; background-image: url(/img/icon-social-capital.png?v=19876); background-repeat: no-repeat; background-position: 0 50%;} .b-icon-scapital-first {background-position: -17px 50%;} .b-popup-outer {position: relative; padding: 1px; background: #eaeaea; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; z-index: 100;} .b-popup-inner {padding: 10px; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} .b-popup div, .b-popup strong, .b-popup label {color: #808080;}
To change the accent color find #b44242 and replace it with the hex value you want~
INSTALLATION
(1) Apply any Flexible Squares theme. Make sure the page set up is either 2 Column (sidebar on left) or 2 Column (sidebar on right). Set the ads to vertical, between entries or horizontal. (2) Display → Navigation Strip color: Light gray. (3) Text → There you can edit your currents and comments text so that they look like in the preview. (4) Sidebar → Ordering: Link List, Default Userpic and Blurb. (5) Custom CSS → Set all drop-down boxes to No and paste the code.
NOTES AND CREDITS
→ Don't redistribute or claim as your own. → Credit is nice. → Tiny icons by pinvoke.com → Preview icon by nna_chan at dromerige

I. Candy Store

lu_hesperia — Sun, 18 Mar 2012 20:48:39 GMT

( STATIC ) ( LIVE )

I. CANDY STORE
→ S2 Flexible Squares → Basic, plus and paid; ad placement between entries or horizontal. → Features custom comment pages, navigation and topbar. → Title, subtitle, entry date and everything in the sidebar except for the blurb and the link list is disabled.
PREVIEW AND CODE
Pink version: (Static) (Live) /- 001 Candy Store pink ver. Layout by lu_hesperia at ourhappyhours.livejournal.com Tiny icons by pinvoke.com -/ body {background:#f1e5e5 url() repeat fixed; text-align: justify; color: #808080; font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; font-size: 11px; margin: 20px 0 20px 0;} ::selection {background-color: #eabdcb; color: #fff;} ::-moz-selection {background-color: #eabdcb; color: #fff;} a, a:link, a:visited {color:#eabdcb; text-decoration: none;} a:hover {color:#bababa; text-decoration: none;} p, td {} blockquote {padding: 0px 0px 0px 8px; border-left: 3px solid #e2759d;} code, kbd, pre, tt {font-family: 'Consolas', monospace} h2 {display:none;} #content {width: 450px; margin-left: auto; margin-right: auto; background-color: transparent; padding: 0px;} #maincontent {margin-top: 32px; font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; font-size: 11px; background-color: transparent;} #sidebar {margin-top: -11px; margin-bottom: 5px; background-color: #fff; border-bottom:3px solid #eabdcb;} #header {background-color: transparent; margin: 0; padding: 5px 5px 18px 10px; color: #eabdcb; text-align: right; font-size: 13px; text-transform: uppercase; border-bottom: 3px solid #e2759d;} div#header a, div#header a:link, div#header a:visited {color: #eabdcb; text-transform: uppercase; padding: 15px 0;} div#header a:hover {color: #e2759d; border-bottom: 6px solid #e2759d;} .headerimage {} .title {display:none} .subtitle{display:none} ul.navheader {margin: 0px;} ul.navheader li {display: inline; text-align:center; padding: 0 3px 0 3px;} .subcontent {} .entry {min-height: 80px; padding: 6px 10px 10px 10px; background-color: #fff; border-bottom:3px solid #eabdcb;} .entry_text img {max-width: 430px;} .userpic, .userpicfriends {position: relative; float: left; background-color: transparent!important; color:#f1e5e5; padding: 0px; margin: 0px 0 0 -128px; text-align: center; font-size: 10px; z-index: 15;} .userpic img, .userpicfriends img{ background:#fff; padding:5px; background-image: url(); border-left:3px solid #e2759d; border-right:3px solid #eabdcb;} .userpicfriends font {color:#e2759d;} div.userpic a, div.userpic a:link, div.userpic a:visited, div.userpicfriends a, div.userpicfriends a:link, div.userpicfriends a:visited {color:#e2759d;} div.userpic a:hover, div.userpicfriends a:hover {color:#eabdcb;} .date {display:none;} .subject {padding: 10px; color: #cbcbcb; text-align: right; font-size: 13px; text-transform:uppercase;} .subject a, .subject a:link, .subject a:visited { color: #cbcbcb;} .subject a:hover {color: #bfbfbf;} .datesubject {background-color: #fff; padding: 0px; margin-bottom: -10px; border-top:3px solid #e2759d;} .entry ul li {margin-left: -24px;} div.ljtags a {font-weight: normal;} .currents a, currents alink, .currents a:visited, .currents a:hover {color:#808080;} .currents {padding-left: 8px; margin-top: 12px; border-left: 3px solid #e2759d;} .currentmood, .currentmusic, .currentgroups, .currentlocation {font-size: 10px; background-color: transparent; line-height: 1; text-transform:lowercase;} .currents strong, .currentmood strong, .currentgroups strong, .currentlocation strong, .currentmusic strong {color:#cbcbcb; text-transform:lowercase; font-weight:normal!important;} .ljtags {margin-top: 12px; text-transform: uppercase; font-size: 10px; color: #cbcbcb; line-height: 1;} .comments {font-size: 20px; text-align: right; color: #fff; letter-spacing: -1px; position: relative; padding: 0px 5px; margin-top:10px;} div.comments a, div.comments a:link, div.comments a:visited{color: #cbcbcb;} div.comments a:hover {color: #bfbfbf;text-decoration: none;} .separator{height: 20px;} .defaultuserpic {display:none;} .sbarheader {padding: 0px 5px 0px 5px;} .sbarbody {padding: 0px 5px 0px 5px;} .sbarbody2 {padding: 5px 10px 3px 10px;} .sbarbody2 img {max-width:430px;} div#sidebar a, div#sidebar a:link, div#sidebar a:visited{} div#sidebar a:hover {text-decoration: none;} table.calendar {display:none;} .sbarcalendar, .sbarcalendarposts {display:none;} #sidebar_summary.sbarbody {display:none;} #sidebar_tags.sbarbody {display:none;} ul.sbarlist {margin-top: -6px; padding-left: 0px; margin-left: 0px; list-style: none;} li.sbaritem {display: inline; padding-left: 5px; padding-right: 5px;} li.sbaritem a, li.sbaritem a:link, li.sbaritem a:visited {text-transform: uppercase; color:#cbcbcb;} li.sbaritem a:hover {text-transform: uppercase; color:#eabdcb;} li.sbartitle {display:none;} #footer {text-align: right; font-size: 12px; text-transform: uppercase; background-color: #fff; color: #cbcbcb; border-bottom:3px solid #eabdcb; border-top:3px solid #e2759d; z-index: 100; clear: both;} div#footer a, div#footer a:link, div#footer a:visited {color: #cbcbcb;text-transform: uppercase; padding: 15px 0;} div#footer a:hover {color: #bfbfbf;} ul.navfooter{padding: 0px; margin: 0px;} ul.navfooter li {display: inline; margin: 0 5px 0 5px;} .clearfoot {clear: both;} #footer .viewing { display:none;} ul.year {text-align: center; font-size: 13px; background-color: #fff; color: #cbcbcb; border-bottom:3px solid #eabdcb; border-top:3px solid #e2759d; z-index: 100; clear: both;} ul.year li {display: inline;} table.yeartable {margin-left: auto; margin-right: auto;} table.yeartable td.yeardate, table.yeartable td.yearday {text-align: center; background-color: #fff;} table.yeartable td.yearday {background-color: #fff; text-align: center;} td.yearmonth {border-style: none;} .ljtaglist {font-size: 10px; color: #cbcbcb; background-color: #fff; list-style-type:none; padding: 8px 10px 10px 10px; border-bottom:3px solid #eabdcb; border-top:3px solid #e2759d; text-transform: uppercase;} .ljtaglist a, ljtaglist a:link, ljtaglist a:visited {color: #eabdcb;} .ljtaglist a:hover {color: #bfbfbf;} input#subject.textbox {background-color: #fff;} textarea#body.textbox {background-color: #fff;} textarea#commenttext.textbox {background-color: #fff;} div#qrformdiv {padding-bottom:15px} .datesubjectcomment {} .userpiccomment {position: relative; border-left:2px solid #e2759d; border-right:2px solid #eabdcb; background-color: #fff; width: 80px; height: 80px; padding: 3px; margin: -8px 0px 0px -106px; z-index: 15; float: left;} .box {padding: 0px 8px; clear: left;} input, textarea {background-color: #f1e5e5; color: #aaa; font-size: 10px; border: 0px;} textarea.textbox {width: 100% !important;} .reply {position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; line-height: 125%; background-color: #d4dce8;} .replytoposter {padding: 10px;} .replytosubject {padding: 10px;} .commentreply {margin: 10px 0;} .commentreply img {max-width:100%;} .commentbox {border-top:2px solid #e2759d; padding: 6px 10px; min-height: 75px; margin-top: 10px;} .commentboxpartial {padding: 10px; margin: 10px;} .commentinfo {margin-top: 10px; width: 100%;} .skiplinks {text-align:center; color:#f1e5e5; text-transform:uppercase; font-size:10px; margin-top:-20px; margin-bottom:6px;} .clear {height: 0px;} form#qrform table {border-width: 0px !important;} img[src="icon_protected.gif"], img[src="icon_private.gif"], img[src="icon_groups.gif"], img[src="icon_sticky.png"], .ljuser img[src="syndicated.gif"], .ljuser img[src="newsinfo.gif"], .ljuser img[src="partnercomm.gif"], .ljuser img[src="sponcomm.gif"] , img[src="btn_del.gif"], img[src="btn_edit.gif"], img[src="btn_spam.gif"], img[src="btn_scr.gif"], img[src="btn_unscr.gif"], img[src="btn_freeze.gif"], img[src="btn_unfreeze.gif"], img[src="btn_track.gif"], img[src="btn_tracking.gif"], img[src="btn_tracking_thread.gif"] , img[src="anonymous.gif"], img[src="openid-profile.gif"], img[src="userinfo.gif"], img[src="talk/none.gif"], img[src="help.gif"], img[src="pencil.gif"] {height: 0px; width: 0px; padding: 0 0 16px 16px !important; background: transparent none no-repeat scroll 0 0; } .subject img {vertical-align: middle !important;} img[src="icon_protected.gif"]{background-image: url(http://i.imgur.com/rkWgU.png);} img[src="icon_private.gif"]{background-image: url(http://i.imgur.com/mNHdJ.png);} img[src="icon_groups.gif"]{background-image: url(http://i.imgur.com/KgjGQ.png);} img[src="icon_sticky.png"]{background-image: url(http://i.imgur.com/FLp83.png);} .ljuser img[src="syndicated.gif"]{background-image: url(http://i.imgur.com/VW920.png) !important;} .ljuser img[src="newsinfo.gif"] {background-image: url(http://i.imgur.com/r6EzA.png) !important;} .ljuser img[src="partnercomm.gif"]{background-image: url(http://i.imgur.com/cJzp8.png) !important;} .ljuser img[src="sponcomm.gif"] {background-image: url(http://i.imgur.com/zupNZ.png) !important;} img[src="btn_unspam.gif"]{background-image: url(http://i.imgur.com/wuJqY.png);} img[src="btn_spam.gif"]{background-image: url(http://i.imgur.com/o63uw.png);} img[src="btn_del.gif"]{background-image: url(http://i.imgur.com/Eci4Q.png);} img[src="btn_scr.gif"] {background-image: url(http://i.imgur.com/IW1FR.png);} img[src="btn_unscr.gif"] {background-image: url(http://i.imgur.com/aVYvC.png);} img[src="btn_freeze.gif"] {background-image: url(http://i.imgur.com/7KTc8.png);} img[src="btn_unfreeze.gif"] {background-image: url(http://i.imgur.com/80cia.png);} img[src="btn_track.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="btn_tracking.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="btn_tracking_thread.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="anonymous.gif"] {background-image: url(http://i.imgur.com/pOnEG.png);} img[src="openid-profile.gif"] {background-image: url(http://i.imgur.com/J4DG0.png);} img[src="userinfo.gif"] {background-image: url(http://i.imgur.com/NpNX0.png);} img[src="talk/none.gif"] {background-image: url(http://i.imgur.com/zKR7h.png);} img[src="help.gif"] {background-image: url(http://i.imgur.com/W4MKd.png);} img[src="pencil.gif"],img[src="btn_edit.gif"] {background-image: url(http://i.imgur.com/AQfq6.png);} span.i-ljuser img[src="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/NpNX0.png) no-repeat !important; padding: 16px 0 0 16px !important;} span.i-ljuser img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/7r0fr.png) no-repeat !important; padding: 16px 0 0 16px !important;} span.ljuser a {font-family: 'Consolas', monospace} .w-cs {background:#606060; color:#444444; min-height:50px; text-transform: lowercase; font-size: 11px; } .w-cs .w-cs-userinfo {background:#606060; border color:#444444; color:#111; border:0px;} .w-cs .w-cs-summary li.w-cs-i-tokens {border:0px;} .w-cs a:link, .w-cs a:visited, .w-cs a:active {color: #cdcdcd !important;} .w-cs a:hover {color:#eeeeee !important} .w-cs .ljuser a:link, .w-cs .ljuser a:visited, .w-cs .ljuser a:active, .w-cs .ljuser a:link b, .w-cs .ljuser a:visited b, .w-cs .ljuser a:active b {font-size: 11px !important; font-weight: bold !important; text-transform: none; font-family: 'Consolas', monospace!important; color: #cdcdcd!important;} .w-cs .ljuser a:hover, .w-cs .ljuser a:hover b {color: #eeeeee!important;} .w-cs .w-cs-summary {background:#606060;} .w-cs-user-controls .w-cs-status p{background:#606060; color:#cdcdcd !important; letter-spacing: 0px; font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; font-size: 11px;} .w-cs .w-cs-summary {background:transparent!important; color:transparent!important} .w-cs .w-cs-search .w-cs-text {width: 150px; background-color:#f1e5e5!important; border-right: 25px solid #f1e5e5;} .w-cs .w-cs-text {background-color: #f1e5e5!important;} .w-cs .w-cs-search-inner {display:none;} .w-cs FORM.w-cs-login .note {color: #cdcdcd; font-size:10px;} ::-webkit-scrollbar {width:6px; height:6px;} ::-webkit-scrollbar-track-piece {background-color:#fff;} ::-webkit-scrollbar-thumb {background-color:#eabdcb;} ::-webkit-scrollbar-thumb:hover {background-color:#e2759d;} ::-webkit-scrollbar-corner {background-color:#fff;} .b-popup-contextual .i-popup-arrtl, .b-popup-contextual .i-popup-arrbl {display:none;} .b-popup-contextual .i-popup-arrtr, .b-popup-contextual .i-popup-arrbr {display:none;} .b-contextualhover {min-width:150px; width: auto; min-height: 38px; margin-left: 0px; color: #808080; text-align: justify; font-size: 11px!important; font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; line-height: 1.25;} .b-contextualhover, .b-contextualhover div, .b-contextualhover p, .b-contextualhover ul, .b-contextualhover ol, .b-contextualhover li, .b-contextualhover label, .b-contextualhover img, .b-contextualhover span, .b-contextualhover h3, .b-contextualhover input {padding: 0; margin: 0; color: #808080; font-size:11px!important;} .b-contextualhover img {border: none;} .b-contextualhover a:link, .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration: none !important; color: #eabdcb !important; background: none;} .b-contextualhover a:hover, .b-contextualhover a:active, .b-contextualhover a:focus {border-bottom: 0 !important; text-decoration: none !important; color: #bababa !important;} .s-lanzelot .b-contextualhover a:link, .s-lanzelot .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration: none !important; color: #eabdcb !important;} .s-lanzelot .b-contextualhover a:hover, .s-lanzelot .b-contextualhover a:active, .s-lanzelot .b-contextualhover a:focus {border-bottom: 0 !important; text-decoration: none !important; color: #bababa !important;} .index-page .b-contextualhover a:link, .index-page .b-contextualhover a:visited, .index-page .b-contextualhover a:hover, .index-page .b-contextualhover a:active, .index-page .b-contextualhover a:focus {color: #bababa !important;} .b-contextualhover .alias-unavailable a:link, .b-contextualhover .alias-unavailable a:visited {color: #eabdcb !important;} .b-contextualhover .alias-unavailable a:hover, .b-contextualhover .alias-unavailable a:active, .b-contextualhover .alias-unavailable A:focus {color: #bababa !important; text-decoration:none!important;} .b-contextualhover p {margin-bottom: 3px; font-size: 11px; line-height: 1.25;} .b-contextualhover .input-checkbox {margin-right: 2px; vertical-align: middle;} .b-contextualhover .b-contextualhover-section {overflow: hidden; padding: 0px;} .b-contextualhover .b-contextualhover-side {margin: -13px -72px 0 0; height: 0px; float: right; width: 60px;} .b-contextualhover .b-contextualhover-userpic {float: right; width: 55px; height: 55px; text-align: right;} .b-contextualhover .b-contextualhover-userpic a, .b-contextualhover .b-contextualhover-userpic a:hover {border: none !important;} .b-contextualhover .b-contextualhover-userpic img {max-width: 50px; max-height: 50px; border: 3px solid #e2759d;} .b-contextualhover .b-contextualhover-title {padding-bottom: 0px;} .b-contextualhover .b-contextualhover-title a:hover {text-decoration: none !important;} .b-contextualhover .b-contextualhover-title h3 {color: #808080; font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; margin-bottom: 2px; font-weight: normal; font-style: normal; font-size: 11px; line-height: 1.25;} .b-contextualhover .b-contextualhover-options {margin: 0; padding: 1px 0; border-top: 0px; list-style: none;} .b-contextualhover .b-contextualhover-options li {margin-bottom: 0px; line-height: 1.25; font-size: 11px!important;} .b-contextualhover .b-contextualhover-options li a:hover {text-decoration: none !important;} .b-contextualhover .b-contextualhover-param {line-height: 18px; margin:0 0 6px;} .b-contextualhover .b-contextualhover-param-item {list-style: none;} .b-contextualhover-param-item .b-icon-scapital {margin:0 2px 0 0;} .b-icon-scapital {float: left; width: 16px; height: 16px; margin:0 2px 0 0; background-image: url(/img/icon-social-capital.png?v=19876); background-repeat: no-repeat; background-position: 0 50%;} .b-icon-scapital-first {background-position: -17px 50%;} .b-popup-outer {position: relative; padding: 1px; background: #fff; border: 0px; border-bottom: 2px solid #eabdcb; border-top: 2px solid #e2759d; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; z-index: 100;} .b-popup-inner {padding: 10px; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} .b-popup div, .b-popup strong, .b-popup label {color: #808080;}	Blue version: (Static) (Live)/- 001 Candy Store blue ver. Layout by lu_hesperia at ourhappyhours.livejournal.com Tiny icons by pinvoke.com -/ body {background:#e5ebf1 url() repeat fixed; text-align: justify; color: #808080; font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; font-size: 11px; margin: 20px 0 20px 0;} ::selection {background-color: #bee1ea; color: #fff;} ::-moz-selection {background-color: #bee1ea; color: #fff;} a, a:link, a:visited {color:#bee1ea; text-decoration: none;} a:hover {color:#bababa; text-decoration: none;} p, td {} blockquote {padding: 0px 0px 0px 8px; border-left: 3px solid #76d4e2;} code, kbd, pre, tt {font-family: 'Consolas', monospace} h2 {display:none;} #content {width: 450px; margin-left: auto; margin-right: auto; background-color: transparent; padding: 0px;} #maincontent {margin-top: 32px; font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; font-size: 11px; background-color: transparent;} #sidebar {margin-top: -11px; margin-bottom: 5px; background-color: #fff; border-bottom:3px solid #bee1ea;} #header {background-color: transparent; margin: 0; padding: 5px 5px 18px 10px; color: #bee1ea; text-align: right; font-size: 13px; text-transform: uppercase; border-bottom: 3px solid #76d4e2;} div#header a, div#header a:link, div#header a:visited {color: #bee1ea; text-transform: uppercase; padding: 15px 0;} div#header a:hover {color: #76d4e2; border-bottom: 6px solid #76d4e2;} .headerimage {} .title {display:none} .subtitle{display:none} ul.navheader {margin: 0px;} ul.navheader li {display: inline; text-align:center; padding: 0 3px 0 3px;} .subcontent {} .entry {min-height: 80px; padding: 6px 10px 10px 10px; background-color: #fff; border-bottom:3px solid #bee1ea;} .entry_text img {max-width: 430px;} .userpic, .userpicfriends {position: relative; float: left; background-color: transparent!important; color:#e5ebf1; padding: 0px; margin: 0px 0 0 -128px; text-align: center; font-size: 10px; z-index: 15;} .userpic img, .userpicfriends img{ background:#fff; padding:5px; background-image: url(); border-left:3px solid #76d4e2; border-right:3px solid #bee1ea;} .userpicfriends font {color:#76d4e2;} div.userpic a, div.userpic a:link, div.userpic a:visited, div.userpicfriends a, div.userpicfriends a:link, div.userpicfriends a:visited {color:#76d4e2;} div.userpic a:hover, div.userpicfriends a:hover {color:#bee1ea;} .date {display:none;} .subject {padding: 10px; color: #cbcbcb; text-align: right; font-size: 13px; text-transform:uppercase;} .subject a, .subject a:link, .subject a:visited { color: #cbcbcb;} .subject a:hover {color: #bfbfbf;} .datesubject {background-color: #fff; padding: 0px; margin-bottom: -10px; border-top:3px solid #76d4e2;} .entry ul li {margin-left: -24px;} div.ljtags a {font-weight: normal;} .currents a, currents alink, .currents a:visited, .currents a:hover {color:#808080;} .currents {padding-left: 8px; margin-top: 12px; border-left: 3px solid #76d4e2;} .currentmood, .currentmusic, .currentgroups, .currentlocation {font-size: 10px; background-color: transparent; line-height: 1; text-transform:lowercase;} .currents strong, .currentmood strong, .currentgroups strong, .currentlocation strong, .currentmusic strong {color:#cbcbcb; text-transform:lowercase; font-weight:normal!important;} .ljtags {margin-top: 12px; text-transform: uppercase; font-size: 10px; color: #cbcbcb; line-height: 1;} .comments {font-size: 20px; text-align: right; color: #fff; letter-spacing: -1px; position: relative; padding: 0px 5px; margin-top:10px;} div.comments a, div.comments a:link, div.comments a:visited{color: #cbcbcb;} div.comments a:hover {color: #bfbfbf;text-decoration: none;} .separator{height: 20px;} .defaultuserpic {display:none;} .sbarheader {padding: 0px 5px 0px 5px;} .sbarbody {padding: 0px 5px 0px 5px;} .sbarbody2 {padding: 5px 10px 3px 10px;} .sbarbody2 img {max-width:430px;} div#sidebar a, div#sidebar a:link, div#sidebar a:visited{} div#sidebar a:hover {text-decoration: none;} table.calendar {display:none;} .sbarcalendar, .sbarcalendarposts {display:none;} #sidebar_summary.sbarbody {display:none;} #sidebar_tags.sbarbody {display:none;} ul.sbarlist {margin-top: -6px; padding-left: 0px; margin-left: 0px; list-style: none;} li.sbaritem{display: inline; padding-left: 5px; padding-right: 5px;} li.sbaritem a, li.sbaritem a:link, li.sbaritem a:visited {text-transform: uppercase; color:#cbcbcb;} li.sbaritem a:hover {text-transform: uppercase; color:#bee1ea;} li.sbartitle {display:none;} #footer {text-align: right; font-size: 12px; text-transform: uppercase; background-color: #fff; color: #cbcbcb; border-bottom:3px solid #bee1ea; border-top:3px solid #76d4e2; z-index: 100; clear: both;} div#footer a, div#footer a:link, div#footer a:visited {color: #cbcbcb;text-transform: uppercase; padding: 15px 0;} div#footer a:hover {color: #bfbfbf;} ul.navfooter{padding: 0px; margin: 0px;} ul.navfooter li {display: inline; margin: 0 5px 0 5px;} .clearfoot {clear: both;} #footer .viewing { display:none;} ul.year {text-align: center; font-size: 13px; background-color: #fff; color: #cbcbcb; border-bottom:3px solid #bee1ea; border-top:3px solid #76d4e2; z-index: 100; clear: both;} ul.year li {display: inline;} table.yeartable {margin-left: auto; margin-right: auto;} table.yeartable td.yeardate, table.yeartable td.yearday {text-align: center; background-color: #fff;} table.yeartable td.yearday {background-color: #fff; text-align: center;} td.yearmonth {border-style: none;} .ljtaglist {font-size: 10px; color: #cbcbcb; background-color: #fff; list-style-type:none; padding: 8px 10px 10px 10px; border-bottom:3px solid #bee1ea; border-top:3px solid #76d4e2; text-transform: uppercase;} .ljtaglist a, ljtaglist a:link, ljtaglist a:visited {color: #bee1ea;} .ljtaglist a:hover {color: #bfbfbf;} input#subject.textbox {background-color: #fff;} textarea#body.textbox {background-color: #fff;} textarea#commenttext.textbox {background-color: #fff;} div#qrformdiv {padding-bottom:15px} .datesubjectcomment {} .userpiccomment {position: relative; border-left:2px solid #76d4e2; border-right:2px solid #bee1ea; background-color: #fff; width: 80px; height: 80px; padding: 3px; margin: -8px 0px 0px -106px; z-index: 15; float: left;} .box {padding: 0px 8px; clear: left;} input, textarea {background-color: #e5ebf1; color: #aaa; font-size: 10px; border: 0px;} textarea.textbox {width: 100% !important;} .reply {position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; line-height: 125%; background-color: #d4dce8;} .replytoposter {padding: 10px;} .replytosubject {padding: 10px;} .commentreply {margin: 10px 0;} .commentreply img {max-width:100%;} .commentbox {border-top:2px solid #76d4e2; padding: 6px 10px; min-height: 75px; margin-top: 10px;} .commentboxpartial {padding: 10px; margin: 10px;} .commentinfo {margin-top: 10px; width: 100%;} .skiplinks {text-align:center; color:#e5ebf1; text-transform:uppercase; font-size:10px; margin-top:-20px; margin-bottom:6px;} .clear {height: 0px;} form#qrform table {border-width: 0px !important;} img[src="icon_protected.gif"], img[src="icon_private.gif"], img[src="icon_groups.gif"], img[src="icon_sticky.png"], .ljuser img[src="syndicated.gif"], .ljuser img[src="newsinfo.gif"], .ljuser img[src="partnercomm.gif"], .ljuser img[src="sponcomm.gif"] , img[src="btn_del.gif"], img[src="btn_edit.gif"], img[src="btn_spam.gif"], img[src="btn_scr.gif"], img[src="btn_unscr.gif"], img[src="btn_freeze.gif"], img[src="btn_unfreeze.gif"], img[src="btn_track.gif"], img[src="btn_tracking.gif"], img[src="btn_tracking_thread.gif"] , img[src="anonymous.gif"], img[src="openid-profile.gif"], img[src="userinfo.gif"], img[src="talk/none.gif"], img[src="help.gif"], img[src="pencil.gif"] {height: 0px; width: 0px; padding: 0 0 16px 16px !important; background: transparent none no-repeat scroll 0 0; } .subject img {vertical-align: middle !important;} img[src="icon_protected.gif"]{background-image: url(http://i.imgur.com/rkWgU.png);} img[src="icon_private.gif"]{background-image: url(http://i.imgur.com/mNHdJ.png);} img[src="icon_groups.gif"]{background-image: url(http://i.imgur.com/KgjGQ.png);} img[src="icon_sticky.png"]{background-image: url(http://i.imgur.com/FLp83.png);} .ljuser img[src="syndicated.gif"]{background-image: url(http://i.imgur.com/VW920.png) !important;} .ljuser img[src="newsinfo.gif"] {background-image: url(http://i.imgur.com/r6EzA.png) !important;} .ljuser img[src="partnercomm.gif"]{background-image: url(http://i.imgur.com/cJzp8.png) !important;} .ljuser img[src="sponcomm.gif"] {background-image: url(http://i.imgur.com/zupNZ.png) !important;} img[src="btn_unspam.gif"]{background-image: url(http://i.imgur.com/wuJqY.png);} img[src="btn_spam.gif"]{background-image: url(http://i.imgur.com/o63uw.png);} img[src="btn_del.gif"]{background-image: url(http://i.imgur.com/Eci4Q.png);} img[src="btn_scr.gif"] {background-image: url(http://i.imgur.com/IW1FR.png);} img[src="btn_unscr.gif"] {background-image: url(http://i.imgur.com/aVYvC.png);} img[src="btn_freeze.gif"] {background-image: url(http://i.imgur.com/7KTc8.png);} img[src="btn_unfreeze.gif"] {background-image: url(http://i.imgur.com/80cia.png);} img[src="btn_track.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="btn_tracking.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="btn_tracking_thread.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);} img[src="anonymous.gif"] {background-image: url(http://i.imgur.com/pOnEG.png);} img[src="openid-profile.gif"] {background-image: url(http://i.imgur.com/J4DG0.png);} img[src="userinfo.gif"] {background-image: url(http://i.imgur.com/NpNX0.png);} img[src="talk/none.gif"] {background-image: url(http://i.imgur.com/zKR7h.png);} img[src="help.gif"] {background-image: url(http://i.imgur.com/W4MKd.png);} img[src="pencil.gif"],img[src="btn_edit.gif"] {background-image: url(http://i.imgur.com/AQfq6.png);} span.i-ljuser img[src="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/NpNX0.png) no-repeat !important; padding: 16px 0 0 16px !important;} span.i-ljuser img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/7r0fr.png) no-repeat !important; padding: 16px 0 0 16px !important;} span.ljuser a {font-family: 'Consolas', monospace} .w-cs {background:#606060; color:#444444; min-height:50px; text-transform: lowercase; font-size: 11px; } .w-cs .w-cs-userinfo {background:#606060; border color:#444444; color:#111; border:0px;} .w-cs .w-cs-summary li.w-cs-i-tokens {border:0px;} .w-cs a:link, .w-cs a:visited, .w-cs a:active {color: #cdcdcd !important;} .w-cs a:hover {color:#eeeeee !important} .w-cs .ljuser a:link, .w-cs .ljuser a:visited, .w-cs .ljuser a:active, .w-cs .ljuser a:link b, .w-cs .ljuser a:visited b, .w-cs .ljuser a:active b {font-size: 11px !important; font-weight: bold !important; text-transform: none; font-family: 'Consolas', monospace!important; color: #cdcdcd!important;} .w-cs .ljuser a:hover, .w-cs .ljuser a:hover b {color: #eeeeee!important;} .w-cs .w-cs-summary {background:#606060;} .w-cs-user-controls .w-cs-status p{background:#606060; color:#cdcdcd !important; letter-spacing: 0px; font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; font-size: 11px;} .w-cs .w-cs-summary {background:transparent!important; color:transparent!important} .w-cs .w-cs-search .w-cs-text {width: 150px; background-color:#e5ebf1!important; border-right: 25px solid #e5ebf1;} .w-cs .w-cs-text {background-color: #e5ebf1!important;} .w-cs .w-cs-search-inner {display:none;} .w-cs FORM.w-cs-login .note {color: #cdcdcd; font-size:10px;} ::-webkit-scrollbar {width:6px; height:6px;} ::-webkit-scrollbar-track-piece {background-color:#fff;} ::-webkit-scrollbar-thumb {background-color:#bee1ea;} ::-webkit-scrollbar-thumb:hover {background-color:#76d4e2;} ::-webkit-scrollbar-corner {background-color:#fff;} .b-popup-contextual .i-popup-arrtl, .b-popup-contextual .i-popup-arrbl {display:none;} .b-popup-contextual .i-popup-arrtr, .b-popup-contextual .i-popup-arrbr {display:none;} .b-contextualhover {min-width:150px; width: auto; min-height: 38px; margin-left: 0px; color: #808080; text-align: justify; font-size: 11px!important; font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; line-height: 1.25;} .b-contextualhover, .b-contextualhover div, .b-contextualhover p, .b-contextualhover ul, .b-contextualhover ol, .b-contextualhover li, .b-contextualhover label, .b-contextualhover img, .b-contextualhover span, .b-contextualhover h3, .b-contextualhover input {padding: 0; margin: 0; color: #808080; font-size:11px!important;} .b-contextualhover img {border: none;} .b-contextualhover a:link, .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration: none !important; color: #bee1ea !important; background: none;} .b-contextualhover a:hover, .b-contextualhover a:active, .b-contextualhover a:focus {border-bottom: 0 !important; text-decoration: none !important; color: #bababa !important;} .s-lanzelot .b-contextualhover a:link, .s-lanzelot .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration: none !important; color: #bee1ea !important;} .s-lanzelot .b-contextualhover a:hover, .s-lanzelot .b-contextualhover a:active, .s-lanzelot .b-contextualhover a:focus {border-bottom: 0 !important; text-decoration: none !important; color: #bababa !important;} .index-page .b-contextualhover a:link, .index-page .b-contextualhover a:visited, .index-page .b-contextualhover a:hover, .index-page .b-contextualhover a:active, .index-page .b-contextualhover a:focus {color: #bababa !important;} .b-contextualhover .alias-unavailable a:link, .b-contextualhover .alias-unavailable a:visited {color: #bee1ea !important;} .b-contextualhover .alias-unavailable a:hover, .b-contextualhover .alias-unavailable a:active, .b-contextualhover .alias-unavailable A:focus {color: #bababa !important; text-decoration:none!important;} .b-contextualhover p {margin-bottom: 3px; font-size: 11px; line-height: 1.25;} .b-contextualhover .input-checkbox {margin-right: 2px; vertical-align: middle;} .b-contextualhover .b-contextualhover-section {overflow: hidden; padding: 0px;} .b-contextualhover .b-contextualhover-side {margin: -13px -72px 0 0; height: 0px; float: right; width: 60px;} .b-contextualhover .b-contextualhover-userpic {float: right; width: 55px; height: 55px; text-align: right;} .b-contextualhover .b-contextualhover-userpic a, .b-contextualhover .b-contextualhover-userpic a:hover {border: none !important;} .b-contextualhover .b-contextualhover-userpic img {max-width: 50px; max-height: 50px; border: 3px solid #76d4e2;} .b-contextualhover .b-contextualhover-title {padding-bottom: 0px;} .b-contextualhover .b-contextualhover-title a:hover {text-decoration: none !important;} .b-contextualhover .b-contextualhover-title h3 {color: #808080; font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; margin-bottom: 2px; font-weight: normal; font-style: normal; font-size: 11px; line-height: 1.25;} .b-contextualhover .b-contextualhover-options {margin: 0; padding: 1px 0; border-top: 0px; list-style: none;} .b-contextualhover .b-contextualhover-options li {margin-bottom: 0px; line-height: 1.25; font-size: 11px!important;} .b-contextualhover .b-contextualhover-options li a:hover {text-decoration: none !important;} .b-contextualhover .b-contextualhover-param {line-height: 18px; margin:0 0 6px;} .b-contextualhover .b-contextualhover-param-item {list-style: none;} .b-contextualhover-param-item .b-icon-scapital {margin:0 2px 0 0;} .b-icon-scapital {float: left; width: 16px; height: 16px; margin:0 2px 0 0; background-image: url(/img/icon-social-capital.png?v=19876); background-repeat: no-repeat; background-position: 0 50%;} .b-icon-scapital-first {background-position: -17px 50%;} .b-popup-outer {position: relative; padding: 1px; background: #fff; border: 0px; border-bottom: 2px solid #bee1ea; border-top: 2px solid #76d4e2; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; z-index: 100;} .b-popup-inner {padding: 10px; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} .b-popup div, .b-popup strong, .b-popup label {color: #808080;}
The color scheme is easily customizable, you just have to find #f1e5e5, #eabdcb and #e2759d —or #e5ebf1, #bee1ea and #76d4e2 in the blue version— and replace them with the hex values you want~
INSTALLATION
(1) Apply any Flexible Squares theme. Make sure the page set up is either 2 Column (sidebar on left) or 2 Column (sidebar on right) or else the topbar won't show. Set the ads to horizontal or between entries. (2) Display → Navigation Strip color: Dark gray. (3) Text → There you can edit your navigation, currents and comments text so that they look like in the preview. (4) Sidebar → Ordering: Blurb, Link List. (5) Custom CSS → Set all drop-down boxes to No and paste the code.
NOTES AND CREDITS
→ Don't redistribute or claim as your own. → Credit is nice. → Tiny icons by pinvoke.com → Preview icon by erinae at solaristic

Suggestion Box

lu_hesperia — Sun, 18 Mar 2012 20:31:03 GMT

If you have any suggestions or questions feel free to comment here or in the layout post, I'll try to answer as soon as possible :)

I. CANDY STORE
	▲ Flexible Squares ▲ Topbar ▼ Static / Live Preview ▼ Codes + Another Version

II. WIRES
	▲ Flexible Squares ▲ Sidebar ▼ Static / Live Preview ▼ Codes

III. ASEPTIC
	▲ Flexible Squares ▲ Sidebar ▼ Static / Live Preview ▼ Codes

IV. IN BLUE
	▲ Flexible Squares ▲ Topbar ▼ Static / Live Preview ▼ Codes

V. LOOKING BACK
	▲ Flexible Squares ▲ Link List (Topbar) ▼ Static / Live Preview ▼ Codes + Another Version

VI. FAIR AND SQUARE
	▲ Smooth Sailing ▲ Sidebar ▼ Static / Live Preview ▼ Codes + Another Version

VII. FADED
	▲ Flexible Squares ▲ Sidebar ▼ Static / Live Preview ▼ Codes + Another Version

VIII. THE WOOD CAFE
	▲ Flexible Squares ▲ Sidebar ▼ Static / Live Preview ▼ Codes

IX. AWAY
	▲ Flexible Squares ▲ Topbar, Horizontal ▼ Static / Live Preview ▼ Codes + Another Version

X. URANUS
	▲ Smooth Sailing ▲ Sidebar ▼ Static / Live Preview ▼ Codes

XI. BLANK
	▲ Flexible Squares ▲ Sidebar ▼ Static / Live Preview ▼ Codes

XII. TRIANGLER
	▲ Flexible Squares ▲ Topbar ▼ Static / Live Preview ▼ Codes

o u r h a p p y h o u r s

XVI. Pink Monsoon

New controlstrip

XV. Stay

XIV. Disjunction

XIII. Dreams In Colour

XII. Triangler

XI. Blank

X. Uranus

IX. Away

VIII. The Wood Cafe

VII. Faded

VI. Fair And Square

V. Looking Back

Getting rid of the blue strip

IV. In Blue

III. Aseptic

II. Wires

I. Candy Store

Archive

Suggestion Box