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, 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 h1 {
  25     margin: 0;
  26     margin-top: 0.5em;
  27     margin-left: 2rem;
  28     margin-right: 2rem;
  29     padding: 0.5em;
  30     font-size: 300%;
  31     font-weight: bold;
  32     color: white;
  33     background-color: #1c1c1c;
  34     border-top-left-radius: 4px;
  35     border-top-right-radius: 4px;
  36 }
  37
  38 h2 {
  39     font-size: 160%;
  40     font-weight: bold;
  41     margin: 0;
  42 }
  43
  44 h3 {
  45     font-size: 110%;
  46     font-weight: bold;
  47 }
  48
  49 h3 {
  50         margin: 0em 0em 1em 0em;
  51 }
  52
  53 #content {
  54     margin: 0em 2rem 0em 2rem;
  55     padding: 1em;
  56     background-color: white;
  57     border-bottom-left-radius: 4px;
  58     border-bottom-right-radius: 4px;
  59 }
  60
  61 nav li {
  62         float: left;
  63         position: relative;
  64         list-style: none;
  65         margin-right: 1em;
  66 }
  67
  68 h1, nav li, h2, h3 {
  69         text-transform: uppercase;
  70 }
  71
  72 nav a, nav a:hover, nav a:visited {
  73         text-decoration: none;
  74         color: inherit;
  75 }
  76
  77 nav a:hover {
  78         border-bottom-style: solid;
  79         border-bottom-width: 2px;
  80 }
  81
  82 #footer {
  83         display: none;
  84 }
  85
  86 pre {
  87         margin: 1em 1em 1em 1em;
  88         padding: 1em 1em 1em 1em;
  89         border-left-style: solid;
  90         border-left-color: #cccccc;
  91         border-left-width: 6px;
  92         background-color: #f5f5f5;
  93 }
  94
  95 code {
  96     font-family: monospace;
  97     font-size: 100%;
  98 }
  99
 100 .admonitionblock td.icon [class^="fa icon-"]{font-size:2.5em;text-shadow:1px 1px 2px rgba(0,0,0,.5);cursor:default}
 101 .admonitionblock td.icon .icon-note:before{content:"\f05a";color:#19407c}
 102 .admonitionblock td.icon .icon-tip:before{content:"\f0eb";text-shadow:1px 1px 2px rgba(155,155,0,.8);color:#111}
 103 .admonitionblock td.icon .icon-warning:before{content:"\f071";color:#bf6900}
 104 .admonitionblock td.icon .icon-caution:before{content:"\f06d";color:#bf3400}
 105 .admonitionblock td.icon .icon-important:before{content:"\f06a";color:#bf0000}
 106
 107 img {
 108         max-width: 100%;
 109 }