smooth sailing: california: spire

daemon in spire

smooth sailing: california

Dec 19, 2008 20:34

Not quite sure if I really like this layout, but oh well. :'D Took a long ass time to code too.

Also: lots of snow!

layout notes.

Account Types:

Basic, Plus and Paid

Compatible Browsers:

Mozilla Firefox, Internet Explorer 7, Opera. The layout doesn't break in Safari or Chrome, but the header menu/comment links don't display properly.

Min. Resolution:

1024x768

Credits and Misc.:

• Request layout for belius.
• Icon in preview by angelblast.

Navstrip:

Compatible with and without.

Custom Comment Pages?:

Yes

Disabled Elements:

• Tiny icons

installation.

CSS Stylesheet:

/*---------------------------------------------------
STYLESHEET CREATOR: scythe.livejournal.com
STYLESHEET NAME: California
S2 STYLE: Smooth Sailing
DOWNLOAD: thrashmetal.livejournal.com

****Please remember to credit!****
-----------------------------------------------------*/

body {
background:#D1D1D1 none repeat scroll 0 0;
color:#8E8E8E;
font-family:helvetica,arial,sans-serif;
font-size:11px;
margin:0;
}
.pageblock {
margin:0 auto;
position:absolute;
width:100%;
}
a, a:visited {
color:#E3901B;
letter-spacing:0;
text-decoration:none;
}
a:hover {
color:#0091BD;
}
a img {
border:medium none;
}
ul {
list-style-type:square;
}
blockquote {
border:1px solid #D1D1D1;
color:#B3B3B3;
font-family:arial;
font-size:11px;
letter-spacing:0;
line-height:21px;
padding:8px;
}
blockquote b {
}
.header-title {
background-color:#3D5D2E;
color:#F6F6BB;
display:none;
font-size:30px;
padding:0 20px;
}
.header-subtitle {
display:none;
}
.header-icon {
border-bottom:2px solid #F6F6BB;
border-left:2px solid #F6F6BB;
position:absolute;
right:0;
top:0;
z-index:1;
}
.pageheaderblock {
text-align:center;
width:100%;
}
.pagefooterblock {
display:none;
}
.pagefooterblock a, .pagefooterblock a:visited {
color:#E92E20;
}
.bodyblock {
margin:0 auto;
padding-top:147px;
width:700px;
}
.bodyheaderblock {
display:none;
padding:6px 0;
}
.bodynavblock {
color:#AEAEAE;
margin:16px;
padding:0;
}
.bodynavblock a, .bodynavblock a:visited {
color:#4B1721;
}
.body-title {
display:none;
}
.body-midtitle {
display:none;
}
.entryHolder {
background:#EDEDED none repeat scroll 0 0;
color:#4F4F4F;
font-size:11px;
margin-top:1px;
}
.entryUserinfo {
border-bottom:1px solid #D1D1D1;
border-right:1px solid #D1D1D1;
margin-right:-1px;
}
.entryUserinfo-username {
background:transparent none repeat scroll 0 0;
font-size:11px;
line-height:18px;
margin-left:8px;
margin-right:5px;
margin-top:5px;
position:absolute;
text-align:left;
z-index:300;
}
.entryUserinfo-username .ljuser a b {
background:transparent none repeat scroll 0 0;
color:#00D494;
font-size:15px;
letter-spacing:0;
text-decoration:none !important;
}
.entryUserinfo-usericon img {
border:20px solid #F3F3F3;
opacity:0.5;
}
.entryUserinfo-usericon img:hover {
border:20px solid #F3F3F3;
opacity:1;
}
.entryText {
background:#EDEDED none repeat scroll 0 0;
border-left:1px solid #D1D1D1;
color:#8E8E8E;
font-size:11px;
line-height:21px;
min-height:130px;
padding:19px;
text-align:justify;
}
.entryHeader {
background:#F3F3F3 none repeat scroll 0 0;
border-bottom:1px solid #D1D1D1;
font-size:0;
line-height:18px;
padding:24px 15px 5px;
text-align:left;
}
.entryHeaderDate {
color:#DEDEDE;
display:block;
font-size:47px;
letter-spacing:-4px;
position:relative;
text-transform:lowercase;
z-index:0;
}
.entryHeader a {
color:#8E8E8E;
font-size:28px;
font-weight:normal;
letter-spacing:-1px;
position:relative;
text-transform:lowercase;
z-index:10;
}
.entryHeader a:hover {
}
.entryHeaderSubject {
padding-left:21px;
position:relative;
z-index:30;
}
.entryMetadata {
background:#EDEDED none repeat scroll 0 0;
border-left:1px solid #D1D1D1;
color:#AEAEAE;
margin-bottom:0;
padding:0 40px 17px;
}
.entryMetadata a, .entryMetadata a:visited {
color:#8E8E8E;
font-size:9px;
text-transform:lowercase;
}
.entryMetadata a:hover {
border-bottom:0 none;
text-decoration:none;
}
.entryMetadata ul {
margin:0;
padding:0;
}
.entryMetadata li {
display:block;
font-size:9px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-right:10px;
}
.entryMetadata-label {
font-size:10px;
font-weight:bold;
padding-right:4px;
text-transform:uppercase;
}
.entryLinkbar {
background:transparent none repeat scroll 0 0;
border-top:1px solid #D1D1D1;
margin-top:0;
padding:1px 0;
text-align:right;
text-transform:lowercase;
}
.entryLinkbar a {
background:transparent none repeat scroll 0 0;
border:medium none;
color:#AEAEAE;
font-size:13px;
font-weight:normal;
letter-spacing:0;
padding:0;
}
.entryLinkbar a:hover {
color:#4F4F4F;
text-decoration:none;
}
.entryLinkbar ul {
margin:3px 0;
padding:0;
}
.entryLinkbar li {
border-left:1px solid #D1D1D1;
display:inline;
margin:0;
padding:6px 12px;
}
.entryLinkbar li:hover {
background:#F3F3F3 none repeat scroll 0 0;
padding:6px 12px 5px;
}
.commentHolder {
background:#EDEDED none repeat scroll 0 0;
border-left:0 none;
margin:19px 0 0;
}
.commentUserinfo {
font-size:0;
margin-right:10px;
text-align:center;
}
.commentUserinfo .ljuser a b {
font-size:15px;
}
.commentUserinfo-usericon img {
background:#F3F3F3 none repeat scroll 0 0;
border-bottom:1px solid #D1D1D1;
border-right:1px solid #D1D1D1;
opacity:0.5;
padding:20px;
}
.commentUserinfo-usericon img:hover {
opacity:1;
}
.commentText {
background:transparent none repeat scroll 0 0;
color:#4F4F4F;
font-family:arial;
font-size:11px;
line-height:20px;
padding:10px 13px 0 4px;
text-align:justify;
}
.commentHeader {
background:#F3F3F3 none repeat scroll 0 0;
border-bottom:1px solid #D1D1D1;
color:#DEDEDE;
font-size:32px;
letter-spacing:-4px;
line-height:18px;
padding:24px 15px 14px;
text-align:left;
text-transform:lowercase;
}
.commentHeaderSubject {
color:#8E8E8E;
font-size:23px;
font-weight:normal;
letter-spacing:-1px;
position:relative;
text-transform:lowercase;
z-index:10;
}
.commentHeaderScreened {
color:#4F4F4F;
font-family:georgia;
font-size:17px;
letter-spacing:2px;
padding-left:10px;
padding-top:10px;
text-align:left;
text-transform:lowercase;
}
.commentLinkbar {
background:#EDEDED none repeat scroll 0 0;
border-top:1px solid #D1D1D1;
color:#878787;
font-size:11px;
padding:1px 12px 5px;
text-align:right;
}
.commentLinkbar ul {
margin:0;
padding:0;
}
.commentLinkbar li {
border-left:1px solid #D1D1D1;
color:#4F4F4F;
display:inline;
margin:0;
padding:6px 12px;
}
.commentLinkbar li:hover {
background:#F3F3F3 none repeat scroll 0 0;
}
.commentLinkbar a:hover {
color:#4F4F4F;
text-decoration:none;
}
.commentLinkbar a {
background:transparent none repeat scroll 0 0;
color:#AEAEAE;
font-size:13px;
font-weight:normal;
letter-spacing:0;
padding:0;
text-transform:lowercase;
}
.replyform {
color:#4F4F4F;
line-height:16px;
padding:20px;
}
.yearlinks {
text-align:right;
}
.yearlink {
padding-left:4px;
padding-right:4px;
}
.month {
background:transparent none repeat scroll 0 0;
margin:10px auto;
padding:6px 0 12px;
}
.daysubjects {
color:#434343;
padding:8px 8px 8px 40px;
}
.daytitles {
background:#F3F3F3 none repeat scroll 0 0;
border:1px solid #EDEDED;
color:#8E8E8E;
font-size:17px;
letter-spacing:0;
text-align:center;
text-transform:lowercase;
}
.day {
background:#F3F3F3 none repeat scroll 0 0;
border:1px solid #EDEDED;
margin-bottom:0;
padding:3px;
width:80px;
}
.day-date {
color:#8E8E8E;
margin:2px;
}
.day-count {
float:right;
font-size:20px;
text-align:center;
width:50%;
}
.day-count a {
color:#0091BD;
font-size:21px;
font-weight:normal;
padding:3px;
text-decoration:none;
}
.sidebar {
background:#F3F3F3 none repeat scroll 0 0;
border-left:medium none;
font-family:arial;
font-size:11px;
height:136px;
line-height:19px;
padding-left:0;
position:absolute;
text-align:center;
top:0;
width:700px;
}
.sidebox {
color:#000000;
margin-bottom:0;
margin-right:auto;
margin-top:0;
padding:8px 13px 5px;
text-align:justify;
}
.sideboxTitle {
color:#E3901B;
font-family:helvetica,arial,sans-serif;
font-size:24px;
letter-spacing:-2px;
line-height:10px;
margin-bottom:6px;
margin-left:10px;
padding:0;
text-transform:lowercase;
}
.sideboxContent {
background:transparent none repeat scroll 0 0;
color:#8E8E8E;
display:inline;
font-family:helvetica;
font-size:9px;
line-height:16px;
margin-left:3px;
text-align:justify;
}
.sidebox #freetext2 {
}
.sidebox #freetext2 a, .sidebox #freetext2 a:visited {
font-family:georgia;
font-size:14px;
margin-right:5px;
}
.sidebox #freetext2 a:hover {
color:#8B8660;
}
.sidebox #latestmonth, .sidebox #search {
text-align:center;
}
.sidebox #profile {
border-left:1px solid #D1D1D1;
float:right;
margin:-8px 4px 3px 13px;
padding:17px 2px 19px 18px;
}
.sidebox #profile img {
opacity:0.5;
}
.sidebox #profile img:hover {
opacity:1;
}
.profile-label {
display:none;
}
.profile-content {
display:none;
}
.sidebox #tags_sidebox {
text-align:center;
}
.sidebox #systemlinks {
font-size:12px;
line-height:normal;
margin-bottom:0;
padding:0;
top:0;
}
.sidebox #systemlinks a:link, .sidebox #systemlinks a:active, .sidebox #systemlinks a:visited {
background:transparent url(http://irondevil.org/icon/categories/graphicpush/external.gif) no-repeat scroll 0 1px;
border:medium none;
color:#0091BD;
font-size:11px;
letter-spacing:1px;
margin-right:7px;
padding-left:12px;
text-transform:lowercase;
}
.sidebox #systemlinks a:hover, .sidebox #systemlinks a:active {
color:#8E8E8E;
text-decoration:none;
}
.listitem {
display:inline;
}
.listspacer {
height:1px;
}
.sidebox #latestmonth table {
margin-left:auto;
margin-right:auto;
margin-top:4px;
width:90%;
}
.listtitle {
display:none;
}
.profile-label {
display:none;
font-weight:bold;
}
.header-menu {
background:#F3F3F3 none repeat scroll 0 0;
margin:0 auto;
padding:6px 0;
position:relative;
text-align:right;
top:137px;
width:700px;
}
.header-menu a, .header-menu a:visited {
border:medium none;
color:#E3901B;
font-family:helvetica,arial,sans-serif;
font-size:16px;
font-weight:normal;
letter-spacing:1px;
margin-right:8px;
text-align:left;
text-decoration:none;
text-transform:lowercase;
white-space:nowrap;
}
.header-menu a:hover {
color:#AEAEAE;
}
#footer-menu {
font-size:11px;
margin-bottom:10px;
margin-left:0;
margin-top:11px;
padding:0 0 10px;
text-align:left;
}
#footer-menu a, .footer-menu a:visited {
background:transparent none repeat scroll 0 0;
color:#E9E9E9;
font-family:georgia;
font-size:14px;
margin-right:8px;
text-align:left;
text-transform:lowercase;
white-space:nowrap;
}
#footer-menu a:hover {
text-decoration:none;
}
.header-menu ul {
margin:0;
padding:0;
}
.header-menu li {
background:#EDEDED none repeat scroll 0 0;
border-left:1px solid #D1D1D1;
display:inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:11px 0 8px 10px;
}
.header-menu li:hover {
background:#F3F3F3 none repeat scroll 0 0;
padding:11px 0 8px 10px;
}
#footer-menu ul {
margin:0;
padding:0;
}
#footer-menu li {
display:inline;
list-style-type:none;
}
.tagstable, .tagstable td {
border:0 none;
}
.tagstable {
width:500px;
}
.taglist {
padding-bottom:10px;
}
textarea, input, select {
background:#F5F5F5 none repeat scroll 0 0;
border:0 none;
color:#6C6C6C;
font-family:courier new;
font-size:12px;
line-height:normal;
margin:2px;
padding:5px;
}
.ljuser a b {
background:transparent none repeat scroll 0 0;
color:#00D494;
letter-spacing:0;
text-decoration:none !important;
}
.ljuser a:hover b {
background:transparent none repeat scroll 0 0;
border-bottom:0 none;
text-decoration:none !important;
}
img[src*="userinfo.gif"] { height:0; width:0; } img[src*="openid-profile.gif"] { height:0; width:0; } img[src*="anonymous.gif"] { height:0; width:0; } img[src*="community.gif"] { height:0; width:0; } img[src*="partnercomm.gif"] { height:0; width:0; } img[src*="newsinfo.gif"] { height:0; width:0; } img[src*="syndicated.gif"] { height:0; width:0; }

