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 }
  53
  54 #nav li {
  55         display: inline-block;
  56         border: 2px solid #0011CA;
  57         background-color: #A2A5CA;
  58         margin-right: 0.5em;
  59         margin-top: -2px;
  60 }
  61
  62 #nav a {
  63         display: inline-block;
  64         text-decoration: none;
  65         font-weight: bold;
  66         color: #000;
  67         padding: 2px;
  68 }
  69
  70 #nav a:hover {
  71         color: #fff;
  72         background-color: #0011CA;
  73 }
  74
  75 .document {
  76         margin: 3em 5em 2em;
  77 }
  78
  79 .document h1 {
  80         margin-top: 1em;
  81         margin-bottom: .5em;
  82 }
  83
  84 .document h2 , .document h3 {
  85         margin-top: .8em;
  86         margin-bottom: .3em;
  87 }
  88
  89 .document ul {
  90         margin-left: 2em;
  91 }
  92
  93 .document p {
  94         margin: .2em;
  95 }
  96
  97 .literal-block {
  98         font-family: SourceCodePro;
  99         background-color: #eee;
 100         display:inline-block;
 101         margin: .5em;
 102 }