sys/geekigeeki.css

   1 /* Author: Bernie Innocenti <bernie@codewiz.org> */
   2
   3 body {
   4         font-family: sans-serif;
   5         background-color: #F0F0F8;
   6         color: #000000;
   7         margin-top: 0px;
   8         margin-left: 0px;
   9         margin-right: 0px;
  10 }
  11
  12 html {
  13         cursor: url('/wiki/sys/pointer.cur'), auto;
  14 }
  15
  16 a { color: #1010FF; }
  17 a:link { text-decoration: none; }
  18 a:hover { text-decoration: underline; }
  19 a:visited { color: #501080; }
  20 a.nonexistent { color: #D04040; }
  21 a.navlink, a.login { font-size: smaller; font-weight: bold; text-decoration: none; }
  22 a.navlink:hover, a.login:hover { text-decoration: underline; }
  23 a.navlink { color: #000088; }
  24 a.login { color: #bb0000; }
  25 a.external { font-style: italic; }
  26 a.heading { text-decoration: none; color: #aaaaaa; font-size: smaller; }
  27
  28 h1 {
  29         font-size: x-large;
  30         font-weight: bold;
  31         clear: both;
  32         color: #3377FF;
  33         border: #5599EE;
  34         background-color: #D0F0FF;
  35         clear: both;
  36
  37         margin-bottom: 0.2em;
  38         margin-top: 2em;
  39         padding-right: 10px;
  40         padding-left: 10px;
  41 }
  42
  43 h2 {
  44         font-size: large;
  45         font-weight: bold;
  46         clear: both;
  47         color: #22AA33;
  48
  49         margin-left: 5px;
  50         margin-right: 5px;
  51         margin-bottom: 0.1em;
  52         margin-top: 1.5em;
  53         padding-right: 10px;
  54         padding-left: 10px;
  55 }
  56
  57 h3 {
  58         font-size: large;
  59         font-weight: bold;
  60         color: #113366;
  61
  62         margin-left: 10px;
  63         margin-right: 10px;
  64         padding-right: 5px;
  65         padding-left: 5px;
  66 }
  67
  68 h4 {
  69         font-size: medium;
  70         font-weight: bold;
  71         color: #222288;
  72
  73         margin-left: 10px;
  74         margin-right: 10px;
  75         padding-right: 5px;
  76         padding-left: 5px;
  77 }
  78
  79 h5 {
  80         font-size: medium;
  81         font-weight: normal;
  82         color: #4444AA;
  83
  84         margin-left: 10px;
  85         margin-right: 10px;
  86         padding-right: 5px;
  87         padding-left: 5px;
  88 }
  89
  90 /* Heading anchors */
  91 .heading:link, .heading:visited {
  92         border: none;
  93         color: #d7d7d7;
  94         font-size: .8em;
  95         vertical-align: text-top;
  96 }
  97 * > .heading:link, * > .heading:visited {
  98         visibility: hidden;
  99 }
 100
 101 h1:hover .heading, h2:hover .heading, h3:hover .heading,
 102 h4:hover .heading, h5:hover .heading, h6:hover .heading {
 103         visibility: visible;
 104 }
 105
 106 strong.DONE {
 107         padding-left: 0.1em;
 108         background-color: #22ee22;
 109 }
 110
 111 strong.TODO {
 112         padding-left: 0.1em;
 113         background-color: #ffdd44;
 114 }
 115
 116 strong.FIXME {
 117         padding-left: 0.1em;
 118         background-color: #ee2222;
 119 }
 120
 121 strong.error {
 122         color: red;
 123 }
 124
 125 div {
 126         margin-left:  10px;
 127         margin-right: 10px;
 128         /*text-align: justify;*/
 129 }
 130
 131 div.wiki {
 132         margin-left:  0px;
 133         margin-right: 0px;
 134 }
 135
 136 div.preview {
 137         border: 2px dashed #FF0000;
 138 }
 139
 140 div.index {
 141         border: 1px solid #EEEEEE;
 142 }
 143
 144 div.nav {
 145         border-color: #888888;
 146         background-color: #cccccc;
 147         border-style: solid;
 148         border-top-width: 0px;
 149         border-bottom-width: 1px;
 150         border-left-width: 0px;
 151         border-right-width: 0px;
 152         padding-top:    5px;
 153         padding-bottom: 5px;
 154         padding-left:   5px;
 155         padding-right:  5px;
 156         margin-top:     0px;
 157         margin-bottom:  10px;
 158         margin-left:    0px;
 159         margin-right:   0px;
 160 }
 161
 162 .nav li {
 163         display: inline;
 164 }
 165
 166 .nav ul
 167 {
 168         list-style-type: none;
 169         margin: 0;
 170         padding: 0;
 171         padding-top: 6px;
 172         padding-bottom: 6px;
 173 }
 174
 175
 176 .nav hr {
 177         display: none;
 178 }
 179
 180 #footer div {
 181         margin-top: 1em;
 182         margin-left: 0;
 183         margin-right: 0;
 184 }
 185
 186 #footer hr {
 187         border: none;
 188         border-top: 1px solid #bbbbbb;
 189         margin: 0 0;
 190         clear: both;
 191 }
 192
 193 #footer :link, #footer :visited {
 194         color: #666666;
 195 }
 196
 197 #footer p {
 198         color: #888888;
 199         font-size: x-small;
 200         margin-top: 0;
 201 }
 202
 203 #footer p.copyright {
 204         float: left;
 205         margin-left: 0em;
 206         padding: 0 1em;
 207 }
 208
 209 #footer .license {
 210         border-width: 0;
 211         vertical-align: top;
 212         margin-left: 0em;
 213         margin-right: 1em;
 214 }
 215
 216 #footer p.modified {
 217         float: right;
 218         text-align: right;
 219         margin-right: 1em;
 220 }
 221
 222 p.dialog {
 223         border-color: black;
 224         background-color: white;
 225         padding-left: 5px;
 226         margin-left: 10px;
 227         margin-right: 10px;
 228         border-style: solid;
 229         border-top-width: 1px;
 230         border-right-width: 1px;
 231         border-bottom-width: 1px;
 232         border-left-width: 1px
 233 }
 234
 235 p {
 236         margin-left: 1em;
 237         margin-right: 1em;
 238         margin-bottom: 1em;
 239         /*text-align: justify;*/
 240 }
 241
 242 table {
 243         /*width: 100%;*/
 244         border: 2px solid #ccc;
 245         border-collapse: collapse;
 246         margin-left: 1em;
 247         margin-right: 1em;
 248         margin-top: 0.5em;
 249         margin-bottom: 0.5em;
 250 }
 251
 252 table tbody thead {
 253         background: #f7f7f0;
 254 }
 255
 256 /* FIXME: should be thead */
 257 table tbody th {
 258         border: 1px solid #d7d7d7;
 259         border-bottom-color: #999;
 260         font-weight: bold;
 261         padding: 2px .5em;
 262         vertical-align: bottom;
 263 }
 264
 265 table tbody td {
 266         border: 1px dotted #ddd;
 267         padding: .3em .5em;
 268         vertical-align: top;
 269 }
 270
 271 table tbody tr { border-top: 1px solid #ddd }
 272 table tbody tr.even { background-color: #f0f0f0 }
 273 table tbody tr.odd { background-color: #e7e7e7 }
 274 table tbody tr:hover { background: #eed !important }
 275
 276 table thead th :link:hover, table thead th :visited:hover table tbody td a:hover, table tbody th a:hover {
 277         background-color: transparent;
 278 }
 279
 280 pre {
 281         color: #222222;
 282         border-color: #E9E609;
 283         background: #FFFDD0;
 284
 285         margin-left: 10px;
 286         margin-right: 10px;
 287         padding-left: 5px;
 288         padding-right: 5px;
 289         padding-top: 5px;
 290         padding-bottom: 5px;
 291         border-style: solid;
 292         border-top-width: 1px;
 293         border-right-width: 1px;
 294         border-bottom-width: 1px;
 295         border-left-width: 1px;
 296 }
 297
 298 pre.error {
 299         color: #FF0000;
 300         background: #000000;
 301         border-top-color: #FF0000;
 302         border-color: #FF0000;
 303         border-style: solid;
 304         border-width: 6px;
 305         margin: 0px;
 306 }
 307
 308 pre.success {
 309         color: #00FF00;
 310         background: #000000;
 311         border-color: #00FF00;
 312         border-style: solid;
 313         border-width: 6px;
 314         margin: 0px;
 315 }
 316
 317 pre.notice {
 318         color: #FFCC00;
 319         background: #000000;
 320         border-color: #FFCC00;
 321         border-style: solid;
 322         border-width: 6px;
 323         margin: 0px;
 324 }
 325
 326 .editor input[type='text'], .editor textarea {
 327         font-family: monospace;
 328         color: black;
 329         background-color: white;
 330         border: 1px solid #8cacbb;
 331 }
 332 .editor textarea.editor { width: 100%; }
 333 .editor input.changelog { width: 50%; }
 334
 335 /* thumbnails */
 336
 337 div .thumb {
 338         float: left;
 339         width: 100%;
 340 }
 341
 342 div .thumbleft {
 343         float: left;
 344 }
 345
 346 div .thumbright {
 347         float: right;
 348 }
 349
 350 div .innerthumb {
 351         float: left;
 352         border: 1px solid #ccc;
 353         padding: 3px !important;
 354         margin: 10px;
 355         margin-bottom: .5em;
 356         background-color: #f9f9f9;
 357         text-align: center;
 358 }
 359
 360 .thumb a img, .thumbright a img, .thumbleft a img {
 361         border: 1px solid #ccc;
 362         vertical-align:bottom;
 363 }
 364
 365 .thumb .caption, .thumbright .caption, .thumbleft .caption {
 366         border: none;
 367         overflow: hidden;
 368         font-size: 60%;
 369         line-height: 1.4em;
 370         padding: .3em 0 .1em 0;
 371         text-align: center;
 372 }
 373
 374
 375 /* Styles for search word highlighting */
 376 @media screen {
 377   .searchword0 { background: #ff9 }
 378   .searchword1 { background: #cfc }
 379   .searchword2 { background: #cff }
 380   .searchword3 { background: #ccf }
 381   .searchword4 { background: #fcf }
 382 }
 383
 384 @media print {
 385         body {
 386                 background: white;
 387                 font-size: 12pt;
 388         }
 389         h1 { font-size: 14pt; }
 390         h2 { font-size: 13pt; }
 391         h3 { font-size: 12pt; border: none; }
 392         h4 { font-size: 12pt; border: none; }
 393         h5 { font-size: 12pt; border: none; }
 394         a { text-color: #225; text-decoration: underline; }
 395         .heading:link, .heading:visited { display: none; }
 396         #footer { display: none; }
 397         .nav { display: none; }
 398         .noprint { display: none; }
 399         div.wiki { font-size: smaller; }
 400 }
 401
 402 @media (prefers-color-scheme: dark) {
 403   body {
 404     background-color: #181818;
 405     color: #ffffff;
 406   }
 407
 408   a { color: #9bd1ff; }
 409   a:visited { color: #9b669b; }
 410   a.nonexistent { color: #f0d0d0; }
 411   a.navlink { color: #d1d1ff; }
 412   a.login { color: #bb6666; }
 413
 414   div.nav {
 415     border-color: #606060;
 416     background-color: #303030;
 417   }
 418
 419   body {
 420     background-color: #181818;
 421     color: #FFFFFF;
 422   }
 423
 424   a { color: #9Bd1ff; }
 425   a:visited { color: #778899; }
 426   a.nonexistent { color: #f0d0d0; }
 427   a.navlink { color: #d1d1ff; }
 428   a.login { color: #bb6666; }
 429   a.heading { text-decoration: none; color: #666666; font-size: smaller; }
 430
 431   h1 {
 432     color: #88bbff;
 433     border: #77aadd;
 434     background-color: #2a2a2a;
 435   }
 436   h2 { color: #44dd66; }
 437   h3 { color: #88aacc; }
 438   h4 { color: #8899bb; }
 439   h5 { color: #6666cc; }
 440
 441   div.nav {
 442     border-color: #606060;
 443     background-color: #303030;
 444   }
 445
 446   table { border: 2px solid #444; }
 447   table tbody thead { background: #2f2f2f; }
 448   table tbody th {
 449           border: 1px solid #555;
 450           border-bottom-color: #777;
 451   }
 452   table tbody td { border: 1px dotted #555; }
 453   table tbody tr { border-top: 1px solid #555; }
 454   table tbody tr.even { background-color: #303030; }
 455   table tbody tr.odd { background-color: #393939; }
 456   table tbody tr:hover { background: #444 !important; }
 457 }