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 { 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         clear: both;
  29
  30         margin-bottom: 0.2em;
  31         margin-top: 2em;
  32         padding-right: 10px;
  33         padding-left: 10px;
  34
  35         border-top-width: 1px;
  36         border-bottom-width: 1px;
  37         border-right-width: 0px;
  38         border-left-width: 0px;
  39         border-style: solid;
  40 }
  41
  42 h2 {
  43         font-size: large;
  44         font-weight: bold;
  45         color: #22AA33;
  46         border: #22AA33;
  47         background-color: #E8F8F0;
  48         clear: both;
  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 strong.error {
 143         color: red;
 144 }
 145
 146 div {
 147         margin-left:  10px;
 148         margin-right: 10px;
 149         text-align: justify;
 150 }
 151
 152 div.wiki {
 153         margin-left:  0px;
 154         margin-right: 0px;
 155 }
 156
 157 div.preview {
 158         border: 2px dashed #FF0000;
 159 }
 160
 161 div.index {
 162         border: 1px solid #EEEEEE;
 163 }
 164
 165 div.nav {
 166         /*border-color: #88aacc;
 167         background-color: #aaccee;*/
 168         border-color: #888888;
 169         background-color: #cccccc;
 170         border-style: solid;
 171         border-top-width: 0px;
 172         border-bottom-width: 2px;
 173         border-left-width: 0px;
 174         border-right-width: 0px;
 175         padding-top:    5px;
 176         padding-bottom: 5px;
 177         padding-left:   5px;
 178         padding-right:  5px;
 179         margin-top:     0px;
 180         margin-bottom:  10px;
 181         margin-left:    0px;
 182         margin-right:   0px;
 183 }
 184
 185 .nav hr {
 186         display: none;
 187 }
 188
 189 .nav .login {
 190         font-size: small;
 191         color: red;
 192 }
 193
 194 #footer div {
 195         margin-top: 1em;
 196         margin-left: 0;
 197         margin-right: 0;
 198 }
 199
 200 #footer hr {
 201         border: none;
 202         border-top: 1px solid #bbbbbb;
 203         margin: 0 0;
 204         clear: both;
 205 }
 206
 207 #footer :link, #footer :visited {
 208         color: #666666;
 209 }
 210
 211 #footer p {
 212         color: #888888;
 213         font-size: x-small;
 214         margin-top: 0;
 215 }
 216
 217 #footer p.copyright {
 218         float: left;
 219         margin-left: 0em;
 220         padding: 0 1em;
 221 }
 222
 223 #footer .license {
 224         border-width: 0;
 225         vertical-align: top;
 226         margin-left: 0em;
 227         margin-right: 1em;
 228 }
 229
 230 #footer p.modified {
 231         float: right;
 232         text-align: right;
 233         margin-right: 1em;
 234 }
 235
 236 p.dialog {
 237         border-color: black;
 238         background-color: white;
 239         padding-left: 5px;
 240         margin-left: 10px;
 241         margin-right: 10px;
 242         border-style: solid;
 243         border-top-width: 1px;
 244         border-right-width: 1px;
 245         border-bottom-width: 1px;
 246         border-left-width: 1px
 247 }
 248
 249 p {
 250         margin-left: 1em;
 251         margin-right: 1em;
 252         margin-bottom: 1em;
 253         text-align: justify;
 254 }
 255
 256 table {
 257         /*width: 100%;*/
 258         border: 2px solid #ccc;
 259         border-collapse: collapse;
 260         margin-left: 1em;
 261         margin-right: 1em;
 262         margin-top: 0.5em;
 263         margin-bottom: 0.5em;
 264 }
 265
 266 table tbody thead {
 267         background: #f7f7f0
 268 }
 269
 270 /* FIXME: should be thead */
 271 table tbody th {
 272         border: 1px solid #d7d7d7;
 273         border-bottom-color: #999;
 274         font-weight: bold;
 275         padding: 2px .5em;
 276         vertical-align: bottom;
 277 }
 278
 279 table tbody td {
 280         border: 1px dotted #ddd;
 281         padding: .3em .5em;
 282         vertical-align: top;
 283 }
 284
 285 table tbody tr { border-top: 1px solid #ddd }
 286 table tbody tr.even { background-color: #f0f0f0 }
 287 table tbody tr.odd { background-color: #e7e7e7 }
 288 table tbody tr:hover { background: #eed !important }
 289
 290 table thead th :link:hover, table thead th :visited:hover table tbody td a:hover, table tbody th a:hover {
 291         background-color: transparent;
 292 }
 293
 294 pre {
 295         color: #222222;
 296         border-color: #E9E609;
 297         background: #FFFDD0;
 298
 299         margin-left: 10px;
 300         margin-right: 10px;
 301         padding-left: 5px;
 302         padding-right: 5px;
 303         padding-top: 5px;
 304         padding-bottom: 5px;
 305         border-style: solid;
 306         border-top-width: 1px;
 307         border-right-width: 1px;
 308         border-bottom-width: 1px;
 309         border-left-width: 1px;
 310 }
 311
 312 pre.error {
 313         color: #FF0000;
 314         background: #000000;
 315         border-top-color: #FF0000;
 316         border-color: #FF0000;
 317         border-style: solid;
 318         border-width: 6px;
 319         margin: 0px;
 320 }
 321
 322 pre.success {
 323         color: #00FF00;
 324         background: #000000;
 325         border-color: #00FF00;
 326         border-style: solid;
 327         border-width: 6px;
 328         margin: 0px;
 329 }
 330
 331 pre.notice {
 332         color: #FFCC00;
 333         background: #000000;
 334         border-color: #FFCC00;
 335         border-style: solid;
 336         border-width: 6px;
 337         margin: 0px;
 338 }
 339
 340 #editor {
 341         font-family: monospace;
 342         width: 100%;
 343         color: black;
 344         background-color: white;
 345         border: 1px solid #8cacbb;
 346 }
 347
 348 /* thumbnails */
 349
 350 div .thumb {
 351         float: left;
 352         width: 100%;
 353 }
 354
 355 div .thumbleft {
 356         float: left;
 357 }
 358
 359 div .thumbright {
 360         float: right;
 361 }
 362
 363 div .innerthumb {
 364         float: left;
 365         border: 1px solid #ccc;
 366         padding: 3px !important;
 367         margin: 10px;
 368         margin-bottom: .5em;
 369         background-color: #f9f9f9;
 370         text-align: center;
 371 }
 372
 373 .thumb a img, .thumbright a img, .thumbleft a img {
 374         border: 1px solid #ccc;
 375         vertical-align:bottom;
 376 }
 377
 378 .thumb .caption, .thumbright .caption, .thumbleft .caption {
 379         border: none;
 380         overflow: hidden;
 381         font-size: 60%;
 382         line-height: 1.4em;
 383         padding: .3em 0 .1em 0;
 384         text-align: center;
 385 }
 386
 387
 388 /* Styles for search word highlighting */
 389 @media screen {
 390  .searchword0 { background: #ff9 }
 391  .searchword1 { background: #cfc }
 392  .searchword2 { background: #cff }
 393  .searchword3 { background: #ccf }
 394  .searchword4 { background: #fcf }
 395 }
 396
 397 @media print {
 398  #footer { display: none }
 399  .nav { display: none }
 400 }