projects.mako.cc - selectricity-live/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: "Trebuchet MS", Verdana, Arial, sans-serif;
  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, 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         margin-left: 231px;
  62 }
  63
  64 #top-bar {
  65
  66         position: relative;
  67         float: right;
  68         width: 231px;
  69         text-align: center;
  70 }
  71
  72 #top-bar a {
  73         color: black;
  74         font-size: 11px;
  75         text-decoration: none;
  76 }
  77
  78
  79 /* Body */
  80
  81 #body {
  82         margin-top: 9px;
  83         height: 609px;
  84 }
  85
  86 h2 {
  87     margin-top: 0.3em;
  88         font-size: 24px;
  89 }
  90
  91 h3 {
  92     margin-top: 1em;
  93         font-size: 16px;
  94 }
  95
  96 .main-section {
  97         float: left;
  98         padding-left: 115px;
  99         padding-right: 0px;
 100 }
 101
 102 .main-section p {
 103         font-size: 12px;
 104         overflow: hidden;
 105         line-height: 2em;
 106     margin-bottom: 1em;
 107 }
 108
 109
 110 #voters {
 111         padding-top: 50px;
 112         height: 559px;
 113         width: 185px;
 114         background: url(/images/bg_voters.png) top left no-repeat;
 115 }
 116
 117 #voters-content {
 118         height: 516px;
 119 }
 120
 121 #control-room {
 122         padding-top: 139px;
 123         height: 470px;
 124         width: 185px;
 125         background: url(/images/bg_controlroom.png) top left no-repeat;
 126 }
 127
 128 #control-room-content {
 129         height: 428px;
 130 }
 131
 132 #quickvotes {
 133         padding-top: 80px;
 134         height: 529px;
 135         width: 185px;
 136         background: url(/images/bg_quickvotes.png) top left no-repeat;
 137 }
 138
 139 #quickvotes-content {
 140         height: 486px;
 141 }
 142