layoutlounge | 72. Sail Away Redo in Smooth Sailing (Reply)

Layout Style: S2 Smooth Sailing (army attire)
Features: Sidebar, Scrolling Tags, Custom Links
Layout Width: 1000px
Requested By:

estelle

72. Smooth Sailing: Sail Away Redo [ Preview ] [ Live ]
Credit:

layout_lounge
For help with layout please consult the How To Guides, otherwise please comment.

/*----------------------------------------
S2 Smooth Sailing - DO NOT REMOVE SECTION
by http://community.livejournal.com/layout_lounge/
--------------------------------------*/

body {
 color: #888888;
 font-family: Arial;
 font-size: 8pt;
 margin: 0px;
 background-color: #ECE9E6;
 background-image: url(BACKGROUND IMAGE URL);
background-repeat: repeat;
 background-attachment: fixed;
 }

a { color: #4BA2B8; }
a:hover { color: #444444; }

blockquote {
 width: 70%;
 background-color: #A3FFFF;
 background-image: url(BLOCKQUOTE IMAGE URL);
 background-repeat: repeat;
 margin-left: 75px;
 padding: 0px 10px 10px 10px; 
 color: #333333;
 font-size: 15px;
 line-height: 16px;
 font-family: "trebuchet ms", arial, sans-serif;
 text-align: left;
 }

img.special { background-color: transparent !important; padding: 3px; border: 1px solid #BBBBBB; }

i img { background-color: transparent !important; padding: 3px; border: 1px solid #BBBBBB; }

b, strong { color: #6DA9C1; }
i, em { color: #7ded96; }
u { color: #f1b000; }
s, strike { color: #ecb082; }

p, td{ }
 
code, kbd, pre, tt { font-family: "monospace"; }

/* HEADER */
.pageblock {
 padding-top: 275px;
 width: 1000px;
 margin: 10px auto 60px auto;
 background-image: url(HEADER IMAGE URL);
 background-position: top center;
 background-repeat: no-repeat;
 }

.pageheaderblock {
 margin: 0px auto 0px auto;
 position: relative;
 text-align: center;
 color: #ffffff;
 font-family: "verdana";
 font-size: 9px;
 padding: 0px 0px 0px 0px;
 text-align: center;
 letter-spacing: 1px;
 text-transform: normal;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
-khtml-border-radius: 20px;
 }

.header-title {
display: none; 
 text-transform: lowercase;
 text-align: left;
font-family: Georgia, sans-serif;
font-size: 12px;
font-style: italic;
 letter-spacing: -2px;
 line-height: 20px;
 color: #f2f2f2;
 }

.header-subtitle { display: none; }

.header-icon { top: 0px; right: 0px; position: absolute; z-index: 1; }

.header-menu {
  position: inherit;
 width: 990px;
 height: 40px;
 background-color: #ffffff;
 text-align: center;
 color: #232323;
 padding: 0px 0px 0px 0px;
 margin-top: -7px;
font-family: open sans condensed, georgia, arial;
  font-size: 14px !important; line-height: 130%; 
 letter-spacing: 1px;
 text-transform: lowercase;
 font-weight: none;
 border-width: 0 5px 0px 5px;
 border-style: solid;
 border-color: #ededed !important;
-moz-border-radius: 20px 20px 0px 0px;
-webkit-border-radius: 20px 20px 0px 0px;
border-radius: 20px 20px 0px 0px;
-khtml-border-radius: 20px 20px 0px 0px;
}

.header-menu a, .header-menu a:visited { 
 white-space: nowrap;
 padding: 12px 15px 12px 15px;
 margin: 20px 5px 0px -7px;
 letter-spacing: 1px;
 color: #000000;
 background-color: #EEF3D8;
 text-align: left;
 border: 1px solid #EAF5EC;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-khtml-transition: all 0.5s ease-out;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
-khtml-border-radius: 0px 0px 5px 5px;
 }

.header-menu a:view {
 padding: 12px 15px 22px 15px;
 margin: 20px 5px 0px -7px;
 color: #000000;
 background-color: #B4F7EB;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-khtml-transition: all 0.5s ease-out;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
-khtml-border-radius: 0px 0px 5px 5px;
 }

.header-menu a:hover {
 padding: 12px 15px 32px 15px;
 margin: 20px 5px 0px -7px;
 color: #000000;
 background-color: #B4F7EB;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-khtml-transition: all 0.5s ease-out;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
-khtml-border-radius: 0px 0px 5px 5px;
 }

.header-menu ul {
 list-style: none;
 line-height: 43px;
 margin: 0;
 padding: 0;
     }
  .header-menu li {
 display: inline;
 list-style: none;
     }

/* BODY */

.bodyblock {
width: 990px; 
background-color: #ffffff;
 border-width: 0 5px 3px 5px;
 border-style: solid;
 border-color: #ededed !important;
-moz-border-radius: 0 0 20px 20px;
-webkit-border-radius: 0 0 20px 20px;
border-radius: 0 0 20px 20px;
-khtml-border-radius: 0 0 20px 20px;
}

.bodyheaderblock { display: none; }
.bodynavblock { 
width: 100%; 
margin: 10px 0px 4px 0px; 
padding: 8px; 
text-align: center; 
 text-transform: uppercase;
 }

.bodynavblock a, .bodynavblock a:visited { color: #031521; }
.bodynavblock a:hover { color: #444444; }
.body-title { display: none; }
.body-midtitle { display: none; }

/* ENTRIES */

.entryHolder {
 background-color: transparent !important;
 width: 735px;
 font-family: "trebuchet ms", arial, sans-serif;
 font-size: 12px;
 color: #333333;
 text-align: center;
 padding-top: 20px; 
 }

.entryUserinfo {
 position: relative;
background-color: rgba(184, 235, 183, 0.2) !important;
 float: left;
padding: 10px; 
margin-left:-140px; margin-top:-11px;
 text-align: center;
 font-family: "trebuchet ms", arial, sans-serif;
 font-size: 11px;
 z-index: 15;
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -khtml-border-radius: 4px;
 }

.entryUserinfo-usericon img { 
background-color: #f7f6f0;
}

.entryText {
 padding: 10px 20px 10px 20px;
 margin-bottom: 10px;
 color: #767676;
 font-family: "trebuchet ms", arial, sans-serif;
 font-size: 13px;
 text-align: left;
 }

.entryHeader { color: #4A9487; font-family: "Lobster 1.4", arial; text-align: left; padding-left: 0px; margin-bottom: -14px; font-size: 0px; }

.entryHeaderSubject { display: inline; width: 95%; margin-top: 10px; padding-left:10px; color: #4A9487; }

.entryHeaderSubject a{ font-size: 24px; font-style: italic; color: #4A9487; }

.entryHeaderSubject a:hover { color: #7BB9A1; font-size: 24px; }

.entryHeaderDate {
float: right;
 color: #CCCCCA;
 font-family: "Alice in Wonderland", arial, sans-serif;
 font-size: 25px;
 text-transform: uppercase;
 margin-right: 10px;
 }

.entryHeaderDate a { color: #4A9487; }
.entryHeaderDate a:hover { color: #7BB9A1; }

.entryMetadata {
margin-top: 20px;
text-align: left;
color: #808080;
 font-family:verdana; 
font-weight:bold; 
font-size: 8px; 
text-transform:uppercase;
 }

.entryMetadata img { display: none; }

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

.entryMetadata li {
list-style: none; 
padding: 1px; 
display: block; 
 }
.entryMetadata-label {
 padding: 2px;
 color: #888888;
 font-size: 8pt;
 text-transform: lowercase;
 }

.entryLinkbar {
width: 70%;
 background-color: #f7f7f7;
color: #444444;
 font-size: 10px; line-height: 130%; 
letter-spacing:-0.1em;
padding: 5px 10px;
margin: 8px 0px 8px 0px; 
position: inline;
text-align: left;
-moz-border-radius: 0 10px 10px 0px;
-webkit-border-radius: 0 10px 10px 0px; 
border-radius: 0 10px 10px 0px; 
-khtml-border-radius: 0 10px 10px 0px; 
}

.entryLinkbar a, .entryLinkbar a:visited {
color:#999999;
font-family: open sans condensed, arial !important;
 font-size: 10px !important; line-height: 130%; 
line-height:1;
margin:0;
padding:4px 6px;
letter-spacing: 1px; 
text-align: center; }

.entryLinkbar a:hover {
color:#000000;
background-color: #B9ECB8;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
border-left: 4px solid #8DF5FF;
letter-spacing: 3px;
-moz-border-radius: 0 10px 10px 0px;
-webkit-border-radius: 0 10px 10px 0px; 
border-radius: 0 10px 10px 0px; 
-khtml-border-radius: 0 10px 10px 0px; 
}

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

/* FOOTER */

#footer-menu {
height: 43px; 
bottom: 0px;
padding: 5px 0;
position: fixed;
left: 0;
text-align: left;
text-transform:lowercase;
width: 100%;
z-index:16;
 }

#footer-menu ul {
margin:0 auto;
padding:0;}

ul.pagefooterblock a {
-moz-border-radius: 0 10px 10px 0;
-webkit-border-radius: 0 10px 10px 0;
border-radius: 0 10px 10px 0;
-khtml-border-radius: 0 10px 10px 0;
}

#footer-menu li + li a {
float: right;
-moz-border-radius: 10px 0 0 10px;
-webkit-border-radius: 10px 0 0 10px;
border-radius: 10px 0 0 10px;
-khtml-border-radius: 10px 0 0 10px;
background-color: #272727; }

#footer-menu li + li + li a {
float: left;
margin-left: 40%;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-khtml-border-radius: 10px;
background-color: #272727; }

#footer-menu li a {
float: left;
-moz-border-radius: 0px 10px 10px 0px;
-webkit-border-radius: 0px 10px 10px 0px;
border-radius: 0px 10px 10px 0px;
-khtml-border-radius: 0px 10px 10px 0px;
background-color: #272727; }

#footer-menu li + li a:hover { background-color:#B7E8B6!important; }

#footer-menu li + li + li a:hover { background-color:#B7E8B6!important; }

#footer-menu li a:hover { background-color:#B7E8B6!important; }

#footer-menu a, .footer-menu a:visited {
background-color: #999999;
color: #ffffff;
font-family: open sans condensed, georgia,arial,sans-serif;
font-size: 13px;
padding: 10px;
 white-space: nowrap;
-moz-border-radius:10px 0 0 10px;
-webkit-border-radius:10px 0 0 10px;
border-radius: 10px 0 0 10px;
-khtml-border-radius: 10px 0 0 10px;
background-color: #272727;
 }

#footer-menu a:hover {
color:#ffffff;
background-color: #B9ECB8;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
padding-right: 5px;
border-left: 4px solid #8DF5FF;
letter-spacing: 3px;
background-color:#702D62!important
}

#footer-menu li {
list-style:none outside none;
margin:0;
padding:0;
display:inline; }

#footer-menu li + li {
list-style:none outside none;
margin:0;
padding:0;
display:inline;  }

#footer-menu li + li + li {
list-style:none outside none;
margin:0;
padding:0;
display:inline;  }

/* SIDEBAR */
  
.nav a {border-bottom: 1px solid #cccccc; color: #000000; display: block; font-family: tahoma; font-size: 9pt; text-transform: uppercase; line-height: 5px; padding: 4px; letter-spacing: 1px;}
.nav a:hover {color: #303030; text-decoration: none;}
.nav br {display: none;}

.sidebar {
width: 260px;
 background-color: #ffffff;
 background-image: url(SIDEBAR IMAGE URL);
 background-repeat: y-repeat;
color: #999999;
font-family: open sans condensed, arial, georgia;
font-size: 12px;
font-weight: normal;
text-transform: lowercase;
float: right;
text-transform: lowercase;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
-khtml-border-radius: 20px;
 border-width: 2px 0 2px 0px;
 border-style: dotted;
 border-color: #ECE9E6;
right: 5px;
margin-top: 5px; 
 }
 
.sidebox {
color: #888888;
margin: 0px 0 10px 0;
 }

.sideboxTitle {
 list-style: none;
 color:#4B7A8B; 
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; -khtml-border-radius: 10px;
text-align: center;
letter-spacing: 2px;
 font-family: "Lobster 1.4", arial, sans-serif;
 font-size: 16px;
 font-style: none;
 font-weight: none;
text-shadow: 2px 2px 6px #bbbbbb;
 text-transform: lowercase;
 margin: 1px 10px 1px 5px;
 }

.listtitle {
 font-size: 11px;
 font-weight: normal;
 letter-spacing: normal;
 text-align: left;
 text-transform: lowercase;
 margin: 4px 0px 4px 0px;
}

.sideboxContent {
 color: #555555;
 border: 0px solid #cccccc;
 padding: 3px;
 text-transform: normal;
 margin: 3px 0px;
 }

#sideboxSummary a {
 text-decoration: none;
 display: inline !important;
 color: #4BA2B8;
 border: 1px solid #4BA2B8 !important;
 background-color: transparent !important;
 }

#sideboxSummary a: hover{
 text-decoration: none;
 color: #007ba7;
 border: 0px solid #cccccc;
 background-color: transparent !important;
 }

#sideboxCalendar {
 background-color: transparent !important;
 padding: 1px;
 border: 0px solid #cccccc;
 text-align: center;
 font-family: "verdana", arial, verdana, sans-serif;
 font-size: 9px;
}

#sideboxCalendarposts {
 padding: 1px;
 border: 1px solid #cccccc;
 text-align: center;
 font-family: "verdana", arial, verdana, sans-serif;
 font-size: 9px;
 }

.sidebox #freetext {
padding: 5px; 
background-color: rgba(243, 243, 243, 0.7) !important;
margin-top: 0px; 
margin: 0 5px 0 5px; 
line-height: 12px; 
 font-family: "trebuchet ms", arial, sans-serif;
font-size: 11px !important; 
text-transform: lowercase; 
text-align: right;
 border: 5px solid #E0E0E0; }
}

.sidebox #profile, .sidebox #latestmonth, .sidebox #search { text-align: center; }

#tags_sidebox { height: 300px; overflow-x: hidden; overflow-y: auto; font-color: #ffffff;  font-size: 0px; }

#tags_sidebox a {
color: #000000;
background-color: rgba(255, 255, 255, 0.6);
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px;
display:block;
 font-family: "trebuchet ms", arial, sans-serif;
font-size: 12px;
font-style:italic;
font-weight:lighter;
text-align: left;
margin-right:2px;
padding:2px 5px; }

#tags_sidebox a:hover {
color: #ffffff; 
background-color:#444444;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 -khtml-border-radius: 10px;
 text-align: center; 
}

.sidebox #systemlinks {
list-style-type:none;
padding-top:2px;
text-align: left !important;
text-transform:lowercase;}

.sidebox #systemlinks a {
color: #000000;
background-color: rgba(255, 255, 255, 0.6);
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px;
display:block;
 font-family: "trebuchet ms", arial, sans-serif;
font-size: 12px;
font-style:italic;
font-weight:lighter;
margin-right:2px;
padding:2px 5px;
text-align: left;}

.sidebox #systemlinks a:hover {
color:#ffffff; 
background-color:#444444;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px;
text-align: right;
letter-spacing: 2px; }

.sidebox #latestmonth table { width: 90%; margin: 4px auto 4px auto; }

#latestmonth a:link, #latestmonth a:active, #latestmonth a:visited { text-align: center; text-transform: lowercase; }
#latestmonth td {
 text-align: center;
 padding: 1px;
 font-family: Arial, sans-serif;
 font-size: 8pt;
 }
