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