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