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