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