files/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 }
  41 ul {
  42   list-style-type: none;
  43 }
  44
  45 .right {
  46     float:right;
  47 }
  48
  49
  50 /* Dark Theme */
  51 :root {
  52   /* Backgrounds */
  53   --main-bg-color: #181818;
  54   --code-bg-color: #222222;
  55
  56   /* Foregrounds */
  57   --main-text-color: #bbbbbb;
  58   --link-text-color: #22A7F0;
  59   --visited-link-color: #7462E0;
  60 }
  61
  62 body
  63 {
  64         /* font-family: 'times new roman', times, serif; */
  65   font-family: monospace;
  66         font-size:2vw;
  67   color: var(--main-text-color);
  68         background-color: var(--main-bg-color) !important;
  69   margin: 0em;
  70 }
  71
  72 a {
  73   color: var(--link-text-color);
  74 }
  75 a:visited {
  76   color: var(--visited-link-color);
  77 }