img[src*="icon_protected.gif"] {
background-image:url(http://irondevil.org/icon/categories/fugue/lock.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:16px 18px 0 0 !important;
width:0;
}
img[src*="icon_groups.gif"] {
background-image:url(http://irondevil.org/icon/categories/fugue/lock.png) !important;
background-repeat:no-repeat;
height:0;
padding:16px 15px 0 0 !important;
width:0;
}
img[src*="icon_private.gif"] {
background-image:url(http://irondevil.org/icon/categories/fugue/key.png) !important;
background-repeat:no-repeat;
height:0;
padding:16px 18px 0 0 !important;
width:0;
}
div.ContextualPopup img {
border:0 none;
}
div.ContextualPopup div.Inner {
background-color:#F7F7F7 !important;
border:1px solid #D1D1D1 !important;
color:#6C6C6C !important;
font-family:helvetica;
padding:3px;
width:20em;
}
div.ContextualPopup .Content {
line-height:1.4;
margin-right:50px;
padding:2px 4px 6px;
}
div.ContextualPopup .Relation {
font-weight:normal !important;
font-size:18px;
text-transform:lowercase;
letter-spacing:-1px;
color:#0091BD;
}
div.ContextualPopup .Content .OnlineStatus {
font-weight:bold;
}
div.ContextualPopup .Userpic {
padding:8px 8px 0 0;
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
color:#E3901B !important;
font-weight:normal;
text-decoration:none !important;
}
#lj_controlstrip {
background:#D1D1D1 none repeat scroll 0 0 !important;
opacity:0.5;
}
#lj_controlstrip td {
border-bottom:medium none;
color:#515151;
}
#lj_controlstrip_statustext {
color:#858585;
}
#lj_controlstrip a {
color:#8E8E8E;
}
#lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search, #lj_controlstrip_login, #lj_controlstrip_loggedout_userpic {
border-right:0 none;
}
#lj_controlstrip_login td {
border-bottom:0 none;
}
#lj_controlstrip td td {
border-bottom:0 none;
}
#lj_controlstrip_userpic {
background-image:url(http://stat.livejournal.com/palimg/controlstrip/ljlogo.gif/ptd4dce8000000);
}
#lj_controlstrip_loggedout_userpic {
background-image:url(http://stat.livejournal.com/palimg/controlstrip/ljlogo-loggedout.gif/ptd4dce8000000);
}
#lj_controlstrip input {
background:#EDEDED none repeat scroll 0 0;
border:0 none !important;
color:#9C9C9C;
}
#lj_controlstrip_search_input_text, #lj_controlstrip select, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password, #lj_controlstrip input#xc_remember {
background:#EDEDED none repeat scroll 0 0 !important;
border:0 none !important;
}
#lj_controlstrip .ljuser a b {
background:transparent none repeat scroll 0 0;
color:#8E8E8E;
letter-spacing:0;
text-decoration:none !important;
}

