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