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