geekigeeki.css

   1 /*
   2  * $Id$
   3  *
   4  * Author: Gerardo Poggiali <g.poggiali@develer.com>
   5  * Author: Bernardo Innocenti <bernie@codewiz.org>
   6  */
   7
   8 body {
   9         font-family: sans-serif;
  10         background-color: #F0F0F8;
  11         color: #000000;
  12         margin-top: 0px;
  13         margin-left: 0px;
  14         margin-right: 0px;
  15 }
  16
  17 a { color: #1010FF; }
  18 a:visited { color: #501080; }
  19 a.nonexistent { color: #D04040; }
  20 a.navlink { font-size: smaller; }
  21 a.external { font-style: italic; }
  22 a.heading { text-decoration: none; color: #aaaaaa; font-size: smaller; }
  23
  24 h1 {
  25         font-size: x-large;
  26         font-weight: bold;
  27         color: #3377FF;
  28         border: #5599EE;
  29         background-color: #C2E2FF;
  30
  31         margin-bottom: 5px;
  32         margin-top: 5px;
  33         padding-right: 10px;
  34         padding-left: 10px;
  35
  36         border-top-width: 1px;
  37         border-bottom-width: 1px;
  38         border-right-width: 0px;
  39         border-left-width: 0px;
  40         border-style: solid;
  41 }
  42
  43 h2 {
  44         font-size: large;
  45         font-weight: bold;
  46         color: #22AA33;
  47         border: #22AA33;
  48         background-color: #E8F8F0;
  49
  50         margin-left: 5px;
  51         margin-right: 5px;
  52         margin-bottom: 5px;
  53         margin-top: 5px;
  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 strong.success {
 112     padding-left: 0.1em;
 113         background-color: #22ee22;
 114 }
 115
 116 strong.notice {
 117     padding-left: 0.1em;
 118         background-color: #ffdd44;
 119 }
 120
 121 strong.error {
 122     padding-left: 0.1em;
 123         background-color: #ee2222;
 124 }
 125
 126 div {
 127         margin-left: 10px;
 128         margin-right: 10px;
 129         text-align: justify;
 130 }
 131
 132 div.wiki {
 133         margin-left: 0;
 134         margin-right: 0;
 135 }
 136
 137 div.preview {
 138         border: 2px dashed #FF0000;
 139 }
 140
 141 div.index {
 142         border: 1px solid #EEEEEE;
 143 }
 144
 145 div.nav {
 146         border-color: #cc9933;
 147         background-color: #ffcc66;
 148         border-style: solid;
 149         border-top-width: 0px;
 150         border-bottom-width: 2px;
 151         border-left-width: 0px;
 152         border-right-width: 0px;
 153         padding-top:    5px;
 154         padding-bottom: 5px;
 155         padding-left:   5px;
 156         padding-right:  5px;
 157         margin-top:     0px;
 158         margin-bottom:  10px;
 159         margin-left:    0px;
 160         margin-right:   0px;
 161 }
 162
 163 .nav hr {
 164         display: none;
 165 }
 166
 167 .nav .login {
 168         font-size: small;
 169         text-color: red;
 170 }
 171
 172 #footer div {
 173         margin-top: 1em;
 174         margin-left: 0;
 175         margin-right: 0;
 176 }
 177
 178 #footer hr {
 179         border: none;
 180         border-top: 1px solid #bbbbbb;
 181         margin: 0 0;
 182 }
 183
 184 #footer :link, #footer :visited {
 185         color: #666666;
 186 }
 187
 188 #footer p {
 189         color: #888888;
 190         font-size: x-small;
 191         margin-top: 0;
 192 }
 193
 194 #footer p.copyright {
 195         float: left;
 196         margin-left: 1em;
 197         padding: 0 1em;
 198 }
 199
 200 #footer p.modified {
 201         float: right;
 202         text-align: right;
 203         margin-right: 1em;
 204 }
 205
 206 p.dialog {
 207         border-color: black;
 208         background-color: white;
 209         padding-left: 5px;
 210         margin-left: 10px;
 211         margin-right: 10px;
 212         border-style: solid;
 213         border-top-width: 1px;
 214         border-right-width: 1px;
 215         border-bottom-width: 1px;
 216         border-left-width: 1px
 217 }
 218
 219 p {
 220         margin-left: 10px;
 221         margin-right: 10px;
 222         margin-bottom: 10px;
 223         text-align: justify;
 224 }
 225
 226 table {
 227         /*width: 100%;*/
 228         border: 2px solid #ccc;
 229         border-collapse: collapse;
 230         margin-left: 1em;
 231         margin-right: 1em;
 232         margin-top: 0.5em;
 233         margin-bottom: 0.5em;
 234 }
 235
 236 table tbody thead {
 237         background: #f7f7f0
 238 }
 239
 240 /* FIXME: should be thead */
 241 table tbody th {
 242         border: 1px solid #d7d7d7;
 243         border-bottom-color: #999;
 244         font-weight: bold;
 245         padding: 2px .5em;
 246         vertical-align: bottom;
 247 }
 248
 249 table tbody td {
 250         border: 1px dotted #ddd;
 251         padding: .3em .5em;
 252         vertical-align: top;
 253 }
 254
 255 table tbody tr { border-top: 1px solid #ddd }
 256 table tbody tr.even { background-color: #f0f0f0 }
 257 table tbody tr.odd { background-color: #e7e7e7 }
 258 table tbody tr:hover { background: #eed !important }
 259
 260 table thead th :link:hover, table thead th :visited:hover table tbody td a:hover, table tbody th a:hover {
 261         background-color: transparent;
 262 }
 263
 264 pre {
 265         color: #222222;
 266         border-color: #E9E609;
 267         background: #FFFDD0;
 268
 269         margin-left: 10px;
 270         margin-right: 10px;
 271         padding-left: 5px;
 272         padding-right: 5px;
 273         padding-top: 5px;
 274         padding-bottom: 5px;
 275         border-style: solid;
 276         border-top-width: 1px;
 277         border-right-width: 1px;
 278         border-bottom-width: 1px;
 279         border-left-width: 1px;
 280 }
 281
 282 pre.error {
 283         color: #FF0000;
 284         background: #000000;
 285         border-top-color: #FF0000;
 286         border-color: #FF0000;
 287         border-style: solid;
 288         border-width: 6px;
 289         margin: 0px;
 290 }
 291
 292 pre.success {
 293         color: #00FF00;
 294         background: #000000;
 295         border-color: #00FF00;
 296         border-style: solid;
 297         border-width: 6px;
 298         margin: 0px;
 299 }
 300
 301 pre.notice {
 302         color: #FFCC00;
 303         background: #000000;
 304         border-color: #FFCC00;
 305         border-style: solid;
 306         border-width: 6px;
 307         margin: 0px;
 308 }
 309
 310 #editor {
 311         font-family: monospace;
 312         width: 100%;
 313         color: black;
 314         background-color: white;
 315         border: 1px solid #8cacbb;
 316 }
 317
 318 /* Styles for search word highlighting */
 319 @media screen {
 320  .searchword0 { background: #ff9 }
 321  .searchword1 { background: #cfc }
 322  .searchword2 { background: #cff }
 323  .searchword3 { background: #ccf }
 324  .searchword4 { background: #fcf }
 325 }
 326
 327 @media print {
 328  #footer { display: none }
 329  .nav { display: none }
 330 }