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