sys/geekigeeki.css

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