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.7em;
  18     background   : #336699;
  19     color        : #ffffff;
  20     padding-left : 70px;
  21     padding-top  : 15px;
  22 }
  23
  24 h1.home {
  25     font-size    : 72pt;
  26     padding-top  : 70px;
  27 }
  28
  29 h2 {
  30     font-size      : 14pt;
  31     margin         : 0px;
  32     line-height    : 1em;
  33     color          : #336699;
  34     padding-left   : 75px;
  35     padding-top    : 25px;
  36     padding-bottom : 20px;
  37     background     : #ffffff;
  38     font-style     : oblique;
  39 }
  40
  41 .nav {
  42     border-bottom  : 1px solid #6699CC;
  43     border-top     : 10px solid #6699CC;
  44 }
  45
  46 ul.menu {
  47     padding-left : 70px;
  48     margin-top   : 0px;
  49 }
  50
  51 ul.menu > li {
  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 ul.menu > li.active {
  62     color      : #003366;
  63     background : #6699CC;
  64 }
  65
  66 ul.menu > li.inactive {
  67     color           : #336699;
  68 }
  69
  70 ul.menu > li a {
  71     color           : #336699;
  72     text-decoration : none;
  73 }
  74
  75 ul.menu > li a:hover {
  76     color           : #003366;
  77     text-decoration : underline;
  78 }
  79
  80 .content {
  81     position     : relative;
  82     left         : 75px;
  83     padding-top  : 20px;
  84     width        : 500px;
  85 }
  86
  87 .content h2 {
  88     font-size     : 16pt;
  89     line-height   : 1em;
  90     color         : #336699;
  91     padding       : 0px;
  92     margin-bottom : 10px;
  93     background    : #ffffff;
  94 }
  95
  96 .content h3 {
  97     font-size     : 12pt;
  98     margin        : 0px;
  99     color         : #336699;
 100     line-height   : 1em;
 101 }
 102
 103 .home_content {
 104     position     : relative;
 105     left         : 75px;
 106     padding-top  : 10px;
 107     width        : 500px;
 108     font-size    : 1.2em;
 109 }
 110
 111 pre {
 112     font-family : Monaco, Courier;
 113     font-size   : 9pt;
 114     padding     : 10px;
 115     border      : 1px dotted #aaaaaa;
 116     color       : #333333;
 117 }
 118
 119 .home_footer {
 120     position       : relative;
 121     left           : 75px;
 122     color          : #aaaaaa;
 123     font-size      : 0.8em;
 124     width          : 500px;
 125     border-top     : 1px solid #aaaaaa;
 126     padding-bottom : 40px;
 127 }
 128
 129 .footer {
 130     margin-top     : 20px;
 131     border-top     : 1px solid #aaaaaa;
 132     padding-left   : 75px;
 133     color          : #aaaaaa;
 134     font-size      : 0.8em;
 135     padding-bottom : 40px;
 136 }
 137
 138 .clearfix {
 139     clear: both;
 140 }
 141
 142