Opendistrib/producer/web/sass/_layout.scss

$color1: #BB8757 ;
$color2: #F8F1DD ;

body {
    font-family: 'Arial' ;
}

#header {
    background-color: $color1 ;
    text-align: center ;
    padding: 40px ;
    padding-bottom: 70px ;
    border-bottom: solid 1px #e0e0e0 ;
    
    .container {
        position: relative ;
    }
    
    h1, h2 {
        color: white ;
    }
    
    h1 {
        text-transform: uppercase ;
        font-family: 'myriadpro-regular' ;
        font-size: 35px ;
        padding-bottom: 10px ;
        font-weight: bold ;
    }
    
    h2 {
        font-family: 'myriadpro-it' ;
        font-size: 18px ;
    }
    
    #credit {
        position: absolute ;
        top: 0px ;
        right: 0px ;
        color: white ;
        font-family: 'myriadpro-semibold' ;
        border-bottom: solid 1px white ;
        padding: 7px 10px ;
        
        span {
            font-family: 'myriadpro-light' ;
        }
    }
}

#main {
    background-color: #FAFAFA ;
    
    #main-nav {
        width: 100% ;
        position: relative ;
        top: -40px ;
        background-color: white ;    
        border-bottom: solid 1px #e0e0e0 ;
        
        ul {
            li {
                a {
                    color: $color1 ;
                    text-transform: uppercase ;
                    font-family: 'myriadpro-regular' ;
                    border-right: solid 1px #e0e0e0 ;
                }
            }
        }
        
        #user {
            color: $color1 ;
            float: right ;
            padding: 10px ;
        }
    }
    
    .container {
        padding: 0px ;
        background-color: white ;    
        min-height: 500px ;
        border-left: solid 1px #e0e0e0 ;
        border-right: solid 1px #e0e0e0 ;
    }
    
    #content {
        padding: 0px 20px 20px 20px ;
    }
}

#footer {
    background-color: $color1 ;
    height: 100px ;
    
    .container {
        padding: 0px ;
        .overflow {
            height: 30px ;
            background-color: white ;
            border-left: solid 1px #e0e0e0 ;
            border-right: solid 1px #e0e0e0 ;
            border-bottom: solid 1px #e0e0e0 ;
        }
        
        .content {
            padding-top: 20px ;
            color: white ;
            
            a {
                color: white ;
                text-decoration: underline ;
            }
        }
    }
}