skins/modern/main.css

   1 body {
   2         margin: 0 0 0 0;
   3         padding: 0 0 0 0;
   4         /*font-size: 10pt;*/
   5         font-size: x-small;
   6
   7
   8         font-family: sans-serif;
   9         color: black;
  10         background-color: #f0f0f0;
  11 }
  12
  13 #mw_main,
  14 #p-personal,
  15 #mw_header {
  16         font-size: 130%;
  17 }
  18
  19 #mw_header {
  20         position: absolute;
  21         top: 0;
  22         left: 0;
  23         margin: 0 0 0 0;
  24         padding: 0 0em 0 0em;
  25         border: none;
  26         height: 2em;
  27         width: 100%;
  28
  29         background-color: #003366;
  30         color: white;
  31 }
  32
  33 #mw_header h1 {
  34         margin: 0 0 0 0.5em;
  35         padding: 0 0 0 0;
  36         text-decoration: none;
  37         font-size: 150%;
  38 }
  39
  40 #p-personal {
  41         position: absolute;
  42         top: 2em;
  43         left: 0;
  44         height: 1.5em;
  45         margin: 0 0 0 0;
  46         padding: 0 0 0 0;
  47         width: 100%;
  48
  49 }
  50
  51 #p-personal div.pBody {
  52         margin: 0 0 0 0;
  53         padding: 0 0 0 0;
  54         height: 1.5em;
  55         font-variant: small-caps;
  56 }
  57
  58 #p-personal h5 {
  59         display: none;
  60 }
  61
  62 #p-personal ul {
  63         margin: 0 0 0 0;
  64         padding: 0 0 0 0;
  65         display: block;
  66         height: 1.5em;
  67         background-color: #3c78b5;
  68 }
  69
  70 #p-personal li {
  71         display: block; float: left;
  72         height: 1.5em;
  73         margin: 0 0 0 0;
  74         vertical-align: middle;
  75
  76         font-weight: bold;
  77         text-transform: lowercase;
  78 }
  79
  80 #p-personal li a {
  81         text-decoration: none;
  82         color: white;
  83         padding: 0 1em 0 1em;
  84 }
  85
  86 #p-personal li a:hover {
  87         text-decoration: none;
  88         color: white;
  89 }
  90
  91 #p-personal li:hover {
  92         background-color: #003366;
  93 }
  94
  95 #jump-to-nav {
  96         display: none;
  97 }
  98
  99 #mw_contentwrapper {
 100         width: 100%;
 101         margin: 0 0 0 -15em;
 102         float: right;
 103 }
 104
 105 #mw_content {
 106         margin: 0 0 0 14em;
 107
 108         background-color: white;
 109         border-top: solid 1px #bbbbbb;
 110         border-left: solid 1px #bbbbbb;
 111         border-bottom: solid 1px #bbbbbb;
 112
 113         line-height: 1.5em;
 114         padding: 1em 1em 1em 1em;
 115 }
 116
 117 #mw_portlets {
 118         width: 14em;
 119
 120         border-right: solid 1px #bbbbbb;
 121         background-color: #f0f0f0;
 122 }
 123
 124 #mw_main {
 125         padding: 0 0 0 0;
 126         margin: 0 0 0 0;
 127         margin-top: 3.5em;
 128 }
 129
 130 #mw_clear {
 131         margin: 0 0 0 0;
 132         padding: 0 0 0 0;
 133         clear: both;
 134 }
 135
 136 .portlet {
 137         padding: 0 0 0 0;
 138         margin: 0 0 0 0;
 139 }
 140
 141 .portlet div.pBody {
 142         padding: 1em 0 1em 0;
 143 }
 144
 145 textarea {
 146         width: 100%;
 147         padding: .1em;
 148 }
 149
 150 #searchBody {
 151         text-align: center;
 152 }
 153
 154 #searchInput {
 155         display: block;
 156         margin-left: auto;
 157         margin-right: auto;
 158 }
 159
 160 .portlet h5 {
 161         padding: 0.1em 0 0.3em 1em;
 162         margin: 0 0 0 0;
 163         background-color: #dddddd;
 164         font-weight: bold;
 165         border-bottom: solid 1px #3c78b5;
 166         height: 1.1em;
 167 }
 168
 169 .portlet ul {
 170         margin: 0 0 0 1.5em;
 171         padding: 0 0 0 0;
 172 }
 173
 174 #mw_portlets .portlet ul {
 175         line-height: 1.4em;
 176 }
 177
 178 ul {
 179         list-style-image: url(bullet.gif);
 180 }
 181
 182 #p-cactions {
 183         height: 1.5em;
 184         padding: 0 0 0 0;
 185         margin: 0 0 0 14em;
 186 }
 187
 188 #p-cactions div.pBody {
 189         margin: 0 0 0 0;
 190         padding: 0 0 0 0;
 191 }
 192
 193 #p-cactions a,
 194 #p-cactions a:hover {
 195         color: black;
 196         text-decoration: none;
 197 }
 198
 199 #p-cactions ul {
 200         display: inline;
 201         margin: 0 0 0 0;
 202         padding: 0 0 0 0;
 203 }
 204
 205 #p-cactions li {
 206         margin: 0 0.5em 0 0.5em;
 207         padding: 0 0.2em 0 0.2em;
 208         display: block;
 209         float: left;
 210         height: 1.5em;
 211         text-transform: lowercase;
 212 }
 213
 214 #p-cactions li.selected {
 215         background-color: #bbbbbb;
 216 }
 217
 218 #p-cactions li a,
 219 #p-cactions li a:hover,
 220 #p-cactions li a:visited {
 221         text-decoration: underline;
 222         color: #003366;
 223 }
 224
 225 #p-cactions li.selected a,
 226 #p-cactions li.selected a:hover,
 227 #p-cactions li.selected a:visited {
 228         text-decoration: none;
 229         color: white;
 230 }
 231
 232 #p-cactions h5 {
 233         display: none;
 234 }
 235
 236 #siteSub {
 237         display: none;
 238 }
 239
 240 #footer {
 241         background-color: #f0f0f0;
 242         background: url(footer-grad.png) repeat-x 0 0;
 243         padding: 10px 1em 1em 1em;
 244
 245         color: #444444;
 246 }
 247
 248 #footer a,
 249 #footer a:hover,
 250 #footer a:visited {
 251         color: #444444;
 252         text-decoration: underline;
 253 }
 254
 255 img {
 256         border: none;
 257 }
 258
 259 #footer li {
 260         display: inline;
 261         list-style-type: none;
 262         padding: 0 0 0 0;
 263         margin: 0 0 0 0;
 264 }
 265
 266 #footer ul {
 267         padding: 0 0 0 0;
 268         margin: 0 0 0 0;
 269 }
 270
 271 div.printfooter {
 272         display: none;
 273 }
 274
 275 p {
 276         margin: 1em 0 1em 0;
 277 }
 278
 279 #contentSub {
 280         color: #888;
 281         font-size: small;
 282         padding-left: 2em;
 283 }
 284
 285 #mw_portlets form {
 286         margin: 0 0 0 0;
 287         padding: 0 0 0 0;
 288 }
 289
 290 a, a:hover, a:visited {
 291         /*text-decoration: underline;*/
 292         color: #003366;
 293 }
 294
 295 span.editsection {
 296         font-size: small;
 297 }
 298
 299 h1, h2 {
 300         border-bottom: solid 1px #003366;
 301 }
 302
 303 #preftoc {
 304         width: 100%;
 305         margin: 0 0 0 0;
 306         padding: 0 0 0 0;
 307         height: 1.5em;
 308         clear: right;
 309 }
 310
 311 #preftoc li {
 312         margin: 0 0.5em 0 0.5em;
 313         padding: 0 0.2em 0 0.2em;
 314         display: block;
 315         float: left;
 316         height: 1.5em;
 317         text-transform: lowercase;
 318 }
 319
 320 #preferences {
 321         margin: 0 0 0 0;
 322         padding: 0em 1em 1em 1em;
 323         border: solid 1px #bbbbbb;
 324 }
 325
 326 #preferences fieldset {
 327         margin-top: 0;
 328         border: none;
 329 }
 330
 331 #preferences h2 {
 332 }
 333
 334 .mainLegend {
 335         display: none;
 336 }
 337
 338 #preftoc li.selected {
 339         background-color: #bbbbbb;
 340 }
 341
 342 #preftoc li a,
 343 #preftoc li a:hover,
 344 #preftoc li a:visited {
 345         text-decoration: underline;
 346         color: #003366;
 347 }
 348
 349 #preftoc li.selected a,
 350 #preftoc li.selected a:hover,
 351 #preftoc li.selected a:visited {
 352         text-decoration: none;
 353         color: white;
 354 }
 355
 356 #mw_content a.external,
 357 #mw_content a[href ^="gopher://"] {
 358         background: url(external.png) center right no-repeat;
 359         padding-right: 13px;
 360 }
 361 #mw_content a[href ^="https://"],
 362 .link-https {
 363         background: url(lock_icon.gif) center right no-repeat;
 364         padding-right: 16px;
 365 }
 366 #mw_content a[href ^="mailto:"],
 367 .link-mailto {
 368         background: url(mail_icon.gif) center right no-repeat;
 369         padding-right: 18px;
 370 }
 371 #mw_content a[href ^="news://"] {
 372         background: url(news_icon.png) center right no-repeat;
 373         padding-right: 18px;
 374 }
 375 #mw_content a[href ^="ftp://"],
 376 .link-ftp {
 377         background: url(file_icon.gif) center right no-repeat;
 378         padding-right: 18px;
 379 }
 380 #mw_content a[href ^="irc://"],
 381 .link-irc {
 382         background: url(discussionitem_icon.gif) center right no-repeat;
 383         padding-right: 18px;
 384 }
 385
 386 #mw_content a.external[href $=".ogg"], #mw_content a.external[href $=".OGG"],
 387 #mw_content a.external[href $=".mid"], #mw_content a.external[href $=".MID"],
 388 #mw_content a.external[href $=".midi"], #mw_content a.external[href $=".MIDI"],
 389 #mw_content a.external[href $=".mp3"], #mw_content a.external[href $=".MP3"],
 390 #mw_content a.external[href $=".wav"], #mw_content a.external[href $=".WAV"],
 391 #mw_content a.external[href $=".wma"], #mw_content a.external[href $=".WMA"],
 392 .link-audio {
 393         background: url("audio.png") center right no-repeat;
 394         padding-right: 13px;
 395 }
 396 #mw_content a.external[href $=".ogm"], #mw_content a.external[href $=".OGM"],
 397 #mw_content a.external[href $=".avi"], #mw_content a.external[href $=".AVI"],
 398 #mw_content a.external[href $=".mpeg"], #mw_content a.external[href $=".MPEG"],
 399 #mw_content a.external[href $=".mpg"], #mw_content a.external[href $=".MPG"],
 400 .link-video {
 401         background: url("video.png") center right no-repeat;
 402         padding-right: 13px;
 403 }
 404 #mw_content a.external[href $=".pdf"], #mw_content a.external[href $=".PDF"],
 405 #mw_content a.external[href *=".pdf#"], #mw_content a.external[href *=".PDF#"],
 406 #mw_content a.external[href *=".pdf?"], #mw_content a.external[href *=".PDF?"],
 407 .link-document {
 408         background: url("document.png") center right no-repeat;
 409         padding-right: 12px;
 410 }
 411
 412 /* images */
 413 div.floatright, table.floatright {
 414         clear: right;
 415         float: right;
 416         position: relative;
 417         margin: 0 0 .5em .5em;
 418         border: 0;
 419 /*
 420         border: .5em solid white;
 421         border-width: .5em 0 .8em 1.4em;
 422 */
 423 }
 424 div.floatright p { font-style: italic; }
 425 div.floatleft, table.floatleft {
 426         float: left;
 427         clear: left;
 428         position: relative;
 429         margin: 0 .5em .5em 0;
 430         border: 0;
 431 /*
 432         margin: .3em .5em .5em 0;
 433         border: .5em solid white;
 434         border-width: .5em 1.4em .8em 0;
 435 */
 436 }
 437 div.floatleft p { font-style: italic; }
 438 /* thumbnails */
 439 div.thumb {
 440         margin-bottom: .5em;
 441         border-style: solid;
 442         border-color: white;
 443         width: auto;
 444 }
 445 div.thumbinner {
 446         border: 1px solid #ccc;
 447         padding: 3px !important;
 448         background-color: #f9f9f9;
 449         font-size: 94%;
 450         text-align: center;
 451         overflow: hidden;
 452 }
 453 html .thumbimage {
 454         border: 1px solid #ccc;
 455 }
 456 html .thumbcaption {
 457         border: none;
 458         text-align: left;
 459         line-height: 1.4em;
 460         padding: 3px !important;
 461         font-size: 94%;
 462 }
 463 div.magnify {
 464         float: right;
 465         border: none !important;
 466         background: none !important;
 467 }
 468 div.magnify a, div.magnify img {
 469         display: block;
 470         border: none !important;
 471         background: none !important;
 472 }
 473 div.tright {
 474         clear: right;
 475         float: right;
 476         border-width: .5em 0 .8em 1.4em;
 477 }
 478 div.tleft {
 479         float: left;
 480         clear: left;
 481         margin-right: .5em;
 482         border-width: .5em 1.4em .8em 0;
 483 }
 484 img.thumbborder {
 485         border: 1px solid #dddddd;
 486 }
 487 .hiddenStructure {
 488         display: none;
 489 }
 490
 491 #mw_content .plainlinks a {
 492         background: none !important;
 493         padding: 0 !important;
 494 }
 495
 496 .mw-warning {
 497         border: 1px solid #aaa;
 498         background-color: #f9f9f9;
 499         padding: 5px;
 500         font-size: 95%;
 501 }
 502
 503 #toc,
 504 .toc {
 505         margin: 0 0 0 0;
 506         padding: 0 0 0 0;
 507         border-spacing: 0;
 508         background-color: #f0f0f0;
 509         border: solid 1px #bbbbbb;
 510 }
 511
 512 #toc tr, #toc td {
 513         margin: 0 0 0 0;
 514         padding: 0 0 0 0;
 515 }
 516
 517 #toctitle {
 518         border-bottom: solid 1px #3c78b5;
 519         background-color: #dddddd;
 520         margin: 0 0 0 0;
 521 }
 522
 523 #toc h2,
 524 .toc h2 {
 525         display: inline;
 526         border: none;
 527         padding: 0;
 528         font-size: 100%;
 529         font-weight: bold;
 530 }
 531 #toc #toctitle,
 532 .toc #toctitle,
 533 #toc .toctitle,
 534 .toc .toctitle {
 535         text-align: center;
 536 }
 537
 538 #toc ul,
 539 .toc ul {
 540         list-style-type: none;
 541         list-style-image: none;
 542         margin: 0 1em 0 1em;
 543         padding-left: 0;
 544         text-align: left;
 545 }
 546
 547 #toc ul ul,
 548 .toc ul ul {
 549         margin: 0 0 0 2em;
 550 }
 551
 552 #toc .toctoggle,
 553 .toc .toctoggle {
 554         font-size: 94%;
 555 }
 556
 557 .mw-warning {
 558         margin-left: 50px;
 559         margin-right: 50px;
 560         text-align: center;
 561 }
 562
 563 #catlinks {
 564         border: solid 1px #bbbbbb;
 565         background-color: #f0f0f0;
 566         padding: 0.5em 0.5em 0.5em 0.5em;
 567         margin: 0 0 0 0;
 568 }
 569
 570 #catlinks p {
 571         margin: 0 0 0 0;
 572         padding: 0 0 0 0;
 573 }
 574
 575 #mw_header h1,
 576 #p-personal,
 577 #p-cactions {
 578         overflow: hidden;
 579 }