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     color           : #C22E24;
  73     text-decoration : none;
  74 }
  75
  76 .menu td a:hover {
  77     color           : #C22E24;
  78     text-decoration : underline;
  79 }
  80
  81 .content {
  82     padding-left : 75px;
  83     padding-top  : 20px;
  84     font-size    : 1.2em;
  85     background   : url('../images/gradient.gif') repeat-x;
  86 }
  87
  88 .content p {
  89     width : 550px;
  90 }
  91
  92 .content h3 {
  93     font-size     : 1.4em;
  94     margin        : 0px;
  95     color         : #C22E24;
  96     line-height   : 1em;
  97 }
  98
  99 #code_sample code {
 100     display     : block;
 101     white-space : pre;
 102     font-family : Monaco, Courier, monospace;
 103     font-size   : 9pt;
 104     padding     : 10px;
 105     border      : 1px dotted #aaaaaa;
 106     color       : #333333;
 107 }
 108
 109 ul.articles {
 110     list-style-type : none;
 111     padding-left    : 0px;
 112     width : 550px;
 113 }
 114
 115 ul.presentations {
 116     list-style-type : none;
 117     padding-left    : 0px;
 118     width : 550px;
 119 }
 120
 121 li.year {
 122     font-weight     : bold;
 123 }
 124
 125 li.year > ul {
 126     padding-top    : 10px;
 127     padding-bottom : 10px;
 128 }
 129
 130 li.article {
 131     list-style-type : circle;
 132     font-weight     : normal;
 133 }
 134
 135 li.article_set {
 136     font-weight     : bold;
 137 }
 138
 139 li.presentation {
 140     list-style-type : circle;
 141     font-weight     : normal;
 142 }
 143
 144 .footer {
 145     margin-top     : 30px;
 146     border-top     : 1px solid #aaaaaa;
 147     padding-left   : 75px;
 148     color          : #aaaaaa;
 149     font-size      : 0.9em;
 150     padding-bottom : 40px;
 151 }
 152
 153 .footer a {
 154     color          : #aaaaaa;
 155 }
 156
 157 .clearfix {
 158     clear: both;
 159 }
 160
 161