How to Install:

1. Click here OR type "Smooth Sailing" into the search box. Apply one of the listed themes.

2. Click Customize your theme in the Current Theme box on the upper-right.

3. Go to Display → Additional Options → Wrap Entry text under userinfo and make sure the dropdown box is set to No.

4. IF YOU WANT THE DATE FORMAT IN THE PREVIEW: Go to Entry Text → Page → Format for Date and Time (Recent/Friends/Entry/Reply page) and paste in the following:
%%mon%% %%dd%% %%yy%%

5. Go to Menu → Navigation and edit the text so it's shorter -- if the links are too long, they'll overflow the topbar.

6. Click Sidebar. Set these drop down boxes to the following:

Profile Position - 1 (optional; if you want a userpic)
Links Visibility - 3
Free Text Position - 2

Hide all other Position boxes. Please note that I have not tested the layout with any other ordering of the sidebar boxes.

7. Click Custom CSS. Make sure the drop-down box is set to No, paste the code into the box, and click Save Changes.

Credit and Comment:

• Please credit thrashmetal somewhere public. (Profile, Links List, Friends Only post, etc.)
• Comments aren't required, but are appreciated!

Other Instructions:

N/A

Please read all instructions and the LAYOUT FAQ before asking questions!

style: smooth sailing, - all layouts