1/** 2 * This file provides the main design styles for the page content. 3 * 4 * @author Anika Henke <anika@selfthinker.org> 5 * @author Andreas Gohr <andi@splitbrain.org> 6 */ 7 8 9/*____________ section indenting ____________ 10 11.dokuwiki .page h1 {margin-left: 0;} 12.dokuwiki .page h2 {margin-left: .666em;} 13.dokuwiki .page h3 {margin-left: 1.776em;} 14.dokuwiki .page h4 {margin-left: 3em;} 15.dokuwiki .page h5 {margin-left: 4.5712em;} 16.dokuwiki .page div.level1 {margin-left: 0;} 17.dokuwiki .page div.level2 {margin-left: 1em;} 18.dokuwiki .page div.level3 {margin-left: 2em;} 19.dokuwiki .page div.level4 {margin-left: 3em;} 20.dokuwiki .page div.level5 {margin-left: 4em;} 21 22[dir=rtl] .dokuwiki .page h1 {margin-left: 0; margin-right: 0;} 23[dir=rtl] .dokuwiki .page h2 {margin-left: 0; margin-right: .666em;} 24[dir=rtl] .dokuwiki .page h3 {margin-left: 0; margin-right: 1.776em;} 25[dir=rtl] .dokuwiki .page h4 {margin-left: 0; margin-right: 3em;} 26[dir=rtl] .dokuwiki .page h5 {margin-left: 0; margin-right: 4.5712em;} 27[dir=rtl] .dokuwiki .page div.level1 {margin-left: 0; margin-right: 0;} 28[dir=rtl] .dokuwiki .page div.level2 {margin-left: 0; margin-right: 1em;} 29[dir=rtl] .dokuwiki .page div.level3 {margin-left: 0; margin-right: 2em;} 30[dir=rtl] .dokuwiki .page div.level4 {margin-left: 0; margin-right: 3em;} 31[dir=rtl] .dokuwiki .page div.level5 {margin-left: 0; margin-right: 4em;} 32*/ 33 34 35/* hx margin-left = (1 / font-size) * .levelx-margin */ 36 37 38/*____________ links to wiki pages (addition to _links) ____________*/ 39 40 41/* existing wikipage */ 42 43.dokuwiki a.wikilink1 { 44 color: __existing__; 45 background-color: inherit; 46} 47 48 49/* not existing wikipage */ 50 51.dokuwiki a.wikilink2 { 52 color: __missing__; 53 background-color: inherit; 54} 55 56 57/*____________ images ____________*/ 58 59 60/* embedded images (styles are already partly set in DokuWiki's lib/styles/all.css) */ 61 62.dokuwiki img.media { 63 margin: .2em 0; 64} 65 66.dokuwiki img.medialeft { 67 /* margin: .2em 1.5em .2em 0; */ 68 margin: 0.25rem; 69} 70 71.dokuwiki img.mediaright { 72 /* margin: .2em 0 .2em 1.5em; */ 73 margin: 0.25rem; 74} 75 76.dokuwiki img.mediacenter { 77 margin: .2em auto; 78} 79 80 81/*____________ tables ____________*/ 82 83 84/* div before each table */ 85 86.dokuwiki div.table {} 87 88.dokuwiki table.inline { 89 min-width: 50%; 90} 91 92.dokuwiki table.inline tr:hover td { 93 /* background-color: __background_alt__; */ 94} 95 96.dokuwiki table.inline tr:hover th { 97 /* background-color: __border__; */ 98} 99 100.dokuwiki table th { 101 padding: .75rem; 102 103 /* color: #757575; */ 104} 105 106.dokuwiki table tr:first-child th { 107 border-bottom: 2px solid #9e9e9e; 108} 109/*____________ code ____________*/ 110 111 112/* fix if background-color hides underlining */ 113 114.dokuwiki em.u code { 115 text-decoration: underline; 116} 117 118 119/* filenames for downloadable file and code blocks */ 120 121.dokuwiki dl.code, 122.dokuwiki dl.file {} 123 124.dokuwiki dl.code dt, 125.dokuwiki dl.file dt { 126 /* background-color: __background_alt__; */ 127 /* border: solid __border__; */ 128 /* border-width: 1px 1px 0; */ 129 color: inherit; 130 display: inline; 131 /* padding: .1em .5em .2em; */ 132 margin-left: 1em; 133} 134 135[dir=rtl] .dokuwiki dl.code dt, 136[dir=rtl] .dokuwiki dl.file dt { 137 margin-left: 0; 138 margin-right: 1em; 139} 140 141.dokuwiki dl.code dt a, 142.dokuwiki dl.file dt a {} 143 144.dokuwiki dl.code dd, 145.dokuwiki dl.file dd { 146 margin: 0; 147} 148 149 150/* for code in <file> */ 151 152.dokuwiki pre.file, 153.dokuwiki dl.file pre, 154.dokuwiki dl.file dt { 155 border-color: rgba(130,49,87,1); 156 background-color:rgba(130,49,87,0.1); 157} 158 159 160/*____________ media manager ____________*/ 161 162 163/* some headings in the media manager should not look like headings */ 164 165#mediamanager__page h2, 166#mediamanager__page h3 { 167 font-family: Frutiger, Calibri, Myriad, "Nimbus Sans L", Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; 168 color: __text__; 169} 170 171 172/* to style button-like div in _fileuploader.css to look like other buttons, 173 please add '.qq-upload-button' to the according styles (which don't really exist in this template) */ 174 175.qq-upload-button { 176 border: 1px solid __border__; 177 background-color: __background_alt__; 178 padding: 0.125em 0.4em; 179} 180 181 182/*____________ styling plugin ____________*/ 183 184#plugin__styling.ispopup { 185 padding: 1em; 186} 187 188 189/*____________ JS popup ____________*/ 190 191.JSpopup { 192 background-color: __background__; 193 color: __text__; 194 border: 1px solid __border__; 195 line-height: 1.2; 196 padding: 0 .2em; 197} 198 199.JSpopup ul, 200.JSpopup ol { 201 padding-left: 0; 202} 203 204[dir=rtl] .JSpopup ul, 205[dir=rtl] .JSpopup ol { 206 padding-right: 0; 207}