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