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: #b8be55;
  15     color: #eee;
  16     padding: 1em 0;
  17
  18 }
  19 #header a {
  20     text-decoration: none;
  21 }
  22 h1 {
  23     font-size: 2em;
  24     max-width: 20em;
  25     margin: auto;
  26     margin-top: 0;
  27     color: #eee;
  28 }
  29
  30 button {
  31     background: #999;
  32     color: white;
  33     font-size: 1em;
  34     padding: 1em;
  35     text-decoration:none;
  36     border: 1px solid #ddd;
  37     border-radius: 1em;
  38     width: 100%;
  39 }
  40 button:hover {
  41     background: #aaa;
  42 }
  43
  44 a.big-button, a.button {
  45     background: #999;
  46     color: white;
  47     text-decoration:none;
  48     border: 1px solid #ddd;
  49     border-radius: 1em;
  50     display: block;
  51     text-align: center;
  52     margin-top: 1em;
  53 }
  54
  55 a.button {
  56     padding: .3em;
  57 }
  58
  59 a.big-button {
  60     padding: 1em;
  61 }
  62
  63 a.big-button:hover, a.button:hover {
  64     background: #aaa;
  65 }
  66
  67 .question li {
  68     list-style: none;
  69     margin-bottom: 1em;
  70 }
  71
  72 .errorlist {
  73     font-weight: bold;
  74     color: red;
  75 }
  76
  77 #description {
  78     margin-top: 1em;
  79     font-size: .9em;
  80     color: #444;
  81     padding: 0 1em;
  82     border: 1px solid #ddd;
  83     border-radius: 1em;
  84 }
  85 footer {
  86     font-size: .67em;
  87     color: #aaa;
  88     padding: .5em;
  89     margin-top: 3em;
  90     border-top: 1px solid #eee;
  91 }
  92 footer a {
  93     color: #777;
  94     text-decoration: none;
  95 }
  96 footer p {
  97     margin-top: 0;
  98 }