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 -14.1em;
  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 #searchBody {
 138         text-align: center;
 139 }
 140
 141 #searchInput {
 142         display: block;
 143         margin-left: auto;
 144         margin-right: auto;
 145 }
 146
 147 .portlet h5 {
 148         padding: 0.3em 0 0.3em 1em;
 149         margin: 0 0 0 0;
 150         background-color: #dddddd;
 151         font-weight: bold;
 152         border-bottom: solid 1px #3c78b5;
 153 }
 154
 155 .portlet ul {
 156         margin: 0 0 0 1.5em;
 157         padding: 0 0 0 0;
 158 }
 159
 160 #mw_portlets .portlet ul {
 161         line-height: 1.4em;
 162 }
 163
 164 ul {
 165         list-style-image: url(bullet.gif);
 166 }
 167
 168 #p-cactions {
 169         height: 1.5em;
 170         padding: 0 0 0 0;
 171         margin: 0 0 0 14em;
 172 }
 173
 174 #p-cactions div.pBody {
 175         margin: 0 0 0 0;
 176         padding: 0 0 0 0;
 177 }
 178
 179 #p-cactions a,
 180 #p-cactions a:hover {
 181         color: black;
 182         text-decoration: none;
 183 }
 184
 185 #p-cactions ul {
 186         display: inline;
 187         margin: 0 0 0 0;
 188         padding: 0 0 0 0;
 189 }
 190
 191 #p-cactions li {
 192         margin: 0 0.5em 0 0.5em;
 193         padding: 0 0.2em 0 0.2em;
 194         display: block;
 195         float: left;
 196         height: 1.5em;
 197         text-transform: lowercase;
 198 }
 199
 200 #p-cactions li.selected {
 201         background-color: #bbbbbb;
 202 }
 203
 204 #p-cactions li a,
 205 #p-cactions li a:hover,
 206 #p-cactions li a:visited {
 207         text-decoration: underline;
 208         color: #003366;
 209 }
 210
 211 #p-cactions li.selected a,
 212 #p-cactions li.selected a:hover,
 213 #p-cactions li.selected a:visited {
 214         text-decoration: none;
 215         color: white;
 216 }
 217
 218 #p-cactions h5 {
 219         display: none;
 220 }
 221
 222 #siteSub {
 223         display: none;
 224 }
 225
 226 #footer {
 227         background-color: #f0f0f0;
 228         background: url(footer-grad.png) repeat-x 0 0;
 229         padding: 10px 1em 0 1em;
 230
 231         color: #444444;
 232 }
 233
 234 #footer a,
 235 #footer a:hover,
 236 #footer a:visited {
 237         color: #444444;
 238         text-decoration: underline;
 239 }
 240
 241 img {
 242         border: none;
 243 }
 244
 245 #footer li {
 246         display: inline;
 247         list-style-type: none;
 248         padding: 0 0 0 0;
 249         margin: 0 0 0 0;
 250 }
 251
 252 #footer ul {
 253         padding: 0 0 0 0;
 254         margin: 0 0 0 0;
 255 }
 256
 257 div.printfooter {
 258         display: none;
 259 }
 260
 261 p {
 262         margin: 1em 0 1em 0;
 263 }
 264
 265 #contentSub {
 266         color: #888;
 267         font-size: small;
 268         padding-left: 2em;
 269 }
 270
 271 #mw_portlets form {
 272         margin: 0 0 0 0;
 273         padding: 0 0 0 0;
 274 }
 275
 276 a, a:hover, a:visited {
 277         text-decoration: underline;
 278         color: #003366;
 279 }
 280
 281 span.editsection {
 282         font-size: small;
 283 }
 284
 285 h1, h2 {
 286         border-bottom: solid 1px #003366;
 287 }
 288
 289 #preftoc {
 290         width: 100%;
 291         margin: 0 0 0 0;
 292         padding: 0 0 0 0;
 293         height: 1.5em;
 294         clear: right;
 295 }
 296
 297 #preftoc li {
 298         margin: 0 0.5em 0 0.5em;
 299         padding: 0 0.2em 0 0.2em;
 300         display: block;
 301         float: left;
 302         height: 1.5em;
 303         text-transform: lowercase;
 304 }
 305
 306 #preferences {
 307         margin: 0 0 0 0;
 308         padding: 0em 1em 1em 1em;
 309         border: solid 1px #bbbbbb;
 310 }
 311
 312 #preferences fieldset {
 313         margin-top: 0;
 314         border: none;
 315 }
 316
 317 #preferences h2 {
 318         font-size: 10pt;
 319 }
 320
 321 .mainLegend {
 322         display: none;
 323 }
 324
 325 #preftoc li.selected {
 326         background-color: #bbbbbb;
 327 }
 328
 329 #preftoc li a,
 330 #preftoc li a:hover,
 331 #preftoc li a:visited {
 332         text-decoration: underline;
 333         color: #003366;
 334 }
 335
 336 #preftoc li.selected a,
 337 #preftoc li.selected a:hover,
 338 #preftoc li.selected a:visited {
 339         text-decoration: none;
 340         color: white;
 341 }
 342
 343 #mw_content a.external,
 344 #mw_content a[href ^="gopher://"] {
 345         background: url(external.png) center right no-repeat;
 346         padding-right: 13px;
 347 }
 348 #mw_content a[href ^="https://"],
 349 .link-https {
 350         background: url(lock_icon.gif) center right no-repeat;
 351         padding-right: 16px;
 352 }
 353 #mw_content a[href ^="mailto:"],
 354 .link-mailto {
 355         background: url(mail_icon.gif) center right no-repeat;
 356         padding-right: 18px;
 357 }
 358 #mw_content a[href ^="news://"] {
 359         background: url(news_icon.png) center right no-repeat;
 360         padding-right: 18px;
 361 }
 362 #mw_content a[href ^="ftp://"],
 363 .link-ftp {
 364         background: url(file_icon.gif) center right no-repeat;
 365         padding-right: 18px;
 366 }
 367 #mw_content a[href ^="irc://"],
 368 .link-irc {
 369         background: url(discussionitem_icon.gif) center right no-repeat;
 370         padding-right: 18px;
 371 }
 372
 373 #mw_content a.external[href $=".ogg"], #mw_content a.external[href $=".OGG"],
 374 #mw_content a.external[href $=".mid"], #mw_content a.external[href $=".MID"],
 375 #mw_content a.external[href $=".midi"], #mw_content a.external[href $=".MIDI"],
 376 #mw_content a.external[href $=".mp3"], #mw_content a.external[href $=".MP3"],
 377 #mw_content a.external[href $=".wav"], #mw_content a.external[href $=".WAV"],
 378 #mw_content a.external[href $=".wma"], #mw_content a.external[href $=".WMA"],
 379 .link-audio {
 380         background: url("audio.png") center right no-repeat;
 381         padding-right: 13px;
 382 }
 383 #mw_content a.external[href $=".ogm"], #mw_content a.external[href $=".OGM"],
 384 #mw_content a.external[href $=".avi"], #mw_content a.external[href $=".AVI"],
 385 #mw_content a.external[href $=".mpeg"], #mw_content a.external[href $=".MPEG"],
 386 #mw_content a.external[href $=".mpg"], #mw_content a.external[href $=".MPG"],
 387 .link-video {
 388         background: url("video.png") center right no-repeat;
 389         padding-right: 13px;
 390 }
 391 #mw_content a.external[href $=".pdf"], #mw_content a.external[href $=".PDF"],
 392 #mw_content a.external[href *=".pdf#"], #mw_content a.external[href *=".PDF#"],
 393 #mw_content a.external[href *=".pdf?"], #mw_content a.external[href *=".PDF?"],
 394 .link-document {
 395         background: url("document.png") center right no-repeat;
 396         padding-right: 12px;
 397 }
 398
 399 /* images */
 400 div.floatright, table.floatright {
 401         clear: right;
 402         float: right;
 403         position: relative;
 404         margin: 0 0 .5em .5em;
 405         border: 0;
 406 /*
 407         border: .5em solid white;
 408         border-width: .5em 0 .8em 1.4em;
 409 */
 410 }
 411 div.floatright p { font-style: italic; }
 412 div.floatleft, table.floatleft {
 413         float: left;
 414         clear: left;
 415         position: relative;
 416         margin: 0 .5em .5em 0;
 417         border: 0;
 418 /*
 419         margin: .3em .5em .5em 0;
 420         border: .5em solid white;
 421         border-width: .5em 1.4em .8em 0;
 422 */
 423 }
 424 div.floatleft p { font-style: italic; }
 425 /* thumbnails */
 426 div.thumb {
 427         margin-bottom: .5em;
 428         border-style: solid;
 429         border-color: white;
 430         width: auto;
 431 }
 432 div.thumbinner {
 433         border: 1px solid #ccc;
 434         padding: 3px !important;
 435         background-color: #f9f9f9;
 436         font-size: 94%;
 437         text-align: center;
 438         overflow: hidden;
 439 }
 440 html .thumbimage {
 441         border: 1px solid #ccc;
 442 }
 443 html .thumbcaption {
 444         border: none;
 445         text-align: left;
 446         line-height: 1.4em;
 447         padding: 3px !important;
 448         font-size: 94%;
 449 }
 450 div.magnify {
 451         float: right;
 452         border: none !important;
 453         background: none !important;
 454 }
 455 div.magnify a, div.magnify img {
 456         display: block;
 457         border: none !important;
 458         background: none !important;
 459 }
 460 div.tright {
 461         clear: right;
 462         float: right;
 463         border-width: .5em 0 .8em 1.4em;
 464 }
 465 div.tleft {
 466         float: left;
 467         clear: left;
 468         margin-right: .5em;
 469         border-width: .5em 1.4em .8em 0;
 470 }
 471 img.thumbborder {
 472         border: 1px solid #dddddd;
 473 }
 474 .hiddenStructure {
 475         display: none;
 476 }
 477
 478 #mw_content .plainlinks a {
 479         background: none !important;
 480         padding: 0 !important;
 481 }
 482
 483 .mw-warning {
 484         border: 1px solid #aaa;
 485         background-color: #f9f9f9;
 486         padding: 5px;
 487         font-size: 95%;
 488 }
 489
 490 #toc,
 491 .toc {
 492         margin: 0 0 0 0;
 493         padding: 0 0 0 0;
 494         border-spacing: 0;
 495         background-color: #f0f0f0;
 496         border: solid 1px #bbbbbb;
 497 }
 498
 499 #toc tr, #toc td {
 500         margin: 0 0 0 0;
 501         padding: 0 0 0 0;
 502 }
 503
 504 #toctitle {
 505         border-bottom: solid 1px #3c78b5;
 506         background-color: #dddddd;
 507         margin: 0 0 0 0;
 508 }
 509
 510 #toc h2,
 511 .toc h2 {
 512         display: inline;
 513         border: none;
 514         padding: 0;
 515         font-size: 100%;
 516         font-weight: bold;
 517 }
 518 #toc #toctitle,
 519 .toc #toctitle,
 520 #toc .toctitle,
 521 .toc .toctitle {
 522         text-align: center;
 523 }
 524
 525 #toc ul,
 526 .toc ul {
 527         list-style-type: none;
 528         list-style-image: none;
 529         margin: 0 1em 0 1em;
 530         padding-left: 0;
 531         text-align: left;
 532 }
 533
 534 #toc ul ul,
 535 .toc ul ul {
 536         margin: 0 0 0 2em;
 537 }
 538
 539 #toc .toctoggle,
 540 .toc .toctoggle {
 541         font-size: 94%;
 542 }
 543
 544 .mw-warning {
 545         margin-left: 50px;
 546         margin-right: 50px;
 547         text-align: center;
 548 }
 549
 550 #catlinks {
 551         border: solid 1px #bbbbbb;
 552         background-color: #f0f0f0;
 553         padding: 0.5em 0.5em 0.5em 0.5em;
 554         margin: 0 0 0 0;
 555 }
 556
 557 #catlinks p {
 558         margin: 0 0 0 0;
 559         padding: 0 0 0 0;
 560 }