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