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 11 12html { 13 overflow-x: auto; 14 overflow-y: scroll; 15} 16html, body { 17 background-color: __background__; 18 color: __text__; 19 margin: 0; 20 padding: 0; 21} 22body { 23 font: normal 100%/1.1 Georgia, Garamond, Times, sans-serif; 24 /* default font size: 100% => 16px; 93.75% => 15px; 87.5% => 14px; 81.25% => 13px; 75% => 12px */ 25} 26 27@font-face { 28 font-family: 'myfont'; 29 src: url('font/myfont.eot'); 30 src: local('?'), url('font/myfont.woff') format('woff'), url('font/myfont.ttf') format('truetype'), url('font/myfont.svg#webfontEyeFkvc7') format('svg'); 31 font-weight: normal; 32 font-style: normal; 33} 34 35/*____________ headers ____________*/ 36 37h1, h2, h3, 38caption, legend { 39 font-family: myfont; 40 font-weight: bold; 41 color: #000; 42 background-color: inherit; 43 padding: 0; 44 clear: left; /* ideally 'both', but problems with toc */ 45} 46 47h4, h5, h6, 48caption, legend { 49 font-family: myfont; 50 font-weight: normal; 51 color: #000; 52 background-color: inherit; 53 padding: 0; 54 clear: left; /* ideally 'both', but problems with toc */ 55} 56 57h1 { font-size: 2.5em; margin-left:0px; text-shadow: 3px 1px 3px #C0C0C0;} 58h2 { font-size: 2.25em; margin-left:10px; text-shadow: 3px 1px 3px #C0C0C0;} 59h3 { font-size: 2.25em; margin-left:20px; text-shadow: 3px 1px 3px #C0C0C0;} 60h4 { font-size: 1.1em; margin-left:30px; } 61h5 { font-size: 1.1em; margin-left:40px; } 62h6 { font-size: 1.1em; margin-left:50px; } 63/* bottom margin = 1 / font-size */ 64 65 66/*____________ basic margins and paddings ____________*/ 67 68p, ul, ol, dl, pre, table, 69hr, blockquote, fieldset, address { 70 margin: 0 0 1.4em 0; /* bottom margin = line-height */ 71 padding: 0; 72} 73 74div { 75 margin: 0; 76 padding: 0; 77} 78 79p, dt, dd, td, th, li { 80} 81 82 83/*____________ lists ____________*/ 84 85ul, ol { 86 padding: 0 0 0 1.5em; 87} 88li, dd { 89 padding: 0; 90 margin: 0 0 0 1.5em; 91} 92dt { 93 font-weight: bold; 94 margin: 0; 95 padding: 0; 96} 97 98li ul, li ol, li dl, 99dl ul, dl ol, dl dl { 100 margin-bottom: 0; 101 padding: 0; 102} 103li li { 104 font-size: 100%; 105} 106 107ul { list-style: disc outside; } 108ol { list-style: decimal outside; } 109ol ol { list-style-type: lower-alpha; } 110ol ol ol { list-style-type: upper-roman; } 111ol ol ol ol { list-style-type: upper-alpha; } 112ol ol ol ol ol { list-style-type: lower-roman; } 113 114 115/*____________ tables ____________*/ 116 117table { 118 border-collapse: collapse; 119 empty-cells: show; 120 border-spacing: 0; 121 border: 1px solid __border__; 122} 123 124caption { 125 caption-side: top; 126 text-align: left; 127 margin: 0 0 .3em; 128} 129 130th, td { 131 padding: .3em .5em; 132 margin: 0; 133 vertical-align: top; 134 border: 1px solid __border__; 135 text-align: left; 136} 137th { 138 font-weight: bold; 139 background-color: __background_alt__; 140} 141 142 143/*____________ links ____________*/ 144 145a { 146} 147a:link, a:visited { 148 text-decoration: none; 149 color: #00c; /* §colour */ 150} 151a:link:hover, a:visited:hover, 152a:link:focus, a:visited:focus, 153a:link:active, a:visited:active { 154 text-decoration: underline; 155} 156a:link:focus, a:visited:focus { 157 outline: 1px dotted; 158} 159a:link:active, a:visited:active { 160 color: #c00; /* §colour */ 161} 162 163 164/*____________ misc ____________*/ 165 166img { 167 border-width: 0; 168 vertical-align: middle; 169 color: #666; 170 background-color: transparent; 171 font-style: italic; 172} 173 174hr { 175 border-style: solid; 176 border-width: 1px 0 0; 177 text-align: center; 178 height: 0; 179 width: 100%; 180 clear: both; 181} 182 183acronym, abbr { 184 cursor: help; 185 border-bottom: 1px dotted; 186 font-style: normal; 187} 188 189pre, code, samp, kbd { 190 font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Liberation Mono", Monaco, "Courier New", monospace; 191 /* same font stack should be used for ".dokuwiki table.diff td" in _diff.css */ 192 font-size: 1em; 193 direction: ltr; 194 text-align: left; 195} 196pre { 197 overflow: auto; 198} 199 200blockquote { 201 padding: 0 1.25em; 202 border: solid __border__; 203 border-width: 0 0 0 .25em; 204} 205q:before, q:after { 206 content: ''; 207} 208 209sub, sup { 210 font-size: .8em; 211 line-height: 1; 212} 213sub { 214 vertical-align: sub; 215} 216sup { 217 vertical-align: super; 218} 219 220/*____________ forms ____________*/ 221 222form { 223 display: inline; 224 margin: 0; 225 padding: 0; 226} 227fieldset { 228 padding: 1em 1em 0; 229 border: 1px solid __text_alt__; 230} 231legend { 232 margin: 0; 233 padding: 0 .1em; 234} 235label { 236 vertical-align: middle; 237 cursor: pointer; 238} 239input, textarea, button, 240select, optgroup, option { 241 font: inherit; 242 color: inherit; 243 /* background-color destroys button look */ 244 line-height: 1; 245 margin: 0; 246 vertical-align: middle; 247} 248input[type=text], input[type=password], textarea { 249 padding: .1em; 250} 251input[type=radio], input[type=checkbox], input.check { 252 padding: 0; 253} 254input[type=submit], input.button, button { 255 cursor: pointer; 256} 257input[disabled], button[disabled], 258input[readonly], button[readonly] { 259 cursor: auto; 260} 261optgroup { font-style: italic; font-weight: bold; } 262option { font-style: normal; font-weight: normal; } 263 264 265/*____________ general classes ____________*/ 266 267div.clearer { 268 /* additional to what's already in lib/styles/style.css: */ 269 font-size: 1px; 270 visibility: hidden; 271} 272 273.a11y { 274 position: absolute; 275 left: -9000px; 276 top: -4000px; 277 width: 0; 278 height: 0; 279 overflow: hidden; 280 display: inline; 281} 282