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         width: 100vw;
  41     }
  42
  43     nav img {
  44         display: inline;
  45     }
  46
  47     .page nav {
  48         width: 100vw;
  49     }
  50 }
  51
  52
  53 /* Dark mode */
  54 @media (prefers-color-scheme: dark) {
  55     nav img {
  56         filter: invert(80%);
  57     }
  58
  59     #left {
  60         background-color: #373e48;
  61         border-right: 1px solid #666;
  62     }
  63
  64     .description pre {
  65         color: black;
  66     }
  67 }