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