skins/modern/main.css

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