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/*____________ section indenting ____________ 9 10.dokuwiki div.level1 {margin-left: 3px;} 11.dokuwiki div.level2 {margin-left: 23px;} 12.dokuwiki div.level3 {margin-left: 43px;} 13.dokuwiki div.level4 {margin-left: 63px;} 14.dokuwiki div.level5 {margin-left: 83px;} 15*/ 16 17 18/*____________ links to wiki pages (addition to _links) ____________*/ 19 20/* existing wikipage */ 21.dokuwiki a.wikilink1 { 22 color: __existing__; 23} 24 25/* not existing wikipage */ 26.dokuwiki a.wikilink2 { 27 color: __missing__; 28} 29 30 31/* email link */ 32.dokuwiki a.mail { 33 background-image: url(images/mail_icon.gif); 34} 35 36/* external link */ 37.dokuwiki a.urlextern { 38 background-image: url(images/link_icon.gif); 39} 40 41/* windows share */ 42.dokuwiki a.windows { 43 background-image: url(images/windows.gif); 44} 45 46.dokuwiki a.urlextern:link, 47.dokuwiki a.windows:link, 48.dokuwiki a.interwiki:link { 49 color: __extern__; 50} 51.dokuwiki a.urlextern:visited, 52.dokuwiki a.windows:visited, 53.dokuwiki a.interwiki:visited { 54 color: purple; 55} 56.dokuwiki a.urlextern:hover, 57.dokuwiki a.urlextern:active, 58.dokuwiki a.windows:hover, 59.dokuwiki a.windows:active, 60.dokuwiki a.interwiki:hover, 61.dokuwiki a.interwiki:active { 62 color: __text__; 63} 64 65 66/*____________ images ____________*/ 67 68/* embedded images (styles are already partly set in DokuWiki's lib/styles/all.css) */ 69.dokuwiki img.media { 70 margin: 3px; 71} 72 73.dokuwiki img.medialeft { 74 margin: 0 1.5em 0 0; 75} 76 77.dokuwiki img.mediaright { 78 margin: 0 0 0 1.5em; 79} 80 81.dokuwiki img.mediacenter { 82} 83 84 85/*____________ code ____________*/ 86 87.dokuwiki pre.pre, /* code blocks by indention */ 88.dokuwiki pre.code { /* code blocks by code tag */ 89 background-color: __background_other__; 90} 91 92/* code blocks by file tag */ 93.dokuwiki pre.file { 94 background-color: __background_alt__; 95} 96 97/* filenames for file and code blocks */ 98.dokuwiki dl.file, 99.dokuwiki dl.code { 100 margin-top: 2em; 101 margin-bottom: 2.5em; 102} 103 104.dokuwiki dl.file dt, 105.dokuwiki dl.code dt { 106 border: 1px dashed __border__; 107 display: inline; 108 padding: 0.1em 1em; 109 margin-left: 2em; 110} 111[dir=rtl] .dokuwiki dl.file dt, 112[dir=rtl] .dokuwiki dl.code dt { 113 margin-left: 0; 114 margin-right: 2em; 115} 116 117.dokuwiki dl.code dt a, 118.dokuwiki dl.file dt a { 119 color: __text__; 120} 121 122.dokuwiki dl.code dt { 123 background-color: __background_other__; 124 border-bottom: 1px solid __background_other__; 125} 126 127.dokuwiki dl.file dt { 128 background-color: __background_alt__; 129 border-bottom: 1px solid __background_alt__; 130} 131 132 133/*____________ changes to _toc ____________*/ 134 135.dokuwiki div.toc, /* old */ 136#dw__toc /* new */ { 137 margin: 0 0 0 2em; 138 width: 200px; 139 font-size: 80%; 140 background-color: __background__; 141 z-index: 99; 142 clear: both; 143} 144[dir=rtl] .dokuwiki div.toc, /* old */ 145[dir=rtl] #dw__toc /* new */ { 146 margin: 0 2em 0 0; 147} 148 149.dokuwiki div.tocheader, /* old */ 150#dw__toc h3 /* new */ { 151 border: 1px solid __border__; 152 background-color: __background_alt__; 153 padding: 3px; 154 margin: 0 0 2px; 155} 156 157.dokuwiki .toc span.toc_open, /* old */ 158.dokuwiki .toc span.toc_close, /* old */ 159#dw__toc h3 strong /* new */ { 160 border: 0.4em solid __background_alt__; 161 margin: 0.4em 3px 0 0; 162} 163 164.dokuwiki .toc span.toc_open span, /* old */ 165.dokuwiki .toc span.toc_close span, /* old */ 166#dw__toc h3 strong span /* new */ { 167 display: none; 168} 169 170#dw__toc h3.closed strong, 171.dokuwiki span.toc_open { 172 margin-top: 0.4em; 173 border-top: 0.4em solid __text__; 174} 175 176#dw__toc h3.open strong, 177.dokuwiki span.toc_close { 178 margin-top: 0; 179 border-bottom: 0.4em solid __text__; 180} 181 182.dokuwiki #toc__inside, 183#dw__toc > div { 184 border: 1px solid __border__; 185 background-color: __background__; 186 padding: 0.5em 0 0.7em 0; 187} 188 189.dokuwiki #toc__inside ul, /* old */ 190#dw__toc ul /* new */ { 191 list-style-type: none; 192 list-style-image: none; 193 line-height: 1.2em; 194 padding-left: 1em; 195 margin: 0; 196} 197[dir=rtl] .dokuwiki #toc__inside ul, /* old */ 198[dir=rtl] #dw__toc ul /* new */ { 199 padding-left: 0; 200 padding-right: 1em; 201} 202 203.dokuwiki #toc__inside ul li, /* old */ 204#dw__toc ul li /* new */ { 205 background: transparent url(images/tocdot2.gif) 0 0.6em no-repeat; 206 padding-left: 0.4em; 207} 208[dir=rtl] .dokuwiki #toc__inside ul li, /* old */ 209[dir=rtl] #dw__toc ul li /* new */ { 210 background-position: right 0.6em; 211 padding-left: 0; 212 padding-right: 0.4em; 213} 214 215.dokuwiki #toc__inside ul li.clear, /* old */ 216#dw__toc ul li.clear /* new */ { 217 background-image: none; 218} 219 220.dokuwiki #toc__inside ul li a:link, /* old */ 221.dokuwiki #toc__inside ul li a:visited, /* old */ 222#dw__toc ul li a:link /* new */, 223#dw__toc ul li a:visited /* new */ { 224 color: __extern__; 225} 226 227.dokuwiki #toc__inside ul li a:hover, /* old */ 228.dokuwiki #toc__inside ul li a:active, /* old */ 229#dw__toc ul li a:hover /* new */, 230#dw__toc ul li a:active /* new */ { 231 color: __text__; 232} 233 234 235.dokuwiki ul.idx li { 236 list-style-image: none; 237} 238.dokuwiki ul.idx li.open { 239 list-style-image: url(images/open.gif); 240} 241.dokuwiki ul.idx li.closed { 242 list-style-image: url(images/closed.gif); 243} 244[dir=rtl] .dokuwiki ul.idx li.closed { 245 list-style-image: url(images/closed-rtl.gif); 246} 247 248 249/*____________ changes to _footnotes ____________*/ 250 251.dokuwiki div.footnotes { 252 clear: both; 253 border-top: 1px solid __border__; 254 padding-left: 1em; 255 margin-top: 1em; 256} 257[dir=rtl] .dokuwiki div.footnotes { 258 padding-left: 0; 259 padding-right: 1em; 260} 261 262.dokuwiki div.fn { 263 font-size: 90%; 264} 265 266/* overcome IE issue with one line code or file boxes which require h. scrolling */ 267* html .insitu-footnote pre.code, 268* html .insitu-footnote pre.file { 269 padding-bottom: 18px; 270} 271 272 273/*____________ changes to _search ____________*/ 274 275.dokuwiki div.search_quickresult { 276 margin: 0 0 15px 30px; 277 padding: 0 10px 10px 0; 278 border-bottom: 1px dashed __border__; 279} 280[dir=rtl] .dokuwiki div.search_quickresult { 281 margin: 0 30px 15px 0; 282 padding: 0 0 10px 10px; 283} 284.dokuwiki div.search_quickresult h3 { 285 margin: 0 0 1.0em 0; 286 font-size: 1em; 287 font-weight: bold; 288} 289 290.dokuwiki div.search_quickresult { 291 margin: 0 0 0.5em 1.0em; 292} 293[dir=rtl] .dokuwiki div.search_quickresult { 294 margin: 0 1.0em 0.5em 0; 295} 296 297.dokuwiki div.search_quickresult ul li { 298 margin: 0 1em; 299 width: 29%; 300} 301.dokuwiki.hasLongTitles div.search_quickresult ul li { 302 width: auto; 303 float: none; 304} 305 306 307.dokuwiki .search_result { 308 margin-bottom: 6px; 309 padding: 0 10px 0 30px; 310} 311[dir=rtl] .dokuwiki .search_result { 312 padding: 0 30px 0 10px; 313} 314 315.dokuwiki .search_snippet { 316 color: __text_other__; 317 font-size: 12px; 318 margin-left: 20px; 319} 320[dir=rtl] .dokuwiki .search_snippet { 321 margin-left: 0; 322 margin-right: 20px; 323} 324 325 326.dokuwiki form.search div.ajax_qsearch { 327 position: absolute; 328 right: 0px; 329 bottom: 25px; 330 left: auto; 331 top: auto; 332 width: 200px; 333 font-size: 80%; 334 padding: 0; 335 opacity: 0.9; 336 display: none; 337} 338[dir=rtl] .dokuwiki form.search div.ajax_qsearch { 339 right: auto; 340 left: 0; 341} 342 343.dokuwiki .actions form.search div.ajax_qsearch { 344 top: 25px; 345 bottom: auto; 346} 347 348.dokuwiki form.search div.ajax_qsearch ul { 349 margin: 0 0 0.5em 1.5em !important; 350} 351[dir=rtl] .dokuwiki form.search div.ajax_qsearch ul { 352 margin: 0 1.5em 0.5em 0 !important; 353} 354.dokuwiki form.search div.ajax_qsearch ul li { 355 display: list-item !important; 356} 357 358 359/*____________ changes to _edit ____________*/ 360 361.dokuwiki div.section_highlight { 362 background-color: __background_alt__; 363 margin: 0; 364 padding: 0; 365 border-width: 0; 366} 367 368.dokuwiki div.preview { 369 background-color: __background_neu__; 370 margin: 0 0 0 2em; 371 padding: 4px; 372 border: 1px dashed __text__; 373} 374[dir=rtl] .dokuwiki div.preview { 375 margin: 0 2em 0 0; 376} 377 378#dw__editform div.license { 379 clear: left; 380 font-size: 90%; 381} 382 383 384/*____________ changes to _imgdetail ____________*/ 385 386#dokuwiki__detail { 387 padding: 0; 388} 389#dokuwiki__detail .page { 390 overflow: hidden; 391} 392 393#dokuwiki__detail div.img_detail { 394 float: none; 395} 396#dokuwiki__detail div.img_detail dl dt { 397 font-weight: bold; 398 background-color: __background_alt__; 399} 400#dokuwiki__detail div.img_detail dl dd { 401 background-color: __background_neu__; 402} 403 404 405/*____________ changes to _media_popup ____________*/ 406 407#media__manager h1, 408#media__manager h2 { 409 margin-top: 0; 410} 411 412#media__tree ul { 413 margin-left: 0; 414 margin-right: 0; 415} 416 417 418/*____________ misc ____________*/ 419 420 421.dokuwiki div.nothing { 422 text-align: center; 423 margin: 2em; 424} 425 426.dokuwiki span.user { 427 color: __text_other__; 428 font-size: 90%; 429} 430 431.dokuwiki li.minor { 432 color: __text_neu__; 433 font-style: italic; 434 opacity: 1; 435} 436 437 438.JSpopup { 439 font-size: 80%; 440 line-height: 1.2em; 441 border: 1px solid __border__; 442 background-color: __background_other__; 443 text-align: left; 444 padding: 4px; 445} 446[dir=rtl] .JSpopup { 447 text-align: right; 448} 449