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

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