Uranus; Smooth Sailing

[lu_hesperia]

( 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;}

.entryHeader {font-size: 0px; min-height: 20px; 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 lu_hesperia at blissful_garden
→ Original post here at ourhappyhours