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 Clarence Lee <clarencedglee@gmail.com> 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/* hx margin-left = (1 / font-size) * .levelx-margin */ 34 35/*____________ images ____________*/ 36 37/* embedded images (styles are already partly set in lib/styles/all.css) */ 38.dokuwiki img.media { 39 margin: .2em 0; 40} 41 42.dokuwiki img.medialeft { 43 margin: .2em 1em .2em 0; 44} 45 46.dokuwiki img.mediaright { 47 margin: .2em 0 .2em 1em; 48} 49 50.dokuwiki img.mediacenter { 51 margin: .2em auto; 52} 53 54/*____________ lists ____________*/ 55 56.dokuwiki .page, 57.dokuwiki .aside { 58 ul li { 59 color: @ini_text_alt; 60 } 61 62 ol li { 63 color: @ini_text_neu; 64 } 65 66 li .li { 67 color: @ini_text; 68 } 69} 70 71/*____________ tables ____________*/ 72 73/* div around each table */ 74.dokuwiki div.table { 75 overflow-x: auto; 76 margin-bottom: 1.4em; 77} 78 79.dokuwiki div.table table { 80 margin-bottom: 0; 81} 82 83.dokuwiki table.inline { 84 min-width: 50%; 85} 86 87.dokuwiki table.inline tr:hover td { 88 background-color: @ini_background_alt; 89} 90 91.dokuwiki table.inline tr:hover th { 92 background-color: @ini_border; 93} 94 95/*____________ code ____________*/ 96 97/* fix if background-color hides underlining */ 98.dokuwiki em.u code { 99 text-decoration: underline; 100} 101 102/* filenames for downloadable file and code blocks */ 103.dokuwiki dl.code, 104.dokuwiki dl.file { 105 dt { 106 background-color: @ini_background_site; 107 color: inherit; 108 border: 1px solid @ini_border; 109 border-bottom-color: @ini_background_site; 110 border-top-left-radius: .3em; 111 border-top-right-radius: .3em; 112 padding: .3em .6em .1em; 113 margin-bottom: -1px; 114 margin-left: @ini_code_margin; 115 float: left; 116 117 a { 118 background-color: transparent; 119 font-size: 0.875em; 120 font-weight: normal; 121 display: block; 122 min-height: 16px; 123 } 124 } 125 126 dd { 127 margin: 0; 128 clear: left; 129 } 130} 131 132[dir=rtl] .dokuwiki dl.code, 133[dir=rtl] .dokuwiki dl.file { 134 dt { 135 float: right; 136 } 137 138 dd { 139 clear: right; 140 } 141} 142 143/* for code in <file> */ 144.dokuwiki dl.file { 145 dt { 146 border-bottom-style: solid; 147 } 148} 149 150/*____________ JS popup ____________*/ 151 152.JSpopup { 153 background-color: @ini_background; 154 color: @ini_text; 155 border: 1px solid @ini_border; 156 box-shadow: .1em .1em .1em @ini_border; 157 border-radius: 2px; 158 padding: .3em .5em; 159 font-size: .9em; 160} 161 162.dokuwiki form.search div.ajax_qsearch { 163 top: -.35em; 164 font-size: 1em; 165 text-overflow: ellipsis; 166} 167 168.JSpopup ul, 169.JSpopup ol { 170 padding-left: 0; 171} 172 173[dir=rtl] .JSpopup ul, 174[dir=rtl] .JSpopup ol { 175 padding-right: 0; 176} 177 178/* changes to underscored CSS files 179********************************************************************/ 180 181#acl__tree li { 182 margin: 0; 183} 184 185#dokuwiki__content span.curid a { 186 font-weight: normal; 187} 188 189#dokuwiki__content strong span.curid a { 190 font-weight: bold; 191} 192 193/*____________ changes to _edit ____________*/ 194 195.dokuwiki div.toolbar { 196 button.toolbutton { 197 border-radius: 0; 198 border-left-width: 0; 199 padding: .1em .35em; 200 } 201 202 button.toolbutton:first-child { 203 border-top-left-radius: 4px; 204 border-bottom-left-radius: 4px; 205 border-left-width: 1px; 206 } 207 208 button.toolbutton:last-child { 209 border-top-right-radius: 4px; 210 border-bottom-right-radius: 4px; 211 } 212} 213 214[dir=rtl] .dokuwiki div.toolbar { 215 button.toolbutton:last-child { 216 border-top-left-radius: 4px; 217 border-bottom-left-radius: 4px; 218 border-top-right-radius: 0; 219 border-bottom-right-radius: 0; 220 border-left-width: 1px; 221 } 222 223 button.toolbutton:first-child { 224 border-top-left-radius: 0; 225 border-bottom-left-radius: 0; 226 border-top-right-radius: 4px; 227 border-bottom-right-radius: 4px; 228 border-left-width: 0; 229 border-right-width: 1px; 230 } 231} 232 233.dokuwiki div.section_highlight { 234 margin: 0 -2em; 235 padding: 0 1em; 236 border-width: 0 1em; 237} 238 239.dokuwiki textarea.edit { 240 font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; 241} 242 243.dokuwiki div.preview { 244 margin: 0 -2em; 245 padding: 0 2em; 246} 247 248.dokuwiki div.preview div.pad { 249 padding: 1.556em 0 2em; 250} 251 252/*____________ changes to _toc ____________*/ 253 254/* toc is on wiki page */ 255#dokuwiki__content #dw__toc { 256 margin: -1.556em -2em .5em 1.4em; 257 width: @ini_sidebar_width; 258 border-left: 1px solid @ini_border; 259 background: @ini_background; 260 color: inherit; 261} 262 263[dir=rtl] #dokuwiki__content #dw__toc { 264 margin: -1.556em 1.4em .5em -2em; 265 border-left-width: 0; 266 border-right: 1px solid @ini_border; 267} 268 269/* toc is in extra div/container (off-page) */ 270div.dokuwiki__toc #dw__toc { 271 color: inherit; 272 background-color: inherit; 273} 274 275.dokuwiki h3.toggle { 276 padding: .5em 1em; 277 margin-bottom: 0; 278 font-size: .875em; 279 letter-spacing: .1em; 280} 281 282.dokuwiki .toggle strong { 283 background: transparent url(images/toc-arrows.png) 0 0; 284 width: 8px; 285 height: 5px; 286 margin: .4em 0 0; 287} 288 289.dokuwiki .toggle.closed strong { 290 background-position: 0 -5px; 291} 292 293.dokuwiki .toggle strong span { 294 display: none; 295} 296 297#dw__toc { 298 > div { 299 font-size: 0.875em; 300 padding: .5em 1em 1em; 301 } 302 303 ul { 304 padding: 0 0 0 1.2em; 305 306 li { 307 list-style-image: url(images/toc-bullet.png); 308 } 309 } 310 311 ul li.clear { 312 list-style: none; 313 } 314 315 ul li div.li { 316 padding: .2em 0; 317 } 318} 319 320[dir=rtl] #dw__toc ul { 321 padding: 0 1.5em 0 0; 322} 323 324/*____________ changes to _imgdetail ____________*/ 325 326#dokuwiki__detail { 327 padding: 0; 328 329 img { 330 float: none; 331 margin-bottom: 1.4em; 332 } 333 334 div.img_detail { 335 float: none; 336 } 337 338 div.img_detail dl { 339 overflow: hidden; 340 } 341 342 div.img_detail dl dt { 343 float: left; 344 width: 9em; 345 text-align: right; 346 clear: left; 347 } 348 349 div.img_detail dl dd { 350 margin-left: 9.5em; 351 } 352} 353 354[dir=rtl] #dokuwiki__detail div.img_detail { 355 dl dt { 356 float: right; 357 text-align: left; 358 clear: right; 359 } 360 361 dl dd { 362 margin-left: 0; 363 margin-right: 9.5em; 364 } 365} 366