Smooth Sailing - Neuschwanstein

[midenianscholar]

Layout Style: Flexible Squares.
Best view: Tested in Firefox and IE, but should work in all
Browser(s) Compatible: Firefox and IE, but should work in all
Work with Nav bar?: Yes
Work with Ads? Yes.
Credit: scholarslayouts

Preview:



Live preview (with ads) at mslayout84 temporarily.

By popular request, I'm attempting to learn how to code Smooth Sailing. More will be coming soon! (And I took the picture in this layout. I love Germany...)


Feel free to play around with the layout, but please give me some form of credit.

It is preferred that you download the image to your own host! My links may disappear at any time.

Header.

Overrides:

/* PAGE */

body {
font-family: Arial, sans-serif;
font-size: 12px;
margin: 0px;
background-color: #4ca8f2;
color: #522109;
background-image: url('');
}
a {
color: #7bbeff;
}
a:visited {
color: #314667;
}

.pageblock{
width:800px;
margin: 0 auto;
}
.pagefooterblock {
border-top: 2px solid #ffffff;
background-color: #2a80c9;
color: #ffffff;
padding: 4px 4px 4px 24px;
margin-top: 4px;
}
.pagefooterblock a, .pagefooterblock a:visited {
color: #fcfada;
}

/* HEADER */

.pageheaderblock {
text-align: left;
background-image: url("http://i407.photobucket.com/albums/pp157/scholarslayouts/germany/header2.png");
background-repeat: no-repeat;
height: 350px;
width: 800px;
margin-left: auto;
margin-right: auto;
}

.header-title {
background-color: transparent;
font-family: "Georgia", sans-serif;
font-size: 30px;
color: #f4feea;
padding: 40px 20px 5px 20px;
}
.header-subtitle {
background-color: transparent;
color: #2a80c9;
font-family: "Georgia", sans-serif;
font-size: 24px;
padding: 0px 24px 0px 24px;
}
.header-icon {
top: 0px;
right: 0px;
position: absolute;
z-index: 1;
border-left: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
}
.header-menu {
padding: 0px;
background-color: transparent;
border-top: 2px solid transparent;
padding-left: 19px;
font-family: "Georgia", sans-serif;
font-size: 12px;
line-height: 20px;
width: 50%;
}

.header-menu a, .header-menu a:visited {
white-space: nowrap;
text-align: left;
padding: 2px 6px 2px 6px;
color: #fcfada;
text-decoration: none;
}
.header-menu a:hover {
background-color: transparent;
color: #2a80c9;
}
.header-menu ul, #footer-menu ul {
margin: 0px;
padding: 0px;
}
.header-menu li, #footer-menu li {
display: inline;
}

/* BODY */

.bodyblock {
padding: 10px 20px 0px 20px;
}
.bodyheaderblock {
border-top: 2px solid #ffffff;
background-color: #4b9ade;
padding: 4px 0px 4px 0px;
}
.bodynavblock {
border-top: 2px solid #ffffff;
background-color: #4b9ade;
color: #ffffff;
margin: 10px 0px 4px 0px;
padding: 8px;
}
.bodynavblock a, .bodynavblock a:visited {
color: #ffffff;
}
.body-title {
font-family: "Georgia", sans-serif;
font-size: 18px;
color: #ffffff;
text-align: left;
padding-left: 24px;
}
.body-midtitle {
font-family: "Georgia", sans-serif;
font-size: 18px;
color: #ffffff;
text-align: right;
padding-left: 8px;
}

