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