skins/vector/main.css

   1 /* Framework */
   2 html,
   3 body {
   4         height: 100%;
   5         margin: 0;
   6         padding: 0;
   7         font-family: sans-serif;
   8         font-size: small;
   9 }
  10 body.rtl {
  11         direction: rtl;
  12         unicode-bidi: embed;
  13         background-position: top right;
  14 }
  15
  16 /* Content Base */
  17 div#content-base {
  18         position: fixed;
  19         top: 0;
  20         left: 0;
  21         height: 101%;
  22         width: 100%;
  23 }
  24         div#content-base > div {
  25                 height: 100%;
  26                 margin-left: 12em; /* PANEL WIDTH */
  27                 background-color: white;
  28                 background-image: url(images/content-base.png);
  29                 background-position: top left;
  30                 background-repeat: repeat-y;
  31         }
  32         body.rtl div#content-base > div {
  33                 margin-left: 0;
  34                 margin-right: 12em; /* PANEL WIDTH */
  35                 background-position: top right;
  36         }
  37
  38 /* Panel Base */
  39 div#panel-base {
  40         position: fixed;
  41         top: 0;
  42         left: 0;
  43         height: 101%;
  44         width: 12em; /* PANEL WIDTH */
  45         background-image: url(images/page-base.png);
  46         background-repeat: repeat;
  47 }
  48 body.rtl div#panel-base {
  49         left: auto;
  50         right: 0;
  51 }
  52
  53 /* Page */
  54 div#page {
  55         position: absolute;
  56         top: 0;
  57         left: 0;
  58         height: 100%;
  59         width: 100%;
  60 }
  61         div#page div.break {
  62                 clear: both;
  63         }
  64
  65 /* Panel */
  66 div#panel {
  67         margin-top: 155px; /* LOGO HEIGHT */
  68         width: 12em; /* PANEL WIDTH */
  69 }
  70         div#panel > div.buffer {
  71                 padding-top: 1em;
  72         }
  73         div#panel > div.buffer > div.portal {
  74                 padding-top: 1.5em;
  75         }
  76         div#panel > div.buffer:first-child {
  77                 padding-top: 0em;
  78         }
  79         div#panel > div.buffer > div.portal > h5 {
  80                 font-weight: normal;
  81                 color: #666666;
  82                 padding: 0.5em;
  83                 padding-top: 0;
  84                 padding-bottom: 0.33em;
  85                 padding-left: 1.25em;
  86                 cursor: default;
  87         }
  88         body.rtl div#panel > div.buffer > div.portal > h5 {
  89                 padding-left: 0;
  90                 padding-right: 1.25em;
  91         }
  92         div#panel > div.buffer > div.portal > div.body {
  93                 padding-top: 0.33em;
  94                 margin-left: 1.25em;
  95                 background-image: url(images/panel-fade.png);
  96                 background-repeat: no-repeat;
  97                 background-position: top left;
  98         }
  99         body.rtl div#panel > div.buffer > div.portal > div.body {
 100                 padding-left: 0;
 101                 margin-right: 1.25em;
 102                 background-position: top right;
 103         }
 104         div#panel > div.buffer > div.portal > div.body > ul {
 105                 list-style: none;
 106                 padding: 0;
 107                 margin: 0;
 108         }
 109         div#panel > div.buffer > div.portal > div.body > ul > li {
 110                 padding: 0;
 111                 padding-bottom: 0.25em;
 112                 margin: 0;
 113                 overflow: hidden;
 114         }
 115         div#panel > div.buffer > div.portal > div.body > ul > li > a {
 116                 color: #0645ad;
 117         }
 118         div#panel > div.buffer > div.portal > div.body > ul > li > a:visited {
 119                 color: #0b0080;
 120         }
 121
 122 /* Logo */
 123 #logo {
 124         position: absolute;
 125         top: 0;
 126         left: 0;
 127         height: 155px; /* LOGO HEIGHT */
 128         width: 12em; /* PANEL WIDTH */
 129         overflow: visible;
 130         background-image: url(images/page-fade.png);
 131         background-position: top left;
 132         background-repeat: repeat-x;
 133 }
 134 body.rtl #logo {
 135         left: auto;
 136         right: 0;
 137         background-position: top right;
 138 }
 139         #logo > a,
 140         #logo > a:hover {
 141                 display: block;
 142                 height: 155px; /* LOGO HEIGHT */
 143                 width: 12em; /* PANEL WIDTH */
 144                 background-repeat: no-repeat;
 145                 background-position: center center;
 146                 text-decoration: none;
 147         }
 148
 149 /* Content */
 150 div#content {
 151         float: right;
 152         width: 100%;
 153         margin-top: 6em; /* HEAD HEIGHT */
 154         margin-left: -12em; /* PANEL WIDTH */
 155 }
 156 body.rtl div#content {
 157         float: left;
 158         margin-left: 0;
 159         margin-right: -12em; /* PANEL WIDTH */
 160 }
 161         div#content > div.buffer {
 162                 margin-left: 12em; /* PANEL WIDTH */
 163                 padding: 10px;
 164                 background-color: white;
 165                 background-image: url(images/content-base.png);
 166                 background-position: top left;
 167                 background-repeat: repeat-y;
 168         }
 169         body.rtl div#content > div.buffer {
 170                 margin-left: 0;
 171                 margin-right: 12em; /* PANEL WIDTH */
 172                 background-position: top right;
 173         }
 174
 175 /* Head */
 176 div#head {
 177         position: absolute;
 178         top: 0;
 179         height: 6em; /* HEAD HEIGHT */
 180         width: 100%;
 181         background-image: url(images/page-fade.png);
 182         background-position: top left;
 183         background-repeat: repeat-x;
 184 }
 185 body.rtl div#head {
 186         background-position: top right;
 187 }
 188         div#head > div.buffer {
 189                 margin-left: 12em; /* PANEL WIDTH */
 190                 height: 100%;
 191                 background-image: url(images/head-base.png);
 192                 background-position: bottom left;
 193                 background-repeat: repeat-x;
 194         }
 195         body.rtl div#head > div.buffer {
 196                 margin-left: 0;
 197                 margin-right: 12em; /* PANEL WIDTH */
 198                 background-position: bottom right;
 199         }
 200         div#head > div.buffer > div.top {
 201                 height: 3em; /* HALF HEAD HEIGHT */
 202                 float: right;
 203         }
 204         body.rtl div#head > div.buffer > div.top {
 205                 float: left;
 206         }
 207         div#head > div.buffer > div.bottom {
 208                 margin-top: -3em; /* HALF HEAD HEIGHT */
 209                 height: 3em; /* HALF HEAD HEIGHT */
 210                 float: right;
 211         }
 212         body.rtl div#head > div.buffer > div.bottom {
 213                 float: left;
 214         }
 215         div#head > div.buffer > div.middle {
 216                 height: 3em; /* HALF HEAD HEIGHT */
 217                 width: 100%;
 218                 clear: both;
 219         }
 220         body.rtl div#head > div.buffer > div.middle {
 221                 float: right;
 222         }
 223
 224 /* Foot */
 225 div#foot {
 226         margin-left: 12em; /* PANEL WIDTH */
 227         background-image: url(images/page-base.png);
 228         background-repeat: repeat;
 229 }
 230 body.rtl div#foot {
 231         margin-left: 0;
 232         margin-right: 12em; /* PANEL WIDTH */
 233         background-position: top right;
 234 }
 235         div#foot > div.buffer {
 236                 background-image: url(images/foot-base.png);
 237                 background-position: top left;
 238                 background-repeat: repeat-x;
 239                 padding: 0.75em;
 240         }
 241         body.rtl div#foot > div.buffer {
 242                 margin-left: 0;
 243                 margin-right: 1px;
 244                 background-position: top right;
 245         }
 246         div#foot ul {
 247                 margin: 0;
 248                 padding: 0;
 249                 list-style: none;
 250         }
 251         div#foot li {
 252                 font-size: x-small;
 253                 color: #666666;
 254         }
 255         div#foot a {
 256                 color: #0645ad;
 257
 258         }
 259         div#foot a:visited {
 260                 color: #0b0080;
 261         }
 262
 263 /* Foot Icons */
 264 ul#foot-icons {
 265         float: right;
 266         width: 88px;
 267         margin-right: 0.75em;
 268 }
 269         body.rtl ul#foot-icons {
 270                 float: left;
 271                 margin-left: 0.75em;
 272                 margin-right: 0;
 273         }
 274         ul#foot-icons > li {
 275                 margin-bottom: 0.75em;
 276                 margin-top: 0.2em;
 277         }
 278
 279 /* Foot Info */
 280 ul#foot-info {
 281         float: left;
 282 }
 283         body.rtl ul#foot-info {
 284                 float: right;
 285         }
 286         ul#foot-info > li {
 287                 padding: 0em;
 288                 padding-bottom: 0.5em;
 289                 margin: 0em;
 290                 margin-bottom: 0.5em;
 291                 border-bottom: dashed 1px #DEDEDE;
 292         }
 293
 294 /* Foot Places */
 295 ul#foot-places {
 296         clear: left;
 297         float: left;
 298 }
 299         body.rtl ul#foot-places {
 300                 clear: right;
 301                 float: right;
 302         }
 303         ul#foot-places > li {
 304                 float: left;
 305                 padding: 0;
 306                 padding-bottom: 0.5em;
 307                 margin: 0;
 308                 margin-right: 1.5em;
 309         }
 310         body.rtl ul#foot-places > li {
 311                 float: right;
 312                 margin-left: 1.5em;
 313                 margin-right: 0;
 314         }
 315
 316 /* Namespaces */
 317 div#namespaces {
 318         float: left;
 319         height: 3em; /* HALF HEAD HEIGHT */
 320         background-image: url(images/head-break.png);
 321         background-position: bottom right;
 322         background-repeat: no-repeat;
 323         padding-right: 1px;
 324 }
 325 body.rtl div#namespaces {
 326         float: right;
 327         background-position: bottom left;
 328         padding-right: 0;
 329         padding-left: 1px;
 330 }
 331         div#namespaces h5 {
 332                 display: none;
 333         }
 334         div#namespaces > ul {
 335                 height: 100%;
 336                 list-style: none;
 337                 margin: 0;
 338                 padding: 0;
 339         }
 340         div#namespaces > ul > li {
 341                 float: left;
 342                 height: 100%;
 343                 margin: 0;
 344                 padding: 0;
 345                 background-image: url(images/namespace-normal-fade.png);
 346                 background-position: bottom left;
 347                 background-repeat: repeat-x;
 348         }
 349         body.rtl div#namespaces > ul > li {
 350                 float: right;
 351                 background-position: bottom right;
 352         }
 353         div#namespaces > ul > li > a {
 354                 display: block;
 355                 height: 100%;
 356                 line-height: 4em;
 357                 padding-left: 0.5em;
 358                 padding-right: 0.5em;
 359                 background-image: url(images/head-break.png);
 360                 background-position: bottom left;
 361                 background-repeat: no-repeat;
 362         }
 363         body.rtl div#namespaces > ul > li > a {
 364                 background-position: bottom right;
 365         }
 366         div#namespaces > ul > li > a,
 367         div#namespaces > ul > li > a:visited {
 368                 color: #0645ad;
 369         }
 370         div#namespaces > ul > li.selected > a,
 371         div#namespaces > ul > li.selected > a:visited{
 372                 color: #333333;
 373                 cursor: default;
 374                 text-decoration: none;
 375         }
 376         div#namespaces > ul > li.new > a,
 377         div#namespaces > ul > li.new > a:visited{
 378                 color: #a55858;
 379         }
 380         div#namespaces > ul > li.selected {
 381                 background-image: url(images/namespace-current-fade.png);
 382                 background-position: bottom left;
 383                 background-repeat: repeat-x;
 384         }
 385         body.rtl div#namespaces > ul > li.selected {
 386                 background-position: bottom right;
 387         }
 388
 389 /* Views */
 390 div#views {
 391         float: left;
 392         height: 3em; /* HALF HEAD HEIGHT */
 393         background-image: url(images/head-break.png);
 394         background-position: bottom right;
 395         background-repeat: no-repeat;
 396         padding-right: 1px;
 397 }
 398 body.rtl div#views {
 399         float: right;
 400         background-position: bottom left;
 401         padding-right: 0;
 402         padding-left: 1px;
 403 }
 404         div#views h5 {
 405                 display: none;
 406         }
 407         div#views > ul {
 408                 height: 100%;
 409                 list-style: none;
 410                 margin: 0;
 411                 padding: 0;
 412         }
 413         div#views > ul > li {
 414                 float: left;
 415                 height: 100%;
 416                 margin: 0;
 417                 padding: 0;
 418                 background-image: url(images/view-normal-fade.png);
 419                 background-position: bottom left;
 420                 background-repeat: repeat-x;
 421         }
 422         body.rtl div#views > ul > li {
 423                 float: right;
 424                 background-position: bottom right;
 425         }
 426         div#views > ul > li > a {
 427                 display: block;
 428                 height: 100%;
 429                 line-height: 4em;
 430                 padding-left: 0.5em;
 431                 padding-right: 0.5em;
 432                 background-image: url(images/head-break.png);
 433                 background-position: bottom left;
 434                 background-repeat: no-repeat;
 435         }
 436         body.rtl div#views > ul > li > a {
 437                 background-position: bottom right;
 438         }
 439         div#views > ul > li > a,
 440         div#views > ul > li > a:visited {
 441                 color: #0645ad;
 442         }
 443         div#views > ul > li.selected > a,
 444         div#views > ul > li.selected > a:visited{
 445                 color: #333333;
 446                 cursor: default;
 447                 text-decoration: none;
 448         }
 449         div#views > ul > li.new > a,
 450         div#views > ul > li.new > a:visited{
 451                 color: #a55858;
 452         }
 453         div#views > ul > li.selected {
 454                 background-image: url(images/view-current-fade.png);
 455                 background-position: bottom left;
 456                 background-repeat: repeat-x;
 457         }
 458         body.rlt div#views > ul > li.selected {
 459                 background-position: bottom right;
 460         }
 461
 462 /* Actions */
 463 div#actions {
 464         float: left;
 465         height: 3em; /* HALF HEAD HEIGHT */
 466         background-image: url(images/head-break.png);
 467         background-position: bottom right;
 468         background-repeat: no-repeat;
 469         padding-right: 1px;
 470 }
 471 body.rtl div#actions {
 472         float: right;
 473         background-position: bottom left;
 474         padding-right: 0;
 475         padding-left: 1px;
 476 }
 477         div#actions > h5 {
 478                 height: 100%;
 479                 margin: 0;
 480                 padding: 0;
 481                 background-image: url(images/action-normal-fade.png);
 482                 background-position: bottom left;
 483                 background-repeat: repeat-x;
 484         }
 485         body.rtl div#actions > h5 {
 486                 background-position: bottom right;
 487         }
 488         div#actions > h5 > div.icon {
 489                 height: 80%;
 490                 width: 16px;
 491                 margin-left: 0.25em;
 492                 margin-right: 0.25em;
 493                 background-image: url(images/arrow-down-icon.png);
 494                 background-position: bottom center;
 495                 background-repeat: no-repeat;
 496                 cursor: default;
 497         }
 498         div#actions > h5 > div.icon > span {
 499                 display: none;
 500         }
 501         div#actions > div.menu {
 502                 display: none;
 503         }
 504         div#actions:hover > div.menu {
 505                 display: block;
 506         }
 507         div#actions > div.menu > ul {
 508                 position: absolute;
 509                 list-style: none;
 510                 background-color: white;
 511                 border: solid 1px silver;
 512                 border-top-width: 0;
 513                 margin: 0;
 514                 margin-left: -1px;
 515                 padding: 0;
 516         }
 517         body.rtl div#actions > div.menu > ul {
 518                 margin-left: 0;
 519                 margin-right: -1px;
 520         }
 521         div#actions > div.menu > ul > li {
 522                 margin: 0;
 523                 padding: 0;
 524         }
 525         div#actions > div.menu > ul > li > a {
 526                 display: block;
 527                 padding-top: 0.25em;
 528                 padding-bottom: 0.25em;
 529                 padding-left: 0.5em;
 530                 padding-right: 0.5em;
 531         }
 532         div#actions > div.menu > ul > li > a,
 533         div#actions > div.menu > ul > li > a:visited {
 534                 color: #0645ad;
 535         }
 536
 537 /* I DON"T THINK THIS IS AWESOME, BUT IT"S SOMETHING... */
 538
 539 /* Variants */
 540 div#variants {
 541         float: left;
 542         height: 3em; /* HALF HEAD HEIGHT */
 543         background-image: url(images/head-break.png);
 544         background-position: bottom right;
 545         background-repeat: no-repeat;
 546         padding-right: 1px;
 547 }
 548 body.rtl div#variants {
 549         float: right;
 550         background-position: bottom left;
 551         padding-right: 0;
 552         padding-left: 1px;
 553 }
 554         div#variants > h5 {
 555                 height: 100%;
 556                 margin: 0;
 557                 padding: 0;
 558                 background-image: url(images/action-normal-fade.png);
 559                 background-position: bottom left;
 560                 background-repeat: repeat-x;
 561         }
 562         body.rtl div#variants > h5 {
 563                 background-position: bottom right;
 564         }
 565         div#variants > h5 > div.icon {
 566                 height: 80%;
 567                 width: 16px;
 568                 margin-left: 0.25em;
 569                 margin-right: 0.25em;
 570                 background-image: url(images/arrow-down-icon.png);
 571                 background-position: bottom center;
 572                 background-repeat: no-repeat;
 573                 cursor: default;
 574         }
 575         div#variants > h5 > div.icon > span {
 576                 display: none;
 577         }
 578         div#variants > div.menu {
 579                 display: none;
 580         }
 581         div#variants:hover > div.menu {
 582                 display: block;
 583         }
 584         div#variants > div.menu > ul {
 585                 position: absolute;
 586                 list-style: none;
 587                 background-color: white;
 588                 border: solid 1px silver;
 589                 border-top-width: 0;
 590                 margin: 0;
 591                 margin-left: -1px;
 592                 padding: 0;
 593         }
 594         body.rtl div#variants > div.menu > ul {
 595                 margin-left: 0;
 596                 margin-right: -1px;
 597         }
 598         div#variants > div.menu > ul > li {
 599                 margin: 0;
 600                 padding: 0;
 601         }
 602         div#variants > div.menu > ul > li > a {
 603                 display: block;
 604                 padding-top: 0.25em;
 605                 padding-bottom: 0.25em;
 606                 padding-left: 0.5em;
 607                 padding-right: 0.5em;
 608         }
 609         div#variants > div.menu > ul > li > a,
 610         div#variants > div.menu > ul > li > a:visited {
 611                 color: #0645ad;
 612         }
 613
 614 /* END OF STUFF I"M NOT SURE ABOUT... */
 615
 616 /* Search */
 617 div#search {
 618         margin-top: 0.75em;
 619         margin-right: 0.5em;
 620         margin-left: 0.75em;
 621         float: left;
 622 }
 623 body.rtl div#search {
 624         margin-right: 0.75em;
 625         margin-left: 0.5em;
 626         float: right;
 627 }
 628         div#search h5 {
 629                 display: none;
 630         }
 631
 632 /* Personal */
 633 div#personal {
 634         float: right;
 635         margin-top: 0.25em;
 636         margin-right: 0.75em;
 637         margin-left: 0.75em;
 638 }
 639 body.rtl div#personal {
 640         float: left;
 641 }
 642         div#personal > div.buffer > h5 {
 643                 display: none;
 644         }
 645         div#personal > div.buffer > ul {
 646                 list-style: none;
 647                 margin: 0;
 648                 padding: 0;
 649         }
 650         div#personal > div.buffer > ul > li {
 651                 float: left;
 652                 margin: 0;
 653                 padding-bottom: 0.5em;
 654                 padding-left: 1em;
 655                 font-size: 0.9em;
 656         }
 657         body.rtl div#personal > div.buffer > ul > li {
 658                 float: right;
 659                 padding-left: 0;
 660                 padding-right: 1em;
 661         }
 662         div#personal > div.buffer > ul > li > a,
 663         div#personal > div.buffer > ul > li > a:visited {
 664                 color: #0645ad;
 665         }
 666         div#personal > div.buffer > ul > li > a.new,
 667         div#personal > div.buffer > ul > li > a.new:visited {
 668                 color: #a55858;
 669         }
 670
 671 /*
 672  *
 673  * The following code is highly modified from monobook. It would be nice if the
 674  * preftoc id was more human readable like preferences-toc for instance,
 675  * howerver this would require backporting the other skins.
 676  *
 677  */
 678
 679 /* Preferences */
 680 #preftoc {
 681         /* Tabs */
 682         width: 100%;
 683         clear: both;
 684         margin: 0;
 685         padding: 0;
 686         padding-left: 1px;
 687         height: 2.25em;
 688         background-image: url(images/preferences-break.png);
 689         background-position: bottom left;
 690         background-repeat: no-repeat;
 691 }
 692 body.rtl #preftoc {
 693         padding-left: 0;
 694         padding-right: 1px;
 695         background-position: bottom right;
 696 }
 697         #preftoc li {
 698                 /* Tab */
 699                 float: left;
 700                 position: relative;
 701                 margin: 0;
 702                 padding: 0;
 703                 padding-right: 1px;
 704                 height: 2.25em;
 705                 white-space: nowrap;
 706                 list-style-type: none;
 707                 list-style-image: none;
 708                 background-image: url(images/preferences-break.png);
 709                 background-position: bottom right;
 710                 background-repeat: no-repeat;
 711         }
 712         body.rtl #preftoc li {
 713                 float: right;
 714                 padding-left: 1px;
 715                 padding-right: 0;
 716                 background-position: bottom left;
 717         }
 718         #preftoc a,
 719         #preftoc a:active {
 720                 /* Tab Label */
 721                 display: block;
 722                 position: relative;
 723                 color: #0645ad;
 724                 padding: 0.5em;
 725                 text-decoration: none;
 726                 background-image: none;
 727         }
 728         #preftoc a:hover {
 729                 text-decoration: underline;
 730         }
 731         #preftoc li.selected a {
 732                 /* Selected Tab Label */
 733                 cursor: default;
 734                 background-image: url(images/preferences-fade.png);
 735                 background-position: bottom;
 736                 background-repeat: repeat-x;
 737                 color: #333333;
 738                 cursor: default;
 739                 text-decoration: none;
 740         }
 741 #preferences {
 742         margin: 0;
 743         clear: both;
 744         padding: 1em;
 745         padding-top: 0;
 746         margin-top: -0.5em;
 747         border: solid 1px #cccccc;
 748         background-color: #f9f9f9;
 749         background-image: url(images/preferences-base.png);
 750 }
 751 #preferences > fieldset.prefsection {
 752         border: none;
 753         padding: 0;
 754         margin: 0;
 755 }
 756 #preferences > fieldset.prefsection > fieldset {
 757         border: none;
 758         border-top: solid 1px #cccccc;
 759 }
 760 #preferences legend {
 761         color: #666666;
 762 }
 763 #preferences > fieldset.prefsection > legend.mainLegend {
 764         display: none;
 765 }
 766 #preferences td {
 767         padding-left: 0.5em;
 768         padding-right: 0.5em;
 769 }
 770 #preferences td.htmlform-tip {
 771         font-size: x-small;
 772         padding: .2em 2em;
 773         color: #666666;
 774 }
 775
 776 /*
 777  *
 778  * The following code is slightly modified from monobook
 779  *
 780  */
 781
 782 /* Links */
 783 a {
 784         text-decoration: none;
 785         color: #0645ad;
 786         background: none;
 787 }
 788 a:visited {
 789         color: #0b0080;
 790 }
 791 a:active {
 792         color: #faa700;
 793 }
 794 a:hover {
 795         text-decoration: underline;
 796 }
 797 a.stub {
 798         color: #772233;
 799 }
 800 a.new, #p-personal a.new {
 801         color: #ba0000;
 802 }
 803 a.new:visited, #p-personal a.new:visited {
 804         color: #a55858;
 805 }
 806
 807 /* Inline Elements */
 808 img {
 809         border: none;
 810         vertical-align: middle;
 811 }
 812 hr {
 813         height: 1px;
 814         color: #aaa;
 815         background-color: #aaa;
 816         border: 0;
 817         margin: .2em 0 .2em 0;
 818 }
 819
 820 /* Structural Elements */
 821 h1,
 822 h2,
 823 h3,
 824 h4,
 825 h5,
 826 h6 {
 827         color: black;
 828         background: none;
 829         font-weight: normal;
 830         margin: 0;
 831         padding-top: .5em;
 832         padding-bottom: .17em;
 833         border-bottom: 1px solid #aaa;
 834         width: auto;
 835 }
 836 h1 { font-size: 188%; }
 837 h1 .editsection { font-size: 53%; }
 838 h2 { font-size: 150%; }
 839 h2 .editsection { font-size: 67%; }
 840 h3,
 841 h4,
 842 h5,
 843 h6 {
 844         border-bottom: none;
 845         font-weight: bold;
 846 }
 847 h3 { font-size: 132%; }
 848 h3 .editsection { font-size: 76%; font-weight: normal; }
 849 h4 { font-size: 116%; }
 850 h4 .editsection { font-size: 86%; font-weight: normal; }
 851 h5 { font-size: 100%; }
 852 h5 .editsection { font-weight: normal; }
 853 h6 { font-size: 80%;  }
 854 h6 .editsection { font-size: 125%; font-weight: normal; }
 855 body.rtl .editsection {
 856         float: left;
 857         margin-right: 5px;
 858         margin-left: 0; /* bug 9122: undo default LTR */
 859 }
 860 p {
 861         margin: .4em 0 .5em 0;
 862         line-height: 1.5em;
 863 }
 864         p img {
 865                 margin: 0;
 866         }
 867 abbr,
 868 acronym,
 869 .explain {
 870         border-bottom: 1px dotted black;
 871         color: black;
 872         background: none;
 873         cursor: help;
 874 }
 875 q {
 876         font-family: Times, "Times New Roman", serif;
 877         font-style: italic;
 878 }
 879 /* Disabled for now
 880 blockquote {
 881         font-family: Times, "Times New Roman", serif;
 882         font-style: italic;
 883 }*/
 884 code {
 885         background-color: #f9f9f9;
 886 }
 887 pre {
 888         padding: 1em;
 889         border: 1px dashed #2f6fab;
 890         color: black;
 891         background-color: #f9f9f9;
 892         line-height: 1.1em;
 893 }
 894 div#content ul {
 895         line-height: 1.5em;
 896         list-style-type: square;
 897         margin: .3em 0 0 1.5em;
 898         padding: 0;
 899         list-style-image: url(images/bullet-icon.png);
 900 }
 901 body.rtl div#content ul {
 902         margin-left: 0;
 903         margin-right: 1.5em;
 904 }
 905 div#content ol {
 906         line-height: 1.5em;
 907         margin: .3em 0 0 3.2em;
 908         padding: 0;
 909         list-style-image: none;
 910 }
 911 body.rtl div#content ol {
 912         margin-left: 0;
 913         margin-right: 2.4em;
 914 }
 915 div#content li {
 916         margin-bottom: .1em;
 917 }
 918 div#content dt {
 919         font-weight: bold;
 920         margin-bottom: .1em;
 921 }
 922 div#content dl {
 923         margin-top: .2em;
 924         margin-bottom: .5em;
 925 }
 926 div#content dd {
 927         line-height: 1.5em;
 928         margin-left: 2em;
 929         margin-bottom: .1em;
 930 }
 931 body.rtl div#content dd {
 932         margin-left: 0;
 933         margin-right: 1.6em;
 934 }
 935 /**
 936  * The following lines don't have a visible effect on non-Gecko browsers
 937  * They fix a problem ith Gecko browsers rendering lists to the right of
 938  * left-floated objects in an RTL layout.
 939  */
 940 body.rtl div#content ul {
 941         display: table;
 942         text-align: right;
 943         margin-left: 0;
 944         margin-right: 1.5em;
 945 }
 946 body.rtl div#content ul#filetoc {
 947         display: block;
 948         text-align: right;
 949 }
 950
 951 /* Tables */
 952 div#content table {
 953         font-size: 100%;
 954         color: black;
 955         /* we don't want the bottom borders of <h2>s to be visible through
 956          * floated tables */
 957         background-color: white;
 958 }
 959 div#content fieldset table {
 960         /* but keep table layouts in forms clean... */
 961         background: none;
 962 }
 963
 964 /* Forms */
 965 div#content fieldset {
 966         border: 1px solid #2f6fab;
 967         margin: 1em 0 1em 0;
 968         padding: 0 1em 1em;
 969         line-height: 1.5em;
 970 }
 971         fieldset.nested {
 972                 margin: 0 0 0.5em 0;
 973                 padding: 0 0.5em 0.5em;
 974         }
 975 div#content legend {
 976         padding: .5em;
 977         font-size: 95%;
 978 }
 979 div#content form {
 980         border: none;
 981         margin: 0;
 982 }
 983 div#content textarea {
 984         width: 100%;
 985         padding: .1em;
 986 }
 987 div#content select {
 988         vertical-align: top;
 989 }
 990
 991 /* Table of Contents */
 992 #toc,
 993 .toc,
 994 .mw-warning {
 995         border: 1px solid #aaa;
 996         background-color: #f9f9f9;
 997         padding: 5px;
 998         font-size: 95%;
 999 }
