1* { 2 box-sizing: border-box; 3 -webkit-box-sizing: border-box; 4 -moz-box-sizing: border-box; 5} 6 7html 8{ 9 font-size: 16px; 10 height: 100%; 11 -webkit-text-size-adjust: 100%; 12 -ms-text-size-adjust: 100% 13} 14 15body,html 16{ 17 overflow-x: hidden; 18} 19 20body 21{ 22 background-color: __background_alt__; 23 color: __text__; 24 font-family: Lato,proxima-nova,"Helvetica Neue",Arial,sans-serif,"Font Awesome 5 Free"; 25 font-weight: 400; 26 margin: 0; 27 min-height: 100%; 28 overflow-y: hidden; 29} 30 31a 32{ 33 color: __link__; 34 text-decoration: none; 35 cursor: pointer; 36} 37 38a:active, 39a:hover 40{ 41 outline: 0 42} 43 44.dokuwiki a.wikilink2 45{ 46 color: __missing__; 47 text-decoration: underline __missing__ 1px dashed !important; 48} 49 50.dokuwiki a.wikilink2:link, 51.dokuwiki a.wikilink2:visited 52{ 53 border-bottom: none !important; 54} 55 56h1, h2, h3, h4, h5, h6 57{ 58 font-weight: 700; 59 font-family: "Roboto Slab","ff-tisa-web-pro","Georgia","Arial","sans-serif"; 60 margin-bottom: 1.5em; 61} 62 63h1 64{ 65 font-size: 175%; 66} 67 68h2 69{ 70 font-size: 150%; 71} 72 73h3 74{ 75 font-size: 125%; 76} 77 78h4 79{ 80 font-size: 115%; 81} 82 83h5 84{ 85 font-size: 110%; 86} 87 88h6 89{ 90 font-size: 100% 91} 92 93dl, 94ol, 95ul 96{ 97 margin: 0; 98 padding: 0; 99} 100 101li 102{ 103 margin-left: 24px; 104} 105 106dl 107{ 108 margin-bottom: 24px; 109} 110 111dl dt 112{ 113 font-weight: 700; 114 margin-bottom: 12px; 115} 116 117dl dd 118{ 119 margin: 0 0 12px 24px; 120} 121 122dl.file dd 123{ 124 margin-left: 0; 125} 126 127dl.file dt 128{ 129 font-size: 80%; 130 margin-left: 0; 131 margin-bottom: 8px; 132} 133 134pre 135{ 136 background-color: __background_code__; 137 border: 1px solid __border_code__; 138 display: block; 139 font-family: SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,Courier,monospace; 140 font-size: 12px; 141 line-height: 1.4; 142 margin: 1px 0 24px; 143 overflow: auto; 144 padding: 12px; 145 white-space: pre; 146} 147 148code 149{ 150 background-color: __background_monospace__; 151 border: 1px solid __border_monospace__; 152 color: __text_monospace__; 153 font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, Courier, monospace; 154 font-size: 75%; 155 max-width: 100%; 156 padding: 2px 5px; 157 overflow-x: auto; 158 white-space: nowrap; 159} 160 161hr 162{ 163 border: 0; 164 border-top: 1px solid #e1e4e5; 165 display: block; 166 height: 1px; 167 margin: 24px 0; 168 padding: 0; 169} 170 171input[type=text], 172input[type=password], 173input[type=email] 174{ 175 border: 1px solid #ccc; 176 display: inline-block; 177 font-family: Lato,proxima-nova,Helvetica Neue,Arial,sans-serif; 178 font-size: 80%; 179 padding: 6px; 180} 181 182input:focus, 183select:focus, 184textarea:focus, 185button:focus 186{ 187 outline: none; 188} 189 190blockquote 191{ 192 line-height: 24px; 193 margin-bottom: 24px; 194 margin-left: 24px; 195} 196 197.qq-upload-button, 198button, 199.btn 200{ 201 background-color: __background_button__; 202 border: 1px solid rgba(0,0,0,0.1); 203 border-radius: 2px; 204 box-shadow: 0px 1px 2px -1px rgb(255,255,255,.5) inset, 0px -2px 0px 0px rgb(0,0,0,.1) inset; 205 color: __text_button__; 206 cursor: pointer; 207 display: inline-block; 208 font-family: "Lato","proxima-nova","Helvetica Neue",Arial,sans-serif; 209 font-size: 100%; 210 font-weight: 400; 211 height: 35px; 212 line-height: normal; 213 padding: 5px 12px 8px 12px; 214 text-decoration: none; 215 text-align: center; 216 user-select: none; 217 vertical-align: middle; 218 white-space: nowrap; 219 zoom: 1; 220 -webkit-user-drag: none; 221 -webkit-user-select: none; 222 -moz-user-select: none; 223 -ms-user-select: none; 224} 225 226button:hover, 227.btn:hover 228{ 229 background-color: __background_button_hover__ !important; 230 color: __text_button_hover__; 231} 232 233main 234{ 235 display: block; 236} 237 238table 239{ 240 border: solid 1px __border__; 241 border-collapse: collapse; 242 border-spacing: 0; 243 line-height: 18px; 244 width: 100%; 245} 246 247table thead 248{ 249 color: #000; 250 text-align: left; 251 vertical-align: bottom; 252 white-space: nowrap; 253} 254 255table th 256{ 257 border-bottom: solid 2px __border__; 258 font-weight: 700; 259 padding: 8px 16px 24px; 260} 261 262table td 263{ 264 border: solid 1px __border__; 265 line-height: 18px; 266 padding: 8px 16px; 267} 268 269table tr:nth-child(2n) 270{ 271 background-color: #f3f6f6; 272} 273 274sup 275{ 276 font-size: 80%; 277 vertical-align: super; 278} 279 280blockquote 281{ 282 margin-left: 24px; 283 line-height: 24px; 284 margin-bottom: 24px; 285} 286 287abbr[title], dfn[title] { 288 /* border-bottom: none; */ 289 cursor: auto; 290 text-decoration: none; 291} 292 293header 294{ 295 height: __height_header__; 296} 297 298footer 299{ 300 height: __height_footer__ 301} 302 303.visible 304{ 305 display: block; 306} 307 308.invisible 309{ 310 display: none; 311} 312 313#__media_query 314{ 315 display: none; 316 --media-query: pc; 317} 318 319/* IE11 workaround */ 320body[data-useragent*='Trident'] #__media_query 321{ 322 -media-query: pc; 323} 324 325@media (max-width: __media_query_tb__) 326{ 327 #__media_query 328 { 329 --media-query: tb; 330 } 331 332 /* IE11 workaround */ 333 body[data-useragent*='Trident'] #__media_query 334 { 335 -media-query: tb; 336 } 337} 338 339@media (max-width: __media_query_sp__) 340{ 341 #__media_query 342 { 343 --media-query: sp; 344 } 345 346 /* IE11 workaround */ 347 body[data-useragent*='Trident'] #__media_query 348 { 349 -media-query: sp; 350 } 351} 352