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: #88aacc;
 146         background-color: #aaccee;*/
 147         border-color: #888888;
 148         background-color: #cccccc;
 149         border-style: solid;
 150         border-top-width: 0px;
 151         border-bottom-width: 2px;
 152         border-left-width: 0px;
 153         border-right-width: 0px;
 154         padding-top:    5px;
 155         padding-bottom: 5px;
 156         padding-left:   5px;
 157         padding-right:  5px;
 158         margin-top:     0px;
 159         margin-bottom:  10px;
 160         margin-left:    0px;
 161         margin-right:   0px;
 162 }
 163
 164 .nav li {
 165         display: inline;
 166 }
 167
 168 .nav ul
 169 {
 170         list-style-type: none;
 171         margin: 0;
 172         padding: 0;
 173         padding-top: 6px;
 174         padding-bottom: 6px;
 175 }
 176
 177
 178 .nav hr {
 179         display: none;
 180 }
 181
 182 #footer div {
 183         margin-top: 1em;
 184         margin-left: 0;
 185         margin-right: 0;
 186 }
 187
 188 #footer hr {
 189         border: none;
 190         border-top: 1px solid #bbbbbb;
 191         margin: 0 0;
 192         clear: both;
 193 }
 194
 195 #footer :link, #footer :visited {
 196         color: #666666;
 197 }
 198
 199 #footer p {
 200         color: #888888;
 201         font-size: x-small;
 202         margin-top: 0;
 203 }
 204
 205 #footer p.copyright {
 206         float: left;
 207         margin-left: 0em;
 208         padding: 0 1em;
 209 }
 210
 211 #footer .license {
 212         border-width: 0;
 213         vertical-align: top;
 214         margin-left: 0em;
 215         margin-right: 1em;
 216 }
 217
 218 #footer p.modified {
 219         float: right;
 220         text-align: right;
 221         margin-right: 1em;
 222 }
 223
 224 p.dialog {
 225         border-color: black;
 226         background-color: white;
 227         padding-left: 5px;
 228         margin-left: 10px;
 229         margin-right: 10px;
 230         border-style: solid;
 231         border-top-width: 1px;
 232         border-right-width: 1px;
 233         border-bottom-width: 1px;
 234         border-left-width: 1px
 235 }
 236
 237 p {
 238         margin-left: 1em;
 239         margin-right: 1em;
 240         margin-bottom: 1em;
 241         /*text-align: justify;*/
 242 }
 243
 244 table {
 245         /*width: 100%;*/
 246         border: 2px solid #ccc;
 247         border-collapse: collapse;
 248         margin-left: 1em;
 249         margin-right: 1em;
 250         margin-top: 0.5em;
 251         margin-bottom: 0.5em;
 252 }
 253
 254 table tbody thead {
 255         background: #f7f7f0
 256 }
 257
 258 /* FIXME: should be thead */
 259 table tbody th {
 260         border: 1px solid #d7d7d7;
 261         border-bottom-color: #999;
 262         font-weight: bold;
 263         padding: 2px .5em;
 264         vertical-align: bottom;
 265 }
 266
 267 table tbody td {
 268         border: 1px dotted #ddd;
 269         padding: .3em .5em;
 270         vertical-align: top;
 271 }
 272
 273 table tbody tr { border-top: 1px solid #ddd }
 274 table tbody tr.even { background-color: #f0f0f0 }
 275 table tbody tr.odd { background-color: #e7e7e7 }
 276 table tbody tr:hover { background: #eed !important }
 277
 278 table thead th :link:hover, table thead th :visited:hover table tbody td a:hover, table tbody th a:hover {
 279         background-color: transparent;
 280 }
 281
 282 pre {
 283         color: #222222;
 284         border-color: #E9E609;
 285         background: #FFFDD0;
 286
 287         margin-left: 10px;
 288         margin-right: 10px;
 289         padding-left: 5px;
 290         padding-right: 5px;
 291         padding-top: 5px;
 292         padding-bottom: 5px;
 293         border-style: solid;
 294         border-top-width: 1px;
 295         border-right-width: 1px;
 296         border-bottom-width: 1px;
 297         border-left-width: 1px;
 298 }
 299
 300 pre.error {
 301         color: #FF0000;
 302         background: #000000;
 303         border-top-color: #FF0000;
 304         border-color: #FF0000;
 305         border-style: solid;
 306         border-width: 6px;
 307         margin: 0px;
 308 }
 309
 310 pre.success {
 311         color: #00FF00;
 312         background: #000000;
 313         border-color: #00FF00;
 314         border-style: solid;
 315         border-width: 6px;
 316         margin: 0px;
 317 }
 318
 319 pre.notice {
 320         color: #FFCC00;
 321         background: #000000;
 322         border-color: #FFCC00;
 323         border-style: solid;
 324         border-width: 6px;
 325         margin: 0px;
 326 }
 327
 328 .editor input[type='text'], .editor textarea {
 329         font-family: monospace;
 330         color: black;
 331         background-color: white;
 332         border: 1px solid #8cacbb;
 333 }
 334 .editor textarea.editor { width: 100%; }
 335 .editor input.changelog { width: 50%; }
 336
 337 /* thumbnails */
 338
 339 div .thumb {
 340         float: left;
 341         width: 100%;
 342 }
 343
 344 div .thumbleft {
 345         float: left;
 346 }
 347
 348 div .thumbright {
 349         float: right;
 350 }
 351
 352 div .innerthumb {
 353         float: left;
 354         border: 1px solid #ccc;
 355         padding: 3px !important;
 356         margin: 10px;
 357         margin-bottom: .5em;
 358         background-color: #f9f9f9;
 359         text-align: center;
 360 }
 361
 362 .thumb a img, .thumbright a img, .thumbleft a img {
 363         border: 1px solid #ccc;
 364         vertical-align:bottom;
 365 }
 366
 367 .thumb .caption, .thumbright .caption, .thumbleft .caption {
 368         border: none;
 369         overflow: hidden;
 370         font-size: 60%;
 371         line-height: 1.4em;
 372         padding: .3em 0 .1em 0;
 373         text-align: center;
 374 }
 375
 376
 377 /* Styles for search word highlighting */
 378 @media screen {
 379   .searchword0 { background: #ff9 }
 380   .searchword1 { background: #cfc }
 381   .searchword2 { background: #cff }
 382   .searchword3 { background: #ccf }
 383   .searchword4 { background: #fcf }
 384 }
 385
 386 @media print {
 387         body {
 388                 background: white;
 389                 font-size: 12pt;
 390         }
 391         h1 { font-size: 14pt; }
 392         h2 { font-size: 13pt; }
 393         h3 { font-size: 12pt; border: none; }
 394         h4 { font-size: 12pt; border: none; }
 395         h5 { font-size: 12pt; border: none; }
 396         a { text-color: #225; text-decoration: underline; }
 397         .heading:link, .heading:visited { display: none; }
 398         #footer { display: none; }
 399         .nav { display: none; }
 400         .noprint { display: none; }
 401         div.wiki { font-size: smaller; }
 402 }
 403
 404 @media (prefers-color-scheme: dark) {
 405   body {
 406     background-color: #181818;
 407     color: #ffffff;
 408   }
 409
 410   a { color: #9bd1ff; }
 411   a:visited { color: #9b669b; }
 412   a.nonexistent { color: #f0d0d0; }
 413   a.navlink { color: #d1d1ff; }
 414   a.login { color: #bb6666; }
 415
 416   div.nav {
 417     border-color: #606060;
 418     background-color: #303030;
 419   }
 420
 421   body {
 422     background-color: #181818;
 423     color: #FFFFFF;
 424   }
 425
 426   a { color: #9Bd1ff; }
 427   a:visited { color: #778899; }
 428   a.nonexistent { color: #f0d0d0; }
 429   a.navlink { color: #d1d1ff; }
 430   a.login { color: #bb6666; }
 431   a.heading { text-decoration: none; color: #666666; font-size: smaller; }
 432
 433   div.nav {
 434     border-color: #606060;
 435     background-color: #303030;
 436   }
 437 }