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