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

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