Css Test

Edit CSS

@import url(http://fonts.googleapis.com/css?family=Lato:400,700,300);
 
/* CONTAINERS
============================================*/
 
body {
    background-color: #71721A;
}
 
#container-wrap {
    background-image: url(/local--files/bottom:css/vineyard.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    height:760px;
}
 
#container{
    background-color:#ddd; 
    min-height:565px;
    margin: 0 auto;
    opacity: 0.7;
    position:relative;
    top:30px;        
    width:960px;    
}
 
/* HEADER
============================================*/
 
#header {
    width: 960px;
}
 
#header h1, #header h2 {
    display: none;
}
 
/* TOP BAR 
============================================*/
 
#top-bar {
    background: none repeat scroll 0 0 #468259;
    height: 50px;
    left:0;
    margin: 0 auto;
    padding: 0;
    right: 0;
    top:0;
    width: 960px;
    z-index: 50;
}
 
#top-bar li a {
    color: #fff;
}
 
#top-bar li ul {
    border: none;
    position: relative;
}
 
#top-bar li ul li a, #top-bar li ul li a:hover {
    background-color: #960000;
}
 
#top-bar li a:hover {
    background-color: transparent;
}
 
#top-bar ul {
    list-style:none;
    display:inline-block;
    width:100%;
}
 
#top-bar ul li{
    width:31%;
    float:left;
    text-align:center;
    padding-top:13px;
}
 
/* CONTENT
============================================*/
 
#page-title {
    font: 300 30px/36px 'Lato',sans-serif;
    text-align: right;
}
 
#main-content {
    margin-left: 0;
}
 
#page-content {
    margin-left: 0;
    width: 920px;
}
 
/* FOOTER & OPTIONS
============================================*/
 
#page-options-container {
    width: 960px;
    right: 0;
    z-index: 100;
}
 
.page-options-bottom {
    text-align:left;
    width:900px;
}
 
.page-options-bottom a {
    background: url("http://themes.wdfiles.com/local--files/hello/hello-button-bg.gif") repeat-x scroll 0 0 transparent;
    border: 1px solid #D4D4D4;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    color: #616161;
    font-family: "Open Sans";
    height: auto;
    margin: 0 5px;
    padding: 6px 10px;
}
 
/* CODEBLOCKS
============================================*/
 
pre {
    white-space: pre-wrap;
}
Site Design, Syntax and Examples by Rob Elliott 2008-2016