lib/Moose/Website/Resource/WebFiles/css/style.css

   1
   2 BODY {
   3     font-family : Ariel, Helvetica, sans-serif;
   4     font-size   : 10pt;
   5     margin      : 0px;
   6     color       : #333333;
   7     background  : #ffffff;
   8 }
   9
  10 a {
  11     color : #666666;
  12 }
  13
  14 h1 {
  15     font-family    : Arial Black;
  16     font-size      : 54pt;
  17     margin         : 0px;
  18     line-height    : 0.8em;
  19     color          : #ffffff;
  20     padding-left   : 70px;
  21     padding-top    : 15px;
  22     letter-spacing : -7px;
  23     text-shadow    : -3px 0 4px #333333;
  24     background     : url('../images/header_bg.jpg') no-repeat;
  25     border-bottom  : 1px solid #333333;
  26 }
  27
  28 h1.home {
  29     font-size      : 110pt;
  30     padding-top    : 80px;
  31     padding-left   : 62px;
  32     letter-spacing : -15px;
  33     background     : #ffffff;
  34     background     : url('../images/header_home_bg.jpg') no-repeat;
  35 }
  36
  37 h2 {
  38     font-size      : 14pt;
  39     margin         : 0px;
  40     line-height    : 1em;
  41     color          : #ffffff;
  42     background     : #307AA7;
  43     padding-left   : 75px;
  44     padding-top    : 20px;
  45     padding-bottom : 15px;
  46 }
  47
  48 .home_nav {
  49     border-bottom  : 1px dotted #C22E24;
  50     border-top     : 10px solid #C22E24;
  51 }
  52
  53 .nav {
  54     border-bottom  : 1px dotted #C22E24;
  55     border-top     : 10px solid #C22E24;
  56     background     : #F2E6AA;
  57 }
  58
  59 ul.menu {
  60     padding-left : 70px;
  61     margin-top   : 0px;
  62 }
  63
  64 ul.menu > li {
  65     list-style-type : none;
  66     float           : left;
  67     padding-left    : 12px;
  68     padding-right   : 12px;
  69     padding-top     : 10px;
  70     padding-bottom  : 10px;
  71     font-size       : 1.2em;
  72 }
  73
  74 ul.menu > li.active {
  75     color      : #ffffff;
  76     background : #C22E24;
  77 }
  78
  79 ul.menu > li.inactive {
  80     color      : #C22E24;
  81 }
  82
  83 ul.menu > li a {
  84     color           : #C22E24;
  85     text-decoration : none;
  86 }
  87
  88 ul.menu > li a:hover {
  89     color           : #C22E24;
  90     text-decoration : underline;
  91 }
  92
  93 .content {
  94     position     : relative;
  95     left         : 75px;
  96     padding-top  : 20px;
  97     width        : 500px;
  98 }
  99
 100 .content h2 {
 101     font-size     : 16pt;
 102     line-height   : 1em;
 103     color         : #C22E24;
 104     padding       : 0px;
 105     margin-bottom : 10px;
 106     background    : #ffffff;
 107 }
 108
 109 .content h3 {
 110     font-size     : 12pt;
 111     margin        : 0px;
 112     color         : #C22E24;
 113     line-height   : 1em;
 114 }
 115
 116 .home_content {
 117     padding-left : 75px;
 118     padding-top  : 10px;
 119     font-size    : 1.2em;
 120     background   : url('../images/bg.gif') repeat-x;
 121 }
 122
 123 .home_content p {
 124     width : 500px;
 125 }
 126
 127 pre {
 128     font-family : Monaco, Courier;
 129     font-size   : 9pt;
 130     padding     : 10px;
 131     border      : 1px dotted #aaaaaa;
 132     color       : #333333;
 133 }
 134
 135 ul.articles {
 136     list-style-type : none;
 137     padding-left    : 0px;
 138 }
 139
 140 ul.presentations {
 141     list-style-type : none;
 142     padding-left    : 0px;
 143 }
 144
 145 li.year {
 146     font-size       : 14pt;
 147     font-weight     : bold;
 148 }
 149
 150 li.year > ul {
 151     padding-top    : 10px;
 152     padding-bottom : 10px;
 153 }
 154
 155 li.article {
 156     list-style-type : circle;
 157     font-size       : 10pt;
 158     font-weight     : normal;
 159 }
 160
 161 li.article_set {
 162     font-size       : 10pt;
 163     font-weight     : bold;
 164 }
 165
 166 li.presentation {
 167     list-style-type : circle;
 168     font-size       : 10pt;
 169     font-weight     : normal;
 170 }
 171
 172
 173 .home_footer {
 174     position       : relative;
 175     left           : 75px;
 176     color          : #aaaaaa;
 177     font-size      : 0.8em;
 178     width          : 500px;
 179     border-top     : 1px solid #aaaaaa;
 180     padding-bottom : 40px;
 181 }
 182
 183 .footer {
 184     margin-top     : 20px;
 185     border-top     : 1px solid #aaaaaa;
 186     padding-left   : 75px;
 187     color          : #aaaaaa;
 188     font-size      : 0.8em;
 189     padding-bottom : 40px;
 190 }
 191
 192 .clearfix {
 193     clear: both;
 194 }
 195
 196