S2 Smooth Sailing Template: Cotton

[canaries]

Cotton



-Comment if you like or take this layout
-Do not claim as your own
-Read the FAQ before asking any questions or installing

Copy&Paste:

/* Cotton - S2 Smooth Sailing overrides by Canaries.livejournal.com */

/* MAIN CONTENT */
body {
font-family: 'trebuchet ms', sans-serif;
font-size: 10px;
line-height: 16px;
letter-spacing: 0pt;
background-color: #DBDBDB;
background-image: url();
width:630px;
margin:0 auto;
}

/* BODY LINKS */
a {color: #75C5EE; text-decoration:none; letter-spacing:1px;}
a:link { color: #75C5EE; text-decoration: none; }
a:visited { color: #75C5EE; text-decoration: none; }
a:active { color: #75C5EE; text-decoration: none; }
a:hover { color:#C2DAE7; background: transparent; border-bottom: 1px solid #FFFFFF;}

/* STICKY POST */
#welcomenoteHolder {
border: 1px solid #FFFFFF;
background-color: transparent;
text-align: justify;
margin-bottom: 12px;
}

#welcomenoteHeader {
}

#welcomenoteSubject {
text-align: center;
color: #E4DFDF;
background: transparent;
font-size:15px;
font-weight: bold;
text-transform: uppercase;
padding-top: 2px;
}

#welcomenoteText {
color: #B1D1E1;
line-height: 14px;
text-align: center;
padding-top: 0px;
font-family: "Verdana", sans-serif;
font-size: 10px;
}

#welcomenoteText a {
color: #D2E5EF;
text-align: center;
padding-top: 0px;
font-family: 'trebuchet ms', sans-serif;
font-size: 9px;
text-transform: uppercase;
}

#welcomenoteText a:hover {
color: #86BEDB;
text-align: center;
padding-top: 0px;
font-family: 'trebuchet ms', sans-serif;
font-size: 9px;
text-transform: uppercase;
}

/*JOURNAL TITLE*/
.header-title {
font-family: arial, "century gothic", sans-serif;
font-weight: bold;
text-transform: uppercase;
font-size: 30px;
color: #FFFFFF;
border-bottom: 1px solid #FFFFFF;
line-height: 20px;
letter-spacing: -2px;
margin-top:0px;
postion: relative;
text-align: center;
}

