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         text-rendering: optimizeLegibility;
  21         font-variant-ligatures: common-ligatures;
  22         font-kerning: normal;
  23         line-height: 1.3;
  24 }
  25
  26 body {
  27         background-color: #B3E1FF;
  28 }
  29
  30 #frame {
  31         margin-left: auto;
  32         margin-right: auto;
  33         margin-top: 1em;
  34         margin-bottom: 1em;
  35         width: 90%;
  36         max-width: 60em;
  37         background-color: #fff;
  38         border: 2px solid #0011CA;
  39 }
  40
  41 @media (max-width: 45em) {
  42     #frame {
  43         border: none;
  44         width: 100%;
  45         margin: 0px;
  46     }
  47
  48         body {
  49                 background-color: #fff;
  50         }
  51 }
  52
  53 #header {
  54         background-color: #A2A5CA;
  55         border-bottom: 2px solid #0011CA;
  56         color: #000;
  57 }
  58
  59 #header h1 {
  60         margin: 0;
  61         padding: 0;
  62         text-align: center;
  63 }
  64
  65 #nav {
  66         margin-left: -2px;
  67         background-color: #d0d2e4;
  68 }
  69
  70 #nav li {
  71         display: inline-block;
  72         border: 2px solid #0011CA;
  73         background-color: #A2A5CA;
  74         margin-right: 1.3em;
  75         margin-top: -2px;
  76 }
  77
  78 #nav a {
  79         display: inline-block;
  80         text-decoration: none;
  81         font-weight: bold;
  82         color: #000;
  83         padding: 2px;
  84 }
  85
  86 #nav a:hover {
  87         color: #fff;
  88         background-color: #0011CA;
  89 }
  90
  91 .document {
  92         margin: 3em 5em 2em;
  93 }
  94
  95 .document h1 {
  96         margin-top: 1em;
  97         margin-bottom: .5em;
  98 }
  99
 100 .document h2 , .document h3 {
 101         margin-top: .8em;
 102         margin-bottom: .3em;
 103 }
 104
 105 .document ul {
 106         margin-left: 2em;
 107 }
 108
 109 .document p {
 110         margin: .2em;
 111 }
 112
 113 .literal-block {
 114         font-family: SourceCodePro;
 115         background-color: #eee;
 116         display:inline-block;
 117         margin: .5em;
 118 }