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     font-size: 1em;
  31     padding: 1em;
  32     text-decoration:none;
  33     border: 1px solid #ddd;
  34     border-radius: 1em;
  35     width: 100%;
  36 }
  37 button:hover {
  38     background: #aaa;
  39 }
  40
  41 a.big-button, a.button {
  42     background: #999;
  43     color: white;
  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.button {
  53     padding: .3em;
  54 }
  55
  56 a.big-button {
  57     padding: 1em;
  58 }
  59
  60 a.big-button:hover, a.button:hover {
  61     background: #aaa;
  62 }
  63
  64 .question li {
  65     list-style: none;
  66     margin-bottom: 1em;
  67 }
  68
  69 .errorlist {
  70     font-weight: bold;
  71     color: red;
  72 }
  73
  74 #description {
  75     margin-top: 1em;
  76     font-size: .9em;
  77     color: #444;
  78     padding: 0 1em;
  79     border: 1px solid #ddd;
  80     border-radius: 1em;
  81 }