Example Codes

Here are some sample codes that you can begin to experiment with.

 /* turn off the default header and sidebar*/
#header,
#navigation,
div.region-sidebar-first {
    display: none;
}
/* set the page background color*/
#main-wrapper {
    background-color: #D4F7E4;
}
/* set the outer content area to full page width */
.sidebar-first #content {
    margin-left: 0px;
    margin-right: 0px;
    width: 960px;
}
/* set the inner content background to white */
.sidebar-first #content div.section {
    margin:0;
    padding:0;
    background-color: #FFFFFF;
}
/* set the boat name color padding and alignment */
#content-header h1 {
    background-color:#83200D;
    padding:6px;
    text-align:right;
}
/* set the boat description area width, color and padding */
#mission.og-mission {
    background-color:#167B37;
    color: #FFFFFF;
    padding:12px;
    width: 930px;
}
/* set the 'river of news' padding */
div.view-og-ghp-ron {
    padding: 0 36px;
}