/* TOP NAVIGATION */
.header-menu {
margin:0px 0px;
position: absolute;
text-align: center;
width:630px;
background: transparent;
font-family: arial;
font-weight: bold;
letter-spacing: 0px;
padding-top:0px;
padding-bottom:10px;
color: #E4DFDF;
background-image: url(http://img184.imageshack.us/img184/3592/backgrounddashgx7.png);
}

/* LINKS FOR TOP NAVIGATION */
.header-menu a {
color: #E4DFDF;
text-decoration: none;
text-align:center;
font-size: 11pt;
text-transform: uppercase;
border: 0px solid #545454;
padding: 0px 2px;
margin-bottom: 0px;
background-color: transparent;
}

.header-menu a:visited {
color: #E4DFDF;
text-decoration: none;
text-align:center;
font-size: 11pt;
text-transform: uppercase;
border: 0px solid #545454;
padding: 0px 2px;
margin-bottom: 0px;
background-color: transparent;
}

.header-menu a:hover {
text-align:center;
margin-bottom: 1px;
color: #41B0E9;
padding: 8px 1px;
}

/* JOURNAL SUBTITLE */
.header-subtitle {
font-family: "Verdana", sans-serif;
font-size: 18px;
font-weight: normal;
top: 10px;
text-transform: lowercase;
text-align: center;
color: #c1c1c1;
margin-top: 0px;
}

.header-icon {
top: 0px;
right: 0px;
position: absolute;
z-index: 1;
border-left: 0px solid #ffffff;
border-bottom: 0px solid #ffffff;
}

/* ADD HEADER HERE */
/** Change "30px" to the height of your header image ** Header will appear on top of JOURNAL TITLE **/
.pageheaderblock {
text-align: left;
padding: 30px 0px 0px 0px;
background-image:url(HEADER.PNG);
background-position:center top;
background-repeat:no-repeat;
}

.header-menu li {
display: inline;
margin: 0px;
}

.header-menu ul {
margin: 0px;
padding: 0px;
}

/* MAIN BODIES OF JOURNAL */
.bodyblock {
padding:40px 10px 10px 5px;
background: #F8F8F8;
margin-bottom: 20px;
}
.bodyheaderblock {
background-color: transparent;
margin:0 auto;
padding-top:0px;
margin-top: 0px;
}
.bodynavblock {
text-align:right;
}
.bodynavblock a, .bodynavblock a:visited {
color: #D4DDEE;
font-size: 11px;
}

/* NAME OF PAGE VIEW */
/* disabled */
.body-title {
font-family: Arial, sans-serif;
font-size: 0px;
color: #8FA363;
text-align: Right;
font-style:italic;
background:#F5F5F5;
width:0px;
margin:0 auto;
padding-left:10px;
border-bottom:0px solid #F19D55;
display:none;
}

.body-midtitle {
font-family: "arial", sans-serif;
font-size: 14px;
font-weight: bold;
color: #E4DFDF;
text-transform: uppercase;
text-align: left;
padding-left: 8px;
}

/* ENTRIES */
.entryHolder {
color: #B3B6B4;
background: #F8F8F8;
width: 450px;
font-size: 11px;
border-top:0px solid #B8B8B8;
border-bottom:0px solid #B1C6CA;
border-left:0px solid #B1C6CA;
border-right:0px solid #B1C6CA;
text-align:left;
margin-top:8px;
margin-right:2px;
background-image: url(ENTRYBG.PNG);
}
.entryUserinfo {
text-align: center;
margin: 8px 4px 1px 2px;
background-color: transparent;
padding: 2px;
padding-right: 5px;
padding-bottom: 5px;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}
.entryUserinfo-usericon img {
border: 0;
}
.entryText {
padding: 6px;
font-family: "Verdana", sans-serif;
font-size: 10px;
}

/* TOP OF ENTRY WITH DATE AND SUBJECT */
.entryHeader {
background: transparent;
color:#6FD1FF;
font-family: ;
font-size: 12px;
text-align:left;
letter-spacing:1px;
padding: 0px;
}

.entryHeader a{
color: #000000;
}

/* DATE */
.entryHeaderDate{
background: transparent;
font-size:10px;
padding:0px;
color:#CDCDCD;
border-bottom: 1px solid #FFFFFF;
}

.entryHeaderDate a {
color : #FFFFFF;
text-decoration : none;
}
.entryHeaderDate a:hover {
color : #FFFFFF;
text-decoration : underline;
}

/* SUBJECT LINE */
.entryHeaderSubject {
color: #5AABD4;
background: #transparent;
font-size:14px;
font-weight: bold;
text-transform: uppercase;
}

/* MOOD MUSIC AND TAGS IF SHOWN AT BOTTOM */
.entryMetadata {
padding-bottom: 10px;
padding-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 1px;
width: 350px;
color: #D2D0D0;
font-size: 10px;
line-height: 16px;
letter-spacing: 0pt;
}
.entryMetadata ul {
margin: 0px;
padding: 0px;
}
.entryMetadata li {
list-style: none;
display: block;
padding-right: 10px;
}

/* TAG LINKS */
.entryMetadata li a{
color:#EFDEB7;
}
.entryMetadata li a:Hover {
color:#75C5EE;
background: transparent;
}

/* THE WORDS 'MOOD' 'MUSIC' OR 'TAGS' */
.entryMetadata-label {
text-transform: lowercase;
color: #5AABD4;
padding:2px;
}

/* MOOD THEME ICON */
.entryMetadata img{
padding-left:5px;
display: list;
}

/* ENTRY USER ICONS */
.ljuser b {color: #6AD1F7; font-size: 11px;
}

.ljuser img { width: 0px;
height: 0px;
background-repeat: no-repeat;
background-image: url(http://img227.imageshack.us/img227/2884/loveicon001ajj2.gif);
padding: 12px 12px 0px 0px;
}

.ljuser img[src="http://stat.livejournal.com/img/user.gif"] {
background-image: url(http://img227.imageshack.us/img227/2884/loveicon001ajj2.gif);
padding: 12px 12px 0px 0px;
}

.ljuser img[src="http://stat.livejournal.com/img/community.gif"] {
background-image: url(http://img184.imageshack.us/img184/8110/loveicon001bwe9.gif);
padding: 12px 12px 0px 0px;
}

/* ENTRY SECURITY ICONS */

.entryHeader img[src="http://stat.livejournal.com/img/icon_protected.gif"]{
width: 0;
height: 0;
padding: 0 8px 10px 0;
background: url("http://i8.tinypic.com/259vjg0.gif");
}

.entryHeader img[src="http://stat.livejournal.com/img/icon_private.gif"]{
width: 0;
height: 0;
padding: 0 10px 10px 0;
background: url("http://i8.tinypic.com/259vjv8.png");
}

/* ENTRY COMMENT LINKS */
.entryLinkbar {
font-size: 7pt;
text-transform: uppercase;
color: #57B8DC;
text-align: right;
padding: 0px 0px 10px 0px;
background-image: url(COMMENTBAR.PNG);
background-repeat: no-repeat;
background-position: bottom center;
border-top: 1px solid #FFFFFF;
margin-bottom: 10px;
}
.entryLinkbar ul {
margin: 0px;
padding: 0px;
}
.entryLinkbar li {
padding: 0px 5px 0px 2px;
margin: 0px;
display: inline;
}
.entryLinkbar A {
padding:1px;
text-decoration: none;
white-space: nowrap;
color: #D2E5EF;
border:0px solid #B7BFC3;
}
.entryLinkbar A:Hover {
background-color: transparent;
color:#5AABD4;
border-bottom:0px dotted #F0DAB9;
}

/* STYLED COMMENT FORM */

.commentHolder {
color: #AECEDE;
background-color: #;
border: 1px solid #FFFFFF;
font-family: 'trebuchet ms', sans-serif;
font-size: 11px;
margin: 4px 0px 4px 0px;
}
.commentUserinfo {
text-align: center;
margin: 0px 8px 8px 0px;
background-color: transparent;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
padding: 2px;
}
.commentUserinfo-usericon img {
border: 0;
}
.commentText {
padding: 6px;
}
.commentHeader {
background-color: transparent;
color: #D3D3D3;
border-bottom: 1px solid #FFFFFF;
font-family: ;
font-size: 10px;
padding: 4px 0px 4px 8px;
}
.commentHeader a{
color: #FFFFFF;
}
.commentHeaderScreened {
font-family: ;
font-size: 11px;
background-color: transparent;
border: 1px solid #42B0E9;
padding: 4px 0px 4px 8px;
}
.commentHeaderSubject {
font-weight: bold;
}
.commentLinkbar {
font-family: ;
font-size: 11px;
text-align: right;
padding-top: 2px;
padding-bottom: 2px;
color: #1B6388;
text-decoration: none;
font-size: 7pt;
margin-bottom: 1px;
background-color: transparent;
border-top: 1px solid #FFFFFF;
text-transform: uppercase;
}

.commentLinkbar A {
padding:1px;
text-decoration: none;
white-space: nowrap;
color: #48AEE3;
border:0px solid #B7BFC3;
}
.commentLinkbar A:Hover {
background-color: transparent;
color:#1B6388;
border-bottom:0px dotted #F0DAB9;
}

.commentLinkbar ul {
margin: 0px;
padding: 0px;
color:#1B6388;
}
.commentLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
color:#1B6388;
}
#commenttext{
width:100%;
color:#7DBBDB;
}
.replyform {
padding-left: 10px;
color:#7DBBDB;
}
input, textarea {
background-color: #E4DFDF;
color: #6EB8DE;
border: 1px solid #FFFFFF;
}

/* ARCHIVE */

.yearlinks{
text-align: right;
}
.yearlink{
padding-left:4px;
padding-right: 4px;
}
.month {
width: 100%;
border: 1px solid #FFFFFF;
margin: 8px 8px 8px 40px;
}
.daysubjects {
color: #D4D4D4;
padding: 8px 8px 8px 40px;
}
.daytitles {
text-align: center;
border: 1px solid #FFFFFF;
background: transparent;
color: #D4D4D4;
}
.day-blank {
border: 1px solid #FFFFFF;
}
.day {
border: 1px solid #FFFFFF;
}
.day-date {
border-right: 1px solid #78D7F2;
border-bottom: 1px solid #78D7F2;
color: #323232;
width: 50%;
text-align: center;
}
.day-count {
width: 50%;
text-align: center;
float: right;
font-size: 14px;
font-weight:bold;
}
.day-count a {
text-decoration: none;
}

/* Styled Common Tags */
b {
color: #AEAEAE;
font-weight: normal;
font-size: 14px;
font-family: arial;
}

i {
color: #308AB8;
}

u {
color: #35A2E1;
}

cite {
font-family: courier new;
color: #E2E2E2;
}

code {
background: #E1E8EB; color: #91D8FC; border-top: 1px solid #FFFFFF; font-family: courier new;
}

blockquote {
margin: 10px 10px;
padding: 10px;
color: #86BEDB;
line-height: 11px;
font-size: 7pt;
border: 1px solid #FFFFFF;
background-color: transparent;
text-align: justify;
}

/* SIDEBAR */
.sidebar {
font-family: ;
font-size: 10px;
color: #B3B6B4;
margin-right: 1px;
margin-left: 2px;
width: 160px;
margin-top: 10px;
border-left: 1px solid #ffffff;
padding-left: 5px;
}

/* SIDEBAR LINKS */
.sidebar a, .sidebar a:link, .sidebar a:visited{
color: #57BFF5;
text-decoration: none;
text-align:center;
font-size: 7pt;
text-transform: uppercase;
font-family: 'trebuchet ms', sans-serif;
}

.sidebar a:hover {
background-image: url();
color: #D2E5EF;
text-decoration: none;
text-align:center;
font-size: 7pt;
text-transform: uppercase;
font-family: 'trebuchet ms', sans-serif;
}

/* BOX INSIDE OF SIDEBAR */
.sidebox {
border-top:0px solid #B8B8B8;
border-bottom:0px solid #B1C6CA;
border-left:0px dotted #F2F2F2;
border-right:0px dotted #F2F2F2;
color: #B3B6B4;
background-color: #F8F8F8;
margin-bottom: 0px;
font-family: "Verdana", sans-serif;
font-size: 10px;
}

/* TITLE OF SIDEBOX */
.sideboxTitle {
background-color: transparent;
border-bottom:1px solid #FFFFFF;
color: #E2E2E2;
border-top: 0px solid #ffffff;
font-family:'trebuchet ms', sans-serif;
font-weight: none;
padding-bottom:0px;
text-transform: uppercase;
letter-spacing:1px;
font-size: 14px;
text-align: right;
font-weight: bold;
}

.sidebox #profile, sidebox #latestmonth, .sidebox #search {
text-align: left;
}
.sidebox #tags_sidebox {
text-align: left;
}
.sidebox #tags_sidebox a{
text-align: left;
color: #EFDEB7;
}
.sidebox #tags_sidebox a:hover{
color:#75C5EE;
}