1000 #toc h2,
1001 .toc h2 {
1002         display: inline;
1003         border: none;
1004         padding: 0;
1005         font-size: 100%;
1006         font-weight: bold;
1007 }
1008 #toc #toctitle,
1009 .toc #toctitle,
1010 #toc .toctitle,
1011 .toc .toctitle {
1012         text-align: center;
1013 }
1014 #toc ul,
1015 .toc ul {
1016         list-style-type: none;
1017         list-style-image: none;
1018         margin-left: 0;
1019         padding-left: 0;
1020         text-align: left;
1021 }
1022 #toc ul ul,
1023 .toc ul ul {
1024         margin: 0 0 0 2em;
1025 }
1026 #toc .toctoggle,
1027 .toc .toctoggle {
1028         font-size: 94%;
1029 }
1030
1031 /* Images */
1032 div.floatright, table.floatright {
1033         clear: right;
1034         float: right;
1035         position: relative;
1036         margin: 0 0 .5em .5em;
1037         border: 0;
1038 }
1039 div.floatright p { font-style: italic; }
1040 div.floatleft, table.floatleft {
1041         float: left;
1042         clear: left;
1043         position: relative;
1044         margin: 0 .5em .5em 0;
1045         border: 0;
1046 }
1047 div.floatleft p { font-style: italic; }
1048
1049 /* Thumbnails */
1050 div.thumb {
1051         margin-bottom: .5em;
1052         border-style: solid;
1053         border-color: white;
1054         width: auto;
1055 }
1056 div.thumbinner {
1057         border: 1px solid #ccc;
1058         padding: 3px !important;
1059         background-color: #f9f9f9;
1060         font-size: 94%;
1061         text-align: center;
1062         overflow: hidden;
1063 }
1064 html .thumbimage {
1065         border: 1px solid #ccc;
1066 }
1067 html .thumbcaption {
1068         border: none;
1069         text-align: left;
1070         line-height: 1.4em;
1071         padding: 3px !important;
1072         font-size: 94%;
1073 }
1074 div.magnify {
1075         float: right;
1076         border: none !important;
1077         background: none !important;
1078 }
1079 div.magnify a, div.magnify img {
1080         display: block;
1081         border: none !important;
1082         background: none !important;
1083 }
1084 div.tright {
1085         clear: right;
1086         float: right;
1087         border-width: .5em 0 .8em 1.4em;
1088 }
1089 div.tleft {
1090         float: left;
1091         clear: left;
1092         margin-right: .5em;
1093         border-width: .5em 1.4em .8em 0;
1094 }
1095 img.thumbborder {
1096         border: 1px solid #dddddd;
1097 }
1098 .hiddenStructure {
1099         display: none;
1100 }
1101
1102 /* Warning */
1103 .mw-warning {
1104         margin-left: 50px;
1105         margin-right: 50px;
1106         text-align: center;
1107 }
1108
1109 /* User Message */
1110 .usermessage {
1111         background-color: #ffce7b;
1112         border: 1px solid #ffa500;
1113         color: black;
1114         font-weight: bold;
1115         margin: 2em 0 1em;
1116         padding: .5em 1em;
1117         vertical-align: middle;
1118 }
1119
1120 /* Site Notice */
1121 #siteNotice {
1122         text-align: center;
1123         font-size: 95%;
1124         padding-top: 0.9em;
1125 }
1126         #siteNotice p {
1127                 margin: 0;
1128                 padding: 0;
1129         }
1130
1131 /* Categories */
1132 .catlinks {
1133         border: 1px solid #aaa;
1134         background-color: #f9f9f9;
1135         padding: 5px;
1136         margin-top: 1em;
1137         clear: both;
1138 }
1139
1140 /* Sub-navigation */
1141 #siteSub {
1142         display: none;
1143 }
1144 #jump-to-nav {
1145         display: none;
1146 }
1147 #contentSub, #contentSub2 {
1148         font-size: 84%;
1149         line-height: 1.2em;
1150         margin: 0 0 1.4em 1em;
1151         color: #7d7d7d;
1152         width: auto;
1153 }
1154 span.subpages {
1155         display: block;
1156 }
1157
1158 /* Emulate Center */
1159 .center {
1160         width: 100%;
1161         text-align: center;
1162 }
1163 *.center * {
1164         margin-left: auto;
1165         margin-right: auto;
1166 }
1167
1168 /* Small for tables and similar */
1169 .small, .small * {
1170         font-size: 94%;
1171 }
1172 table.small {
1173         font-size: 100%;
1174 }
1175
1176 /* Edge Cases for Content */
1177 #content h1, #content h2 {
1178         margin-bottom: .6em;
1179 }
1180 #content h3, #content h4, #content h5 {
1181         margin-bottom: .3em;
1182 }
1183 #firstHeading {
1184         margin-bottom: .1em;
1185         line-height: 1.2em;
1186         padding-bottom: 0;
1187 }
1188 #content a.external,
1189 #content a[href ^="gopher://"] {
1190         background: url(images/external-link-ltr-icon.png) center right no-repeat;
1191         padding: 0 13px;
1192 }
1193 .rtl #content a.external,
1194 .rtl #content a[href ^="gopher://"] {
1195         background-image: url(images/external-link-rtl-icon.png);
1196 }
1197 #content a[href ^="https://"],
1198 .link-https {
1199         background: url(images/lock-icon.png) center right no-repeat;
1200         padding: 0 18px;
1201 }
1202 #content a[href ^="mailto:"],
1203 .link-mailto {
1204         background: url(images/mail-icon.png) center right no-repeat;
1205         padding: 0 18px;
1206 }
1207 #content a[href ^="news://"] {
1208         background: url(images/news-icon.png) center right no-repeat;
1209         padding: 0 18px;
1210 }
1211 #content a[href ^="ftp://"],
1212 .link-ftp {
1213         background: url(images/file-icon.png) center right no-repeat;
1214         padding: 0 18px;
1215 }
1216 #content a[href ^="irc://"],
1217 #content a.extiw[href ^="irc://"],
1218 .link-irc {
1219         background: url(images/talk-icon.png) center right no-repeat;
1220         padding: 0 18px;
1221 }
1222 #content a.external[href $=".ogg"], #content a.external[href $=".OGG"],
1223 #content a.external[href $=".mid"], #content a.external[href $=".MID"],
1224 #content a.external[href $=".midi"], #content a.external[href $=".MIDI"],
1225 #content a.external[href $=".mp3"], #content a.external[href $=".MP3"],
1226 #content a.external[href $=".wav"], #content a.external[href $=".WAV"],
1227 #content a.external[href $=".wma"], #content a.external[href $=".WMA"],
1228 .link-audio {
1229         background: url("images/audio-icon.png") center right no-repeat;
1230         padding: 0 18px;
1231 }
1232 #content a.external[href $=".ogm"], #content a.external[href $=".OGM"],
1233 #content a.external[href $=".avi"], #content a.external[href $=".AVI"],
1234 #content a.external[href $=".mpeg"], #content a.external[href $=".MPEG"],
1235 #content a.external[href $=".mpg"], #content a.external[href $=".MPG"],
1236 .link-video {
1237         background: url("images/video-icon.png") center right no-repeat;
1238         padding: 0 18px;
1239 }
1240 #content a.external[href $=".pdf"], #content a.external[href $=".PDF"],
1241 #content a.external[href *=".pdf#"], #content a.external[href *=".PDF#"],
1242 #content a.external[href *=".pdf?"], #content a.external[href *=".PDF?"],
1243 .link-document {
1244         background: url("images/document-icon.png") center right no-repeat;
1245         padding: 0 18px;
1246 }
1247 .rtl #content a.external {
1248         background-position: left;
1249         padding-right: 0;
1250 }
1251 .rtl #panel a.feedlink {
1252         background-position: right;
1253         padding-right: 16px;
1254         padding-left: 0;
1255 }
1256 .ltr #content a.external {
1257         padding-left: 0;
1258 }
1259
1260 /* Interwiki Styling  (Disabled) */
1261 #content a.extiw,
1262 #content a.extiw:active {
1263         color: #36b;
1264         background: none;
1265         padding: 0;
1266 }
1267 #content a.external {
1268         color: #36b;
1269 }
1270 #content .plainlinks a {
1271         /* this can be used in the content area to switch off special external link
1272          * styling */
1273         background: none !important;
1274         padding: 0 !important;
1275 }
1276 #content .printfooter {
1277         display: none;
1278 }