s2 Smooth Sailing; City Streets

[morirvivo]

new icons/overrides community! join @ estiloamor!



Image | Live
Also available in:

Instructions:
1) You need to be in S2 to do this, so if you haven't done so, switch from S1 to S2.
2) Go under "Journal" and click "Customize Journal Style"
3) Under your "Current Theme" (Which is located to the right of the page), Click "Select Different Theme"
4) Search "Smooth Sailing". Once you've found it, choose it for your theme.
5) Then go back to "Select Different Theme" and scroll down to the bottom where it says "Choose Page Setup"
6) Make your ad-placement either Horizontal or Between Entries.
7) Make it "2 Column (sidebar on right)"
8) Scroll back up to "Customize your theme", under "Current theme" on the right side of the page.
9) Click "Customize your theme"
10) Click "Custom CSS"
11) Make all the drop-down menu's say "No" above the CSS box!
12) Then paste this code...
/* stylesheet by morirvivo@estiloamor */

body {
font-family: Arial, sans-serif;
font-size: 10px;
margin: 20px 0px 20px 0px;
background-color: #444;
color: #666666;
background-image: url(http://i39.tinypic.com/dq0wgh.png) ;
background-attachment: fixed;
}

a {
font-weight: none;
color: #888888;
text-decoration: none;
}
a:hover {
color: #cccccc;
text-decoration: none;
}

blockquote {
margin: 5px 25px 5px 25px;
padding: 5px;
color: #777777;
font-size: 10px;
border-left: 1px solid #bbbbbb;
background: #f5f5f5;
text-align: justify;
line-height: 16px;
}
blockquote:hover {
border-color: #FAAC58;
}

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

.header-title {
display: none;
font-size: 30px;
background-color: #ffffff;
text-align: right;
text-transform: lowercase;
padding: 0px 20px 0px 20px;
}
.header-subtitle {
display: none;
}
.header-icon {
top: 0px;
right: 0px;
position: absolute;
z-index: 1;
}

.pageheaderblock {
padding-top: 0px;
text-align: left;
}

.pageblock {background: url(http://i40.tinypic.com/259dgky.jpg) top center

no-repeat;
padding-top: 426px;

width: 640px; margin: 0px auto;
background-color: #fff;}

}
.pagefooterblock {
display: none;
text-align: center;
font-family: Trebuchet MS, sans-serif;
background-color: #ffffff;
color: #666666;
padding: 4px 4px 4px 4px;
margin-top: 0px;
}
.pagefooterblock a, .pagefooterblock a:visited {
text-align: right;
color: #666666;
}

.bodyheaderblock {
display: none;
}
.bodynavblock {
padding-bottom: 20px;
}
.bodynavblock a, .bodynavblock a:visited {
color: #666666;
}

.body-title {
display: none;
font-family: ;
font-size: 18px;
color: #000000;
text-align: left;
padding-left: 24px;
}
.body-midtitle {
display: none;
font-family: ;
font-size: 18px;
color: #000000;
text-align: left;
padding-left: 8px;
}

.entryHolder {
color: #666666;
background-color: #ffffff;
font-family: Arial, sans-serif;
font-size: 10px;
margin-top: 2px;
padding: 8px;
}
.entryUserinfo {
font-weight: none;
font-family: Trebuchet MS, sans-serif;
font-size: 10px;
text-align: center;
margin: 8px 4px 8px 8px;
}

.entryUserinfo a{
font-weight: lighter;
font-family: Trebuchet MS, sans-serif;
font-size: 10px;
text-align: center;
}

.entryUserinfo-usericon img {
display: none;
font-weight: none;
border: 0;
margin-top: -18px;
}
.entryText {
font-weight: none;
text-align: justify;
padding: 6px;
}

.entryHeader {
text-align: right;
color: #000000;
font-family: ;
font-size: 12px;
padding: 4px 4px 4px 8px;
border-bottom: 1px #f0f0f0 solid;
}
.entryHeader a{
font-weight: none;
color: #000000;
}
.entryHeaderSubject {
color: #666666;
font-size: 10px;
font-family: Trebuchet MS, sans-serif;
font-weight: none;
}
.entryMetadata {
text-transform: lowercase;
text-align: left;
padding-left: 2px;
}
.entryMetadata ul {
margin: 0px;
padding: 0px;
}
.entryMetadata li {
text-transform: lowercase;
list-style: none;
padding: 1px;
}
.entryMetadata-label {
font-weight: none;
padding-right: 4px;
}
.entryLinkbar {
font-family: Trebuchet MS, sans-serif;
font-size: 10px;
color: #000000;
text-align: right;
padding: 4px 0px 4px 0px;
}
.entryLinkbar ul {
margin: 0px;
padding: 0px;
}
.entryLinkbar li {
display: inline;
padding: 5px;
margin: 0px;
}

.commentHolder {
font-family: Arial, sans-serif;
color: #666666;
background-color: #ffffff;
border-top: 2px solid #ffffff;
font-size: 10px;
margin: 4px 0px 4px 0px;
}
.commentUserinfo {
font-weight: none;
font-family: Trebuchet MS, sans-serif;
font-size: 10px;
margin: 8px 4px 8px 8px;
text-align: center;
background-color: #ffffff;
}
.commentUserinfo-usericon img {
border: 0;
}
.commentText {
padding: 6px;
}
.commentHeader {
border-top: 1px #f0f0f0 solid;
text-align: right;
border-bottom: 1px #f0f0f0 solid;
font-family: Trebuchet MS, sans-serif;
background-color: #ffffff;
color: #666666;
font-family: ;
font-size: 10px;
padding: 4px 0px 4px 8px;
}
.commentHeader a{
color: #000000;
}
.commentHeaderScreened {
font-family: Trebuchet MS, sans-serif;
font-size: 10px;
background-color: #f0f0f0;
padding: 4px 4px 4px 8px;
}
.commentHeaderSubject {
font-weight: none;
}
.commentLinkbar {
font-family: Trebuchet MS, sans-serif;
font-size: 10px;
color: #666666;
text-align: right;
padding-top: 4px;
padding-bottom: 4px;
}
.commentLinkbar ul {
margin: 0px;
padding: 0px;
}
.commentLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}

.replyform {
background-color: #ffffff;
color: #666666;
padding-left: 10px;
}

.yearlinks{
text-align: right;
}
.yearlink{
padding-left:4px;
padding-right: 4px;
}
.month {
width: 250px;
margin: 8px 8px 8px 40px;
}
.daysubjects {
color: #666666;
padding: 8px 8px 8px 40px;
}
.daytitles {
text-align: center;
background: #fffff;
color: #000000;
}
.day-blank {
}
.day {
}
.day-date {
color: #000000;
width: 50%;
text-align: center;
}
.day-count {
width: 50%;
text-align: center;
float: right;
font-size: 20px;
}
.day-count a {
text-decoration: none;
color: #666666;
}

.sidebar {
background-color: #ffffff;
font-family: Arial, sans-serif;
color: #666666;
font-size: 10px;
margin-top: 10px;
margin-right: 0px;
width: 150px;
}
.sidebox {
color: #666666;
margin: 0px 0px 10px 0px;
}
.sideboxTitle {
text-align: center;
border-bottom: 1px #f0f0f0 solid;
font-family: arial;
font-size: 10px;
color: #666666;
padding: 4px 0px 4px 8px;
}
.sideboxContent {
text-align: left;
padding: 5px 4px 2px 4px;
}
.sidebox #profile, .sidebox #search, .sidebox #latestmonth {
text-align: center;
}
.sidebox #tags_sidebox {
text-align: left;
}
.sidebox #systemlinks {
padding-left: 5px;
text-align: left;
}
.sidebox #latestmonth table{
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 4px;
}
.sidebox #freetext {
padding-right: 5px;
padding-left: 5px;
text-align: justify;
}
.listtitle {
font-weight: bold;
}
.profile-label {
font-family: Trebuchet MS, sans-serif;
color: #666666;
font-weight: none;
}

