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 /* tables still need 'cellspacing="0"' in the markup */
  32 table {
  33         border-collapse: separate;
  34 }
  35
  36 caption, th, td {
  37         text-align: left;
  38         font-weight: normal;
  39 }
  40
  41 #page-wrapper {
  42         width: 960px;
  43         margin: 0 auto 0 auto;
  44         text-align: center;
  45 }
  46
  47
  48 /* Header */
  49 #header h1 {
  50         background: url(/images/title.png) center top no-repeat;
  51         overflow: hidden;
  52         padding-top: 189px;
  53         height: 0px;
  54         margin-top: 10px;
  55 }
  56
  57
  58 /* Body */
  59
  60 #body {
  61         margin-top: 9px;
  62         height: 609px;
  63 }
  64
  65 h2 {
  66     margin-top: 0.3em;
  67         font-size: 24px;
  68 }
  69
  70 h3 {
  71     margin-top: 1em;
  72         font-size: 16px;
  73 }
  74
  75 .main-section {
  76         float: left;
  77         padding-left: 120px;
  78         padding-right: 15px;
  79 }
  80
  81 .main-section p {
  82         font-size: 12px;
  83         overflow: hidden;
  84         line-height: 2em;
  85     margin-bottom: 1em;
  86 }
  87
  88 #voters {
  89         padding-top: 50px;
  90         height: 559px;
  91         width: 185px;
  92         background: url(/images/bg_voters.png) top left no-repeat;
  93 }
  94
  95 #voters-content {
  96         height: 516px;
  97 }
  98
  99 #control-room {
 100         padding-top: 139px;
 101         height: 470px;
 102         width: 185px;
 103         background: url(/images/bg_controlroom.png) top left no-repeat;
 104
 105 }
 106
 107 #control-room-content {
 108         height: 428px;
 109 }
 110
 111 #quickvotes {
 112         padding-top: 80px;
 113         height: 529px;
 114         width: 185px;
 115         background: url(/images/bg_quickvotes.png) top left no-repeat;
 116 }
 117
 118 #quickvotes-content {
 119         height: 486px;
 120 }
 121