html/css/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 @font-face {
  12         font-family: SourceSerifPro;
  13         src: url('https://static.siccegge.de/WOFF/OTF/SourceSerifPro-Regular.otf.woff');
  14 }
  15
  16 * {
  17         margin: 0;
  18         padding: 0;
  19         font-family: SourceSerifPro;
  20         line-height: 1.3;
  21 }
  22
  23 body {
  24         background-color: #B3E1FF;
  25 }
  26
  27 #frame {
  28         margin-left: auto;
  29         margin-right: auto;
  30         margin-top: 1em;
  31         margin-bottom: 1em;
  32         width: 90%;
  33         max-width: 60em;
  34         background-color: #fff;
  35         border: 2px solid #0011CA;
  36 }
  37
  38 #header {
  39         background-color: #A2A5CA;
  40         border-bottom: 2px solid #0011CA;
  41         color: #000;
  42 }
  43
  44 #header h1 {
  45         margin: 0;
  46         padding: 0;
  47         text-align: center;
  48 }
  49
  50 #nav {
  51         margin-left: -2px;
  52         background-color: #d0d2e4;
  53 }
  54
  55 #nav li {
  56         display: inline-block;
  57         border: 2px solid #0011CA;
  58         background-color: #A2A5CA;
  59         margin-right: 1.3em;
  60         margin-top: -2px;
  61 }
  62
  63 #nav a {
  64         display: inline-block;
  65         text-decoration: none;
  66         font-weight: bold;
  67         color: #000;
  68         padding: 2px;
  69 }
  70
  71 #nav a:hover {
  72         color: #fff;
  73         background-color: #0011CA;
  74 }
  75
  76 .document {
  77         margin: 3em 5em 2em;
  78 }
  79
  80 .document h1 {
  81         margin-top: 1em;
  82         margin-bottom: .5em;
  83 }
  84
  85 .document h2 , .document h3 {
  86         margin-top: .8em;
  87         margin-bottom: .3em;
  88 }
  89
  90 .document ul {
  91         margin-left: 2em;
  92 }
  93
  94 .document p {
  95         margin: .2em;
  96 }
  97
  98 .literal-block {
  99         font-family: SourceCodePro;
 100         background-color: #eee;
 101         display:inline-block;
 102         margin: .5em;
 103 }