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 }
  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 #code_sample code {
  99     display     : block;
 100     white-space : pre;
 101     font-family : Monaco, Courier, monospace;
 102     font-size   : 9pt;
 103     padding     : 10px;
 104     border      : 1px dotted #aaaaaa;
 105     color       : #333333;
 106 }
 107
 108 ul.articles {
 109     list-style-type : none;
 110     padding-left    : 0px;
 111     width : 550px;
 112 }
 113
 114 ul.presentations {
 115     list-style-type : none;
 116     padding-left    : 0px;
 117     width : 550px;
 118 }
 119
 120 li.year {
 121     font-weight     : bold;
 122 }
 123
 124 li.year > ul {
 125     padding-top    : 10px;
 126     padding-bottom : 10px;
 127 }
 128
 129 li.article {
 130     list-style-type : circle;
 131     font-weight     : normal;
 132 }
 133
 134 li.article_set {
 135     font-weight     : bold;
 136 }
 137
 138 li.presentation {
 139     list-style-type : circle;
 140     font-weight     : normal;
 141 }
 142
 143 .footer {
 144     margin-top     : 30px;
 145     border-top     : 1px solid #aaaaaa;
 146     padding-left   : 75px;
 147     color          : #aaaaaa;
 148     font-size      : 0.9em;
 149     padding-bottom : 40px;
 150 }
 151
 152 .footer a {
 153     color          : #aaaaaa;
 154 }
 155
 156 .clearfix {
 157     clear: both;
 158 }
 159
 160