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: 0 0 1.5em; 15} 16 17#dokuwiki__header .headings, 18#dokuwiki__header .tools { 19 /*margin-bottom: 1.5em;*/ 20 /*width: 49%;*/ 21} 22#dokuwiki__header h1 img { 23 float: left; 24 margin-right: .5em; 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: 10px; 34} 35#dokuwiki__header h1 { 36 margin: 0; 37 font-size: 1.5em; 38 font-weight: normal; 39} 40#dokuwiki__header h1 a { 41 text-decoration: none; 42 color: __text__; 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} 102[dir=rtl] #dokuwiki__usertools a.action { 103 padding-left: 0; 104 padding-right: 20px; 105} 106[dir=rtl] #IE7 #dokuwiki__usertools a.action { 107 display: inline-block; 108} 109 110 111#dokuwiki__header .mobileTools { 112 display: none; /* hide mobile tools dropdown to only show in mobile view */ 113} 114 115/*____________ user tools ____________*/ 116 117#dokuwiki__usertools { 118 position: absolute; 119 top: .5em; 120 right: .5em; 121 text-align: right; 122 width: 100%; 123} 124[dir=rtl] #dokuwiki__usertools { 125 text-align: left; 126 left: 40px; 127 right: auto; 128} 129#dokuwiki__usertools ul { 130 margin: 0 auto; 131 padding: 0; 132 max-width: __site_width__; 133} 134#dokuwiki__usertools ul li.user { 135} 136 137#dokuwiki__usertools a.action.admin { 138 background-position: left 0; 139} 140[dir=rtl] #dokuwiki__usertools a.action.admin { 141 background-position: right 0; 142} 143#dokuwiki__usertools a.action.profile { 144 background-position: left -32px; 145} 146[dir=rtl] #dokuwiki__usertools a.action.profile { 147 background-position: right -32px; 148} 149#dokuwiki__usertools a.action.register { 150 background-position: left -64px; 151} 152[dir=rtl] #dokuwiki__usertools a.action.register { 153 background-position: right -64px; 154} 155#dokuwiki__usertools a.action.login { 156 background-position: left -96px; 157} 158[dir=rtl] #dokuwiki__usertools a.action.login { 159 background-position: right -96px; 160} 161#dokuwiki__usertools a.action.logout { 162 background-position: left -128px; 163} 164[dir=rtl] #dokuwiki__usertools a.action.logout { 165 background-position: right -128px; 166} 167 168 169/*____________ site tools ____________*/ 170 171#dokuwiki__sitetools { 172 text-align: right; 173 margin-top:1.5em; 174} 175[dir=rtl] #dokuwiki__sitetools { 176 text-align: left; 177} 178 179#dokuwiki__sitetools form.search { 180 display: block; 181 position: relative; 182} 183#IE7 #dokuwiki__sitetools form.search { 184 min-height: 1px; 185 z-index: 21; 186} 187#dokuwiki__sitetools form.search input.edit { 188 width: 20em; 189 padding: .35em 22px .35em .1em; 190} 191[dir=rtl] #dokuwiki__sitetools form.search input.edit { 192 padding: .35em .1em .35em 22px; 193} 194#dokuwiki__sitetools form.search input.button { 195 background: transparent url(images/search.png) no-repeat 0 0; 196 border-width: 0; 197 width: 19px; 198 height: 14px; 199 text-indent: -99999px; 200 margin-left: -20px; 201 box-shadow: none; 202 padding: 0; 203} 204[dir=rtl] #dokuwiki__sitetools form.search input.button { 205 background-position: 5px 0; 206 margin-left: 0; 207 margin-right: -20px; 208 position: relative; 209} 210 211#dokuwiki__sitetools ul { 212 margin-top: 0.5em; 213} 214#dokuwiki__sitetools li { 215} 216 217/*____________ breadcrumbs ____________*/ 218 219.dokuwiki div.breadcrumbs { 220 margin-bottom: .5em; 221 font-size: 0.875em; 222 margin-top: 25px; 223 margin-left: 135px; 224} 225.dokuwiki div.breadcrumbs div { 226 padding: .1em .35em; 227} 228 229 230 231/* sidebar 232********************************************************************/ 233 234#dokuwiki__aside { 235} 236#dokuwiki__aside > .pad { 237 font-size: 0.875em; 238 overflow: hidden; 239 word-wrap: break-word; 240} 241 242/* make sidebar more condensed */ 243 244#dokuwiki__aside h1 { 245 font-size: 1.714em; 246 margin-bottom: .292em; 247} 248#dokuwiki__aside h2 { 249 margin-bottom: .333em; 250} 251#dokuwiki__aside h3 { 252 margin-bottom: .444em; 253} 254#dokuwiki__aside h4 { 255 margin-bottom: .5em; 256} 257#dokuwiki__aside h5 { 258 margin-bottom: .5714em; 259} 260 261#dokuwiki__aside p, 262#dokuwiki__aside ul, 263#dokuwiki__aside ol, 264#dokuwiki__aside dl, 265#dokuwiki__aside pre, 266#dokuwiki__aside table, 267#dokuwiki__aside fieldset, 268#dokuwiki__aside hr, 269#dokuwiki__aside blockquote, 270#dokuwiki__aside address { 271 margin-bottom: .7em; 272} 273 274#dokuwiki__aside ul, 275#dokuwiki__aside ol { 276 padding-left: .5em; 277} 278[dir=rtl] #dokuwiki__aside ul, 279[dir=rtl] #dokuwiki__aside ol { 280 padding-right: .5em; 281} 282#dokuwiki__aside li ul, 283#dokuwiki__aside li ol { 284 margin-bottom: 0; 285 padding: 0; 286} 287 288#dokuwiki__aside a:link, 289#dokuwiki__aside a:visited { 290 color: __link__; 291 background-color: inherit; 292} 293 294 295/* content 296********************************************************************/ 297 298#dokuwiki__content { 299} 300 301.dokuwiki .pageId { 302 position: absolute; 303 top: -2.3em; 304 right: -1em; 305 overflow: hidden; 306 padding: 1em 1em 0; 307} 308[dir=rtl] .dokuwiki .pageId { 309 right: auto; 310 left: -1em; 311} 312.dokuwiki .pageId span { 313 font-size: 0.875em; 314 border: solid __background_alt__; 315 border-width: 1px 1px 0; 316 background-color: __background__; 317 color: __text_alt__; 318 padding: .1em .35em; 319 border-top-left-radius: 2px; 320 border-top-right-radius: 2px; 321 box-shadow: 0 0 .5em #999; 322 display: block; 323} 324 325.dokuwiki div.page { 326 background: __background__; 327 color: inherit; 328 border: 1px solid #eee; 329 box-shadow: 0 0 .5em #999; 330 border-radius: 2px; 331 padding: .5em .5em 2em; 332 margin-bottom: .5em; 333 overflow: hidden; 334 word-wrap: break-word; 335} 336 337.dokuwiki .docInfo { 338 font-size: 0.875em; 339 text-align: right; 340} 341[dir=rtl] .dokuwiki .docInfo { 342 text-align: left; 343} 344 345/* license note under edit window */ 346.dokuwiki div.license { 347 font-size: 93.75%; 348} 349 350 351/* footer 352********************************************************************/ 353 354.dokuwiki .wrapper { 355 margin-bottom: 1.4em; 356} 357 358#dokuwiki__footer { 359 margin-bottom: 1em; 360 text-align: center; 361} 362#dokuwiki__footer > .pad { 363 font-size: 0.875em; 364} 365 366#dokuwiki__footer div.license { 367 margin-bottom: 0.5em; 368 font-size: 100%; 369} 370 371[dir=rtl] #dokuwiki__footer .license img { 372 margin: 0 0 0 .5em; 373} 374 375#dokuwiki__footer div.buttons a img { 376 opacity: 0.5; 377} 378#dokuwiki__footer div.buttons a:hover img, 379#dokuwiki__footer div.buttons a:active img, 380#dokuwiki__footer div.buttons a:focus img { 381 opacity: 1; 382} 383 384div.dokuwiki a.mainpermalink { 385 background: transparent url(images/link.gif) 0px 1px no-repeat; 386 padding: 1px 0px 1px 20px; 387} 388 389div.watermark,div.watermark-confidential { 390 display : none; 391} 392 393 394