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.6em; 28 font-weight: normal; 29 30 img { 31 float: left; 32 margin-right: 1em; 33 } 34 35 span { 36 display: block; 37 padding-top: 18px; 38 color: @ini_background_alt; 39 } 40 41 a { 42 text-decoration: none; 43 color: @ini_text; 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: @ini_link; 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 font-weight: bold; 136 padding: .35em 22px .35em .5em; 137 } 138 139 button { 140 background: transparent url(images/search.png) no-repeat 0 0; 141 border-width: 0; 142 width: 19px; 143 height: 14px; 144 text-indent: -99999px; 145 margin-left: -20px; 146 box-shadow: none; 147 padding: 0; 148 } 149} 150 151[dir=rtl] form.search { 152 input { 153 padding: .35em .1em .35em 22px; 154 } 155 156 button { 157 background-position: 5px 0; 158 margin-left: 0; 159 margin-right: -20px; 160 position: relative; 161 } 162} 163 164/*____________ breadcrumbs ____________*/ 165 166.dokuwiki div.breadcrumbs { 167 border-top: 1px solid @ini_border; 168 border-bottom: 1px solid @ini_border; 169 margin-bottom: .5em; 170 font-size: 0.875em; 171 clear: both; 172 173 div { 174 padding: .1em .35em; 175 } 176 177 div:only-child { 178 //border-top: 1px solid @ini_background; 179 //border-bottom: 1px solid @ini_border; 180 } 181 182 div:first-child { 183 //border-top: 1px solid @ini_background; 184 } 185 186 div:last-child { 187 //border-bottom: 1px solid @ini_border; 188 } 189 190 .bcsep { 191 font-size: 0.75em; 192 } 193} 194 195/* sidebar 196********************************************************************/ 197 198.dokuwiki .aside { 199 font-size: 0.875em; 200 overflow: hidden; 201 word-wrap: break-word; 202 203 /* make sidebar more condensed */ 204 205 h1 { 206 font-size: 1.714em; 207 margin-bottom: .292em; 208 } 209 210 h2 { 211 margin-bottom: .333em; 212 } 213 214 h3 { 215 margin-bottom: .444em; 216 } 217 218 h4 { 219 margin-bottom: .5em; 220 } 221 222 h5 { 223 margin-bottom: .5714em; 224 } 225 226 p, 227 ul, 228 ol, 229 dl, 230 pre, 231 table, 232 fieldset, 233 hr, 234 blockquote, 235 address { 236 margin-bottom: .7em; 237 } 238 239 ul, 240 ol { 241 padding-left: .5em; 242 } 243 244 li ul, 245 li ol { 246 margin-bottom: 0; 247 padding: 0; 248 } 249 250 a:link, 251 a:visited { 252 color: @ini_link; 253 background-color: inherit; 254 } 255 256} 257[dir=rtl] .dokuwiki .aside ul, 258[dir=rtl] .dokuwiki .aside ol { 259 padding-right: .5em; 260} 261 262/* content 263********************************************************************/ 264 265.dokuwiki .pageId { 266 float: right; 267 margin-right: -1em; 268 margin-bottom: -1px; 269 margin-top: -1.5em; 270 overflow: hidden; 271 padding: 0.5em 1em 0; 272 273 span { 274 font-size: 0.875em; 275 border: solid @ini_background_alt; 276 border-width: 1px 1px 0; 277 background-color: @ini_background; 278 //color: @ini_text; 279 color: @ini_background_alt; 280 padding: .1em .35em; 281 border-top-left-radius: 2px; 282 border-top-right-radius: 2px; 283 box-shadow: 0 0 .5em @ini_text_alt; 284 display: block; 285 } 286} 287 288.dokuwiki div.page { 289 clear: both; 290 background: @ini_background; 291 color: inherit; 292 border: 1px solid @ini_background_alt; 293 box-shadow: 0 0 .5em @ini_text_alt; 294 border-radius: 2px; 295 padding: 1.556em 2em 2em; 296 margin-bottom: .5em; 297 overflow: hidden; 298 word-wrap: break-word; 299} 300 301.dokuwiki .docInfo { 302 font-size: 0.875em; 303 text-align: right; 304} 305 306/* license note under edit window */ 307.dokuwiki div.license { 308 font-size: 93.75%; 309} 310 311[dir=rtl] .dokuwiki .docInfo { 312 text-align: left; 313} 314 315[dir=rtl] .dokuwiki .pageId { 316 float: left; 317 margin-left: -1em; 318 margin-right: 0; 319} 320 321/* footer 322********************************************************************/ 323 324.dokuwiki .wrapper { 325 margin-bottom: 1.4em; 326} 327 328#dokuwiki__footer { 329 margin-bottom: 1em; 330 text-align: center; 331 332 > .pad { 333 font-size: 0.875em; 334 } 335 336 div.license { 337 margin-bottom: 0.5em; 338 font-size: 100%; 339 } 340 341 div.buttons a { 342 img { 343 opacity: 0.5; 344 } 345 346 &:hover img, 347 &:active img, 348 &:focus img { 349 opacity: 1; 350 } 351 } 352 353} 354 355[dir=rtl] #dokuwiki__footer .license img { 356 margin: 0 0 0 .5em; 357} 358 359div.notify { 360 //color: #bbb; 361 color: #aa0; 362 //background-color: #202020; 363 //border: 1px solid #540; 364 background-color: transparent; 365 border: none; 366} 367