1/** 2 * This file provides the main design styles for the 3 * bits that surround the content. 4 * 5 * @author Anika Henke <anika@selfthinker.org> 6 * @author Andreas Gohr <andi@splitbrain.org> 7 */ 8 9html.popup, 10html.popup body { 11 background-color: __background__; 12 color: __text__; 13} 14 15/* header 16********************************************************************/ 17 18#dokuwiki__header { 19 border-bottom: 1px solid __border_alt__; 20 margin-bottom: 10px; 21} 22 23#dokuwiki__header h1 { 24 font-size: 2em; 25 float: left; 26 width: 30%; 27 margin-bottom: 0; 28 clear: none; 29 letter-spacing: normal; 30 font-variant: normal; 31 border-bottom-width: 0; 32} 33[dir=rtl] #dokuwiki__header h1 { 34 float: right; 35} 36#dokuwiki__header h1 a { 37 text-decoration: none; 38 color: __link_title__; 39 background-color: inherit; 40} 41 42#dokuwiki__header h2 { 43 margin-bottom: 0; 44 font-size: 2em; 45 float: right; 46 width: 68%; 47 text-align: right; 48 color: __text_alt__; 49 background-color: inherit; 50 clear: none; 51 letter-spacing: normal; 52 border-bottom-width: 0; 53} 54[dir=rtl] #dokuwiki__header h2 { 55 float: left; 56 text-align: left; 57} 58 59#dokuwiki__header div.breadcrumbs { 60 padding: 0 1px; 61 clear: both; 62 border-top: 1px solid __border_alt__; 63 font-size: 75%; 64 background-color: __background__; 65 color: __text__; 66} 67#dokuwiki__header div.breadcrumbs a { 68 color: __link_existent__; 69} 70 71 72/* tools 73********************************************************************/ 74 75/* make wiki links look the same as tool links in tool bars */ 76#dokuwiki__usertools a.wikilink1, 77#dokuwiki__pagetools a.wikilink1, 78#dokuwiki__usertools a.wikilink2, 79#dokuwiki__pagetools a.wikilink2 { 80 color: __link_normal__; 81 border-bottom-width: 0; 82} 83#dokuwiki__usertools a.wikilink2:hover, 84#dokuwiki__pagetools a.wikilink2:hover, 85#dokuwiki__usertools a.wikilink2:active, 86#dokuwiki__pagetools a.wikilink2:active, 87#dokuwiki__usertools a.wikilink2:focus, 88#dokuwiki__pagetools a.wikilink2:focus { 89 text-decoration: underline; 90} 91 92/* highlight selected tool */ 93.mode_admin a.action.admin, 94.mode_profile a.action.profile, 95.mode_recent a.action.recent, 96.mode_index a.action.index, 97.mode_media a.action.media, 98.mode_revisions a.action.revs, 99.mode_backlink a.action.backlink, 100.mode_subscribe a.action.subscribe { 101 font-weight: bold; 102} 103 104/*____________ page tools ____________*/ 105 106#dokuwiki__pagetools { 107 margin: 0 0 10px __sidebar_width__; 108} 109[dir=rtl] #dokuwiki__pagetools { 110 margin: 0 __sidebar_width__ 10px 0; 111} 112#dokuwiki__pagetools ul { 113 padding: 0; 114 margin: 0; 115} 116#dokuwiki__pagetools ul li { 117 display: inline; 118 margin: 0; 119 padding: 0 5px 0 0; 120} 121[dir=rtl] #dokuwiki__pagetools ul li { 122 padding: 0 0 0 5px; 123} 124#dokuwiki__pagetools input { 125 padding: 0.2em 1.0em; 126 line-height: 1.25; 127} 128#IE6 #dokuwiki__pagetools input, 129#IE7 #dokuwiki__pagetools input { 130 padding: 0; 131} 132 133 134/* sidebar 135********************************************************************/ 136 137#dokuwiki__aside { 138 line-height: 1.2; 139 margin-bottom: 10px; 140} 141#dokuwiki__aside > .pad { 142 background-color: __background__; 143 color: __text__; 144 border: 1px solid __border_alt__; 145 padding: 10px; 146 overflow: hidden; 147 word-wrap: break-word; 148} 149 150/* make sidebar more condensed */ 151 152#dokuwiki__aside h1 { margin-bottom: .222em; } 153#dokuwiki__aside h2 { margin-bottom: .333em; } 154#dokuwiki__aside h3 { margin-bottom: .444em; } 155#dokuwiki__aside h4 { margin-bottom: .5em; } 156#dokuwiki__aside h5 { margin-bottom: .5714em; } 157 158#dokuwiki__aside p, #dokuwiki__aside ul, #dokuwiki__aside ol, #dokuwiki__aside dl, 159#dokuwiki__aside pre, #dokuwiki__aside table, #dokuwiki__aside fieldset, 160#dokuwiki__aside hr, #dokuwiki__aside blockquote, #dokuwiki__aside address { 161 margin-bottom: .7em; 162} 163 164#dokuwiki__aside ul, #dokuwiki__aside ol { 165 padding-left: 0; 166 padding-right: 0; 167} 168#dokuwiki__aside li ul, #dokuwiki__aside li ol { 169 margin-bottom: 0; 170} 171 172/*____________ site + user tools ____________*/ 173 174#dokuwiki__sitetools, 175#dokuwiki__usertools { 176 padding-top: 1em; 177 margin-top: 1em; 178 border-top: 1px dotted __border__; 179} 180#dokuwiki__sitetools ul, 181#dokuwiki__usertools ul { 182 margin: 0 0 1em; 183} 184#dokuwiki__sitetools ul li, 185#dokuwiki__usertools ul li { 186 padding: 0; 187 margin: 0 0 .3em 0; 188 list-style: none; 189} 190 191#dokuwiki__usertools div.user { 192 font-style: italic; 193} 194 195/* forms (search + login) */ 196#dokuwiki__aside form { 197} 198#dokuwiki__aside fieldset { 199 padding: 0; 200 border-width: 0; 201 width: auto; 202} 203#dokuwiki__aside label { 204 margin: 0; 205 padding: 0; 206 text-align: left; 207 font-weight: normal; 208} 209[dir=rtl] #dokuwiki__aside label { 210 text-align: right; 211} 212#dokuwiki__aside input { 213 width: 100%; 214 margin: .1em 0; 215 padding: 0; 216 line-height: 1.25; 217} 218 219#dokuwiki__usertools div.level1 { 220 margin: 0; 221 padding: 0; 222 width: auto; 223 text-align: left; 224} 225[dir=rtl] #dokuwiki__usertools div.level1 { 226 text-align: right; 227} 228#dokuwiki__usertools h1 { 229 font-size: 1.1em; 230 margin-bottom: 1em; 231 color: __text__; 232 font-variant: normal; 233 letter-spacing: normal; 234 border-bottom-width: 0; 235} 236#dw__login { 237 text-align: left; 238} 239[dir=rtl] #dw__login { 240 text-align: right; 241} 242#dw__login br { 243 display: none; 244} 245#dokuwiki__usertools legend { 246 display: none; 247} 248 249#dw__login label[for="remember__me"] { 250 margin: 0; 251} 252#dw__login label[for="remember__me"] input { 253 margin: 0; 254 padding: 0; 255 width: auto; 256} 257 258 259/* content 260********************************************************************/ 261 262.dokuwiki .wrapper { 263 background: url(images/logo.png) no-repeat 25px 0; 264} 265[dir=rtl] .dokuwiki .wrapper { 266 background-position: right 0; 267} 268 269.dokuwiki .page { 270 padding: 10px; 271 background-color: __background__; 272 color: __text__; 273 border: 1px solid __border_alt__; 274 word-wrap: break-word; 275} 276 277/*____________ misc ____________*/ 278 279/* license note in footer and under edit window */ 280.dokuwiki div.license { 281 font-size: 93.75%; 282} 283 284#IE6 .dokuwiki input.button, #IE6 .dokuwiki button, 285#IE7 .dokuwiki input.button, #IE7 .dokuwiki button { 286 line-height: 1.4; 287} 288 289#mediamanager__page .panelContent li dl { 290 padding: 0; 291} 292#mediamanager__diff th { 293 background-color: __background__; 294} 295 296/* some headings in the media manager should not look like headings */ 297#mediamanager__page h2, 298#mediamanager__page h3 { 299 border-bottom-width: 0; 300 letter-spacing: 0; 301} 302 303.dokuwiki div.section_highlight { 304 margin: 0; 305 padding: 0; 306 border-width: 0; 307} 308.dokuwiki .section_highlight { 309 background-color: __background_neu__; 310} 311 312.dokuwiki div.toolbar button.toolbutton { 313 margin-right: .3em; 314} 315[dir=rtl] .dokuwiki div.toolbar button.toolbutton { 316 margin-right: 0; 317 margin-left: .3em; 318} 319div.picker { 320 border-color: __border_alt__; 321 background-color: __background_neu__; 322} 323div.picker button.pickerbutton { 324 background-color: __background_neu__; 325 color: __text__; 326} 327 328div.insitu-footnote { 329 padding: .2em; 330 border: 1px solid #000; 331 background-color: #ffc; 332 color: #000; 333} 334.dokuwiki div.footnotes { 335 font-size: 85%; 336} 337.dokuwiki div.footnotes div.fn { 338 padding-bottom: .3em; 339} 340 341.dokuwiki div.search_quickresult { 342 margin-bottom: 1em; 343 padding-bottom: 1em; 344 border-bottom: 1px solid __border__; 345} 346.dokuwiki div.search_quickresult ul li { 347 display: inline; 348 float: none; 349 width: auto; 350 margin-left: 0; 351} 352 353.dokuwiki div.search_result div.search_snippet, 354.dokuwiki dl.search_results dd { 355 margin-left: 1em; 356} 357[dir=rtl] .dokuwiki div.search_result div.search_snippet, 358[dir=rtl] .dokuwiki dl.search_results dd { 359 margin-left: 0; 360 margin-right: 1em; 361} 362 363 364.dokuwiki form.search div.ajax_qsearch { 365 position: static; 366 width: auto; 367} 368 369#link__wiz_result { 370 background-color: __background__; 371} 372 373 374#media__manager h1, 375#media__manager h2 { 376 font-size: 1.5em; 377 margin: -.5em -.5em .5em -.5em; 378 padding: .5em; 379 border-bottom: 1px solid __border_alt__; 380 background-color: __background_site__; 381 color: __text_alt__; 382 letter-spacing: 0; 383 font-variant: normal; 384} 385 386/*____________ img detail ____________*/ 387 388#dokuwiki__detail h1 { 389 font-size: 1.58em; 390 padding: .5em 10px; 391 margin: 0; 392 border-bottom: 1px solid __border_alt__; 393 background-color: __background_site__; 394 color: __text_alt__; 395 letter-spacing: 0; 396 font-variant: normal; 397} 398 399#dokuwiki__detail div.content { 400 background-color: __background__; 401 color: __text__; 402 padding: 10px; 403} 404 405#dokuwiki__detail div.content div.img_detail { 406 margin: 0 10px; 407 padding: 0 10px; 408 border: solid __border__; 409 border-width: 0 0 0 1px; 410} 411[dir=rtl] #dokuwiki__detail div.content div.img_detail { 412 border-width: 0 1px 0 0; 413} 414 415#dokuwiki__detail div.img_detail h2 { 416 font-size: 1.39em; 417} 418 419#dokuwiki__detail p.back { 420 padding: 0.5em 1.0em; 421 border-top: 1px solid __border_alt__; 422 background-color: __background_site__; 423 color: __text_alt__; 424} 425#dokuwiki__detail p.back a { 426 color: __link_title__; 427 background-color: inherit; 428} 429 430/*____________ toc ____________*/ 431 432.dokuwiki div.toc, 433#dw__toc { 434 width: 175px; 435} 436 437.dokuwiki div.tocheader, /* old */ 438#dw__toc h3 /* new */ { 439 margin-bottom: .2em; 440 background-color: __toc_head_background__; 441 color: __toc_head_text__; 442 border: 1px solid __toc_head_border__; 443} 444 445/* css arrow */ 446.dokuwiki .toc span.toc_open, 447.dokuwiki .toc span.toc_close, 448#dw__toc h3 strong { 449 border: .4em solid __toc_head_background__; 450} 451.dokuwiki .toc span.toc_open span, 452.dokuwiki .toc span.toc_close span, 453#dw__toc h3 strong span { 454 display: none; 455} 456 457.dokuwiki .toc span.toc_open, 458#dw__toc h3.closed strong { 459 margin-top: .4em; 460 border-top: .4em solid __text__; 461} 462.dokuwiki .toc span.toc_close, 463#dw__toc h3.open strong { 464 margin-top: 0; 465 border-bottom: .4em solid __text__; 466} 467 468.dokuwiki #toc__inside, 469#dw__toc > div { 470 background-color: __toc_body_background__; 471 color: __text__; 472 border: 1px solid __toc_body_border__; 473} 474 475 476/*____________ JS popup ____________*/ 477 478.JSpopup { 479 padding: .5em; 480 background-color: __background_neu__; 481 color: __text__; 482 border: 1px solid __border_alt__; 483 line-height: 1.2; 484} 485 486.JSpopup ul, 487.JSpopup ol { 488 padding-left: 0; 489 padding-right: 0; 490} 491 492 493/* footer 494********************************************************************/ 495 496#dokuwiki__footer { 497 font-size: 75%; 498 margin-bottom: 5px; 499 background-color: __background__; 500 color: __text__; 501 border-top: 1px solid __border_alt__; 502 border-bottom: 1px solid __border_alt__; 503 padding: 0 1px; 504} 505#IE6 #dokuwiki__footer, 506#IE7 #dokuwiki__footer { 507 height: 1%; 508} 509#dokuwiki__footer .doc { 510 float: left; 511 font-style: italic; 512} 513[dir=rtl] #dokuwiki__footer .doc { 514 float: right; 515} 516#dokuwiki__footer .top { 517 float: right; 518} 519[dir=rtl] #dokuwiki__footer .top { 520 float: left; 521} 522.dokuwiki .license_footer { 523 margin-bottom: 10px; 524} 525.dokuwiki .license_footer a { 526 color: __link_title__; 527} 528.dokuwiki .license_footer .license img { 529 margin: 0 .5em 0 0; 530 float: none; 531} 532[dir=rtl] .dokuwiki .license_footer .license img { 533 margin: 0 0 0 .5em; 534} 535 536