extra/webapps/wiki/wiki.css

   1 .comparison th {
   2     border-width: 1px;
   3     border-color: #666;
   4     border-style: solid;
   5     width: 50%;
   6 }
   7
   8 .comparison table {
   9     border-color: #666;
  10     border-style: solid;
  11     border-width: 1px;
  12     border-spacing: 0;
  13     border-collapse: collapse;
  14 }
  15
  16 .insert {
  17     background-color: #9f9;
  18 }
  19
  20 .delete {
  21     background-color: #f99;
  22 }
  23
  24 .revisions table, .revisions td, .revisions th {
  25     border-color: #666;
  26     border-style: solid;
  27 }
  28
  29 .revisions table {
  30     border-width: 0 0 1px 1px;
  31     border-spacing: 0;
  32     border-collapse: collapse;
  33 }
  34
  35 .revisions td, .revisions th {
  36     margin: 0;
  37     padding: 4px;
  38     border-width: 1px 1px 0 0;
  39 }
  40
  41 .contents {
  42     font-size: 90%;
  43     margin: 0;
  44     padding: 0;
  45     padding-left: 10px;
  46     padding-right: 10px;
  47     line-height: 130%;
  48 }
  49
  50 .contents ul {
  51     list-style-type: none;
  52     margin: 0;
  53     padding-left: 20px;
  54 }
  55
  56 .page {
  57     padding-left: 15px;
  58     padding-right: 15px;
  59     padding-bottom: 15px;
  60     max-width: 800px;
  61 }
  62
  63 .page nav {
  64     margin-left: -15px;
  65     margin-right: -15px;
  66     margin-bottom: -15px;
  67     border-top: 1px solid #ccc;
  68 }
  69
  70 .page img {
  71     max-width: 100%;
  72 }
  73
  74 .page hr {
  75     height: 1px;
  76 }
  77
  78 .description {
  79     line-height: 150%;
  80 }
  81
  82 .description pre {
  83     padding: 5px;
  84     border: 1px dashed #ccc;
  85     background-color: #f5f5f5;
  86 }
  87
  88 .description h1 { font-size: 1.5em; }
  89 .description h2 { font-size: 1.17em; }
  90 .description h3 { font-size: 1.0em; }
  91 .description h4 { font-size: 0.83em; }
  92 .description h5 { font-size: 0.67em; }
  93
  94 .description p:first-child { margin-top: 0px; }
  95 .description p:last-child { margin-bottom: 0px; }
  96
  97 .description table, .description td {
  98     border-color: #666;
  99     border-style: solid;
 100 }
 101
 102 .description table {
 103     border-width: 0 0 1px 1px;
 104     border-spacing: 0;
 105     border-collapse: collapse;
 106 }
 107
 108 .description td {
 109     margin: 0;
 110     padding: 4px;
 111     border-width: 1px 1px 0 0;
 112 }
 113
 114 footer {
 115     padding-left: 15px;
 116     font-size: smaller;
 117 }
 118
 119 #left {
 120     float: left;
 121     width: 200px;
 122     z-index: 99;
 123     border-right: 1px solid #ccc;
 124     background: #f3f2ea;
 125 }
 126
 127 #right {
 128     margin-left: 200px;
 129     width: calc(100% - 200px);
 130 }
 131
 132 nav img {
 133     margin: -15px;
 134     margin-top: -19px;
 135     margin-right: 0px;
 136     padding: 15px;
 137     padding-top: 13px;
 138     padding-bottom: 11px;
 139     vertical-align: middle;
 140     display: none;
 141 }
 142
 143 .page {
 144     max-width: 800px;
 145     left: 0;
 146 }
 147
 148 .page nav {
 149     position: relative;
 150     width: calc(100vw - 200px);
 151     left: 0;
 152 }
 153
 154 @media screen and (max-width: 600px) {
 155     #left {
 156         position: absolute;
 157         margin-top: 32px;
 158         display: none;
 159     }
 160
 161     #right {
 162         margin-left: 0;
 163         width: 100vw;
 164     }
 165
 166     nav img {
 167         display: inline;
 168     }
 169
 170     .page nav {
 171         width: 100vw;
 172     }
 173 }
 174
 175
 176 /* Dark mode */
 177 @media (prefers-color-scheme: dark) {
 178     nav img {
 179         filter: invert(80%);
 180     }
 181
 182     #left {
 183         background-color: #373e48;
 184         border-right: 1px solid #666;
 185     }
 186
 187     .description pre {
 188         color: black;
 189     }
 190 }