encoding explicit
[gitmo/moose-website.git] / lib / Moose / Website / Resource / WebFiles / css / style.css
index b9d9d17..eb7d47d 100644 (file)
@@ -1,64 +1,54 @@
+@charset "UTF-8";
 
 BODY {
     font-family : Ariel, Helvetica, sans-serif;
     font-size   : 10pt;
     margin      : 0px;
-    color       : #666666;
+    color       : #333333;
+    background  : #ffffff;
 }
 
 a {
-    color : #333333;
+    color : #666666;
 }
 
 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;
+    font-family       : Arial Black;
+    margin            : 0px;
+    line-height       : 0.8em;
+    color             : #ffffff;
+    text-shadow       : -3px 0 4px #333333;
+    border-bottom     : 1px solid #333333;
+    font-size         : 100pt;
+    padding-top       : 32px;
+    padding-left      : 70px;
+    letter-spacing    : -13px;
+    background-repeat : no-repeat;
 }
 
 h2 {
     font-size      : 14pt;
     margin         : 0px;
     line-height    : 1em;
-    color          : #7f5939;
-    background     : #e5cd7d;
-    padding-left   : 75px;
+    color          : #ffffff;
+    background     : #307AA7;
+    padding-left   : 78px;
     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;
+    border-bottom  : 1px dotted #C22E24;
+    border-top     : 10px solid #C22E24;
 }
 
-ul.menu {
-    padding-left : 70px;
+.menu {
+    position     : relative;
+    left         : 70px;
     margin-top   : 0px;
 }
 
-ul.menu > li {
+.menu td {
     list-style-type : none;
     float           : left;
     padding-left    : 12px;
@@ -68,59 +58,43 @@ ul.menu > li {
     font-size       : 1.2em;
 }
 
-ul.menu > li.active {
-    color      : #7f5939;
-    background : #e5cd7d;
+.menu td.active {
+    color      : #ffffff;
+    background : #C22E24;
 }
 
-ul.menu > li.inactive {
-    color      : #7f5939;
+.menu td.inactive {
+    color      : #C22E24;
 }
 
-ul.menu > li a {
-    color           : #7f5939;
+.menu td a {
+    color           : #C22E24;
     text-decoration : none;
 }
 
-ul.menu > li a:hover {
-    color           : #7f5939;
+.menu td a:hover {
+    color           : #C22E24;
     text-decoration : underline;
 }
 
 .content {
-    position     : relative;
-    left         : 75px;
+    padding-left : 75px;
     padding-top  : 20px;
-    width        : 500px;
+    font-size    : 1.2em;
+    background   : url('../images/gradient.gif') repeat-x;
 }
 
-.content h2 {
-    font-size     : 16pt;
-    line-height   : 1em;
-    color         : #7f5939;
-    padding       : 0px;
-    margin-bottom : 10px;
-    background    : #ffffff;
+.content p {
+    width : 550px;
 }
 
 .content h3 {
-    font-size     : 12pt;
+    font-size     : 1.4em;
     margin        : 0px;
-    color         : #7f5939;
+    color         : #C22E24;
     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;
@@ -129,25 +103,54 @@ pre {
     color       : #333333;
 }
 
-.home_footer {
-    position       : relative;
-    left           : 75px;
-    color          : #aaaaaa;
-    font-size      : 0.8em;
-    width          : 500px;
-    border-top     : 1px solid #aaaaaa;
-    padding-bottom : 40px;
+ul.articles {
+    list-style-type : none;
+    padding-left    : 0px;
+    width : 550px;
+}
+
+ul.presentations {
+    list-style-type : none;
+    padding-left    : 0px;
+    width : 550px;
+}
+
+li.year {
+    font-weight     : bold;
+}
+
+li.year > ul {
+    padding-top    : 10px;
+    padding-bottom : 10px;
+}
+
+li.article {
+    list-style-type : circle;
+    font-weight     : normal;
+}
+
+li.article_set {
+    font-weight     : bold;
+}
+
+li.presentation {
+    list-style-type : circle;
+    font-weight     : normal;
 }
 
 .footer {
-    margin-top     : 20px;
+    margin-top     : 30px;
     border-top     : 1px solid #aaaaaa;
     padding-left   : 75px;
     color          : #aaaaaa;
-    font-size      : 0.8em;
+    font-size      : 0.9em;
     padding-bottom : 40px;
 }
 
+.footer a {
+    color          : #aaaaaa;
+}
+
 .clearfix {
     clear: both;
 }