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/* translation plugin by Anreas Gohr */ 831div#panel .body .dokuwiki .plugin_translation span { 832 display: none; 833} 834div#panel .body .dokuwiki .plugin_translation { 835 padding-right: 0 !important; 836 text-align: left; 837} 838div#panel .body .dokuwiki .plugin_translation, 839div#panel .body .dokuwiki .plugin_translation ul, 840div#panel .body .dokuwiki .plugin_translation li { 841 float: none; 842 margin: 0; 843 padding-right: 0; 844 line-height: 1.125em; 845 font-size: 100%; 846} 847div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:link, 848div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:hover, 849div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:active, 850div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:visited, 851div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:link, 852div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:hover, 853div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:active, 854div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:visited { 855 background-color: transparent; 856 margin: 0; 857 padding: 0; 858} 859div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:before, 860div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:before { 861 content: attr(title) " ("; 862} 863div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:after, 864div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:after { 865 content: ") "; 866} 867div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1 { 868 color: __existing__ !important; 869} 870div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2 { 871 color: __missing__ !important; 872} 873div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:hover { 874 text-decoration: underline; 875} 876div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:hover { 877 text-decoration: underline !important; 878} 879div#panel .body .dokuwiki .plugin_translation select { 880 width: 90%; 881 margin: auto !important; 882 text-align: left; 883} 884div#panel .body .dokuwiki .plugin_translation option, 885div#panel .body .dokuwiki .plugin_translation option.wikilink1, 886div#panel .body .dokuwiki .plugin_translation option.wikilink2 { 887 padding: auto 5px !important; 888 text-align: left; 889} 890 891 892/* --------------- search --------------- */ 893/* copy of the original vector id="searchInput" styles cause we have to use 894 another id for DokuWiki */ 895div#simpleSearch input#qsearch__in { 896 margin: 0; 897 border-width: 0; 898 padding: 0.25em; 899 line-height: 1em; 900 font-size: 0.8em; 901 width: 14em; 902 background-color: transparent; 903} 904/* Ajax quicksearch */ 905#qsearch__out { 906 top: 72px; 907 display: none; 908 left: auto; 909 right: 7.93335px; 910 bottom: auto; 911 height: auto; 912 font-family: sans-serif; 913 font-size: 0.8em; 914 background-color: window; 915 border: 1px solid #aaa; 916 padding: 0; 917 position: static; 918} 919#qsearch__out ul { 920 padding: 0; 921 margin: 0; 922 list-style: none; 923} 924#qsearch__out li { 925 color: windowtext; 926 margin: 0; 927 width: 100%; 928 padding: 1px; 929} 930#qsearch__out li a { 931 width: 97%; /* leave some space for browser rounding errors */ 932 display: block; 933} 934#qsearch__out li:hover { 935 background-color: #bbb; 936} 937#qsearch__out li a, 938#qsearch__out li a:link, 939#qsearch__out li a:visited, 940#qsearch__out li a:hover { 941 color: windowtext; 942 text-decoration: none; 943} 944 945 946/* --------------- footer --------------- */ 947div#footer a.wikilink1, 948div#footer a.wikilink2, 949div#footer a.urlextern { 950 padding-left: 0; 951 background: transparent none; 952 color: __existing__; 953} 954/* default copyright notice layout */ 955div#footer #footer-info li#footer-info-copyright .license { 956 font-size: 100%; 957 text-align: left; 958 padding: 0; 959} 960div#footer #footer-info li#footer-info-copyright .license a.urlextern { 961 margin-left: 0.4em; 962} 963 964 965/* --------------- Table of contents (TOC) old, until 2012-01-25 --------------- */ 966div.dokuwiki div.toc { 967 margin: 1.2em 0 0 2em; 968 float: right; 969 width: 200px; 970 font-size: 80%; 971 clear: both; 972} 973 974div.dokuwiki div.toc div.tocheader { 975 border: 1px solid __border__; 976 background-color: __background_alt__; 977 text-align: left; 978 font-weight: bold; 979 padding: 3px; 980 margin-bottom: 2px; 981 line-height: 1.45em; 982} 983 984div.dokuwiki div.toc span.toc_open, 985div.dokuwiki div.toc span.toc_close { 986 border: 0.4em solid __background_alt__; 987 float: right; 988 display: block; 989 margin: 0.4em 3px 0 0; 990} 991 992div.dokuwiki div.toc span.toc_open span, 993div.dokuwiki div.toc span.toc_close span { 994 display: none; 995} 996 997div.dokuwiki div.toc span.toc_open { 998 margin-top: 0.4em; 999 border-top: 0.4em solid __text__; 1000} 1001 1002div.dokuwiki div.toc span.toc_close { 1003 margin-top: 0; 1004 border-bottom: 0.4em solid __text__; 1005} 1006 1007div.dokuwiki div.toc #toc__inside { 1008 border: 1px solid __border__; 1009 background-color: __background__; 1010 text-align: left; 1011 padding: 0.5em 0 0.7em 0; 1012} 1013 1014div.dokuwiki div.toc ul.toc { 1015 list-style-type: none; 1016 list-style-image: none; 1017 line-height: 1.2em; 1018 padding: 0 !important; 1019 margin: 0.3em 0 0 1.5em !important; 1020} 1021 1022div.dokuwiki div.toc ul.toc li { 1023 list-style-image: none; 1024 list-style-type: none; 1025 background: transparent url(static/3rd/dokuwiki/tocdot2.gif) 0 0.6em no-repeat; 1026 padding-left: 0.4em !important; 1027 margin-bottom: 0.1em !important; 1028} 1029 1030div.dokuwiki div.toc ul.toc li.clear { 1031 background-image: none; 1032 padding-left: 0.4em; 1033} 1034 1035div.dokuwiki div.toc a.toc:link, 1036div.dokuwiki div.toc a.toc:visited { 1037 color: #436976; 1038} 1039 1040div.dokuwiki div.toc a.toc:hover, 1041div.dokuwiki div.toc a.toc:active { 1042 color: __text__; 1043} 1044 1045div.toc, 1046div.dokuwiki div.toc a.toc, 1047div.dokuwiki div.toc ul.toc { 1048 border: 0 none; 1049 background: transparent none; 1050 font-size: 100%; 1051} 1052 1053div.dokuwiki div.toc ul.toc { 1054 padding-top: 0; 1055 padding-bottom: 0; 1056 padding-left: 1em !important; 1057 list-style-type: none !important; 1058 list-style-image: none !important; 1059 margin: 0 !important; 1060} 1061 1062div.dokuwiki div.toc a.toc { 1063 padding: 0; 1064} 1065 1066 1067/* --------------- Table of contents (TOC) new, since 2012-09-10 --------------- */ 1068div.dokuwiki #dw__toc { 1069 margin: 1.2em 0 0 2em; 1070 float: right; 1071 width: 200px; 1072 font-size: 90%; 1073 clear: both; 1074 background-color: __background__; 1075} 1076 1077div.dokuwiki #dw__toc h3 { 1078 border: 1px solid __border__ !important; 1079 background-color: __background_alt__ !important; 1080 text-align: left; 1081 font-weight: bold !important; 1082 padding: 3px !important; 1083 margin-bottom: 2px !important; 1084 line-height: 1.45em; 1085 font-size: 90% !important; 1086} 1087 1088div.dokuwiki #dw__toc h3 strong { 1089 margin-top: 0.2em; 1090} 1091 1092div.dokuwiki #dw__toc h3 ~ div { 1093 border: 1px solid __border__; 1094 padding-left: 10px; 1095} 1096 1097div.dokuwiki #dw__toc ul.toc { 1098 background-color: __background__ !important; 1099 border: 0 none; 1100} 1101 1102div.dokuwiki #dw__toc ul.toc li { 1103 list-style-image: none; 1104 list-style-type: none; 1105 background: transparent url(static/3rd/dokuwiki/tocdot2.gif) 0 0.6em no-repeat; 1106 padding-left: 0.4em !important; 1107 margin-bottom: 0.1em !important; 1108} 1109 1110 1111/* --------------- generic content classes --------------- */ 1112div.error, 1113div.info, 1114div.success, 1115div.notify { 1116 font-size: 80%; 1117 line-height: 1.25em; 1118} 1119 1120 1121/* --------------- admin menu --------------- */ 1122/* editing preview */ 1123div#content .dokuwiki div.preview { 1124 margin-left: 0; 1125} 1126/* "remeber me" checkbox, login */ 1127div.dokuwiki form#dw__login label.simple { 1128 text-align: center; 1129 padding-bottom: 0.4em; 1130} 1131/* main menu */ 1132.dokuwiki ul.admin_tasks li { 1133 list-style-type: none; 1134 list-style-image: none; 1135} 1136.dokuwiki ul.admin_tasks li a { 1137 font-weight: bold; 1138} 1139/* acl tree */ 1140#acl__tree li { 1141 list-style-image: none; 1142 list-style-type: none; 1143} 1144 1145 1146/* --------------- media manager popup --------------- */ 1147html.popup { 1148 background-color: #fff; 1149} 1150html.popup body { 1151 font: 13px/17px sans-serif; 1152 background-image: none; 1153 background-color: #fff; 1154} 1155html.popup #media__manager { 1156 min-height: 465px; 1157} 1158* html.popup #media__manager { 1159 height: 465px; /* fix MSIE 6 */ 1160} 1161html.popup #media__manager h1, 1162html.popup #media__manager h2, 1163html.popup #media__popup h1, 1164html.popup #media__popup h2 { 1165 font-size: 1em !important; 1166 line-height: 1em !important; 1167 font-weight: bold !important; 1168} 1169html.popup #media__opts { 1170 padding-left: 1em; 1171 margin-bottom: 0.5em; 1172} 1173html.popup #media__opts input { 1174 float: left; 1175 display: block; 1176 margin-top: 4px; 1177 position: absolute; 1178} 1179*+html.popup #media__opts input, 1180* html.popup #media__opts input { 1181 position: static; 1182} 1183html.popup #media__opts label { 1184 display: block; 1185 float: left; 1186 margin-left: 20px; 1187 margin-bottom: 4px; 1188} 1189*+html.popup #media__opts label, 1190* html.popup #media__opts label { 1191 margin-left: 10px; 1192} 1193html.popup #media__opts br { 1194 clear: left; 1195} 1196 1197 1198/* --------------- media manager page --------------- */ 1199#mediamanager__page h2, 1200#mediamanager__page h3 { 1201 font-size: 1em !important; 1202 line-height: 1.5em !important; 1203 font-weight: normal !important; 1204 padding: 3px 10px !important; 1205} 1206#mediamanager__page div.namespaces h2 { 1207 margin-bottom: 0; 1208 border-bottom: 0; 1209} 1210#mediamanager__page div.namespaces div.panelHeader { 1211 padding-top: 11px; 1212} 1213#mediamanager__page h3, 1214#mediamanager__page ul.tabs li { 1215 margin: 0 !important; 1216 padding: 0 !important; 1217} 1218#mediamanager__page .panelHeader ul { 1219 list-style-image: none !important; 1220} 1221#mediamanager__page .panelHeader ul .ui-buttonset { 1222 font-size: 12px; 1223} 1224#mediamanager__page .panelHeader ul li.ui-buttonset { 1225 background-position: 3px 0; 1226 padding-bottom: 3px; 1227} 1228#mediamanager__page .panelHeader div.no input.button { 1229 padding: 1px; 1230 line-height: 1em; 1231} 1232 1233 1234/* --------------- link wizard --------------- */ 1235#link__wiz { 1236 text-align: center; 1237} 1238#link__wiz_result div.even { 1239 background-color: #f5f5f5; 1240} 1241 1242 1243/* --------------- search result formating --------------- */ 1244div.dokuwiki div.search_result, /* old, until 2012-01-25 */ 1245div.dokuwiki dl.search_results { /* new, since 2012-09-10 */ 1246 margin-bottom: 6px; 1247 padding: 0 10px 0 30px; 1248} 1249 1250div.dokuwiki .search_snippet, /* old, until 2012-01-25 */ 1251div.dokuwiki dl.search_results dd { /* new, since 2012-09-10 */ 1252 font-size: 12px; 1253 margin-left: 20px; 1254} 1255 1256div.dokuwiki .search_sep { 1257 color: __text__; 1258} 1259 1260div.dokuwiki .search_hit { 1261 color: __text__; 1262 background-color: __highlight__; 1263} 1264div.dokuwiki strong.search_hit { 1265 font-weight: normal; 1266} 1267 1268div.dokuwiki div.search_quickresult { 1269 margin: 0 0 15px 30px; 1270 padding: 0 10px 10px 0; 1271 border-bottom: 1px dashed __border__; 1272} 1273div.dokuwiki div.search_quickresult h3 { 1274 margin: 0 0 1.0em 0; 1275 font-size: 1em; 1276 font-weight: bold; 1277} 1278 1279div.dokuwiki ul.search_quickhits { 1280 margin: 0 0 0.5em 1.0em; 1281} 1282 1283div.dokuwiki ul.search_quickhits li { 1284 margin: 0 1.0em 0 1.0em; 1285 float: left; 1286 width: 30%; 1287} 1288 1289div.dokuwiki .section_highlight { 1290 background-color: __background_alt__ !important; 1291} 1292 1293 1294/* --------------- JS popup ----------------- */ 1295.JSpopup { 1296 background-color: __background__; 1297 color: __text__; 1298 border: 1px solid __border__; 1299 line-height: 1.2; 1300 padding: 0 .2em; 1301} 1302.JSpopup ul, 1303.JSpopup ol { 1304 padding-left: 0; 1305} 1306 1307 1308/* --------------- diff view ----------------- */ 1309.dokuwiki table.diff td { 1310 font-size: 12px; 1311 line-height: 17px; 1312} 1313.dokuwiki table.diff th { 1314 font-size: 12px; 1315} 1316.dokuwiki table.diff td.diff-addedline, 1317.dokuwiki table.diff td.diff-deletedline, 1318.dokuwiki table.diff td.diff-context { 1319 padding-left: 2px; 1320 padding-right: 2px; 1321} 1322 1323 1324/****************************************************************************** 1325 ********************* Browser Hacks and corrections ************************** 1326 ******************************************************************************/ 1327/* MSIE: fix textarea in admin menu (incl. jumping bug MSIE8) */ 1328textarea, 1329.dokuwiki #dw__editform textarea.edit { 1330 /* fix scrollbar flickers in IE8 standards mode, see 1331 http://j.mp/bHExde and http://j.mp/ad7Abj for details */ 1332 width: 450px\9; 1333 max-width: 100%\9; 1334 min-width: 100%\9; 1335 /* overwrite original vector with fixes for IE6/7 */ 1336 #width: 100% !important; 1337 border: auto; 1338} 1339/* MSIE 7: media manager */ 1340*:first-child+html #mediamanager__page .panelContent li { 1341 list-style: none !important; 1342 list-style-image: none !important; 1343} 1344/* ajax quicksearch: MSIE 6/7 */ 1345* html #qsearch__out { 1346 width: 206px; 1347} 1348#qsearch__out ul { 1349 #list-style: none !important; 1350 #list-style-image: none !important; 1351} 1352#qsearch__out li { 1353 #width: 206px; 1354} 1355/* admin menu icons: MSIE 6/7 */ 1356.dokuwiki ul.admin_tasks li div.li { 1357 #border-left: 1px dashed __background__; /* invisible border triggers IE to render the stuff */ 1358} 1359/* list style: MSIE 6/7 */ 1360div#panel div.portal div.body ul { 1361 #list-style: none outside none !important; 1362} 1363form#page__revisions ul, /* old, until 2012-01-25 */ 1364form#dw__recent ul, /* old, until 2012-01-25 */ 1365form.changes { /* new, since 2012-09-10 */ 1366 #list-style: none outside none !important; 1367} 1368 1369
