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