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: 2em 0 1.5em; 15 16 .headings, 17 .tools { 18 margin-bottom: 1.5em; 19 width: 49%; 20 } 21 .tools { 22 margin-top: .2em; 23 } 24 25 h1 { 26 margin: 0; 27 font-size: 1.5em; 28 font-weight: normal; 29 border: none; 30 31 img { 32 float: left; 33 margin-right: .5em; 34 } 35 36 span { 37 display: block; 38 padding-top: 10px; 39 } 40 41 a { 42 text-decoration: none; 43 color: var(--text, #333); 44 background-color: inherit; 45 } 46 } 47 48 p.claim { 49 margin-bottom: 0; 50 font-size: 0.875em; 51 } 52 53 /* make all links in header (including breadcrumb and interwiki) same colour as the rest */ 54 a { 55 color: var(--link, #2b73b7); 56 background-color: inherit; 57 } 58} 59 60[dir=rtl] #dokuwiki__header h1 img { 61 float: right; 62 margin-left: .5em; 63 margin-right: 0; 64} 65 66/* tools 67********************************************************************/ 68 69/* highlight selected tool */ 70.mode_admin a.action.admin, 71.mode_login a.action.login, 72.mode_register a.action.register, 73.mode_profile a.action.profile, 74.mode_recent a.action.recent, 75.mode_index a.action.index, 76.mode_media a.action.media, 77.mode_revisions a.action.revs, 78.mode_backlink a.action.backlink, 79.mode_subscribe a.action.subscribe { 80 font-weight: bold; 81} 82 83#dokuwiki__header .tools { 84 ul { 85 padding-left: 0; 86 margin-bottom: 0; 87 } 88 89 li { 90 font-size: 0.875em; 91 margin-left: 1em; 92 list-style: none; 93 display: inline; 94 } 95 96 form.search div.ajax_qsearch li { 97 font-size: 1em; 98 margin-left: 0; 99 display: block; 100 overflow: hidden; 101 text-overflow: ellipsis; 102 } 103} 104 105[dir=rtl] #dokuwiki__header .tools li { 106 margin-right: 1em; 107 margin-left: 0; 108} 109 110#dokuwiki__header .mobileTools { 111 display: none; /* hide mobile tools dropdown to only show in mobile view */ 112} 113 114/*____________ site tools ____________*/ 115 116#dokuwiki__sitetools { 117 text-align: right; 118 119 form.search { 120 font-size: 0.875em; 121 } 122} 123 124[dir=rtl] #dokuwiki__sitetools { 125 text-align: left; 126} 127 128form.search { 129 display: block; 130 position: relative; 131 margin-bottom: 0.5em; 132 133 input { 134 width: 18em; 135 padding: .35em 22px .35em .35em; 136 } 137 138 button { 139 background: transparent var(--search-png, url(images/search.png)) no-repeat 0 0; 140 border-width: 0; 141 width: 19px; 142 height: 14px; 143 text-indent: -99999px; 144 margin-left: -20px; 145 box-shadow: none; 146 padding: 0; 147 } 148} 149 150[dir=rtl] form.search { 151 input { 152 padding: .35em .1em .35em 22px; 153 } 154 155 button { 156 background-position: 5px 0; 157 margin-left: 0; 158 margin-right: -20px; 159 position: relative; 160 } 161} 162 163/*____________ breadcrumbs ____________*/ 164 165.dokuwiki div.breadcrumbs { 166 border-top: 1px solid var(--border, #ccc); 167 border-bottom: 1px solid var(--border, #ccc); 168 font-size: 0.875em; 169 clear: both; 170 171 div { 172 padding: 0.5em 0em; 173 } 174 175 .bcsep { 176 font-size: 0.75em; 177 } 178} 179 180/* sidebar 181********************************************************************/ 182 183.dokuwiki .aside { 184 font-size: 1em; 185 overflow: hidden; 186 word-wrap: break-word; 187 188 /* make sidebar more condensed */ 189 190 h1 { 191 font-size: 1.714em; 192 margin-bottom: .292em; 193 } 194 195 h2 { 196 margin-bottom: .333em; 197 } 198 199 h3 { 200 margin-bottom: .444em; 201 } 202 203 h4 { 204 margin-bottom: .5em; 205 } 206 207 h5 { 208 margin-bottom: .5714em; 209 } 210 211 p, 212 ul, 213 ol, 214 dl, 215 pre, 216 table, 217 fieldset, 218 hr, 219 blockquote, 220 address { 221 margin-bottom: .2em; 222 } 223 224 ul, 225 ol { 226 padding-left: .5em; 227 } 228 229 li ul, 230 li ol { 231 margin-bottom: 0; 232 padding: 0; 233 } 234 235 a:link, 236 a:visited { 237 color: var(--link, #2b73b7); 238 background-color: inherit; 239 } 240} 241 242[dir=rtl] .dokuwiki .aside ul, 243[dir=rtl] .dokuwiki .aside ol { 244 padding-right: .5em; 245} 246 247/* content 248********************************************************************/ 249 250.dokuwiki .pageId { 251 float: right; 252 margin-right: -1em; 253 margin-bottom: -1px; 254 margin-top: -1.5em; 255 overflow: hidden; 256 padding: 0.5em 1em 0; 257 258 span { 259 font-size: 0.875em; 260 background-color: var(--background, #fff); 261 color: var(--text_alt, #999); 262 padding: .1em .35em; 263 box-shadow: none; 264 display: block; 265 border: none; 266 } 267} 268 269.dokuwiki div.page { 270 clear: both; 271 background: var(--background, #fff); 272 color: var(--text, #333); 273 border: none; 274 box-shadow: none; 275 padding: 1.556em 2em 2em; 276 margin-bottom: .5em; 277 overflow: hidden; 278 word-wrap: break-word; 279} 280 281.showSidebar div.page { 282 margin-left: -25px; 283} 284 285.dokuwiki .docInfo { 286 font-size: 0.875em; 287 text-align: right; 288} 289 290/* license note under edit window */ 291.dokuwiki div.license { 292 font-size: 93.75%; 293} 294 295[dir=rtl] .dokuwiki .docInfo { 296 text-align: left; 297} 298 299[dir=rtl] .dokuwiki .pageId { 300 float: left; 301 margin-left: -1em; 302 margin-right: 0; 303} 304 305/* footer 306********************************************************************/ 307 308.dokuwiki .wrapper { 309 margin-bottom: 1.4em; 310} 311 312#dokuwiki__footer { 313 margin-bottom: 1em; 314 text-align: center; 315 316 > .pad { 317 font-size: 0.875em; 318 } 319 320 div.license { 321 margin-bottom: 0.5em; 322 font-size: 100%; 323 } 324 325 div.buttons a { 326 img { 327 opacity: 0.5; 328 } 329 330 &:hover img, 331 &:active img, 332 &:focus img { 333 opacity: 1; 334 } 335 } 336 337} 338 339[dir=rtl] #dokuwiki__footer .license img { 340 margin: 0 0 0 .5em; 341} 342 343 344