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, 16body { 17 color: __text__; 18 /*background: __background_site__ url(images/page-gradient.png) top left repeat-x;*/ 19 background: __background_site__ url(images/background_repeat.gif) top left repeat-x; 20 margin: 0; 21 padding: 0; 22} 23body { 24 font: normal 87.5%/1.4 Arial, sans-serif; 25 /* default font size: 100% => 16px; 93.75% => 15px; 87.5% => 14px; 81.25% => 13px; 75% => 12px */ 26 -webkit-text-size-adjust: 100%; 27} 28 29 30/*____________ headers ____________*/ 31 32h1, 33h2, 34h3, 35h4, 36h5, 37h6, 38caption, 39legend { 40 font-family: Arial, sans-serif; 41 font-weight: bold; 42 padding: 0; 43 line-height: 1.2; 44 clear: left; /* ideally 'both', but problems with toc */ 45} 46[dir=rtl] h1, 47[dir=rtl] h2, 48[dir=rtl] h3, 49[dir=rtl] h4, 50[dir=rtl] h5, 51[dir=rtl] h6, 52[dir=rtl] caption, 53[dir=rtl] legend { 54 clear: right; 55} 56 57h1 { 58 font-size: 2em; 59 margin: 0 0 0.444em; 60} 61h2 { 62 font-size: 1.5em; 63 margin: 0 0 0.666em; 64} 65h3 { 66 font-size: 1.125em; 67 margin: 0 0 0.888em; 68} 69h4 { 70 font-size: 1em; 71 margin: 0 0 1.0em; 72} 73h5 { 74 font-size: .875em; 75 margin: 0 0 1.1428em; 76} 77h6 { 78 font-size: .75em; 79 margin: 0 0 1.333em; 80} 81/* bottom margin = 1 / font-size */ 82 83 84/*____________ basic margins and paddings ____________*/ 85 86p, 87ul, 88ol, 89dl, 90pre, 91table, 92hr, 93blockquote, 94fieldset, 95address { 96 margin: 0 0 1.4em 0; /* bottom margin = line-height */ 97 padding: 0; 98} 99 100div { 101 margin: 0; 102 padding: 0; 103} 104 105 106/*____________ lists ____________*/ 107 108ul, 109ol { 110 padding: 0 0 0 1.5em; 111} 112[dir=rtl] ul, 113[dir=rtl] ol { 114 padding: 0 1.5em 0 0; 115} 116 117li, 118dd { 119 padding: 0; 120 margin: 0 0 0 1.5em; 121} 122[dir=rtl] li, 123[dir=rtl] dd { 124 margin: 0 1.5em 0 0; 125} 126dt { 127 font-weight: bold; 128 margin: 0; 129 padding: 0; 130} 131 132li ul, 133li ol, 134li dl, 135dl ul, 136dl ol, 137dl dl { 138 margin-bottom: 0; 139 padding: 0; 140} 141li li { 142 font-size: 100%; 143} 144 145ul { list-style: square outside; } 146ol { list-style: decimal outside; } 147ol ol { list-style-type: lower-alpha; } 148ol ol ol { list-style-type: upper-roman; } 149ol ol ol ol { list-style-type: upper-alpha; } 150ol ol ol ol ol { list-style-type: lower-roman; } 151 152 153/*____________ tables ____________*/ 154 155table { 156 border-collapse: collapse; 157 empty-cells: show; 158 border-spacing: 0; 159 border: 1px solid __border__; 160} 161 162caption { 163 caption-side: top; 164 text-align: left; 165 margin: 0 0 .3em; 166} 167[dir=rtl] caption { 168 text-align: right; 169} 170 171th, 172td { 173 padding: .3em .5em; 174 margin: 0; 175 vertical-align: top; 176 border: 1px solid __border__; 177 text-align: left; 178} 179th { 180 font-weight: bold; 181 background-color: __background_alt__; 182} 183[dir=rtl] td, 184[dir=rtl] th { 185 text-align: right; 186} 187 188 189/*____________ links ____________*/ 190 191a { 192 outline: none; 193} 194a:link, 195a:visited { 196 text-decoration: none; 197 color: __link__; 198} 199a:link:hover, 200a:visited:hover, 201a:link:focus, 202a:visited:focus, 203a:link:active, 204a:visited:active { 205 text-decoration: underline; 206} 207 208 209/*____________ misc ____________*/ 210 211img { 212 border-width: 0; 213 vertical-align: middle; 214 color: #666; 215 background-color: transparent; 216 font-style: italic; 217 height: auto; 218} 219img, 220object { 221 max-width: 100%; 222} 223/* IE8 and below won't display the images otherwise */ 224button img { 225 max-width: none; 226} 227 228hr { 229 border-top: solid __border__; 230 border-bottom: solid __background__; 231 border-width: 1px 0; 232 height: 0; 233 width: 100%; 234 text-align: center; 235 clear: both; 236} 237 238acronym, 239abbr { 240 cursor: help; 241 border-bottom: 1px dotted; 242 font-style: normal; 243} 244 245pre, 246code, 247samp, 248kbd { 249 font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; 250 /* same font stack should be used for ".dokuwiki table.diff td" in _diff.css */ 251 font-size: 1em; 252 direction: ltr; 253 text-align: left; 254 background-color: #eee; 255 color: __text__; 256 box-shadow: inset 0 0 .3em __border__; 257 border-radius: 2px; 258} 259pre { 260 overflow: auto; 261 word-wrap: normal; 262 border: 1px solid __border__; 263 border-radius: 2px; 264 box-shadow: inset 0 0 .5em __border__; 265 padding: .7em 1em; 266} 267 268blockquote { 269 padding: 0 .5em; 270 border: solid __border__; 271 border-width: 0 0 0 .25em; 272} 273[dir=rtl] blockquote { 274 border-width: 0 .25em 0 0; 275} 276q:before, 277q:after { 278 content: ''; 279} 280 281sub, 282sup { 283 font-size: .8em; 284 line-height: 1; 285} 286sub { 287 vertical-align: sub; 288} 289sup { 290 vertical-align: super; 291} 292 293/*____________ forms ____________*/ 294 295/* for all of the form styles, style.ini colours are not used on purpose (except for fieldset border) */ 296 297form { 298 display: inline; 299 margin: 0; 300 padding: 0; 301} 302fieldset { 303 padding: 1em 1em 0; 304 border: 1px solid __text_alt__; 305} 306legend { 307 margin: 0; 308 padding: 0 .1em; 309} 310label { 311 vertical-align: middle; 312 cursor: pointer; 313} 314 315input, 316textarea, 317button, 318select, 319optgroup, 320option { 321 font: inherit; 322 font-weight: normal; 323 color: #333; 324 background-color: #fff; 325 line-height: 1; 326 margin: 0; 327 vertical-align: middle; 328 -moz-box-sizing: border-box; 329 -webkit-box-sizing: border-box; 330 box-sizing: border-box; 331} 332 333optgroup { 334 font-style: italic; 335 font-weight: bold; 336} 337option { 338 font-style: normal; 339 font-weight: normal; 340} 341 342input, 343textarea, 344select { 345 border: 1px solid #ccc; 346 box-shadow: inset 0 0 1px #eee; 347 border-radius: 2px; 348} 349input:active, 350input:focus, 351textarea:active, 352textarea:focus, 353select:active, 354select:focus { 355 border-color: #999; 356} 357input[type=radio], 358input[type=checkbox] { 359 padding: 0; 360 border-style: none; 361 box-shadow: none; 362} 363 364/* all types of buttons */ 365input[type=submit], 366input.button, 367a.button, 368button, 369.qq-upload-button { 370 color: #333; 371 background-color: #eee; 372 background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0VFRUVFRSIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0NDQ0NDQyIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnODI0KSIgLz4KPC9zdmc+); 373 /*background: -moz-linear-gradient( top, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%); see FS#2447*/ 374 background: -webkit-linear-gradient(top, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%); 375 background: -o-linear-gradient( top, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%); 376 background: -ms-linear-gradient( top, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%); 377 background: linear-gradient( top, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%); 378 border: 1px solid #ccc; 379 border-radius: 2px; 380 padding: .1em .5em; 381 cursor: pointer; 382} 383#IE7 input.button, 384#IE7 button { 385 line-height: 1.4; 386} 387 388input[type=submit]:hover, 389input[type=submit]:active, 390input[type=submit]:focus, 391input.button:hover, 392input.button:active, 393input.button:focus, 394a.button:hover, 395a.button:active, 396a.button:focus, 397button:hover, 398button:active, 399button:focus, 400.qq-upload-button:hover { 401 border-color: #999; 402 background-color: #ddd; 403 background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NzAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RERERERCIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0JCQkJCQiIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNjcwKSIgLz4KPC9zdmc+); 404 /*background: -moz-linear-gradient( top, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #cccccc 99%); see FS#2447*/ 405 background: -webkit-linear-gradient(top, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%); 406 background: -o-linear-gradient( top, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%); 407 background: -ms-linear-gradient( top, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%); 408 background: linear-gradient( top, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%); 409} 410 411input::-moz-focus-inner, 412button::-moz-focus-inner { 413 border: 0; 414 padding: 0; 415} 416 417input[disabled], 418button[disabled], 419input[readonly], 420button[readonly] { 421 cursor: auto; 422} 423