1/** 2 * This file provides the most basic styles. 3 * 4 * If you integrate DokuWiki into another project, you might either 5 * want to integrate this file into the other project as well, or use 6 * the other project's basic CSS for DokuWiki instead of this one. 7 * 8 * @author Anika Henke <anika@selfthinker.org> 9 */ 10 11html { 12 overflow-x: auto; 13 overflow-y: scroll; 14} 15html, body { 16 background-color: __background_site__; 17 color: __text__; 18 margin: 0; 19 padding: 0; 20} 21body { 22 font: normal 81.25%/1.25 Verdana,Helvetica,Tahoma,Arial,Geneva, sans-serif; 23 /* default font size: 100% => 16px; 93.75% => 15px; 87.5% => 14px; 81.25% => 13px; 75% => 12px */ 24} 25 26 27/*____________ headers ____________*/ 28 29h1, h2, h3, h4, h5, h6, 30caption, legend { 31 font-weight: bold; 32 color: __text_headline__; 33 background-color: inherit; 34 padding: 0; 35 clear: left; /* ideally 'both', but problems with toc */ 36 margin: 0 0 0.5em 0; 37} 38 39h1 { font-size: 1.82em; letter-spacing: 0.2em; font-variant: small-caps; border-bottom: 1px solid __border_neu__; } 40h2 { font-size: 1.58em; letter-spacing: 0.15em; border-bottom: 1px solid __border_neu__; } 41h3 { font-size: 1.39em; letter-spacing: 0.05em; } 42h4 { font-size: 1.22em; } 43h5 { font-size: .97em; } 44 45[dir=rtl] h1, [dir=rtl] h2, [dir=rtl] h3, [dir=rtl] h4, [dir=rtl] h5 { 46 clear: right; 47} 48 49 50/*____________ basic margins and paddings ____________*/ 51 52p, ul, ol, dl, pre, table, 53hr, blockquote, fieldset, address { 54 margin: 0 0 1em 0; 55 padding: 0; 56} 57 58div { 59 margin: 0; 60 padding: 0; 61} 62 63p, dt, dd, td, th, li { 64} 65 66 67/*____________ lists ____________*/ 68 69ul, ol { 70 padding: 0 0 0 2em; 71} 72[dir=rtl] ul, [dir=rtl] ol { 73 padding: 0 2em 0 0; 74} 75 76li, dd { 77 padding: 0; 78 margin: 0 0 0 1.5em; 79} 80[dir=rtl] li, [dir=rtl] dd { 81 margin: 0 1.5em 0 0; 82} 83dt { 84 font-weight: bold; 85 margin: 0; 86 padding: 0; 87} 88 89li ul, li ol, li dl, 90dl ul, dl ol, dl dl { 91 margin-bottom: 0; 92 padding: 0 0 0 1em; 93} 94li li { 95 font-size: 100%; 96} 97 98ul { list-style: disc outside; } 99ul ul { list-style-type: circle; } 100ul ul ul { list-style-type: square; } 101ul ul ul ul { list-style-type: circle; } 102ul ul ul ul ul { list-style-type: disc; } 103ol { list-style: decimal outside; } 104ol ol { list-style-type: lower-alpha; } 105ol ol ol { list-style-type: upper-roman; } 106ol ol ol ol { list-style-type: upper-alpha; } 107ol ol ol ol ol { list-style-type: lower-roman; } 108 109 110/*____________ tables ____________*/ 111 112table { 113 border-collapse: collapse; 114 empty-cells: show; 115 border-spacing: 0.3em; 116} 117 118caption { 119 caption-side: top; 120 text-align: left; 121 margin: 0 0 .3em; 122} 123[dir=rtl] caption { 124 text-align: right; 125} 126 127th, td { 128 padding: .4em; 129 margin: 0; 130 vertical-align: top; 131} 132th { 133 font-weight: bold; 134 text-align: left; 135} 136[dir=rtl] th { 137 text-align: right; 138} 139 140 141/*____________ links ____________*/ 142 143a { 144} 145a:link, a:visited { 146 text-decoration: none; 147 color: __link_normal__; 148} 149a:link:hover, a:visited:hover, 150a:link:focus, a:visited:focus, 151a:link:active, a:visited:active { 152 text-decoration: underline; 153} 154a:link:focus, a:visited:focus { 155 outline: 1px dotted; 156} 157a:link:active, a:visited:active { 158 color: #c00; 159} 160 161 162/*____________ misc ____________*/ 163 164img { 165 border-width: 0; 166 vertical-align: middle; 167 color: #666; 168 background-color: transparent; 169 font-style: italic; 170 height: auto; 171} 172img, 173object, 174embed, 175iframe, 176video, 177audio { 178 max-width: 100%; 179} 180#IE7 img, 181#IE8 img { 182 max-width: none; 183} 184 185hr { 186 border: solid __border__; 187 border-width: 1px 0 0; 188 text-align: center; 189 height: 0; 190 width: 95%; 191 clear: both; 192 margin-left: auto; 193 margin-right: auto; 194} 195 196acronym, abbr { 197 cursor: help; 198 border-bottom: 1px dotted; 199 font-style: normal; 200} 201em acronym, 202em abbr { 203 font-style: italic; 204} 205 206pre, code, samp, kbd { 207 font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; 208 /* same font stack should be used for ".dokuwiki table.diff td" in _diff.css */ 209 font-size: 1em; 210 direction: ltr; 211 text-align: left; 212 background-color: __background_neu__; 213 color: __text__; 214} 215pre { 216 padding: 0.5em; 217 overflow: auto; 218 word-wrap: normal; 219 border: 1px dashed __border__; 220} 221 222blockquote { 223 padding: 0 1.25em; 224 border: solid __border__; 225 border-width: 0 0 0 .25em; 226} 227[dir=rtl] blockquote { 228 border-width: 0 .25em 0 0; 229} 230q:before, q:after { 231 content: ''; 232} 233 234sub, sup { 235 font-size: .8em; 236 line-height: 1; 237} 238sub { 239 vertical-align: sub; 240} 241sup { 242 vertical-align: super; 243} 244 245/*____________ forms ____________*/ 246 247form { 248 display: inline; 249 margin: 0; 250 padding: 0; 251} 252fieldset { 253 padding: 1em 1em 0; 254 border: 1px solid __text_alt__; 255} 256legend { 257 margin: 0; 258 padding: 0 .1em; 259} 260label { 261 vertical-align: middle; 262 cursor: pointer; 263} 264input, textarea, button, 265select, optgroup, option { 266 font: inherit; 267 /*line-height: 1;*/ 268 margin: 0; 269 vertical-align: middle; 270} 271input, textarea, button, select, .qq-upload-button { 272 border: 1px solid __border__; 273 background-color: __background__; 274 color: __text__; 275} 276input[type=text], input[type=password], textarea, .qq-upload-button { 277 padding: .1em; 278} 279input[type=radio], input[type=checkbox], input.check { 280 padding: 0; 281} 282input[type=submit], input.button, button, .qq-upload-button { 283 cursor: pointer; 284} 285input[disabled], button[disabled], select[disabled], textarea[disabled], 286input[readonly], button[readonly], select[readonly], textarea[readonly] { 287 cursor: auto; 288 opacity: .5; 289} 290optgroup { font-style: italic; font-weight: bold; } 291option { font-style: normal; font-weight: normal; } 292 293 294/*____________ general classes ____________*/ 295 296div.clearer { 297 /* additional to what's already in lib/styles/style.css: */ 298 font-size: 1px; 299 visibility: hidden; 300} 301 302.a11y { 303 position: absolute; 304 left: -9000px; 305 top: -4000px; 306 width: 0; 307 height: 0; 308 overflow: hidden; 309 display: inline; 310} 311