www/style.css

   1 body {
   2         font-family: sans-serif;
   3         margin: 0;
   4         padding: 0;
   5         background-color: #ededed;
   6         font-size: 100%;
   7         color: #303030;
   8 }
   9
  10 div, h2, h3, h1, nav ul {
  11     margin: 0;
  12     padding: 0;
  13 }
  14
  15 nav {
  16     margin: 0;
  17     padding: 1em;
  18     display: block;
  19     height: 1em;
  20     background-color: #1c1c1c;
  21     color: #9d9d9d;
  22 }
  23
  24 footer {
  25         margin: 0;
  26         margin-top: 1em;
  27         padding: 1em;
  28         display: block;
  29         background-color: #1c1c1c;
  30         color: #9d9d9d;
  31         font-size: 80%;
  32 }
  33
  34 footer a, footer a:visited {
  35         text-decoration: none;
  36 }
  37
  38 footer a:hover {
  39         text-decoration: underline;
  40 }
  41
  42 footer a, footer a:visited, footer a:hover, footer i {
  43         color: white;
  44 }
  45
  46 footer li {
  47         list-style: none;
  48 }
  49
  50 h1 {
  51         font-size: 250%;
  52         font-weight: bold;
  53 }
  54
  55 #header h1 {
  56     margin: 0;
  57     margin-top: 0.5em;
  58     margin-left: 2rem;
  59     margin-right: 2rem;
  60     padding: 0.5em;
  61     font-size: 300%;
  62     font-weight: bold;
  63     color: white;
  64     background-color: #1c1c1c;
  65     border-top-left-radius: 4px;
  66     border-top-right-radius: 4px;
  67 }
  68
  69 h2 {
  70     font-size: 160%;
  71     font-weight: bold;
  72     margin: 0;
  73 }
  74
  75 h3 {
  76     font-size: 110%;
  77     font-weight: bold;
  78 }
  79
  80 h3 {
  81         margin: 0em 0em 1em 0em;
  82 }
  83
  84 #content {
  85     margin: 0em 2rem 0em 2rem;
  86     padding: 1em;
  87     background-color: white;
  88     border-bottom-left-radius: 4px;
  89     border-bottom-right-radius: 4px;
  90 }
  91
  92 nav li {
  93         float: left;
  94         position: relative;
  95         list-style: none;
  96         margin-right: 1em;
  97 }
  98
  99 h1, nav li, h2, h3 {
 100         text-transform: uppercase;
 101 }
 102
 103 nav a, nav a:hover, nav a:visited {
 104         text-decoration: none;
 105         color: inherit;
 106 }
 107
 108 h1 a, h1 a:hover, h1 a:visited {
 109         text-decoration: none;
 110         color: inherit;
 111 }
 112
 113 nav a:hover {
 114         border-bottom-style: solid;
 115         border-bottom-width: 2px;
 116 }
 117
 118 #footer {
 119         display: none;
 120 }
 121
 122 pre {
 123         margin: 1em 1em 1em 1em;
 124         padding: 1em 1em 1em 1em;
 125         border-left-style: solid;
 126         border-left-color: #cccccc;
 127         border-left-width: 6px;
 128         background-color: #f5f5f5;
 129 }
 130
 131 code {
 132     font-family: monospace;
 133     font-size: 100%;
 134 }
 135
 136 .admonitionblock td.icon [class^="fa icon-"]{font-size:2.5em;text-shadow:1px 1px 2px rgba(0,0,0,.5);cursor:default}
 137 .admonitionblock td.icon .icon-note:before{content:"\f05a";color:#19407c}
 138 .admonitionblock td.icon .icon-tip:before{content:"\f0eb";text-shadow:1px 1px 2px rgba(155,155,0,.8);color:#111}
 139 .admonitionblock td.icon .icon-warning:before{content:"\f071";color:#bf6900}
 140 .admonitionblock td.icon .icon-caution:before{content:"\f06d";color:#bf3400}
 141 .admonitionblock td.icon .icon-important:before{content:"\f06a";color:#bf0000}
 142
 143 img {
 144         max-width: 100%;
 145 }