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 Klaus Vormweg <klaus.vormweg@gmx.de> 8 */ 9 10 11/* header 12********************************************************************/ 13#dokuwiki__header { 14 margin: 1em 0 0; 15} 16 17#dokuwiki__header .headings { 18/* margin-bottom: 2.1em; Modified margin below: */ 19 margin-bottom: 0em; 20 width:100%; 21} 22#dokuwiki__header .headings img { 23 margin: 0 1em 0.5em auto; 24} 25#dokuwiki__header .headings a { 26 display: block; 27 float: left; 28} 29#dokuwiki__header h1 { 30 margin-bottom: 0; 31 font-size: 1.4em; 32 clear: none; 33 float: left; 34} 35#dokuwiki__header h1 a { 36 text-decoration: none; 37 background-color: inherit; 38 color: __text_neu__; 39} 40#dokuwiki__header p.claim { 41 margin-bottom: 0; 42} 43#dokuwiki__header h2 { 44 margin-bottom: 0; 45 font-size: 1.125em; 46} 47 48#dokuwiki__header .tools { 49 margin-bottom: 2.1em; 50} 51#dokuwiki__header .tools ul { 52 margin: 3px 0; 53 font-size: 0.85em; 54} 55#dokuwiki__header .tools ul li { 56 display: block; 57} 58 59#dokuwiki__header form.search { 60 display: block; 61 position: relative; 62 margin-bottom: 0.5em; 63} 64#dokuwiki__header form.search input#qsearch__in { 65 width: 12em; 66 padding: .35em 22px .35em .1em; 67} 68#dokuwiki__header form.search div#qsearch__out { 69 display: none; 70} 71#dokuwiki__header form.search button { 72 background: transparent url(images/search.png) no-repeat 0 0; 73 border-width: 0; 74 width: 19px; 75 height: 14px; 76 text-indent: -99999px; 77 margin-left: -20px; 78 box-shadow: none; 79 padding: 0; 80} 81[dir=rtl] #dokuwiki__header form.search input#qsearch__in { 82 padding: .35em .1em .35em 22px; 83} 84[dir=rtl] #dokuwiki__header form.search button { 85 background-position: 5px 0; 86 margin-left: 0; 87 margin-right: -20px; 88 position: relative; 89} 90 91#dokuwiki__header div.breadcrumbs { 92 background-color: __background_neu__; 93 padding: 0.2rem 0 0 1rem; 94 color: __text_neu__; 95 min-height: 1.5rem; 96} 97#dokuwiki__header div.breadcrumbs a { 98 text-decoration: none; 99 background-color: inherit; 100 font-weight: normal; 101 color: __text_alt__; 102} 103#dokuwiki__header div.breadcrumbs a:hover, 104#dokuwiki__header div.breadcrumbs a:active, 105#dokuwiki__header div.breadcrumbs a:focus, { 106 color: __rollover__; 107} 108 109/*____________ site tools ____________*/ 110 111#dokuwiki__sitetools ul li a { 112 text-decoration: none; 113} 114 115/* sidebar 116********************************************************************/ 117 118.dokuwiki .aside { 119 overflow: hidden; 120 word-wrap: break-word; 121 line-height: 1.2; 122} 123 124/* make sidebar more condensed */ 125 126.dokuwiki .aside h1 { 127 margin-bottom: .222em; 128} 129.dokuwiki .aside h2 { 130 margin-bottom: .333em; 131} 132.dokuwiki .aside h3 { 133 margin-bottom: .444em; 134} 135.dokuwiki .aside h4 { 136 margin-bottom: .5em; 137} 138.dokuwiki .aside h5 { 139 margin-bottom: .5714em; 140} 141 142.dokuwiki .aside p, 143.dokuwiki .aside ul, 144.dokuwiki .aside ol, 145.dokuwiki .aside dl, 146.dokuwiki .aside pre, 147.dokuwiki .aside table, 148.dokuwiki .aside fieldset, 149.dokuwiki .aside hr, 150.dokuwiki .aside blockquote, 151.dokuwiki .aside address { 152 margin-bottom: .7em; 153} 154 155.dokuwiki .aside ul, 156.dokuwiki .aside ol { 157 padding-left: .5em; 158} 159[dir=rtl] .dokuwiki .aside ul, 160[dir=rtl] .dokuwiki .aside ol { 161 padding-right: .5em; 162} 163.dokuwiki .aside li ul, 164.dokuwiki .aside li ol { 165 margin-bottom: 0; 166 padding: 0; 167} 168 169 170/* toc 171********************************************************************/ 172 173.dokuwiki #dw__toc { 174 width: auto; 175 min-width: 10em; 176 max-width: 20em; 177} 178.dokuwiki #dw__toc h3.toggle { 179 font-size: 0.9rem; 180 margin-bottom: 0; 181} 182.dokuwiki #dw__toc ul { 183 font-size: 0.8rem; 184} 185.dokuwiki #dw__toc ul li a { 186 text-decoration: none; 187} 188.dokuwiki #dw__toc ul li a:hover, 189.dokuwiki #dw__toc ul li a:active, 190.dokuwiki #dw__toc ul li a:focus, { 191 color: __rollover__; 192} 193 194/* content 195********************************************************************/ 196 197.dokuwiki .page { 198 word-wrap: break-word; 199 margin-left:.5em; 200 margin-right:.5em; 201} 202 203/* license note in footer and under edit window */ 204.dokuwiki div.license { 205 font-size: 93.75%; 206} 207 208.dokuwiki .wrapper { 209 padding: 0 1 1 1em; 210 margin-bottom: 1em; 211 background-color: __background__; 212} 213 214/* section editing */ 215.dokuwiki div.section_highlight { 216 /* negative side margin = side padding + side border */ 217 margin: 0 -1em; 218 padding: 0 .5em; 219 border: solid __border__; 220 border-width: 0 .5em; 221} 222.dokuwiki .secedit button { 223 margin: 5px 0; 224 background-color:white; 225} 226 227/* footer 228********************************************************************/ 229 230#dokuwiki__footer { 231 margin-bottom: 1em; 232 font-size: 0.8rem; 233 color: __text_neu__; 234} 235 236#dokuwiki__footer .doc { 237 float: left; 238} 239#dokuwiki__footer .user { 240 float: right; 241} 242 243#dokuwiki__footer .license { 244 clear: both; 245} 246#dokuwiki__footer .license img { 247 margin: 0 .5em 0 0; 248 float: none; 249} 250#dokuwiki__footer a { 251 text-decoration: none; 252} 253