s2, Smooth Sailing : Spring!
Picture Preview + Live Preview (temporary)
THE DETAILS
Layout Name - Spring
Tested in - Firefox,IE
Resolution - 1024×768 and up
journal style - Smooth Sailing, S2, Basic and Plus, paid
DIRECTIONS
Go to Select Journal Style
type Smooth Sailing in the search bar
apply any theme that shows up in the search
IMPORTANT
at the bottom "Choose a Page Setup"
go to "1 COLUMN (NO SIDEBAR)" and hit apply layout
Go to Customize Journal Style
In the CSS section, select the options
1)Use layout's stylesheet(s) - No
2)Use layout's stylesheet(s) when
including custom external stylesheet - No
3)Use external stylesheets - Leave Blank
4)copy and paste the css code
THE CODE
/*////////////////////////////////////////////*/
/*Layout: Spring*/
/*coded by:synic_trance@lj*/
/*http://community.livejournal.com/blowxgraphics*/
/*Smooth Sailing, S2, Basic Plus & Paid*/
/*Tested in FireFox*/
body {
font-family:platino;
font-size: 13px;
margin: 0px;
background-color: #DFF1EC;
color: #DFF1EC;
}
a {
text-decoration : none;
color: #E792B7;
font-family:Tahoma;
font-size: 11px;
}
a:visited {
color: #E792B7;
text-decoration : none;
}
.entryHeaderDate a {
color : #888888;
text-decoration : none;
text-transform:lowercase;
}
.entryHeaderDate a:hover {
color : #888888;
text-decoration : underline;
text-transform:lowercase;
}
.header-title {
display:none;
}
.header-subtitle {
display:none;
}
.header-icon {
top: 0px;
right: 0px;
position: absolute;
z-index: 1;
border-left: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
}
.pageheaderblock {
text-align: left;
}
.pagefooterblock {
border-top: 0px;
background-color: #E792B7;
color: #ffffff;
font weight: bold;
padding: 10px 4px 10px 24px;
margin-top: 4px;
}
.pagefooterblock a, .pagefooterblock a:visited {
color: #ffffff;
}
.bodyblock {
width: 850px;
padding-top: 0px;
margin-left: auto; margin-right: auto;
}
.bodyheaderblock {
display:none;
}
.bodynavblock {
border:0px;
background-color: #ffffff;
color: #888888;
margin: 10px 0px 4px 0px;
padding: 15px;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
}
.bodynavblock a, .bodynavblock a:visited {
color: #E792B7;
}
.body-title {
display:none;
}
.body-midtitle {
font-family: ;
font-size: 18px;
color: #000000;
text-align: left;
padding-left: 8px;
}
.entryHolder {
color: #666666;
background-color: #ffffff;
font-family: ;
font-size: 12px;
border: 0px ;
margin: 45px 0px 4px 0px;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
}
.entryUserinfo {
text-align: center;
margin: 0px 8px 8px 0px;
}
.entryUserinfo-usericon {
margin-top: 25px;
margin-left: 10px;
border-width: 0px;
background: transparent!important
}
.entryUserinfo-usericon img {
border-width: 0px;
background: #E792B7;
padding: 10px;
width:60px;
height:60px;
}
.entryText {
padding-top: 20px;
padding-bottom: 20px;
padding-left: 6px;
padding-right: 80px;
text-align: left;
font-family:Palatino;
font-size: 13px;
}
.entryHeader {
background-color: #C8E4DC;
color: #888888;
font-family:Tahoma;
font-weight: bold;
font-size: 11px;
padding: 6px 0px 6px 105px;
text-transform:lowercase;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
}
.entryHeader a{
color: #64978A;
text-transform:lowercase;
font-size: 16px;
font-family:Arial;
letter-spacing:-1px;
}
.entryHeaderSubject {
font-weight: bold;
text-transform:lowercase;
font-size: 16px;
font-family:Arial;
letter-spacing:-1px;
}
.entryHeaderSubject A, .entryHeaderSubject A:hover, .entryHeaderSubject A:visited {
text-decoration: none;
color: #64978A;
text-transform:lowercase;
font-size: 16px;
font-family:Arial;
letter-spacing:-1px;
}
.entryMetadata {
padding-left: 6px;
text-align: right;
margin-right: 20px;
margin-bottom: 6px;
}
.entryMetadata ul {
margin: 0px;
padding: 0px;
}
.entryMetadata li {
list-style: none;
display: inline;
padding-right: 10px;
}
.entryMetadata-label {
font-weight: normal;
font-size:11px;
}
.entryLinkbar {
font-family: ;
font-size: 11px;
color: #000000;
text-align: right;
margin-right:20px;
padding: 4px 0px 20px 0px;
}
.entryLinkbar ul {
margin: 0px;
padding: 0px;
}
.entryLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}
.commentHolder {
color: #666666;
background-color: #ffffff;
border-top: 0px;
font-family:platino;
font-size: 13px;
margin: 15px 20px 4px 20px;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
}
.commentUserinfo {
text-align: center;
margin: 10px 8px 8px 10px;
border-width: 0px;
background: transparent!important
}
.commentUserinfo-usericon img {
border-width: 0px;
background: #E792B7;
padding: 10px;
width:60px;
height:60px;
}
.commentText {
padding: 6px;
}
.commentHeader {
background-color: #F9F9F9;
color: #888888;
font-family:platino;
font-size: 13px;
padding: 4px 0px 4px 8px;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
}
.commentHeader a{
color: #888888;
font-weight:bold;
}
.commentHeaderScreened {
font-family:platino;
font-size: 13px;
background-color: #F9F9F9;
padding: 4px 0px 4px 8px;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
}
.commentHeaderSubject {
font-weight: bold;
}
.commentLinkbar {
font-family: ;
font-size: 11px;
color: #000000;
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: #888888;
padding-left: 10px;
font-family:platino;
font-size: 13px;
}
.yearlinks{
text-align: right;
}
.yearlink{
padding-left:4px;
padding-right: 4px;
}
.month {
width: 500px;
border: 1px solid #dddddd;
margin: 8px 8px 8px 40px;
}
.daysubjects {
color: #000000;
padding: 8px 8px 8px 40px;
}
.daytitles {
text-align: center;
border: 1px solid #DFF1EC;
background: #DFF1EC;
color: #888888;
}
.day-blank {
border: 1px solid #DFF1EC;
}
.day {
border: 1px solid #DFF1EC;
}
.day-date {
border-right: 1px solid #DFF1EC;
border-bottom: 1px solid #DFF1EC;
color: #888888;
width: 50%;
text-align: center;
}
.day-count {
width: 50%;
text-align: center;
float: right;
font-size: 20px;
}
.day-count a {
text-decoration: none;
color: #E792B7;
}
.header-menu {
background-color: #CACF43;
border-top: 2px solid #ffffff;
border-bottom: 30px solid #E792B7;
text-align:center;
padding-top: 100px;
padding-bottom: 10px;
font-family: Impact ;
font-size: 22px;
line-height: 20px;
text-transform: uppercase;
font-weight:normal;
}
.header-menu a, .header-menu a:visited {
white-space: nowrap;
text-align: left;
padding: 2px 6px 2px 6px;
color: #A5A936;
text-decoration: none;
font-size: 22px;
font-family: Impact ;
font-weight:normal;
}
.header-menu a:hover {
color: #ffffff;
font-size: 22px;
font-family: Impact ;
font-weight:normal;
}
#footer-menu {
font-size: 13px;
background-color: transparent;
border: 0px;
text-align: center;
font-family:Palatino;
font weight:bold;
}
#footer-menu a, .footer-menu a:visited {
color: #E792B7;
white-space: nowrap;
padding: 6px;
font weight:bold;
font-family:Palatino;
font-size: 13px;
}
.header-menu ul, #footer-menu ul {
margin: 0px;
padding: 0px;
}
.header-menu li, #footer-menu li {
display: inline;
}
.tagstable, .tagstable td {
border: 1px solid #DFF1EC;
}
.tagstable { width: 500px; }
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited
{
text-decoration: underline !important;
font-weight: normal;
color: #E792B7 !important;
}
div.ContextualPopup div.Inner
{
position: relative;
top: -2px;
left: -2px;
background-color: #fff !important;
color: #888888 !important;
border: 1px solid #888888;
font-family: platino;
font-size:13px;
padding: 5px;
width: 20em;
}
/*////////////////////////////////////////////*/
EXTRA INFO
+ Rounded corners in FIREFOX
+ Don't like the colours? go ahead and change them!
got Questions? ask HERE
Comment and Credit and you will be loved forever :D
♣FOR MORE GO TO blowxgraphics♣