projects.mako.cc - selectricity-live/blob - public/stylesheets/common.css

   1 @charset "UTF-8";
   2 /* CSS Document */
   3
   4 /****************************************************************
   5    Selectricity || selectricity.org
   6    Design by Courtland Allen
   7
   8    "Reset Reloaded"
   9    Thanks to Eric Meyer
  10    http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
  11 *****************************************************************/
  12
  13 /* common css files */
  14
  15 html, body, div, span, applet, object, iframe,
  16 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  17 a, abbr, acronym, address, big, cite, code,
  18 del, dfn, em, font, img, ins, kbd, q, s, samp,
  19 small, strike, strong, sub, sup, tt, var,
  20 dl, dt, dd,
  21 fieldset, form, label, legend,
  22 table, caption, tbody, tfoot, thead, tr, th, td {
  23         margin: 0;
  24         padding: 0;
  25         border: 0;
  26         font-size: 100%;
  27         font-family: inherit;
  28         vertical-align: baseline;
  29 }
  30
  31 /* tables still need 'cellspacing="0"' in the markup */
  32 table {
  33         border-collapse: separate;
  34         border-spacing: 0;
  35 }
  36
  37 caption, th, td {
  38         text-align: left;
  39         font-weight: normal;
  40 }
  41
  42 blockquote:before, blockquote:after,
  43 q:before, q:after {
  44         content: "";
  45 }
  46
  47 blockquote, q {
  48         quotes: "" "";
  49 }
  50
  51 strong, h2, h3 {
  52     font-weight: bold;
  53 }
  54
  55 h2, h3 {
  56         text-transform: uppercase;
  57     margin-bottom: 0.5em !important;
  58 }
  59
  60 #page-wrapper {
  61         width: 960px;
  62         margin: 0 auto 0 auto;
  63 }
  64
  65 .clear-div {
  66         clear: both;
  67 }
  68
  69
  70 /* footer */
  71
  72 #footer {
  73         font-size: 11px;
  74         font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
  75         margin-top: 40px;
  76         text-align: center;
  77 }
  78
  79 #footer a {
  80         text-decoration: none;
  81 }
  82
  83 #footer a:hover {
  84         text-decoration: underline;
  85 }
  86
  87 /* flash notices */
  88
  89 #notice {
  90     background: #FFFBB3;
  91     border: 1px black solid;
  92         text-align: center;
  93         font-weight: bold;
  94         padding: 5px 5px 5px 15px;
  95     width: 250px;
  96 }
  97
  98 #notice {
  99     background: #FFFBB3;
 100     border: 1px black solid;
 101         text-align: center;
 102         font-weight: bold;
 103         padding: 5px 5px 5px 15px;
 104     width: 250px;
 105 }