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 .navrow {
  26     left: 0;
  27 }
  28
  29 .page {
  30     max-width: 800px;
  31     left: 0;
  32 }
  33
  34 .page nav {
  35     position: relative;
  36     width: calc(100vw - 200px);
  37     left: 0;
  38 }
  39
  40 @media screen and (max-width: 600px) {
  41     #left {
  42         position: absolute;
  43         margin-top: 32px;
  44         display: none;
  45     }
  46
  47     #right {
  48         margin-left: 0;
  49         width: 100vw;
  50     }
  51
  52     nav img {
  53         display: inline;
  54     }
  55
  56     .page nav {
  57         width: 100vw;
  58     }
  59 }
  60
  61
  62 /* Dark mode */
  63 @media (prefers-color-scheme: dark) {
  64     nav img {
  65         filter: invert(80%);
  66     }
  67
  68     #left {
  69         background-color: #373e48;
  70         border-right: 1px solid #666;
  71     }
  72
  73     .description pre {
  74         color: black;
  75     }
  76 }