1/****************************************************************************** 2 ******************************** ATTENTION ********************************* 3 DO NOT MODIFY THIS FILE, IT WILL NOT BE PRESERVED ON UPDATES! 4 ****************************************************************************** 5 If you want to add some own screen CSS, have a look at the README of this 6 template and "/user/screen.css". You have been warned! 7 *****************************************************************************/ 8 9/* Notes about how the template CSS works: 10 11 - This template includes 3rd party CSS files: 12 1) CSS from the "starter" DokuWiki template by Anika Henke (brings 13 important and basic styling for syntax and core features) 14 2) CSS from the original "vector" skin for MediaWiki (brings the basic 15 layout and overwrites some "default" styling) 16 These files will be included BEFORE this specific CSS file. In this file, 17 I just overwrite non fitting MediaWiki "vector" and DokuWiki "starter" 18 CSS + add some CSS for some exclusive objects of this template 19 - Why I am doing this? Well, read <http://j.mp/eq8zSo>. I followed the main 20 principle described there and simply apply it to the two sources ("starter" 21 template and "vector" skin). 22 - This way also ensures a painless update, if there are new versions of 23 MediaWiki vector or DokuWiki CSS files. Cause these 3rd party components 24 were not edited or partially copied, I do not have to track their changes 25 in detail. 26 27 Explanation of the different sections in here: 28 - "Styles/corrections for the template itself" 29 General CSS targeting the template structure. This section overwrites non 30 fitting CSS of the "vector" MediaWiki skin and "starter" DokuWiki 31 template. Read the notes above and <http://j.mp/eq8zSo> if you do not know 32 why I am doing it this way. 33 - "Browser Hacks and corrections" 34 Section containing bigger hacks for browser specific problems. 35*/ 36 37 38/****************************************************************************** 39 ************** Styles/corrections for the template itself ******************** 40 ******************************************************************************/ 41/* --------------- general styling --------------- */ 42html { 43 background-color: #f3f3f3; 44 color: __text__; 45 overflow-x: auto; 46 overflow-y: auto; 47} 48body { 49 font: normal 100%/1.4 sans-serif; 50} 51hr { 52 border: 0 none; 53 text-align: center; 54 width: 100%; 55 clear: both; 56} 57caption, 58legend { 59 color: __text_neu__; 60 font-family: sans-serif; 61 background-color: inherit; 62} 63pre, 64code, 65samp, 66kbd { 67 font-family: monospace,sans-serif; 68} 69pre { 70 overflow: auto; 71} 72img { 73 border-width: 0; 74 background-color: transparent; 75} 76blockquote { 77 padding: 0 1.25em; 78 border: solid __border__; 79 border-width: 0 0 0 .25em; 80} 81q:before, 82q:after { 83 content: ''; 84} 85sub, 86sup { 87 font-size: .8em; 88 line-height: 1; 89} 90sub { 91 vertical-align: sub; 92} 93sup { 94 vertical-align: super; 95} 96 97/* forms */ 98form { 99 display: inline; 100 padding: 0; 101} 102label { 103 vertical-align: middle; 104 cursor: pointer; 105} 106input, 107textarea, 108button, 109select, 110optgroup, 111option { 112 font: inherit; 113 color: inherit; 114 /* background-color destroys button look */ 115 line-height: 1; 116 margin: 0; 117 vertical-align: middle; 118} 119input[type=text], 120input[type=password], 121textarea { 122 padding: .1em; 123} 124input[type=radio], 125input[type=checkbox], 126input.check { 127 padding: 0; 128} 129input[type=submit], 130input.button, 131button { 132 cursor: pointer; 133} 134input[disabled], 135button[disabled], 136input[readonly], 137button[readonly] { 138 cursor: auto; 139} 140optgroup { 141 font-style: italic; 142 font-weight: bold; 143} 144option { 145 font-style: normal; 146 font-weight: normal; 147} 148 149/* tables */ 150table { 151 border-collapse: collapse; 152 empty-cells: show; 153 border-spacing: 0; 154 border: 1px solid __border__; 155} 156caption { 157 caption-side: top; 158 text-align: left; 159 margin: 0 0 .3em; 160} 161th, 162td { 163 padding: .3em .5em; 164 margin: 0; 165 vertical-align: top; 166 border: 1px solid __border__; 167 text-align: left; 168} 169th { 170 font-weight: bold; 171 background-color: __background_alt__; 172} 173 174/* basic margins and paddings */ 175p, 176ul, 177ol, 178dl, 179pre, 180table, 181blockquote, 182fieldset, 183address { 184 margin: 0 0 1.4em 0; /* bottom margin = line-height */ 185 padding: 0; 186} 187div { 188 margin: 0; 189 padding: 0; 190} 191 192/* lists */ 193ul, 194ol { 195 padding: 0 0 0 1.5em; 196} 197li, 198dd { 199 padding: 0; 200 margin: 0 0 0 1.5em; 201} 202dt { 203 font-weight: bold; 204 margin: 0; 205 padding: 0; 206} 207li ul, 208li ol, 209li dl, 210dl ul, 211dl ol, 212dl dl { 213 margin-bottom: 0; 214 padding: 0; 215} 216li li { 217 font-size: 100%; 218} 219ul { list-style: square outside; } 220ol { list-style: decimal outside; } 221ol ol { list-style-type: lower-alpha; } 222ol ol ol { list-style-type: upper-roman; } 223ol ol ol ol { list-style-type: upper-alpha; } 224ol ol ol ol ol { list-style-type: lower-roman; } 225 226/* general classes */ 227div.clearer { 228 /* additional to what's already in DokuWiki's lib/styles/all.css: */ 229 font-size: 1px; 230 visibility: hidden; 231} 232.a11y { 233 position: absolute; 234 left: -9000px; 235 top: -4000px; 236 width: 0; 237 height: 0; 238 overflow: hidden; 239 display: inline; 240} 241 242 243/* --------------- content styling --------------- */ 244 245/* embedded images (styles are already partly set in DokuWiki's lib/styles/all.css) */ 246.dokuwiki img.media { } 247.dokuwiki img.medialeft { margin: .5em 1.5em .5em 0; } 248.dokuwiki img.mediaright { margin: .5em 0 .5em 1.5em; } 249.dokuwiki img.mediacenter { margin: .5em auto; } 250 251div.dokuwiki p, 252div.dokuwiki blockquote, 253div.dokuwiki table, 254div.dokuwiki pre { 255 margin: 0 0 1.0em 0; 256} 257 258/* forms */ 259div.dokuwiki textarea.edit { 260 font-family: monospace, serif; 261 /* second generic font fixes problem with font-size, see 262 http://meyerweb.com/eric/thoughts/2010/02/12/fixed-monospace-sizing/ */ 263 font-size: 14px; 264 color: __text__; 265 background-color: __background__; 266 border: 1px solid __border__; 267 padding: 0.3em 0 0 0.3em; 268 width: 100%; 269 line-height: 17px; 270} 271div.dokuwiki legend { 272 font-family: sans-serif; 273 font-weight: normal; 274 background-color: transparent; 275 text-align: left; /* needed for webkit browsers */ 276} 277 278/* nice alphatransparency background except for IE <7 */ 279html>body div.dokuwiki textarea.edit { 280 background: __background__ url(static/3rd/dokuwiki/inputshadow.png) repeat-x top; 281} 282 283div.dokuwiki input.edit, 284div.dokuwiki select.edit { 285 font-size: 100%; 286 border: 1px solid __border__; 287 color: __text__; 288 background-color: __background__; 289 vertical-align: middle; 290 margin: 1px; 291 padding: 0.20em 0.3em; 292 display: inline; 293 font-weight: normal; 294} 295 296/* nice alphatransparency background except for IE <7 */ 297html>body div.dokuwiki input.edit, 298html>body div.dokuwiki select.edit { 299 background: __background__ url(static/3rd/dokuwiki/inputshadow.png) repeat-x top; 300} 301 302div.dokuwiki select.edit { 303 padding: 0.1em 0; 304} 305 306div.dokuwiki input.missing { 307 font-size: 100%; 308 border: 1px solid __border__; 309 color: __text__; 310 background-color: #ffcccc; 311 vertical-align: middle; 312 margin: 1px; 313 padding: 0.20em 0.3em; 314 display: inline; 315} 316 317/* disabled style - not understood by IE */ 318div.dokuwiki textarea.edit[disabled], 319div.dokuwiki textarea.edit[readonly], 320div.dokuwiki input.edit[disabled], 321div.dokuwiki input.edit[readonly], 322div.dokuwiki input.button[disabled], 323div.dokuwiki select.edit[disabled] { 324 background-color: __background_neu__!important; 325 color: __text_neu__!important; 326 font-weight: normal; 327} 328 329/* edit form */ 330div.dokuwiki div.toolbar, 331div.dokuwiki div#wiki__editbar, /* old, until 2012-01-25 */ 332div.dokuwiki div.editBar { /* new, since 2012-09-10 */ 333 margin: 2px 0; 334 text-align: left; 335} 336div.dokuwiki div#size__ctl { 337 float: right; 338 width: 60px; 339 height: 2.7em; 340} 341div.dokuwiki #size__ctl img { 342 cursor: pointer; 343} 344div.dokuwiki div#wiki__editbar div.editButtons, /* old, until 2012-01-25 */ 345div.dokuwiki div.editBar div.editButtons { /* new, since 2012-09-10 */ 346 float: left; 347 padding: 0 1.0em 0.7em 0; 348} 349div.dokuwiki div#wiki__editbar div.summary, /* old, until 2012-01-25 */ 350div.dokuwiki div.editBar div.summary { /* new, since 2012-09-10 */ 351 float: left; 352} 353div.dokuwiki .nowrap { 354 white-space: nowrap; 355} 356div.dokuwiki div#draft__status { 357 float: right; 358 color: __text_alt__; 359} 360 361div.dokuwiki div.license { 362 padding: 0.5em; 363 font-size: 90%; 364 text-align: center; 365} 366 367div.dokuwiki form#dw__editform div.license { 368 clear: left; 369 font-size: 90%; 370} 371 372/* buttons */ 373div.dokuwiki input.button, 374div.dokuwiki button.button { 375 border: 1px solid __border__; 376 color: __text__; 377 background-color: __background__; 378 vertical-align: middle; 379 text-decoration: none; 380 font-size: 100%; 381 cursor: pointer; 382 margin: 1px; 383 padding: 0.125em 0.4em; 384 font-weight: normal; 385 line-height: 1.333em; 386 #line-height: 1em; /* fix MSIE 6, 7 */ 387} 388div.dokuwiki button.toolbutton { 389 height: 20px; 390 width: 24px; 391 padding: 1px 3px; 392 line-height: 16px; 393 text-align: center; 394 height: 22px\9; /* fix MSIE 6, 7, 8 */ 395} 396/* nice alphatransparency background except for IE <7 */ 397html>body div.dokuwiki input.button, 398html>body div.dokuwiki button.button { 399 background: __background__ url(static/3rd/dokuwiki/buttonshadow.png) repeat-x bottom; 400} 401 402* html div.dokuwiki input.button, 403* html div.dokuwiki button.button { 404 height: 1.8em; 405} 406 407/* links */ 408div.dokuwiki a:link, 409div.dokuwiki a:visited { 410 color: #436976; 411 text-decoration: none; 412} 413div.dokuwiki a:hover, 414div.dokuwiki a:active { 415 color: __text__; 416 text-decoration: underline; 417} 418 419/* missing page links outside rendered articles */ 420a.wikilink2, 421a.wikilink2:link, 422a.wikilink2:visited, 423a.wikilink2:hover { 424 color: __missing__ !important; 425 text-decoration: none; 426} 427a.wikilink2:hover { 428 border-bottom: 0 none !important; 429 text-decoration: none !important; 430} 431 432/* link to current page */ 433.dokuwiki span.curid a { 434 font-weight: normal; 435} 436 437/* internal link */ 438.dokuwiki a.wikilink1, 439.dokuwiki a.wikilink1:visited { 440 color: __existing__ !important; 441} 442 443/* external links */ 444div#bodyContent a.urlextern { 445 background: url(static/3rd/vector/external-link-ltr-icon.png) center right no-repeat; 446 padding: 0 13px 0 0; 447} 448div.dokuwiki a.urlextern:visited { 449 color: purple; 450} 451 452/* email link */ 453div#bodyContent a.mail { 454 background: transparent url(static/3rd/vector/mail-icon.png) center right no-repeat; 455 padding: 0 13px 0 0; 456} 457 458/* windows share */ 459div.dokuwiki a.windows { 460 background: transparent url(static/3rd/dokuwiki/unc.png) center right no-repeat; 461 padding: 0 18px 1px 0; 462} 463 464/* interwiki link */ 465div.dokuwiki a.interwiki { 466 background-position: center right; 467 padding: 0 17px 0 0; 468} 469div.dokuwiki a.interwiki:visited { 470 color: purple; 471} 472 473/* headlines */ 474h1, 475h2, 476h3, 477h4, 478h5, 479h6 { 480 font-family: sans-serif; 481 background-color: inherit; 482 padding: 0; 483 clear: left; /* ideally 'both', but problems with toc */ 484} 485div#content .dokuwiki h1, 486div#content .dokuwiki h2, 487div#content .dokuwiki h3, 488div#content .dokuwiki h4, 489div#content .dokuwiki h5, 490div#content .dokuwiki h6 { 491 border-bottom: 1px solid #aaa; 492 color: __text__; 493 margin: 0; 494 padding-bottom: 0.17em; 495 padding-top: 0.5em; 496} 497div#content .dokuwiki h1 a, 498div#content .dokuwiki h2 a, 499div#content .dokuwiki h3 a, 500div#content .dokuwiki h4 a, 501div#content .dokuwiki h5 a, 502div#content .dokuwiki h6 a { 503 color: __text__; 504} 505div#content .dokuwiki h1 a:hover, 506div#content .dokuwiki h2 a:hover, 507div#content .dokuwiki h3 a:hover, 508div#content .dokuwiki h4 a:hover, 509div#content .dokuwiki h5 a:hover, 510div#content .dokuwiki h6 a:hover { 511 text-decoration: none; 512} 513div#content .dokuwiki h1 { 514 font-size: 160%; 515} 516div#content .dokuwiki h1, 517div#content .dokuwiki h2 { 518 margin-bottom: 0.6em; 519 font-weight: normal; 520} 521div#content .dokuwiki h3, 522div#content .dokuwiki h4, 523div#content .dokuwiki h5, 524div#content .dokuwiki h6 { 525 font-weight: bold; 526 border-bottom: none; 527 margin-bottom: 0.3em; 528} 529div#content .dokuwiki h3 { 530 font-size: 132%; 531} 532div#content .dokuwiki h4 { 533 font-size: 116%; 534} 535div#content .dokuwiki h5 { 536 font-size: 100%; 537} 538div#content .dokuwiki h6 { 539 font-size: 80%; 540} 541 542/* remove indent from different sections */ 543div#content .dokuwiki div.level1, 544div#content .dokuwiki div.level2, 545div#content .dokuwiki div.level3, 546div#content .dokuwiki div.level4, 547div#content .dokuwiki div.level5 { 548 margin-left: 0; 549} 550 551/* lists */ 552div.dokuwiki ul { 553 line-height: 1.5em; 554 padding: 0; 555 list-style-type: square; 556 list-style-image: url(static/3rd/vector/bullet-icon.png) !important; 557 margin: 0.3em 0 1em 1.5em; 558 color: __text_alt__; 559} 560 561div.dokuwiki ol { 562 line-height: 1.5em; 563 padding: 0; 564 list-style-image: none; 565 margin: 0.3em 0 1em 3.2em; 566 color: __text_alt__; 567 font-weight: bold; 568} 569 570div.dokuwiki li ul, 571div.dokuwiki li ol { 572 margin: 0 0 0 1.5em; /* no bottom gap in between and smaller left margin for nested lists */ 573} 574 575div.dokuwiki .li { 576 color: __text__; /* the list items overriding the ul/ol definition */ 577 font-weight: normal; 578} 579 580div.dokuwiki ol { list-style-type: decimal; } 581div.dokuwiki ol ol { list-style-type: upper-roman; } 582div.dokuwiki ol ol ol { list-style-type: lower-alpha; } 583div.dokuwiki ol ol ol ol { list-style-type: lower-greek; } 584 585div.dokuwiki li.open { 586 list-style-image: url(static/3rd/dokuwiki/images/open.gif); 587} 588 589div.dokuwiki li.closed { 590 list-style-image: url(static/3rd/dokuwiki/closed.gif); 591} 592 593div.dokuwiki li { 594 margin-left: 0; 595 margin-bottom: 1px; 596} 597 598/* quotes */ 599div#content .dokuwiki blockquote { 600 border-left: 2px solid __border__; 601 padding-left: 3px; 602 padding-right: 0; 603 margin-left: 0.2em; 604} 605 606/* preformatted stuff, source code */ 607.dokuwiki dl.code dt, 608.dokuwiki dl.file dt { 609 background-color: __background_alt__; 610 border: solid __border__; 611 border-width: 1px 1px 0; 612 color: inherit; 613 display: inline; 614 padding: 0 .5em; 615 margin-left: 1em; 616} 617.dokuwiki dl.code dd, 618.dokuwiki dl.file dd { 619 margin: 0; 620} 621div#content .dokuwiki code, 622div#content .dokuwiki pre, 623div#content .dokuwiki pre.code, 624div#content .dokuwiki pre.file, 625div#content .dokuwiki samp, 626div#content .dokuwiki kbd, 627div#content .dokuwiki tt { 628 font-size: 100%; 629 background-color: #f9f9f9; 630 color: __text__; 631 font-size: 1em; 632 direction: ltr; 633 text-align: left; 634} 635div#content .dokuwiki em.u code { /* fix if background-color hides underlining */ 636 text-decoration: underline; 637} 638div#content .dokuwiki pre, 639div#content .dokuwiki pre.code, 640div#content .dokuwiki pre.file { 641 line-height: 1.2em; 642 padding: 0.5em; 643 border: 1px dashed __border__; 644} 645div#content .dokuwiki dl.file, 646div#content .dokuwiki dl.file dd { 647 margin-left: 0; 648} 649div#content .dokuwiki dl.file dt, 650div#content .dokuwiki dl.code dt { 651 background-color: #f9f9f9; 652 border-bottom: 2px solid #f9f9f9; 653 border-top: 1px dashed __border__; 654 border-left: 1px dashed __border__; 655 border-right: 1px dashed __border__; 656 display: inline; 657 margin-left: 2em; 658 padding: 0.1em 1em; 659} 660div#content .dokuwiki dl.file dt a, 661div#content .dokuwiki dl.code dt a { 662 color: __text__; 663} 664 665/* "you are here" and "breadcrumbs" */ 666.catlinks { 667 font-size: 80%; 668 margin-bottom: 1em; 669} 670.catlinks p, 671.catlinks div { 672 margin: 0.3em 0; 673} 674 675/* tables */ 676th, 677td { 678 border: 0; 679} 680td[align="right"], 681th[align="right"] { 682 text-align: right; 683} 684.dokuwiki table.inline { 685 background-color: __background__; 686} 687.dokuwiki table.inline th, 688.dokuwiki table.inline td { 689 border: 1px solid __border__; 690} 691.dokuwiki table.inline th { 692 color: inherit; 693 background-color: __background_alt__; 694} 695.dokuwiki table.inline tr:hover td, 696.dokuwiki table.inline tr:hover th, 697.dokuwiki table.inline th:hover { 698 background-color: __background_alt__; 699} 700 701/* section edit buttons */ 702.dokuwiki .secedit { 703 margin-top: 0; 704} 705div#content .dokuwiki div.secedit input.button { 706 border: 0 none; 707 text-transform: lowercase; 708 color: __existing__; 709 margin: 0; 710 padding: 0; 711 cursor: pointer; 712 background: transparent none; 713} 714 715/* footnotes */ 716div.dokuwiki div.fn { 717 font-size: 90%; 718} 719 720/* link to footnote inside the text */ 721.dokuwiki sup a.fn_top { 722 font-size: 95%; 723} 724 725/* insitu-footnotes */ 726div.insitu-footnote { 727 font-size: 0.938em; /* 12px */ 728 padding: 4px 7px 4px 10px; 729} 730div.insitu-footnote code, 731div.insitu-footnote pre { 732 font-size: 90%; 733} 734 735/* Toolbar */ 736button.toolbutton { 737 background-color: __background__; 738 padding: 0px; 739 margin: 0 1px 0 0; 740 border: 1px solid __border__; 741 cursor: pointer; 742} 743 744/* nice alphatransparency background except for IE <7 */ 745html>body button.toolbutton { 746 background: __background__ url(static/3rd/dokuwiki/buttonshadow.png) repeat-x bottom; 747} 748 749div.picker { 750 width: 250px; 751 border: 1px solid __border__; 752 background-color: __background_alt__; 753 font-size: 11px; 754 line-height: 13px; 755} 756 757div.pk_hl { 758 width: 125px; 759} 760 761button.pickerbutton { 762 padding: 0px; 763 margin: 0 1px 1px 0; 764 border: 0; 765 background-color: transparent; 766 font-size: 80%; 767 cursor: pointer; 768} 769 770/* gallery plugin compatibilty */ 771div.dokuwiki .gallery table, 772div.dokuwiki .gallery td { 773 border: 0 none; 774} 775 776/* bureaucracy plugin compatibilty */ 777div.dokuwiki form.bureaucracy__plugin fieldset { 778 text-align: center; 779} 780div.dokuwiki form.bureaucracy__plugin label { 781 width: 95% !important; 782 margin-left: auto; 783 margin-right: auto; 784} 785div.dokuwiki form.bureaucracy__plugin label span, 786div.dokuwiki form.bureaucracy__plugin input.edit, 787div.dokuwiki form.bureaucracy__plugin textarea.edit, 788div.dokuwiki form.bureaucracy__plugin fieldset textarea.edit { 789 text-align: left; 790 margin: auto 5px; 791 float: none !important; 792 width: 97% !important; 793 min-width: 97% !important; 794 max-width: 97% !important; 795} 796 797 798/* --------------- sidebar --------------- */ 799div#panel { 800 line-height: 15px; 801} 802div#panel .dokuwiki { 803 font-size: 0.75em; 804} 805div#panel a.wikilink1, 806div#panel a.wikilink2, 807div#panel a.urlextern { 808 padding-left: 0; 809 background: transparent none; 810 color: __existing__; 811} 812div#panel .body { 813 margin-right: 0.45em !important; 814 padding-top: 0.25em !important; 815} 816div#panel .body .dokuwiki p { 817 margin: 0; 818} 819div#panel .body .dokuwiki ul li { 820 font-size: 1em !important; 821 padding: 0.25em 0 !important; 822} 823div#panel .body .dokuwiki li ul { 824 font-size: 95% !important; 825 margin: 0.25em 0 0 1em !important; 826} 827div#panel .body .dokuwiki ol { 828 margin: 0 0 0 1.65em; 829} 830/* QR Code */ 831div#panel #t-qrcode img { 832 margin: 0.5em 0 0.3em -0.2em; 833} 834div#panel #t-qrcode a, 835div#panel #t-qrcode a:link, 836div#panel #t-qrcode a:active, 837div#panel #t-qrcode a:hover, 838div#panel #t-qrcode a:visited { 839 border: 0 none; 840 cursor: default; 841 text-decoration: none; 842} 843/* translation plugin by Anreas Gohr */ 844div#panel .body .dokuwiki .plugin_translation span { 845 display: none; 846} 847div#panel .body .dokuwiki .plugin_translation { 848 padding-right: 0 !important; 849 text-align: left; 850} 851div#panel .body .dokuwiki .plugin_translation, 852div#panel .body .dokuwiki .plugin_translation ul, 853div#panel .body .dokuwiki .plugin_translation li { 854 float: none; 855 margin: 0; 856 padding-right: 0; 857 line-height: 1.125em; 858 font-size: 100%; 859} 860div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:link, 861div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:hover, 862div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:active, 863div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:visited, 864div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:link, 865div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:hover, 866div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:active, 867div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:visited { 868 background-color: transparent; 869 margin: 0; 870 padding: 0; 871} 872div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:before, 873div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:before { 874 content: attr(title) " ("; 875} 876div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:after, 877div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:after { 878 content: ") "; 879} 880div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1 { 881 color: __existing__ !important; 882} 883div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2 { 884 color: __missing__ !important; 885} 886div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:hover { 887 text-decoration: underline; 888} 889div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:hover { 890 text-decoration: underline !important; 891} 892div#panel .body .dokuwiki .plugin_translation select { 893 width: 90%; 894 margin: auto !important; 895 text-align: left; 896} 897div#panel .body .dokuwiki .plugin_translation option, 898div#panel .body .dokuwiki .plugin_translation option.wikilink1, 899div#panel .body .dokuwiki .plugin_translation option.wikilink2 { 900 padding: auto 5px !important; 901 text-align: left; 902} 903 904 905/* --------------- search --------------- */ 906/* copy of the original vector id="searchInput" styles cause we have to use 907 another id for DokuWiki */ 908div#simpleSearch input#qsearch__in { 909 margin: 0; 910 border-width: 0; 911 padding: 0.25em; 912 line-height: 1em; 913 font-size: 0.8em; 914 width: 14em; 915 background-color: transparent; 916} 917/* Ajax quicksearch */ 918#qsearch__out { 919 top: 72px; 920 display: none; 921 left: auto; 922 right: 7.93335px; 923 bottom: auto; 924 height: auto; 925 font-family: sans-serif; 926 font-size: 0.8em; 927 background-color: window; 928 border: 1px solid #aaa; 929 padding: 0; 930 position: static; 931} 932#qsearch__out ul { 933 padding: 0; 934 margin: 0; 935 list-style: none; 936} 937#qsearch__out li { 938 color: windowtext; 939 margin: 0; 940 width: 100%; 941 padding: 1px; 942} 943#qsearch__out li a { 944 width: 97%; /* leave some space for browser rounding errors */ 945 display: block; 946} 947#qsearch__out li:hover { 948 background-color: #bbb; 949} 950#qsearch__out li a, 951#qsearch__out li a:link, 952#qsearch__out li a:visited, 953#qsearch__out li a:hover { 954 color: windowtext; 955 text-decoration: none; 956} 957 958 959/* --------------- footer --------------- */ 960div#footer a.wikilink1, 961div#footer a.wikilink2, 962div#footer a.urlextern { 963 padding-left: 0; 964 background: transparent none; 965 color: __existing__; 966} 967/* default copyright notice layout */ 968div#footer #footer-info li#footer-info-copyright .license { 969 font-size: 100%; 970 text-align: left; 971 padding: 0; 972} 973div#footer #footer-info li#footer-info-copyright .license a.urlextern { 974 margin-left: 0.4em; 975} 976 977 978/* --------------- Table of contents (TOC) old, until 2012-01-25 --------------- */ 979div.dokuwiki div.toc { 980 margin: 1.2em 0 0 2em; 981 float: right; 982 width: 200px; 983 font-size: 80%; 984 clear: both; 985 background-color: transparent; 986} 987 988div.dokuwiki div.toc div.tocheader { 989 border: 1px solid __border__; 990 background-color: __background_alt__; 991 text-align: left; 992 font-weight: bold; 993 padding: 3px; 994 margin-bottom: 2px; 995 line-height: 1.45em; 996} 997 998div.dokuwiki div.toc span.toc_open, 999div.dokuwiki div.toc span.toc_close { 1000 border: 0.4em solid __background_alt__; 1001 float: right; 1002 display: block; 1003 margin: 0.4em 3px 0 0; 1004} 1005 1006div.dokuwiki div.toc span.toc_open span, 1007div.dokuwiki div.toc span.toc_close span { 1008 display: none; 1009} 1010 1011div.dokuwiki div.toc span.toc_open { 1012 margin-top: 0.4em; 1013 border-top: 0.4em solid __text__; 1014} 1015 1016div.dokuwiki div.toc span.toc_close { 1017 margin-top: 0; 1018 border-bottom: 0.4em solid __text__; 1019} 1020 1021div.dokuwiki div.toc #toc__inside { 1022 border: 1px solid __border__; 1023 background-color: __background__; 1024 text-align: left; 1025 padding: 0.5em 0 0.7em 0; 1026} 1027 1028div.dokuwiki div.toc ul.toc { 1029 list-style-type: none; 1030 list-style-image: none; 1031 line-height: 1.2em; 1032 padding: 0 !important; 1033 margin: 0.3em 0 0 1.5em !important; 1034} 1035 1036div.dokuwiki div.toc ul.toc li { 1037 list-style-image: none; 1038 list-style-type: none; 1039 background: transparent url(static/3rd/dokuwiki/tocdot2.gif) 0 0.6em no-repeat; 1040 padding-left: 0.4em !important; 1041 margin-bottom: 0.1em !important; 1042} 1043 1044div.dokuwiki div.toc ul.toc li.clear { 1045 background-image: none; 1046 padding-left: 0.4em; 1047} 1048 1049div.dokuwiki div.toc a.toc:link, 1050div.dokuwiki div.toc a.toc:visited { 1051 color: #436976; 1052} 1053 1054div.dokuwiki div.toc a.toc:hover, 1055div.dokuwiki div.toc a.toc:active { 1056 color: __text__; 1057} 1058 1059div.toc, 1060div.dokuwiki div.toc a.toc, 1061div.dokuwiki div.toc ul.toc { 1062 border: 0 none; 1063 background: transparent none; 1064 font-size: 100%; 1065} 1066 1067div.dokuwiki div.toc ul.toc { 1068 padding-top: 0; 1069 padding-bottom: 0; 1070 padding-left: 1em !important; 1071 list-style-type: none !important; 1072 list-style-image: none !important; 1073 margin: 0 !important; 1074} 1075 1076div.dokuwiki div.toc a.toc { 1077 padding: 0; 1078} 1079 1080 1081/* --------------- Table of contents (TOC) new, since 2012-09-10 --------------- */ 1082div.dokuwiki #dw__toc { 1083 margin: 1.2em 0 0 2em; 1084 float: right; 1085 width: 200px; 1086 font-size: 90%; 1087 clear: both; 1088 background-color: __background__; 1089} 1090 1091div.dokuwiki #dw__toc h3 { 1092 border: 1px solid __border__ !important; 1093 background-color: __background_alt__ !important; 1094 text-align: left; 1095 font-weight: bold !important; 1096 padding: 3px !important; 1097 margin-bottom: 2px !important; 1098 line-height: 1.45em; 1099 font-size: 90% !important; 1100} 1101 1102div.dokuwiki #dw__toc h3 strong { 1103 margin-top: 0.2em; 1104} 1105 1106div.dokuwiki #dw__toc h3 ~ div { 1107 border: 1px solid __border__; 1108 padding-left: 10px; 1109} 1110 1111div.dokuwiki #dw__toc ul.toc { 1112 background-color: transparent !important; 1113 border: 0 none; 1114} 1115 1116div.dokuwiki #dw__toc ul.toc li { 1117 list-style-image: none; 1118 list-style-type: none; 1119 background: transparent url(static/3rd/dokuwiki/tocdot2.gif) 0 0.6em no-repeat; 1120 padding-left: 0.4em !important; 1121 margin-bottom: 0.1em !important; 1122} 1123 1124 1125/* --------------- generic content classes --------------- */ 1126div.error, 1127div.info, 1128div.success, 1129div.notify { 1130 font-size: 80%; 1131 line-height: 1.25em; 1132} 1133 1134 1135/* --------------- admin menu --------------- */ 1136/* editing preview */ 1137div#content .dokuwiki div.preview { 1138 margin-left: 0; 1139} 1140/* "remeber me" checkbox, login */ 1141div.dokuwiki form#dw__login label.simple { 1142 text-align: center; 1143 padding-bottom: 0.4em; 1144} 1145/* main menu */ 1146.dokuwiki ul.admin_tasks li { 1147 list-style-type: none; 1148 list-style-image: none; 1149} 1150.dokuwiki ul.admin_tasks li a { 1151 font-weight: bold; 1152} 1153/* acl tree */ 1154#acl__tree li { 1155 list-style-image: none; 1156 list-style-type: none; 1157} 1158 1159 1160/* --------------- media manager popup --------------- */ 1161html.popup { 1162 background-color: #fff; 1163} 1164html.popup body { 1165 font: 13px sans-serif; 1166 background-image: none; 1167 background-color: #fff; 1168} 1169html.popup #media__manager { 1170 min-height: 465px; 1171} 1172* html.popup #media__manager { 1173 height: 465px; /* fix MSIE 6 */ 1174} 1175html.popup #media__manager h1, 1176html.popup #media__manager h2, 1177html.popup #media__popup h1, 1178html.popup #media__popup h2 { 1179 font-size: 1em !important; 1180 line-height: 1em !important; 1181 font-weight: bold !important; 1182} 1183html.popup #media__opts { 1184 padding-left: 1em; 1185 margin-bottom: 0.5em; 1186} 1187html.popup #media__opts input { 1188 float: left; 1189 display: block; 1190 margin-top: 4px; 1191 position: absolute; 1192} 1193*+html.popup #media__opts input, 1194* html.popup #media__opts input { 1195 position: static; 1196} 1197html.popup #media__opts label { 1198 display: block; 1199 float: left; 1200 margin-left: 20px; 1201 margin-bottom: 4px; 1202} 1203*+html.popup #media__opts label, 1204* html.popup #media__opts label { 1205 margin-left: 10px; 1206} 1207html.popup #media__opts br { 1208 clear: left; 1209} 1210 1211 1212/* --------------- media manager page --------------- */ 1213#mediamanager__page h2, 1214#mediamanager__page h3 { 1215 font-size: 1em !important; 1216 line-height: 1.5em !important; 1217 font-weight: normal !important; 1218 padding: 3px 10px !important; 1219} 1220#mediamanager__page div.namespaces h2 { 1221 margin-left: 0.3em; 1222 margin-bottom: 0; 1223 border-bottom-color: __background_alt__; 1224} 1225#mediamanager__page div.namespaces div.panelHeader { 1226 padding-top: 11px; 1227} 1228#mediamanager__page h3, 1229#mediamanager__page ul.tabs li { 1230 margin: 0 !important; 1231 padding: 0 !important; 1232} 1233#mediamanager__page .panelHeader ul { 1234 list-style-image: none !important; 1235} 1236#mediamanager__page .panelHeader ul .ui-buttonset { 1237 font-size: 12px; 1238} 1239#mediamanager__page .panelHeader ul li.ui-buttonset { 1240 background-position: 3px 0; 1241 padding-bottom: 3px; 1242} 1243#mediamanager__page .panelHeader div.no input.button { 1244 padding: 1px; 1245 line-height: 1em; 1246} 1247 1248 1249/* --------------- link wizard --------------- */ 1250#link__wiz { 1251 text-align: center; 1252} 1253#link__wiz_result div.even { 1254 background-color: #f5f5f5; 1255} 1256 1257 1258/* --------------- search result formating --------------- */ 1259div.dokuwiki div.search_result, /* old, until 2012-01-25 */ 1260div.dokuwiki dl.search_results { /* new, since 2012-09-10 */ 1261 margin-bottom: 6px; 1262 padding: 0 10px 0 30px; 1263} 1264 1265div.dokuwiki .search_snippet, /* old, until 2012-01-25 */ 1266div.dokuwiki dl.search_results dd { /* new, since 2012-09-10 */ 1267 font-size: 12px; 1268 margin-left: 20px; 1269} 1270 1271div.dokuwiki .search_sep { 1272 color: __text__; 1273} 1274 1275div.dokuwiki .search_hit { 1276 color: __text__; 1277 background-color: __highlight__; 1278} 1279div.dokuwiki strong.search_hit { 1280 font-weight: normal; 1281} 1282 1283div.dokuwiki div.search_quickresult { 1284 margin: 0 0 15px 30px; 1285 padding: 0 10px 10px 0; 1286 border-bottom: 1px dashed __border__; 1287} 1288div.dokuwiki div.search_quickresult h3 { 1289 margin: 0 0 1.0em 0; 1290 font-size: 1em; 1291 font-weight: bold; 1292} 1293 1294div.dokuwiki ul.search_quickhits { 1295 margin: 0 0 0.5em 1.0em; 1296} 1297 1298div.dokuwiki ul.search_quickhits li { 1299 margin: 0 1.0em 0 1.0em; 1300 float: left; 1301 width: 30%; 1302} 1303 1304div.dokuwiki .section_highlight { 1305 margin-left: 0; 1306 margin-right: 0; 1307 padding-left: 0; 1308 padding-right: 0; 1309 border: 0 none; 1310 background-color: __background_alt__ !important; 1311} 1312 1313 1314/* --------------- JS popup ----------------- */ 1315.JSpopup { 1316 background-color: __background__; 1317 color: __text__; 1318 border: 1px solid __border__; 1319 line-height: 1.2; 1320 padding: 0 .2em; 1321} 1322.JSpopup ul, 1323.JSpopup ol { 1324 padding-left: 0; 1325} 1326 1327 1328/* --------------- diff view ----------------- */ 1329.dokuwiki table.diff td { 1330 font-size: 12px; 1331 line-height: 17px; 1332} 1333.dokuwiki table.diff th { 1334 font-size: 12px; 1335} 1336.dokuwiki table.diff td.diff-addedline, 1337.dokuwiki table.diff td.diff-deletedline, 1338.dokuwiki table.diff td.diff-context { 1339 padding-left: 2px; 1340 padding-right: 2px; 1341} 1342 1343 1344/****************************************************************************** 1345 ********************* Browser Hacks and corrections ************************** 1346 ******************************************************************************/ 1347/* MSIE: fix textarea in admin menu (incl. jumping bug MSIE8) */ 1348textarea, 1349.dokuwiki #dw__editform textarea.edit { 1350 /* fix scrollbar flickers in IE8 standards mode, see 1351 http://j.mp/bHExde and http://j.mp/ad7Abj for details */ 1352 width: 450px\9; 1353 max-width: 100%\9; 1354 min-width: 100%\9; 1355 /* overwrite original vector with fixes for IE6/7 */ 1356 #width: 100% !important; 1357 border: auto; 1358} 1359/* MSIE 7: media manager */ 1360*:first-child+html #mediamanager__page .panelContent li { 1361 list-style: none !important; 1362 list-style-image: none !important; 1363} 1364/* ajax quicksearch: MSIE 6/7 */ 1365* html #qsearch__out { 1366 width: 206px; 1367} 1368#qsearch__out ul { 1369 #list-style: none !important; 1370 #list-style-image: none !important; 1371} 1372#qsearch__out li { 1373 #width: 206px; 1374} 1375/* admin menu icons: MSIE 6/7 */ 1376.dokuwiki ul.admin_tasks li div.li { 1377 #border-left: 1px dashed __background__; /* invisible border triggers IE to render the stuff */ 1378} 1379/* list style: MSIE 6/7 */ 1380div#panel div.portal div.body ul { 1381 #list-style: none outside none !important; 1382} 1383form#page__revisions ul, /* old, until 2012-01-25 */ 1384form#dw__recent ul, /* old, until 2012-01-25 */ 1385form.changes { /* new, since 2012-09-10 */ 1386 #list-style: none outside none !important; 1387} 1388
