2
* This file provides the most basic styles.
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.
8
* @author Anika Henke <anika@selfthinker.org>
18
background: __background_site__ url(images/page-gradient.png) top left repeat-x;
23
font: normal 87.5%/1.4 Arial, sans-serif;
24
/* default font size: 100% => 16px; 93.75% => 15px; 87.5% => 14px; 81.25% => 13px; 75% => 12px */
25
-webkit-text-size-adjust: 100%;
29
/*____________ headers ____________*/
39
font-family: Arial, sans-serif;
43
clear: left; /* ideally 'both', but problems with toc */
80
/* bottom margin = 1 / font-size */
83
/*____________ basic margins and paddings ____________*/
95
margin: 0 0 1.4em 0; /* bottom margin = line-height */
105
/*____________ lists ____________*/
109
padding: 0 0 0 1.5em;
113
padding: 0 1.5em 0 0;
144
ul { list-style: square outside; }
145
ol { list-style: decimal outside; }
146
ol ol { list-style-type: lower-alpha; }
147
ol ol ol { list-style-type: upper-roman; }
148
ol ol ol ol { list-style-type: upper-alpha; }
149
ol ol ol ol ol { list-style-type: lower-roman; }
152
/*____________ tables ____________*/
155
border-collapse: collapse;
158
border: 1px solid __border__;
175
border: 1px solid __border__;
180
background-color: __background_alt__;
188
/*____________ links ____________*/
195
text-decoration: none;
204
text-decoration: underline;
208
/*____________ misc ____________*/
212
vertical-align: middle;
214
background-color: transparent;
222
/* IE8 and below won't display the images otherwise */
228
border-top: solid __border__;
229
border-bottom: solid __background__;
240
border-bottom: 1px dotted;
248
font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace;
249
/* same font stack should be used for ".dokuwiki table.diff td" in _diff.css */
253
background-color: __background_site__;
255
box-shadow: inset 0 0 .3em __border__;
261
border: 1px solid __border__;
263
box-shadow: inset 0 0 .5em __border__;
269
border: solid __border__;
270
border-width: 0 0 0 .25em;
272
[dir=rtl] blockquote {
273
border-width: 0 .25em 0 0;
289
vertical-align: super;
292
/*____________ forms ____________*/
294
/* for all of the form styles, style.ini colours are not used on purpose (except for fieldset border) */
303
border: 1px solid __text_alt__;
310
vertical-align: middle;
323
background-color: #fff;
326
vertical-align: middle;
327
-moz-box-sizing: border-box;
328
-webkit-box-sizing: border-box;
329
box-sizing: border-box;
344
border: 1px solid #ccc;
345
box-shadow: inset 0 0 1px #eee;
357
input[type=checkbox] {
363
/* all types of buttons */
370
background-color: #eee;
371
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0VFRUVFRSIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0NDQ0NDQyIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnODI0KSIgLz4KPC9zdmc+);
372
/*background: -moz-linear-gradient( top, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%); see FS#2447*/
373
background: -webkit-linear-gradient(top, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%);
374
background: -o-linear-gradient( top, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%);
375
background: -ms-linear-gradient( top, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%);
376
background: linear-gradient( top, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%);
377
border: 1px solid #ccc;
387
input[type=submit]:hover,
388
input[type=submit]:active,
389
input[type=submit]:focus,
399
.qq-upload-button:hover {
401
background-color: #ddd;
402
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NzAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RERERERCIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0JCQkJCQiIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNjcwKSIgLz4KPC9zdmc+);
403
/*background: -moz-linear-gradient( top, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #cccccc 99%); see FS#2447*/
404
background: -webkit-linear-gradient(top, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%);
405
background: -o-linear-gradient( top, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%);
406
background: -ms-linear-gradient( top, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%);
407
background: linear-gradient( top, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%);
410
input::-moz-focus-inner,
411
button::-moz-focus-inner {