My first smooth sailing layout.
![](http://img98.imageshack.us/img98/222/imagejwj.th.png)
Title: Dreams in which I'm dying.
Style: S2
Theme: Smooth Sailing
Accounts: Basic Plus Paid
Browser: Tested only in FF
Live preview:
abnormal_02 Instructions:
» Go to
Customize Style.
» If you're not on S2, please switch to it.
» You're theme have to be Smooth Sailing. So go and select it.
» Go to
Custom CSS and put NO to all the drop down.
» Paste the code where it says Custom Stylesheet.
» You should be done!
Stylesheet: /*---------------------------------------------------
Name: Dreams in which I'm dying.
style: S2, Smooth Sailing
Layout coding by in_deep_desire @ abnormal_beauty.lj
Browser: Firefox
-----------------------------------------------------*/
/* PAGE */
body {
font-family: helvetica,arial;
font-size: 11px;
margin: 0;
padding: 0px !important;
background: #090909 none repeat scroll 0 0;
color: #666666;
background-image: url('');
}
a {
color: #B8B8B8;
text-decoration:none;
}
a:visited {
color: #B8B8B8;
letter-spacing:0;
text-decoration:none;
}
a:hover {
color: #D51515;
}
.pageblock{
background:#090909 none repeat scroll 0 0;
width:650px !important;
margin: 0 auto;
}
.pagefooterblock {
display: none;
}
blockquote {
margin: 1em 2em;
padding-top: 1em;
border-right: 4px solid #D01717;
border-bottom: 4px solid #D01717;
color: #d2d2d2;
background: #343333 repeat scroll 0 0;
padding: 5px 15px 5px 15px;
margin: 5px;
}
textarea, input, select {
background:#090909 repeat scroll 0 0;
color:#666666;
border:0 none;
text-align: justify;
font-family: "Verdana", sans-serif;
font-size: 10px;
}
/* HEADER */
.pageheaderblock {
margin:0 auto;
text-align:center;
color: #222222;
}
.header-title {
color:#222;
font-size:50px;
height:55px;
letter-spacing:-3px;
margin-top:70px;
overflow:hidden;
width:650px;
text-shadow: 0px 2px 3px #555;
}
.header-subtitle {
display:none;
}
.header-icon {
display:none;
}
.header-menu {
color:#222;
font-size:25px;
margin:10px 0 0;
text-shadow: 0px 2px 3px #555;
}
.header-menu a, .header-menu a:visited {
color:#222;
text-shadow: 0px 2px 3px #555;
text-align:right;
white-space:nowrap;
}
.header-menu a:hover {
color:#222;
text-shadow: 0px 2px 3px #555;
text-align:right;
}
.header-menu ul, #footer-menu ul {
line-height:1;
margin:0;
padding:9px 0;
}
.header-menu li, #footer-menu li {
background:transparent none repeat scroll 0 0;
display:inline;
margin:0 5px 0 0;
padding:0;
}
/* BODY */
.bodyblock {
margin: 20px auto;
width: 650px;
}
.bodyheaderblock {
display: none;
padding: 6px 0;
}
.bodynavblock {
color: #B1B0B0;
margin: 0 33px;
padding: 0;
}
.bodynavblock a, .bodynavblock a:visited {
color: #000000;
}
.body-title {
display: none;
}
.body-midtitle {
display: none;
}
/*ENTRIES*/
.entryHolder {
font-size:11px;
width:650px;
}
.entryUserinfo {
margin-left: -140px;
margin-top: -40px;
position: absolute;
width: 100px;
}
.entryUserinfo-usericon img {
line-height:18px;
margin-right:6px;
max-width:130px;
padding:2px 0 0;
text-align:right;
border:15px solid #D01717;
}
.entryUserinfo-usericon img:hover {
line-height:18px;
margin-right:6px;
max-width:130px;
padding:2px 0 0;
text-align:right;
border:15px solid #0C0C0C;
}
.entryText {
background:#0C0C0C none repeat scroll 0 0;
font-size:11px;
line-height:18px;
min-height:100px;
padding: 1px 20px 12px;
text-align:justify;
}
.entryText img { max-width: 300px;}
.entryHeader {
border-bottom:1px solid #212020;
background:#0C0C0C none repeat scroll 0 0;
line-height:17px;
min-height:24px;
padding: 12px 0 5px 16px;
text-align:center;
}
.entryHeader a{
color: #555555;
font-family:georgia;
font-size:30px;
letter-spacing:-3px;
}
.entryHeaderSubject {
font-size:0;
}
.entryHeaderDate {
display: block;
font-size:11px;
letter-spacing:1px;
text-align:center;
text-transform:uppercase;
z-index:10;
}
.entryMetadata {
background:#0C0C0C none repeat scroll 0 0;
margin-bottom:0;
padding:12px 25px;
border-top: #D01717 2px solid;
}
.entryMetadata ul {
margin: 0;
padding: 0;
}
.entryMetadata li {
list-style: none;
display: block;
font-size: 9px;
background:transparent none repeat scroll 0 0;
padding-right: 10px;
}
.entryMetadata-label {
font-family: helvetica;;
font-size: 10px;
font-weight: bold;
padding-right: 4px;
text-transform: uppercase;
}
.entryLinkbar {
background: transparent none repeat scroll 0 0;
text-transform: lowercase;
text-align: center;
padding:15px 7px 10px 0;
position:relative;
top: 0;
}
.entryLinkbar a[href*="subscriptions"], .entryLinkbar a[href*="tellafriend"] {
display:none;
}
.entryLinkbar a {
margin-right:10px;
}
.entryLinkbar ul {
margin-bottom:0 !important;
margin-left:0 !important;
margin-top:0 !important;
padding:0;
}
.entryLinkbar li {
padding: 0
margin: 0;
display: inline;
background:transparent none repeat scroll 0 0;
}
/*FOOTER*/
#footer-menu {
text-align: center;
font-size: 11px;
}
#footer-menu a, .footer-menu a:visited {
background: transparent none repeat scroll 0 0;
color: #B1B0B0;
padding: 6px;
text-transform: lowercase;
}
/*SIDEBAR*/
.sidebar {
display:none;
}
.sidebox {
margin-bottom:0;
margin-right:auto;
margin-top:0;
text-align:justify;
}
.sideboxTitle {
display:none;
}
.sideboxContent {
}
.sidebox #freetext {
line-height:17px;
margin-bottom:3px;
padding:5px 20px;
}
.sidebox #profile, .sidebox #latestmonth, .sidebox #search {
display:none;
}
.sidebox #tags_sidebox {
display:none;
}
.sidebox #systemlinks {
line-height:normal;
margin-bottom: 0;
padding:0;
text-align:right;
top:0;
}
.sidebox #latestmonth table{
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 4px;
}
.listtitle {
font-weight: bold;
}
.profile-label {
display:none;
}
/*OTHER PAGES*/
/* COMMENT PAGE */
.commentHolder {
background: #0C0C0C none repeat scroll 0 0;
color:#D2D2D2;
margin: 6px 0px 9px 0px;
width: 650px;
}
.commentUserinfo {
font-size:0px;
line-height:19px;
padding-left:2px;
text-align:center;
}
.commentUserinfo .ljuser a b {
font-family:georgia;
font-size:12px;
font-weight:normal;
text-decoration:none !important;
}
.commentUserinfo-usericon img {
border: 7px solid #0C0C0C;
}
.commentText {
line-height:17px;
padding:20px;
}
.commentHeader {
}
.commentHeaderScreened {
display: none;
}
.commentHeaderSubject {
font-weight: normal;
color:#818181;
font-family:georgia;
font-size:20px;
font-style:normal;
font-weight:normal;
text-align:right;
letter-spacing:-3px;
padding-top:3px;
border-bottom: 1px #1D1D1D dotted;
}
.commentLinkbar {
font-size: 11px;
color: #818181;
text-align: right;
padding-top: 4px;
margin-bottom: 4px;
}
.commentLinkbar ul {
margin: 0;
padding: 0;
}
.commentLinkbar li {
color: #818181;
padding: 0 5px;
margin: 0;
display: inline;
}
.replyform {
background:#0C0C0C none repeat scroll 0 0;
padding:20px 30px;
width:400px;
}
#qrform table {
border:none !important;
}
/*ARCHIVE PAGE*/
.yearlinks{
text-align: right;
}
.yearlink{
padding-left:4px;
padding-right: 4px;
}
.month {
background:transparent none repeat scroll 0 0;
width: 500px;
margin: 8px 8px 8px 40px;
padding: 4px 0 12px;
}
.daysubjects {
color: #DFDFDF;
padding: 8px 8px 8px 40px;
}
.daytitles {
text-align: center;
border: 1px solid #434343;
background: #1D1D1D none repeat scroll 0 0;
color: #6F6F6F;
}
.day-blank {
}
.day {
border: 1px solid #434343;
background: #1D1D1D none repeat scroll 0 0;
margin-bottom:0;
padding:3px;
}
.day-date {
color: #6F6F6F;
width: 50%;
text-align: center;
}
.day-count {
width: 50%;
text-align: center;
float: right;
font-size: 20px;
}
.day-count a {
text-decoration: none;
color: #6F6F6F;
}
/*TAGS PAGE*/
.tagstable, .tagstable td {
border: 0px solid #434343;
}
.tagstable {
width: 500px;
}
.taglist {
padding-bottom:10px;
/*OTHERS*/
b, u {em}
i, s {em}
::-moz-selection {
color: #d2d2d2;
}
ul {
list-style-type:square;
}
div.ContextualPopup div.Inner {
background:#090909!important;
color: #343333!important;
border:none;
padding:10px;
width: 250px;
font-family:trebuchet ms;
}
div.ContextualPopup .Content {
padding:7px 10px 7px 10px;
margin-right:80px;
line-height: 1.4;
background:#343333;
border:1px solid #D01717;
}
div.ContextualPopup .Userpic {
padding:10px;
background:#343333;
margin:0px;
border:5px solid #D01717;
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
text-decoration: none !important;
font-weight: normal;
color: #343333 !important;
}
div.ContextualPopup .Relation {
letter-spacing:1px;
border-bottom: 1px dashed #D01717;
margin-bottom:4px;
padding-bottom:4px;
}
#lj_controlstrip { background:#090909 none repeat scroll 0 0; color:#515151; }
#lj_controlstrip_statustext { color:#343333; }
#lj_controlstrip a { color:#343333; }
#lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search, #lj_controlstrip_login, #lj_controlstrip_loggedout_userpic { border-right:0 none; }
#lj_controlstrip_search_input_text, #lj_controlstrip select, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password, #lj_controlstrip input#xc_remember, #lj_controlstrip input { background:#090909 none repeat scroll 0 0 !important; border:0 none; color:#343333; }
#lj_controlstrip .ljuser a b { color:#343333; }
Original post.You can
watch the community for further updates