extra/webapps/wiki/wiki-contents.css

   1 #left {
   2     float: left;
   3     width: 200px;
   4     z-index: 99;
   5     border-right: 1px solid #ccc;
   6     background: #f3f2ea;
   7 }
   8
   9 #right {
  10     margin-left: 200px;
  11     width: calc(100% - 200px);
  12 }
  13
  14 nav img {
  15     margin: -15px;
  16     margin-top: -19px;
  17     margin-right: 0px;
  18     padding: 15px;
  19     padding-top: 13px;
  20     padding-bottom: 11px;
  21     vertical-align: middle;
  22     display: none;
  23 }
  24
  25 .page nav {
  26     position: relative;
  27     width: calc(100vw - 200px);
  28     left: 0;
  29 }
  30
  31 @media screen and (max-width: 600px) {
  32     #left {
  33         position: absolute;
  34         margin-top: 32px;
  35         display: none;
  36     }
  37
  38     #right {
  39         margin-left: 0;
  40     }
  41
  42     nav img {
  43         display: inline;
  44     }
  45
  46     .page nav {
  47         width: 100vw;
  48     }
  49 }
  50
  51
  52 /* Dark mode */
  53 @media (prefers-color-scheme: dark) {
  54     nav img {
  55         filter: invert(80%);
  56     }
  57
  58     #left {
  59         background-color: #373e48;
  60         border-right: 1px solid #666;
  61     }
  62
  63     .description pre {
  64         color: black;
  65     }
  66 }