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 #description {
  35     margin-bottom: 30px;
  36 }
  37
  38 form {
  39     float: left;
  40 }
  41
  42 textarea {
  43     width: 300px;
  44     height: 200px;
  45     margin-bottom: 30px;
  46     color: grey;
  47     font-style: italic;
  48 }
  49
  50 #results {
  51     float: left;
  52     margin: 0px 0px 0px 20px;
  53 }
  54
  55 #results li {
  56     font-weight: bold;
  57 }
  58
  59 #results li :not(child) {
  60     font-weight: normal;
  61 }
  62
  63 #fail {
  64     color: red;
  65 }
  66
  67 #clear {
  68     clear: both;
  69 }
  70
  71 #footer {
  72     width: 100%;
  73 }