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