okay, new approach based on feedback from the cabal

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

diff --git a/lib/Moose/Website/Resource/WebFiles/css/style.css b/lib/Moose/Website/Resource/WebFiles/css/style.css
index 0f5133e..8a09d4a 100644 (file)
--- a/lib/Moose/Website/Resource/WebFiles/css/style.css
+++ b/lib/Moose/Website/Resource/WebFiles/css/style.css
@@ -3,40 +3,42 @@ BODY {
     font-family : Ariel, Helvetica, sans-serif;
     font-size   : 10pt;
     margin      : 0px;
-    color       : #666666;
+    color       : #333333;
+    background  : #ffffff;
 }
 
-h1 {
-    font-family  : Arial Black;
-    font-size    : 48pt;
-    margin       : 0px;
-    line-height  : 0.7em;
-    background   : #336699;
-    color        : #ffffff;
-    padding-left : 70px;
-    padding-top  : 15px;
+a {
+    color : #666666;
 }
 
-h1.home {
-    font-size    : 72pt;
-    padding-top  : 70px;
+h1 {
+    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         : 110pt;
+    padding-top       : 80px;
+    padding-left      : 62px;
+    letter-spacing    : -15px;
+    background-repeat : no-repeat;
 }
 
 h2 {
     font-size      : 14pt;
     margin         : 0px;
     line-height    : 1em;
-    color          : #336699;
+    color          : #ffffff;
+    background     : #307AA7;
     padding-left   : 75px;
-    padding-top    : 25px;
-    padding-bottom : 20px;
-    background     : #ffffff;
-    font-style     : oblique;
+    padding-top    : 20px;
+    padding-bottom : 15px;
 }
 
 .nav {
-    border-bottom  : 1px solid #6699CC;
-    border-top     : 10px solid #6699CC;
+    border-bottom  : 1px dotted #C22E24;
+    border-top     : 10px solid #C22E24;
 }
 
 ul.menu {
@@ -55,63 +57,87 @@ ul.menu > li {
 }
 
 ul.menu > li.active {
-    color      : #003366;
-    background : #6699CC;
+    color      : #ffffff;
+    background : #C22E24;
 }
 
 ul.menu > li.inactive {
-    color           : #336699;
+    color      : #C22E24;
 }
 
 ul.menu > li a {
-    color           : #336699;
+    color           : #C22E24;
     text-decoration : none;
 }
 
 ul.menu > li a:hover {
-    color           : #003366;
+    color           : #C22E24;
     text-decoration : underline;
 }
 
 .content {
-    position     : relative;
-    left         : 75px;
+    padding-left : 75px;
     padding-top  : 20px;
-    width        : 500px;
+    padding-bottom : 20px;
+    font-size    : 1.2em;
+    background   : url('../images/gradient.gif') repeat-x;
 }
 
-.content h2 {
-    font-size     : 16pt;
-    line-height   : 1em;
-    color         : #336699;
-    padding       : 0px;
-    margin-bottom : 10px;
-    background    : #ffffff;
+.content p {
+    width : 550px;
 }
 
 .content h3 {
-    font-size     : 12pt;
+    font-size     : 1.4em;
     margin        : 0px;
-    color         : #336699;
+    color         : #C22E24;
     line-height   : 1em;
 }
 
-.home_content {
-    position     : relative;
-    left         : 75px;
-    padding-top  : 10px;
-    width        : 500px;
-    font-size    : 1.2em;
+pre {
+    font-family : Monaco, Courier;
+    font-size   : 9pt;
+    padding     : 10px;
+    border      : 1px dotted #aaaaaa;
+    color       : #333333;
+    width       : 550px;
 }
 
-.home_footer {
-    position       : relative;
-    left           : 75px;
-    color          : #aaaaaa;
-    font-size      : 0.8em;
-    width          : 500px;
-    border-top     : 1px solid #aaaaaa;
-    padding-bottom : 40px;
+ul {
+    width : 550px;
+}
+
+ul.articles {
+    list-style-type : none;
+    padding-left    : 0px;
+}
+
+ul.presentations {
+    list-style-type : none;
+    padding-left    : 0px;
+}
+
+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 {
@@ -119,10 +145,14 @@ ul.menu > li a:hover {
     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;
 }