theme-default.style.css (17824B)
1 /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ 2 3 html { 4 font-family: 'Open Sans', sans-serif; 5 font-size: 1.2em; 6 -ms-text-size-adjust: 100%; 7 -webkit-text-size-adjust: 100% 8 } 9 10 body { 11 margin: 0 12 } 13 14 article, 15 aside, 16 details, 17 figcaption, 18 figure, 19 footer, 20 header, 21 hgroup, 22 main, 23 menu, 24 nav, 25 section { 26 display: block 27 } 28 29 summary { 30 cursor: pointer; 31 } 32 33 audio, 34 canvas, 35 progress, 36 video { 37 display: inline-block; 38 vertical-align: baseline 39 } 40 41 audio:not([controls]) { 42 display: none; 43 height: 0 44 } 45 46 [hidden], 47 template { 48 display: none 49 } 50 51 a { 52 background-color: transparent 53 } 54 55 a:active, 56 a:hover { 57 outline: 0 58 } 59 60 abbr[title] { 61 border-bottom: 1px dotted 62 } 63 64 b, 65 strong { 66 font-weight: 700 67 } 68 69 dfn { 70 font-style: italic 71 } 72 73 h1 { 74 font-size: 2em; 75 margin: .67em 0 76 } 77 78 mark { 79 background: #ff0; 80 color: #000 81 } 82 83 small { 84 font-size: 80% 85 } 86 87 sub, 88 sup { 89 font-size: 75%; 90 line-height: 0; 91 position: relative; 92 vertical-align: baseline 93 } 94 95 sup { 96 top: -.5em 97 } 98 99 sub { 100 bottom: -.25em 101 } 102 103 img { 104 border: 0 105 } 106 107 svg:not(:root) { 108 overflow: hidden 109 } 110 111 figure { 112 margin: 1em 40px 113 } 114 115 hr { 116 box-sizing: content-box; 117 height: 0 118 } 119 120 pre { 121 overflow: auto 122 } 123 124 code, 125 kbd, 126 pre, 127 samp { 128 font-family: monospace, monospace; 129 font-size: 1em 130 } 131 132 button, 133 input, 134 optgroup, 135 select, 136 textarea { 137 color: inherit; 138 font: inherit; 139 margin: 0 140 } 141 142 button { 143 overflow: visible 144 } 145 146 button, 147 select { 148 text-transform: none 149 } 150 151 button, 152 html input[type=button], 153 input[type=reset], 154 input[type=submit] { 155 -webkit-appearance: button; 156 cursor: pointer 157 } 158 159 button[disabled], 160 html input[disabled] { 161 cursor: default 162 } 163 164 button::-moz-focus-inner, 165 input::-moz-focus-inner { 166 border: 0; 167 padding: 0 168 } 169 170 input { 171 line-height: normal 172 } 173 174 input[type=checkbox], 175 input[type=radio] { 176 box-sizing: border-box; 177 padding: 0 178 } 179 180 input[type=number]::-webkit-inner-spin-button, 181 input[type=number]::-webkit-outer-spin-button { 182 height: auto 183 } 184 185 input[type=search] { 186 -webkit-appearance: textfield; 187 box-sizing: content-box 188 } 189 190 input[type=search]::-webkit-search-cancel-button, 191 input[type=search]::-webkit-search-decoration { 192 -webkit-appearance: none 193 } 194 195 fieldset { 196 border: 1px solid silver; 197 margin: 0 2px; 198 padding: .35em .625em .75em 199 } 200 201 legend { 202 border: 0; 203 padding: 0 204 } 205 206 textarea { 207 overflow: auto 208 } 209 210 optgroup { 211 font-weight: 700 212 } 213 214 table { 215 border-collapse: collapse; 216 border-spacing: 0 217 } 218 219 td, 220 th { 221 padding: 0 222 } 223 224 body, 225 html { 226 font-family: 'Open Sans', Helvetica Neue, Helvetica, Arial, Microsoft Yahei, 微软雅黑, STXihei, 华文细黑, sans-serif; 227 font-size: 16px; 228 } 229 230 .content h1, 231 .content h2, 232 .content h3, 233 .content h4, 234 .content h5, 235 .content h6 { 236 font-family: 'Open Sans', Helvetica Neue, Helvetica, Arial, Microsoft Yahei, 微软雅黑, STXihei, 华文细黑, sans-serif; 237 } 238 239 .content h1, 240 .content h2, 241 .content h3, 242 .content h4, 243 .content h5, 244 .content h6 { 245 font-weight: 700 246 } 247 248 .content code, 249 .content pre { 250 font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif; 251 font-size: 14px; 252 line-height: 1.5 253 } 254 255 .content code { 256 word-break: break-all; 257 word-break: break-word; 258 -webkit-hyphens: auto; 259 -ms-hyphens: auto; 260 hyphens: auto 261 } 262 263 .content aside.notice:before, 264 .content aside.success:before, 265 .content aside.warning:before, 266 .tocify-wrapper>.search:before { 267 font-family: 'Open Sans', sans-serif; 268 speak: none; 269 font-style: normal; 270 font-variant: normal; 271 text-transform: none; 272 line-height: 1 273 } 274 275 .content aside.warning:before { 276 content: "✋" 277 } 278 279 .content aside.notice:before { 280 content: "ℹ" 281 } 282 283 .content aside.success:before { 284 content: "✅" 285 } 286 287 .tocify-wrapper>.search:before { 288 content: "🔎" 289 } 290 291 .highlight .c, 292 .highlight .c1, 293 .highlight .cm, 294 .highlight .cs { 295 color: #909090 296 } 297 298 .highlight, 299 .highlight .w { 300 background-color: #292929 301 } 302 303 .hljs { 304 display: block; 305 overflow-x: auto; 306 padding: .5em; 307 background: #23241f 308 } 309 310 .hljs, 311 .hljs-subst, 312 .hljs-tag { 313 color: #f8f8f2 314 } 315 316 .hljs-emphasis, 317 .hljs-strong { 318 color: #a8a8a2 319 } 320 321 .hljs-bullet, 322 .hljs-link, 323 .hljs-literal, 324 .hljs-number, 325 .hljs-quote, 326 .hljs-regexp { 327 color: #ae81ff 328 } 329 330 .hljs-code, 331 .hljs-section, 332 .hljs-selector-class, 333 .hljs-title { 334 color: #a6e22e 335 } 336 337 .hljs-strong { 338 font-weight: 700 339 } 340 341 .hljs-emphasis { 342 font-style: italic 343 } 344 345 .hljs-attr, 346 .hljs-keyword, 347 .hljs-name, 348 .hljs-selector-tag { 349 color: #f92672 350 } 351 352 .hljs-attribute, 353 .hljs-symbol { 354 color: #66d9ef 355 } 356 357 .hljs-class .hljs-title, 358 .hljs-params { 359 color: #f8f8f2 360 } 361 362 .hljs-addition, 363 .hljs-built_in, 364 .hljs-builtin-name, 365 .hljs-selector-attr, 366 .hljs-selector-id, 367 .hljs-selector-pseudo, 368 .hljs-string, 369 .hljs-template-variable, 370 .hljs-type, 371 .hljs-variable { 372 color: #e6db74 373 } 374 375 .hljs-comment, 376 .hljs-deletion, 377 .hljs-meta { 378 color: #75715e 379 } 380 381 body, 382 html { 383 color: #333; 384 padding: 0; 385 margin: 0; 386 -webkit-font-smoothing: antialiased; 387 -moz-osx-font-smoothing: grayscale; 388 background-color: whitesmoke; 389 height: 100%; 390 -webkit-text-size-adjust: none 391 } 392 393 #toc>ul>li>a>span { 394 float: right; 395 background-color: #2484ff; 396 border-radius: 40px; 397 width: 20px 398 } 399 400 .tocify-wrapper { 401 transition: left .3s ease-in-out; 402 overflow-y: auto; 403 overflow-x: hidden; 404 position: fixed; 405 z-index: 30; 406 top: 0; 407 left: 0; 408 bottom: 0; 409 width: 230px; 410 background-color: #393939; 411 font-size: 13px; 412 font-weight: 700 413 } 414 415 .tocify-wrapper .lang-selector { 416 display: none 417 } 418 419 .tocify-wrapper .lang-selector a { 420 padding-top: .5em; 421 padding-bottom: .5em 422 } 423 424 .tocify-wrapper>img { 425 display: block 426 } 427 428 .tocify-wrapper>.search { 429 position: relative 430 } 431 432 .tocify-wrapper>.search input { 433 background: #393939; 434 border-width: 0 0 1px; 435 border-color: #666; 436 padding: 6px 0 6px 20px; 437 box-sizing: border-box; 438 margin: 10px 15px; 439 width: 200px; 440 outline: none; 441 color: #fff; 442 border-radius: 0 443 } 444 445 .tocify-wrapper>.search:before { 446 position: absolute; 447 top: 17px; 448 left: 15px; 449 color: #fff 450 } 451 452 .tocify-wrapper img+.tocify { 453 margin-top: 20px 454 } 455 456 .tocify-wrapper .search-results { 457 margin-top: 0; 458 box-sizing: border-box; 459 height: 0; 460 overflow-y: auto; 461 overflow-x: hidden; 462 transition-property: height, margin; 463 transition-duration: .18s; 464 transition-timing-function: ease-in-out; 465 background: linear-gradient(180deg, rgba(0, 0, 0, .2), transparent 8px), linear-gradient(0deg, rgba(0, 0, 0, .2), transparent 8px), linear-gradient(180deg, #000, transparent 1.5px), linear-gradient(0deg, #939393, hsla(0, 0%, 58%, 0) 1.5px), #262626 466 } 467 468 .tocify-wrapper .search-results.visible { 469 height: 30%; 470 margin-bottom: 1em 471 } 472 473 .tocify-wrapper .search-results li { 474 margin: 1em 15px; 475 line-height: 1 476 } 477 478 .tocify-wrapper a { 479 color: #fff; 480 text-decoration: none 481 } 482 483 .tocify-wrapper .search-results a:hover { 484 text-decoration: underline 485 } 486 487 .tocify-wrapper .toc-footer li, 488 .tocify-wrapper .tocify-item>a { 489 padding: 0 15px; 490 display: block; 491 overflow-x: hidden; 492 white-space: nowrap; 493 text-overflow: ellipsis 494 } 495 .tocify-wrapper .tocify-item.level-3>a { 496 padding: 0 25px; 497 } 498 499 .tocify-wrapper li, 500 .tocify-wrapper ul { 501 list-style: none; 502 margin: 0; 503 padding: 0; 504 line-height: 28px 505 } 506 507 .tocify-wrapper li { 508 color: #fff; 509 transition-property: background; 510 transition-timing-function: linear; 511 transition-duration: .23s 512 } 513 514 .tocify-wrapper .tocify-focus { 515 box-shadow: 0 1px 0 #000; 516 background-color: #2467af; 517 color: #fff; 518 font-weight: bold; 519 } 520 521 .tocify-wrapper .tocify-subheader { 522 display: none; 523 background-color: #262626; 524 font-weight: 500; 525 background: linear-gradient(180deg, rgba(0, 0, 0, .2), transparent 8px), linear-gradient(0deg, rgba(0, 0, 0, .2), transparent 8px), linear-gradient(180deg, #000, transparent 1.5px), linear-gradient(0deg, #939393, hsla(0, 0%, 58%, 0) 1.5px), #262626 526 } 527 528 .tocify-wrapper .jets-searching .tocify-subheader, 529 .tocify-wrapper .tocify-subheader.visible { 530 display: block; 531 } 532 533 .tocify-wrapper .tocify-subheader .tocify-item>a { 534 padding-left: 25px; 535 font-size: 12px 536 } 537 538 .tocify-wrapper .tocify-subheader .tocify-item.level-3>a { 539 padding-left: 35px; 540 } 541 542 .tocify-wrapper .tocify-subheader>li:last-child { 543 box-shadow: none 544 } 545 546 .tocify-wrapper .toc-footer { 547 padding: 1em 0; 548 margin-top: 1em; 549 border-top: 1px dashed #666 550 } 551 552 .tocify-wrapper .toc-footer a, 553 .tocify-wrapper .toc-footer li { 554 color: #fff; 555 text-decoration: none 556 } 557 558 .tocify-wrapper .toc-footer a:hover { 559 text-decoration: underline 560 } 561 562 .tocify-wrapper .toc-footer li { 563 font-size: .8em; 564 line-height: 1.7; 565 text-decoration: none 566 } 567 568 #nav-button { 569 padding: 0 1.5em 5em 0; 570 display: none; 571 position: fixed; 572 top: 0; 573 left: 0; 574 z-index: 100; 575 color: #000; 576 text-decoration: none; 577 font-weight: 700; 578 opacity: .7; 579 line-height: 16px; 580 transition: left .3s ease-in-out 581 } 582 583 #nav-button span { 584 display: block; 585 padding: 6px; 586 background-color: rgba(234, 242, 246, .7); 587 -webkit-transform-origin: 0 0; 588 transform-origin: 0 0; 589 -webkit-transform: rotate(-90deg) translate(-100%); 590 transform: rotate(-90deg) translate(-100%); 591 border-radius: 0 0 0 5px 592 } 593 594 #nav-button img { 595 height: 16px; 596 vertical-align: bottom 597 } 598 599 #nav-button:hover { 600 opacity: 1 601 } 602 603 #nav-button.open { 604 left: 230px 605 } 606 607 .page-wrapper { 608 margin-left: 230px; 609 position: relative; 610 z-index: 10; 611 background-color: #eaf2f6; 612 min-height: 100%; 613 padding-bottom: 1px 614 } 615 616 .page-wrapper .dark-box { 617 width: 50%; 618 background-color: #393939; 619 position: absolute; 620 right: 0; 621 top: 0; 622 bottom: 0 623 } 624 625 .page-wrapper .lang-selector { 626 position: fixed; 627 z-index: 50; 628 border-bottom: 5px solid #393939 629 } 630 631 .lang-selector { 632 background-color: #222; 633 width: 100%; 634 font-weight: 700 635 } 636 637 .lang-selector button { 638 display: block; 639 float: left; 640 color: #fff; 641 text-decoration: none; 642 padding: 0 10px; 643 line-height: 30px; 644 outline: 0; 645 background: transparent; 646 border: none; 647 } 648 649 .lang-selector button:active, 650 .lang-selector button:hover, 651 .lang-selector button:focus { 652 background-color: #111; 653 color: #fff 654 } 655 656 .lang-selector button.active { 657 background-color: #393939; 658 color: #fff 659 } 660 661 .lang-selector:after { 662 content: ''; 663 clear: both; 664 display: block 665 } 666 667 .content { 668 position: relative; 669 z-index: 30 670 } 671 672 .content:after { 673 content: ''; 674 display: block; 675 clear: both 676 } 677 678 .content>aside, 679 .content>details, 680 .content>dl, 681 .content>h1, 682 .content>h2, 683 .content>h3, 684 .content>h4, 685 .content>h5, 686 .content>h6, 687 .content>ol, 688 .content>p, 689 .content>table, 690 .content>ul, 691 .content>form>aside, 692 .content>form>details, 693 .content>form>h1, 694 .content>form>h2, 695 .content>form>h3, 696 .content>form>h4, 697 .content>form>h5, 698 .content>form>h6, 699 .content>form>p, 700 .content>form>table, 701 .content>form>ul, 702 .content>form>div { 703 margin-right: 50%; 704 padding: 0 28px; 705 box-sizing: border-box; 706 display: block; 707 text-shadow: 0 1px 0 #fff 708 } 709 710 .content>ol, 711 .content>ul { 712 padding-left: 43px 713 } 714 715 .content>div, 716 .content>h1, 717 .content>h2 { 718 clear: both 719 } 720 721 .content h1 { 722 font-size: 30px; 723 padding-top: .5em; 724 padding-bottom: .5em; 725 border-bottom: 1px solid #ccc; 726 margin-bottom: 21px; 727 margin-top: 2em; 728 border-top: 1px solid #ddd; 729 background-image: linear-gradient(180deg, #fff, #f9f9f9) 730 } 731 732 .content div:first-child+h1, 733 .content h1:first-child { 734 border-top-width: 0; 735 margin-top: 0 736 } 737 738 .content h2 { 739 font-size: 20px; 740 margin-top: 4em; 741 margin-bottom: 0; 742 border-top: 1px solid #ccc; 743 padding-top: 1.2em; 744 padding-bottom: 1.2em; 745 background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .4), hsla(0, 0%, 100%, 0)) 746 } 747 748 .content h1+div+h2, 749 .content h1+h2 { 750 margin-top: -21px; 751 border-top: none 752 } 753 754 .content h3, 755 .content h4, 756 .content h5, 757 .content h6 { 758 font-size: 15px; 759 margin-top: 2.5em; 760 margin-bottom: .8em 761 } 762 763 .content h4, 764 .content h5, 765 .content h6 { 766 font-size: 10px 767 } 768 769 .content hr { 770 margin: 2em 0; 771 border-top: 2px solid #393939; 772 border-bottom: 2px solid #eaf2f6 773 } 774 775 .content table { 776 margin-bottom: 1em; 777 overflow: auto 778 } 779 780 .content table td, 781 .content table th { 782 text-align: left; 783 vertical-align: top; 784 line-height: 1.6 785 } 786 787 .content table th { 788 padding: 5px 10px; 789 border-bottom: 1px solid #ccc; 790 vertical-align: bottom 791 } 792 793 .content table td { 794 padding: 10px 795 } 796 797 .content table tr:last-child { 798 border-bottom: 1px solid #ccc 799 } 800 801 .content table tr:nth-child(odd)>td { 802 background-color: #ebf3f6 803 } 804 805 .content table tr:nth-child(even)>td { 806 background-color: #ebf2f6 807 } 808 809 .content dt { 810 font-weight: 700 811 } 812 813 .content dd { 814 margin-left: 15px 815 } 816 817 .content dd, 818 .content dt, 819 .content li, 820 .content p { 821 line-height: 1.6; 822 margin-top: 0 823 } 824 825 .content img { 826 max-width: 100% 827 } 828 829 .content code { 830 padding: 3px; 831 border-radius: 3px 832 } 833 834 .content pre>code { 835 background-color: transparent; 836 padding: 0 837 } 838 839 .content aside { 840 padding-top: 1em; 841 padding-bottom: 1em; 842 margin-top: 1.5em; 843 margin-bottom: 1.5em; 844 background: #292929; 845 line-height: 1.6; 846 color: #c8c8c8; 847 text-shadow: none; 848 } 849 850 .content aside.info { 851 background: #8fbcd4; 852 text-shadow: 0 1px 0 #a0c6da; 853 color: initial; 854 } 855 856 .content aside.warning { 857 background-color: #c97a7e; 858 text-shadow: 0 1px 0 #d18e91; 859 color: initial; 860 } 861 862 .content aside.success { 863 background-color: #6ac174; 864 text-shadow: 0 1px 0 #80ca89; 865 color: initial; 866 } 867 868 .content aside:before { 869 vertical-align: middle; 870 padding-right: .5em; 871 font-size: 14px 872 } 873 874 .content .search-highlight { 875 padding: 2px; 876 margin: -2px; 877 border-radius: 4px; 878 border: 1px solid #f7e633; 879 text-shadow: 1px 1px 0 #666; 880 background: linear-gradient(to top left, #f7e633, #f1d32f) 881 } 882 883 .content blockquote, 884 .content pre { 885 background-color: #292929; 886 color: #fff; 887 padding: 1.5em 28px; 888 margin: 0; 889 width: 50%; 890 float: right; 891 clear: right; 892 box-sizing: border-box; 893 text-shadow: 0 1px 2px rgba(0, 0, 0, .4) 894 } 895 896 .content .annotation { 897 background-color: #292929; 898 color: #fff; 899 padding: 0 28px; 900 margin: 0; 901 width: 50%; 902 float: right; 903 clear: right; 904 box-sizing: border-box; 905 text-shadow: 0 1px 2px rgba(0, 0, 0, .4) 906 } 907 908 .content .annotation pre { 909 padding: 0 0; 910 width: 100%; 911 float: none; 912 } 913 914 .content blockquote>p, 915 .content pre>p { 916 margin: 0 917 } 918 919 .content blockquote a, 920 .content pre a { 921 color: #fff; 922 text-decoration: none; 923 border-bottom: 1px dashed #ccc 924 } 925 926 .content blockquote>p { 927 background-color: #1c1c1c; 928 border-radius: 5px; 929 padding: 13px; 930 color: #ccc; 931 border-top: 1px solid #000; 932 border-bottom: 1px solid #404040 933 } 934 935 @media (max-width:930px) { 936 .tocify-wrapper { 937 left: -230px 938 } 939 .tocify-wrapper.open { 940 left: 0 941 } 942 .page-wrapper { 943 margin-left: 0 944 } 945 #nav-button { 946 display: block 947 } 948 .tocify-wrapper .tocify-item>a { 949 padding-top: .3em; 950 padding-bottom: .3em 951 } 952 } 953 954 @media (max-width:700px) { 955 .dark-box { 956 display: none 957 } 958 .tocify-wrapper .lang-selector { 959 display: block 960 } 961 .page-wrapper .lang-selector { 962 display: none 963 } 964 .content aside, 965 .content dl, 966 .content h1, 967 .content h2, 968 .content h3, 969 .content h4, 970 .content h5, 971 .content h6, 972 .content ol, 973 .content p, 974 .content table, 975 .content ul { 976 margin-right: 0 977 } 978 .content>aside, 979 .content>details, 980 .content>dl, 981 .content>h1, 982 .content>h2, 983 .content>h3, 984 .content>h4, 985 .content>h5, 986 .content>h6, 987 .content>ol, 988 .content>p, 989 .content>table, 990 .content>ul, 991 .content>form>aside, 992 .content>form>details, 993 .content>form>h1, 994 .content>form>h2, 995 .content>form>h3, 996 .content>form>h4, 997 .content>form>h5, 998 .content>form>h6, 999 .content>form>p, 1000 .content>form>table, 1001 .content>form>ul, 1002 .content>form>div { 1003 margin-right: 0; 1004 } 1005 .content blockquote, 1006 .content pre { 1007 float: none; 1008 width: auto 1009 } 1010 .content .annotation { 1011 float: none; 1012 width: auto 1013 } 1014 } 1015 1016 .badge { 1017 padding: 1px 9px 2px; 1018 white-space: nowrap; 1019 -webkit-border-radius: 9px; 1020 -moz-border-radius: 9px; 1021 border-radius: 9px; 1022 color: #ffffff; 1023 text-shadow: none !important; 1024 font-weight: bold; 1025 } 1026 1027 .badge.badge-darkred { 1028 background-color: darkred; 1029 } 1030 1031 .badge.badge-red { 1032 background-color: red; 1033 } 1034 1035 .badge.badge-blue { 1036 background-color: blue; 1037 } 1038 1039 .badge.badge-darkblue { 1040 background-color: darkblue; 1041 } 1042 1043 .badge.badge-green { 1044 background-color: green; 1045 } 1046 1047 .badge.badge-darkgreen { 1048 background-color: darkgreen; 1049 } 1050 1051 .badge.badge-purple { 1052 background-color: purple; 1053 } 1054 1055 .badge.badge-black { 1056 background-color: black; 1057 } 1058 1059 .badge.badge-grey { 1060 background-color: grey; 1061 } 1062 1063 .fancy-heading-panel { 1064 background-color: lightgrey; 1065 border-radius: 5px; 1066 padding-left: 5px !important; 1067 padding-top: 5px !important; 1068 padding-bottom: 5px !important; 1069 margin-left: 25px; 1070 margin-right: 10px; 1071 width: 47%; 1072 } 1073 1074 @media screen and (max-width: 700px) { 1075 .fancy-heading-panel { 1076 width: 95%; 1077 } 1078 1079 } 1080 1081 button { 1082 border: none; 1083 } 1084 1085 * { 1086 /* Foreground, Background */ 1087 scrollbar-color: #3c4c67 transparent; 1088 } 1089 *::-webkit-scrollbar { /* Background */ 1090 width: 10px; 1091 height: 10px; 1092 background: transparent; 1093 } 1094 1095 *::-webkit-scrollbar-thumb { /* Foreground */ 1096 background: #626161; 1097 }