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