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 * @author Clarence Lee <clarencedglee@gmail.com> 8 */ 9 10/* header 11********************************************************************/ 12 13#dokuwiki__header { 14 padding: 2em 0 1.5em; 15} 16 17#dokuwiki__header .headings, 18#dokuwiki__header .tools { 19 margin-bottom: 1.0em; 20 width: 49%; 21} 22#dokuwiki__header h1 img { 23 float: left; 24 margin-right: .3em; 25} 26[dir=rtl] #dokuwiki__header h1 img { 27 float: right; 28 margin-left: .5em; 29 margin-right: 0; 30} 31#dokuwiki__header h1 span { 32 display: block; 33 padding-top: 8px; 34} 35#dokuwiki__header h1 { 36 margin: 0; 37 font-size: 2.0em; 38 font-weight: bold; 39} 40#dokuwiki__header h1 a { 41 text-decoration: none; 42 color: #fff; 43 background-color: inherit; 44} 45#dokuwiki__header h1 a:hover, 46#dokuwiki__header h1 a:active, 47#dokuwiki__header h1 a:focus { 48} 49#dokuwiki__header p.claim { 50 margin-bottom: 0; 51 font-size: 0.875em; 52} 53 54#dokuwiki__header .tools { 55 margin-top: .2em; 56} 57 58 59/* tools 60********************************************************************/ 61 62/* highlight selected tool */ 63.mode_admin a.action.admin, 64.mode_login a.action.login, 65.mode_register a.action.register, 66.mode_profile a.action.profile, 67.mode_recent a.action.recent, 68.mode_index a.action.index, 69.mode_media a.action.media, 70.mode_revisions a.action.revs, 71.mode_backlink a.action.backlink, 72.mode_subscribe a.action.subscribe { 73 font-weight: bold; 74} 75 76#dokuwiki__header .tools ul { 77 padding-left: 0; 78 margin-bottom: 0; 79} 80#dokuwiki__header .tools li { 81 font-size: 0.875em; 82 margin-left: 1em; 83 list-style: none; 84 display: inline; 85} 86[dir=rtl] #dokuwiki__header .tools li { 87 margin-right: 1em; 88 margin-left: 0; 89} 90#dokuwiki__header .tools form.search div.ajax_qsearch li { 91 font-size: 1em; 92 margin-left: 0; 93 display: block; 94 overflow: hidden; 95 text-overflow: ellipsis; 96} 97 98#dokuwiki__usertools a.action { 99 padding-left: 20px; 100 background: transparent url(images/usertools.png) no-repeat 0 0; 101 color:#fff !important; 102} 103[dir=rtl] #dokuwiki__usertools a.action { 104 padding-left: 0; 105 padding-right: 20px; 106 color:#fff !important; 107} 108[dir=rtl] #IE7 #dokuwiki__usertools a.action { 109 display: inline-block; 110} 111 112 113#dokuwiki__header .mobileTools { 114 display: none; /* hide mobile tools dropdown to only show in mobile view */ 115} 116 117/*____________ user tools ____________*/ 118 119#dokuwiki__usertools { 120 position: absolute; 121 top: .5em; 122 right: .5em; 123 text-align: right; 124 width: 100%; 125} 126[dir=rtl] #dokuwiki__usertools { 127 text-align: left; 128 left: 40px; 129 right: auto; 130} 131#dokuwiki__usertools ul { 132 margin: 0 auto; 133 padding: 0; 134 max-width: __site_width__; 135} 136#dokuwiki__usertools ul li.user { 137 color:#bbb; 138} 139 140#dokuwiki__usertools a.action.admin { 141 background-position: left 0; 142} 143[dir=rtl] #dokuwiki__usertools a.action.admin { 144 background-position: right 0; 145} 146#dokuwiki__usertools a.action.profile { 147 background-position: left -32px; 148} 149[dir=rtl] #dokuwiki__usertools a.action.profile { 150 background-position: right -32px; 151} 152#dokuwiki__usertools a.action.register { 153 background-position: left -64px; 154} 155[dir=rtl] #dokuwiki__usertools a.action.register { 156 background-position: right -64px; 157} 158#dokuwiki__usertools a.action.login { 159 background-position: left -96px; 160} 161[dir=rtl] #dokuwiki__usertools a.action.login { 162 background-position: right -96px; 163} 164#dokuwiki__usertools a.action.logout { 165 background-position: left -128px; 166} 167[dir=rtl] #dokuwiki__usertools a.action.logout { 168 background-position: right -128px; 169} 170 171 172/*____________ site tools ____________*/ 173 174#dokuwiki__sitetools { 175 text-align: right; 176} 177[dir=rtl] #dokuwiki__sitetools { 178 text-align: left; 179} 180 181#dokuwiki__sitetools form.search { 182 display: block; 183 font-size: 0.875em; 184 position: relative; 185} 186#IE7 #dokuwiki__sitetools form.search { 187 min-height: 1px; 188 z-index: 21; 189} 190#dokuwiki__sitetools form.search input.edit { 191 width: 18em; 192 padding: .35em 22px .35em .1em; 193} 194[dir=rtl] #dokuwiki__sitetools form.search input.edit { 195 padding: .35em .1em .35em 22px; 196} 197#dokuwiki__sitetools form.search input.button { 198 background: transparent url(images/search.png) no-repeat 0 0; 199 border-width: 0; 200 width: 19px; 201 height: 14px; 202 text-indent: -99999px; 203 margin-left: -20px; 204 box-shadow: none; 205 padding: 0; 206} 207[dir=rtl] #dokuwiki__sitetools form.search input.button { 208 background-position: 5px 0; 209 margin-left: 0; 210 margin-right: -20px; 211} 212 213#dokuwiki__sitetools ul { 214 margin-top: 0.5em; 215} 216#dokuwiki__sitetools li { 217} 218#dokuwiki__sitetools li a{ 219 color:#bbb; 220} 221 222/*____________ breadcrumbs ____________*/ 223 224.dokuwiki div.breadcrumbs { 225 border-top: 1px solid __border__; 226 border-bottom: 1px solid __background__; 227 margin-bottom: .5em; 228 font-size: 0.875em; 229 clear: both; 230 color: #bbb; 231} 232.dokuwiki div.breadcrumbs div { 233 padding: .1em .35em; 234} 235 236.dokuwiki div.breadcrumbs div:only-child { 237 border-top: 1px solid __background__; 238 border-bottom: 1px solid __border__; 239} 240.dokuwiki div.breadcrumbs div:first-child { 241 border-top: 1px solid __background__; 242} 243#IE7 .dokuwiki div.breadcrumbs div, 244#IE8 .dokuwiki div.breadcrumbs div { 245 border-bottom: 1px solid __border__; 246} 247.dokuwiki div.breadcrumbs div:last-child { 248 border-bottom: 1px solid __border__; 249} 250 251.dokuwiki div.breadcrumbs a { 252 color: #fff; 253 background-color: inherit; 254} 255.dokuwiki div.breadcrumbs .bcsep { 256 font-size: 0.75em; 257} 258 259 260/* sidebar 261********************************************************************/ 262 263#dokuwiki__aside { 264 color:#fff; 265} 266#dokuwiki__aside > .pad { 267 font-size: 0.875em; 268 overflow: hidden; 269 word-wrap: break-word; 270} 271 272/* make sidebar more condensed */ 273 274#dokuwiki__aside h1 { 275 font-size: 1.714em; 276 margin-bottom: .292em; 277} 278#dokuwiki__aside h2 { 279 margin-bottom: .333em; 280} 281#dokuwiki__aside h3 { 282 margin-bottom: .444em; 283} 284#dokuwiki__aside h4 { 285 margin-bottom: .5em; 286} 287#dokuwiki__aside h5 { 288 margin-bottom: .5714em; 289} 290 291#dokuwiki__aside p, 292#dokuwiki__aside ul, 293#dokuwiki__aside ol, 294#dokuwiki__aside dl, 295#dokuwiki__aside pre, 296#dokuwiki__aside table, 297#dokuwiki__aside fieldset, 298#dokuwiki__aside hr, 299#dokuwiki__aside blockquote, 300#dokuwiki__aside address { 301 margin-bottom: .7em; 302} 303 304#dokuwiki__aside ul, 305#dokuwiki__aside ol { 306 padding-left: .5em; 307} 308[dir=rtl] #dokuwiki__aside ul, 309[dir=rtl] #dokuwiki__aside ol { 310 padding-right: .5em; 311} 312#dokuwiki__aside li ul, 313#dokuwiki__aside li ol { 314 margin-bottom: 0; 315 padding: 0; 316} 317 318#dokuwiki__aside ul li, 319#dokuwiki__aside ol li { 320 color: #ddd !important; 321} 322 323 324#dokuwiki__aside a:link, 325#dokuwiki__aside a:visited { 326 color: #fff; 327 background-color: inherit; 328} 329 330 331/* content 332********************************************************************/ 333 334#dokuwiki__content { 335} 336 337.dokuwiki .pageId { 338 position: absolute; 339 top: -2.3em; 340 right: -1em; 341 overflow: hidden; 342 padding: 1em 1em 0; 343} 344[dir=rtl] .dokuwiki .pageId { 345 right: auto; 346 left: -1em; 347} 348.dokuwiki .pageId span { 349 font-size: 0.875em; 350 border: solid __background_alt__; 351 border-width: 1px 1px 0; 352 background-color: __background__; 353 color: __text_alt__; 354 padding: .1em .35em; 355 border-top-left-radius: 2px; 356 border-top-right-radius: 2px; 357 box-shadow: 0 0 .5em #999; 358 display: block; 359} 360 361.dokuwiki div.page { 362 background: __background__; 363 color: inherit; 364 border: 1px solid #eee; 365 box-shadow: 0 0 .5em #999; 366 border-radius: 2px; 367 padding: 1.556em 2em 2em; 368 margin-bottom: .5em; 369 overflow: hidden; 370 word-wrap: break-word; 371} 372 373.dokuwiki .docInfo { 374 font-size: 0.875em; 375 text-align: right; 376 color: #ccc; 377} 378[dir=rtl] .dokuwiki .docInfo { 379 text-align: left; 380} 381 382/* license note under edit window */ 383.dokuwiki div.license { 384 font-size: 93.75%; 385} 386 387 388/* footer 389********************************************************************/ 390 391.dokuwiki .wrapper { 392 margin-bottom: 1.4em; 393} 394 395#dokuwiki__footer { 396 margin-bottom: 1em; 397 text-align: center; 398} 399#dokuwiki__footer > .pad { 400 font-size: 0.875em; 401} 402 403#dokuwiki__footer div.license { 404 margin-bottom: 0.5em; 405 font-size: 100%; 406} 407 408[dir=rtl] #dokuwiki__footer .license img { 409 margin: 0 0 0 .5em; 410} 411 412#dokuwiki__footer div.buttons a img { 413 opacity: 0.5; 414} 415#dokuwiki__footer div.buttons a:hover img, 416#dokuwiki__footer div.buttons a:active img, 417#dokuwiki__footer div.buttons a:focus img { 418 opacity: 1; 419} 420