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