/*ENTRIES*/
.entryHolder {
color: #56301b;
background-color: #f6f4e8;
font-family: "Georgia", sans-serif;
font-size: 12px;
border-top: 2px solid #ffffff;
margin: 4px 4px 4px 4px;
}
.entryUserinfo {
text-align: center;
margin: 0px 8px 8px 0px;
background-color: #f6f4e8;
}
.entryUserinfo-usericon img {
border: 0;
}
.entryText {
padding: 6px;
}
.entryHeader {
background-color: #2a80c9;
color: #ffffff;
font-family: "Georgia", sans-serif;
font-size: 12px;
padding: 4px 0px 4px 8px;
}
.entryHeader a{
color: #ffffff;
}
.entryHeaderSubject {
font-weight: bold;
}
.entryHeaderDate a {
color : #2a80c9;
text-decoration : none;
}
.entryHeaderDate a:hover {
color : #fcfada;
text-decoration : underline;
}
.entryMetadata {
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;
}
.entryLinkbar {
font-family: "Georgia", sans-serif;
font-size: 11px;
color: #56301b;
text-align: right;
padding: 4px 0px 4px 0px;
}
.entryLinkbar ul {
margin: 0px;
padding: 0px;
}
.entryLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}

/*FOOTER*/

#footer-menu {
font-size: 11px;
}
#footer-menu a, .footer-menu a:visited {
color: #2a80c9;
white-space: nowrap;
padding: 6px;
text-align: left;
}

/*SIDEBAR*/

.sidebar {
font-family: "Georgia", sans-serif;
font-size: 11px;
margin-right: 20px;
width: 200px;
}
.sidebox {
color: #56301b;
background-color: #f6f4e8;
margin: 4px 0px 4px 0px;
}
.sideboxTitle {
background-color: #2a80c9;
color: #ffffff;
border-top: 2px solid #ffffff;
font-family: "Georgia", sans-serif;
font-size: 12px;
padding: 4px 0px 4px 8px;
text-align: ;
}
.sideboxContent {
text-align: left;
padding: 2px 4px 2px 4px;
}
.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;
}

/*OTHER PAGES*/

/* COMMENT PAGE */

.commentHolder {
color: #56301b;
background-color: #f6f4e8;
border-top: 2px solid #ffffff;
font-family: "Georgia", sans-serif;
font-size: 12px;
margin: 4px 0px 4px 0px;
}
.commentUserinfo {
text-align: center;
margin: 0px 8px 8px 0px;
background-color: #f6f4e8;
}
.commentUserinfo-usericon img {
border: 0;
}
.commentText {
padding: 6px;
}
.commentHeader {
background-color: #2a80c9;
color: #ffffff;
font-family: "Georgia", sans-serif;
font-size: 12px;
padding: 4px 0px 4px 8px;
}
.commentHeader a{
color: #ffffff;
}
.commentHeaderScreened {
font-family: "Georgia", sans-serif;
font-size: 12px;
background-color: #c6c6c6;
padding: 4px 0px 4px 8px;
}
.commentHeaderSubject {
font-weight: bold;
}
.commentLinkbar {
font-family: "Georgia", sans-serif;
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: #f6f4e8;
color: #56301b;
padding-left: 10px;
}
#commenttext{
width:100%;
}

/*ARCHIVE PAGE*/
.yearlinks{
text-align: right;
}
.yearlink{
padding-left:4px;
padding-right: 4px;
}
.month {
width: 500px;
border: 1px solid #8fc8ff;
margin: 8px 8px 8px 40px;
}
.daysubjects {
color: #56301b;
padding: 8px 8px 8px 40px;
}
.daytitles {
text-align: center;
border: 1px solid #bcddfd;
background: #56301b;
color: #f6f4e8;
}
.day-blank {
border: 1px solid #bcddfd;
}
.day {
border: 1px solid #bcddfd;
}
.day-date {
border-right: 1px solid #bcddfd;
border-bottom: 1px solid #bcddfd;
color: #56301b;
width: 50%;
text-align: center;
}
.day-count {
width: 50%;
text-align: center;
float: right;
font-size: 20px;
}
.day-count a {
text-decoration: none;
color: #2a80c9;
}

/*TAGS PAGE*/

.tagstable, .tagstable td {
border: 1px solid #bcddfd;
}
.tagstable { width: 500px; }