static/css/screen.css

   1 html, body, div, span, applet, object, iframe,
   2 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
   3 a, abbr, acronym, address, big, cite, code,
   4 del, dfn, em, img, ins, kbd, q, s, samp,
   5 small, strike, strong, sub, sup, tt, var,
   6 b, u, i, center,
   7 dl, dt, dd, ol, ul, li,
   8 fieldset, form, label, legend,
   9 table, caption, tbody, tfoot, thead, tr, th, td,
  10 article, aside, canvas, details, embed,
  11 figure, figcaption, footer, header, hgroup,
  12 menu, nav, output, ruby, section, summary,
  13 time, mark, audio, video {
  14   margin: 0;
  15   padding: 0;
  16   border: 0;
  17   font-size: 100%;
  18   font: inherit;
  19   vertical-align: baseline; }
  20
  21 body {
  22   line-height: 1; }
  23
  24 ol, ul {
  25   list-style: none; }
  26
  27 table {
  28   border-collapse: collapse;
  29   border-spacing: 0; }
  30
  31 caption, th, td {
  32   text-align: left;
  33   font-weight: normal;
  34   vertical-align: middle; }
  35
  36 q, blockquote {
  37   quotes: none; }
  38   q:before, q:after, blockquote:before, blockquote:after {
  39     content: "";
  40     content: none; }
  41
  42 a img {
  43   border: none; }
  44
  45 article, aside, details, figcaption, figure,
  46 footer, header, hgroup, menu, nav, section {
  47   display: block; }
  48
  49 article, aside, details, figcaption, figure,
  50 footer, header, hgroup, menu, nav, section {
  51   display: block; }
  52
  53 blockquote, q {
  54   quotes: none; }
  55   blockquote:before, blockquote:after, q:before, q:after {
  56     content: "";
  57     content: none; }
  58
  59 /* Compass Vars */
  60 /* Custom Vars */
  61 /* custom mixins */
  62 body {
  63   font-size: 100%;
  64   line-height: 1.563em; }
  65
  66 html > body {
  67   font-size: 16px; }
  68
  69 body {
  70   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e0e5ef), color-stop(100%, #bec9de)) no-repeat fixed;
  71   background: -webkit-linear-gradient(top, #e0e5ef, #bec9de) no-repeat fixed;
  72   background: -moz-linear-gradient(top, #e0e5ef, #bec9de) no-repeat fixed;
  73   background: -o-linear-gradient(top, #e0e5ef, #bec9de) no-repeat fixed;
  74   background: linear-gradient(top, #e0e5ef, #bec9de) no-repeat fixed;
  75   color: #333333;
  76   text-shadow: 0 1px 0 #FFF;
  77   font-family: Helvetica, Arial, serif; }
  78
  79 a {
  80   color: black;
  81   text-decoration: none;
  82   background: #aebbd5;
  83   padding: 3px;
  84   -moz-border-radius: 3px;
  85   -webkit-border-radius: 3px;
  86   -o-border-radius: 3px;
  87   -ms-border-radius: 3px;
  88   -khtml-border-radius: 3px;
  89   border-radius: 3px; }
  90   a:hover {
  91     background: #95a1bb;
  92     text-shadow: 0 1px 0 rgba(255, 255, 255, 0.65); }
  93
  94 #container {
  95   width: 750px;
  96   margin: 20px auto;
  97   background: transparent;
  98   color: #333333; }
  99
 100 #nameplate {
 101   font-size: 2.5em;
 102   line-height: 1.25em;
 103   border-bottom: 5px solid #333333;
 104   -moz-box-shadow: 0 1px 0 white;
 105   -webkit-box-shadow: 0 1px 0 white;
 106   -o-box-shadow: 0 1px 0 white;
 107   box-shadow: 0 1px 0 white;
 108   margin-bottom: 15px; }
 109
 110 #content p, #content ul, #content ol, #content header {
 111   margin-bottom: 1.563em; }
 112 #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
 113   font-weight: bold;
 114   margin-bottom: 0.781em; }
 115
 116 .three-up {
 117   background: #333333;
 118   margin: 25px -10px;
 119   padding: 10px;
 120   -moz-border-radius: 5px;
 121   -webkit-border-radius: 5px;
 122   -o-border-radius: 5px;
 123   -ms-border-radius: 5px;
 124   -khtml-border-radius: 5px;
 125   border-radius: 5px;
 126   -moz-box-shadow: 0 1px 0 0 white, 0 2px 4px rgba(0, 0, 0, 0.35) inset;
 127   -webkit-box-shadow: 0 1px 0 0 white, 0 2px 4px rgba(0, 0, 0, 0.35) inset;
 128   -o-box-shadow: 0 1px 0 0 white, 0 2px 4px rgba(0, 0, 0, 0.35) inset;
 129   box-shadow: 0 1px 0 0 white, 0 2px 4px rgba(0, 0, 0, 0.35) inset;
 130   overflow: hidden;
 131   *zoom: 1; }
 132   .three-up figure {
 133     border: 1px solid #4d4d4d;
 134     float: left;
 135     width: 241.333px;
 136     margin-right: 10px;
 137     overflow: hidden;
 138     position: relative;
 139     -moz-transition-property: width;
 140     -webkit-transition-property: width;
 141     -o-transition-property: width;
 142     transition-property: width;
 143     -moz-transition-duration: 0.25s;
 144     -webkit-transition-duration: 0.25s;
 145     -o-transition-duration: 0.25s;
 146     transition-duration: 0.25s;
 147     -moz-transition-timing-function: linear;
 148     -webkit-transition-timing-function: linear;
 149     -o-transition-timing-function: linear;
 150     transition-timing-function: linear; }
 151     .three-up figure.shrunk {
 152       width: 62px; }
 153     .three-up figure.expanded {
 154       width: 600px; }
 155     .three-up figure:last-child {
 156       margin-right: 0;
 157       float: right;
 158       /* keeps the right margin from wiggling */ }
 159     .three-up figure img {
 160       display: block; }
 161   .three-up figcaption {
 162     position: absolute;
 163     bottom: 0;
 164     left: 0;
 165     right: 0;
 166     background: rgba(0, 0, 0, 0.75);
 167     text-shadow: 1px 1px 0 #000;
 168     padding: 0 5px;
 169     color: #FFF;
 170     width: 600px;
 171     font-size: 0.813em;
 172     line-height: 1.923em; }
 173
 174 #contribList {
 175   background: #333333;
 176   margin: 25px -10px;
 177   padding: 20px 10px;
 178   -moz-border-radius: 5px;
 179   -webkit-border-radius: 5px;
 180   -o-border-radius: 5px;
 181   -ms-border-radius: 5px;
 182   -khtml-border-radius: 5px;
 183   border-radius: 5px;
 184   -moz-box-shadow: 0 1px 0 0 white, 0 2px 4px rgba(0, 0, 0, 0.35) inset;
 185   -webkit-box-shadow: 0 1px 0 0 white, 0 2px 4px rgba(0, 0, 0, 0.35) inset;
 186   -o-box-shadow: 0 1px 0 0 white, 0 2px 4px rgba(0, 0, 0, 0.35) inset;
 187   box-shadow: 0 1px 0 0 white, 0 2px 4px rgba(0, 0, 0, 0.35) inset;
 188   overflow: hidden;
 189   *zoom: 1;
 190   text-shadow: none;
 191   color: white;
 192   -webkit-font-smoothing: antialiased; }
 193   #contribList li {
 194     width: 355px;
 195     float: left;
 196     padding: 0 10px;
 197     margin-bottom: 1.563em; }
 198   #contribList .name, #contribList .description, #contribList .status {
 199     display: block; }
 200   #contribList .name {
 201     font-weight: bold; }
 202   #contribList .description {
 203     color: #999999; }
 204   #contribList .status {
 205     font-style: italic;
 206     font-size: 0.813em;
 207     line-height: 1.923em; }