[layouts] Airplane

[alpenglowe]

Layout Style: S2, Smooth Sailing
Account types: Free, Paid, Plus




click on the thumbnail for a bigger screen shot.


CSS:
body {
font-family: "trebuchet ms", helvetica, sans-sans-serif;
font-size: 11px
margin: 0px;
color: #000000;
background: #1f1f1f;
}

a:link, a:active {
color: #0096de;
text-decoration: none;
}
a:visited {
color: #0096de;
text-decoration: none;
}
a:hover {
color: #4dc5ff;
text-decoration: none;
}

.entryHeaderDate {color: #989898; font-size: 10px; letter-spacing: 0px;}
.entryHeaderDate a {
color : #6d6859;
text-decoration : none;
}
.entryHeaderDate a:hover {
color : #000000;
text-decoration : underline;
}
.header-title {
font-family: "trebuchet ms", helvetica, sans-sans-serif;
font-style: italic;
text-transform: lowercase;
font-size: 20px;
color: #fff;
font-weight: bold;
background: none;
position: relative;
top: 50px;
}
.header-subtitle {
font-family: "trebuchet ms", helvetica, sans-sans-serif;
text-transform: uppercase;
font-size: 10px;
letter-spacing: 2px;
color: #000;
background: none;
position: relative;
top: 50px;
}
.header-icon {
top: 0px;
right: 0px;
position: absolute;
z-index: 1;
border-left: 0px solid #ffffff;
border-bottom: 0px solid #ffffff;
background: none;
}

.pageblock {
width: 750px;
margin-left: auto;
margin-right: auto;
background: #fff;
border-left: 10px solid #fff;
border-right: 10px solid #fff;
background: #fff;
}

.pageheaderblock {
background: url("http://i73.photobucket.com/albums/i229/vyxe/layout/lj-airplane_01.jpg");
width: 750px;
height: 161px;
text-align: left;
border-left: 0px solid #fff;
border-right: 0px solid #fff;
}

.pagefooterblock {
background: url("http://i73.photobucket.com/albums/i229/vyxe/layout/lj-airplane_04.jpg") center no-repeat;
color: #696969;
padding: 20px 15px 4px 24px;
margin-top: 4px;
border: 0;
font-size: 11px;
text-align: center;
height: 55px;
width: 710px;

}
.pagefooterblock a, .pagefooterblock a:visited {
color: #c5c5c5;
border: 0;
}
.bodyblock {
padding: 20px 0px 0px 0px;
}
.bodyheaderblock {
padding: 4px 0px 4px 0px;
border: 0;
background: none;
}
.bodynavblock {
color: #000000;
margin: 10px 0px 4px 0px;
padding: 8px;
background: none;
border: 0;
}
.bodynavblock a, .bodynavblock a:visited {
color: #000000;
}
.body-title {
display: none;
}
.body-midtitle {
font-size: 18px;
color: #000000;
text-align: left;
padding-left: 8px;
border: 0;
}
.entryHolder {
color: #000;
background:none;
font-family: "trebuchet ms", helvetica, sans-sans-serif;
font-size: 11px;
margin: 4px 0px 4px 0px;
width: 550px;
border: 0;
}

.entryUserinfo {
text-align: center;
margin: 5px 8px 8px 0px;
background: #f2f2f2;
padding: 7px;
border: 0;
}

.entryUserinfo-usericon img {

border: 0;
}
.entryText {
padding: 6px;
border: 0;
margin-left: 10px;
}
.entryHeader {
background: none;
color: #414141;
font-family: "verdana", helvetica, sans-serif;
letter-spacing: 1px;
text-transform: lowercase;
padding: 4px 0px 4px 20px;
border: 0;
font-size: 12px;
font-weight: bold;
}
.entryHeader a{
color: #000000;
}
.entryHeaderSubject {
font-weight: bold;
font-size: 16px;
}
.entryMetadata {
margin-top: 10px;
padding-left: 6px;
}
.entryMetadata ul {
margin: 0px;
padding: 0px;
}
.entryMetadata li {
list-style: none;
display: inline;
padding-right: 10px;
}
.entryMetadata-label {
font-weight: bold;
padding-right: 4px;
color: #2d6885;
}
.entryLinkbar {
color: #212121;
text-align: right;
padding: 4px 0px 4px 0px;
margin-top: 10px;
margin-bottom: 15px;
line-height: 20px;
background: url("http://i73.photobucket.com/albums/i229/vyxe/layout/meta.jpg") #37bcfc;
font-size: 10px;
}
.entryLinkbar a {
color: #fff;
text-decoration: none;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
}
.entryLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}
.commentHolder {
color: #000000;
background: none;
font-size: 12px;
margin: 4px 0px 4px 0px;
}
.commentUserinfo {
text-align: center;
margin: 0px 8px 8px 0px;
background: none;
}
.commentUserinfo-usericon img {
border: 0;
}
.commentText {
padding: 6px;
font-size: 10px;
color: #2d5b73;
background: #b5e7ff;
}
.commentHeader {
background: none;
color: #000;
font-family: Verdana, helvetica, sans-sans-serif;
font-size: 12px;
font-weight: bold;
padding: 4px 0px 4px 8px;
border: 0;
margin-bottom: 10px;
}
.commentHeader a{
color: #000000;
}
.commentHeaderScreened {
font-size: 11px;
background-color: #5b5b5b;
padding: 4px 0px 4px 8px;
}
.commentHeaderSubject {
font-weight: bold;
}
.commentLinkbar {
font-size: 11px;
color: #000000;
text-align: right;
padding-top: 4px;
padding-bottom: 4px;
border: 0;
}
.commentLinkbar ul {
margin: 0px;
padding: 0px;
}
.commentLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}
.replyform {
background: none;
color: #000000;
padding-left: 10px;
}
.yearlinks{
text-align: right;
}
.yearlink{
padding-left:4px;
padding-right: 4px;
}
.month {
width: 80%;
border: 1px solid #484848;
margin: 8px 8px 8px 40px;
background: #dbf3ff;
}
.daysubjects {
color: #000;
padding: 8px 8px 8px 40px;
}
.daytitles {
text-align: center;
border: 1px solid #218bbe;
background: #fff;
color: #000;
}
.day-blank {
border: 1px solid #218bbe;
}
.day {
border: 1px solid #218bbe;
}
.day-date {
border-right: 1px solid #757575;
border-bottom: 1px solid #757575;
color: #000;
width: 50%;
text-align: center;
}
.day-count {
width: 50%;
text-align: center;
float: right;
font-size: 20px;
}
.day-count a {
text-decoration: none;
color: #006ba0;
}

