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