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,system-ui,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Font Awesome 7 Free","Font Awesome 6 Free";;,"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 clear: left; 59 font-weight: 700; 60 font-family: "Roboto Slab","ff-tisa-web-pro","Georgia","Arial","sans-serif"; 61 margin-bottom: 1.5em; 62} 63 64h1 65{ 66 font-size: 175%; 67} 68 69h2 70{ 71 font-size: 150%; 72} 73 74h3 75{ 76 font-size: 125%; 77} 78 79h4 80{ 81 font-size: 115%; 82} 83 84h5 85{ 86 font-size: 110%; 87} 88 89h6 90{ 91 font-size: 100% 92} 93 94dl, 95ol, 96ul 97{ 98 margin: 0; 99 padding: 0; 100} 101 102li 103{ 104 margin-left: 24px; 105} 106 107dl 108{ 109 margin-bottom: 24px; 110} 111 112dl dt 113{ 114 font-weight: 700; 115 margin-bottom: 12px; 116} 117 118dl dd 119{ 120 margin: 0 0 12px 24px; 121} 122 123dl.file dd 124{ 125 margin-left: 0; 126} 127 128dl.file dt 129{ 130 font-size: 80%; 131 margin-left: 0; 132 margin-bottom: 8px; 133} 134 135pre 136{ 137 background-color: __background_code__; 138 border: 1px solid __border_code__; 139 display: block; 140 font-family: SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,Courier,monospace; 141 font-size: 12px; 142 line-height: 1.4; 143 margin: 1px 0 24px; 144 overflow: auto; 145 padding: 12px; 146 white-space: pre; 147} 148 149:not(pre[class*=language-]) > code 150{ 151 background-color: __background_monospace__; 152 border: 1px solid __border_monospace__; 153 color: __text_monospace__; 154 font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, Courier, monospace; 155 font-size: 75%; 156 max-width: 100%; 157 padding: 2px 5px; 158 overflow-wrap: break-word; 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 190.qq-upload-button, 191button, 192.btn 193{ 194 background-color: __background_button__; 195 border: 1px solid rgba(0,0,0,0.1); 196 border-radius: 2px; 197 box-shadow: 0px 1px 2px -1px rgb(255,255,255,.5) inset, 0px -2px 0px 0px rgb(0,0,0,.1) inset; 198 color: __text_button__; 199 cursor: pointer; 200 display: inline-block; 201 font-family: "Lato","proxima-nova","Helvetica Neue",Arial,sans-serif; 202 font-size: 100%; 203 font-weight: 400; 204 height: 35px; 205 line-height: normal; 206 padding: 5px 12px 8px 12px; 207 text-decoration: none; 208 text-align: center; 209 user-select: none; 210 vertical-align: middle; 211 white-space: nowrap; 212 zoom: 1; 213 -webkit-user-drag: none; 214 -webkit-user-select: none; 215 -moz-user-select: none; 216 -ms-user-select: none; 217} 218 219button:hover, 220.btn:hover 221{ 222 background-color: __background_button_hover__ !important; 223 color: __text_button_hover__; 224} 225 226main 227{ 228 display: block; 229} 230 231table 232{ 233 border: solid 1px __border__; 234 border-collapse: collapse; 235 border-spacing: 0; 236 line-height: 18px; 237 width: 100%; 238} 239 240table thead 241{ 242 color: #000; 243 text-align: left; 244 vertical-align: bottom; 245 white-space: nowrap; 246} 247 248table th 249{ 250 border-bottom: solid 2px __border__; 251 font-weight: 700; 252 padding: 8px 16px 24px; 253} 254 255table td 256{ 257 border: solid 1px __border__; 258 line-height: 18px; 259 padding: 8px 16px; 260} 261 262table tr:nth-child(2n) 263{ 264 background-color: #f3f6f6; 265} 266 267sub, 268sup { 269 font-size: .8em; 270 line-height: 1; 271} 272 273sub { 274 vertical-align: sub; 275} 276 277sup { 278 vertical-align: super; 279} 280 281blockquote { 282 padding: 0 .5em; 283 border: solid @ini_border; 284 border-width: 0 0 0 .25em; 285 line-height: 24px; 286 margin-bottom: 24px; 287} 288 289[dir=rtl] blockquote { 290 border-width: 0 .25em 0 0; 291} 292 293abbr[title], dfn[title] { 294 /* border-bottom: none; */ 295 cursor: auto; 296 text-decoration: none; 297} 298 299header 300{ 301 height: __height_header__; 302} 303 304footer 305{ 306 height: __height_footer__ 307} 308 309.visible 310{ 311 display: block; 312} 313 314.invisible 315{ 316 display: none; 317} 318 319#__media_query 320{ 321 display: none; 322 --media-query: pc; 323} 324 325/* IE11 workaround */ 326body[data-useragent*='Trident'] #__media_query 327{ 328 -media-query: pc; 329} 330 331@media (max-width: __media_query_tb__) 332{ 333 #__media_query 334 { 335 --media-query: tb; 336 } 337 338 /* IE11 workaround */ 339 body[data-useragent*='Trident'] #__media_query 340 { 341 -media-query: tb; 342 } 343} 344 345@media (max-width: __media_query_sp__) 346{ 347 #__media_query 348 { 349 --media-query: sp; 350 } 351 352 /* IE11 workaround */ 353 body[data-useragent*='Trident'] #__media_query 354 { 355 -media-query: sp; 356 } 357} 358