projects.mako.cc - selectricity/blob - public/stylesheets/front.css

   1 @charset "UTF-8";
   2 /* CSS Document */
   3
   4 /****************************************************************
   5    Selectricity || selectricity.org
   6    Design by Courtland Allen
   7 *****************************************************************/
   8
   9 html, body, div, span, applet, object, iframe,
  10 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  11 a, abbr, acronym, address, big, cite, code,
  12 del, dfn, em, font, img, ins, kbd, q, s, samp,
  13 small, strike, strong, sub, sup, tt, var,
  14 dl, dt, dd,
  15 fieldset, form, label, legend,
  16 table, caption, tbody, tfoot, thead, tr, th, td {
  17         margin: 0;
  18         padding: 0;
  19         border: 0;
  20         font-size: 100%;
  21         font-family: inherit;
  22         vertical-align: baseline;
  23 }
  24
  25 body {
  26         line-height: 1;
  27     color: black;
  28         background: #ffffff url(/images/bg_index.png) repeat-x top center;
  29 }
  30
  31 a {
  32     color: #dc0d13
  33 }
  34
  35 #body {
  36         font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  37         color: white;
  38         font-size: 12px;
  39         text-align: left;
  40         line-height: 1.5em;
  41 }
  42
  43 #body a {
  44         text-decoration: underline;
  45         color: white;
  46         display: inline;
  47         opacity: 0.8;
  48 }
  49
  50 #body a:hover {
  51         opacity: .5;
  52 }
  53
  54 /* Header */
  55 #header h1 {
  56         background: url(/images/title_front.png) center top no-repeat;
  57         overflow: hidden;
  58         padding-top: 189px;
  59         height: 0px;
  60         margin-top: 10px;
  61 }
  62
  63
  64 /* Body */
  65
  66 #body {
  67         margin-top: 9px;
  68         height: 609px;
  69 }
  70
  71 h2 {
  72     margin-top: 0.3em;
  73         font-size: 24px;
  74 }
  75
  76 h3 {
  77     margin-top: 1em;
  78         font-size: 16px;
  79 }
  80
  81 .main-section {
  82         float: left;
  83         padding-left: 120px;
  84         padding-right: 15px;
  85 }
  86
  87 .main-section p {
  88         font-size: 12px;
  89         overflow: hidden;
  90         line-height: 2em;
  91     margin-bottom: 1em;
  92 }
  93
  94 #voters {
  95         padding-top: 50px;
  96         height: 559px;
  97         width: 185px;
  98         background: url(/images/bg_voters.png) top left no-repeat;
  99 }
 100
 101 #voters-content {
 102         height: 516px;
 103 }
 104
 105 #control-room {
 106         padding-top: 139px;
 107         height: 470px;
 108         width: 185px;
 109         background: url(/images/bg_controlroom.png) top left no-repeat;
 110 }
 111
 112 #control-room-content {
 113         height: 428px;
 114 }
 115
 116 #quickvotes {
 117         padding-top: 80px;
 118         height: 529px;
 119         width: 185px;
 120         background: url(/images/bg_quickvotes.png) top left no-repeat;
 121 }
 122
 123 #quickvotes-content {
 124         height: 486px;
 125 }
 126