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         margin: 0;
  49         padding: 0;
  50 }
  51
  52 footer ul {
  53         margin: 0;
  54         padding: 0;
  55 }
  56
  57 h1 {
  58         font-size: 250%;
  59         font-weight: bold;
  60 }
  61
  62 #header h1 {
  63     margin: 0;
  64     margin-top: 0.5em;
  65     margin-left: 2rem;
  66     margin-right: 2rem;
  67     padding: 0.5em;
  68     font-size: 300%;
  69     font-weight: bold;
  70     color: white;
  71     background-color: #1c1c1c;
  72     border-top-left-radius: 4px;
  73     border-top-right-radius: 4px;
  74 }
  75
  76 h2 {
  77     font-size: 160%;
  78     font-weight: bold;
  79     margin: 0;
  80 }
  81
  82 h3 {
  83     font-size: 110%;
  84     font-weight: bold;
  85 }
  86
  87 h3 {
  88         margin: 0em 0em 1em 0em;
  89 }
  90
  91 #content {
  92     margin: 0em 2rem 0em 2rem;
  93     padding: 1em;
  94     background-color: white;
  95     border-bottom-left-radius: 4px;
  96     border-bottom-right-radius: 4px;
  97 }
  98
  99 nav li {
 100         float: left;
 101         position: relative;
 102         list-style: none;
 103         margin-right: 1em;
 104 }
 105
 106 h1, nav li, h2, h3 {
 107         text-transform: uppercase;
 108 }
 109
 110 nav a, nav a:hover, nav a:visited {
 111         text-decoration: none;
 112         color: inherit;
 113 }
 114
 115 h1 a, h1 a:hover, h1 a:visited {
 116         text-decoration: none;
 117         color: inherit;
 118 }
 119
 120 nav a:hover {
 121         border-bottom-style: solid;
 122         border-bottom-width: 2px;
 123 }
 124
 125 #footer {
 126         display: none;
 127 }
 128
 129 pre {
 130         margin: 1em 1em 1em 1em;
 131         padding: 1em 1em 1em 1em;
 132         border-left-style: solid;
 133         border-left-color: #cccccc;
 134         border-left-width: 6px;
 135         background-color: #f5f5f5;
 136 }
 137
 138 code {
 139     font-family: monospace;
 140     font-size: 100%;
 141 }
 142
 143 .admonitionblock td.icon [class^="fa icon-"]{font-size:2.5em;text-shadow:1px 1px 2px rgba(0,0,0,.5);cursor:default}
 144 .admonitionblock td.icon .icon-note:before{content:"\f05a";color:#19407c}
 145 .admonitionblock td.icon .icon-tip:before{content:"\f0eb";text-shadow:1px 1px 2px rgba(155,155,0,.8);color:#111}
 146 .admonitionblock td.icon .icon-warning:before{content:"\f071";color:#bf6900}
 147 .admonitionblock td.icon .icon-caution:before{content:"\f06d";color:#bf3400}
 148 .admonitionblock td.icon .icon-important:before{content:"\f06a";color:#bf0000}
 149
 150 img {
 151         max-width: 100%;
 152 }