apps/quiz/static/css/style.css

   1 html, body {
   2     margin: 0;
   3     padding: 0;
   4 }
   5 body {
   6     font-family: arial, verdana, sans-serif;
   7 }
   8 #body {
   9     max-width: 40em;
  10     margin: auto;
  11 }
  12
  13 #header {
  14     background: #222;
  15     color: #eee;
  16     padding: 1em 0;
  17
  18 }
  19 h1 {
  20     font-size: 2em;
  21     max-width: 20em;
  22     margin: auto;
  23     margin-top: 0;
  24     color: #eee;
  25 }
  26
  27 button {
  28     background: #999;
  29     color: white;
  30     padding: 1em;
  31     text-decoration:none;
  32     border: 1px solid #ddd;
  33     border-radius: 1em;
  34     width: 100%;
  35 }
  36 button:hover {
  37     background: #aaa;
  38 }
  39
  40 a.big-button {
  41     background: #999;
  42     color: white;
  43     padding: 1em;
  44     text-decoration:none;
  45     border: 1px solid #ddd;
  46     border-radius: 1em;
  47     display: block;
  48     text-align: center;
  49     margin-top: 1em;
  50 }
  51
  52 a.big-button:hover {
  53     background: #aaa;
  54 }
  55
  56 .question li {
  57     list-style: none;
  58     margin-bottom: 1em;
  59 }
  60
  61 .errorlist {
  62     font-weight: bold;
  63     color: red;
  64 }
  65
  66 #description {
  67     margin-top: 1em;
  68     font-size: .9em;
  69     color: #444;
  70     padding: 0 1em;
  71     border: 1px solid #ddd;
  72     border-radius: 1em;
  73 }