files/css/dashboard.css

   1 /* Stylesheet useful for making HTML dashboards from Markdown documents
   2
   3 .EXAMPLE:
   4
   5 Insert this HTML into the Markdown to make it style the HTML.
   6
   7 <link rel="stylesheet" href="dashboard.css" />
   8
   9 .EXAMPLE
  10
  11 Include this `div` tag to float panels to the right.
  12
  13 <div class=right>
  14
  15 ## Markdown Section Here
  16
  17 > Lorum ipsum...
  18
  19 </div>
  20 */
  21 code {
  22     color: white;
  23 }
  24 pre {
  25     background-color: rgba(0, 122, 204, 0.5);
  26 }
  27 a {
  28   outline-style: dashed;
  29   outline-width: medium;
  30   padding: 1em;
  31 }
  32 h2 {
  33   background-color:black;
  34   border-radius: 0.5em;
  35   padding: 0.3em;
  36   padding-left:0.5em;
  37 }
  38 li {
  39   margin: 2em;
  40   display:inline-block;
  41 }
  42 ul {
  43   list-style-type: none;
  44 }
  45
  46 .right {
  47     float:right;
  48 }
  49
  50
  51 /* Dark Theme */
  52 :root {
  53   /* Backgrounds */
  54   --main-bg-color: #181818;
  55   --code-bg-color: #222222;
  56
  57   /* Foregrounds */
  58   --main-text-color: #bbbbbb;
  59   --link-text-color: #22A7F0;
  60   --visited-link-color: #7462E0;
  61 }
  62
  63 body
  64 {
  65         /* font-family: 'times new roman', times, serif; */
  66   font-family: monospace;
  67         font-size:2vw;
  68   color: var(--main-text-color);
  69         background-color: var(--main-bg-color) !important;
  70   margin: 0em;
  71 }
  72
  73 a {
  74   color: var(--link-text-color);
  75 }
  76 a:visited {
  77   color: var(--visited-link-color);
  78 }