/****************************************************************************** ******************************** ATTENTION ********************************* DO NOT MODIFY THIS FILE, IT WILL NOT BE PRESERVED ON UPDATES! ****************************************************************************** If you want to add some own screen CSS, have a look at the README of this template and "/user/screen.css". You have been warned! *****************************************************************************/ /* Notes about how the template CSS works: - This template includes 3rd party CSS files: 1) CSS from the "starter" DokuWiki template by Anika Henke (brings important and basic styling for syntax and core features) 2) CSS from the original "vector" skin for MediaWiki (brings the basic layout and overwrites some "default" styling) These files will be included BEFORE this specific CSS file. In this file, I just overwrite non fitting MediaWiki "vector" and DokuWiki "starter" CSS + add some CSS for some exclusive objects of this template - Why I am doing this? Well, read . I followed the main principle described there and simply apply it to the two sources ("starter" template and "vector" skin). - This way also ensures a painless update, if there are new versions of MediaWiki vector or DokuWiki CSS files. Cause these 3rd party components were not edited or partially copied, I do not have to track their changes in detail. Explanation of the different sections in here: - "Styles/corrections for the template itself" General CSS targeting the template structure. This section overwrites non fitting CSS of the "vector" MediaWiki skin and "starter" DokuWiki template. Read the notes above and if you do not know why I am doing it this way. - "Browser Hacks and corrections" Section containing bigger hacks for browser specific problems. */ /****************************************************************************** ************** Styles/corrections for the template itself ******************** ******************************************************************************/ /* --------------- general styling --------------- */ /* general tags */ html { background-color: #f3f3f3; } div.dokuwiki p, div.dokuwiki blockquote, div.dokuwiki table, div.dokuwiki pre { margin: 0 0 1.0em 0; } div.dokuwiki caption { font-family: sans-serif; } /* forms */ div.dokuwiki textarea.edit { font-family: monospace, serif; /* second generic font fixes problem with font-size, see http://meyerweb.com/eric/thoughts/2010/02/12/fixed-monospace-sizing/ */ font-size: 14px; color: __text__; background-color: __background__; border: 1px solid __border__; padding: 0.3em 0 0 0.3em; width: 100%; line-height: 17px; } div.dokuwiki legend { font-family: sans-serif; font-weight: normal; background-color: transparent; } /* nice alphatransparency background except for IE <7 */ html>body div.dokuwiki textarea.edit { background: __background__ url(static/3rd/dokuwiki/inputshadow.png) repeat-x top; } div.dokuwiki input.edit, div.dokuwiki select.edit { font-size: 100%; border: 1px solid __border__; color: __text__; background-color: __background__; vertical-align: middle; margin: 1px; padding: 0.20em 0.3em; display: inline; font-weight: normal; } /* nice alphatransparency background except for IE <7 */ html>body div.dokuwiki input.edit, html>body div.dokuwiki select.edit { background: __background__ url(static/3rd/dokuwiki/inputshadow.png) repeat-x top; } div.dokuwiki select.edit { padding: 0.1em 0; } div.dokuwiki input.missing { font-size: 100%; border: 1px solid __border__; color: __text__; background-color: #ffcccc; vertical-align: middle; margin: 1px; padding: 0.20em 0.3em; display: inline; } /* disabled style - not understood by IE */ div.dokuwiki textarea.edit[disabled], div.dokuwiki textarea.edit[readonly], div.dokuwiki input.edit[disabled], div.dokuwiki input.edit[readonly], div.dokuwiki input.button[disabled], div.dokuwiki select.edit[disabled] { background-color: __background_neu__!important; color: __text_neu__!important; font-weight: normal; } /* edit form */ div.dokuwiki div.toolbar, div.dokuwiki div#wiki__editbar { margin: 2px 0; text-align: left; } div.dokuwiki div#size__ctl { float: right; width: 60px; height: 2.7em; } div.dokuwiki #size__ctl img { cursor: pointer; } div.dokuwiki div#wiki__editbar div.editButtons { float: left; padding: 0 1.0em 0.7em 0; } div.dokuwiki div#wiki__editbar div.summary { float: left; } div.dokuwiki .nowrap { white-space: nowrap; } div.dokuwiki div#draft__status { float: right; color: __text_alt__; } div.dokuwiki div.license { padding: 0.5em; font-size: 90%; text-align: center; } div.dokuwiki form#dw__editform div.license { clear: left; font-size: 90%; } /* buttons */ div.dokuwiki input.button, div.dokuwiki button.button { border: 1px solid __border__; color: __text__; background-color: __background__; vertical-align: middle; text-decoration: none; font-size: 100%; cursor: pointer; margin: 1px; padding: 0.125em 0.4em; font-weight: normal; } /* nice alphatransparency background except for IE <7 */ html>body div.dokuwiki input.button, html>body div.dokuwiki button.button { background: __background__ url(static/3rd/dokuwiki/buttonshadow.png) repeat-x bottom; } * html div.dokuwiki input.button, * html div.dokuwiki button.button { height: 1.8em; } /* links */ div.dokuwiki a:link, div.dokuwiki a:visited { color: #436976; text-decoration: none; } div.dokuwiki a:hover, div.dokuwiki a:active { color: __text__; text-decoration: underline; } /* missing page links outside rendered articles */ a.wikilink2, a.wikilink2:link, a.wikilink2:visited, a.wikilink2:hover { color: __missing__ !important; text-decoration: none; } a.wikilink2:hover { border-bottom: 0 none !important; text-decoration: none !important; } /* link to current page */ .dokuwiki span.curid a { font-weight: normal; } /* internal link */ .dokuwiki a.wikilink1, .dokuwiki a.wikilink1:visited { color: __existing__ !important; } /* external links */ div#bodyContent a.urlextern { background: url(static/3rd/vector/external-link-ltr-icon.png) center right no-repeat; padding: 0 13px 0 0; } div.dokuwiki a.urlextern:visited { color: purple; } /* email link */ div#bodyContent a.mail { background: transparent url(static/3rd/vector/mail-icon.png) center right no-repeat; padding: 0 13px 0 0; } /* windows share */ div.dokuwiki a.windows { background: transparent url(static/3rd/dokuwiki/windows.gif) center right no-repeat; padding: 0 18px 1px 0; } /* interwiki link */ div.dokuwiki a.interwiki { background-position: center right; padding: 0 17px 0 0; } div.dokuwiki a.interwiki:visited { color: purple; } /* headlines */ h1, h2, h3, h4, h5, h6 { font-family: sans-serif; } div#content .dokuwiki h1, div#content .dokuwiki h2, div#content .dokuwiki h3, div#content .dokuwiki h4, div#content .dokuwiki h5, div#content .dokuwiki h6 { border-bottom: 1px solid #aaa; color: __text__; margin: 0; padding-bottom: 0.17em; padding-top: 0.5em; } div#content .dokuwiki h1 a, div#content .dokuwiki h2 a, div#content .dokuwiki h3 a, div#content .dokuwiki h4 a, div#content .dokuwiki h5 a, div#content .dokuwiki h6 a { color: __text__; } div#content .dokuwiki h1 a:hover, div#content .dokuwiki h2 a:hover, div#content .dokuwiki h3 a:hover, div#content .dokuwiki h4 a:hover, div#content .dokuwiki h5 a:hover, div#content .dokuwiki h6 a:hover { text-decoration: none; } div#content .dokuwiki h1 { font-size: 160%; } div#content .dokuwiki h1, div#content .dokuwiki h2 { margin-bottom: 0.6em; font-weight: normal; } div#content .dokuwiki h3, div#content .dokuwiki h4, div#content .dokuwiki h5, div#content .dokuwiki h6 { font-weight: bold; border-bottom: none; margin-bottom: 0.3em; } div#content .dokuwiki h3 { font-size: 132%; } div#content .dokuwiki h4 { font-size: 116%; } div#content .dokuwiki h5 { font-size: 100%; } div#content .dokuwiki h6 { font-size: 80%; } /* remove indent from different sections */ div#content .dokuwiki div.level1, div#content .dokuwiki div.level2, div#content .dokuwiki div.level3, div#content .dokuwiki div.level4, div#content .dokuwiki div.level5 { margin-left: 0; } /* lists */ div.dokuwiki ul { line-height: 1.5em; padding: 0; list-style-type: square; list-style-image: url(static/3rd/vector/bullet-icon.png) !important; margin: 0.3em 0 1em 1.5em; color: __text_alt__; } div.dokuwiki ol { line-height: 1.5em; padding: 0; list-style-image: none; margin: 0.3em 0 1em 3.2em; color: __text_alt__; font-weight: bold; } div.dokuwiki li ul, div.dokuwiki li ol { margin: 0 0 0 1.5em; /* no bottom gap in between and smaller left margin for nested lists */ } div.dokuwiki .li { color: __text__; /* the list items overriding the ul/ol definition */ font-weight: normal; } div.dokuwiki ol { list-style-type: decimal; } div.dokuwiki ol ol { list-style-type: upper-roman; } div.dokuwiki ol ol ol { list-style-type: lower-alpha; } div.dokuwiki ol ol ol ol { list-style-type: lower-greek; } div.dokuwiki li.open { list-style-image: url(static/3rd/dokuwiki/images/open.gif); } div.dokuwiki li.closed { list-style-image: url(static/3rd/dokuwiki/closed.gif); } div.dokuwiki li { margin-left: 0; } /* quotes */ div#content .dokuwiki blockquote { border-left: 2px solid __border__; padding-left: 3px; padding-right: 0; margin-left: 0.2em; } /* preformatted stuff, source code */ div#content .dokuwiki code, div#content .dokuwiki pre, div#content .dokuwiki pre.code, div#content .dokuwiki pre.file { font-size: 100%; background-color: #f9f9f9; } div#content .dokuwiki pre, div#content .dokuwiki pre.code, div#content .dokuwiki pre.file { line-height: 1.2em; padding: 0.5em; border-style: dashed; } div#content .dokuwiki dl.file, div#content .dokuwiki dl.file dd { margin-left: 0; } div#content .dokuwiki dl.file dt, div#content .dokuwiki dl.code dt { background-color: #f9f9f9; border-bottom: 2px solid #f9f9f9; border-top: 1px dashed __border__; border-left: 1px dashed __border__; border-right: 1px dashed __border__; display: inline; margin-left: 2em; padding: 0.1em 1em; } div#content .dokuwiki dl.file dt a, div#content .dokuwiki dl.code dt a { color: __text__; } /* "you are here" and "breadcrumbs" */ .catlinks { font-size: 80%; margin-bottom: 1em; } .catlinks p, .catlinks div { margin: 0.3em 0; } /* tables */ th, td { border: 0; } td[align="right"], th[align="right"] { text-align: right; } div.dokuwiki table.inline { background-color: __background__; min-width: 0; } div.dokuwiki table.inline th, div.dokuwiki table.inline td { border: 1px solid __border__; } div.dokuwiki table.inline th { background-color: __background_alt__; } div.dokuwiki table.inline tr:hover th, div.dokuwiki table.inline th:hover { background-color: __background_alt__; } /* section edit buttons */ .dokuwiki .secedit { margin-top: 0; } div#content .dokuwiki div.secedit input.button { border: 0 none; text-transform: lowercase; color: __existing__; margin: 0; padding: 0; cursor: pointer; background: transparent none; } /* footnotes */ div.dokuwiki div.fn { font-size: 90%; } /* link to footnote inside the text */ .dokuwiki sup a.fn_top { font-size: 95%; } /* insitu-footnotes */ div.insitu-footnote { font-size: 85%; padding: 4px; } div.insitu-footnote code, div.insitu-footnote pre { font-size: 90%; } /* Toolbar */ button.toolbutton { background-color: __background__; padding: 0px; margin: 0 1px 0 0; border: 1px solid __border__; cursor: pointer; } /* nice alphatransparency background except for IE <7 */ html>body button.toolbutton { background: __background__ url(static/3rd/dokuwiki/buttonshadow.png) repeat-x bottom; } div.picker { width: 250px; border: 1px solid __border__; background-color: __background_alt__; } div.pk_hl { width: 125px; } button.pickerbutton { padding: 0px; margin: 0 1px 1px 0; border: 0; background-color: transparent; font-size: 80%; cursor: pointer; } /* gallery plugin compatibilty */ div.dokuwiki .gallery table, div.dokuwiki .gallery td { border: 0 none; } /* --------------- sidebar --------------- */ div#panel { line-height: 15px; } div#panel .dokuwiki { font-size: 0.75em; } div#panel a.wikilink1, div#panel a.wikilink2, div#panel a.urlextern { padding-left: 0; background: transparent none; color: __existing__; } div#panel .body { margin-right: 0.45em !important; padding-top: 0.25em !important; } div#panel .body .dokuwiki p { margin: 0; } div#panel .body .dokuwiki ul li { font-size: 1em !important; padding: 0.25em 0 !important; } div#panel .body .dokuwiki li ul { font-size: 95% !important; margin: 0.25em 0 0 1em !important; } div#panel .body .dokuwiki ol { margin: 0 0 0 1.65em; } /* translation plugin by Anreas Gohr */ div#panel .body .dokuwiki .plugin_translation span { display: none; } div#panel .body .dokuwiki .plugin_translation { padding-right: 0 !important; text-align: left; } div#panel .body .dokuwiki .plugin_translation, div#panel .body .dokuwiki .plugin_translation ul, div#panel .body .dokuwiki .plugin_translation li { float: none; margin: 0; padding-right: 0; line-height: 1.125em; font-size: 100%; } div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:link, div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:hover, div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:active, div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:visited, div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:link, div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:hover, div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:active, div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:visited { background-color: transparent; margin: 0; padding: 0; } div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:before, div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:before { content: attr(title) " ("; } div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:after, div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:after { content: ") "; } div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1 { color: __existing__ !important; } div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2 { color: __missing__ !important; } div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:hover { text-decoration: underline; } div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:hover { text-decoration: underline !important; } div#panel .body .dokuwiki .plugin_translation select { width: 90%; margin: auto !important; text-align: left; } div#panel .body .dokuwiki .plugin_translation option, div#panel .body .dokuwiki .plugin_translation option.wikilink1, div#panel .body .dokuwiki .plugin_translation option.wikilink2 { padding: auto 5px !important; text-align: left; } /* --------------- search --------------- */ /* copy of the original vector id="searchInput" styles cause we have to use another id for DokuWiki */ div#simpleSearch input#qsearch__in { margin: 0; border-width: 0; padding: 0.25em; line-height: 1em; font-size: 0.8em; width: 14em; background-color: transparent; } /* Ajax quicksearch */ #qsearch__out { top: 72px; width: 100%; display: none; left: auto; right: 7.93335px; bottom: auto; height: auto; font-family: sans-serif; font-size: 0.8em; background-color: window; border: 1px solid #aaa; padding: 0; } #qsearch__out ul { padding: 0; margin: 0; list-style: none; } #qsearch__out li { color: windowtext; margin: 0; width: 100%; padding: 1px; } #qsearch__out li a { width: 97%; /* leave some space for browser rounding errors */ display: block; } #qsearch__out li:hover { background-color: #bbb; } #qsearch__out li a, #qsearch__out li a:link, #qsearch__out li a:visited, #qsearch__out li a:hover { color: windowtext; text-decoration: none; } /* --------------- footer --------------- */ div#footer a.wikilink1, div#footer a.wikilink2, div#footer a.urlextern { padding-left: 0; background: transparent none; color: __existing__; } /* default copyright notice layout */ div#footer #footer-info li#footer-info-copyright .license { font-size: 100%; text-align: left; padding: 0; } div#footer #footer-info li#footer-info-copyright .license a.urlextern { margin-left: 0.4em; } /* --------------- Table of contents (TOC) --------------- */ div.dokuwiki div.toc { margin: 1.2em 0 0 2em; float: right; width: 200px; font-size: 80%; clear: both; } div.dokuwiki div.tocheader { border: 1px solid __border__; background-color: __background_alt__; text-align: left; font-weight: bold; padding: 3px; margin-bottom: 2px; line-height: 1.45em; } div.dokuwiki span.toc_open, div.dokuwiki span.toc_close { border: 0.4em solid __background_alt__; float: right; display: block; margin: 0.4em 3px 0 0; } div.dokuwiki span.toc_open span, div.dokuwiki span.toc_close span { display: none; } div.dokuwiki span.toc_open { margin-top: 0.4em; border-top: 0.4em solid __text__; } div.dokuwiki span.toc_close { margin-top: 0; border-bottom: 0.4em solid __text__; } div.dokuwiki #toc__inside { border: 1px solid __border__; background-color: __background__; text-align: left; padding: 0.5em 0 0.7em 0; } div.dokuwiki ul.toc { list-style-type: none; list-style-image: none; line-height: 1.2em; padding: 0 !important; margin: 0.3em 0 0 1.5em !important; } div.dokuwiki ul.toc li { list-style-image: none; list-style-type: none; background: transparent url(static/3rd/dokuwiki/tocdot2.gif) 0 0.6em no-repeat; padding-left: 0.4em !important; margin-bottom: 0.1em !important; } div.dokuwiki ul.toc li.clear { background-image: none; padding-left: 0.4em; } div.dokuwiki a.toc:link, div.dokuwiki a.toc:visited { color: #436976; } div.dokuwiki a.toc:hover, div.dokuwiki a.toc:active { color: __text__; } div.toc, div.dokuwiki a.toc, div.dokuwiki ul.toc { border: 0 none; background: transparent none; font-size: 100%; } div.dokuwiki ul.toc { padding-top: 0; padding-bottom: 0; padding-left: 1em !important; list-style-type: none !important; list-style-image: none !important; margin: 0 !important; } div.dokuwiki a.toc { padding: 0; } /* --------------- generic content classes --------------- */ div.error, div.info, div.success, div.notify { font-size: 80%; line-height: 1.25em; } /* --------------- admin menu --------------- */ /* editing preview */ div#content .dokuwiki div.preview { margin-left: 0; } /* "remeber me" checkbox, login */ div.dokuwiki form#dw__login label.simple { text-align: center; padding-bottom: 0.4em; } /* main menu */ .dokuwiki ul.admin_tasks li { list-style-type: none; list-style-image: none; } .dokuwiki ul.admin_tasks li a { font-weight: bold; } /* acl tree */ #acl__tree li { list-style-image: none; list-style-type: none; } /* --------------- media manager --------------- */ #media__manager { min-heigth: 550px; } #media__left, #media__right { position: relative !important; } #media__right { padding-left: 0.2em; width: 98%; } /* make a "non-embedded"/fullpage manager possible trough hiding some stuff */ body.mmanagernotembedded .noprint, body.mmanagernotembedded #siteNotice, body.mmanagernotembedded #footer { display: none !important; } body.mmanagernotembedded #content { margin: 0 !important; } /* --------------- search result formating --------------- */ div.dokuwiki .search_result { margin-bottom: 6px; padding: 0 10px 0 30px; } div.dokuwiki .search_snippet { color: __text_other__; font-size: 12px; margin-left: 20px; } div.dokuwiki .search_sep { color: __text__; } div.dokuwiki .search_hit { color: __text__; background-color: __highlight__; } div.dokuwiki strong.search_hit { font-weight: normal; } div.dokuwiki div.search_quickresult { margin: 0 0 15px 30px; padding: 0 10px 10px 0; border-bottom: 1px dashed __border__; } div.dokuwiki div.search_quickresult h3 { margin: 0 0 1.0em 0; font-size: 1em; font-weight: bold; } div.dokuwiki ul.search_quickhits { margin: 0 0 0.5em 1.0em; } div.dokuwiki ul.search_quickhits li { margin: 0 1.0em 0 1.0em; float: left; width: 30%; } div.dokuwiki .section_highlight { background-color: __background_alt__ !important; } /* --------------- image details ----------------- */ div.dokuwiki div.img_big { float: left; margin-right: 0.5em; } div.dokuwiki dl.img_tags dt { font-weight: bold; background-color: __background_alt__; } div.dokuwiki dl.img_tags dd { background-color: __background_neu__; } div.dokuwiki div.imagemeta { color: __text_neu__; font-size: 70%; line-height: 95%; } div.dokuwiki div.imagemeta img.thumb { float: left; margin-right: 0.1em; } /****************************************************************************** ********************* Browser Hacks and corrections ************************** ******************************************************************************/ /* MSIE: fix textarea in admin menu (incl. jumping bug MSIE8) */ textarea, .dokuwiki #dw__editform textarea.edit { /* fix scrollbar flickers in IE8 standards mode, see http://j.mp/bHExde and http://j.mp/ad7Abj for details */ width: 450px\9; max-width: 100%\9; min-width: 100%\9; /* overwrite original vector with fixes for IE6/7 */ #width: 100% !important; border: auto; } /* ajax quicksearch: MSIE 6/7 */ * html #qsearch__out { width: 206px; } #qsearch__out ul { #list-style: none !important; #list-style-image: none !important; } #qsearch__out li { #width: 206px; } /* admin menu icons: MSIE 6/7 */ .dokuwiki ul.admin_tasks li div.li { #border-left: 1px dashed __background__; /* invisible border triggers IE to render the stuff */ } /* list style: MSIE 6/7 */ div#panel div.portal div.body ul { #list-style: none outside none !important; } form#page__revisions ul, form#dw__recent ul { #list-style: none outside none !important; }