/** * This file provides the most basic styles. * * If you integrate DokuWiki into another project, you might either * want to integrate this file into the other project as well, or use * the other project's basic CSS for DokuWiki instead of this one. * * @author Anika Henke */ html { overflow-x: auto; overflow-y: scroll; } html, body { color: __text__; /*background: __background_site__ url(images/page-gradient.png) top left repeat-x;*/ background: __background_site__ url(images/background_repeat.gif) top left repeat-x; margin: 0; padding: 0; } body { font: normal 87.5%/1.4 Arial, sans-serif; /* default font size: 100% => 16px; 93.75% => 15px; 87.5% => 14px; 81.25% => 13px; 75% => 12px */ -webkit-text-size-adjust: 100%; } /*____________ headers ____________*/ h1, h2, h3, h4, h5, h6, caption, legend { font-family: Arial, sans-serif; font-weight: bold; padding: 0; line-height: 1.2; clear: left; /* ideally 'both', but problems with toc */ } [dir=rtl] h1, [dir=rtl] h2, [dir=rtl] h3, [dir=rtl] h4, [dir=rtl] h5, [dir=rtl] h6, [dir=rtl] caption, [dir=rtl] legend { clear: right; } h1 { font-size: 2em; margin: 0 0 0.444em; } h2 { font-size: 1.5em; margin: 0 0 0.666em; } h3 { font-size: 1.125em; margin: 0 0 0.888em; } h4 { font-size: 1em; margin: 0 0 1.0em; } h5 { font-size: .875em; margin: 0 0 1.1428em; } h6 { font-size: .75em; margin: 0 0 1.333em; } /* bottom margin = 1 / font-size */ /*____________ basic margins and paddings ____________*/ p, ul, ol, dl, pre, table, hr, blockquote, fieldset, address { margin: 0 0 1.4em 0; /* bottom margin = line-height */ padding: 0; } div { margin: 0; padding: 0; } /*____________ lists ____________*/ ul, ol { padding: 0 0 0 1.5em; } [dir=rtl] ul, [dir=rtl] ol { padding: 0 1.5em 0 0; } li, dd { padding: 0; margin: 0 0 0 1.5em; } [dir=rtl] li, [dir=rtl] dd { margin: 0 1.5em 0 0; } dt { font-weight: bold; margin: 0; padding: 0; } li ul, li ol, li dl, dl ul, dl ol, dl dl { margin-bottom: 0; padding: 0; } li li { font-size: 100%; } ul { list-style: square outside; } ol { list-style: decimal outside; } ol ol { list-style-type: lower-alpha; } ol ol ol { list-style-type: upper-roman; } ol ol ol ol { list-style-type: upper-alpha; } ol ol ol ol ol { list-style-type: lower-roman; } /*____________ tables ____________*/ table { border-collapse: collapse; empty-cells: show; border-spacing: 0; border: 1px solid __border__; } caption { caption-side: top; text-align: left; margin: 0 0 .3em; } [dir=rtl] caption { text-align: right; } th, td { padding: .3em .5em; margin: 0; vertical-align: top; border: 1px solid __border__; text-align: left; } th { font-weight: bold; background-color: __background_alt__; } [dir=rtl] td, [dir=rtl] th { text-align: right; } /*____________ links ____________*/ a { outline: none; } a:link, a:visited { text-decoration: none; color: __link__; } a:link:hover, a:visited:hover, a:link:focus, a:visited:focus, a:link:active, a:visited:active { text-decoration: underline; } /*____________ misc ____________*/ img { border-width: 0; vertical-align: middle; color: #666; background-color: transparent; font-style: italic; height: auto; } img, object { max-width: 100%; } /* IE8 and below won't display the images otherwise */ button img { max-width: none; } hr { border-top: solid __border__; border-bottom: solid __background__; border-width: 1px 0; height: 0; width: 100%; text-align: center; clear: both; } acronym, abbr { cursor: help; border-bottom: 1px dotted; font-style: normal; } pre, code, samp, kbd { font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; /* same font stack should be used for ".dokuwiki table.diff td" in _diff.css */ font-size: 1em; direction: ltr; text-align: left; background-color: #eee; color: __text__; box-shadow: inset 0 0 .3em __border__; border-radius: 2px; } pre { overflow: auto; word-wrap: normal; border: 1px solid __border__; border-radius: 2px; box-shadow: inset 0 0 .5em __border__; padding: .7em 1em; } blockquote { padding: 0 .5em; border: solid __border__; border-width: 0 0 0 .25em; } [dir=rtl] blockquote { border-width: 0 .25em 0 0; } q:before, q:after { content: ''; } sub, sup { font-size: .8em; line-height: 1; } sub { vertical-align: sub; } sup { vertical-align: super; } /*____________ forms ____________*/ /* for all of the form styles, style.ini colours are not used on purpose (except for fieldset border) */ form { display: inline; margin: 0; padding: 0; } fieldset { padding: 1em 1em 0; border: 1px solid __text_alt__; } legend { margin: 0; padding: 0 .1em; } label { vertical-align: middle; cursor: pointer; } input, textarea, button, select, optgroup, option { font: inherit; font-weight: normal; color: #333; background-color: #fff; line-height: 1; margin: 0; vertical-align: middle; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } optgroup { font-style: italic; font-weight: bold; } option { font-style: normal; font-weight: normal; } input, textarea, select { border: 1px solid #ccc; box-shadow: inset 0 0 1px #eee; border-radius: 2px; } input:active, input:focus, textarea:active, textarea:focus, select:active, select:focus { border-color: #999; } input[type=radio], input[type=checkbox] { padding: 0; border-style: none; box-shadow: none; } /* all types of buttons */ input[type=submit], input.button, a.button, button, .qq-upload-button { color: #333; background-color: #eee; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0VFRUVFRSIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0NDQ0NDQyIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnODI0KSIgLz4KPC9zdmc+); /*background: -moz-linear-gradient( top, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%); see FS#2447*/ background: -webkit-linear-gradient(top, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%); background: -o-linear-gradient( top, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%); background: -ms-linear-gradient( top, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%); background: linear-gradient( top, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%); border: 1px solid #ccc; border-radius: 2px; padding: .1em .5em; cursor: pointer; } #IE7 input.button, #IE7 button { line-height: 1.4; } input[type=submit]:hover, input[type=submit]:active, input[type=submit]:focus, input.button:hover, input.button:active, input.button:focus, a.button:hover, a.button:active, a.button:focus, button:hover, button:active, button:focus, .qq-upload-button:hover { border-color: #999; background-color: #ddd; background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NzAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RERERERCIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0JCQkJCQiIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNjcwKSIgLz4KPC9zdmc+); /*background: -moz-linear-gradient( top, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #cccccc 99%); see FS#2447*/ background: -webkit-linear-gradient(top, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%); background: -o-linear-gradient( top, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%); background: -ms-linear-gradient( top, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%); background: linear-gradient( top, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%); } input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } input[disabled], button[disabled], input[readonly], button[readonly] { cursor: auto; }