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 */ 8 9#dokuwiki__site { 10 max-width: __site_width__; 11 padding: 1.4em 1em; 12 margin: 0 auto; 13} 14 15/* header 16********************************************************************/ 17 18#dokuwiki__header { 19 margin: 1em 0 0; 20} 21#IE7 #dokuwiki__header { 22 margin-top: 2em; 23} 24 25#dokuwiki__header .headings { 26 float: left; 27 margin-bottom: 2.1em; 28} 29[dir=rtl] #dokuwiki__header .headings { 30 float: right; 31} 32#IE6 #dokuwiki__header .headings { 33 width: 50%; 34} 35#dokuwiki__header h1 { 36 margin-bottom: 0; 37 font-size: 1.5em; 38} 39#dokuwiki__header h1 a { 40 color: #00c; 41 text-decoration: none; 42 background-color: inherit; 43} 44#dokuwiki__header p.claim { 45 margin-bottom: 0; 46} 47#dokuwiki__header h2 { 48 margin-bottom: 0; 49 font-size: 1.125em; 50} 51 52#dokuwiki__header .tools { 53 float: right; 54 margin-bottom: 2.1em; 55 text-align: right; 56} 57[dir=rtl] #dokuwiki__header .tools { 58 float: left; 59 text-align: left; 60} 61#IE6 #dokuwiki__header .tools { 62 width: 50%; 63} 64#dokuwiki__header .tools ul { 65 margin-bottom: 0; 66} 67#dokuwiki__header .tools ul li { 68 display: inline; 69} 70 71#dokuwiki__site .wrapper { 72 position: relative; 73} 74#IE6 #dokuwiki__site .wrapper, 75#IE7 #dokuwiki__site .wrapper { 76 height: 1%; 77} 78 79#dokuwiki__header form.search { 80 display: block; 81 margin: .5em 0 0; 82} 83#dokuwiki__header form.search #qsearch__in { 84 width: 12em; 85 margin-right: .5em; 86} 87[dir=rtl] #dokuwiki__header form.search #qsearch__in { 88 margin-right: 0; 89 margin-left: .5em; 90} 91 92#dokuwiki__header div.breadcrumbs { 93 margin-bottom: .3em; 94} 95#dokuwiki__header div.breadcrumbs a { 96 color: __existing__; 97 background-color: inherit; 98} 99 100 101/* tools 102********************************************************************/ 103 104/* make wiki links look the same as tool links in tool bars */ 105#dokuwiki__usertools a.wikilink1, 106#dokuwiki__pagetools a.wikilink1, 107#dokuwiki__usertools a.wikilink2, 108#dokuwiki__pagetools a.wikilink2 { 109 color: #00c; 110 border-bottom-width: 0; 111} 112#dokuwiki__usertools a.wikilink2:hover, 113#dokuwiki__pagetools a.wikilink2:hover, 114#dokuwiki__usertools a.wikilink2:active, 115#dokuwiki__pagetools a.wikilink2:active, 116#dokuwiki__usertools a.wikilink2:focus, 117#dokuwiki__pagetools a.wikilink2:focus { 118 text-decoration: underline; 119} 120 121/* highlight selected tool */ 122.mode_admin a.action.admin, 123.mode_login a.action.login, 124.mode_register a.action.register, 125.mode_profile a.action.profile, 126.mode_recent a.action.recent, 127.mode_index a.action.index, 128.mode_media a.action.media, 129.mode_revisions a.action.revs, 130.mode_backlink a.action.backlink, 131.mode_subscribe a.action.subscribe { 132 font-weight: bold; 133} 134 135/*____________ user tools ____________*/ 136 137#dokuwiki__usertools { 138 position: absolute; 139 top: 0; 140 right: 0; 141 width: 100%; 142 background-color: __background_alt__; 143 border-bottom: 1px solid __border__; 144} 145#dokuwiki__usertools ul, 146#dokuwiki__pagetools ul { 147 max-width: __site_width__; 148 padding: 0 1em; 149 /* imitate #dokuwiki__site */ 150 margin: 0 auto; 151} 152#IE6 #dokuwiki__usertools ul { 153 width: 100%; 154} 155#dokuwiki__usertools ul li.user { 156 float: left; 157 margin-left: 0; 158} 159[dir=rtl] #dokuwiki__usertools ul li.user { 160 float: right; 161 margin-right: 0; 162} 163 164/*____________ page tools ____________*/ 165 166#dokuwiki__pagetools { 167 position: fixed; 168 bottom: 0; 169 left: 0; 170 z-index: 10; 171 width: 100%; 172 background-color: __background_alt__; 173 border-top: 1px solid __border__; 174} 175#IE6 #dokuwiki__content { 176 margin-bottom: 1.4em; 177} 178#dokuwiki__pagetools ul li { 179 display: inline; 180 margin: 0 1.5em 0 0; 181} 182#dokuwiki__pagetools ul li a.action.top { 183 float: right; 184} 185[dir=rtl] #dokuwiki__pagetools ul li a.action.top { 186 float: left; 187} 188#IE6 #dokuwiki__pagetools ul, 189#IE7 #dokuwiki__pagetools ul { 190 position: relative; 191} 192#IE6 #dokuwiki__pagetools ul li a.action.top, 193#IE7 #dokuwiki__pagetools ul li a.action.top { 194 position: absolute; 195 top: 0; 196 right: 0; 197} 198[dir=rtl] #IE6 #dokuwiki__pagetools ul li a.action.top, 199[dir=rtl] #IE7 #dokuwiki__pagetools ul li a.action.top { 200 right: auto; 201 left: 0; 202} 203 204 205/* sidebar 206********************************************************************/ 207 208#dokuwiki__aside { 209 position: relative; 210 display: block; 211 float: left; 212 width: __sidebar_width__; 213 padding-top: .4em; 214 line-height: 1.2; 215} 216[dir=rtl] #dokuwiki__aside { 217 float: right; 218} 219 220#dokuwiki__aside > .pad { 221 margin: 0 1.5em 0 0; 222 overflow: hidden; 223 word-wrap: break-word; 224} 225[dir=rtl] #dokuwiki__aside > .pad { 226 margin: 0 0 0 1.5em; 227} 228 229/* make sidebar more condensed */ 230 231#dokuwiki__aside h1 { 232 margin-bottom: .222em; 233} 234#dokuwiki__aside h2 { 235 margin-bottom: .333em; 236} 237#dokuwiki__aside h3 { 238 margin-bottom: .444em; 239} 240#dokuwiki__aside h4 { 241 margin-bottom: .5em; 242} 243#dokuwiki__aside h5 { 244 margin-bottom: .5714em; 245} 246 247#dokuwiki__aside p, 248#dokuwiki__aside ul, 249#dokuwiki__aside ol, 250#dokuwiki__aside dl, 251#dokuwiki__aside pre, 252#dokuwiki__aside table, 253#dokuwiki__aside fieldset, 254#dokuwiki__aside hr, 255#dokuwiki__aside blockquote, 256#dokuwiki__aside address { 257 margin-bottom: .7em; 258} 259 260#dokuwiki__aside ul, 261#dokuwiki__aside ol { 262 padding-left: .5em; 263} 264[dir=rtl] #dokuwiki__aside ul, 265[dir=rtl] #dokuwiki__aside ol { 266 padding-right: .5em; 267} 268#dokuwiki__aside li ul, 269#dokuwiki__aside li ol { 270 padding: 0; 271 margin-bottom: 0; 272} 273 274 275/* content 276********************************************************************/ 277 278.dokuwiki .page { 279 word-wrap: break-word; 280} 281 282/* license note in footer and under edit window */ 283.dokuwiki div.license { 284 font-size: 93.75%; 285} 286 287 288/* footer 289********************************************************************/ 290 291.dokuwiki .wrapper { 292 margin-bottom: 2.8em; 293} 294#IE6 .dokuwiki .wrapper { 295 margin-bottom: 1.4em; 296} 297 298#dokuwiki__footer { 299 margin-bottom: 1em; 300 clear: both; 301} 302#IE6 #dokuwiki__footer, 303#IE7 #dokuwiki__footer { 304 height: 1%; 305} 306 307#dokuwiki__footer .doc { 308 float: left; 309} 310#dokuwiki__footer .top { 311 float: right; 312} 313 314#dokuwiki__footer .license { 315 clear: both; 316} 317#dokuwiki__footer .license img { 318 float: none; 319 margin: 0 .5em 0 0; 320} 321