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 Petr Kajzar <petr.kajzar@centrum.cz> 9 */ 10 11/*********** Basic styles ***********/ 12 13html, 14body { 15 background-image: radial-gradient(#dddedf 1px, __background_alt__ 1px); 16 background-size: 10px 10px; 17 color: __text__; 18 font-family: sans-serif; 19 line-height: 1.4; 20 margin: 0; 21 padding-bottom: 1rem; 22} 23 24header { 25 align-items: center; 26 background-color: __theme_color__; 27 border: 1px solid __theme_color__; 28 color: #fff; 29 display: flex; 30 flex-wrap: wrap; 31 justify-content: space-between; 32 padding: 0.2rem 1rem; 33 text-align: left; 34} 35 36a { 37 color: __link__; 38} 39 40footer { 41 background-color: __background__; 42 border-width: 3px 0; 43 border-style: solid; 44 border-color: __theme_color__; 45 color: #444; 46 font-size: 0.8rem; 47 margin: 0 auto; 48 max-width: __width__; 49 padding: 0.5rem 1rem; 50} 51 52img { 53 border-width: 0; 54} 55 56img, 57video { 58 height: auto; 59} 60 61img, 62object, 63iframe, 64video, 65audio, 66select { 67 max-width: 100%; 68} 69 70pre { 71 overflow: auto; 72} 73 74blockquote { 75 background: __background_alt__; 76 border-left: 5px solid __border__; 77 padding: 1em; 78} 79 80/*********** Admin ***********/ 81 82.dokuwiki fieldset { 83 max-width: 90%; 84} 85 86/*********** Header ***********/ 87 88#dokuwiki__header__left { 89 font-size: 1.25rem; 90 overflow: hidden; 91 padding: 0.5rem 0; 92 text-overflow: ellipsis; 93 white-space: nowrap; 94} 95 96#dokuwiki__header__right { 97 text-align: right; 98} 99 100#dokuwiki__header__left a { 101 color: #fff; 102 font-weight: bold; 103 text-decoration: none; 104} 105 106#dw__search { 107 padding: 0.5rem 0; 108 position: relative; 109} 110 111#qsearch__out { 112 border: 1px solid __border__; 113 border-radius: 5px; 114 display: none; 115 font-size: 0.9rem; 116 left: 0; 117 padding: 0.5rem; 118 position: absolute; 119 right: 0; 120 text-align: left; 121} 122 123#qsearch__out strong { 124 display: inline-block; 125 max-width: 100%; 126 overflow: hidden; 127 text-overflow: ellipsis; 128} 129 130#qsearch__out ul { 131 margin: 0; 132 padding: 0; 133} 134 135.claim { 136 color: rgba(255, 255, 255, 0.9); 137 display: block; 138 font-size: 0.9rem; 139 font-weight: normal; 140 overflow: hidden; 141 text-overflow: ellipsis; 142} 143 144header input[type="text"] { 145 border: 1px solid __border__; 146 border-radius: 5px 0 0 5px; 147 font-size: inherit; 148 padding: 0.3rem 0.5rem; 149} 150 151header button { 152 border: 1px solid __border__; 153 border-radius: 0 5px 5px 0; 154 font-size: inherit; 155 padding: 0.3rem 0.5rem; 156} 157 158/*********** Content ***********/ 159 160#site_wrapper { 161 background-color: __background__; 162 margin: 0 auto; 163 max-width: __width__; 164 padding: 0.5rem 1rem 2rem; 165} 166 167.breadcrumbs { 168 font-size: 0.875rem; 169} 170 171#dw__toc { 172 border: 1px solid __border__; 173 border-radius: 5px; 174 font-size: 0.875rem; 175 padding-bottom: 1rem; 176} 177 178#dw__toc h3 { 179 margin: 0.5rem 0; 180} 181 182pre.code { 183 background-color: __background_alt__; 184 border: 1px solid __border__; 185 color: __text_alt__; 186 padding: 0.5rem; 187} 188 189#dokuwiki__aside { 190 padding: 0.5rem 0; 191} 192 193#dokuwiki__aside p { 194 margin: 0; 195} 196 197#dokuwiki__aside a, 198#dokuwiki__aside a:hover { 199 border-bottom: 1px dashed; 200 text-decoration: none; 201} 202 203/*********** Tables ***********/ 204 205table { 206 border: 1px solid __border__; 207 border-collapse: collapse; 208 border-spacing: 0; 209 empty-cells: show; 210 margin: 0 auto; 211 max-width: 100%; 212} 213 214caption { 215 caption-side: top; 216 text-align: left; 217} 218 219th, 220td { 221 border: 1px solid __border__; 222 margin: 0; 223 padding: 0.3rem 0.5rem; 224 vertical-align: top; 225} 226 227th { 228 background-color: __background_alt__; 229 font-weight: bold; 230 text-align: left; 231} 232 233/*********** Code ***********/ 234 235.dokuwiki dl.code dt, 236.dokuwiki dl.file dt { 237 background-color: __background__; 238 color: inherit; 239 border: 1px solid __border__; 240 border-bottom-color: __background__; 241 border-top-left-radius: 0.3em; 242 border-top-right-radius: 0.3em; 243 padding: 0.3em 0.6em 0.1em; 244 margin-bottom: -1px; 245 float: left; 246} 247.dokuwiki dl.code dt a, 248.dokuwiki dl.file dt a { 249 background-color: transparent; 250 font-size: 0.875em; 251 font-weight: normal; 252 display: block; 253 min-height: 16px; 254} 255.dokuwiki dl.code dd, 256.dokuwiki dl.file dd { 257 margin: 0; 258 clear: left; 259} 260 261.dokuwiki dl.file pre, 262.dokuwiki dl.file dt { 263 border-style: dashed; 264} 265 266.dokuwiki dl.file dt { 267 border-bottom-style: solid; 268} 269 270/*********** Footer ***********/ 271 272#dokuwiki__footer { 273 min-height: 1.2rem; 274} 275 276#dokuwiki__footer ul { 277 display: inline; 278 margin: 0; 279 padding: 0; 280} 281 282#dokuwiki__footer li { 283 display: inline; 284 list-style-type: none; 285} 286 287#dokuwiki__footer li::before { 288 content: ' — '; 289} 290 291#dokuwiki__footer svg { 292 display: none; 293} 294 295.license { 296 margin: 0 auto; 297 max-width: __width__; 298 padding: 1rem; 299} 300 301#dw_menu { 302 float: right; 303} 304