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