html/main.css

   1 @font-face {
   2     font-family: SourceCodePro;
   3     src: url('https://static.siccegge.de/WOFF/OTF/SourceCodePro-Regular.otf.woff');
   4 }
   5
   6 @font-face {
   7     font-family: SourceSansPro;
   8     src: url('https://static.siccegge.de/WOFF/OTF/SourceSansPro-Regular.otf.woff');
   9 }
  10
  11 * {
  12     margin: 0;
  13     padding: 0;
  14     font-family: SourceSansPro
  15 }
  16
  17 body {
  18     background-color: #B3E1FF;
  19 }
  20
  21 #frame {
  22     margin-left: auto;
  23     margin-right: auto;
  24     margin-top: 1em;
  25     width: 90%;
  26     max-width: 80em;
  27     background-color: #fff;
  28     border: 2px solid #0011CA;
  29 }
  30
  31 #header {
  32     background-color: #A2A5CA;
  33     border-bottom: 2px solid #0011CA;
  34     color: #000;
  35 }
  36
  37 #header h1 {
  38     margin: 0;
  39     padding: 0;
  40     text-align: center;
  41 }
  42
  43 #nav li {
  44     display: inline-block;
  45     border: 2px solid #0011CA;
  46     background-color: #A2A5CA;
  47     margin-left: 0.5em;
  48     margin-top: -2px;
  49 }
  50
  51 #nav a {
  52     display: inline-block;
  53     text-decoration: none;
  54     font-weight: bold;
  55     color: #000;
  56     padding: 2px;
  57 }
  58
  59 #nav a:hover {
  60     color: #fff;
  61     background-color: #0011CA;
  62 }
  63
  64 .document {
  65     margin:1em;
  66 }