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