Layout #11 S2 Smooth Sailing

Nov 21, 2008 19:28

First Posted: August 17th
Layout Style: Smooth Sailing
Best view: 800x600 and higher
Browser(s) Compatible: Tested with FF and IE7
Work with Nav bar?: Yes
Work with Ads? Yes
Credit: writing_light or losing_light somewhere in your journal please
Crossposted: freelayouts and mintyapple
Preview:

Live preview: Recent entries*Archive* Tags*Custom Comments



Image(s): All the images are hosted on my Photobucket account. If you'd like to host them yourself, here are the direct links.

mini icons from famfamfam.
Private user icon
Community user icon
User icon
Friends locked icon
Friends filtered icon

Directions:
Go to Customize Journal
Choose any Smooth Sailing layout
If your journal is ad supported choose your ad placement
choose if you want a left, right or no side column
Hit Customize Selected Theme
Choose Custom CSS
Make sure both drop down boxes say no
Copy the overrides in the box below and paste them into the Custom Stylesheet and hit Save Changes

Overrides:
/* Layout by LJ user writing-light at www.http://writing-light.livejournal.com/ */
/* S2 Smooth Sailing*/
/* contextual Popup coding by lj user cartonage */
/* please do not remove credit */

body {
background-color: #999;
color: #ececec;
font-family: georgia, helvetica, san-serif;
font-size: 12px;
margin: 0 auto;
}

.body-title {
color: #333;
}

.pageblock {
width: 100%;
}

.header-title {
background-color: #333;
font-size: 40px;
height: 90px;
padding-top: 40px;
margin-top: 50px;
text-transform: capitalize;
}

.header-subtitle, .header-icon, .profile-label, .body-midtitle, bodyheaderblock {
display: none;
}

.header-menu {
font-size: 20px;
letter-spacing: -2px;
margin-top: -149px;
position: relative;
text-transform: capitalize;
}

.header-menu a, .header-menu a:visited {
color: #ffc0cb;
margin: 5px;
white-space: nowrap;
}

.header-menu a:hover {
color: #333;
text-align: right;
}

.header-menu ul, #footer-menu ul {
margin: 0;
padding: 0;
}

.header-menu li, #footer-menu li {
display: inline;
}

.bodyblock {
margin-top: 163px;
}

.bodynavblock {
font-size: 22px;
padding: 10px 0;
}

.entryHolder {
background-color: #777;
border-color: #333;
border-style: solid;
border-width: 0 30px 30px;
margin: 0 20px 50px 20px;
text-align: justify;
}

.entryHeader {
background-color: #333;
color: #ffc0cb;
font-size: 15px;
height: 30px;
overflow: hidden;
padding-top: 5px;
}

.entryHeaderSubject {
font-size: 22px;
font-weight: bold;
letter-spacing: -2px;
position: relative;
}

.entryHeaderDate {
font-size: 16px;
margin-left: 40px;
}

.entryUserinfo {
font-size: 15px;
margin: 10px;
}

.entryUserinfo-usericon img {
border: 8px solid #ffc0cb;
}

div.ContextualPopup {

font-family: georgia, helvetica, san-serif !important;
font-style: normal;
margin-top: 5px;
}

div.ContextualPopup img {
border: 2px solid #ffc0cb;
}

div.ContextualPopup div.Inner {
background-color: #333 !important;
border: 3px solid #ffc0cb;
color: #c0c0c0 !important;
width: 20em;
}

div.ContextualPopup .Content {
line-height: 1.4;
margin-right: 50px;
padding: 2px 4px 6px 4px;
}

div.ContextualPopup .Relation {
font-weight: bold !important;
}

div.ContextualPopup .Content .OnlineStatus {
font-weight: bold;
}

div.ContextualPopup .Userpic {
padding: 4px 4px 0 0;
}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
color: #ffc0cb !important;
font-weight: bold;
text-decoration: underline !important;
}

.entryText {
font-family: arial, verdana, sans-serif;
padding: 10px;
}

a, a:visited {
color: #ffc0cb;
font-weight: bold;
text-decoration: none;
}

a:hover {
color: #333;
font-weight: bold;
text-decoration: none;
}

u, i, s, sup, sub, em, q, cite {
}

::-moz-selection {
background-color: #333;
color: #ffc0cb;
}

textarea {
background-color: #333;
color: #ffc0cb;
margin-top: 5px;
}

input, select {
background-color: #333;
color: #ffc0cb;
margin-top: 5px;
}

blockquote {
border: 6px double #ffc0cb;
margin: 10px 30px;
padding: 10px;
}

.entryMetadata {
padding: 5px;
}

.entryMetadata a, .entryMetadata a:visited {
font-weight: normal;
}

.entryMetadata ul {
margin: 0;
padding: 0;
}

.entryMetadata li {
display: block;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
padding-right: 5px;
}

.entryMetadata-label {
color: #333;
font-size: 14px;
font-weight: bold;
padding-right: 5px;
}

.entryLinkbar {
letter-spacing: -1px;
margin-bottom: -3px;
padding-top: 30px;
position: relative;
}

.entryLinkbar a, .entryLinkbar a:visited {
font-size: 17px;
}

.entryLinkbar ul {
margin: 0;
padding: 0;

}

