|
|
@@ -1,1041 +1,1041 @@
|
|
|
-@import url('font.css');
|
|
|
-* {
|
|
|
- -webkit-font-smoothing: antialiased;
|
|
|
- -webkit-overflow-scrolling: touch;
|
|
|
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
|
- -webkit-text-size-adjust: none;
|
|
|
- -webkit-touch-callout: none;
|
|
|
- box-sizing: border-box;
|
|
|
-}
|
|
|
-body:not(.ready) {
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-body:not(.ready) [data-cloak],
|
|
|
-body:not(.ready) .app-nav,
|
|
|
-body:not(.ready) > nav {
|
|
|
- display: none;
|
|
|
-}
|
|
|
-div#app {
|
|
|
- font-size: 30px;
|
|
|
- font-weight: lighter;
|
|
|
- margin: 40vh auto;
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-div#app:empty::before {
|
|
|
- content: 'Loading...';
|
|
|
-}
|
|
|
-img.emoji {
|
|
|
- height: 1.2em;
|
|
|
- vertical-align: middle;
|
|
|
-}
|
|
|
-span.emoji {
|
|
|
- font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
|
|
- font-size: 1.2em;
|
|
|
- vertical-align: middle;
|
|
|
-}
|
|
|
-.progress {
|
|
|
- background-color: #0074d9;
|
|
|
- background-color: var(--theme-color, #0074d9);
|
|
|
- height: 2px;
|
|
|
- left: 0px;
|
|
|
- position: fixed;
|
|
|
- right: 0px;
|
|
|
- top: 0px;
|
|
|
- transition: width 0.2s, opacity 0.4s;
|
|
|
- width: 0%;
|
|
|
- z-index: 999999;
|
|
|
-}
|
|
|
-.search a:hover {
|
|
|
- color: #0074d9;
|
|
|
- color: var(--theme-color, #0074d9);
|
|
|
-}
|
|
|
-.search .search-keyword {
|
|
|
- color: #0074d9;
|
|
|
- color: var(--theme-color, #0074d9);
|
|
|
- font-style: normal;
|
|
|
- font-weight: bold;
|
|
|
-}
|
|
|
-html,
|
|
|
-body {
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
-body {
|
|
|
- -moz-osx-font-smoothing: grayscale;
|
|
|
- -webkit-font-smoothing: antialiased;
|
|
|
- color: #34495e;
|
|
|
- font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;
|
|
|
- font-size: 15px;
|
|
|
- letter-spacing: 0;
|
|
|
- margin: 0;
|
|
|
- overflow-x: hidden;
|
|
|
-}
|
|
|
-img {
|
|
|
- max-width: 100%;
|
|
|
-}
|
|
|
-a[disabled] {
|
|
|
- cursor: not-allowed;
|
|
|
- opacity: 0.6;
|
|
|
-}
|
|
|
-kbd {
|
|
|
- border: solid 1px #ccc;
|
|
|
- border-radius: 3px;
|
|
|
- display: inline-block;
|
|
|
- font-size: 12px !important;
|
|
|
- line-height: 12px;
|
|
|
- margin-bottom: 3px;
|
|
|
- padding: 3px 5px;
|
|
|
- vertical-align: middle;
|
|
|
-}
|
|
|
-li input[type='checkbox'] {
|
|
|
- margin: 0 0.2em 0.25em 0;
|
|
|
- vertical-align: middle;
|
|
|
-}
|
|
|
-.app-nav {
|
|
|
- padding: 10px 0px;
|
|
|
- position: fixed;
|
|
|
- right: 0;
|
|
|
- text-align: right;
|
|
|
- z-index: 10;
|
|
|
- background: transparent;
|
|
|
- height: 50px;
|
|
|
- left: 284px;
|
|
|
- top: 0;
|
|
|
- right: 0;
|
|
|
-}
|
|
|
-.app-nav.no-badge {
|
|
|
- margin: 0px 0px;
|
|
|
-}
|
|
|
-.app-nav p {
|
|
|
- margin: 0;
|
|
|
-}
|
|
|
-.app-nav > a {
|
|
|
- margin: 0 1rem;
|
|
|
- padding: 5px 0;
|
|
|
-}
|
|
|
-.app-nav ul,
|
|
|
-.app-nav li {
|
|
|
- display: inline-block;
|
|
|
- list-style: none;
|
|
|
- margin: 0;
|
|
|
-}
|
|
|
-.app-nav a {
|
|
|
- color: inherit;
|
|
|
- font-size: 16px;
|
|
|
- text-decoration: none;
|
|
|
- transition: color 0.3s;
|
|
|
-}
|
|
|
-.app-nav a:hover {
|
|
|
- color: #0074d9;
|
|
|
- color: var(--theme-color, #0074d9);
|
|
|
-}
|
|
|
-.app-nav a.active {
|
|
|
- border-bottom: 2px solid #0074d9;
|
|
|
- border-bottom: 2px solid var(--theme-color, #0074d9);
|
|
|
- color: #0074d9;
|
|
|
- color: var(--theme-color, #0074d9);
|
|
|
-}
|
|
|
-.app-nav li {
|
|
|
- display: inline-block;
|
|
|
- margin: 0 1rem;
|
|
|
- padding: 5px 0;
|
|
|
- position: relative;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-.app-nav li ul {
|
|
|
- background-color: #fff;
|
|
|
- border: 1px solid #ddd;
|
|
|
- border-bottom-color: #ccc;
|
|
|
- border-radius: 4px;
|
|
|
- box-sizing: border-box;
|
|
|
- display: none;
|
|
|
- max-height: calc(100vh - 61px);
|
|
|
- overflow-y: auto;
|
|
|
- padding: 10px 0;
|
|
|
- position: absolute;
|
|
|
- right: -15px;
|
|
|
- text-align: left;
|
|
|
- top: 100%;
|
|
|
- white-space: nowrap;
|
|
|
-}
|
|
|
-.app-nav li ul li {
|
|
|
- display: block;
|
|
|
- font-size: 14px;
|
|
|
- line-height: 1rem;
|
|
|
- margin: 0;
|
|
|
- margin: 8px 14px;
|
|
|
- white-space: nowrap;
|
|
|
-}
|
|
|
-.app-nav li ul a {
|
|
|
- display: block;
|
|
|
- font-size: inherit;
|
|
|
- margin: 0;
|
|
|
- padding: 0;
|
|
|
-}
|
|
|
-.app-nav li ul a.active {
|
|
|
- border-bottom: 0;
|
|
|
-}
|
|
|
-.app-nav li:hover ul {
|
|
|
- display: block;
|
|
|
-}
|
|
|
-.github-corner {
|
|
|
- border-bottom: 0;
|
|
|
- position: fixed;
|
|
|
- right: 0;
|
|
|
- text-decoration: none;
|
|
|
- top: 0;
|
|
|
- z-index: 100;
|
|
|
-}
|
|
|
-.github-corner:hover .octo-arm {
|
|
|
- animation: octocat-wave 560ms ease-in-out;
|
|
|
-}
|
|
|
-.github-corner svg {
|
|
|
- color: #fff;
|
|
|
- fill: #0074d9;
|
|
|
- fill: var(--theme-color, #0074d9);
|
|
|
- height: 80px;
|
|
|
- width: 80px;
|
|
|
-}
|
|
|
-main {
|
|
|
- display: block;
|
|
|
- position: relative;
|
|
|
- width: 100vw;
|
|
|
- height: 100%;
|
|
|
- z-index: 0;
|
|
|
-}
|
|
|
-main.hidden {
|
|
|
- display: none;
|
|
|
-}
|
|
|
-.anchor {
|
|
|
- display: inline-block;
|
|
|
- text-decoration: none;
|
|
|
- transition: all 0.3s;
|
|
|
-}
|
|
|
-.anchor span {
|
|
|
- color: #34495e;
|
|
|
-}
|
|
|
-.anchor:hover {
|
|
|
- text-decoration: underline;
|
|
|
-}
|
|
|
-.sidebar {
|
|
|
- border-right: 1px solid rgba(0, 0, 0, 0.07);
|
|
|
- overflow-y: auto;
|
|
|
- padding: 40px 0 0;
|
|
|
- position: absolute;
|
|
|
- top: 0;
|
|
|
- bottom: 0;
|
|
|
- left: 0;
|
|
|
- transition: transform 250ms ease-out;
|
|
|
- width: 300px;
|
|
|
- z-index: 20;
|
|
|
-}
|
|
|
-.sidebar > h1 {
|
|
|
- margin: 0 auto 1rem 15px;
|
|
|
- font-size: 1.5rem;
|
|
|
- font-weight: 300;
|
|
|
- text-align: left;
|
|
|
-}
|
|
|
-.sidebar > h1 a {
|
|
|
- color: inherit;
|
|
|
- text-decoration: none;
|
|
|
-}
|
|
|
-.sidebar > h1 .app-nav {
|
|
|
- display: block;
|
|
|
- position: static;
|
|
|
-}
|
|
|
-.sidebar > h1 img {
|
|
|
- width: 150px;
|
|
|
-}
|
|
|
-.sidebar .sidebar-nav {
|
|
|
- line-height: 2em;
|
|
|
- padding-bottom: 40px;
|
|
|
-}
|
|
|
-.sidebar li.collapse .app-sub-sidebar {
|
|
|
- display: none;
|
|
|
-}
|
|
|
-.sidebar ul {
|
|
|
- margin: 0 0 0 15px;
|
|
|
- padding: 0;
|
|
|
-}
|
|
|
-.sidebar li > p {
|
|
|
- font-weight: 600;
|
|
|
- margin: 0;
|
|
|
-}
|
|
|
-.sidebar ul,
|
|
|
-.sidebar ul li {
|
|
|
- list-style: none;
|
|
|
-}
|
|
|
-.sidebar ul li a {
|
|
|
- border-bottom: none;
|
|
|
- display: block;
|
|
|
-}
|
|
|
-.sidebar ul li ul {
|
|
|
- padding-left: 20px;
|
|
|
-}
|
|
|
-.sidebar::-webkit-scrollbar {
|
|
|
- width: 4px;
|
|
|
-}
|
|
|
-.sidebar::-webkit-scrollbar-thumb {
|
|
|
- background: transparent;
|
|
|
- border-radius: 4px;
|
|
|
-}
|
|
|
-.sidebar:hover::-webkit-scrollbar-thumb {
|
|
|
- background: rgba(136, 136, 136, 0.4);
|
|
|
-}
|
|
|
-.sidebar:hover::-webkit-scrollbar-track {
|
|
|
- background: rgba(136, 136, 136, 0.1);
|
|
|
-}
|
|
|
-.sidebar-toggle {
|
|
|
- background-color: transparent;
|
|
|
- background-color: rgba(255, 255, 255, 0.8);
|
|
|
- border: 0;
|
|
|
- outline: none;
|
|
|
- padding: 10px;
|
|
|
- position: absolute;
|
|
|
- bottom: 0;
|
|
|
- left: 0;
|
|
|
- text-align: center;
|
|
|
- transition: opacity 0.3s;
|
|
|
- width: 284px;
|
|
|
- z-index: 30;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-.sidebar-toggle:hover .sidebar-toggle-button {
|
|
|
- opacity: 0.4;
|
|
|
-}
|
|
|
-.sidebar-toggle span {
|
|
|
- background-color: #0074d9;
|
|
|
- background-color: var(--theme-color, #0074d9);
|
|
|
- display: block;
|
|
|
- margin-bottom: 4px;
|
|
|
- width: 16px;
|
|
|
- height: 2px;
|
|
|
-}
|
|
|
-body.sticky .sidebar,
|
|
|
-body.sticky .sidebar-toggle {
|
|
|
- position: fixed;
|
|
|
-}
|
|
|
-.content {
|
|
|
- padding-top: 60px;
|
|
|
- position: absolute;
|
|
|
- top: 0;
|
|
|
- right: 0;
|
|
|
- bottom: 0;
|
|
|
- left: 300px;
|
|
|
- transition: left 250ms ease;
|
|
|
-}
|
|
|
-.markdown-section {
|
|
|
- margin: 0 auto;
|
|
|
- max-width: 80%;
|
|
|
- padding: 30px 15px 40px 15px;
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-.markdown-section > * {
|
|
|
- box-sizing: border-box;
|
|
|
- font-size: inherit;
|
|
|
-}
|
|
|
-.markdown-section > :first-child {
|
|
|
- margin-top: 0 !important;
|
|
|
-}
|
|
|
-.markdown-section hr {
|
|
|
- border: none;
|
|
|
- border-bottom: 1px solid #eee;
|
|
|
- margin: 2em 0;
|
|
|
-}
|
|
|
-.markdown-section iframe {
|
|
|
- border: 1px solid #eee;
|
|
|
-
|
|
|
- width: 1px;
|
|
|
- min-width: 100%;
|
|
|
-}
|
|
|
-.markdown-section table {
|
|
|
- border-collapse: collapse;
|
|
|
- border-spacing: 0;
|
|
|
- display: block;
|
|
|
- margin-bottom: 1rem;
|
|
|
- overflow: auto;
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-.markdown-section th {
|
|
|
- border: 1px solid #ddd;
|
|
|
- font-weight: bold;
|
|
|
- padding: 6px 13px;
|
|
|
-}
|
|
|
-.markdown-section td {
|
|
|
- border: 1px solid #ddd;
|
|
|
- padding: 6px 13px;
|
|
|
-}
|
|
|
-.markdown-section tr {
|
|
|
- border-top: 1px solid #ccc;
|
|
|
-}
|
|
|
-.markdown-section tr:nth-child(2n) {
|
|
|
- background-color: #f8f8f8;
|
|
|
-}
|
|
|
-.markdown-section p.tip {
|
|
|
- background-color: #f8f8f8;
|
|
|
- border-bottom-right-radius: 2px;
|
|
|
- border-left: 4px solid #f66;
|
|
|
- border-top-right-radius: 2px;
|
|
|
- margin: 2em 0;
|
|
|
- padding: 12px 24px 12px 30px;
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-.markdown-section p.tip:before {
|
|
|
- background-color: #f66;
|
|
|
- border-radius: 100%;
|
|
|
- color: #fff;
|
|
|
- content: '!';
|
|
|
- font-family: 'Dosis', 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;
|
|
|
- font-size: 14px;
|
|
|
- font-weight: bold;
|
|
|
- left: -12px;
|
|
|
- line-height: 20px;
|
|
|
- position: absolute;
|
|
|
- height: 20px;
|
|
|
- width: 20px;
|
|
|
- text-align: center;
|
|
|
- top: 14px;
|
|
|
-}
|
|
|
-.markdown-section p.tip code {
|
|
|
- background-color: #efefef;
|
|
|
-}
|
|
|
-.markdown-section p.tip em {
|
|
|
- color: #34495e;
|
|
|
-}
|
|
|
-.markdown-section p.warn {
|
|
|
- background: rgba(66, 185, 131, 0.1);
|
|
|
- border-radius: 2px;
|
|
|
- padding: 1rem;
|
|
|
-}
|
|
|
-.markdown-section ul.task-list > li {
|
|
|
- list-style-type: none;
|
|
|
-}
|
|
|
-body.close .sidebar {
|
|
|
- transform: translateX(-300px);
|
|
|
-}
|
|
|
-body.close .sidebar-toggle {
|
|
|
- width: auto;
|
|
|
-}
|
|
|
-body.close .content {
|
|
|
- left: 0;
|
|
|
-}
|
|
|
-@media print {
|
|
|
- .github-corner,
|
|
|
- .sidebar-toggle,
|
|
|
- .sidebar,
|
|
|
- .app-nav {
|
|
|
- display: none;
|
|
|
- }
|
|
|
-}
|
|
|
-@media screen and (max-width: 768px) {
|
|
|
- .cover-main .features {
|
|
|
- flex-direction: column;
|
|
|
- }
|
|
|
-
|
|
|
- .cover-main .feature {
|
|
|
- max-width: 100% !important;
|
|
|
- padding: 0 2.5rem;
|
|
|
- }
|
|
|
- .github-corner,
|
|
|
- .sidebar-toggle,
|
|
|
- .sidebar {
|
|
|
- position: fixed;
|
|
|
- }
|
|
|
- .app-nav {
|
|
|
- margin-top: 16px;
|
|
|
- }
|
|
|
- .app-nav li ul {
|
|
|
- top: 30px;
|
|
|
- }
|
|
|
- main {
|
|
|
- height: auto;
|
|
|
- min-height: 100vh;
|
|
|
- overflow-x: hidden;
|
|
|
- }
|
|
|
- .sidebar {
|
|
|
- left: -300px;
|
|
|
- transition: transform 250ms ease-out;
|
|
|
- }
|
|
|
- .content {
|
|
|
- left: 0;
|
|
|
- max-width: 100vw;
|
|
|
- position: static;
|
|
|
- padding-top: 20px;
|
|
|
- transition: transform 250ms ease;
|
|
|
- }
|
|
|
- .app-nav,
|
|
|
- .github-corner {
|
|
|
- transition: transform 250ms ease-out;
|
|
|
- }
|
|
|
- .sidebar-toggle {
|
|
|
- background-color: transparent;
|
|
|
- width: auto;
|
|
|
- padding: 30px 30px 10px 10px;
|
|
|
- }
|
|
|
- body.close .sidebar {
|
|
|
- transform: translateX(300px);
|
|
|
- }
|
|
|
- body.close .sidebar-toggle {
|
|
|
- background-color: rgba(255, 255, 255, 0.8);
|
|
|
- transition: 1s background-color;
|
|
|
- width: 284px;
|
|
|
- padding: 10px;
|
|
|
- }
|
|
|
- body.close .content {
|
|
|
- transform: translateX(300px);
|
|
|
- }
|
|
|
- body.close .app-nav,
|
|
|
- body.close .github-corner {
|
|
|
- display: none;
|
|
|
- }
|
|
|
- .github-corner:hover .octo-arm {
|
|
|
- animation: none;
|
|
|
- }
|
|
|
- .github-corner .octo-arm {
|
|
|
- animation: octocat-wave 560ms ease-in-out;
|
|
|
- }
|
|
|
-}
|
|
|
-@keyframes octocat-wave {
|
|
|
- 0%,
|
|
|
- 100% {
|
|
|
- transform: rotate(0);
|
|
|
- }
|
|
|
- 20%,
|
|
|
- 60% {
|
|
|
- transform: rotate(-25deg);
|
|
|
- }
|
|
|
- 40%,
|
|
|
- 80% {
|
|
|
- transform: rotate(10deg);
|
|
|
- }
|
|
|
-}
|
|
|
-section.cover {
|
|
|
- position: relative;
|
|
|
- align-items: center;
|
|
|
- background-position: center center;
|
|
|
- background-repeat: no-repeat;
|
|
|
- background-size: cover;
|
|
|
- min-height: 100vh;
|
|
|
- width: 100%;
|
|
|
- display: none;
|
|
|
-}
|
|
|
-section.cover.show {
|
|
|
- display: flex;
|
|
|
-}
|
|
|
-section.cover.has-mask .mask {
|
|
|
- background-color: #fff;
|
|
|
- opacity: 0.8;
|
|
|
- position: absolute;
|
|
|
- top: 0;
|
|
|
- bottom: 0;
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-section.cover .cover-main {
|
|
|
- flex: 1;
|
|
|
- margin: 100px auto 0px;
|
|
|
- text-align: center;
|
|
|
- position: relative;
|
|
|
- max-width: 960px;
|
|
|
-}
|
|
|
-section.cover a {
|
|
|
- color: inherit;
|
|
|
- text-decoration: none;
|
|
|
-}
|
|
|
-section.cover a:hover {
|
|
|
- text-decoration: none;
|
|
|
-}
|
|
|
-section.cover p {
|
|
|
- line-height: 1.5rem;
|
|
|
- margin: 1em 0;
|
|
|
-}
|
|
|
-section.cover h1 {
|
|
|
- color: inherit;
|
|
|
- font-size: 2.5rem;
|
|
|
- font-weight: 300;
|
|
|
- margin: 0.625rem 0 2.5rem;
|
|
|
- position: relative;
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-section.cover h1 a {
|
|
|
- display: block;
|
|
|
-}
|
|
|
-section.cover h1 small {
|
|
|
- bottom: -0.4375rem;
|
|
|
- font-size: 1rem;
|
|
|
- position: absolute;
|
|
|
-}
|
|
|
-section.cover blockquote {
|
|
|
- font-size: 1.5rem;
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-section.cover ul {
|
|
|
- line-height: 1.8;
|
|
|
- list-style-type: none;
|
|
|
- margin: 1em auto;
|
|
|
- max-width: 500px;
|
|
|
- padding: 0;
|
|
|
-}
|
|
|
-section.cover .cover-main > p:last-child a {
|
|
|
- border-color: #0074d9;
|
|
|
- border-color: var(--theme-color, #0074d9);
|
|
|
- border-radius: 2rem;
|
|
|
- border-style: solid;
|
|
|
- border-width: 1px;
|
|
|
- box-sizing: border-box;
|
|
|
- color: #0074d9;
|
|
|
- color: var(--theme-color, #0074d9);
|
|
|
- display: inline-block;
|
|
|
- font-size: 1.05rem;
|
|
|
- letter-spacing: 0.1rem;
|
|
|
- margin: 0.5rem 1rem;
|
|
|
- padding: 0.75em 2rem;
|
|
|
- text-decoration: none;
|
|
|
- transition: all 0.15s ease;
|
|
|
-}
|
|
|
-section.cover .cover-main > p:last-child a:last-child {
|
|
|
- background-color: #0074d9;
|
|
|
- background-color: var(--theme-color, #0074d9);
|
|
|
- color: #fff;
|
|
|
-}
|
|
|
-section.cover .cover-main > p:last-child a:last-child:hover {
|
|
|
- color: inherit;
|
|
|
- opacity: 0.8;
|
|
|
-}
|
|
|
-
|
|
|
-section.cover .cover-main a[href='#/introduce']:last-child {
|
|
|
- border-color: #0074d9;
|
|
|
- border-radius: 2rem;
|
|
|
- border-style: solid;
|
|
|
- border-width: 1px;
|
|
|
- box-sizing: border-box;
|
|
|
- color: #fff;
|
|
|
- background: #0074d9;
|
|
|
- display: inline-block;
|
|
|
- font-size: 1.05rem;
|
|
|
- letter-spacing: 0.1rem;
|
|
|
- margin: 0.5rem 1rem;
|
|
|
- padding: 0.75em 2rem;
|
|
|
- text-decoration: none;
|
|
|
- transition: all 0.15s ease;
|
|
|
-}
|
|
|
-section.cover .cover-main a[href='#/introduce']:hover {
|
|
|
- color: inherit;
|
|
|
- opacity: 0.8;
|
|
|
- color: #fff;
|
|
|
-}
|
|
|
-section.cover .cover-main > p:last-child a:hover {
|
|
|
- color: inherit;
|
|
|
-}
|
|
|
-section.cover .cover-main .features {
|
|
|
- border-top: 1px solid #eaecef;
|
|
|
- padding: 1.2rem 0;
|
|
|
- margin-top: 2.5rem;
|
|
|
- display: flex;
|
|
|
- flex-wrap: wrap;
|
|
|
- align-items: flex-start;
|
|
|
- align-content: stretch;
|
|
|
- justify-content: space-between;
|
|
|
-}
|
|
|
-section.cover .cover-main .feature {
|
|
|
- flex-grow: 1;
|
|
|
- flex-basis: 30%;
|
|
|
- max-width: 30%;
|
|
|
- text-align: left;
|
|
|
-}
|
|
|
-
|
|
|
-section.cover blockquote > p > a {
|
|
|
- border-bottom: 2px solid #0074d9;
|
|
|
- border-bottom: 2px solid #0074d9;
|
|
|
- transition: color 0.3s;
|
|
|
- background: #0074d9;
|
|
|
-}
|
|
|
-section.cover blockquote > p > a:hover {
|
|
|
- color: #fff;
|
|
|
-}
|
|
|
-body {
|
|
|
- background-color: #fff;
|
|
|
-}
|
|
|
-
|
|
|
-.sidebar {
|
|
|
- background-color: #fff;
|
|
|
- color: #364149;
|
|
|
-}
|
|
|
-.sidebar li {
|
|
|
- margin: 6px 0 6px 0;
|
|
|
-}
|
|
|
-.sidebar ul li a {
|
|
|
- color: #364149;
|
|
|
- font-size: 14px;
|
|
|
- font-weight: normal;
|
|
|
- overflow: hidden;
|
|
|
- text-decoration: none;
|
|
|
- text-overflow: ellipsis;
|
|
|
- white-space: nowrap;
|
|
|
-}
|
|
|
-.sidebar ul li a:hover {
|
|
|
- text-decoration: underline;
|
|
|
-}
|
|
|
-.sidebar ul li ul {
|
|
|
- padding: 0;
|
|
|
-}
|
|
|
-.sidebar ul li.active > a {
|
|
|
- border-right: 2px solid;
|
|
|
- color: #0074d9;
|
|
|
- color: var(--theme-color, #0074d9);
|
|
|
- font-weight: 600;
|
|
|
-}
|
|
|
-.app-sub-sidebar li::before {
|
|
|
- content: '-';
|
|
|
- padding-right: 4px;
|
|
|
- float: left;
|
|
|
-}
|
|
|
-
|
|
|
-.markdown-section h1,
|
|
|
-.markdown-section h2,
|
|
|
-.markdown-section h3,
|
|
|
-.markdown-section h4,
|
|
|
-.markdown-section strong {
|
|
|
- color: #2c3e50;
|
|
|
- font-weight: 600;
|
|
|
-}
|
|
|
-.markdown-section a {
|
|
|
- color: #0074d9;
|
|
|
- color: var(--theme-color, #0074d9);
|
|
|
- font-weight: 600;
|
|
|
-}
|
|
|
-.markdown-section h1 {
|
|
|
- font-size: 2rem;
|
|
|
- margin: 0 0 1rem;
|
|
|
-}
|
|
|
-.markdown-section h2 {
|
|
|
- font-size: 1.75rem;
|
|
|
- margin: 45px 0 0.8rem;
|
|
|
-}
|
|
|
-.markdown-section h3 {
|
|
|
- font-size: 1.5rem;
|
|
|
- margin: 40px 0 0.6rem;
|
|
|
-}
|
|
|
-.markdown-section h4 {
|
|
|
- font-size: 1.25rem;
|
|
|
-}
|
|
|
-.markdown-section h5 {
|
|
|
- font-size: 1rem;
|
|
|
-}
|
|
|
-.markdown-section h6 {
|
|
|
- color: #777;
|
|
|
- font-size: 1rem;
|
|
|
-}
|
|
|
-.markdown-section figure,
|
|
|
-.markdown-section p {
|
|
|
- margin: 1.2em 0;
|
|
|
-}
|
|
|
-.markdown-section p,
|
|
|
-.markdown-section ul,
|
|
|
-.markdown-section ol {
|
|
|
- line-height: 1.6rem;
|
|
|
- word-spacing: 0.05rem;
|
|
|
-}
|
|
|
-.markdown-section ul,
|
|
|
-.markdown-section ol {
|
|
|
- padding-left: 1.5rem;
|
|
|
-}
|
|
|
-.markdown-section blockquote {
|
|
|
- border-left: 4px solid #0074d9;
|
|
|
- border-left: 4px solid var(--theme-color, #0074d9);
|
|
|
- color: #858585;
|
|
|
- margin: 2em 0;
|
|
|
- padding-left: 20px;
|
|
|
-}
|
|
|
-.markdown-section blockquote p {
|
|
|
- font-weight: 600;
|
|
|
- margin-left: 0;
|
|
|
-}
|
|
|
-.markdown-section iframe {
|
|
|
- margin: 1em 0;
|
|
|
-}
|
|
|
-.markdown-section em {
|
|
|
- color: #7f8c8d;
|
|
|
-}
|
|
|
-.markdown-section code,
|
|
|
-.markdown-section pre,
|
|
|
-.markdown-section output::after {
|
|
|
- font-family: 'Roboto Mono', Monaco, courier, monospace;
|
|
|
-}
|
|
|
-.markdown-section code,
|
|
|
-.markdown-section pre {
|
|
|
- background-color: #f8f8f8;
|
|
|
-}
|
|
|
-.markdown-section pre,
|
|
|
-.markdown-section output {
|
|
|
- margin: 1.2em 0;
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-.markdown-section pre > code,
|
|
|
-.markdown-section output {
|
|
|
- border-radius: 2px;
|
|
|
- display: block;
|
|
|
-}
|
|
|
-.markdown-section pre > code,
|
|
|
-.markdown-section output::after {
|
|
|
- -moz-osx-font-smoothing: initial;
|
|
|
- -webkit-font-smoothing: initial;
|
|
|
-}
|
|
|
-.markdown-section code {
|
|
|
- border-radius: 2px;
|
|
|
- color: #e96900;
|
|
|
- margin: 0 2px;
|
|
|
- padding: 3px 5px;
|
|
|
- white-space: pre-wrap;
|
|
|
-}
|
|
|
-.markdown-section > :not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) code {
|
|
|
- font-size: 0.8rem;
|
|
|
-}
|
|
|
-.markdown-section pre {
|
|
|
- padding: 0 1.4rem;
|
|
|
- line-height: 1.5rem;
|
|
|
- overflow: auto;
|
|
|
- word-wrap: normal;
|
|
|
-}
|
|
|
-.markdown-section pre > code {
|
|
|
- color: #525252;
|
|
|
- font-size: 0.8rem;
|
|
|
- padding: 2.2em 5px;
|
|
|
- line-height: inherit;
|
|
|
- margin: 0 2px;
|
|
|
- max-width: inherit;
|
|
|
- overflow: inherit;
|
|
|
- white-space: inherit;
|
|
|
-}
|
|
|
-.markdown-section output {
|
|
|
- padding: 1.7rem 1.4rem;
|
|
|
- border: 1px dotted #ccc;
|
|
|
-}
|
|
|
-.markdown-section output > :first-child {
|
|
|
- margin-top: 0;
|
|
|
-}
|
|
|
-.markdown-section output > :last-child {
|
|
|
- margin-bottom: 0;
|
|
|
-}
|
|
|
-.markdown-section code::after,
|
|
|
-.markdown-section code::before,
|
|
|
-.markdown-section output::after,
|
|
|
-.markdown-section output::before {
|
|
|
- letter-spacing: 0.05rem;
|
|
|
-}
|
|
|
-.markdown-section pre::after,
|
|
|
-.markdown-section output::after {
|
|
|
- color: #ccc;
|
|
|
- font-size: 0.6rem;
|
|
|
- font-weight: 600;
|
|
|
- height: 15px;
|
|
|
- line-height: 15px;
|
|
|
- padding: 5px 10px 0;
|
|
|
- position: absolute;
|
|
|
- right: 0;
|
|
|
- text-align: right;
|
|
|
- top: 0;
|
|
|
-}
|
|
|
-.markdown-section pre::after,
|
|
|
-.markdown-section output::after {
|
|
|
- content: attr(data-lang);
|
|
|
-}
|
|
|
-
|
|
|
-.token.comment,
|
|
|
-.token.prolog,
|
|
|
-.token.doctype,
|
|
|
-.token.cdata {
|
|
|
- color: #8e908c;
|
|
|
-}
|
|
|
-.token.namespace {
|
|
|
- opacity: 0.7;
|
|
|
-}
|
|
|
-.token.boolean,
|
|
|
-.token.number {
|
|
|
- color: #c76b29;
|
|
|
-}
|
|
|
-.token.punctuation {
|
|
|
- color: #525252;
|
|
|
-}
|
|
|
-.token.property {
|
|
|
- color: #c08b30;
|
|
|
-}
|
|
|
-.token.tag {
|
|
|
- color: #2973b7;
|
|
|
-}
|
|
|
-.token.string {
|
|
|
- color: #0074d9;
|
|
|
- color: var(--theme-color, #0074d9);
|
|
|
-}
|
|
|
-.token.selector {
|
|
|
- color: #6679cc;
|
|
|
-}
|
|
|
-.token.attr-name {
|
|
|
- color: #2973b7;
|
|
|
-}
|
|
|
-.token.entity,
|
|
|
-.token.url,
|
|
|
-.language-css .token.string,
|
|
|
-.style .token.string {
|
|
|
- color: #22a2c9;
|
|
|
-}
|
|
|
-.token.attr-value,
|
|
|
-.token.control,
|
|
|
-.token.directive,
|
|
|
-.token.unit {
|
|
|
- color: #0074d9;
|
|
|
- color: var(--theme-color, #0074d9);
|
|
|
-}
|
|
|
-.token.keyword,
|
|
|
-.token.function {
|
|
|
- color: #e96900;
|
|
|
-}
|
|
|
-.token.statement,
|
|
|
-.token.regex,
|
|
|
-.token.atrule {
|
|
|
- color: #22a2c9;
|
|
|
-}
|
|
|
-.token.placeholder,
|
|
|
-.token.variable {
|
|
|
- color: #3d8fd1;
|
|
|
-}
|
|
|
-.token.deleted {
|
|
|
- text-decoration: line-through;
|
|
|
-}
|
|
|
-.token.inserted {
|
|
|
- border-bottom: 1px dotted #202746;
|
|
|
- text-decoration: none;
|
|
|
-}
|
|
|
-.token.italic {
|
|
|
- font-style: italic;
|
|
|
-}
|
|
|
-.token.important,
|
|
|
-.token.bold {
|
|
|
- font-weight: bold;
|
|
|
-}
|
|
|
-.token.important {
|
|
|
- color: #c94922;
|
|
|
-}
|
|
|
-.token.entity {
|
|
|
- cursor: help;
|
|
|
-}
|
|
|
-code .token {
|
|
|
- -moz-osx-font-smoothing: initial;
|
|
|
- -webkit-font-smoothing: initial;
|
|
|
- min-height: 1.5rem;
|
|
|
- position: relative;
|
|
|
- left: auto;
|
|
|
-}
|
|
|
-section.cover .copyright {
|
|
|
- bottom: 5px;
|
|
|
- position: fixed;
|
|
|
- left: 0;
|
|
|
- right: 0;
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-
|
|
|
-main .content .copyright {
|
|
|
- bottom: 5px;
|
|
|
- position: absolute;
|
|
|
- left: 10px;
|
|
|
- right: 0;
|
|
|
- text-align: left;
|
|
|
-}
|
|
|
-
|
|
|
-.markdown-section .clklog-contact-items {
|
|
|
- position: fixed;
|
|
|
- right: 5px;
|
|
|
- top: calc((100vh - 168px) / 2);
|
|
|
- z-index: 9999;
|
|
|
-
|
|
|
-
|
|
|
- width: 55px;
|
|
|
- padding-left: 0px;
|
|
|
-}
|
|
|
-.markdown-section .clklog-contact-items .clklog-contact-item {
|
|
|
- width: 55px;
|
|
|
- height: 55px;
|
|
|
- position: relative;
|
|
|
- margin: 5px 0;
|
|
|
- list-style: none;
|
|
|
- background-color: #eaf2fc;
|
|
|
- border-radius: 36px;
|
|
|
-}
|
|
|
-.markdown-section .clklog-contact-items .clklog-contact-item:hover .clklog-contact-item-content {
|
|
|
- display: block;
|
|
|
- position: absolute;
|
|
|
- left: -150px;
|
|
|
- top: 5px;
|
|
|
- z-index: 9999;
|
|
|
- background-color: #eaf2fc;
|
|
|
-}
|
|
|
-.markdown-section .clklog-contact-items .clklog-contact-item.phone:hover .clklog-contact-item-content {
|
|
|
- left: -138px;
|
|
|
-}
|
|
|
-.markdown-section .clklog-contact-items .clklog-contact-item.wechat:hover .clklog-contact-item-content {
|
|
|
- left: -150px;
|
|
|
-}
|
|
|
-.markdown-section .clklog-contact-items .clklog-contact-item.email:hover .clklog-contact-item-content {
|
|
|
- left: -140px;
|
|
|
-}
|
|
|
-.markdown-section .clklog-contact-items .clklog-contact-item .clklog-contact-item-content .triangle {
|
|
|
- display: inline-block;
|
|
|
- width: 0;
|
|
|
- height: 0;
|
|
|
- border-top: 8px solid transparent;
|
|
|
- border-bottom: 8px solid transparent;
|
|
|
- border-left: 8px solid #eaf2fc;
|
|
|
- position: absolute;
|
|
|
- right: -8px;
|
|
|
- top: 15px;
|
|
|
-}
|
|
|
-.markdown-section .clklog-contact-items .clklog-contact-item {
|
|
|
- background-position: center;
|
|
|
- background-repeat: no-repeat;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-
|
|
|
-.markdown-section .clklog-contact-items .clklog-contact-item.phone .info {
|
|
|
- font-size: 20px;
|
|
|
-}
|
|
|
-.markdown-section .clklog-contact-items .clklog-contact-item.email .info {
|
|
|
- font-size: 16px;
|
|
|
-}
|
|
|
-.markdown-section .clklog-contact-items .clklog-contact-item.wechat .info {
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-.markdown-section .clklog-contact-items .clklog-contact-item.phone {
|
|
|
- background-image: url(../imgs/phone.png);
|
|
|
-}
|
|
|
-.markdown-section .clklog-contact-items .clklog-contact-item.phone:hover {
|
|
|
- background-image: url(../imgs/phone.png);
|
|
|
-}
|
|
|
-.markdown-section .clklog-contact-items .clklog-contact-item.wechat {
|
|
|
- background-image: url(../imgs/wechat.png);
|
|
|
-}
|
|
|
-.markdown-section .clklog-contact-items .clklog-contact-item.wechat:hover {
|
|
|
- background-image: url(../imgs/wechat.png);
|
|
|
-}
|
|
|
-.markdown-section .clklog-contact-items .clklog-contact-item.email {
|
|
|
- background-image: url(../imgs/email.png);
|
|
|
-}
|
|
|
-.markdown-section .clklog-contact-items .clklog-contact-item.email:hover {
|
|
|
- background-image: url(../imgs/email.png);
|
|
|
-}
|
|
|
-.markdown-section .clklog-contact-items .clklog-contact-item .clklog-contact-item-content {
|
|
|
- display: none;
|
|
|
-}
|
|
|
-
|
|
|
-.markdown-section .clklog-contact-items .clklog-contact-item:hover .clklog-contact-item-content {
|
|
|
- border-radius: 5px;
|
|
|
-}
|
|
|
-.markdown-section .clklog-contact-items .clklog-contact-item:hover .clklog-contact-item-content.wechat p {
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-.markdown-section .clklog-contact-items .clklog-contact-item:hover .clklog-contact-item-content p {
|
|
|
- margin-top: 0;
|
|
|
- margin-bottom: 0;
|
|
|
-}
|
|
|
-.markdown-section .clklog-contact-items .clklog-contact-item:hover .clklog-contact-item-content.wechat p {
|
|
|
-}
|
|
|
-.markdown-section .clklog-contact-items .clklog-contact-item:hover .clklog-contact-item-content .contentwrap {
|
|
|
- padding: 10px;
|
|
|
-}
|
|
|
+@import url('font.css');
|
|
|
+* {
|
|
|
+ -webkit-font-smoothing: antialiased;
|
|
|
+ -webkit-overflow-scrolling: touch;
|
|
|
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
|
+ -webkit-text-size-adjust: none;
|
|
|
+ -webkit-touch-callout: none;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+body:not(.ready) {
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+body:not(.ready) [data-cloak],
|
|
|
+body:not(.ready) .app-nav,
|
|
|
+body:not(.ready) > nav {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+div#app {
|
|
|
+ font-size: 30px;
|
|
|
+ font-weight: lighter;
|
|
|
+ margin: 40vh auto;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+div#app:empty::before {
|
|
|
+ content: 'Loading...';
|
|
|
+}
|
|
|
+img.emoji {
|
|
|
+ height: 1.2em;
|
|
|
+ vertical-align: middle;
|
|
|
+}
|
|
|
+span.emoji {
|
|
|
+ font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
|
|
+ font-size: 1.2em;
|
|
|
+ vertical-align: middle;
|
|
|
+}
|
|
|
+.progress {
|
|
|
+ background-color: #0074d9;
|
|
|
+ background-color: var(--theme-color, #0074d9);
|
|
|
+ height: 2px;
|
|
|
+ left: 0px;
|
|
|
+ position: fixed;
|
|
|
+ right: 0px;
|
|
|
+ top: 0px;
|
|
|
+ transition: width 0.2s, opacity 0.4s;
|
|
|
+ width: 0%;
|
|
|
+ z-index: 999999;
|
|
|
+}
|
|
|
+.search a:hover {
|
|
|
+ color: #0074d9;
|
|
|
+ color: var(--theme-color, #0074d9);
|
|
|
+}
|
|
|
+.search .search-keyword {
|
|
|
+ color: #0074d9;
|
|
|
+ color: var(--theme-color, #0074d9);
|
|
|
+ font-style: normal;
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
+html,
|
|
|
+body {
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+body {
|
|
|
+ -moz-osx-font-smoothing: grayscale;
|
|
|
+ -webkit-font-smoothing: antialiased;
|
|
|
+ color: #34495e;
|
|
|
+ font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;
|
|
|
+ font-size: 15px;
|
|
|
+ letter-spacing: 0;
|
|
|
+ margin: 0;
|
|
|
+ overflow-x: hidden;
|
|
|
+}
|
|
|
+img {
|
|
|
+ max-width: 100%;
|
|
|
+}
|
|
|
+a[disabled] {
|
|
|
+ cursor: not-allowed;
|
|
|
+ opacity: 0.6;
|
|
|
+}
|
|
|
+kbd {
|
|
|
+ border: solid 1px #ccc;
|
|
|
+ border-radius: 3px;
|
|
|
+ display: inline-block;
|
|
|
+ font-size: 12px !important;
|
|
|
+ line-height: 12px;
|
|
|
+ margin-bottom: 3px;
|
|
|
+ padding: 3px 5px;
|
|
|
+ vertical-align: middle;
|
|
|
+}
|
|
|
+li input[type='checkbox'] {
|
|
|
+ margin: 0 0.2em 0.25em 0;
|
|
|
+ vertical-align: middle;
|
|
|
+}
|
|
|
+.app-nav {
|
|
|
+ padding: 10px 0px;
|
|
|
+ position: fixed;
|
|
|
+ right: 0;
|
|
|
+ text-align: right;
|
|
|
+ z-index: 10;
|
|
|
+ background: transparent;
|
|
|
+ height: 50px;
|
|
|
+ left: 284px;
|
|
|
+ top: 0;
|
|
|
+ right: 0;
|
|
|
+}
|
|
|
+.app-nav.no-badge {
|
|
|
+ margin: 0px 0px;
|
|
|
+}
|
|
|
+.app-nav p {
|
|
|
+ margin: 0;
|
|
|
+}
|
|
|
+.app-nav > a {
|
|
|
+ margin: 0 1rem;
|
|
|
+ padding: 5px 0;
|
|
|
+}
|
|
|
+.app-nav ul,
|
|
|
+.app-nav li {
|
|
|
+ display: inline-block;
|
|
|
+ list-style: none;
|
|
|
+ margin: 0;
|
|
|
+}
|
|
|
+.app-nav a {
|
|
|
+ color: inherit;
|
|
|
+ font-size: 16px;
|
|
|
+ text-decoration: none;
|
|
|
+ transition: color 0.3s;
|
|
|
+}
|
|
|
+.app-nav a:hover {
|
|
|
+ color: #0074d9;
|
|
|
+ color: var(--theme-color, #0074d9);
|
|
|
+}
|
|
|
+.app-nav a.active {
|
|
|
+ border-bottom: 2px solid #0074d9;
|
|
|
+ border-bottom: 2px solid var(--theme-color, #0074d9);
|
|
|
+ color: #0074d9;
|
|
|
+ color: var(--theme-color, #0074d9);
|
|
|
+}
|
|
|
+.app-nav li {
|
|
|
+ display: inline-block;
|
|
|
+ margin: 0 1rem;
|
|
|
+ padding: 5px 0;
|
|
|
+ position: relative;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+.app-nav li ul {
|
|
|
+ background-color: #fff;
|
|
|
+ border: 1px solid #ddd;
|
|
|
+ border-bottom-color: #ccc;
|
|
|
+ border-radius: 4px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ display: none;
|
|
|
+ max-height: calc(100vh - 61px);
|
|
|
+ overflow-y: auto;
|
|
|
+ padding: 10px 0;
|
|
|
+ position: absolute;
|
|
|
+ right: -15px;
|
|
|
+ text-align: left;
|
|
|
+ top: 100%;
|
|
|
+ white-space: nowrap;
|
|
|
+}
|
|
|
+.app-nav li ul li {
|
|
|
+ display: block;
|
|
|
+ font-size: 14px;
|
|
|
+ line-height: 1rem;
|
|
|
+ margin: 0;
|
|
|
+ margin: 8px 14px;
|
|
|
+ white-space: nowrap;
|
|
|
+}
|
|
|
+.app-nav li ul a {
|
|
|
+ display: block;
|
|
|
+ font-size: inherit;
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+}
|
|
|
+.app-nav li ul a.active {
|
|
|
+ border-bottom: 0;
|
|
|
+}
|
|
|
+.app-nav li:hover ul {
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+.github-corner {
|
|
|
+ border-bottom: 0;
|
|
|
+ position: fixed;
|
|
|
+ right: 0;
|
|
|
+ text-decoration: none;
|
|
|
+ top: 0;
|
|
|
+ z-index: 100;
|
|
|
+}
|
|
|
+.github-corner:hover .octo-arm {
|
|
|
+ animation: octocat-wave 560ms ease-in-out;
|
|
|
+}
|
|
|
+.github-corner svg {
|
|
|
+ color: #fff;
|
|
|
+ fill: #0074d9;
|
|
|
+ fill: var(--theme-color, #0074d9);
|
|
|
+ height: 80px;
|
|
|
+ width: 80px;
|
|
|
+}
|
|
|
+main {
|
|
|
+ display: block;
|
|
|
+ position: relative;
|
|
|
+ width: 100vw;
|
|
|
+ height: 100%;
|
|
|
+ z-index: 0;
|
|
|
+}
|
|
|
+main.hidden {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+.anchor {
|
|
|
+ display: inline-block;
|
|
|
+ text-decoration: none;
|
|
|
+ transition: all 0.3s;
|
|
|
+}
|
|
|
+.anchor span {
|
|
|
+ color: #34495e;
|
|
|
+}
|
|
|
+.anchor:hover {
|
|
|
+ text-decoration: underline;
|
|
|
+}
|
|
|
+.sidebar {
|
|
|
+ border-right: 1px solid rgba(0, 0, 0, 0.07);
|
|
|
+ overflow-y: auto;
|
|
|
+ padding: 40px 0 0;
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ bottom: 0;
|
|
|
+ left: 0;
|
|
|
+ transition: transform 250ms ease-out;
|
|
|
+ width: 300px;
|
|
|
+ z-index: 20;
|
|
|
+}
|
|
|
+.sidebar > h1 {
|
|
|
+ margin: 0 auto 1rem 15px;
|
|
|
+ font-size: 1.5rem;
|
|
|
+ font-weight: 300;
|
|
|
+ text-align: left;
|
|
|
+}
|
|
|
+.sidebar > h1 a {
|
|
|
+ color: inherit;
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+.sidebar > h1 .app-nav {
|
|
|
+ display: block;
|
|
|
+ position: static;
|
|
|
+}
|
|
|
+.sidebar > h1 img {
|
|
|
+ width: 150px;
|
|
|
+}
|
|
|
+.sidebar .sidebar-nav {
|
|
|
+ line-height: 2em;
|
|
|
+ padding-bottom: 40px;
|
|
|
+}
|
|
|
+.sidebar li.collapse .app-sub-sidebar {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+.sidebar ul {
|
|
|
+ margin: 0 0 0 15px;
|
|
|
+ padding: 0;
|
|
|
+}
|
|
|
+.sidebar li > p {
|
|
|
+ font-weight: 600;
|
|
|
+ margin: 0;
|
|
|
+}
|
|
|
+.sidebar ul,
|
|
|
+.sidebar ul li {
|
|
|
+ list-style: none;
|
|
|
+}
|
|
|
+.sidebar ul li a {
|
|
|
+ border-bottom: none;
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+.sidebar ul li ul {
|
|
|
+ padding-left: 20px;
|
|
|
+}
|
|
|
+.sidebar::-webkit-scrollbar {
|
|
|
+ width: 4px;
|
|
|
+}
|
|
|
+.sidebar::-webkit-scrollbar-thumb {
|
|
|
+ background: transparent;
|
|
|
+ border-radius: 4px;
|
|
|
+}
|
|
|
+.sidebar:hover::-webkit-scrollbar-thumb {
|
|
|
+ background: rgba(136, 136, 136, 0.4);
|
|
|
+}
|
|
|
+.sidebar:hover::-webkit-scrollbar-track {
|
|
|
+ background: rgba(136, 136, 136, 0.1);
|
|
|
+}
|
|
|
+.sidebar-toggle {
|
|
|
+ background-color: transparent;
|
|
|
+ background-color: rgba(255, 255, 255, 0.8);
|
|
|
+ border: 0;
|
|
|
+ outline: none;
|
|
|
+ padding: 10px;
|
|
|
+ position: absolute;
|
|
|
+ bottom: 0;
|
|
|
+ left: 0;
|
|
|
+ text-align: center;
|
|
|
+ transition: opacity 0.3s;
|
|
|
+ width: 284px;
|
|
|
+ z-index: 30;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+.sidebar-toggle:hover .sidebar-toggle-button {
|
|
|
+ opacity: 0.4;
|
|
|
+}
|
|
|
+.sidebar-toggle span {
|
|
|
+ background-color: #0074d9;
|
|
|
+ background-color: var(--theme-color, #0074d9);
|
|
|
+ display: block;
|
|
|
+ margin-bottom: 4px;
|
|
|
+ width: 16px;
|
|
|
+ height: 2px;
|
|
|
+}
|
|
|
+body.sticky .sidebar,
|
|
|
+body.sticky .sidebar-toggle {
|
|
|
+ position: fixed;
|
|
|
+}
|
|
|
+.content {
|
|
|
+ padding-top: 60px;
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ right: 0;
|
|
|
+ bottom: 0;
|
|
|
+ left: 300px;
|
|
|
+ transition: left 250ms ease;
|
|
|
+}
|
|
|
+.markdown-section {
|
|
|
+ margin: 0 auto;
|
|
|
+ max-width: 80%;
|
|
|
+ padding: 30px 15px 40px 15px;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+.markdown-section > * {
|
|
|
+ box-sizing: border-box;
|
|
|
+ font-size: inherit;
|
|
|
+}
|
|
|
+.markdown-section > :first-child {
|
|
|
+ margin-top: 0 !important;
|
|
|
+}
|
|
|
+.markdown-section hr {
|
|
|
+ border: none;
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
+ margin: 2em 0;
|
|
|
+}
|
|
|
+.markdown-section iframe {
|
|
|
+ border: 1px solid #eee;
|
|
|
+
|
|
|
+ width: 1px;
|
|
|
+ min-width: 100%;
|
|
|
+}
|
|
|
+.markdown-section table {
|
|
|
+ border-collapse: collapse;
|
|
|
+ border-spacing: 0;
|
|
|
+ display: block;
|
|
|
+ margin-bottom: 1rem;
|
|
|
+ overflow: auto;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+.markdown-section th {
|
|
|
+ border: 1px solid #ddd;
|
|
|
+ font-weight: bold;
|
|
|
+ padding: 6px 13px;
|
|
|
+}
|
|
|
+.markdown-section td {
|
|
|
+ border: 1px solid #ddd;
|
|
|
+ padding: 6px 13px;
|
|
|
+}
|
|
|
+.markdown-section tr {
|
|
|
+ border-top: 1px solid #ccc;
|
|
|
+}
|
|
|
+.markdown-section tr:nth-child(2n) {
|
|
|
+ background-color: #f8f8f8;
|
|
|
+}
|
|
|
+.markdown-section p.tip {
|
|
|
+ background-color: #f8f8f8;
|
|
|
+ border-bottom-right-radius: 2px;
|
|
|
+ border-left: 4px solid #f66;
|
|
|
+ border-top-right-radius: 2px;
|
|
|
+ margin: 2em 0;
|
|
|
+ padding: 12px 24px 12px 30px;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+.markdown-section p.tip:before {
|
|
|
+ background-color: #f66;
|
|
|
+ border-radius: 100%;
|
|
|
+ color: #fff;
|
|
|
+ content: '!';
|
|
|
+ font-family: 'Dosis', 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: bold;
|
|
|
+ left: -12px;
|
|
|
+ line-height: 20px;
|
|
|
+ position: absolute;
|
|
|
+ height: 20px;
|
|
|
+ width: 20px;
|
|
|
+ text-align: center;
|
|
|
+ top: 14px;
|
|
|
+}
|
|
|
+.markdown-section p.tip code {
|
|
|
+ background-color: #efefef;
|
|
|
+}
|
|
|
+.markdown-section p.tip em {
|
|
|
+ color: #34495e;
|
|
|
+}
|
|
|
+.markdown-section p.warn {
|
|
|
+ background: rgba(66, 185, 131, 0.1);
|
|
|
+ border-radius: 2px;
|
|
|
+ padding: 1rem;
|
|
|
+}
|
|
|
+.markdown-section ul.task-list > li {
|
|
|
+ list-style-type: none;
|
|
|
+}
|
|
|
+body.close .sidebar {
|
|
|
+ transform: translateX(-300px);
|
|
|
+}
|
|
|
+body.close .sidebar-toggle {
|
|
|
+ width: auto;
|
|
|
+}
|
|
|
+body.close .content {
|
|
|
+ left: 0;
|
|
|
+}
|
|
|
+@media print {
|
|
|
+ .github-corner,
|
|
|
+ .sidebar-toggle,
|
|
|
+ .sidebar,
|
|
|
+ .app-nav {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+}
|
|
|
+@media screen and (max-width: 768px) {
|
|
|
+ .cover-main .features {
|
|
|
+ flex-direction: column;
|
|
|
+ }
|
|
|
+
|
|
|
+ .cover-main .feature {
|
|
|
+ max-width: 100% !important;
|
|
|
+ padding: 0 2.5rem;
|
|
|
+ }
|
|
|
+ .github-corner,
|
|
|
+ .sidebar-toggle,
|
|
|
+ .sidebar {
|
|
|
+ position: fixed;
|
|
|
+ }
|
|
|
+ .app-nav {
|
|
|
+ margin-top: 16px;
|
|
|
+ }
|
|
|
+ .app-nav li ul {
|
|
|
+ top: 30px;
|
|
|
+ }
|
|
|
+ main {
|
|
|
+ height: auto;
|
|
|
+ min-height: 100vh;
|
|
|
+ overflow-x: hidden;
|
|
|
+ }
|
|
|
+ .sidebar {
|
|
|
+ left: -300px;
|
|
|
+ transition: transform 250ms ease-out;
|
|
|
+ }
|
|
|
+ .content {
|
|
|
+ left: 0;
|
|
|
+ max-width: 100vw;
|
|
|
+ position: static;
|
|
|
+ padding-top: 20px;
|
|
|
+ transition: transform 250ms ease;
|
|
|
+ }
|
|
|
+ .app-nav,
|
|
|
+ .github-corner {
|
|
|
+ transition: transform 250ms ease-out;
|
|
|
+ }
|
|
|
+ .sidebar-toggle {
|
|
|
+ background-color: transparent;
|
|
|
+ width: auto;
|
|
|
+ padding: 30px 30px 10px 10px;
|
|
|
+ }
|
|
|
+ body.close .sidebar {
|
|
|
+ transform: translateX(300px);
|
|
|
+ }
|
|
|
+ body.close .sidebar-toggle {
|
|
|
+ background-color: rgba(255, 255, 255, 0.8);
|
|
|
+ transition: 1s background-color;
|
|
|
+ width: 284px;
|
|
|
+ padding: 10px;
|
|
|
+ }
|
|
|
+ body.close .content {
|
|
|
+ transform: translateX(300px);
|
|
|
+ }
|
|
|
+ body.close .app-nav,
|
|
|
+ body.close .github-corner {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ .github-corner:hover .octo-arm {
|
|
|
+ animation: none;
|
|
|
+ }
|
|
|
+ .github-corner .octo-arm {
|
|
|
+ animation: octocat-wave 560ms ease-in-out;
|
|
|
+ }
|
|
|
+}
|
|
|
+@keyframes octocat-wave {
|
|
|
+ 0%,
|
|
|
+ 100% {
|
|
|
+ transform: rotate(0);
|
|
|
+ }
|
|
|
+ 20%,
|
|
|
+ 60% {
|
|
|
+ transform: rotate(-25deg);
|
|
|
+ }
|
|
|
+ 40%,
|
|
|
+ 80% {
|
|
|
+ transform: rotate(10deg);
|
|
|
+ }
|
|
|
+}
|
|
|
+section.cover {
|
|
|
+ position: relative;
|
|
|
+ align-items: center;
|
|
|
+ background-position: center center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-size: cover;
|
|
|
+ min-height: 100vh;
|
|
|
+ width: 100%;
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+section.cover.show {
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
+section.cover.has-mask .mask {
|
|
|
+ background-color: #fff;
|
|
|
+ opacity: 0.8;
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ bottom: 0;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+section.cover .cover-main {
|
|
|
+ flex: 1;
|
|
|
+ margin: 100px auto 0px;
|
|
|
+ text-align: center;
|
|
|
+ position: relative;
|
|
|
+ max-width: 960px;
|
|
|
+}
|
|
|
+section.cover a {
|
|
|
+ color: inherit;
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+section.cover a:hover {
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+section.cover p {
|
|
|
+ line-height: 1.5rem;
|
|
|
+ margin: 1em 0;
|
|
|
+}
|
|
|
+section.cover h1 {
|
|
|
+ color: inherit;
|
|
|
+ font-size: 2.5rem;
|
|
|
+ font-weight: 300;
|
|
|
+ margin: 0.625rem 0 2.5rem;
|
|
|
+ position: relative;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+section.cover h1 a {
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+section.cover h1 small {
|
|
|
+ bottom: -0.4375rem;
|
|
|
+ font-size: 1rem;
|
|
|
+ position: absolute;
|
|
|
+}
|
|
|
+section.cover blockquote {
|
|
|
+ font-size: 1.5rem;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+section.cover ul {
|
|
|
+ line-height: 1.8;
|
|
|
+ list-style-type: none;
|
|
|
+ margin: 1em auto;
|
|
|
+ max-width: 500px;
|
|
|
+ padding: 0;
|
|
|
+}
|
|
|
+section.cover .cover-main > p:last-child a {
|
|
|
+ border-color: #0074d9;
|
|
|
+ border-color: var(--theme-color, #0074d9);
|
|
|
+ border-radius: 2rem;
|
|
|
+ border-style: solid;
|
|
|
+ border-width: 1px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ color: #0074d9;
|
|
|
+ color: var(--theme-color, #0074d9);
|
|
|
+ display: inline-block;
|
|
|
+ font-size: 1.05rem;
|
|
|
+ letter-spacing: 0.1rem;
|
|
|
+ margin: 0.5rem 1rem;
|
|
|
+ padding: 0.75em 2rem;
|
|
|
+ text-decoration: none;
|
|
|
+ transition: all 0.15s ease;
|
|
|
+}
|
|
|
+section.cover .cover-main > p:last-child a:last-child {
|
|
|
+ background-color: #0074d9;
|
|
|
+ background-color: var(--theme-color, #0074d9);
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+section.cover .cover-main > p:last-child a:last-child:hover {
|
|
|
+ color: inherit;
|
|
|
+ opacity: 0.8;
|
|
|
+}
|
|
|
+
|
|
|
+section.cover .cover-main a[href='#/introduce']:last-child {
|
|
|
+ border-color: #0074d9;
|
|
|
+ border-radius: 2rem;
|
|
|
+ border-style: solid;
|
|
|
+ border-width: 1px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ color: #fff;
|
|
|
+ background: #0074d9;
|
|
|
+ display: inline-block;
|
|
|
+ font-size: 1.05rem;
|
|
|
+ letter-spacing: 0.1rem;
|
|
|
+ margin: 0.5rem 1rem;
|
|
|
+ padding: 0.75em 2rem;
|
|
|
+ text-decoration: none;
|
|
|
+ transition: all 0.15s ease;
|
|
|
+}
|
|
|
+section.cover .cover-main a[href='#/introduce']:hover {
|
|
|
+ color: inherit;
|
|
|
+ opacity: 0.8;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+section.cover .cover-main > p:last-child a:hover {
|
|
|
+ color: inherit;
|
|
|
+}
|
|
|
+section.cover .cover-main .features {
|
|
|
+ border-top: 1px solid #eaecef;
|
|
|
+ padding: 1.2rem 0;
|
|
|
+ margin-top: 2.5rem;
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ align-items: flex-start;
|
|
|
+ align-content: stretch;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+section.cover .cover-main .feature {
|
|
|
+ flex-grow: 1;
|
|
|
+ flex-basis: 30%;
|
|
|
+ max-width: 30%;
|
|
|
+ text-align: left;
|
|
|
+}
|
|
|
+
|
|
|
+section.cover blockquote > p > a {
|
|
|
+ border-bottom: 2px solid #0074d9;
|
|
|
+ border-bottom: 2px solid #0074d9;
|
|
|
+ transition: color 0.3s;
|
|
|
+ background: #0074d9;
|
|
|
+}
|
|
|
+section.cover blockquote > p > a:hover {
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+body {
|
|
|
+ background-color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.sidebar {
|
|
|
+ background-color: #fff;
|
|
|
+ color: #364149;
|
|
|
+}
|
|
|
+.sidebar li {
|
|
|
+ margin: 6px 0 6px 0;
|
|
|
+}
|
|
|
+.sidebar ul li a {
|
|
|
+ color: #364149;
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: normal;
|
|
|
+ overflow: hidden;
|
|
|
+ text-decoration: none;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+}
|
|
|
+.sidebar ul li a:hover {
|
|
|
+ text-decoration: underline;
|
|
|
+}
|
|
|
+.sidebar ul li ul {
|
|
|
+ padding: 0;
|
|
|
+}
|
|
|
+.sidebar ul li.active > a {
|
|
|
+ border-right: 2px solid;
|
|
|
+ color: #0074d9;
|
|
|
+ color: var(--theme-color, #0074d9);
|
|
|
+ font-weight: 600;
|
|
|
+}
|
|
|
+.app-sub-sidebar li::before {
|
|
|
+ content: '-';
|
|
|
+ padding-right: 4px;
|
|
|
+ float: left;
|
|
|
+}
|
|
|
+
|
|
|
+.markdown-section h1,
|
|
|
+.markdown-section h2,
|
|
|
+.markdown-section h3,
|
|
|
+.markdown-section h4,
|
|
|
+.markdown-section strong {
|
|
|
+ color: #2c3e50;
|
|
|
+ font-weight: 600;
|
|
|
+}
|
|
|
+.markdown-section a {
|
|
|
+ color: #0074d9;
|
|
|
+ color: var(--theme-color, #0074d9);
|
|
|
+ font-weight: 600;
|
|
|
+}
|
|
|
+.markdown-section h1 {
|
|
|
+ font-size: 2rem;
|
|
|
+ margin: 0 0 1rem;
|
|
|
+}
|
|
|
+.markdown-section h2 {
|
|
|
+ font-size: 1.75rem;
|
|
|
+ margin: 45px 0 0.8rem;
|
|
|
+}
|
|
|
+.markdown-section h3 {
|
|
|
+ font-size: 1.5rem;
|
|
|
+ margin: 40px 0 0.6rem;
|
|
|
+}
|
|
|
+.markdown-section h4 {
|
|
|
+ font-size: 1.25rem;
|
|
|
+}
|
|
|
+.markdown-section h5 {
|
|
|
+ font-size: 1rem;
|
|
|
+}
|
|
|
+.markdown-section h6 {
|
|
|
+ color: #777;
|
|
|
+ font-size: 1rem;
|
|
|
+}
|
|
|
+.markdown-section figure,
|
|
|
+.markdown-section p {
|
|
|
+ margin: 1.2em 0;
|
|
|
+}
|
|
|
+.markdown-section p,
|
|
|
+.markdown-section ul,
|
|
|
+.markdown-section ol {
|
|
|
+ line-height: 1.6rem;
|
|
|
+ word-spacing: 0.05rem;
|
|
|
+}
|
|
|
+.markdown-section ul,
|
|
|
+.markdown-section ol {
|
|
|
+ padding-left: 1.5rem;
|
|
|
+}
|
|
|
+.markdown-section blockquote {
|
|
|
+ border-left: 4px solid #0074d9;
|
|
|
+ border-left: 4px solid var(--theme-color, #0074d9);
|
|
|
+ color: #858585;
|
|
|
+ margin: 2em 0;
|
|
|
+ padding-left: 20px;
|
|
|
+}
|
|
|
+.markdown-section blockquote p {
|
|
|
+ font-weight: 600;
|
|
|
+ margin-left: 0;
|
|
|
+}
|
|
|
+.markdown-section iframe {
|
|
|
+ margin: 1em 0;
|
|
|
+}
|
|
|
+.markdown-section em {
|
|
|
+ color: #7f8c8d;
|
|
|
+}
|
|
|
+.markdown-section code,
|
|
|
+.markdown-section pre,
|
|
|
+.markdown-section output::after {
|
|
|
+ font-family: 'Roboto Mono', Monaco, courier, monospace;
|
|
|
+}
|
|
|
+.markdown-section code,
|
|
|
+.markdown-section pre {
|
|
|
+ background-color: #f8f8f8;
|
|
|
+}
|
|
|
+.markdown-section pre,
|
|
|
+.markdown-section output {
|
|
|
+ margin: 1.2em 0;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+.markdown-section pre > code,
|
|
|
+.markdown-section output {
|
|
|
+ border-radius: 2px;
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+.markdown-section pre > code,
|
|
|
+.markdown-section output::after {
|
|
|
+ -moz-osx-font-smoothing: initial;
|
|
|
+ -webkit-font-smoothing: initial;
|
|
|
+}
|
|
|
+.markdown-section code {
|
|
|
+ border-radius: 2px;
|
|
|
+ color: #e96900;
|
|
|
+ margin: 0 2px;
|
|
|
+ padding: 3px 5px;
|
|
|
+ white-space: pre-wrap;
|
|
|
+}
|
|
|
+.markdown-section > :not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) code {
|
|
|
+ font-size: 0.8rem;
|
|
|
+}
|
|
|
+.markdown-section pre {
|
|
|
+ padding: 0 1.4rem;
|
|
|
+ line-height: 1.5rem;
|
|
|
+ overflow: auto;
|
|
|
+ word-wrap: normal;
|
|
|
+}
|
|
|
+.markdown-section pre > code {
|
|
|
+ color: #525252;
|
|
|
+ font-size: 0.8rem;
|
|
|
+ padding: 2.2em 5px;
|
|
|
+ line-height: inherit;
|
|
|
+ margin: 0 2px;
|
|
|
+ max-width: inherit;
|
|
|
+ overflow: inherit;
|
|
|
+ white-space: inherit;
|
|
|
+}
|
|
|
+.markdown-section output {
|
|
|
+ padding: 1.7rem 1.4rem;
|
|
|
+ border: 1px dotted #ccc;
|
|
|
+}
|
|
|
+.markdown-section output > :first-child {
|
|
|
+ margin-top: 0;
|
|
|
+}
|
|
|
+.markdown-section output > :last-child {
|
|
|
+ margin-bottom: 0;
|
|
|
+}
|
|
|
+.markdown-section code::after,
|
|
|
+.markdown-section code::before,
|
|
|
+.markdown-section output::after,
|
|
|
+.markdown-section output::before {
|
|
|
+ letter-spacing: 0.05rem;
|
|
|
+}
|
|
|
+.markdown-section pre::after,
|
|
|
+.markdown-section output::after {
|
|
|
+ color: #ccc;
|
|
|
+ font-size: 0.6rem;
|
|
|
+ font-weight: 600;
|
|
|
+ height: 15px;
|
|
|
+ line-height: 15px;
|
|
|
+ padding: 5px 10px 0;
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ text-align: right;
|
|
|
+ top: 0;
|
|
|
+}
|
|
|
+.markdown-section pre::after,
|
|
|
+.markdown-section output::after {
|
|
|
+ content: attr(data-lang);
|
|
|
+}
|
|
|
+
|
|
|
+.token.comment,
|
|
|
+.token.prolog,
|
|
|
+.token.doctype,
|
|
|
+.token.cdata {
|
|
|
+ color: #8e908c;
|
|
|
+}
|
|
|
+.token.namespace {
|
|
|
+ opacity: 0.7;
|
|
|
+}
|
|
|
+.token.boolean,
|
|
|
+.token.number {
|
|
|
+ color: #c76b29;
|
|
|
+}
|
|
|
+.token.punctuation {
|
|
|
+ color: #525252;
|
|
|
+}
|
|
|
+.token.property {
|
|
|
+ color: #c08b30;
|
|
|
+}
|
|
|
+.token.tag {
|
|
|
+ color: #2973b7;
|
|
|
+}
|
|
|
+.token.string {
|
|
|
+ color: #0074d9;
|
|
|
+ color: var(--theme-color, #0074d9);
|
|
|
+}
|
|
|
+.token.selector {
|
|
|
+ color: #6679cc;
|
|
|
+}
|
|
|
+.token.attr-name {
|
|
|
+ color: #2973b7;
|
|
|
+}
|
|
|
+.token.entity,
|
|
|
+.token.url,
|
|
|
+.language-css .token.string,
|
|
|
+.style .token.string {
|
|
|
+ color: #22a2c9;
|
|
|
+}
|
|
|
+.token.attr-value,
|
|
|
+.token.control,
|
|
|
+.token.directive,
|
|
|
+.token.unit {
|
|
|
+ color: #0074d9;
|
|
|
+ color: var(--theme-color, #0074d9);
|
|
|
+}
|
|
|
+.token.keyword,
|
|
|
+.token.function {
|
|
|
+ color: #e96900;
|
|
|
+}
|
|
|
+.token.statement,
|
|
|
+.token.regex,
|
|
|
+.token.atrule {
|
|
|
+ color: #22a2c9;
|
|
|
+}
|
|
|
+.token.placeholder,
|
|
|
+.token.variable {
|
|
|
+ color: #3d8fd1;
|
|
|
+}
|
|
|
+.token.deleted {
|
|
|
+ text-decoration: line-through;
|
|
|
+}
|
|
|
+.token.inserted {
|
|
|
+ border-bottom: 1px dotted #202746;
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+.token.italic {
|
|
|
+ font-style: italic;
|
|
|
+}
|
|
|
+.token.important,
|
|
|
+.token.bold {
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
+.token.important {
|
|
|
+ color: #c94922;
|
|
|
+}
|
|
|
+.token.entity {
|
|
|
+ cursor: help;
|
|
|
+}
|
|
|
+code .token {
|
|
|
+ -moz-osx-font-smoothing: initial;
|
|
|
+ -webkit-font-smoothing: initial;
|
|
|
+ min-height: 1.5rem;
|
|
|
+ position: relative;
|
|
|
+ left: auto;
|
|
|
+}
|
|
|
+section.cover .copyright {
|
|
|
+ bottom: 5px;
|
|
|
+ position: fixed;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+main .content .copyright {
|
|
|
+ bottom: 5px;
|
|
|
+ position: absolute;
|
|
|
+ left: 10px;
|
|
|
+ right: 0;
|
|
|
+ text-align: left;
|
|
|
+}
|
|
|
+
|
|
|
+.markdown-section .clklog-contact-items {
|
|
|
+ position: fixed;
|
|
|
+ right: 5px;
|
|
|
+ top: calc((100vh - 168px) / 2);
|
|
|
+ z-index: 9999;
|
|
|
+
|
|
|
+
|
|
|
+ width: 55px;
|
|
|
+ padding-left: 0px;
|
|
|
+}
|
|
|
+.markdown-section .clklog-contact-items .clklog-contact-item {
|
|
|
+ width: 55px;
|
|
|
+ height: 55px;
|
|
|
+ position: relative;
|
|
|
+ margin: 5px 0;
|
|
|
+ list-style: none;
|
|
|
+ background-color: #eaf2fc;
|
|
|
+ border-radius: 36px;
|
|
|
+}
|
|
|
+.markdown-section .clklog-contact-items .clklog-contact-item:hover .clklog-contact-item-content {
|
|
|
+ display: block;
|
|
|
+ position: absolute;
|
|
|
+ left: -150px;
|
|
|
+ top: 5px;
|
|
|
+ z-index: 9999;
|
|
|
+ background-color: #eaf2fc;
|
|
|
+}
|
|
|
+.markdown-section .clklog-contact-items .clklog-contact-item.phone:hover .clklog-contact-item-content {
|
|
|
+ left: -138px;
|
|
|
+}
|
|
|
+.markdown-section .clklog-contact-items .clklog-contact-item.wechat:hover .clklog-contact-item-content {
|
|
|
+ left: -150px;
|
|
|
+}
|
|
|
+.markdown-section .clklog-contact-items .clklog-contact-item.email:hover .clklog-contact-item-content {
|
|
|
+ left: -140px;
|
|
|
+}
|
|
|
+.markdown-section .clklog-contact-items .clklog-contact-item .clklog-contact-item-content .triangle {
|
|
|
+ display: inline-block;
|
|
|
+ width: 0;
|
|
|
+ height: 0;
|
|
|
+ border-top: 8px solid transparent;
|
|
|
+ border-bottom: 8px solid transparent;
|
|
|
+ border-left: 8px solid #eaf2fc;
|
|
|
+ position: absolute;
|
|
|
+ right: -8px;
|
|
|
+ top: 15px;
|
|
|
+}
|
|
|
+.markdown-section .clklog-contact-items .clklog-contact-item {
|
|
|
+ background-position: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.markdown-section .clklog-contact-items .clklog-contact-item.phone .info {
|
|
|
+ font-size: 20px;
|
|
|
+}
|
|
|
+.markdown-section .clklog-contact-items .clklog-contact-item.email .info {
|
|
|
+ font-size: 16px;
|
|
|
+}
|
|
|
+.markdown-section .clklog-contact-items .clklog-contact-item.wechat .info {
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+.markdown-section .clklog-contact-items .clklog-contact-item.phone {
|
|
|
+ background-image: url(../imgs/phone.png);
|
|
|
+}
|
|
|
+.markdown-section .clklog-contact-items .clklog-contact-item.phone:hover {
|
|
|
+ background-image: url(../imgs/phone.png);
|
|
|
+}
|
|
|
+.markdown-section .clklog-contact-items .clklog-contact-item.wechat {
|
|
|
+ background-image: url(../imgs/wechat.png);
|
|
|
+}
|
|
|
+.markdown-section .clklog-contact-items .clklog-contact-item.wechat:hover {
|
|
|
+ background-image: url(../imgs/wechat.png);
|
|
|
+}
|
|
|
+.markdown-section .clklog-contact-items .clklog-contact-item.email {
|
|
|
+ background-image: url(../imgs/email.png);
|
|
|
+}
|
|
|
+.markdown-section .clklog-contact-items .clklog-contact-item.email:hover {
|
|
|
+ background-image: url(../imgs/email.png);
|
|
|
+}
|
|
|
+.markdown-section .clklog-contact-items .clklog-contact-item .clklog-contact-item-content {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+
|
|
|
+.markdown-section .clklog-contact-items .clklog-contact-item:hover .clklog-contact-item-content {
|
|
|
+ border-radius: 5px;
|
|
|
+}
|
|
|
+.markdown-section .clklog-contact-items .clklog-contact-item:hover .clklog-contact-item-content.wechat p {
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+.markdown-section .clklog-contact-items .clklog-contact-item:hover .clklog-contact-item-content p {
|
|
|
+ margin-top: 0;
|
|
|
+ margin-bottom: 0;
|
|
|
+}
|
|
|
+.markdown-section .clklog-contact-items .clklog-contact-item:hover .clklog-contact-item-content.wechat p {
|
|
|
+}
|
|
|
+.markdown-section .clklog-contact-items .clklog-contact-item:hover .clklog-contact-item-content .contentwrap {
|
|
|
+ padding: 10px;
|
|
|
+}
|
Gogs
