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