.entryLinkbar li {
display: inline;
margin: 0;
padding: 0 10px;
}

.sidebox {
font-size: 14px;
margin: 0 20px;
width: 200px;
}

.sideboxTitle {
background-color: #333;
font-size: 20px;
font-weight: bold;
padding-top: 20px;
text-transform: capitalize;
}

.sideboxContent {
padding: 10px 5px;
}

.profile-userpic {
border: 8px solid #ffc0cb;
}

.sidebox #profile {
padding-left: 10px;
}

.sidebox #tags_sidebox, .sidebox #profile, .sidebox #systemlinks, .sidebox #latestmonth, .latestmonth-inactive, .latestmonth-active, #footer-menu a, .footer-menu a:visited, .pagefooterblock, .commentUserinfo, .pageheaderblock, .header-title, .bodynavblock, .entryUserinfo, .entryLinkbar, .sideboxTitle, .commentLinkbar, .daytitles, .day, .header-menu {
text-align: center;
}

.sidebox #latestmonth {
padding-left: 25px;
}

.latestmonth-inactive, .latestmonth-active {
padding: 2px;
}

#SearchTerm {
position: relative;
width: 100%;
}

#SearchType, select {
font-size: 9.5px;
text-transform: lowercase;
line-height: 20px;
margin: 2px 0;
width: 130px;
}

.listtitle {
font-weight: bold;
margin-left: -5px;
}

#footer-menu {
padding-top: 15px;
}

#footer-menu a, .footer-menu a:visited {
font-size: 20px;
letter-spacing: -2px;
padding: 0 20px;
}

.pagefooterblock {
background-color: #333;
font-size: 18px;
font-style: italic;
padding: 10px;
}

.commentHolder {
background: #777;
border: 8px solid #333;
text-align: justify;
margin: 20px 20px 0 20px;
}

.commentUserinfo {
margin: 10px;
}

.commentUserinfo-usericon img {
border: 8px solid #ffc0cb;
}

.commentText {
font-size: 14px;
padding: 10px;
}

.commentHeader {
background-color: #333;
font-size: 16px;
text-transform: capitalize;
}

.commentHeaderScreened {
background-color: #333;
border-top: 5px solid #ffc0cb;
font-size: 16px;
}

.commentHeaderSubject {
font-weight: bold;
}

.commentLinkbar {
font-size: 18px;
letter-spacing: -2px;
margin-bottom: -7px;
padding: 4px 0;
}

.commentLinkbar ul {
margin: 0;
padding: 0;
}

.commentLinkbar li {
display: inline;
margin: 0;
padding: 0 5px;
}

.replyform {
padding-right: 20px;
}

.replyform textarea {
width: 90%;
}

#qrform {
font-size: 14px;
margin: 10px;
}

#commenttext {
width: 100%;
}

.yearlinks {
text-align: right;
}

.yearlink {

padding: 0 4px;
}

.daysubjects {
font-weight: bold;
padding: 8px 8px 8px 40px;
}

.month {
background-color: #333;
font-size: 18px;
height: 300px;
padding: 0 10px;
width: 100%;
}

.daytitles {
background: #ffc0cb;
color: #333;
font-size: 15px;
}

.day {
color: #333;
}

.day-date {
background-color: #ffc0cb;
}

.tagstable, .tagstable td {
background-color: #333;
border: 3px solid #ffc0cb;
}

.tagstable {
width: 100%;
}

#summary img {
border: 0;
width: 0;
height: 0;
background-repeat: no-repeat;
}

#summary img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] {
border: 0;
background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/black/key.png);
padding: 15px 15px 0 0;
}

#summary img[src="http://l-stat.livejournal.com/img/icon_private.gif"] {
border: 0;
background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/black/cross.png);
padding: 14px 14px 0 0;
}

#summary img[src="http://l-stat.livejournal.com/img/icon_groups.gif"] {
border: 0;
background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/black/key_add.png);
padding: 16px 16px 0 0;
}

.entryHeader img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] {
background: transparent url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/black/key.png) repeat scroll 0%;
height: 0;
padding: 16px 16px 0 0 !important;
width: 0;
}

.entryHeader img {
background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/black/key.png);
background-repeat: no-repeat;
height: 0;
padding: 16px 16px 0 0 !important;
width: 0;
}

.entryHeader img[src="http://l-stat.livejournal.com/img/icon_groups.gif"] {
background: transparent url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/black/key_add.png) repeat scroll 0%;
height: 0;
padding: 16px 16px 0 0 !important;
width: 0;
}

.entryHeader img[src="http://l-stat.livejournal.com/img/icon_private.gif"] {
background: transparent url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/black/cross.png) repeat scroll 0%;
height: 0;
padding: 15px 14px 0 0 !important;
width: 0;
}

.ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] {
background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/group.png);
padding: 16px 16px 0 0 !important;
}

.ljuser img {
background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/user.png);
background-repeat: no-repeat;
height: 0;
padding: 15px 15px 0 0 !important;
width: 0;
}

.ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] {
background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/user.png);
padding: 15px 15px 0 0 !important;
}

.ljuser img[src="http://l-stat.livejournal.com/img/openid-profile.gif"] {
background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/user.png);
padding: 15px 15px 0 0 !important;
}

smooth sailing

Previous post Next post
Up