style.css

   1 @font-face {
   2     font-family: 'InconsolataMedium';
   3     src: url('/fonts/inconsolata-webfont.eot');
   4     src: url('/fonts/inconsolata-webfont.eot?#iefix') format('embedded-opentype'),
   5          url('/fonts/inconsolata-webfont.woff') format('woff'),
   6          url('/fonts/inconsolata-webfont.ttf') format('truetype'),
   7          url('/fonts/inconsolata-webfont.svg#InconsolataMedium') format('svg');
   8     font-weight: normal;
   9     font-style: normal;
  10 }
  11
  12 @font-face {
  13     font-family: 'MuseoSlab500';
  14     src: url('/fonts/museo_slab_500-webfont.eot');
  15     src: url('/fonts/museo_slab_500-webfont.eot?#iefix') format('embedded-opentype'),
  16          url('/fonts/museo_slab_500-webfont.woff') format('woff'),
  17          url('/fonts/museo_slab_500-webfont.ttf') format('truetype'),
  18          url('/fonts/museo_slab_500-webfont.svg#MuseoSlab500') format('svg');
  19     font-weight: normal;
  20     font-style: normal;
  21 }
  22
  23 body {
  24     background-image: url('/images/gray_jean.png');
  25     font-family: 'InconsolataMedium';
  26     margin: 20px 20px 30px 20px;
  27 }
  28
  29 #container {
  30     margin: auto;
  31     width: 960px;
  32 }
  33
  34 form {
  35     float: left;
  36 }
  37
  38 textarea {
  39     width: 300px;
  40     height: 200px;
  41     margin-bottom: 30px;
  42     color: grey;
  43     font-style: italic;
  44 }
  45
  46 #results {
  47     float: left;
  48     margin: 0px 0px 0px 20px;
  49 }
  50
  51 #results li {
  52     font-weight: bold;
  53 }
  54
  55 #results li :not(child) {
  56     font-weight: normal;
  57 }
  58
  59 #fail {
  60     color: red;
  61 }
  62
  63 #clear {
  64     clear: both;
  65 }
  66
  67 #footer {
  68     width: 100%;
  69 }