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