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