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