geekigeeki.css

   1 /*
   2  * $Id$
   3  *
   4  * Author: Gerardo Poggiali <g.poggiali@develer.com>
   5  * Author: Bernardo Innocenti <bernie@codewiz.org>
   6  */
   7
   8 body {
   9         font-family: sans-serif;
  10         background-color: #F0F0F8;
  11         color: #000000;
  12         margin-top: 0px;
  13         margin-left: 0px;
  14         margin-right: 0px;
  15 }
  16
  17 a { color: #1010FF; }
  18 a:visited { color: #501080; }
  19 a.nonexistent { color: #D04040; }
  20 a.navlink { color: #000088; font-size: smaller; font-weight: bold}
  21 a.external { font-style: italic; }
  22 a.heading { text-decoration: none; color: #aaaaaa; font-size: smaller; }
  23
  24 h1 {
  25         font-size: x-large;
  26         font-weight: bold;
  27         color: #3377FF;
  28         border: #5599EE;
  29         background-color: #C2E2FF;
  30
  31         margin-bottom: 0.2em;
  32         margin-top: 2em;
  33         padding-right: 10px;
  34         padding-left: 10px;
  35
  36         border-top-width: 1px;
  37         border-bottom-width: 1px;
  38         border-right-width: 0px;
  39         border-left-width: 0px;
  40         border-style: solid;
  41 }
  42
  43 h2 {
  44         font-size: large;
  45         font-weight: bold;
  46         color: #22AA33;
  47         border: #22AA33;
  48         background-color: #E8F8F0;
  49
  50         margin-left: 5px;
  51         margin-right: 5px;
  52         margin-bottom: 0.1em;
  53         margin-top: 2em;
  54         padding-right: 10px;
  55         padding-left: 10px;
  56
  57         border-top-width: 1px;
  58         border-bottom-width: 1px;
  59         border-left-width: 0px;
  60         border-right-width: 0px;
  61         border-style: solid;
  62 }
  63
  64 h3 {
  65         font-size: large;
  66         font-weight: bold;
  67         color: #DD2255;
  68         border: #BB5599;
  69
  70         margin-left: 10px;
  71         margin-right: 10px;
  72         padding-right: 5px;
  73         padding-left: 5px;
  74
  75         border-top-width: 0px;
  76         border-bottom-width: 1px;
  77         border-right-width: 0px;
  78         border-left-width: 0px;
  79         border-style: solid;
  80 }
  81
  82 h4 {
  83         font-size: medium;
  84         font-weight: bold;
  85         color: #2222AA;
  86
  87         margin-left: 10px;
  88         margin-right: 10px;
  89         padding-right: 5px;
  90         padding-left: 5px;
  91
  92         border: #333399;
  93         border-top-width: 0px;
  94         border-bottom-width: 1px;
  95         border-right-width: 0px;
  96         border-left-width: 0px;
  97         border-style: solid;
  98 }
  99
 100 h5 {
 101         font-size: medium;
 102         font-weight: bold;
 103         color: #222288;
 104
 105         margin-left: 10px;
 106         margin-right: 10px;
 107         padding-right: 5px;
 108         padding-left: 5px;
 109 }
 110
 111 /* Heading anchors */
 112 .heading:link, .heading:visited {
 113         border: none;
 114         color: #d7d7d7;
 115         font-size: .8em;
 116         vertical-align: text-top;
 117 }
 118 * > .heading:link, * > .heading:visited {
 119         visibility: hidden;
 120 }
 121
 122 h1:hover .heading, h2:hover .heading, h3:hover .heading,
 123 h4:hover .heading, h5:hover .heading, h6:hover .heading {
 124         visibility: visible;
 125 }
 126
 127 strong.DONE {
 128         padding-left: 0.1em;
 129         background-color: #22ee22;
 130 }
 131
 132 strong.TODO {
 133         padding-left: 0.1em;
 134         background-color: #ffdd44;
 135 }
 136
 137 strong.FIXME {
 138         padding-left: 0.1em;
 139         background-color: #ee2222;
 140 }
 141
 142 div {
 143         margin-left: 10px;
 144         margin-right: 10px;
 145         text-align: justify;
 146 }
 147
 148 div.wiki {
 149         margin-left: 0;
 150         margin-right: 0;
 151 }
 152
 153 div.preview {
 154         border: 2px dashed #FF0000;
 155 }
 156
 157 div.index {
 158         border: 1px solid #EEEEEE;
 159 }
 160
 161 div.nav {
 162         /*border-color: #88aacc;
 163         background-color: #aaccee;*/
 164         border-color: #888888;
 165         background-color: #cccccc;
 166         border-style: solid;
 167         border-top-width: 0px;
 168         border-bottom-width: 2px;
 169         border-left-width: 0px;
 170         border-right-width: 0px;
 171         padding-top:    5px;
 172         padding-bottom: 5px;
 173         padding-left:   5px;
 174         padding-right:  5px;
 175         margin-top:     0px;
 176         margin-bottom:  10px;
 177         margin-left:    0px;
 178         margin-right:   0px;
 179 }
 180
 181 .nav hr {
 182         display: none;
 183 }
 184
 185 .nav .login {
 186         font-size: small;
 187         text-color: red;
 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 }
 201
 202 #footer :link, #footer :visited {
 203         color: #666666;
 204 }
 205
 206 #footer p {
 207         color: #888888;
 208         font-size: x-small;
 209         margin-top: 0;
 210 }
 211
 212 #footer p.copyright {
 213         float: left;
 214         margin-left: 1em;
 215         padding: 0 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: 10px;
 239         margin-right: 10px;
 240         margin-bottom: 10px;
 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 {
 329         font-family: monospace;
 330         width: 100%;
 331         color: black;
 332         background-color: white;
 333         border: 1px solid #8cacbb;
 334 }
 335
 336 /* thumbnails */
 337
 338 div.extthumb {
 339         float: right;
 340         width: 100%;
 341 }
 342
 343 div.thumb {
 344         float: left;
 345         border: 1px solid #ccc;
 346         padding: 3px !important;
 347         margin: 10px;
 348         margin-bottom: .5em;
 349         background-color: #f9f9f9;
 350         text-align: center;
 351 }
 352
 353 div.thumb a img {
 354         border: 1px solid #ccc;
 355         vertical-align:bottom;
 356 }
 357
 358 div.thumb div.caption {
 359         border: none;
 360         overflow: hidden;
 361         font-size: 94%;
 362         line-height: 1.4em;
 363         padding: .3em 0 .1em 0;
 364         text-align: center;
 365 }
 366
 367
 368 /* Styles for search word highlighting */
 369 @media screen {
 370  .searchword0 { background: #ff9 }
 371  .searchword1 { background: #cfc }
 372  .searchword2 { background: #cff }
 373  .searchword3 { background: #ccf }
 374  .searchword4 { background: #fcf }
 375 }
 376
 377 @media print {
 378  #footer { display: none }
 379  .nav { display: none }
 380 }