.sidebar {
font-size: 11px;
margin-left: 0px;
width: 180px;
}

.sidebar a {
color: #004667;
text-decoration: none;
}

.sidebox {
color: #000000;
margin: 4px 0px 4px 0px;
background: none;
font-size: 10px;
}
.sideboxTitle {
background: url("http://i73.photobucket.com/albums/i229/vyxe/layout/sidebar_01.gif") center no-repeat;
color: #fff;
font-family: "trebuchet ms", "trebuchet ms", helvetica, sans-sans-serif;
font-size: 14px;
padding: 4px 0px 4px 8px;
line-height: 20px;
font-weight: normal;
border: 0;
}

.sideboxContent {
text-align: right;
padding: 7px 7px 7px 7px;
background: url("http://i73.photobucket.com/albums/i229/vyxe/layout/sidebar_02.gif") center top no-repeat #2aa3df;
border: 0;
margin-bottom: 10px;
width: 164px;
margin-left: auto;
margin-right: auto;
}
.sidebox #profile, .sidebox #latestmonth, .sidebox #search {
text-align: center;
}
.sidebox #tags_sidebox {
text-align: center;
}
.sidebox #systemlinks {
text-align: center;
}
.sidebox #latestmonth table{
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 4px;
}
.listtitle {
font-weight: bold;
}
.profile-label {
font-weight: bold;
}

.header-menu {
padding: 0px;
padding-left: 30px;
font-family: "arial", "helvetica", sans-serif;
font-size: 12px;
line-height: 28px;
margin-top: 120px;
width: 720px;
text-align: center;
border: 0;
background: #dbfeff;
margin-left: auto;
margin-right: auto;
}

.header-menu a, .header-menu a:visited {
white-space: nowrap;
text-align: center;
padding: 2px 6px 2px 6px;
color: #216585;
text-decoration: none;
}

.header-menu a:hover {
background-color: #fff;
color: #2f2f2f;
}

#footer-menu a, .footer-menu a:visited {
color: #8a8b86;
white-space: nowrap;
padding: 6px;
text-align: left;
}
.header-menu ul, #footer-menu ul {
margin: 0px;
padding: 0px;
}
.header-menu li, #footer-menu li {
display: inline;
}
.tagstable, .tagstable td {
border: 1px solid #c1c1c1;
}

b, strong {color: #2b2b2b;}

em, i {color: #ccc;}

.summaryList {
text-align: left;
font-size: 10px;
}

input, textarea, select, option { border: 1px solid #006a9c; background: #dbfeff; font-family: "trebuchet ms", helvetica, sans-serif; font-size: 12px; color: #000;}

option {border: 0;}

.textbox {width: 80%;}

Directions for use: Go to the Look and Feel tab of your Journal Display settings and set the layout to Smooth Sailing. Then, under the Custom Options tab, click on Custom CSS and paste the CSS codes above there. Make sure you save your changes.

Credits: please credit fanmedley or alpenglowe if ever you decide to use the layout. Feel free to put something like "Layout by..." in your userinfo page.