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