.header-menu {
text-align: center;
letter-spacing: 2px;
padding: 18px;
background-color: #000;
font-family: arial;
text-transform: uppercase;
font-size: 6pt;
}
.header-menu a, .header-menu a:visited {
white-space: nowrap;
text-align: right;
padding: 2px 6px 2px 6px;
color: #666666;
text-decoration: none;
}
.header-menu a:hover {
color: #999999;
}

#footer-menu {
margin-top: 10px;
text-align: center;
font-family: Trebuchet MS, sans-serif;
font-size: 10px;
}
#footer-menu a, .footer-menu a:visited {
color: #666666;
white-space: nowrap;
padding: 6px;
text-align: right;
}

.entryHeaderDate {
color: #666666;
font-size: 10px;
font-family: Trebuchet MS, sans-serif;
}

.header-menu ul, #footer-menu ul {
margin: 0px;
padding: 0px;
}
.header-menu li, #footer-menu li {
display: inline;
}

#commenttext{
width:100%;
}

#welcomenoteHolder {
margin-top: 25px;
padding: 10px;
background-color: #fff;
}

/*----------------------------------------------------
Tiny Icons
----------------------------------------------------------------*/
img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{ width: 0; height: 0; padding: 12px 8px 0px 0px !important; background: transparent url(http://i38.tinypic.com/9iwnck.gif) no-repeat scroll 0 0; }
img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{ width: 0; height: 0; padding: 8px 9px 0px 0px !important; background: transparent url(http://i35.tinypic.com/145j69.jpg) no-repeat scroll 0 0; }
img[src="http://p-stat.livejournal.com/img/icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 8px 8px !important; background: transparent url(http://i38.tinypic.com/28u0eh5.jpg) no-repeat scroll 0 0; }

.ljuser img {
width: 0;
height: 0;
background-repeat: no-repeat;
background-color: transparent;
background-image: url(http://i43.tinypic.com/2dl6etu.png);
padding: 10px 11px 2px 2px !important;
}

.ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {
background-color:transparent;
background-image: url(http://i43.tinypic.com/2dl6etu.png);
padding: 10px 11px 0 2px;
}

.ljuser img[src="http://p-stat.livejournal.com/img/community.gif"]

{
background-color:transparent;
background-image: url(http://i43.tinypic.com/30t5he0.png);
padding: 16px 16px 0 2px;
}

.tagstable, .tagstable td {
border: 0px;
}
.tagstable { width: 250px; }

Available in golden brown!
Background credit: appletooth



Image | Download

Sidebar Properties
Under the Page area make sure these are set under the drop-downs!

Profile Position: hide
Summary Position: hide
Latest Month Position: 2
Links Visibilty: hide

Under the Sidebox area make sure the Free Text Position drop-down says 1, and don't forget to fill in random stuff in the Free Text box!

Any questions or comments? Ask here please (:

Remember to join the new community! @ estiloamor! Open membership won't be available forever!