more tweaks and stuff

[gitmo/moose-website.git] / lib / Moose / Website / Resource / WebFiles / css / style.css

BODY {
    font-family : Ariel, Helvetica, sans-serif;
    font-size   : 10pt;
    margin      : 0px;
    color       : #666666;
}

a {
    color : #333333;
}

h1 {
    font-family    : Arial Black;
    font-size      : 54pt;
    margin         : 0px;
    line-height    : 0.8em;
    background     : #2d4b4c;
    color          : #ffffff;
    padding-left   : 70px;
    padding-top    : 15px;
    letter-spacing : -7px;
    text-shadow    : -3px 0 4px #333333;
}

h1.home {
    font-size      : 110pt;
    padding-top    : 85px;
    padding-left   : 62px;
    letter-spacing : -15px;
}

h2 {
    font-size      : 14pt;
    margin         : 0px;
    line-height    : 1em;
    color          : #7f5939;
    background     : #e5cd7d;
    padding-left   : 75px;
    padding-top    : 20px;
    padding-bottom : 15px;
    font-style     : oblique;
}

.home_nav {
    border-bottom  : 1px dotted #bd9962;
    border-top     : 10px solid #bd9962;
}

.nav {
    border-bottom  : 1px dotted #bd9962;
    border-top     : 10px solid #bd9962;
    background     : #FFF5CD;
}

ul.menu {
    padding-left : 70px;
    margin-top   : 0px;
}

ul.menu > li {
    list-style-type : none;
    float           : left;
    padding-left    : 12px;
    padding-right   : 12px;
    padding-top     : 10px;
    padding-bottom  : 10px;
    font-size       : 1.2em;
}

ul.menu > li.active {
    color      : #7f5939;
    background : #e5cd7d;
}

ul.menu > li.inactive {
    color      : #7f5939;
}

ul.menu > li a {
    color           : #7f5939;
    text-decoration : none;
}

ul.menu > li a:hover {
    color           : #7f5939;
    text-decoration : underline;
}

.content {
    position     : relative;
    left         : 75px;
    padding-top  : 20px;
    width        : 500px;
}

.content h2 {
    font-size     : 16pt;
    line-height   : 1em;
    color         : #7f5939;
    padding       : 0px;
    margin-bottom : 10px;
    background    : #ffffff;
}

.content h3 {
    font-size     : 12pt;
    margin        : 0px;
    color         : #7f5939;
    line-height   : 1em;
}

.home_content {
    padding-left : 75px;
    padding-top  : 10px;
    font-size    : 1.2em;
    background   : -webkit-gradient(linear, 0% 0%, 0% 70%, from(#FFF5CD), to(#ffffff));
}

.home_content p {
    width : 500px;
}

pre {
    font-family : Monaco, Courier;
    font-size   : 9pt;
    padding     : 10px;
    border      : 1px dotted #aaaaaa;
    color       : #333333;
}

.home_footer {
    position       : relative;
    left           : 75px;
    color          : #aaaaaa;
    font-size      : 0.8em;
    width          : 500px;
    border-top     : 1px solid #aaaaaa;
    padding-bottom : 40px;
}

.footer {
    margin-top     : 20px;
    border-top     : 1px solid #aaaaaa;
    padding-left   : 75px;
    color          : #aaaaaa;
    font-size      : 0.8em;
    padding-bottom : 40px;
}

.clearfix {
    clear: both;
}