.summaryList {
padding: 0px 0px 5px 0px;
}

.sidebox #systemlinks {
text-align: left;
}
.sideboxContent {
text-align: justify;
padding: 2px 4px 2px 4px;
}

/* SIDEBAR CALENDAR */

.sidebox #latestmonth{
background:none;
border:0;
padding:0;
}
.sidebox #latestmonth table{
margin-left: auto;
margin-right: auto;
margin-top: 4px;
}

.latestmonth-inactive{
color:#E5E5E3;
padding:1px;
margin:2px;
font-size:10px;
text-align: center;
border-right: 1px solid #ECECEC;
border-bottom: 1px solid #ECECEC;
}
.latestmonth-active{
font-size:10px;
text-align: center;
background-color: #FFFFFF;
border-right: 1px solid #EFDEB7;
border-bottom: 1px solid #EFDEB7;
}
.listtitle {
font-weight: bold;
}
.profile-label {
font-weight: bold;
}

/* FOOTER */

#footer-menu {
font-size: 10px;
background: transparent;
position: relative;
margin-top:15px;
text-align:center;
font-family: arial;
font-weight: bold;
color: #E4DFDF;
}
#footer-menu a{
color: #E4DFDF;
white-space: nowrap;
text-decoration: none;
text-align: right;
font-size: 10px;
text-transform: uppercase;
border-top: 1px solid #FFFFFF;
padding: 0px 2px;
}
#footer-menu a:hover{
text-align:right;
color: #41B0E9;
padding: 8px 1px;
}
#footer-menu ul {
margin: 0px;
padding: 0px;
}
#footer-menu li {
display: inline;
}

/* TAG TABLE */

.tagstable, .tagstable td {
border: 1px solid #FFFFFF;
}
.tagstable { width: 420px; }


Further Installation Instructions
If you'd like the layout to look more or less like the preview, edit/add these attributes from the Journal Display wizard:

Custom Options

Custom CSS
Use Layout's Stylesheets: No
Use Layout's Stylesheets when including..: No
Custom Stylesheet: Copy & Paste codes into the text box

Presentation
Userinfo Position In Entries: Left Side
Wrap Entry Text under Userinfo: Yes

Page text
Text for the footer at the bottom of the page: Leave Blank
*Text for the Title of the Welcome Note: Title of your sticky post
*Text for Welcome Note on Recent Entries Page: Body of your sticky post -- html allowed
*Used as sticky post on top of entries -- optional

Note:

Journal Title and Subtitle: enabled
Sticky Post: Enabled

Credits

Tinyicons by loveicon

Thanks for using! :]