.latestmonth-inactive {
 background-color: #f7f7f7;
 padding: 2px;
 }
.latestmonth-active {
 background-color: #eeeeee;
 padding: 2px;
 }
.profile-label {
 display: none;
 }

/* COMMENT PAGE */

.commentHolder {
 color: #888888;
 background-color: transparent !important;
 font-family: Arial, sans-serif;
 font-size: 10pt;
 margin: 4px 18px 4px 8px;
 border: 1px dotted #E0E0E0; 
 }

.commentUserinfo {
 text-align: center; 
 margin: 8px 8px 8px 8px;
 }
.commentUserinfo-usericon img { 
 position: relative;
background-color: rgba(184, 235, 183, 0.4) !important;
 top: -30px;
 left: 0px;
 padding: 10px;
 margin: 10px 10px -20px 10px;
 z-index: 15;
 float: left;
-moz-border-radius: 4px; 
 -webkit-border-radius: 4px;
 border-radius: 4px;
 -khtml-border-radius: 4px;
 }
 
.commentText { padding: 6px; }

.commentHeader {
 text-transform: lowercase;
 color: #888888;
 font-family: Arial, sans-serif;
 font-size: 10pt;
 padding: 4px 18px 4px 8px;
 text-align: right; 
 }

.commentHeader a{ color: #bebebe; }
.commentHeaderScreened { 
 font-family: Arial, sans-serif;
 font-size: 10pt;
 padding: 4px 18px 4px 8px;
 }
.commentHeaderSubject { font-weight: normal; }

.commentLinkbar {
border-top: 0px solid #F2F2F2;
font-family: "Arial", sans-serif;
font-size: 11px;
text-align: right;
text-transform: lowercase;
}
.commentLinkbar a { color: #bbbbbb; }
.commentLinkbar a:hover { color: #666666; }
.commentLinkbar ul { margin: 0px; padding: 0px; }
.commentLinkbar li {
 padding: 0px 5px 0px 5px;
 margin: 0px;
 display: inline;
 }
.replyform {
 width: 555px;
 border: 0;
 color: #4BA2B8;
 padding-left: 10px;
 }
#commenttext{ width: 90%; }

/* ARCHIVE PAGE */

.yearlinks{ text-align: right; }
.yearlink{ padding-left:4px; padding-right: 4px; }
.month { width: 400px; margin: 8px 8px 8px 20px; }
.daysubjects { color: #C1C1C1; text-transform: lowercase; padding: 8px 8px 8px 10px; }
.daytitles { background: #F2F2F2; color: #C1C1C1; text-transform: lowercase; text-align: center; }  .day-blank { }
.day { }
.day-date { color: #888888; width: 50%; text-align: center; }
.day-count { width: 50%; text-align: center; float: right; font-size: 12px; }
.day-count a { text-decoration: none; color: #bebebe; }

/* TAGS PAGE */

.tagstable td { }
.tagstable { text-transform: lowercase; width: 500px; }

/* USER, COMMUNITY, PROTECTED ICONS */

/* USER */
html body .ljuser img {
 width: 0 !important;
 height: 0 !important;
 background-repeat: no-repeat;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fishorange.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

html body .ljuser img[src*="userinfo.gif"] {
 width: 0 !important;
 height: 0 !important;
background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fishorange.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/* COMMUNITY */
html body .ljuser img[src*="community.gif"] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fishbowl.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

Click here for font tutorial:
Lobster 1.4, Alice in Wonderland

Header (in Smooth Sailing your image must have the rounded edges to have the rounded edge effect)

Blockquote Background:

Sidebar Image:

Background Image:

PLEASE NO HOTLINKING IMAGES

Headers:

graffitigraphic
More Background Images: Layout Lounge Site
More Tiny Icons: Layout Lounge Site

RULES:
No Hotlinking Images
Header can be changed
Background image can be changed or removed.
Credit Necessary.

Layout Lounge

Layouts, Tutorials, Help, and more

72. Sail Away Redo in Smooth Sailing

About

Links

Tags

April 2025