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-wrap: break-word; 158} 159 160hr 161{ 162 border: 0; 163 border-top: 1px solid #e1e4e5; 164 display: block; 165 height: 1px; 166 margin: 24px 0; 167 padding: 0; 168} 169 170input[type=text], 171input[type=password], 172input[type=email] 173{ 174 border: 1px solid #ccc; 175 display: inline-block; 176 font-family: Lato,proxima-nova,Helvetica Neue,Arial,sans-serif; 177 font-size: 80%; 178 padding: 6px; 179} 180 181input:focus, 182select:focus, 183textarea:focus, 184button:focus 185{ 186 outline: none; 187} 188 189.qq-upload-button, 190button, 191.btn 192{ 193 background-color: __background_button__; 194 border: 1px solid rgba(0,0,0,0.1); 195 border-radius: 2px; 196 box-shadow: 0px 1px 2px -1px rgb(255,255,255,.5) inset, 0px -2px 0px 0px rgb(0,0,0,.1) inset; 197 color: __text_button__; 198 cursor: pointer; 199 display: inline-block; 200 font-family: "Lato","proxima-nova","Helvetica Neue",Arial,sans-serif; 201 font-size: 100%; 202 font-weight: 400; 203 height: 35px; 204 line-height: normal; 205 padding: 5px 12px 8px 12px; 206 text-decoration: none; 207 text-align: center; 208 user-select: none; 209 vertical-align: middle; 210 white-space: nowrap; 211 zoom: 1; 212 -webkit-user-drag: none; 213 -webkit-user-select: none; 214 -moz-user-select: none; 215 -ms-user-select: none; 216} 217 218button:hover, 219.btn:hover 220{ 221 background-color: __background_button_hover__ !important; 222 color: __text_button_hover__; 223} 224 225main 226{ 227 display: block; 228} 229 230table 231{ 232 border: solid 1px __border__; 233 border-collapse: collapse; 234 border-spacing: 0; 235 line-height: 18px; 236 width: 100%; 237} 238 239table thead 240{ 241 color: #000; 242 text-align: left; 243 vertical-align: bottom; 244 white-space: nowrap; 245} 246 247table th 248{ 249 border-bottom: solid 2px __border__; 250 font-weight: 700; 251 padding: 8px 16px 24px; 252} 253 254table td 255{ 256 border: solid 1px __border__; 257 line-height: 18px; 258 padding: 8px 16px; 259} 260 261table tr:nth-child(2n) 262{ 263 background-color: #f3f6f6; 264} 265 266sub, 267sup { 268 font-size: .8em; 269 line-height: 1; 270} 271 272sub { 273 vertical-align: sub; 274} 275 276sup { 277 vertical-align: super; 278} 279 280blockquote { 281 padding: 0 .5em; 282 border: solid @ini_border; 283 border-width: 0 0 0 .25em; 284 line-height: 24px; 285 margin-bottom: 24px; 286} 287 288[dir=rtl] blockquote { 289 border-width: 0 .25em 0 0; 290} 291 292abbr[title], dfn[title] { 293 /* border-bottom: none; */ 294 cursor: auto; 295 text-decoration: none; 296} 297 298header 299{ 300 height: __height_header__; 301} 302 303footer 304{ 305 height: __height_footer__ 306} 307 308.visible 309{ 310 display: block; 311} 312 313.invisible 314{ 315 display: none; 316} 317 318#__media_query 319{ 320 display: none; 321 --media-query: pc; 322} 323 324/* IE11 workaround */ 325body[data-useragent*='Trident'] #__media_query 326{ 327 -media-query: pc; 328} 329 330@media (max-width: __media_query_tb__) 331{ 332 #__media_query 333 { 334 --media-query: tb; 335 } 336 337 /* IE11 workaround */ 338 body[data-useragent*='Trident'] #__media_query 339 { 340 -media-query: tb; 341 } 342} 343 344@media (max-width: __media_query_sp__) 345{ 346 #__media_query 347 { 348 --media-query: sp; 349 } 350 351 /* IE11 workaround */ 352 body[data-useragent*='Trident'] #__media_query 353 { 354 -media-query: sp; 355 } 356} 357