/** * Design elements for default Template * * @author Andreas Gohr * @author Anika Henke */ /* -------------- general elements --------------- */ * { padding: 0; margin: 0; } body { font: 80% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; background-color: #a6a6a6; color: __text__; } /* the document */ div.dokuwiki table { font-size: 100%; } div.dokuwiki tr, div.dokuwiki td, div.dokuwiki th { } div.dokuwiki img { border: 0; } div.dokuwiki p, div.dokuwiki blockquote, div.dokuwiki table, div.dokuwiki pre { margin: 0 0 1em 0; } div.dokuwiki hr { border: 0px; border-top: 1px solid __border__; text-align: center; height: 0px; margin: 1em 0; } div.dokuwiki div.nothing { text-align: center; margin: 2em; } /* ---------------- forms ------------------------ */ div.dokuwiki form { border: none; display: inline; } div.dokuwiki label.block { display: block; text-align: right; font-weight: bold; } div.dokuwiki label.simple { display: block; text-align: left; font-weight: normal; } div.dokuwiki label.block input.edit { width: 50%; } div.dokuwiki fieldset { width: 286px; text-align: center; border: 1px solid __border__; padding: 0.5em; margin: auto; margin-bottom: 1.5em; } div.dokuwiki textarea.edit { font-family: monospace; font-size: 14px; color: __text__; background-color: __background__; border: 1px solid __border__; padding: 0.3em 0 0 0.3em; /* fix for bad scrolling in IE8 */ /* width: 100%; */ height: 300px; width: 700px; min-width: 100%; max-width: 100%; } /* nice alphatransparency background except for IE <7 */ html>body div.dokuwiki textarea.edit { background: __background__ url(images/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; } /* nice alphatransparency background except for IE <7 */ html>body div.dokuwiki input.edit, html>body div.dokuwiki select.edit { background: __background__ url(images/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: #ffc2d1; 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 select.edit[disabled] { background-color: __background_neu__!important; color: __text_neu__!important; } /* 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__; } /* --------- buttons ------------------- */ div.dokuwiki input.button, div.dokuwiki button.button { border: 1px solid __text_other__; color: __text__; background-color: __background_neu__; vertical-align: middle; text-decoration: none; font-size: 100%; cursor: pointer; margin: 1px; padding: 0.125em 0.4em; } div.dokuwiki input.button:hover, div.dokuwiki button.button:hover { border: 1px solid __border__; background-color: __background_other__; } /* nice alphatransparency background except for IE <7 */ html>body div.dokuwiki input.button, html>body div.dokuwiki button.button { background: __background_neu__ url(images/buttonshadow.png) repeat-x bottom; } * html div.dokuwiki input.button, * html div.dokuwiki button.button { height: 1.8em; } div.dokuwiki div.secedit input.button { border: 1px solid __text_other__; color: __text__; background-color: __background_neu__; vertical-align: middle; text-decoration: none; margin: 0; padding: 0; font-size: 10px; cursor: pointer; float: right; display: inline; } div.dokuwiki div.secedit input.button:hover { border: 1px solid __border__; background-color: __background_other__; } /* ----------- page navigator ------------- */ div.dokuwiki div.pagenav { margin: 1em 0 0 0; } div.dokuwiki div.pagenav-prev { text-align: right; float: left; width: 49% } div.dokuwiki div.pagenav-next { text-align: left; float: right; width: 49% } /* --------------- Links ------------------ */ div.dokuwiki a:link, div.dokuwiki a:visited { color: __extern__; text-decoration: none; } div.dokuwiki a:hover, div.dokuwiki a:active { color: __extern__; text-decoration: underline; } div.dokuwiki h1 a, div.dokuwiki h2 a, div.dokuwiki h3 a, div.dokuwiki h4 a, div.dokuwiki h5 a, div.dokuwiki a.nolink { color: __text__ !important; text-decoration: none !important; } /* external link */ div.dokuwiki a.urlextern { background: transparent url(images/link_icon.gif) 0px 1px no-repeat; padding: 1px 0px 1px 16px; } /* windows share */ div.dokuwiki a.windows { background: transparent url(images/windows.gif) 0px 1px no-repeat; padding: 1px 0px 1px 16px; } /* interwiki link (icon are set by dokuwiki) */ div.dokuwiki a.interwiki { } /* link to some embedded media */ div.dokuwiki a.media { } div.dokuwiki a.urlextern:link, div.dokuwiki a.windows:link, div.dokuwiki a.interwiki:link { } div.dokuwiki a.urlextern:visited, div.dokuwiki a.windows:visited, div.dokuwiki a.interwiki:visited { } div.dokuwiki a.urlextern:hover, div.dokuwiki a.urlextern:active, div.dokuwiki a.windows:hover, div.dokuwiki a.windows:active, div.dokuwiki a.interwiki:hover, div.dokuwiki a.interwiki:active { } /* email link */ div.dokuwiki a.mail { background: transparent url(images/mail_icon.gif) 0px 1px no-repeat; padding: 1px 0px 1px 16px; } /* existing wikipage */ div.dokuwiki a.wikilink1 { color: __existing__ !important; } /* not existing wikipage */ div.dokuwiki a.wikilink2 { color: __missing__ !important; } /* ------------- Page elements ----------------- */ div.dokuwiki div.preview { background-color: __background_neu__; margin: 0 0 2em 0; padding: 0.5em; border: 1px dashed __text_neu__; } div.dokuwiki div.breadcrumbs { background-color: __background_neu__; color: __text_neu__; font-size: 80%; padding: 0 0 0 0.5em; } div.dokuwiki span.user { color: __text_other__; font-size: 90%; } div.dokuwiki li.minor { color: __text_neu__; font-style: italic; } /* embedded images */ div.dokuwiki img.media { margin: 0 3px; } div.dokuwiki img.medialeft { border: 0; float: left; margin: 0 1.5em 0 0; } div.dokuwiki img.mediaright { border: 0; float: right; margin: 0 0 0 1.5em; } div.dokuwiki img.mediacenter { border: 0; display: block; margin: 0 auto; } /* smileys */ div.dokuwiki img.middle { vertical-align: middle; } div.dokuwiki acronym { cursor: help; border-bottom: 1px dotted __text_other__; } /* general headline setup */ div.dokuwiki h1, div.dokuwiki h2, div.dokuwiki h3, div.dokuwiki h4, div.dokuwiki h5 { color: __text__; background-color: inherit; font-size: 100%; font-weight: normal; margin: 0 0 1em 0; padding: 0.5em 0 0 0; border-bottom: 1px solid __border__; clear: left; } /* special headlines */ div.dokuwiki h1 {font-size: 150%; font-weight: bold;} div.dokuwiki h2 {font-size: 140%;} div.dokuwiki h3 {font-size: 120%; border-bottom: none; font-weight: bold;} div.dokuwiki h4 {font-size: 110%; border-bottom: none; font-weight: bold;} div.dokuwiki h5 {font-size: 100%; border-bottom: none; font-weight: bold;} /* special headlines for sidebar */ div.dokuwiki div.sidebar h1 { clear: none; font-size: 120%; text-transform: uppercase; letter-spacing: 0.2em; text-align: center; margin-bottom: 5px;} div.dokuwiki div.sidebar h2 { clear: none; font-size: 120%; text-transform: uppercase; letter-spacing: 0.2em; text-align: center; margin-bottom: 5px;} div.dokuwiki div.sidebar h3 { clear: none; margin-bottom: 2px;} div.dokuwiki div.sidebar h4 { clear: none; margin-bottom: 2px;} div.dokuwiki div.sidebar h5 { clear: none; margin-bottom: 2px;} /* indent different sections */ div.dokuwiki div.level1 {} div.dokuwiki div.level2 {} div.dokuwiki div.level3 {} div.dokuwiki div.level4 {} div.dokuwiki div.level5 {} /* unordered lists */ div.dokuwiki ul { line-height: 1.5em; list-style-type: square; list-style-image: none; margin: 0 0 0.5em 1.5em; color: __text_alt__; } /* ordered lists */ div.dokuwiki ol { line-height: 1.5em; list-style-image: none; margin: 0 0 0.5em 1.5em; color: __text_alt__; font-weight: bold; } /* the list items overriding the ul/ol definition */ div.dokuwiki .li { color: __text__; 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(images/open__theme__.gif); /*list-style-type: circle;*/ } div.dokuwiki li.closed { list-style-image: url(images/closed__theme__.gif); /*list-style-type: disc;*/ } div.dokuwiki blockquote { border: 1px solid __text_other__; background-color: __background_neu__; line-height: 1.2em; padding: 0.2em 0.5em; margin: 0.5em 0; opacity: 0.9; } div.dokuwiki pre { font-size: 110%; line-height: 1.2em; padding: 0.5em; border: 1px dashed __border__; color: __text__; overflow: auto; } /* code blocks by indention */ div.dokuwiki pre.pre { background-color: __background_alt__; } /* code blocks by code tag */ div.dokuwiki pre.code { background-color: __background_alt__; } /* inline code words */ div.dokuwiki code { font-size: 110%; } /* code blocks by file tag */ div.dokuwiki pre.file { background-color: __background_other__; } /* inline tables */ div.dokuwiki table.inline { background-color: __background__; line-height: 1.2em; border-spacing: 0px; border-collapse: collapse; } div.dokuwiki table.inline th { padding: 3px; border: 1px solid __border__; background-color: __background_alt__; } div.dokuwiki table.inline td { padding: 3px; border: 1px solid __border__; } /* ---------- table of contents ------------------- */ /*div.dokuwiki div.toc {*/ div.dokuwiki #dw__toc { margin: 1.2em 0 0 2em; float: right; width: 200px; font-size: 80%; clear: both; } /*div.dokuwiki div.tocheader {*/ div.dokuwiki #dw__toc h3 { border: 1px solid __border__; background-color: __background_alt__; text-align: left; font-weight: bold; padding: 3px; margin: 0 0 2px 0; } /*div.dokuwiki div.tocheader img {*/ div.dokuwiki #dw__toc h3 img { width: 0.8em; height: 0.8em; float: right; margin: 0.6em 3px 0 0; cursor: pointer; } /* div.dokuwiki #dw__toc h3 strong { border: 0.4em solid __background_alt__; float: right; display: block; margin: 0.4em 3px 0 0; } */ /*div.dokuwiki #toc__inside {*/ div.dokuwiki #dw__toc > div { border: 1px solid __border__; background-color: __background__; text-align: left; padding: 0.5em 0 0.7em 0; } /*div.dokuwiki ul.toc {*/ div.dokuwiki #dw__toc ul { list-style-type: none; list-style-image: none; line-height: 1.2em; padding-left: 1em; margin: 0; } /*div.dokuwiki ul.toc li {*/ div.dokuwiki #dw__toc ul li { background: transparent url(images/tocdot2__theme__.gif) 0 0.6em no-repeat; padding-left: 0.5em; } /*div.dokuwiki ul.toc li.clear {*/ div.dokuwiki #dw__toc ul li.clear { background-image: none; padding-left: 0.5em; } /*div.dokuwiki a.toc:link, div.dokuwiki a.toc:visited {*/ div.dokuwiki #dw__toc a:link, div.dokuwiki #dw__toc a:visited { color: __extern__; } /*div.dokuwiki a.toc:hover, div.dokuwiki a.toc:active {*/ div.dokuwiki #dw__toc a:hover, div.dokuwiki #dw__toc a:active { color: __text__; } /* ---------------------------- Diff rendering --------------------------*/ div.dokuwiki table.diff { background-color: __background__; width: 100%; } div.dokuwiki td.diff-blockheader { font-weight: bold; } div.dokuwiki table.diff th { border-bottom: 1px solid __border__; font-size: 120%; width: 50%; font-weight: normal; text-align: left; } div.dokuwiki table.diff td { font-family: monospace; font-size: 100%; } div.dokuwiki td.diff-addedline { background-color: #ddffdd; } div.dokuwiki td.diff-deletedline { background-color: #ffffbb; } div.dokuwiki td.diff-context { background-color: __background_neu__; } div.dokuwiki span.diffchange { color: red; } /* --------------------- footnotes -------------------------------- */ div.dokuwiki div.footnotes { clear: both; border-top: 1px solid __border__; padding-left: 1em; margin: 1em 0; } div.dokuwiki div.fn { font-size: 90%; line-height: 1.2em; } div.dokuwiki a.fn_top { vertical-align: super; font-size: 70%; line-height: 1em; } div.dokuwiki a.fn_bot { vertical-align: super; font-size: 70%; font-weight: bold; } /* insitu-footnotes */ div.insitu-footnote { font-size: 80%; line-height: 1.2em; border: 1px solid __border__; background-color: __background_other__; text-align: left; padding: 4px; max-width: 40%; /* IE's width is handled in javascript */ } /* overcome IE issue with one line code or file boxes which require h. scrolling */ * html .insitu-footnote pre.code, * html .insitu-footnote pre.file { padding-bottom: 18px; } /* --------------- search result formating --------------- */ div.dokuwiki input#qsearch__in { width: 95%; } /* div.dokuwiki .search_result { margin-bottom: 0.5em; padding: 0 1em 0 3em; } */ #dw__loading { text-align: center; margin-bottom: 1em; } div.dokuwiki .search_results { padding: 0 10px 0 30px; } /* div.dokuwiki .search_snippet {*/ div.dokuwiki .search_results dt { margin-bottom: 3px; } div.dokuwiki .search_results dd { margin-bottom: 6px; color: __text_other__; font-size: 90%; margin-left: 2em; } div.dokuwiki .search_sep { color: __text__; } div.dokuwiki .search_hit { color: __text__; background-color: __highlight__; } div.dokuwiki div.search_quickresult { margin: 0 0 1.5em 3em; padding: 0 1em 1em 0; border-bottom: 1px dashed __border__; } div.dokuwiki div.search_quickresult h3 { margin: 0 0 1em 0; font-size: 1em; font-weight: bold; } div.dokuwiki ul.search_quickhits { margin: 0 0 0.5em 1em; } div.dokuwiki ul.search_quickhits li { margin: 0 1em 0 1em; float:left; width: 30%; } /* ------------------ Additional ---------------------- */ div.footerinc { text-align: center; } .footerinc a img { opacity: 0.5; border: 0; } .footerinc a:hover img { opacity: 1; } #config__manager fieldset td.value { /* fixed data column width */ width: 65%; } #config__manager td input.edit { width: 95%; } /* ---------- AJAX quicksearch ----------- */ div.dokuwiki div.ajax_qsearch { position: absolute; right: 288px; width: 231px; opacity: 0.9; display: none; font-size: 80%; line-height: 1.2em; border: 1px solid __border__; background-color: __background_other__; text-align: left; padding: 0.5em; } /* --------- Toolbar -------------------- */ button.toolbutton { background-color: __background_neu__; padding: 0px; margin: 0 1px 0 0; border: 1px solid __border__; cursor: pointer; } button.toolbutton:hover { background-color: __background_other__; border: 1px solid __border__; } /* nice alphatransparency background except for IE <7 */ html>body button.toolbutton { background: __background_neu__ url(images/buttonshadow.png) repeat-x bottom; } div.picker { width: 286px; border: 1px solid __border__; background-color: __background_alt__; } button.pickerbutton { padding: 1px 0; margin: 0 1px 1px 0; border: 1px solid __background_alt__; background-color: transparent; font-size: 90%; cursor: pointer; } button.pickerbutton:hover { border: 1px solid __border__; background-color: __background_other__; } /* ---------- Spellchecking ------------- */ div.dokuwiki a.spell_error { color: #f00; text-decoration: underline; } div.dokuwiki div#spell__suggest { background-color: __background__; padding: 2px; border: 1px solid __text__; font-size: 80%; display: none; } div.dokuwiki div#spell__result { border: 1px solid __border__; color: __text__; font-size: 110%; padding: 3px; background-color: __background_other__; display: none; } div.dokuwiki span.spell_noerr { color: #093; } div.dokuwiki span.spell_wait { color: #06c; } #config__manager legend { color: __text__; background-color: __background_alt__; border: 1px solid __border__; padding: 0 0.3em 0 0.3em; }