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 #p-qrcode img { 832 margin: 0.5em 0 0.3em -0.2em; 833} 834div#panel #p-qrcode a, 835div#panel #p-qrcode a:link, 836div#panel #p-qrcode a:active, 837div#panel #p-qrcode a:hover, 838div#panel #p-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} 986 987div.dokuwiki div.toc div.tocheader { 988 border: 1px solid __border__; 989 background-color: __background_alt__; 990 text-align: left; 991 font-weight: bold; 992 padding: 3px; 993 margin-bottom: 2px; 994 line-height: 1.45em; 995} 996 997div.dokuwiki div.toc span.toc_open, 998div.dokuwiki div.toc span.toc_close { 999 border: 0.4em solid __background_alt__; 1000 float: right; 1001 display: block; 1002 margin: 0.4em 3px 0 0; 1003} 1004 1005div.dokuwiki div.toc span.toc_open span, 1006div.dokuwiki div.toc span.toc_close span { 1007 display: none; 1008} 1009 1010div.dokuwiki div.toc span.toc_open { 1011 margin-top: 0.4em; 1012 border-top: 0.4em solid __text__; 1013} 1014 1015div.dokuwiki div.toc span.toc_close { 1016 margin-top: 0; 1017 border-bottom: 0.4em solid __text__; 1018} 1019 1020div.dokuwiki div.toc #toc__inside { 1021 border: 1px solid __border__; 1022 background-color: __background__; 1023 text-align: left; 1024 padding: 0.5em 0 0.7em 0; 1025} 1026 1027div.dokuwiki div.toc ul.toc { 1028 list-style-type: none; 1029 list-style-image: none; 1030 line-height: 1.2em; 1031 padding: 0 !important; 1032 margin: 0.3em 0 0 1.5em !important; 1033} 1034 1035div.dokuwiki div.toc ul.toc li { 1036 list-style-image: none; 1037 list-style-type: none; 1038 background: transparent url(static/3rd/dokuwiki/tocdot2.gif) 0 0.6em no-repeat; 1039 padding-left: 0.4em !important; 1040 margin-bottom: 0.1em !important; 1041} 1042 1043div.dokuwiki div.toc ul.toc li.clear { 1044 background-image: none; 1045 padding-left: 0.4em; 1046} 1047 1048div.dokuwiki div.toc a.toc:link, 1049div.dokuwiki div.toc a.toc:visited { 1050 color: #436976; 1051} 1052 1053div.dokuwiki div.toc a.toc:hover, 1054div.dokuwiki div.toc a.toc:active { 1055 color: __text__; 1056} 1057 1058div.toc, 1059div.dokuwiki div.toc a.toc, 1060div.dokuwiki div.toc ul.toc { 1061 border: 0 none; 1062 background: transparent none; 1063 font-size: 100%; 1064} 1065 1066div.dokuwiki div.toc ul.toc { 1067 padding-top: 0; 1068 padding-bottom: 0; 1069 padding-left: 1em !important; 1070 list-style-type: none !important; 1071 list-style-image: none !important; 1072 margin: 0 !important; 1073} 1074 1075div.dokuwiki div.toc a.toc { 1076 padding: 0; 1077} 1078 1079 1080/* --------------- Table of contents (TOC) new, since 2012-09-10 --------------- */ 1081div.dokuwiki #dw__toc { 1082 margin: 1.2em 0 0 2em; 1083 float: right; 1084 width: 200px; 1085 font-size: 90%; 1086 clear: both; 1087 background-color: __background__; 1088} 1089 1090div.dokuwiki #dw__toc h3 { 1091 border: 1px solid __border__ !important; 1092 background-color: __background_alt__ !important; 1093 text-align: left; 1094 font-weight: bold !important; 1095 padding: 3px !important; 1096 margin-bottom: 2px !important; 1097 line-height: 1.45em; 1098 font-size: 90% !important; 1099} 1100 1101div.dokuwiki #dw__toc h3 strong { 1102 margin-top: 0.2em; 1103} 1104 1105div.dokuwiki #dw__toc h3 ~ div { 1106 border: 1px solid __border__; 1107 padding-left: 10px; 1108} 1109 1110div.dokuwiki #dw__toc ul.toc { 1111 background-color: transparent !important; 1112 border: 0 none; 1113} 1114 1115div.dokuwiki #dw__toc ul.toc li { 1116 list-style-image: none; 1117 list-style-type: none; 1118 background: transparent url(static/3rd/dokuwiki/tocdot2.gif) 0 0.6em no-repeat; 1119 padding-left: 0.4em !important; 1120 margin-bottom: 0.1em !important; 1121} 1122 1123 1124/* --------------- generic content classes --------------- */ 1125div.error, 1126div.info, 1127div.success, 1128div.notify { 1129 font-size: 80%; 1130 line-height: 1.25em; 1131} 1132 1133 1134/* --------------- admin menu --------------- */ 1135/* editing preview */ 1136div#content .dokuwiki div.preview { 1137 margin-left: 0; 1138} 1139/* "remeber me" checkbox, login */ 1140div.dokuwiki form#dw__login label.simple { 1141 text-align: center; 1142 padding-bottom: 0.4em; 1143} 1144/* main menu */ 1145.dokuwiki ul.admin_tasks li { 1146 list-style-type: none; 1147 list-style-image: none; 1148} 1149.dokuwiki ul.admin_tasks li a { 1150 font-weight: bold; 1151} 1152/* acl tree */ 1153#acl__tree li { 1154 list-style-image: none; 1155 list-style-type: none; 1156} 1157 1158 1159/* --------------- media manager popup --------------- */ 1160html.popup { 1161 background-color: #fff; 1162} 1163html.popup body { 1164 font: 13px/17px sans-serif; 1165 background-image: none; 1166 background-color: #fff; 1167} 1168html.popup #media__manager { 1169 min-height: 465px; 1170} 1171* html.popup #media__manager { 1172 height: 465px; /* fix MSIE 6 */ 1173} 1174html.popup #media__manager h1, 1175html.popup #media__manager h2, 1176html.popup #media__popup h1, 1177html.popup #media__popup h2 { 1178 font-size: 1em !important; 1179 line-height: 1em !important; 1180 font-weight: bold !important; 1181} 1182html.popup #media__opts { 1183 padding-left: 1em; 1184 margin-bottom: 0.5em; 1185} 1186html.popup #media__opts input { 1187 float: left; 1188 display: block; 1189 margin-top: 4px; 1190 position: absolute; 1191} 1192*+html.popup #media__opts input, 1193* html.popup #media__opts input { 1194 position: static; 1195} 1196html.popup #media__opts label { 1197 display: block; 1198 float: left; 1199 margin-left: 20px; 1200 margin-bottom: 4px; 1201} 1202*+html.popup #media__opts label, 1203* html.popup #media__opts label { 1204 margin-left: 10px; 1205} 1206html.popup #media__opts br { 1207 clear: left; 1208} 1209 1210 1211/* --------------- media manager page --------------- */ 1212#mediamanager__page h2, 1213#mediamanager__page h3 { 1214 font-size: 1em !important; 1215 line-height: 1.5em !important; 1216 font-weight: normal !important; 1217 padding: 3px 10px !important; 1218} 1219#mediamanager__page div.namespaces h2 { 1220 margin-bottom: 0; 1221 border-bottom: 0; 1222} 1223#mediamanager__page div.namespaces div.panelHeader { 1224 padding-top: 11px; 1225} 1226#mediamanager__page h3, 1227#mediamanager__page ul.tabs li { 1228 margin: 0 !important; 1229 padding: 0 !important; 1230} 1231#mediamanager__page .panelHeader ul { 1232 list-style-image: none !important; 1233} 1234#mediamanager__page .panelHeader ul .ui-buttonset { 1235 font-size: 12px; 1236} 1237#mediamanager__page .panelHeader ul li.ui-buttonset { 1238 background-position: 3px 0; 1239 padding-bottom: 3px; 1240} 1241#mediamanager__page .panelHeader div.no input.button { 1242 padding: 1px; 1243 line-height: 1em; 1244} 1245 1246 1247/* --------------- link wizard --------------- */ 1248#link__wiz { 1249 text-align: center; 1250} 1251#link__wiz_result div.even { 1252 background-color: #f5f5f5; 1253} 1254 1255 1256/* --------------- search result formating --------------- */ 1257div.dokuwiki div.search_result, /* old, until 2012-01-25 */ 1258div.dokuwiki dl.search_results { /* new, since 2012-09-10 */ 1259 margin-bottom: 6px; 1260 padding: 0 10px 0 30px; 1261} 1262 1263div.dokuwiki .search_snippet, /* old, until 2012-01-25 */ 1264div.dokuwiki dl.search_results dd { /* new, since 2012-09-10 */ 1265 font-size: 12px; 1266 margin-left: 20px; 1267} 1268 1269div.dokuwiki .search_sep { 1270 color: __text__; 1271} 1272 1273div.dokuwiki .search_hit { 1274 color: __text__; 1275 background-color: __highlight__; 1276} 1277div.dokuwiki strong.search_hit { 1278 font-weight: normal; 1279} 1280 1281div.dokuwiki div.search_quickresult { 1282 margin: 0 0 15px 30px; 1283 padding: 0 10px 10px 0; 1284 border-bottom: 1px dashed __border__; 1285} 1286div.dokuwiki div.search_quickresult h3 { 1287 margin: 0 0 1.0em 0; 1288 font-size: 1em; 1289 font-weight: bold; 1290} 1291 1292div.dokuwiki ul.search_quickhits { 1293 margin: 0 0 0.5em 1.0em; 1294} 1295 1296div.dokuwiki ul.search_quickhits li { 1297 margin: 0 1.0em 0 1.0em; 1298 float: left; 1299 width: 30%; 1300} 1301 1302div.dokuwiki .section_highlight { 1303 background-color: __background_alt__ !important; 1304} 1305 1306 1307/* --------------- JS popup ----------------- */ 1308.JSpopup { 1309 background-color: __background__; 1310 color: __text__; 1311 border: 1px solid __border__; 1312 line-height: 1.2; 1313 padding: 0 .2em; 1314} 1315.JSpopup ul, 1316.JSpopup ol { 1317 padding-left: 0; 1318} 1319 1320 1321/* --------------- diff view ----------------- */ 1322.dokuwiki table.diff td { 1323 font-size: 12px; 1324 line-height: 17px; 1325} 1326.dokuwiki table.diff th { 1327 font-size: 12px; 1328} 1329.dokuwiki table.diff td.diff-addedline, 1330.dokuwiki table.diff td.diff-deletedline, 1331.dokuwiki table.diff td.diff-context { 1332 padding-left: 2px; 1333 padding-right: 2px; 1334} 1335 1336 1337/****************************************************************************** 1338 ********************* Browser Hacks and corrections ************************** 1339 ******************************************************************************/ 1340/* MSIE: fix textarea in admin menu (incl. jumping bug MSIE8) */ 1341textarea, 1342.dokuwiki #dw__editform textarea.edit { 1343 /* fix scrollbar flickers in IE8 standards mode, see 1344 http://j.mp/bHExde and http://j.mp/ad7Abj for details */ 1345 width: 450px\9; 1346 max-width: 100%\9; 1347 min-width: 100%\9; 1348 /* overwrite original vector with fixes for IE6/7 */ 1349 #width: 100% !important; 1350 border: auto; 1351} 1352/* MSIE 7: media manager */ 1353*:first-child+html #mediamanager__page .panelContent li { 1354 list-style: none !important; 1355 list-style-image: none !important; 1356} 1357/* ajax quicksearch: MSIE 6/7 */ 1358* html #qsearch__out { 1359 width: 206px; 1360} 1361#qsearch__out ul { 1362 #list-style: none !important; 1363 #list-style-image: none !important; 1364} 1365#qsearch__out li { 1366 #width: 206px; 1367} 1368/* admin menu icons: MSIE 6/7 */ 1369.dokuwiki ul.admin_tasks li div.li { 1370 #border-left: 1px dashed __background__; /* invisible border triggers IE to render the stuff */ 1371} 1372/* list style: MSIE 6/7 */ 1373div#panel div.portal div.body ul { 1374 #list-style: none outside none !important; 1375} 1376form#page__revisions ul, /* old, until 2012-01-25 */ 1377form#dw__recent ul, /* old, until 2012-01-25 */ 1378form.changes { /* new, since 2012-09-10 */ 1379 #list-style: none outside none !important; 1380} 1381 1382
