seata/build/home.css

2151 lines
66 KiB
CSS

.header-container {
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 1000;
background-color: #fff; }
.header-container-primary {
background-color: transparent; }
.header-container-normal {
background-color: #fff;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08); }
.header-container .header-body {
margin: 0 auto;
height: 66px;
line-height: 66px; }
.header-container .header-body .logo {
margin-left: 40px;
height: 36px;
vertical-align: middle; }
.header-container .header-body .header-menu {
float: right; }
.header-container .header-body .header-menu .header-menu-toggle {
display: none;
width: 19px;
margin-right: 40px;
margin-top: 18px;
cursor: pointer; }
.header-container .header-body .nav-container {
position: relative;
cursor: pointer;
margin-right: 24px; }
.header-container .header-body .nav-container .word {
position: relative; }
.header-container .header-body .nav-container .word .menu-img {
position: absolute;
width: 24px;
height: 24px;
right: -42px;
top: 12px; }
.header-container .header-body .nav-container .word::before {
content: ' ';
opacity: .6;
position: absolute;
top: 30px;
right: -16px;
width: 0;
height: 0;
border-top: 6px solid white;
border-right: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid transparent; }
.header-container .header-body .nav-container .sub-nav-container {
display: none;
background-color: #f8f8ff;
position: absolute;
top: 48px;
min-width: 180px;
left: -48px; }
.header-container .header-body .nav-container .sub-nav-container li {
display: block;
padding-left: 24px;
padding-right: 24px;
height: 60px;
line-height: 60px;
margin: 0; }
.header-container .header-body .nav-container .sub-nav-container li a {
color: black; }
.header-container .header-body .nav-container .sub-nav-container li:hover {
text-decoration: underline;
background-color: #eee; }
.header-container .header-body .nav-container:hover {
color: #fff; }
.header-container .header-body .nav-container:hover .sub-nav-container {
display: block; }
.header-container .header-body .nav-container:hover .word::before {
opacity: 1; }
.header-container .header-body ul {
padding: 0;
margin: 0; }
.header-container .header-body li {
display: inline-block;
margin-right: 40px; }
.header-container .header-body .menu-item {
font-family: Avenir-Medium;
font-size: 14px;
vertical-align: bottom; }
.header-container .header-body .menu-item-primary a {
color: #fff;
opacity: 0.6;
font-family: Avenir-Medium; }
.header-container .header-body .menu-item-primary:hover a {
opacity: 1; }
.header-container .header-body .menu-item-primary-active a {
font-family: Avenir-Medium;
font-weight: 700;
opacity: 1; }
.header-container .header-body .menu-item-normal a {
color: #333;
opacity: 0.6;
font-family: Avenir-Medium; }
.header-container .header-body .menu-item-normal:hover a {
opacity: 1; }
.header-container .header-body .menu-item-normal-active a {
font-family: Avenir-Medium;
font-weight: 700;
opacity: 1; }
.header-container .header-body .language-switch {
float: right;
box-sizing: border-box;
width: 24px;
height: 24px;
line-height: 20px;
margin-top: 21px;
margin-right: 40px;
text-align: center;
border-radius: 2px;
cursor: pointer;
font-family: PingFangSC-Medium;
font-size: 14px;
opacity: 0.6; }
.header-container .header-body .language-switch:hover {
opacity: 1; }
.header-container .header-body .language-switch-primary {
border: 1px solid #FFF;
color: #FFF; }
.header-container .header-body .language-switch-normal {
border: 1px solid #333;
color: #333; }
.header-container .header-body .search {
float: right;
width: 24px;
height: 24px;
margin-top: 21px;
margin-right: 40px;
line-height: normal;
position: relative; }
.header-container .header-body .search .icon-search {
display: inline-block;
cursor: pointer;
width: 12px;
height: 12px;
border-radius: 50%;
border: 2px solid;
position: relative; }
.header-container .header-body .search .icon-search::before {
content: '';
transform: rotate(45deg);
width: 8px;
height: 2px;
position: absolute;
top: 13px;
left: 11px; }
.header-container .header-body .search-primary .icon-search {
border-color: #fff;
opacity: 0.6; }
.header-container .header-body .search-primary .icon-search::before {
background-color: #fff; }
.header-container .header-body .search-primary .icon-search:hover {
opacity: 1; }
.header-container .header-body .search-normal .icon-search {
border-color: #333;
opacity: 0.6; }
.header-container .header-body .search-normal .icon-search::before {
background-color: #333; }
.header-container .header-body .search-normal .icon-search:hover {
opacity: 1; }
.header-container .header-body .search .search-input {
position: absolute;
left: -172px;
top: 28px;
background: #fff;
border-radius: 4px;
overflow: hidden;
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.05), 0 -8px 16px 0 rgba(0, 0, 0, 0.05); }
.header-container .header-body .search .search-input img {
width: 28px;
height: 28px;
cursor: pointer;
vertical-align: middle; }
.header-container .header-body .search .search-input input {
padding: 0 4px;
border: none;
outline: none;
width: 160px;
height: 24px;
vertical-align: middle; }
@media screen and (max-width: 640px) {
.header-container .header-body .sub-nav-container li a {
color: black !important; }
.header-container .header-body .logo {
margin-left: 20px; }
.header-container .header-body .language-switch {
margin-right: 20px; }
.header-container .header-body .header-menu ul {
display: none; }
.header-container .header-body .header-menu .header-menu-toggle {
display: inline-block;
margin-right: 20px; }
.header-container .header-body .header-menu-open ul {
background-color: #f8f8f8;
display: inline-block;
position: absolute;
right: 0;
top: 66px;
z-index: 100; }
.header-container .header-body .header-menu-open li {
width: 200px;
display: list-item;
padding-left: 30px;
list-style: none;
line-height: 40px;
margin-right: 0; }
.header-container .header-body .header-menu-open li a {
color: #333;
display: inline-block;
width: 100%; }
.header-container .header-body .header-menu-open li:hover {
background-color: #0054D1; }
.header-container .header-body .header-menu-open li:hover a {
color: #fff;
opacity: 1; }
.header-container .header-body .header-menu-open .menu-item-primary-active, .header-container .header-body .header-menu-open .menu-item-normal-active {
background-color: #0054D1; }
.header-container .header-body .header-menu-open .menu-item-primary-active a, .header-container .header-body .header-menu-open .menu-item-normal-active a {
color: #fff;
opacity: 1; } }
.footer-container {
background: #F8F8F8; }
.footer-container .footer-body {
max-width: 1280px;
margin: 0 auto;
box-sizing: border-box;
padding: 40px 40px 0; }
@media screen and (max-width: 640px) {
.footer-container .footer-body {
padding-left: 20px;
padding-right: 20px; } }
.footer-container .footer-body .docsite-power {
font-size: 14px;
color: #ccc;
line-height: 18px;
margin-bottom: 40px; }
.footer-container .footer-body img {
height: 36px;
margin-right: 20px;
vertical-align: middle; }
.footer-container .footer-body .cols-container {
margin-bottom: 60px; }
.footer-container .footer-body .cols-container .col {
display: inline-block;
box-sizing: border-box;
vertical-align: top; }
.footer-container .footer-body .cols-container .col-12 {
width: 50%;
padding-right: 125px; }
.footer-container .footer-body .cols-container .col-6 {
width: 25%; }
.footer-container .footer-body .cols-container h3 {
font-family: Avenir-Medium;
font-weight: 700;
font-size: 18px;
color: #333;
line-height: 18px;
margin-bottom: 20px; }
.footer-container .footer-body .cols-container p {
font-family: Avenir-Medium;
font-size: 12px;
color: #999;
line-height: 18px; }
.footer-container .footer-body .cols-container dl {
font-family: Avenir-Medium;
font-weight: 700;
line-height: 18px; }
.footer-container .footer-body .cols-container dt {
font-weight: bold;
font-size: 18px;
color: #333;
margin-bottom: 20px; }
.footer-container .footer-body .cols-container dd {
padding: 0;
margin: 0; }
.footer-container .footer-body .cols-container dd a {
text-decoration: none;
display: block;
font-size: 14px;
color: #999;
margin: 10px 0; }
.footer-container .footer-body .cols-container dd a:hover {
color: #0054D1; }
.footer-container .footer-body .copyright {
border-top: 1px solid #ccc;
min-height: 60px;
line-height: 20px;
text-align: center;
font-family: Avenir-Medium;
font-size: 12px;
color: #999;
display: flex;
align-items: center; }
.footer-container .footer-body .copyright span {
display: inline-block;
margin: 0 auto; }
@media screen and (max-width: 640px) {
.footer-container .footer-body .cols-container .col {
width: 100%;
text-align: center;
padding: 0; } }
.button {
box-sizing: border-box;
display: inline-block;
height: 48px;
line-height: 48px;
min-width: 140px;
font-family: Avenir-Medium;
font-weight: 700;
font-size: 16px;
text-align: center;
border-radius: 4px;
text-decoration: none; }
.button-primary {
color: #0054D1;
background: #fff; }
.button-normal {
color: #fff;
opacity: 0.6;
border: 1px solid #fff; }
@font-face {
font-family: "iconfont";
src: url(./iconfont.eot);
/* IE9 */
src: url(./iconfont.eot) format("embedded-opentype"), url(data:application/x-font-woff2;charset=utf-8;base64,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) format("woff2"), url(./iconfont.woff) format("woff"), url(./iconfont.ttf) format("truetype"), url(./iconfont.svg) format("svg");
/* iOS 4.1- */ }
.docsite-icon {
font-family: "iconfont" !important;
font-size: 48px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #0054D1; }
.docsite-icon-feature-2:before {
content: "\e646"; }
.docsite-icon-feature-1:before {
content: "\e647"; }
.docsite-icon-feature-6:before {
content: "\e648"; }
.docsite-icon-feature-5:before {
content: "\e649"; }
.docsite-icon-feature-3:before {
content: "\e64a"; }
.docsite-icon-feature-4:before {
content: "\e64b"; }
.bone {
width: 24px;
height: 2px;
position: relative; }
.bone::before {
position: absolute;
content: '';
width: 6px;
height: 6px;
border-radius: 50%;
left: 0;
top: -2px; }
.bone::after {
position: absolute;
content: '';
width: 6px;
height: 6px;
border-radius: 50%;
right: 0;
top: -2px; }
.bone-dark {
background-color: #1161F6; }
.bone-dark::before {
background-color: #1161F6; }
.bone-dark::after {
background-color: #1161F6; }
.bone-light {
background-color: #fff;
opacity: 0.8; }
.bone-light::before {
background-color: #fff;
opacity: 0.8; }
.bone-light::after {
background-color: #fff;
opacity: 0.8; }
@charset "UTF-8";
@font-face {
font-family: octicons-link;
src: url(data:font/woff;charset=utf-8;base64,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) format("woff"); }
.markdown-body {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
line-height: 1.5;
color: #24292e;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 16px;
line-height: 1.5;
word-wrap: break-word; }
.markdown-body .pl-c {
color: #6a737d; }
.markdown-body .pl-c1,
.markdown-body .pl-s .pl-v {
color: #005cc5; }
.markdown-body .pl-e,
.markdown-body .pl-en {
color: #6f42c1; }
.markdown-body .pl-smi,
.markdown-body .pl-s .pl-s1 {
color: #24292e; }
.markdown-body .pl-ent {
color: #22863a; }
.markdown-body .pl-k {
color: #d73a49; }
.markdown-body .pl-s,
.markdown-body .pl-pds,
.markdown-body .pl-s .pl-pse .pl-s1,
.markdown-body .pl-sr,
.markdown-body .pl-sr .pl-cce,
.markdown-body .pl-sr .pl-sre,
.markdown-body .pl-sr .pl-sra {
color: #032f62; }
.markdown-body .pl-v,
.markdown-body .pl-smw {
color: #e36209; }
.markdown-body .pl-bu {
color: #b31d28; }
.markdown-body .pl-ii {
color: #fafbfc;
background-color: #b31d28; }
.markdown-body .pl-c2 {
color: #fafbfc;
background-color: #d73a49; }
.markdown-body .pl-c2::before {
content: "^M"; }
.markdown-body .pl-sr .pl-cce {
font-weight: bold;
color: #22863a; }
.markdown-body .pl-ml {
color: #735c0f; }
.markdown-body .pl-mh,
.markdown-body .pl-mh .pl-en,
.markdown-body .pl-ms {
font-weight: bold;
color: #005cc5; }
.markdown-body .pl-mi {
font-style: italic;
color: #24292e; }
.markdown-body .pl-mb {
font-weight: bold;
color: #24292e; }
.markdown-body .pl-md {
color: #b31d28;
background-color: #ffeef0; }
.markdown-body .pl-mi1 {
color: #22863a;
background-color: #f0fff4; }
.markdown-body .pl-mc {
color: #e36209;
background-color: #ffebda; }
.markdown-body .pl-mi2 {
color: #f6f8fa;
background-color: #005cc5; }
.markdown-body .pl-mdr {
font-weight: bold;
color: #6f42c1; }
.markdown-body .pl-ba {
color: #586069; }
.markdown-body .pl-sg {
color: #959da5; }
.markdown-body .pl-corl {
text-decoration: underline;
color: #032f62; }
.markdown-body .octicon {
display: inline-block;
vertical-align: text-top;
fill: currentColor; }
.markdown-body a {
background-color: transparent; }
.markdown-body a:active,
.markdown-body a:hover {
outline-width: 0; }
.markdown-body strong {
font-weight: inherit; }
.markdown-body strong {
font-weight: bolder; }
.markdown-body h1 {
font-size: 2em;
margin: 0.67em 0; }
.markdown-body img {
border-style: none; }
.markdown-body code,
.markdown-body kbd,
.markdown-body pre {
font-family: monospace, monospace;
font-size: 1em; }
.markdown-body hr {
box-sizing: content-box;
height: 0;
overflow: visible; }
.markdown-body input {
font: inherit;
margin: 0; }
.markdown-body input {
overflow: visible; }
.markdown-body [type="checkbox"] {
box-sizing: border-box;
padding: 0; }
.markdown-body * {
box-sizing: border-box; }
.markdown-body input {
font-family: inherit;
font-size: inherit;
line-height: inherit; }
.markdown-body a {
color: #0366d6;
text-decoration: none; }
.markdown-body a:hover {
color: #0366d6;
text-decoration: underline; }
.markdown-body strong {
font-weight: 600; }
.markdown-body hr {
height: 0;
margin: 15px 0;
overflow: hidden;
background: transparent;
border: 0;
border-bottom: 1px solid #dfe2e5; }
.markdown-body hr::before {
display: table;
content: ""; }
.markdown-body hr::after {
display: table;
clear: both;
content: ""; }
.markdown-body table {
border-spacing: 0;
border-collapse: collapse; }
.markdown-body td,
.markdown-body th {
padding: 0; }
.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
margin-top: 0;
margin-bottom: 0; }
.markdown-body h1 {
font-size: 32px;
font-weight: 600; }
.markdown-body h2 {
font-size: 24px;
font-weight: 600; }
.markdown-body h3 {
font-size: 20px;
font-weight: 600; }
.markdown-body h4 {
font-size: 16px;
font-weight: 600; }
.markdown-body h5 {
font-size: 14px;
font-weight: 600; }
.markdown-body h6 {
font-size: 12px;
font-weight: 600; }
.markdown-body p {
margin-top: 0;
margin-bottom: 10px; }
.markdown-body blockquote {
margin: 0; }
.markdown-body ul,
.markdown-body ol {
padding-left: 0;
margin-top: 0;
margin-bottom: 0; }
.markdown-body ol ol,
.markdown-body ul ol {
list-style-type: lower-roman; }
.markdown-body ul ul ol,
.markdown-body ul ol ol,
.markdown-body ol ul ol,
.markdown-body ol ol ol {
list-style-type: lower-alpha; }
.markdown-body dd {
margin-left: 0; }
.markdown-body code {
font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
font-size: 12px; }
.markdown-body pre {
margin-top: 0;
margin-bottom: 0;
font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
font-size: 12px; }
.markdown-body .octicon {
vertical-align: text-bottom; }
.markdown-body .pl-0 {
padding-left: 0 !important; }
.markdown-body .pl-1 {
padding-left: 4px !important; }
.markdown-body .pl-2 {
padding-left: 8px !important; }
.markdown-body .pl-3 {
padding-left: 16px !important; }
.markdown-body .pl-4 {
padding-left: 24px !important; }
.markdown-body .pl-5 {
padding-left: 32px !important; }
.markdown-body .pl-6 {
padding-left: 40px !important; }
.markdown-body::before {
display: table;
content: ""; }
.markdown-body::after {
display: table;
clear: both;
content: ""; }
.markdown-body > *:first-child {
margin-top: 0 !important; }
.markdown-body > *:last-child {
margin-bottom: 0 !important; }
.markdown-body a:not([href]) {
color: inherit;
text-decoration: none; }
.markdown-body .anchor {
float: left;
padding-right: 4px;
margin-left: -20px;
line-height: 1; }
.markdown-body .anchor:focus {
outline: none; }
.markdown-body p,
.markdown-body blockquote,
.markdown-body ul,
.markdown-body ol,
.markdown-body dl,
.markdown-body table,
.markdown-body pre {
margin-top: 0;
margin-bottom: 16px; }
.markdown-body hr {
height: 0.25em;
padding: 0;
margin: 24px 0;
background-color: #e1e4e8;
border: 0; }
.markdown-body blockquote {
padding: 0 1em;
color: #6a737d;
border-left: 0.25em solid #dfe2e5; }
.markdown-body blockquote > :first-child {
margin-top: 0; }
.markdown-body blockquote > :last-child {
margin-bottom: 0; }
.markdown-body kbd {
display: inline-block;
padding: 3px 5px;
font-size: 11px;
line-height: 10px;
color: #444d56;
vertical-align: middle;
background-color: #fafbfc;
border: solid 1px #c6cbd1;
border-bottom-color: #959da5;
border-radius: 3px;
box-shadow: inset 0 -1px 0 #959da5; }
.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
margin-top: 24px;
margin-bottom: 16px;
font-weight: 600;
line-height: 1.25; }
.markdown-body h1 .octicon-link,
.markdown-body h2 .octicon-link,
.markdown-body h3 .octicon-link,
.markdown-body h4 .octicon-link,
.markdown-body h5 .octicon-link,
.markdown-body h6 .octicon-link {
color: #1b1f23;
vertical-align: middle;
visibility: hidden; }
.markdown-body h1:hover .anchor,
.markdown-body h2:hover .anchor,
.markdown-body h3:hover .anchor,
.markdown-body h4:hover .anchor,
.markdown-body h5:hover .anchor,
.markdown-body h6:hover .anchor {
text-decoration: none; }
.markdown-body h1:hover .anchor .octicon-link,
.markdown-body h2:hover .anchor .octicon-link,
.markdown-body h3:hover .anchor .octicon-link,
.markdown-body h4:hover .anchor .octicon-link,
.markdown-body h5:hover .anchor .octicon-link,
.markdown-body h6:hover .anchor .octicon-link {
visibility: visible; }
.markdown-body h1 {
padding-bottom: 0.3em;
font-size: 2em;
border-bottom: 1px solid #eaecef; }
.markdown-body h2 {
padding-bottom: 0.3em;
font-size: 1.5em;
border-bottom: 1px solid #eaecef; }
.markdown-body h3 {
font-size: 1.25em; }
.markdown-body h4 {
font-size: 1em; }
.markdown-body h5 {
font-size: 0.875em; }
.markdown-body h6 {
font-size: 0.85em;
color: #6a737d; }
.markdown-body ul,
.markdown-body ol {
padding-left: 2em; }
.markdown-body ul ul,
.markdown-body ul ol,
.markdown-body ol ol,
.markdown-body ol ul {
margin-top: 0;
margin-bottom: 0; }
.markdown-body li {
word-wrap: break-all; }
.markdown-body li > p {
margin-top: 16px; }
.markdown-body li + li {
margin-top: 0.25em; }
.markdown-body dl {
padding: 0; }
.markdown-body dl dt {
padding: 0;
margin-top: 16px;
font-size: 1em;
font-style: italic;
font-weight: 600; }
.markdown-body dl dd {
padding: 0 16px;
margin-bottom: 16px; }
.markdown-body table {
display: block;
width: 100%;
overflow: auto; }
.markdown-body table th {
font-weight: 600; }
.markdown-body table th,
.markdown-body table td {
padding: 6px 13px;
border: 1px solid #dfe2e5; }
.markdown-body table tr {
background-color: #fff;
border-top: 1px solid #c6cbd1; }
.markdown-body table tr:nth-child(2n) {
background-color: #f6f8fa; }
.markdown-body img {
max-width: 100%;
box-sizing: content-box;
background-color: #fff; }
.markdown-body img[align=right] {
padding-left: 20px; }
.markdown-body img[align=left] {
padding-right: 20px; }
.markdown-body code {
padding: 0.2em 0.4em;
margin: 0;
font-size: 85%;
background-color: rgba(27, 31, 35, 0.05);
border-radius: 3px; }
.markdown-body pre {
word-wrap: normal; }
.markdown-body pre > code {
padding: 0;
margin: 0;
font-size: 100%;
word-break: normal;
white-space: pre;
background: transparent;
border: 0; }
.markdown-body .highlight {
margin-bottom: 16px; }
.markdown-body .highlight pre {
margin-bottom: 0;
word-break: normal; }
.markdown-body .highlight pre,
.markdown-body pre {
padding: 16px;
overflow: auto;
font-size: 85%;
line-height: 1.45;
background-color: #f6f8fa;
border-radius: 3px; }
.markdown-body pre code {
display: inline;
max-width: auto;
padding: 0;
margin: 0;
overflow: visible;
line-height: inherit;
word-wrap: normal;
background-color: transparent;
border: 0; }
.markdown-body .full-commit .btn-outline:not(:disabled):hover {
color: #005cc5;
border-color: #005cc5; }
.markdown-body kbd {
display: inline-block;
padding: 3px 5px;
font: 11px "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
line-height: 10px;
color: #444d56;
vertical-align: middle;
background-color: #fafbfc;
border: solid 1px #d1d5da;
border-bottom-color: #c6cbd1;
border-radius: 3px;
box-shadow: inset 0 -1px 0 #c6cbd1; }
.markdown-body :checked + .radio-label {
position: relative;
z-index: 1;
border-color: #0366d6; }
.markdown-body .task-list-item {
list-style-type: none; }
.markdown-body .task-list-item + .task-list-item {
margin-top: 3px; }
.markdown-body .task-list-item input {
margin: 0 0.2em 0.25em -1.6em;
vertical-align: middle; }
.markdown-body hr {
border-bottom-color: #eee; }
/* 代码高亮 */
.markdown-body pre code {
display: block;
overflow-x: auto;
padding: 0.5em;
background: #f6f8fa;
color: #24292e; }
/*
github.com style (c) Vasily Polovnyov <vast@whiteants.net>
*/
.hljs {
display: block;
overflow-x: auto;
padding: 0.5em;
color: #333;
background: #f8f8f8; }
.hljs-comment,
.hljs-quote {
color: #998;
font-style: italic; }
.hljs-keyword,
.hljs-selector-tag,
.hljs-subst {
color: #333;
font-weight: bold; }
.hljs-number,
.hljs-literal,
.hljs-variable,
.hljs-template-variable,
.hljs-tag .hljs-attr {
color: #008080; }
.hljs-string,
.hljs-doctag {
color: #d14; }
.hljs-title,
.hljs-section,
.hljs-selector-id {
color: #900;
font-weight: bold; }
.hljs-subst {
font-weight: normal; }
.hljs-type,
.hljs-class .hljs-title {
color: #458;
font-weight: bold; }
.hljs-tag,
.hljs-name,
.hljs-attribute {
color: #000080;
font-weight: normal; }
.hljs-regexp,
.hljs-link {
color: #009926; }
.hljs-symbol,
.hljs-bullet {
color: #990073; }
.hljs-built_in,
.hljs-builtin-name {
color: #0086b3; }
.hljs-meta {
color: #999;
font-weight: bold; }
.hljs-deletion {
background: #fdd; }
.hljs-addition {
background: #dfd; }
.hljs-emphasis {
font-style: italic; }
.hljs-strong {
font-weight: bold; }
@font-face {
font-family: KaTeX_AMS;
src: url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_AMS-Regular.eot);
src: url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_AMS-Regular.eot#iefix) format("embedded-opentype"), url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_AMS-Regular.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_AMS-Regular.woff) format("woff"), url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_AMS-Regular.ttf) format("ttf");
font-weight: 400;
font-style: normal; }
@font-face {
font-family: KaTeX_Caligraphic;
src: url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Caligraphic-Bold.eot);
src: url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Caligraphic-Bold.eot#iefix) format("embedded-opentype"), url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Caligraphic-Bold.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Caligraphic-Bold.woff) format("woff"), url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Caligraphic-Bold.ttf) format("ttf");
font-weight: 700;
font-style: normal; }
@font-face {
font-family: KaTeX_Caligraphic;
src: url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Caligraphic-Regular.eot);
src: url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Caligraphic-Regular.eot#iefix) format("embedded-opentype"), url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Caligraphic-Regular.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Caligraphic-Regular.woff) format("woff"), url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Caligraphic-Regular.ttf) format("ttf");
font-weight: 400;
font-style: normal; }
@font-face {
font-family: KaTeX_Fraktur;
src: url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Fraktur-Bold.eot);
src: url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Fraktur-Bold.eot#iefix) format("embedded-opentype"), url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Fraktur-Bold.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Fraktur-Bold.woff) format("woff"), url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Fraktur-Bold.ttf) format("ttf");
font-weight: 700;
font-style: normal; }
@font-face {
font-family: KaTeX_Fraktur;
src: url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Fraktur-Regular.eot);
src: url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Fraktur-Regular.eot#iefix) format("embedded-opentype"), url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Fraktur-Regular.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Fraktur-Regular.woff) format("woff"), url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Fraktur-Regular.ttf) format("ttf");
font-weight: 400;
font-style: normal; }
@font-face {
font-family: KaTeX_Main;
src: url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Main-Bold.eot);
src: url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Main-Bold.eot#iefix) format("embedded-opentype"), url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Main-Bold.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Main-Bold.woff) format("woff"), url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Main-Bold.ttf) format("ttf");
font-weight: 700;
font-style: normal; }
@font-face {
font-family: KaTeX_Main;
src: url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Main-Italic.eot);
src: url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Main-Italic.eot#iefix) format("embedded-opentype"), url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Main-Italic.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Main-Italic.woff) format("woff"), url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Main-Italic.ttf) format("ttf");
font-weight: 400;
font-style: italic; }
@font-face {
font-family: KaTeX_Main;
src: url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Main-Regular.eot);
src: url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Main-Regular.eot#iefix) format("embedded-opentype"), url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Main-Regular.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Main-Regular.woff) format("woff"), url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Main-Regular.ttf) format("ttf");
font-weight: 400;
font-style: normal; }
@font-face {
font-family: KaTeX_Math;
src: url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Math-Italic.eot);
src: url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Math-Italic.eot#iefix) format("embedded-opentype"), url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Math-Italic.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Math-Italic.woff) format("woff"), url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Math-Italic.ttf) format("ttf");
font-weight: 400;
font-style: italic; }
@font-face {
font-family: KaTeX_SansSerif;
src: url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_SansSerif-Regular.eot);
src: url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_SansSerif-Regular.eot#iefix) format("embedded-opentype"), url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_SansSerif-Regular.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_SansSerif-Regular.woff) format("woff"), url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_SansSerif-Regular.ttf) format("ttf");
font-weight: 400;
font-style: normal; }
@font-face {
font-family: KaTeX_Script;
src: url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Script-Regular.eot);
src: url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Script-Regular.eot#iefix) format("embedded-opentype"), url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Script-Regular.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Script-Regular.woff) format("woff"), url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Script-Regular.ttf) format("ttf");
font-weight: 400;
font-style: normal; }
@font-face {
font-family: KaTeX_Size1;
src: url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Size1-Regular.eot);
src: url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Size1-Regular.eot#iefix) format("embedded-opentype"), url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Size1-Regular.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Size1-Regular.woff) format("woff"), url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Size1-Regular.ttf) format("ttf");
font-weight: 400;
font-style: normal; }
@font-face {
font-family: KaTeX_Size2;
src: url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Size2-Regular.eot);
src: url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Size2-Regular.eot#iefix) format("embedded-opentype"), url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Size2-Regular.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Size2-Regular.woff) format("woff"), url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Size2-Regular.ttf) format("ttf");
font-weight: 400;
font-style: normal; }
@font-face {
font-family: KaTeX_Size3;
src: url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Size3-Regular.eot);
src: url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Size3-Regular.eot#iefix) format("embedded-opentype"), url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Size3-Regular.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Size3-Regular.woff) format("woff"), url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Size3-Regular.ttf) format("ttf");
font-weight: 400;
font-style: normal; }
@font-face {
font-family: KaTeX_Size4;
src: url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Size4-Regular.eot);
src: url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Size4-Regular.eot#iefix) format("embedded-opentype"), url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Size4-Regular.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Size4-Regular.woff) format("woff"), url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Size4-Regular.ttf) format("ttf");
font-weight: 400;
font-style: normal; }
@font-face {
font-family: KaTeX_Typewriter;
src: url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Typewriter-Regular.eot);
src: url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Typewriter-Regular.eot#iefix) format("embedded-opentype"), url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Typewriter-Regular.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Typewriter-Regular.woff) format("woff"), url(https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/fonts/KaTeX_Typewriter-Regular.ttf) format("ttf");
font-weight: 400;
font-style: normal; }
.katex-display {
display: block;
margin: 1em 0;
text-align: center; }
.katex-display > .katex {
display: inline-block; }
.katex {
font: 400 1.21em KaTeX_Main;
line-height: 1.2;
white-space: nowrap;
text-indent: 0; }
.katex .katex-html {
display: inline-block; }
.katex .katex-mathml {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden; }
.katex .base, .katex .strut {
display: inline-block; }
.katex .mathit {
font-family: KaTeX_Math;
font-style: italic; }
.katex .mathbf {
font-family: KaTeX_Main;
font-weight: 700; }
.katex .amsrm, .katex .mathbb {
font-family: KaTeX_AMS; }
.katex .mathcal {
font-family: KaTeX_Caligraphic; }
.katex .mathfrak {
font-family: KaTeX_Fraktur; }
.katex .mathtt {
font-family: KaTeX_Typewriter; }
.katex .mathscr {
font-family: KaTeX_Script; }
.katex .mathsf {
font-family: KaTeX_SansSerif; }
.katex .mainit {
font-family: KaTeX_Main;
font-style: italic; }
.katex .textstyle > .mord + .mop {
margin-left: .16667em; }
.katex .textstyle > .mord + .mbin {
margin-left: .22222em; }
.katex .textstyle > .mord + .mrel {
margin-left: .27778em; }
.katex .textstyle > .mop + .mop, .katex .textstyle > .mop + .mord, .katex .textstyle > .mord + .minner {
margin-left: .16667em; }
.katex .textstyle > .mop + .mrel {
margin-left: .27778em; }
.katex .textstyle > .mop + .minner {
margin-left: .16667em; }
.katex .textstyle > .mbin + .minner, .katex .textstyle > .mbin + .mop, .katex .textstyle > .mbin + .mopen, .katex .textstyle > .mbin + .mord {
margin-left: .22222em; }
.katex .textstyle > .mrel + .minner, .katex .textstyle > .mrel + .mop, .katex .textstyle > .mrel + .mopen, .katex .textstyle > .mrel + .mord {
margin-left: .27778em; }
.katex .textstyle > .mclose + .mop {
margin-left: .16667em; }
.katex .textstyle > .mclose + .mbin {
margin-left: .22222em; }
.katex .textstyle > .mclose + .mrel {
margin-left: .27778em; }
.katex .textstyle > .mclose + .minner, .katex .textstyle > .minner + .mop, .katex .textstyle > .minner + .mord, .katex .textstyle > .mpunct + .mclose, .katex .textstyle > .mpunct + .minner, .katex .textstyle > .mpunct + .mop, .katex .textstyle > .mpunct + .mopen, .katex .textstyle > .mpunct + .mord, .katex .textstyle > .mpunct + .mpunct, .katex .textstyle > .mpunct + .mrel {
margin-left: .16667em; }
.katex .textstyle > .minner + .mbin {
margin-left: .22222em; }
.katex .textstyle > .minner + .mrel {
margin-left: .27778em; }
.katex .mclose + .mop, .katex .minner + .mop, .katex .mop + .mop, .katex .mop + .mord, .katex .mord + .mop, .katex .textstyle > .minner + .minner, .katex .textstyle > .minner + .mopen, .katex .textstyle > .minner + .mpunct {
margin-left: .16667em; }
.katex .reset-textstyle.textstyle {
font-size: 1em; }
.katex .reset-textstyle.scriptstyle {
font-size: .7em; }
.katex .reset-textstyle.scriptscriptstyle {
font-size: .5em; }
.katex .reset-scriptstyle.textstyle {
font-size: 1.42857em; }
.katex .reset-scriptstyle.scriptstyle {
font-size: 1em; }
.katex .reset-scriptstyle.scriptscriptstyle {
font-size: .71429em; }
.katex .reset-scriptscriptstyle.textstyle {
font-size: 2em; }
.katex .reset-scriptscriptstyle.scriptstyle {
font-size: 1.4em; }
.katex .reset-scriptscriptstyle.scriptscriptstyle {
font-size: 1em; }
.katex .style-wrap {
position: relative; }
.katex .vlist {
display: inline-block; }
.katex .vlist > span {
display: block;
height: 0;
position: relative; }
.katex .vlist > span > span {
display: inline-block; }
.katex .vlist .baseline-fix {
display: inline-table;
table-layout: fixed; }
.katex .msupsub {
text-align: left; }
.katex .mfrac > span > span {
text-align: center; }
.katex .mfrac .frac-line {
width: 100%; }
.katex .mfrac .frac-line:before {
border-bottom-style: solid;
border-bottom-width: 1px;
content: "";
display: block; }
.katex .mfrac .frac-line:after {
border-bottom-style: solid;
border-bottom-width: .04em;
content: "";
display: block;
margin-top: -1px; }
.katex .mspace {
display: inline-block; }
.katex .mspace.negativethinspace {
margin-left: -.16667em; }
.katex .mspace.thinspace {
width: .16667em; }
.katex .mspace.mediumspace {
width: .22222em; }
.katex .mspace.thickspace {
width: .27778em; }
.katex .mspace.enspace {
width: .5em; }
.katex .mspace.quad {
width: 1em; }
.katex .mspace.qquad {
width: 2em; }
.katex .llap, .katex .rlap {
width: 0;
position: relative; }
.katex .llap > .inner, .katex .rlap > .inner {
position: absolute; }
.katex .llap > .fix, .katex .rlap > .fix {
display: inline-block; }
.katex .llap > .inner {
right: 0; }
.katex .rlap > .inner {
left: 0; }
.katex .katex-logo .a {
font-size: .75em;
margin-left: -.32em;
position: relative;
top: -.2em; }
.katex .katex-logo .t {
margin-left: -.23em; }
.katex .katex-logo .e {
margin-left: -.1667em;
position: relative;
top: .2155em; }
.katex .katex-logo .x {
margin-left: -.125em; }
.katex .rule {
display: inline-block;
border-style: solid;
position: relative; }
.katex .overline .overline-line {
width: 100%; }
.katex .overline .overline-line:before {
border-bottom-style: solid;
border-bottom-width: 1px;
content: "";
display: block; }
.katex .overline .overline-line:after {
border-bottom-style: solid;
border-bottom-width: .04em;
content: "";
display: block;
margin-top: -1px; }
.katex .sqrt > .sqrt-sign {
position: relative; }
.katex .sqrt .sqrt-line {
width: 100%; }
.katex .sqrt .sqrt-line:before {
border-bottom-style: solid;
border-bottom-width: 1px;
content: "";
display: block; }
.katex .sqrt .sqrt-line:after {
border-bottom-style: solid;
border-bottom-width: .04em;
content: "";
display: block;
margin-top: -1px; }
.katex .sqrt > .root {
margin-left: .27777778em;
margin-right: -.55555556em; }
.katex .fontsize-ensurer, .katex .sizing {
display: inline-block; }
.katex .fontsize-ensurer.reset-size1.size1, .katex .sizing.reset-size1.size1 {
font-size: 1em; }
.katex .fontsize-ensurer.reset-size1.size2, .katex .sizing.reset-size1.size2 {
font-size: 1.4em; }
.katex .fontsize-ensurer.reset-size1.size3, .katex .sizing.reset-size1.size3 {
font-size: 1.6em; }
.katex .fontsize-ensurer.reset-size1.size4, .katex .sizing.reset-size1.size4 {
font-size: 1.8em; }
.katex .fontsize-ensurer.reset-size1.size5, .katex .sizing.reset-size1.size5 {
font-size: 2em; }
.katex .fontsize-ensurer.reset-size1.size6, .katex .sizing.reset-size1.size6 {
font-size: 2.4em; }
.katex .fontsize-ensurer.reset-size1.size7, .katex .sizing.reset-size1.size7 {
font-size: 2.88em; }
.katex .fontsize-ensurer.reset-size1.size8, .katex .sizing.reset-size1.size8 {
font-size: 3.46em; }
.katex .fontsize-ensurer.reset-size1.size9, .katex .sizing.reset-size1.size9 {
font-size: 4.14em; }
.katex .fontsize-ensurer.reset-size1.size10, .katex .sizing.reset-size1.size10 {
font-size: 4.98em; }
.katex .fontsize-ensurer.reset-size2.size1, .katex .sizing.reset-size2.size1 {
font-size: .71428571em; }
.katex .fontsize-ensurer.reset-size2.size2, .katex .sizing.reset-size2.size2 {
font-size: 1em; }
.katex .fontsize-ensurer.reset-size2.size3, .katex .sizing.reset-size2.size3 {
font-size: 1.14285714em; }
.katex .fontsize-ensurer.reset-size2.size4, .katex .sizing.reset-size2.size4 {
font-size: 1.28571429em; }
.katex .fontsize-ensurer.reset-size2.size5, .katex .sizing.reset-size2.size5 {
font-size: 1.42857143em; }
.katex .fontsize-ensurer.reset-size2.size6, .katex .sizing.reset-size2.size6 {
font-size: 1.71428571em; }
.katex .fontsize-ensurer.reset-size2.size7, .katex .sizing.reset-size2.size7 {
font-size: 2.05714286em; }
.katex .fontsize-ensurer.reset-size2.size8, .katex .sizing.reset-size2.size8 {
font-size: 2.47142857em; }
.katex .fontsize-ensurer.reset-size2.size9, .katex .sizing.reset-size2.size9 {
font-size: 2.95714286em; }
.katex .fontsize-ensurer.reset-size2.size10, .katex .sizing.reset-size2.size10 {
font-size: 3.55714286em; }
.katex .fontsize-ensurer.reset-size3.size1, .katex .sizing.reset-size3.size1 {
font-size: .625em; }
.katex .fontsize-ensurer.reset-size3.size2, .katex .sizing.reset-size3.size2 {
font-size: .875em; }
.katex .fontsize-ensurer.reset-size3.size3, .katex .sizing.reset-size3.size3 {
font-size: 1em; }
.katex .fontsize-ensurer.reset-size3.size4, .katex .sizing.reset-size3.size4 {
font-size: 1.125em; }
.katex .fontsize-ensurer.reset-size3.size5, .katex .sizing.reset-size3.size5 {
font-size: 1.25em; }
.katex .fontsize-ensurer.reset-size3.size6, .katex .sizing.reset-size3.size6 {
font-size: 1.5em; }
.katex .fontsize-ensurer.reset-size3.size7, .katex .sizing.reset-size3.size7 {
font-size: 1.8em; }
.katex .fontsize-ensurer.reset-size3.size8, .katex .sizing.reset-size3.size8 {
font-size: 2.1625em; }
.katex .fontsize-ensurer.reset-size3.size9, .katex .sizing.reset-size3.size9 {
font-size: 2.5875em; }
.katex .fontsize-ensurer.reset-size3.size10, .katex .sizing.reset-size3.size10 {
font-size: 3.1125em; }
.katex .fontsize-ensurer.reset-size4.size1, .katex .sizing.reset-size4.size1 {
font-size: .55555556em; }
.katex .fontsize-ensurer.reset-size4.size2, .katex .sizing.reset-size4.size2 {
font-size: .77777778em; }
.katex .fontsize-ensurer.reset-size4.size3, .katex .sizing.reset-size4.size3 {
font-size: .88888889em; }
.katex .fontsize-ensurer.reset-size4.size4, .katex .sizing.reset-size4.size4 {
font-size: 1em; }
.katex .fontsize-ensurer.reset-size4.size5, .katex .sizing.reset-size4.size5 {
font-size: 1.11111111em; }
.katex .fontsize-ensurer.reset-size4.size6, .katex .sizing.reset-size4.size6 {
font-size: 1.33333333em; }
.katex .fontsize-ensurer.reset-size4.size7, .katex .sizing.reset-size4.size7 {
font-size: 1.6em; }
.katex .fontsize-ensurer.reset-size4.size8, .katex .sizing.reset-size4.size8 {
font-size: 1.92222222em; }
.katex .fontsize-ensurer.reset-size4.size9, .katex .sizing.reset-size4.size9 {
font-size: 2.3em; }
.katex .fontsize-ensurer.reset-size4.size10, .katex .sizing.reset-size4.size10 {
font-size: 2.76666667em; }
.katex .fontsize-ensurer.reset-size5.size1, .katex .sizing.reset-size5.size1 {
font-size: .5em; }
.katex .fontsize-ensurer.reset-size5.size2, .katex .sizing.reset-size5.size2 {
font-size: .7em; }
.katex .fontsize-ensurer.reset-size5.size3, .katex .sizing.reset-size5.size3 {
font-size: .8em; }
.katex .fontsize-ensurer.reset-size5.size4, .katex .sizing.reset-size5.size4 {
font-size: .9em; }
.katex .fontsize-ensurer.reset-size5.size5, .katex .sizing.reset-size5.size5 {
font-size: 1em; }
.katex .fontsize-ensurer.reset-size5.size6, .katex .sizing.reset-size5.size6 {
font-size: 1.2em; }
.katex .fontsize-ensurer.reset-size5.size7, .katex .sizing.reset-size5.size7 {
font-size: 1.44em; }
.katex .fontsize-ensurer.reset-size5.size8, .katex .sizing.reset-size5.size8 {
font-size: 1.73em; }
.katex .fontsize-ensurer.reset-size5.size9, .katex .sizing.reset-size5.size9 {
font-size: 2.07em; }
.katex .fontsize-ensurer.reset-size5.size10, .katex .sizing.reset-size5.size10 {
font-size: 2.49em; }
.katex .fontsize-ensurer.reset-size6.size1, .katex .sizing.reset-size6.size1 {
font-size: .41666667em; }
.katex .fontsize-ensurer.reset-size6.size2, .katex .sizing.reset-size6.size2 {
font-size: .58333333em; }
.katex .fontsize-ensurer.reset-size6.size3, .katex .sizing.reset-size6.size3 {
font-size: .66666667em; }
.katex .fontsize-ensurer.reset-size6.size4, .katex .sizing.reset-size6.size4 {
font-size: .75em; }
.katex .fontsize-ensurer.reset-size6.size5, .katex .sizing.reset-size6.size5 {
font-size: .83333333em; }
.katex .fontsize-ensurer.reset-size6.size6, .katex .sizing.reset-size6.size6 {
font-size: 1em; }
.katex .fontsize-ensurer.reset-size6.size7, .katex .sizing.reset-size6.size7 {
font-size: 1.2em; }
.katex .fontsize-ensurer.reset-size6.size8, .katex .sizing.reset-size6.size8 {
font-size: 1.44166667em; }
.katex .fontsize-ensurer.reset-size6.size9, .katex .sizing.reset-size6.size9 {
font-size: 1.725em; }
.katex .fontsize-ensurer.reset-size6.size10, .katex .sizing.reset-size6.size10 {
font-size: 2.075em; }
.katex .fontsize-ensurer.reset-size7.size1, .katex .sizing.reset-size7.size1 {
font-size: .34722222em; }
.katex .fontsize-ensurer.reset-size7.size2, .katex .sizing.reset-size7.size2 {
font-size: .48611111em; }
.katex .fontsize-ensurer.reset-size7.size3, .katex .sizing.reset-size7.size3 {
font-size: .55555556em; }
.katex .fontsize-ensurer.reset-size7.size4, .katex .sizing.reset-size7.size4 {
font-size: .625em; }
.katex .fontsize-ensurer.reset-size7.size5, .katex .sizing.reset-size7.size5 {
font-size: .69444444em; }
.katex .fontsize-ensurer.reset-size7.size6, .katex .sizing.reset-size7.size6 {
font-size: .83333333em; }
.katex .fontsize-ensurer.reset-size7.size7, .katex .sizing.reset-size7.size7 {
font-size: 1em; }
.katex .fontsize-ensurer.reset-size7.size8, .katex .sizing.reset-size7.size8 {
font-size: 1.20138889em; }
.katex .fontsize-ensurer.reset-size7.size9, .katex .sizing.reset-size7.size9 {
font-size: 1.4375em; }
.katex .fontsize-ensurer.reset-size7.size10, .katex .sizing.reset-size7.size10 {
font-size: 1.72916667em; }
.katex .fontsize-ensurer.reset-size8.size1, .katex .sizing.reset-size8.size1 {
font-size: .28901734em; }
.katex .fontsize-ensurer.reset-size8.size2, .katex .sizing.reset-size8.size2 {
font-size: .40462428em; }
.katex .fontsize-ensurer.reset-size8.size3, .katex .sizing.reset-size8.size3 {
font-size: .46242775em; }
.katex .fontsize-ensurer.reset-size8.size4, .katex .sizing.reset-size8.size4 {
font-size: .52023121em; }
.katex .fontsize-ensurer.reset-size8.size5, .katex .sizing.reset-size8.size5 {
font-size: .57803468em; }
.katex .fontsize-ensurer.reset-size8.size6, .katex .sizing.reset-size8.size6 {
font-size: .69364162em; }
.katex .fontsize-ensurer.reset-size8.size7, .katex .sizing.reset-size8.size7 {
font-size: .83236994em; }
.katex .fontsize-ensurer.reset-size8.size8, .katex .sizing.reset-size8.size8 {
font-size: 1em; }
.katex .fontsize-ensurer.reset-size8.size9, .katex .sizing.reset-size8.size9 {
font-size: 1.19653179em; }
.katex .fontsize-ensurer.reset-size8.size10, .katex .sizing.reset-size8.size10 {
font-size: 1.43930636em; }
.katex .fontsize-ensurer.reset-size9.size1, .katex .sizing.reset-size9.size1 {
font-size: .24154589em; }
.katex .fontsize-ensurer.reset-size9.size2, .katex .sizing.reset-size9.size2 {
font-size: .33816425em; }
.katex .fontsize-ensurer.reset-size9.size3, .katex .sizing.reset-size9.size3 {
font-size: .38647343em; }
.katex .fontsize-ensurer.reset-size9.size4, .katex .sizing.reset-size9.size4 {
font-size: .43478261em; }
.katex .fontsize-ensurer.reset-size9.size5, .katex .sizing.reset-size9.size5 {
font-size: .48309179em; }
.katex .fontsize-ensurer.reset-size9.size6, .katex .sizing.reset-size9.size6 {
font-size: .57971014em; }
.katex .fontsize-ensurer.reset-size9.size7, .katex .sizing.reset-size9.size7 {
font-size: .69565217em; }
.katex .fontsize-ensurer.reset-size9.size8, .katex .sizing.reset-size9.size8 {
font-size: .83574879em; }
.katex .fontsize-ensurer.reset-size9.size9, .katex .sizing.reset-size9.size9 {
font-size: 1em; }
.katex .fontsize-ensurer.reset-size9.size10, .katex .sizing.reset-size9.size10 {
font-size: 1.20289855em; }
.katex .fontsize-ensurer.reset-size10.size1, .katex .sizing.reset-size10.size1 {
font-size: .20080321em; }
.katex .fontsize-ensurer.reset-size10.size2, .katex .sizing.reset-size10.size2 {
font-size: .2811245em; }
.katex .fontsize-ensurer.reset-size10.size3, .katex .sizing.reset-size10.size3 {
font-size: .32128514em; }
.katex .fontsize-ensurer.reset-size10.size4, .katex .sizing.reset-size10.size4 {
font-size: .36144578em; }
.katex .fontsize-ensurer.reset-size10.size5, .katex .sizing.reset-size10.size5 {
font-size: .40160643em; }
.katex .fontsize-ensurer.reset-size10.size6, .katex .sizing.reset-size10.size6 {
font-size: .48192771em; }
.katex .fontsize-ensurer.reset-size10.size7, .katex .sizing.reset-size10.size7 {
font-size: .57831325em; }
.katex .fontsize-ensurer.reset-size10.size8, .katex .sizing.reset-size10.size8 {
font-size: .69477912em; }
.katex .fontsize-ensurer.reset-size10.size9, .katex .sizing.reset-size10.size9 {
font-size: .8313253em; }
.katex .fontsize-ensurer.reset-size10.size10, .katex .sizing.reset-size10.size10 {
font-size: 1em; }
.katex .delimsizing.size1 {
font-family: KaTeX_Size1; }
.katex .delimsizing.size2 {
font-family: KaTeX_Size2; }
.katex .delimsizing.size3 {
font-family: KaTeX_Size3; }
.katex .delimsizing.size4 {
font-family: KaTeX_Size4; }
.katex .delimsizing.mult .delim-size1 > span {
font-family: KaTeX_Size1; }
.katex .delimsizing.mult .delim-size4 > span {
font-family: KaTeX_Size4; }
.katex .nulldelimiter {
display: inline-block;
width: .12em; }
.katex .op-symbol {
position: relative; }
.katex .op-symbol.small-op {
font-family: KaTeX_Size1; }
.katex .op-symbol.large-op {
font-family: KaTeX_Size2; }
.katex .accent > .vlist > span, .katex .op-limits > .vlist > span {
text-align: center; }
.katex .accent .accent-body > span {
width: 0; }
.katex .accent .accent-body.accent-vec > span {
position: relative;
left: .326em; }
.katex .mtable .vertical-separator {
display: inline-block;
margin: 0 -.025em;
border-right: .05em solid #000; }
.katex .mtable .arraycolsep {
display: inline-block; }
.katex .mtable .col-align-c > .vlist {
text-align: center; }
.katex .mtable .col-align-l > .vlist {
text-align: left; }
.katex .mtable .col-align-r > .vlist {
text-align: right; }
* {
padding: 0;
margin: 0; }
a {
text-decoration: none; }
h1, h2, h3, h4, h5, h6 {
font-weight: 400; }
@keyframes updown {
0% {
transform: translateY(10px); }
0% {
transform: translateY(-10px); } }
@keyframes rotate-circle {
100% {
transform: rotate(360deg); } }
.home-page .top-section {
height: 720px;
background-color: #0054D1; }
.home-page .top-section .top-body {
position: relative;
overflow: hidden;
height: 100%;
max-width: 1280px;
margin: 0 auto; }
.home-page .top-section .vertical-middle {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
box-sizing: border-box;
width: 50%;
z-index: 5; }
.home-page .top-section .product-name {
position: relative;
display: inline-block; }
.home-page .top-section .product-name h2 {
font-family: Avenir-Medium;
font-weight: 700;
font-size: 46px;
color: #FFF;
word-break: break-word;
margin: 0; }
.home-page .top-section .product-desc {
font-family: Avenir-Medium;
font-size: 24px;
color: #FFF;
margin: 12px auto 0;
max-width: 730px; }
.home-page .top-section .button-area {
margin-top: 40px; }
.home-page .top-section .button-area .button {
margin-right: 20px;
margin-bottom: 10px; }
.home-page .top-section .button-area .button:last-child {
margin-right: 0; }
@media screen and (max-width: 320px) {
.home-page .top-section .button-area .button {
margin-right: 1px; } }
.home-page .top-section .github-buttons {
margin-top: 10px; }
.home-page .top-section .github-buttons a {
margin-right: 20px; }
.home-page .top-section .github-buttons a:last-child {
margin-right: 0; }
.home-page .top-section .github-buttons a div {
border-radius: 2px;
display: inline-block;
height: 24px;
line-height: 24px;
padding-left: 10px;
color: #fff;
font-size: 0;
background: rgba(255, 255, 255, 0.2); }
.home-page .top-section .github-buttons a div img {
width: 16px;
height: 16px;
vertical-align: middle; }
.home-page .top-section .github-buttons a div .type {
font-size: 16px;
padding: 0 8px 0 4px;
vertical-align: middle; }
.home-page .top-section .github-buttons a div .line {
vertical-align: middle;
display: inline-block;
box-sizing: border-box;
width: 1px;
height: 12px;
border-left: 1px solid rgba(255, 255, 255, 0.2); }
.home-page .top-section .github-buttons a div .count {
vertical-align: middle;
font-size: 16px;
padding: 0 8px; }
.home-page .top-section .version-note {
margin: 22px 0 10px; }
.home-page .top-section .version-note a {
text-decoration: none;
display: inline-block;
font-family: Avenir-Heavy;
font-size: 14px;
color: #FFF;
background: rgba(255, 255, 255, 0.2);
border-radius: 2px;
line-height: 24px;
padding: 0 6px;
margin-right: 10px; }
.home-page .top-section .version-note a:last-child {
margin-right: 0; }
.home-page .top-section .release-date {
font-family: Avenir-Medium;
font-size: 12px;
color: #fff; }
.home-page .top-section .animation {
width: 546px;
height: 578px;
position: absolute;
top: 146px;
right: 0; }
.home-page .top-section .animation img {
position: absolute; }
.home-page .top-section .animation .img1 {
width: 351px;
height: 156px;
left: calc(50% - 175px);
top: 0;
animation: updown 2s ease-in-out infinite alternate; }
.home-page .top-section .animation .img2 {
width: 457px;
height: 578px;
left: 50%;
transform: translateX(-50%);
top: 0;
z-index: 2; }
.home-page .top-section .animation .img3 {
width: 457px;
height: 578px;
left: 50%;
transform: translateX(-50%);
top: 0;
z-index: 1; }
.home-page .top-section .animation .img4 {
width: 93px;
height: 39px;
left: 0;
bottom: 88px;
animation: updown 2s ease-in-out infinite alternate; }
.home-page .top-section .animation .img5 {
width: 93px;
height: 39px;
right: 0;
bottom: 129px;
animation: updown 2s ease-in-out infinite alternate; }
.home-page .top-section .animation .outer-circle {
opacity: 0.1;
border: 2px solid #11BAFA;
width: 512px;
height: 208px;
border-radius: 50%;
position: absolute;
z-index: 1;
left: 50%;
transform: translateX(-50%);
bottom: 145px; }
.home-page .top-section .animation .rotate-circle {
position: absolute;
left: calc(50% - 202px);
top: 126px;
width: 404px;
height: 404px;
transform: rotateX(66deg); }
.home-page .top-section .animation .rotate-circle svg {
animation: rotate-circle 1.2s linear infinite; }
@media screen and (max-width: 768px) {
.home-page .top-section .vertical-middle {
text-align: center;
width: 100%; }
.home-page .top-section .animation {
display: none; } }
.home-page .introduction-section {
background: #FFF; }
.home-page .introduction-section .introduction-body {
max-width: 1280px;
box-sizing: border-box;
margin: 0 auto;
min-height: 640px;
padding: 0 40px;
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between; }
.home-page .introduction-section .introduction-body .introduction {
display: inline-block;
width: calc(100% - 530px);
min-width: 300px;
max-width: 590px; }
.home-page .introduction-section .introduction-body .introduction h3 {
font-family: Avenir-Medium;
font-weight: 700;
font-size: 36px;
color: #333;
margin-bottom: 20px;
word-break: break-word; }
.home-page .introduction-section .introduction-body .introduction p {
opacity: 0.56;
font-family: Avenir-Medium;
font-size: 18px;
color: #999; }
.home-page .introduction-section .introduction-body .introduction ul {
list-style: none;
margin-top: 25px; }
.home-page .introduction-section .introduction-body .introduction ul li {
position: relative;
margin-bottom: 25px; }
.home-page .introduction-section .introduction-body .introduction ul li:last-child {
margin-bottom: 0; }
.home-page .introduction-section .introduction-body .introduction ul li::before {
content: '';
position: absolute;
left: 0;
top: 10px;
width: 6px;
height: 6px;
background: #999;
border-radius: 50%; }
.home-page .introduction-section .introduction-body .introduction ul p {
display: inline-block;
margin-left: 12px; }
.home-page .introduction-section .introduction-body img {
width: 530px;
max-width: 100%;
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.05); }
@media screen and (max-width: 1106px) {
.home-page .introduction-section .introduction-body .introduction {
display: inline-block;
width: 100%;
max-width: 100%; }
.home-page .introduction-section .introduction-body img {
margin: 0; } }
.home-page .feature-section {
background: #F9FAFA; }
.home-page .feature-section .feature-container {
box-sizing: border-box;
max-width: 1280px;
margin: 0 auto;
position: relative;
padding: 80px 40px 40px; }
.home-page .feature-section .feature-container h3 {
font-family: Avenir-Medium;
font-weight: 700;
font-size: 36px;
color: #333;
text-align: center;
margin: 0 0 60px; }
.home-page .feature-section .feature-container ul {
list-style: none;
padding: 0;
margin: 0; }
.home-page .feature-section .feature-container ul li {
vertical-align: top;
display: inline-block;
margin-bottom: 40px;
width: 50%; }
.home-page .feature-section .feature-container ul li .docsite-icon {
vertical-align: top;
margin-right: 20px; }
.home-page .feature-section .feature-container ul li .docsite-icon::before {
vertical-align: top; }
.home-page .feature-section .feature-container ul li div {
display: inline-block;
width: 80%; }
.home-page .feature-section .feature-container ul li div h4 {
font-family: Avenir-Medium;
font-weight: 700;
font-size: 20px;
color: #333;
margin: 10px 0 20px; }
.home-page .feature-section .feature-container ul li div p {
font-family: Avenir-Medium;
font-size: 14px;
line-height: 20px;
color: #999; }
@media screen and (max-width: 768px) {
.home-page .feature-section .feature-container ul li {
width: 100%; } }
.home-page .users-section {
box-sizing: border-box;
max-width: 1280px;
margin: 0 auto;
padding: 80px 40px 40px;
position: relative; }
.home-page .users-section .bone {
margin: 0 auto 40px; }
.home-page .users-section h3 {
font-family: Avenir-Heavy;
font-size: 36px;
color: #333;
text-align: center; }
.home-page .users-section p {
font-family: Avenir-Medium;
font-size: 14px;
color: #666;
text-align: center;
margin: 0 0 40px; }
.home-page .users-section p a {
color: #1e6bb8;
text-decoration: none; }
.home-page .users-section .users {
display: flex;
flex-wrap: wrap;
justify-content: center; }
.home-page .users-section .users .user-item {
display: flex;
width: 140px;
height: 80px;
margin: 10px;
padding: 4px;
border: 1px solid #eee;
justify-content: center;
align-items: center; }
.home-page .users-section .users .user-item img {
width: 100%; }
.home-page .footer-container {
background: #fff; }
@media screen and (max-width: 640px) {
.home-page .introduction-section {
padding: 0 20px; }
.home-page .introduction-section::before {
left: 20px; }
.home-page .introduction-section::after {
left: 19px; }
.home-page .feature-container {
padding-left: 20px;
padding-right: 20px; }
.home-page .feature-section-body, .home-page .users-section {
padding-left: 20px;
padding-right: 20px; } }