mirror of
https://github.com/squidfunk/mkdocs-material.git
synced 2024-06-14 11:52:32 +03:00
1577 lines
43 KiB
CSS
1577 lines
43 KiB
CSS
|
@charset "UTF-8";
|
||
|
|
html {
|
||
|
|
box-sizing: border-box;
|
||
|
|
-moz-box-sizing: border-box;
|
||
|
|
-webkit-box-sizing: border-box; }
|
||
|
|
|
||
|
|
*,
|
||
|
|
*::before,
|
||
|
|
*::after {
|
||
|
|
box-sizing: inherit;
|
||
|
|
-moz-box-sizing: inherit;
|
||
|
|
-webkit-box-sizing: inherit; }
|
||
|
|
|
||
|
|
html {
|
||
|
|
-webkit-text-size-adjust: none;
|
||
|
|
-ms-text-size-adjust: none;
|
||
|
|
text-size-adjust: none; }
|
||
|
|
|
||
|
|
body {
|
||
|
|
margin: 0; }
|
||
|
|
|
||
|
|
article,
|
||
|
|
aside,
|
||
|
|
figcaption,
|
||
|
|
figure,
|
||
|
|
footer,
|
||
|
|
header,
|
||
|
|
main,
|
||
|
|
nav,
|
||
|
|
section {
|
||
|
|
display: block; }
|
||
|
|
|
||
|
|
hr {
|
||
|
|
overflow: visible;
|
||
|
|
box-sizing: content-box; }
|
||
|
|
|
||
|
|
a {
|
||
|
|
color: inherit;
|
||
|
|
text-decoration: none; }
|
||
|
|
a:active, a:hover {
|
||
|
|
outline-width: 0; }
|
||
|
|
|
||
|
|
a {
|
||
|
|
-webkit-text-decoration-skip: objects; }
|
||
|
|
|
||
|
|
a,
|
||
|
|
button,
|
||
|
|
label,
|
||
|
|
input {
|
||
|
|
-webkit-tap-highlight-color: transparent; }
|
||
|
|
|
||
|
|
small {
|
||
|
|
font-size: 80%; }
|
||
|
|
|
||
|
|
sub,
|
||
|
|
sup {
|
||
|
|
position: relative;
|
||
|
|
font-size: 80%;
|
||
|
|
line-height: 0;
|
||
|
|
vertical-align: baseline; }
|
||
|
|
|
||
|
|
sub {
|
||
|
|
bottom: -0.25em; }
|
||
|
|
|
||
|
|
sup {
|
||
|
|
top: -0.5em; }
|
||
|
|
|
||
|
|
img {
|
||
|
|
border-style: none; }
|
||
|
|
|
||
|
|
table {
|
||
|
|
border-collapse: collapse;
|
||
|
|
border-spacing: 0; }
|
||
|
|
|
||
|
|
td,
|
||
|
|
th {
|
||
|
|
font-weight: normal;
|
||
|
|
text-align: left;
|
||
|
|
vertical-align: top; }
|
||
|
|
|
||
|
|
button {
|
||
|
|
padding: 0;
|
||
|
|
border: 0;
|
||
|
|
outline: 0;
|
||
|
|
background: transparent;
|
||
|
|
font-size: inherit; }
|
||
|
|
|
||
|
|
input {
|
||
|
|
border: 0;
|
||
|
|
outline: 0; }
|
||
|
|
|
||
|
|
.md-icon, .md-nav__title::before, .md-nav__link::after, .admonition-title::before, .footnote-backref, .md-search-term::before, .checklist li::before, .critic.comment::before {
|
||
|
|
font-family: "Material Icons";
|
||
|
|
font-style: normal;
|
||
|
|
font-variant: normal;
|
||
|
|
font-weight: normal;
|
||
|
|
line-height: 1;
|
||
|
|
text-transform: none;
|
||
|
|
white-space: nowrap;
|
||
|
|
speak: none;
|
||
|
|
word-wrap: normal;
|
||
|
|
direction: ltr;
|
||
|
|
-webkit-font-smoothing: antialiased;
|
||
|
|
-moz-osx-font-smoothing: grayscale; }
|
||
|
|
.md-header-nav__icon, .md-footer-nav__icon, .md-nav__title::before {
|
||
|
|
display: inline-block;
|
||
|
|
margin: 0.4rem;
|
||
|
|
padding: 0.8rem;
|
||
|
|
font-size: 2.4rem;
|
||
|
|
cursor: pointer; }
|
||
|
|
|
||
|
|
.md-icon--back::before {
|
||
|
|
content: "arrow_back"; }
|
||
|
|
|
||
|
|
.md-icon--forward::before {
|
||
|
|
content: "arrow_forward"; }
|
||
|
|
|
||
|
|
body,
|
||
|
|
input {
|
||
|
|
color: rgba(0, 0, 0, 0.87);
|
||
|
|
font-family: "Roboto", Helvetica, Arial, sans-serif;
|
||
|
|
font-weight: 400;
|
||
|
|
-webkit-font-feature-settings: "kern", "onum", "liga";
|
||
|
|
font-feature-settings: "kern", "onum", "liga";
|
||
|
|
-webkit-font-smoothing: antialiased;
|
||
|
|
-moz-osx-font-smoothing: grayscale; }
|
||
|
|
.no-fontface body, .no-fontface
|
||
|
|
input {
|
||
|
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
|
||
|
|
|
||
|
|
pre,
|
||
|
|
code,
|
||
|
|
kbd {
|
||
|
|
color: rgba(0, 0, 0, 0.87);
|
||
|
|
font-family: "Roboto Mono", "Courier New", Courier, monospace;
|
||
|
|
font-weight: 400;
|
||
|
|
-webkit-font-feature-settings: "kern", "onum", "liga";
|
||
|
|
font-feature-settings: "kern", "onum", "liga"; }
|
||
|
|
.no-fontface pre, .no-fontface
|
||
|
|
code, .no-fontface
|
||
|
|
kbd {
|
||
|
|
font-family: "Courier New", Courier, monospace; }
|
||
|
|
|
||
|
|
.md-typeset {
|
||
|
|
font-size: 1.6rem;
|
||
|
|
line-height: 1.6; }
|
||
|
|
.md-typeset p,
|
||
|
|
.md-typeset ul,
|
||
|
|
.md-typeset ol,
|
||
|
|
.md-typeset blockquote {
|
||
|
|
margin: 1.0em 0; }
|
||
|
|
.md-typeset h1 {
|
||
|
|
margin: 0 0 4.0rem;
|
||
|
|
color: rgba(0, 0, 0, 0.54);
|
||
|
|
font-size: 3.125rem;
|
||
|
|
font-weight: 300;
|
||
|
|
letter-spacing: -0.01em;
|
||
|
|
line-height: 1.3; }
|
||
|
|
.md-typeset h2 {
|
||
|
|
margin: 4.0rem 0 1.6rem;
|
||
|
|
font-size: 2.5rem;
|
||
|
|
font-weight: 300;
|
||
|
|
letter-spacing: -0.01em;
|
||
|
|
line-height: 1.4; }
|
||
|
|
.md-typeset h3 {
|
||
|
|
margin: 3.2rem 0 1.6rem;
|
||
|
|
font-size: 2rem;
|
||
|
|
font-weight: 400;
|
||
|
|
letter-spacing: -0.01em;
|
||
|
|
line-height: 1.5; }
|
||
|
|
.md-typeset h2 + h3 {
|
||
|
|
margin-top: 1.6rem; }
|
||
|
|
.md-typeset h4 {
|
||
|
|
margin: 1.6rem 0;
|
||
|
|
font-size: 1.6rem;
|
||
|
|
font-weight: 700;
|
||
|
|
letter-spacing: -0.01em; }
|
||
|
|
.md-typeset h5,
|
||
|
|
.md-typeset h6 {
|
||
|
|
margin: 1.6rem 0;
|
||
|
|
color: rgba(0, 0, 0, 0.54);
|
||
|
|
font-size: 1.28rem;
|
||
|
|
font-weight: 700;
|
||
|
|
letter-spacing: -0.01em; }
|
||
|
|
.md-typeset h5 {
|
||
|
|
text-transform: uppercase; }
|
||
|
|
.md-typeset hr {
|
||
|
|
margin: 2.4rem 0;
|
||
|
|
border-bottom: 0.1rem dotted rgba(0, 0, 0, 0.26); }
|
||
|
|
.md-typeset a {
|
||
|
|
color: #3f51b5; }
|
||
|
|
.md-typeset a, .md-typeset a::before {
|
||
|
|
-webkit-transition: color 0.125s;
|
||
|
|
transition: color 0.125s; }
|
||
|
|
.md-typeset a:hover, .md-typeset a:active {
|
||
|
|
color: #536dfe; }
|
||
|
|
.md-typeset code {
|
||
|
|
margin: 0 0.4rem;
|
||
|
|
padding: 0.1rem 0;
|
||
|
|
border-radius: 0.2rem;
|
||
|
|
background: rgba(0, 0, 0, 0.035);
|
||
|
|
color: #37474F;
|
||
|
|
font-size: 85%;
|
||
|
|
box-shadow: 0.4rem 0 0 rgba(0, 0, 0, 0.035), -0.4rem 0 0 rgba(0, 0, 0, 0.035);
|
||
|
|
word-break: break-word;
|
||
|
|
-webkit-box-decoration-break: clone;
|
||
|
|
box-decoration-break: clone; }
|
||
|
|
.md-typeset h1 code,
|
||
|
|
.md-typeset h2 code,
|
||
|
|
.md-typeset h3 code,
|
||
|
|
.md-typeset h4 code,
|
||
|
|
.md-typeset h5 code,
|
||
|
|
.md-typeset h6 code {
|
||
|
|
margin: 0;
|
||
|
|
background: transparent;
|
||
|
|
box-shadow: none; }
|
||
|
|
.md-typeset pre {
|
||
|
|
margin: 1.0em 0;
|
||
|
|
padding: 1.0rem 1.2rem;
|
||
|
|
border-radius: 0.2rem;
|
||
|
|
background: rgba(0, 0, 0, 0.035);
|
||
|
|
color: #37474F;
|
||
|
|
font-size: 85%;
|
||
|
|
line-height: 1.4;
|
||
|
|
overflow: auto;
|
||
|
|
-webkit-overflow-scrolling: touch; }
|
||
|
|
.md-typeset pre > code {
|
||
|
|
font-size: inherit; }
|
||
|
|
.md-typeset > div > pre::-webkit-scrollbar,
|
||
|
|
.md-typeset > pre > code::-webkit-scrollbar {
|
||
|
|
width: 0.4rem;
|
||
|
|
height: 0.4rem; }
|
||
|
|
.md-typeset > div > pre::-webkit-scrollbar-thumb,
|
||
|
|
.md-typeset > pre > code::-webkit-scrollbar-thumb {
|
||
|
|
background: rgba(0, 0, 0, 0.26); }
|
||
|
|
.md-typeset kbd {
|
||
|
|
display: inline-block;
|
||
|
|
padding: 0.4rem 0.5rem 0.5rem;
|
||
|
|
border: 0.1rem solid #c9c9c9;
|
||
|
|
border-radius: 0.2rem;
|
||
|
|
border-bottom-color: #bcbcbc;
|
||
|
|
background-color: #FCFCFC;
|
||
|
|
color: #555555;
|
||
|
|
font-size: 85%;
|
||
|
|
line-height: 1.0rem;
|
||
|
|
box-shadow: 0 -0.1rem 0 #b0b0b0 inset;
|
||
|
|
vertical-align: 0.1rem;
|
||
|
|
word-break: break-word; }
|
||
|
|
.md-typeset small {
|
||
|
|
opacity: 0.75; }
|
||
|
|
.md-typeset sup,
|
||
|
|
.md-typeset sub {
|
||
|
|
margin-left: 0.1rem; }
|
||
|
|
.md-typeset blockquote {
|
||
|
|
padding-left: 1.2rem;
|
||
|
|
border-left: 0.4rem solid rgba(0, 0, 0, 0.26);
|
||
|
|
color: rgba(0, 0, 0, 0.54); }
|
||
|
|
.md-typeset ul {
|
||
|
|
list-style-type: disc; }
|
||
|
|
.md-typeset ol ol {
|
||
|
|
list-style-type: lower-alpha; }
|
||
|
|
.md-typeset ol ol ol {
|
||
|
|
list-style-type: lower-roman; }
|
||
|
|
.md-typeset ul,
|
||
|
|
.md-typeset ol {
|
||
|
|
margin-left: 1.0rem;
|
||
|
|
padding: 0; }
|
||
|
|
.md-typeset ul li,
|
||
|
|
.md-typeset ol li {
|
||
|
|
margin-bottom: 0.5em;
|
||
|
|
margin-left: 2.0rem; }
|
||
|
|
.md-typeset ul li p,
|
||
|
|
.md-typeset ul li blockquote,
|
||
|
|
.md-typeset ol li p,
|
||
|
|
.md-typeset ol li blockquote {
|
||
|
|
margin: 0.5em 0; }
|
||
|
|
.md-typeset ul li:last-child,
|
||
|
|
.md-typeset ol li:last-child {
|
||
|
|
margin-bottom: 0; }
|
||
|
|
.md-typeset ul li ul,
|
||
|
|
.md-typeset ul li ol,
|
||
|
|
.md-typeset ol li ul,
|
||
|
|
.md-typeset ol li ol {
|
||
|
|
margin-bottom: 1.0rem;
|
||
|
|
margin-left: 1.0rem;
|
||
|
|
padding-top: 1.0rem; }
|
||
|
|
|
||
|
|
html {
|
||
|
|
height: 100%;
|
||
|
|
font-size: 62.5%; }
|
||
|
|
|
||
|
|
body {
|
||
|
|
position: relative;
|
||
|
|
min-height: 100%; }
|
||
|
|
body[data-md-locked] {
|
||
|
|
height: 100%;
|
||
|
|
overflow: hidden; }
|
||
|
|
|
||
|
|
hr {
|
||
|
|
display: block;
|
||
|
|
height: 0.1rem;
|
||
|
|
padding: 0;
|
||
|
|
border: 0; }
|
||
|
|
|
||
|
|
.md-grid {
|
||
|
|
max-width: 120.0rem;
|
||
|
|
margin-right: auto;
|
||
|
|
margin-left: auto; }
|
||
|
|
|
||
|
|
.md-container,
|
||
|
|
.md-main {
|
||
|
|
overflow: auto; }
|
||
|
|
|
||
|
|
.md-main {
|
||
|
|
margin-top: 5.6rem; }
|
||
|
|
.md-main__inner {
|
||
|
|
margin-top: 3rem;
|
||
|
|
margin-bottom: 9.2rem;
|
||
|
|
overflow: auto; }
|
||
|
|
|
||
|
|
.md-toggle {
|
||
|
|
display: none; }
|
||
|
|
|
||
|
|
.md-overlay {
|
||
|
|
position: fixed;
|
||
|
|
top: 0;
|
||
|
|
width: 0;
|
||
|
|
height: 0;
|
||
|
|
-webkit-transition: width 0s 0.25s, height 0s 0.25s, opacity 0.25s;
|
||
|
|
transition: width 0s 0.25s, height 0s 0.25s, opacity 0.25s;
|
||
|
|
background: rgba(0, 0, 0, 0.54);
|
||
|
|
opacity: 0;
|
||
|
|
z-index: 2; }
|
||
|
|
|
||
|
|
.md-flex {
|
||
|
|
display: table; }
|
||
|
|
.md-flex__cell {
|
||
|
|
display: table-cell;
|
||
|
|
position: relative;
|
||
|
|
vertical-align: top; }
|
||
|
|
.md-flex__cell--shrink {
|
||
|
|
width: 0%; }
|
||
|
|
.md-flex__cell--stretch {
|
||
|
|
display: table;
|
||
|
|
width: 100%;
|
||
|
|
table-layout: fixed; }
|
||
|
|
.md-flex__ellipsis {
|
||
|
|
display: table-cell;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
white-space: nowrap;
|
||
|
|
overflow: hidden; }
|
||
|
|
|
||
|
|
.md-content__inner {
|
||
|
|
margin: 2.4rem 1.6rem; }
|
||
|
|
|
||
|
|
.md-content__copyright {
|
||
|
|
display: block; }
|
||
|
|
|
||
|
|
.md-header {
|
||
|
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
|
||
|
|
position: fixed;
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
left: 0;
|
||
|
|
height: 5.6rem;
|
||
|
|
background: #3f51b5;
|
||
|
|
color: white;
|
||
|
|
z-index: 1; }
|
||
|
|
|
||
|
|
.md-header-nav {
|
||
|
|
padding: 0.4rem; }
|
||
|
|
.md-header-nav__icon {
|
||
|
|
position: relative;
|
||
|
|
-webkit-transition: opacity 0.25s;
|
||
|
|
transition: opacity 0.25s;
|
||
|
|
z-index: 1; }
|
||
|
|
.md-header-nav__icon:hover {
|
||
|
|
opacity: 0.7; }
|
||
|
|
.no-js .md-header-nav__icon--search {
|
||
|
|
display: none; }
|
||
|
|
.md-header-nav__title {
|
||
|
|
padding: 0 2.0rem;
|
||
|
|
font-size: 1.8rem;
|
||
|
|
line-height: 4.8rem; }
|
||
|
|
.md-header-nav__source {
|
||
|
|
display: none; }
|
||
|
|
|
||
|
|
.md-footer {
|
||
|
|
position: absolute;
|
||
|
|
bottom: 0;
|
||
|
|
width: 100%; }
|
||
|
|
|
||
|
|
.md-footer-pagination {
|
||
|
|
background: rgba(0, 0, 0, 0.87);
|
||
|
|
color: white; }
|
||
|
|
|
||
|
|
.md-footer-nav {
|
||
|
|
padding: 0.4rem;
|
||
|
|
overflow: auto; }
|
||
|
|
.md-footer-nav__link {
|
||
|
|
padding-top: 2.8rem;
|
||
|
|
padding-bottom: 0.8rem;
|
||
|
|
-webkit-transition: opacity 0.25s;
|
||
|
|
transition: opacity 0.25s; }
|
||
|
|
.md-footer-nav__link:hover {
|
||
|
|
opacity: 0.7; }
|
||
|
|
.md-footer-nav__link--prev {
|
||
|
|
width: 25%;
|
||
|
|
float: left; }
|
||
|
|
.md-footer-nav__link--next {
|
||
|
|
width: 75%;
|
||
|
|
float: right;
|
||
|
|
text-align: right; }
|
||
|
|
.md-footer-nav__icon {
|
||
|
|
-webkit-transition: background 0.25s;
|
||
|
|
transition: background 0.25s; }
|
||
|
|
.md-footer-nav__title {
|
||
|
|
position: relative;
|
||
|
|
padding: 0 0.4rem;
|
||
|
|
font-size: 1.8rem;
|
||
|
|
line-height: 4.8rem; }
|
||
|
|
.md-footer-nav__direction {
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
left: 0;
|
||
|
|
margin-top: -2.0rem;
|
||
|
|
padding: 0 0.4rem;
|
||
|
|
color: rgba(255, 255, 255, 0.7);
|
||
|
|
font-size: 1.5rem; }
|
||
|
|
|
||
|
|
.md-nav {
|
||
|
|
font-size: 1.28rem;
|
||
|
|
line-height: 1.3; }
|
||
|
|
.md-nav--secondary {
|
||
|
|
border-left: 0.4rem solid #3f51b5; }
|
||
|
|
.md-nav__title {
|
||
|
|
display: block;
|
||
|
|
padding: 1.2rem 1.2rem 0;
|
||
|
|
font-weight: 700;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
overflow: hidden; }
|
||
|
|
.md-nav__title::before {
|
||
|
|
display: none;
|
||
|
|
content: "arrow_back"; }
|
||
|
|
.md-nav__list {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
list-style: none; }
|
||
|
|
.md-nav__item {
|
||
|
|
padding: 0.625em 1.2rem 0; }
|
||
|
|
.md-nav__item:last-child {
|
||
|
|
padding-bottom: 1.2rem; }
|
||
|
|
.md-nav__item .md-nav__item {
|
||
|
|
padding-right: 0; }
|
||
|
|
.md-nav__item .md-nav__item:last-child {
|
||
|
|
padding-bottom: 0; }
|
||
|
|
.md-nav__link {
|
||
|
|
display: block;
|
||
|
|
-webkit-transition: color 0.125s;
|
||
|
|
transition: color 0.125s;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
cursor: pointer;
|
||
|
|
overflow: hidden; }
|
||
|
|
.md-nav__item--nested > .md-nav__link::after {
|
||
|
|
content: "expand_more"; }
|
||
|
|
html .md-nav__link[for="toc"] {
|
||
|
|
display: none; }
|
||
|
|
html .md-nav__link[for="toc"] ~ .md-nav {
|
||
|
|
display: none; }
|
||
|
|
html .md-nav__link[for="toc"] + .md-nav__link::after {
|
||
|
|
display: none; }
|
||
|
|
.md-nav__link[data-md-marked] {
|
||
|
|
color: rgba(0, 0, 0, 0.54); }
|
||
|
|
.md-nav__link:hover, .md-nav__link:active, .md-nav__link--active {
|
||
|
|
color: #536dfe; }
|
||
|
|
.md-nav__source {
|
||
|
|
display: none; }
|
||
|
|
|
||
|
|
.no-js .md-search {
|
||
|
|
display: none; }
|
||
|
|
|
||
|
|
.md-search__overlay {
|
||
|
|
display: none;
|
||
|
|
pointer-events: none; }
|
||
|
|
|
||
|
|
.md-search__inner {
|
||
|
|
width: 100%; }
|
||
|
|
|
||
|
|
.md-search__icon {
|
||
|
|
position: absolute;
|
||
|
|
top: 0.8rem;
|
||
|
|
left: 1.2rem;
|
||
|
|
-webkit-transition: color 0.25s;
|
||
|
|
transition: color 0.25s;
|
||
|
|
font-size: 2.4rem;
|
||
|
|
cursor: pointer; }
|
||
|
|
.md-search__icon::before {
|
||
|
|
content: "search"; }
|
||
|
|
|
||
|
|
.md-search__input {
|
||
|
|
padding: 0 1.6rem 0 7.2rem;
|
||
|
|
text-overflow: ellipsis; }
|
||
|
|
.md-search__input + .md-search__icon, .md-search__input::-webkit-input-placeholder {
|
||
|
|
color: rgba(0, 0, 0, 0.54); }
|
||
|
|
.md-search__input + .md-search__icon, .md-search__input::-moz-placeholder {
|
||
|
|
color: rgba(0, 0, 0, 0.54); }
|
||
|
|
.md-search__input + .md-search__icon, .md-search__input:-ms-input-placeholder {
|
||
|
|
color: rgba(0, 0, 0, 0.54); }
|
||
|
|
.md-search__input + .md-search__icon, .md-search__input::placeholder {
|
||
|
|
color: rgba(0, 0, 0, 0.54); }
|
||
|
|
|
||
|
|
.md-sidebar {
|
||
|
|
position: relative;
|
||
|
|
width: 24.2rem;
|
||
|
|
float: left;
|
||
|
|
overflow: visible; }
|
||
|
|
.md-sidebar[data-md-locked] {
|
||
|
|
position: fixed;
|
||
|
|
top: 5.6rem; }
|
||
|
|
.md-sidebar--primary {
|
||
|
|
-webkit-backface-visibility: hidden;
|
||
|
|
backface-visibility: hidden; }
|
||
|
|
.md-sidebar--secondary {
|
||
|
|
display: none; }
|
||
|
|
.md-sidebar__scrollwrap {
|
||
|
|
margin: 2.4rem 0.4rem;
|
||
|
|
overflow-y: scroll; }
|
||
|
|
.js .md-sidebar__scrollwrap {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
bottom: 0;
|
||
|
|
left: 0; }
|
||
|
|
.md-sidebar__scrollwrap::-webkit-scrollbar {
|
||
|
|
width: 0.4rem;
|
||
|
|
height: 0.4rem; }
|
||
|
|
.md-sidebar__scrollwrap::-webkit-scrollbar-thumb {
|
||
|
|
background-color: rgba(0, 0, 0, 0.26); }
|
||
|
|
.md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
|
||
|
|
background-color: #536dfe; }
|
||
|
|
|
||
|
|
.md-source {
|
||
|
|
display: block;
|
||
|
|
-webkit-transition: opacity 0.25s;
|
||
|
|
transition: opacity 0.25s;
|
||
|
|
font-size: 1.3rem;
|
||
|
|
line-height: 1.2;
|
||
|
|
white-space: nowrap; }
|
||
|
|
.md-source:hover {
|
||
|
|
opacity: 0.7; }
|
||
|
|
.md-source::before {
|
||
|
|
display: inline-block;
|
||
|
|
height: 4.8rem;
|
||
|
|
content: "";
|
||
|
|
vertical-align: middle; }
|
||
|
|
.md-source--bitbucket::before, .md-source--github::before, .md-source--gitlab::before {
|
||
|
|
width: 4.8rem;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: center;
|
||
|
|
background-size: 2.4rem 2.4rem; }
|
||
|
|
.md-source--bitbucket .md-source__repository, .md-source--github .md-source__repository, .md-source--gitlab .md-source__repository {
|
||
|
|
margin-left: -4.4rem;
|
||
|
|
padding-left: 4.0rem; }
|
||
|
|
.md-source--bitbucket::before {
|
||
|
|
background-image: url("../images/icons/bitbucket-white.svg"); }
|
||
|
|
.md-source--github::before {
|
||
|
|
background-image: url("../images/icons/github-white.svg"); }
|
||
|
|
.md-source--gitlab::before {
|
||
|
|
background-image: url("../images/icons/gitlab-white.svg"); }
|
||
|
|
.md-source__repository {
|
||
|
|
display: inline-block;
|
||
|
|
max-width: 100%;
|
||
|
|
margin-left: 0.8rem;
|
||
|
|
font-weight: 700;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
overflow: hidden;
|
||
|
|
vertical-align: middle; }
|
||
|
|
.md-source__facts {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
font-size: 1.1rem;
|
||
|
|
font-weight: 700;
|
||
|
|
opacity: 0.75;
|
||
|
|
list-style-type: none; }
|
||
|
|
.md-source__fact {
|
||
|
|
float: left;
|
||
|
|
-webkit-transform: translateY(0%);
|
||
|
|
transform: translateY(0%);
|
||
|
|
-webkit-transition: opacity 0.25s, -webkit-transform 0.25s cubic-bezier(0.1, 0.7, 0.1, 1);
|
||
|
|
transition: opacity 0.25s, -webkit-transform 0.25s cubic-bezier(0.1, 0.7, 0.1, 1);
|
||
|
|
transition: transform 0.25s cubic-bezier(0.1, 0.7, 0.1, 1), opacity 0.25s;
|
||
|
|
transition: transform 0.25s cubic-bezier(0.1, 0.7, 0.1, 1), opacity 0.25s, -webkit-transform 0.25s cubic-bezier(0.1, 0.7, 0.1, 1);
|
||
|
|
opacity: 1; }
|
||
|
|
.md-source__fact--hidden {
|
||
|
|
-webkit-transform: translateY(100%);
|
||
|
|
transform: translateY(100%);
|
||
|
|
opacity: 0; }
|
||
|
|
.md-source__fact::before {
|
||
|
|
margin: 0 0.2rem;
|
||
|
|
content: "\00B7"; }
|
||
|
|
.md-source__fact:first-child::before {
|
||
|
|
display: none; }
|
||
|
|
|
||
|
|
.admonition {
|
||
|
|
margin: 2.0rem 0;
|
||
|
|
padding: 0.8rem 1.2rem;
|
||
|
|
border-left: 0.4rem solid #448aff;
|
||
|
|
border-radius: 0 0.2rem 0.2rem 0;
|
||
|
|
background: rgba(68, 138, 255, 0.05); }
|
||
|
|
.admonition-title {
|
||
|
|
color: #2979ff;
|
||
|
|
font-size: 1.28rem;
|
||
|
|
font-weight: 700;
|
||
|
|
line-height: 2;
|
||
|
|
text-transform: uppercase; }
|
||
|
|
html .admonition-title {
|
||
|
|
margin-bottom: 0; }
|
||
|
|
html .admonition-title + * {
|
||
|
|
margin-top: 0; }
|
||
|
|
.admonition-title::before {
|
||
|
|
margin-right: 0.45em;
|
||
|
|
font-size: 2.0rem;
|
||
|
|
content: "edit";
|
||
|
|
vertical-align: -0.25em; }
|
||
|
|
.admonition :first-child {
|
||
|
|
margin-top: 0; }
|
||
|
|
.admonition :last-child {
|
||
|
|
margin-bottom: 0; }
|
||
|
|
.admonition.tldr, .admonition.summary {
|
||
|
|
border-color: #00b0ff;
|
||
|
|
background: rgba(0, 176, 255, 0.05); }
|
||
|
|
.admonition.tldr .admonition-title, .admonition.summary .admonition-title {
|
||
|
|
color: #00b0ff; }
|
||
|
|
.admonition.tldr .admonition-title::before, .admonition.summary .admonition-title::before {
|
||
|
|
content: "subject"; }
|
||
|
|
.admonition.idea, .admonition.tip {
|
||
|
|
border-color: #00bfa5;
|
||
|
|
background: rgba(0, 191, 165, 0.05); }
|
||
|
|
.admonition.idea .admonition-title, .admonition.tip .admonition-title {
|
||
|
|
color: #00bfa5; }
|
||
|
|
.admonition.idea .admonition-title::before, .admonition.tip .admonition-title::before {
|
||
|
|
content: "whatshot"; }
|
||
|
|
.admonition.check, .admonition.done, .admonition.success {
|
||
|
|
border-color: #00e676;
|
||
|
|
background: rgba(0, 230, 118, 0.05); }
|
||
|
|
.admonition.check .admonition-title, .admonition.done .admonition-title, .admonition.success .admonition-title {
|
||
|
|
color: #00e676; }
|
||
|
|
.admonition.check .admonition-title::before, .admonition.done .admonition-title::before, .admonition.success .admonition-title::before {
|
||
|
|
content: "done"; }
|
||
|
|
.admonition.attention, .admonition.important, .admonition.warning {
|
||
|
|
border-color: #ff9100;
|
||
|
|
background: rgba(255, 145, 0, 0.05); }
|
||
|
|
.admonition.attention .admonition-title, .admonition.important .admonition-title, .admonition.warning .admonition-title {
|
||
|
|
color: #ff9100; }
|
||
|
|
.admonition.attention .admonition-title::before, .admonition.important .admonition-title::before, .admonition.warning .admonition-title::before {
|
||
|
|
content: "warning"; }
|
||
|
|
.admonition.fail, .admonition.missing, .admonition.failure {
|
||
|
|
border-color: #ff5252;
|
||
|
|
background: rgba(255, 82, 82, 0.05); }
|
||
|
|
.admonition.fail .admonition-title, .admonition.missing .admonition-title, .admonition.failure .admonition-title {
|
||
|
|
color: #ff5252; }
|
||
|
|
.admonition.fail .admonition-title::before, .admonition.missing .admonition-title::before, .admonition.failure .admonition-title::before {
|
||
|
|
content: "clear"; }
|
||
|
|
.admonition.caution, .admonition.danger {
|
||
|
|
border-color: #ff1744;
|
||
|
|
background: rgba(255, 23, 68, 0.05); }
|
||
|
|
.admonition.caution .admonition-title, .admonition.danger .admonition-title {
|
||
|
|
color: #ff1744; }
|
||
|
|
.admonition.caution .admonition-title::before, .admonition.danger .admonition-title::before {
|
||
|
|
content: "flash_on"; }
|
||
|
|
.admonition.bug, .admonition.error {
|
||
|
|
border-color: #f50057;
|
||
|
|
background: rgba(245, 0, 87, 0.05); }
|
||
|
|
.admonition.bug .admonition-title, .admonition.error .admonition-title {
|
||
|
|
color: #f50057; }
|
||
|
|
.admonition.bug .admonition-title::before, .admonition.error .admonition-title::before {
|
||
|
|
content: "bug_report"; }
|
||
|
|
|
||
|
|
.codehilite .err,
|
||
|
|
.code .err {
|
||
|
|
color: #A61717; }
|
||
|
|
|
||
|
|
.codehilite .o,
|
||
|
|
.code .o {
|
||
|
|
color: inherit; }
|
||
|
|
|
||
|
|
.codehilite .ge,
|
||
|
|
.code .ge {
|
||
|
|
color: #000000; }
|
||
|
|
|
||
|
|
.codehilite .gr,
|
||
|
|
.code .gr {
|
||
|
|
color: #AA0000; }
|
||
|
|
|
||
|
|
.codehilite .gh,
|
||
|
|
.code .gh {
|
||
|
|
color: #999999; }
|
||
|
|
|
||
|
|
.codehilite .go,
|
||
|
|
.code .go {
|
||
|
|
color: #888888; }
|
||
|
|
|
||
|
|
.codehilite .gp,
|
||
|
|
.code .gp {
|
||
|
|
color: #555555; }
|
||
|
|
|
||
|
|
.codehilite .gs,
|
||
|
|
.code .gs {
|
||
|
|
color: inherit; }
|
||
|
|
|
||
|
|
.codehilite .gu,
|
||
|
|
.code .gu {
|
||
|
|
color: #AAAAAA; }
|
||
|
|
|
||
|
|
.codehilite .gt,
|
||
|
|
.code .gt {
|
||
|
|
color: #AA0000; }
|
||
|
|
|
||
|
|
.codehilite .k,
|
||
|
|
.code .k {
|
||
|
|
color: #3B78E7; }
|
||
|
|
|
||
|
|
.codehilite .kc,
|
||
|
|
.code .kc {
|
||
|
|
color: #A71D5D; }
|
||
|
|
|
||
|
|
.codehilite .kd,
|
||
|
|
.code .kd {
|
||
|
|
color: #3B78E7; }
|
||
|
|
|
||
|
|
.codehilite .kn,
|
||
|
|
.code .kn {
|
||
|
|
color: #3B78E7; }
|
||
|
|
|
||
|
|
.codehilite .kp,
|
||
|
|
.code .kp {
|
||
|
|
color: #A71D5D; }
|
||
|
|
|
||
|
|
.codehilite .kr,
|
||
|
|
.code .kr {
|
||
|
|
color: #3E61A2; }
|
||
|
|
|
||
|
|
.codehilite .kt,
|
||
|
|
.code .kt {
|
||
|
|
color: #3E61A2; }
|
||
|
|
|
||
|
|
.codehilite .c,
|
||
|
|
.code .c {
|
||
|
|
color: #999999; }
|
||
|
|
|
||
|
|
.codehilite .cm,
|
||
|
|
.code .cm {
|
||
|
|
color: #999999; }
|
||
|
|
|
||
|
|
.codehilite .cp,
|
||
|
|
.code .cp {
|
||
|
|
color: #666666; }
|
||
|
|
|
||
|
|
.codehilite .c1,
|
||
|
|
.code .c1 {
|
||
|
|
color: #999999; }
|
||
|
|
|
||
|
|
.codehilite .cs,
|
||
|
|
.code .cs {
|
||
|
|
color: #999999; }
|
||
|
|
|
||
|
|
.codehilite .na,
|
||
|
|
.code .na {
|
||
|
|
color: #C2185B; }
|
||
|
|
|
||
|
|
.codehilite .nb,
|
||
|
|
.code .nb {
|
||
|
|
color: #C2185B; }
|
||
|
|
|
||
|
|
.codehilite .bp,
|
||
|
|
.code .bp {
|
||
|
|
color: #3E61A2; }
|
||
|
|
|
||
|
|
.codehilite .nc,
|
||
|
|
.code .nc {
|
||
|
|
color: #C2185B; }
|
||
|
|
|
||
|
|
.codehilite .no,
|
||
|
|
.code .no {
|
||
|
|
color: #3E61A2; }
|
||
|
|
|
||
|
|
.codehilite .nd,
|
||
|
|
.code .nd {
|
||
|
|
color: #666666; }
|
||
|
|
|
||
|
|
.codehilite .ni,
|
||
|
|
.code .ni {
|
||
|
|
color: #666666; }
|
||
|
|
|
||
|
|
.codehilite .ne,
|
||
|
|
.code .ne {
|
||
|
|
color: #C2185B; }
|
||
|
|
|
||
|
|
.codehilite .nf,
|
||
|
|
.code .nf {
|
||
|
|
color: #C2185B; }
|
||
|
|
|
||
|
|
.codehilite .nl,
|
||
|
|
.code .nl {
|
||
|
|
color: #3B5179; }
|
||
|
|
|
||
|
|
.codehilite .nn,
|
||
|
|
.code .nn {
|
||
|
|
color: #EC407A; }
|
||
|
|
|
||
|
|
.codehilite .nt,
|
||
|
|
.code .nt {
|
||
|
|
color: #3B78E7; }
|
||
|
|
|
||
|
|
.codehilite .nv,
|
||
|
|
.code .nv {
|
||
|
|
color: #3E61A2; }
|
||
|
|
|
||
|
|
.codehilite .vc,
|
||
|
|
.code .vc {
|
||
|
|
color: #3E61A2; }
|
||
|
|
|
||
|
|
.codehilite .vg,
|
||
|
|
.code .vg {
|
||
|
|
color: #3E61A2; }
|
||
|
|
|
||
|
|
.codehilite .vi,
|
||
|
|
.code .vi {
|
||
|
|
color: #3E61A2; }
|
||
|
|
|
||
|
|
.codehilite .nx,
|
||
|
|
.code .nx {
|
||
|
|
color: #EC407A; }
|
||
|
|
|
||
|
|
.codehilite .ow,
|
||
|
|
.code .ow {
|
||
|
|
color: inherit; }
|
||
|
|
|
||
|
|
.codehilite .m,
|
||
|
|
.code .m {
|
||
|
|
color: #E74C3C; }
|
||
|
|
|
||
|
|
.codehilite .mf,
|
||
|
|
.code .mf {
|
||
|
|
color: #E74C3C; }
|
||
|
|
|
||
|
|
.codehilite .mh,
|
||
|
|
.code .mh {
|
||
|
|
color: #E74C3C; }
|
||
|
|
|
||
|
|
.codehilite .mi,
|
||
|
|
.code .mi {
|
||
|
|
color: #E74C3C; }
|
||
|
|
|
||
|
|
.codehilite .il,
|
||
|
|
.code .il {
|
||
|
|
color: #E74C3C; }
|
||
|
|
|
||
|
|
.codehilite .mo,
|
||
|
|
.code .mo {
|
||
|
|
color: #E74C3C; }
|
||
|
|
|
||
|
|
.codehilite .s,
|
||
|
|
.code .s {
|
||
|
|
color: #0D904F; }
|
||
|
|
|
||
|
|
.codehilite .sb,
|
||
|
|
.code .sb {
|
||
|
|
color: #0D904F; }
|
||
|
|
|
||
|
|
.codehilite .sc,
|
||
|
|
.code .sc {
|
||
|
|
color: #0D904F; }
|
||
|
|
|
||
|
|
.codehilite .sd,
|
||
|
|
.code .sd {
|
||
|
|
color: #999999; }
|
||
|
|
|
||
|
|
.codehilite .s2,
|
||
|
|
.code .s2 {
|
||
|
|
color: #0D904F; }
|
||
|
|
|
||
|
|
.codehilite .se,
|
||
|
|
.code .se {
|
||
|
|
color: #183691; }
|
||
|
|
|
||
|
|
.codehilite .sh,
|
||
|
|
.code .sh {
|
||
|
|
color: #183691; }
|
||
|
|
|
||
|
|
.codehilite .si,
|
||
|
|
.code .si {
|
||
|
|
color: #183691; }
|
||
|
|
|
||
|
|
.codehilite .sx,
|
||
|
|
.code .sx {
|
||
|
|
color: #183691; }
|
||
|
|
|
||
|
|
.codehilite .sr,
|
||
|
|
.code .sr {
|
||
|
|
color: #009926; }
|
||
|
|
|
||
|
|
.codehilite .s1,
|
||
|
|
.code .s1 {
|
||
|
|
color: #0D904F; }
|
||
|
|
|
||
|
|
.codehilite .ss,
|
||
|
|
.code .ss {
|
||
|
|
color: #0D904F; }
|
||
|
|
|
||
|
|
.codehilite .gd,
|
||
|
|
.code .gd {
|
||
|
|
background-color: #FFDDDD; }
|
||
|
|
|
||
|
|
.codehilite .gi,
|
||
|
|
.code .gi {
|
||
|
|
background-color: #DDFFDD; }
|
||
|
|
|
||
|
|
.codehilite .w,
|
||
|
|
.code .w {
|
||
|
|
color: transparent; }
|
||
|
|
|
||
|
|
.footnote {
|
||
|
|
color: rgba(0, 0, 0, 0.54);
|
||
|
|
font-size: 80%; }
|
||
|
|
.footnote ol {
|
||
|
|
margin-left: 0; }
|
||
|
|
.footnote li:hover .footnote-backref,
|
||
|
|
.footnote li:target .footnote-backref {
|
||
|
|
-webkit-transform: translateX(0);
|
||
|
|
transform: translateX(0);
|
||
|
|
opacity: 1; }
|
||
|
|
.footnote li:hover .footnote-backref:hover,
|
||
|
|
.footnote li:target .footnote-backref {
|
||
|
|
color: #536dfe; }
|
||
|
|
.footnote-ref::before {
|
||
|
|
position: absolute;
|
||
|
|
margin-top: -8rem;
|
||
|
|
padding-top: 8rem;
|
||
|
|
content: "";
|
||
|
|
pointer-events: none; }
|
||
|
|
.footnote-backref {
|
||
|
|
position: absolute;
|
||
|
|
-webkit-transform: translateX(0.5rem);
|
||
|
|
transform: translateX(0.5rem);
|
||
|
|
-webkit-transition: color 0.25s, opacity 0.125s 0.125s, -webkit-transform 0.25s 0.125s;
|
||
|
|
transition: color 0.25s, opacity 0.125s 0.125s, -webkit-transform 0.25s 0.125s;
|
||
|
|
transition: transform 0.25s 0.125s, color 0.25s, opacity 0.125s 0.125s;
|
||
|
|
transition: transform 0.25s 0.125s, color 0.25s, opacity 0.125s 0.125s, -webkit-transform 0.25s 0.125s;
|
||
|
|
color: rgba(0, 0, 0, 0.26);
|
||
|
|
font-size: 2.0rem;
|
||
|
|
opacity: 0;
|
||
|
|
vertical-align: middle; }
|
||
|
|
.footnote-backref::first-letter {
|
||
|
|
font-size: 0; }
|
||
|
|
.footnote-backref::after {
|
||
|
|
content: "keyboard_return"; }
|
||
|
|
|
||
|
|
.md-typeset .headerlink {
|
||
|
|
display: inline-block;
|
||
|
|
margin-left: 1.0rem;
|
||
|
|
-webkit-transform: translate(0, 0.5rem);
|
||
|
|
transform: translate(0, 0.5rem);
|
||
|
|
-webkit-transition: color 0.25s, opacity 0.125s 0.25s, -webkit-transform 0.25s 0.25s;
|
||
|
|
transition: color 0.25s, opacity 0.125s 0.25s, -webkit-transform 0.25s 0.25s;
|
||
|
|
transition: transform 0.25s 0.25s, color 0.25s, opacity 0.125s 0.25s;
|
||
|
|
transition: transform 0.25s 0.25s, color 0.25s, opacity 0.125s 0.25s, -webkit-transform 0.25s 0.25s;
|
||
|
|
color: rgba(0, 0, 0, 0.26);
|
||
|
|
opacity: 0; }
|
||
|
|
|
||
|
|
.md-typeset [id]:hover .headerlink,
|
||
|
|
.md-typeset [id]:target .headerlink,
|
||
|
|
.md-typeset [id] .headerlink:focus {
|
||
|
|
-webkit-transform: translate(0, 0);
|
||
|
|
transform: translate(0, 0);
|
||
|
|
opacity: 1; }
|
||
|
|
|
||
|
|
.md-typeset [id]:hover .headerlink:hover,
|
||
|
|
.md-typeset [id]:target .headerlink,
|
||
|
|
.md-typeset [id] .headerlink:focus {
|
||
|
|
color: #536dfe; }
|
||
|
|
|
||
|
|
.md-typeset h1[id]::before {
|
||
|
|
display: block;
|
||
|
|
margin-top: -11rem;
|
||
|
|
padding-top: 11rem;
|
||
|
|
content: ""; }
|
||
|
|
|
||
|
|
.md-typeset h2[id]::before {
|
||
|
|
display: block;
|
||
|
|
margin-top: -8.2rem;
|
||
|
|
padding-top: 8.2rem;
|
||
|
|
content: ""; }
|
||
|
|
|
||
|
|
.md-typeset h3[id]::before {
|
||
|
|
display: block;
|
||
|
|
margin-top: -8.4rem;
|
||
|
|
padding-top: 8.4rem;
|
||
|
|
content: ""; }
|
||
|
|
|
||
|
|
.md-typeset h4[id]::before {
|
||
|
|
display: block;
|
||
|
|
margin-top: -8.6rem;
|
||
|
|
padding-top: 8.6rem;
|
||
|
|
content: ""; }
|
||
|
|
|
||
|
|
.md-typeset h5[id]::before {
|
||
|
|
display: block;
|
||
|
|
margin-top: -9rem;
|
||
|
|
padding-top: 9rem;
|
||
|
|
content: ""; }
|
||
|
|
|
||
|
|
.md-typeset h6[id]::before {
|
||
|
|
display: block;
|
||
|
|
margin-top: -9rem;
|
||
|
|
padding-top: 9rem;
|
||
|
|
content: ""; }
|
||
|
|
|
||
|
|
.md-search__output {
|
||
|
|
overflow-y: auto;
|
||
|
|
width: 100%;
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transition: opacity .4s, max-height .4s;
|
||
|
|
transition: opacity .4s, max-height .4s;
|
||
|
|
text-align: left;
|
||
|
|
z-index: -1; }
|
||
|
|
[data-md-locked] .md-search__output {
|
||
|
|
opacity: 1; }
|
||
|
|
|
||
|
|
.md-search-result__meta {
|
||
|
|
color: rgba(0, 0, 0, 0.54);
|
||
|
|
padding-left: 4.8rem;
|
||
|
|
padding-right: 1.6rem;
|
||
|
|
line-height: 4.0rem;
|
||
|
|
font-size: 1.28rem; }
|
||
|
|
|
||
|
|
.md-search-result__list {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
list-style-type: none;
|
||
|
|
border-top: 0.1rem solid rgba(0, 0, 0, 0.07); }
|
||
|
|
|
||
|
|
.md-search-result__link {
|
||
|
|
overflow: auto;
|
||
|
|
display: block;
|
||
|
|
padding-left: 4.8rem;
|
||
|
|
padding-right: 1.6rem;
|
||
|
|
-webkit-transition: background 0.25s;
|
||
|
|
transition: background 0.25s; }
|
||
|
|
.md-search-result__link:hover {
|
||
|
|
background: rgba(83, 109, 254, 0.1); }
|
||
|
|
|
||
|
|
.md-search-result__title {
|
||
|
|
color: rgba(0, 0, 0, 0.87);
|
||
|
|
font-size: 1.6rem;
|
||
|
|
line-height: 1.4;
|
||
|
|
margin-top: 0.5em; }
|
||
|
|
|
||
|
|
.md-search-result__description {
|
||
|
|
color: rgba(0, 0, 0, 0.54);
|
||
|
|
font-size: 1.28rem;
|
||
|
|
line-height: 1.4;
|
||
|
|
margin: 0.5em 0; }
|
||
|
|
|
||
|
|
.md-search-term {
|
||
|
|
position: relative;
|
||
|
|
padding: 0 0.8rem 0 4.8rem;
|
||
|
|
line-height: 4.0rem;
|
||
|
|
font-size: 1.6rem;
|
||
|
|
-webkit-transition: background .25s;
|
||
|
|
transition: background .25s;
|
||
|
|
cursor: pointer; }
|
||
|
|
.md-search-term::before {
|
||
|
|
position: absolute;
|
||
|
|
content: "access_time";
|
||
|
|
font-size: 2.4rem;
|
||
|
|
line-height: 4.0rem;
|
||
|
|
left: 1.2rem;
|
||
|
|
color: rgba(0, 0, 0, 0.26); }
|
||
|
|
.md-search-term:hover {
|
||
|
|
background: #eceef8; }
|
||
|
|
|
||
|
|
.checklist li {
|
||
|
|
position: relative;
|
||
|
|
list-style-type: none; }
|
||
|
|
.checklist li::before {
|
||
|
|
position: absolute;
|
||
|
|
-webkit-appearance: none;
|
||
|
|
-moz-appearance: none;
|
||
|
|
appearance: none;
|
||
|
|
color: blue;
|
||
|
|
content: "check_box";
|
||
|
|
font-size: 2.4rem; }
|
||
|
|
|
||
|
|
.checklist input[type="checkbox"]:checked {
|
||
|
|
width: 20px; }
|
||
|
|
|
||
|
|
ins.critic, del.critic, mark {
|
||
|
|
margin: 0 0.4rem;
|
||
|
|
padding: 0.1rem 0;
|
||
|
|
word-break: break-word;
|
||
|
|
-webkit-box-decoration-break: clone;
|
||
|
|
box-decoration-break: clone;
|
||
|
|
border-radius: 0.2rem; }
|
||
|
|
|
||
|
|
ins.critic {
|
||
|
|
background: #DDFFDD;
|
||
|
|
box-shadow: 0.4rem 0 0 #DDFFDD, -0.4rem 0 0 #DDFFDD;
|
||
|
|
text-decoration: none; }
|
||
|
|
|
||
|
|
del.critic {
|
||
|
|
background: #FFDDDD;
|
||
|
|
box-shadow: 0.4rem 0 0 #FFDDDD, -0.4rem 0 0 #FFDDDD; }
|
||
|
|
|
||
|
|
mark {
|
||
|
|
background: #FFFF00;
|
||
|
|
box-shadow: 0.4rem 0 0 #FFFF00, -0.4rem 0 0 #FFFF00;
|
||
|
|
overflow: auto; }
|
||
|
|
|
||
|
|
.critic.comment {
|
||
|
|
margin: 0 0.4rem;
|
||
|
|
padding: 0.1rem 0;
|
||
|
|
border-radius: 0.2rem;
|
||
|
|
background: #F0F0F0;
|
||
|
|
color: #37474F;
|
||
|
|
box-shadow: 0.4rem 0 0 #F0F0F0, -0.4rem 0 0 #F0F0F0;
|
||
|
|
-webkit-box-decoration-break: clone;
|
||
|
|
box-decoration-break: clone; }
|
||
|
|
.critic.comment::before {
|
||
|
|
color: rgba(0, 0, 0, 0.26);
|
||
|
|
content: "chat";
|
||
|
|
font-size: 1.6rem;
|
||
|
|
padding-right: 0.2rem;
|
||
|
|
vertical-align: -0.2rem; }
|
||
|
|
|
||
|
|
.md-button {
|
||
|
|
float: right;
|
||
|
|
margin-top: 9px;
|
||
|
|
font-size: 13px;
|
||
|
|
padding-left: 2.6rem;
|
||
|
|
font-weight: 700;
|
||
|
|
text-transform: uppercase; }
|
||
|
|
|
||
|
|
.task-list-item {
|
||
|
|
list-style-type: none; }
|
||
|
|
|
||
|
|
.task-list-item input {
|
||
|
|
margin: 0 4px 0.25em -20px;
|
||
|
|
vertical-align: middle; }
|
||
|
|
|
||
|
|
.task-list-item {
|
||
|
|
position: relative; }
|
||
|
|
|
||
|
|
.task-list-item input[type="checkbox"] {
|
||
|
|
opacity: 0; }
|
||
|
|
|
||
|
|
.task-list-item input[type="checkbox"] + label {
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
top: 50%;
|
||
|
|
left: -24px;
|
||
|
|
width: 16px;
|
||
|
|
margin-top: -8px;
|
||
|
|
height: 16px;
|
||
|
|
border-radius: 2px;
|
||
|
|
background: #CCC; }
|
||
|
|
|
||
|
|
.task-list-item input[type="checkbox"]:checked + label::before {
|
||
|
|
display: block;
|
||
|
|
margin-top: -4px;
|
||
|
|
margin-left: 2px;
|
||
|
|
font-size: 1.2em;
|
||
|
|
line-height: 1;
|
||
|
|
border-radius: 2px;
|
||
|
|
content: "✔";
|
||
|
|
color: #1EBB52; }
|
||
|
|
|
||
|
|
.codehilite .hll {
|
||
|
|
background: #FFFF00;
|
||
|
|
display: block;
|
||
|
|
margin: 0 -16px;
|
||
|
|
padding: 0 16px; }
|
||
|
|
|
||
|
|
.md-typeset sup {
|
||
|
|
padding: 0 0.125em;
|
||
|
|
border-radius: 0.2em; }
|
||
|
|
.md-typeset sup[id]:target {
|
||
|
|
background: orange; }
|
||
|
|
@media only screen and (max-width: 44.9375em){
|
||
|
|
.md-typeset > div > pre,
|
||
|
|
.md-typeset > pre > code{
|
||
|
|
margin: 1.0em -1.6rem;
|
||
|
|
padding: 1.0rem 1.6rem;
|
||
|
|
border-radius: 0; }
|
||
|
|
.md-search__suggest{
|
||
|
|
position: relative;
|
||
|
|
z-index: 2; } }
|
||
|
|
@media only screen and (min-width: 100em){
|
||
|
|
html{
|
||
|
|
font-size: 68.75%; } }
|
||
|
|
@media only screen and (min-width: 125em){
|
||
|
|
html{
|
||
|
|
font-size: 75%; } }
|
||
|
|
@media only screen and (max-width: 74.9375em){
|
||
|
|
.md-toggle--drawer:checked ~ .md-overlay{
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
-webkit-transition: width 0s, height 0s, opacity 0.25s;
|
||
|
|
transition: width 0s, height 0s, opacity 0.25s;
|
||
|
|
opacity: 1; }
|
||
|
|
.md-header-nav__icon--home{
|
||
|
|
display: none; }
|
||
|
|
.md-nav--primary,
|
||
|
|
.md-nav--primary .md-nav{
|
||
|
|
display: -webkit-box;
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: flex;
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
left: 0;
|
||
|
|
-webkit-box-orient: vertical;
|
||
|
|
-webkit-box-direction: normal;
|
||
|
|
-ms-flex-direction: column;
|
||
|
|
flex-direction: column;
|
||
|
|
height: 100%;
|
||
|
|
z-index: 1; }
|
||
|
|
.md-nav--primary{
|
||
|
|
background: white; }
|
||
|
|
.md-nav--primary .md-nav__toggle ~ .md-nav{
|
||
|
|
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);
|
||
|
|
left: 0.4rem;
|
||
|
|
background: white; }
|
||
|
|
html .md-nav--primary .md-nav__title{
|
||
|
|
position: relative;
|
||
|
|
padding: 0.4rem 1.6rem 0.4rem 5.6rem;
|
||
|
|
background: rgba(0, 0, 0, 0.07);
|
||
|
|
color: rgba(0, 0, 0, 0.54);
|
||
|
|
font-size: 1.8rem;
|
||
|
|
font-weight: 400;
|
||
|
|
line-height: 4.8rem;
|
||
|
|
white-space: nowrap;
|
||
|
|
cursor: pointer; }
|
||
|
|
html .md-nav--primary .md-nav__title::before{
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
left: 0.4rem;
|
||
|
|
width: 4.0rem;
|
||
|
|
height: 4.0rem;
|
||
|
|
color: rgba(0, 0, 0, 0.54); }
|
||
|
|
html .md-nav--primary .md-nav__title ~ .md-nav__list > .md-nav__item:first-child{
|
||
|
|
border-top: 0; }
|
||
|
|
.md-nav--primary .md-nav__list{
|
||
|
|
-webkit-box-flex: 1;
|
||
|
|
-ms-flex: 1;
|
||
|
|
flex: 1;
|
||
|
|
overflow-y: scroll; }
|
||
|
|
.md-nav--primary .md-nav__item{
|
||
|
|
padding: 0;
|
||
|
|
border-top: 0.1rem solid rgba(0, 0, 0, 0.07); }
|
||
|
|
.md-nav--primary .md-nav__item--nested > .md-nav__link{
|
||
|
|
padding-right: 4.8rem; }
|
||
|
|
.md-nav--primary .md-nav__link{
|
||
|
|
position: relative;
|
||
|
|
padding: 1.6rem; }
|
||
|
|
.md-nav--primary .md-nav__link::after{
|
||
|
|
position: absolute;
|
||
|
|
top: 50%;
|
||
|
|
right: 1.2rem;
|
||
|
|
-webkit-transform: translateY(-50%) rotate(-90deg);
|
||
|
|
transform: translateY(-50%) rotate(-90deg);
|
||
|
|
-webkit-transition: inherit;
|
||
|
|
transition: inherit;
|
||
|
|
color: rgba(0, 0, 0, 0.54);
|
||
|
|
font-size: 2.4rem; }
|
||
|
|
.md-nav--primary .md-nav__link:hover::after{
|
||
|
|
color: #536dfe; }
|
||
|
|
.md-nav--primary .md-nav--secondary .md-nav{
|
||
|
|
position: static; }
|
||
|
|
.md-nav--primary .md-nav--secondary .md-nav .md-nav__link{
|
||
|
|
padding-left: 2.8rem; }
|
||
|
|
.md-nav--primary .md-nav--secondary .md-nav .md-nav .md-nav__link{
|
||
|
|
padding-left: 4.0rem; }
|
||
|
|
.md-nav--primary .md-nav--secondary .md-nav .md-nav .md-nav .md-nav__link{
|
||
|
|
padding-left: 5.2rem; }
|
||
|
|
.md-nav--primary .md-nav--secondary .md-nav .md-nav .md-nav .md-nav .md-nav__link{
|
||
|
|
padding-left: 6.4rem; }
|
||
|
|
.md-nav__toggle ~ .md-nav{
|
||
|
|
display: none; }
|
||
|
|
.csstransforms3d .md-nav__toggle ~ .md-nav{
|
||
|
|
display: block;
|
||
|
|
-webkit-transform: translateX(100%);
|
||
|
|
transform: translateX(100%);
|
||
|
|
-webkit-transition: opacity 0.125s 0.05s, -webkit-transform 0.25s cubic-bezier(0.8, 0, 0.6, 1);
|
||
|
|
transition: opacity 0.125s 0.05s, -webkit-transform 0.25s cubic-bezier(0.8, 0, 0.6, 1);
|
||
|
|
transition: transform 0.25s cubic-bezier(0.8, 0, 0.6, 1), opacity 0.125s 0.05s;
|
||
|
|
transition: transform 0.25s cubic-bezier(0.8, 0, 0.6, 1), opacity 0.125s 0.05s, -webkit-transform 0.25s cubic-bezier(0.8, 0, 0.6, 1);
|
||
|
|
opacity: 0; }
|
||
|
|
.md-nav__toggle:checked ~ .md-nav{
|
||
|
|
display: block; }
|
||
|
|
.csstransforms3d .md-nav__toggle:checked ~ .md-nav{
|
||
|
|
-webkit-transform: translateX(0);
|
||
|
|
transform: translateX(0);
|
||
|
|
-webkit-transition: opacity 0.125s 0.125s, -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
|
||
|
|
transition: opacity 0.125s 0.125s, -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
|
||
|
|
transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.125s 0.125s;
|
||
|
|
transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.125s 0.125s, -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
|
||
|
|
opacity: 1; }
|
||
|
|
.md-nav .md-nav__title,
|
||
|
|
.md-nav .md-nav__item{
|
||
|
|
font-size: 1.6rem;
|
||
|
|
line-height: 1.4; }
|
||
|
|
.md-sidebar--primary{
|
||
|
|
position: fixed;
|
||
|
|
top: 0;
|
||
|
|
left: -24.2rem;
|
||
|
|
width: 24.2rem;
|
||
|
|
height: 100%;
|
||
|
|
-webkit-transform: translateX(0);
|
||
|
|
transform: translateX(0);
|
||
|
|
-webkit-transition: box-shadow 0.25s, -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
|
||
|
|
transition: box-shadow 0.25s, -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
|
||
|
|
transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.25s;
|
||
|
|
transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.25s, -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
|
||
|
|
background: white;
|
||
|
|
z-index: 2; }
|
||
|
|
.no-csstransforms3d .md-sidebar--primary{
|
||
|
|
display: none; }
|
||
|
|
.md-toggle--drawer:checked ~ .md-container .md-sidebar--primary{
|
||
|
|
box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.4);
|
||
|
|
-webkit-transform: translateX(24.2rem);
|
||
|
|
transform: translateX(24.2rem); }
|
||
|
|
.no-csstransforms3d .md-toggle--drawer:checked ~ .md-container .md-sidebar--primary{
|
||
|
|
display: block; }
|
||
|
|
.md-sidebar--primary .md-sidebar__scrollwrap{
|
||
|
|
overflow: hidden; }
|
||
|
|
.md-sidebar--primary .md-sidebar__scrollwrap{
|
||
|
|
margin: 0; } }
|
||
|
|
@media only screen and (min-width: 60em){
|
||
|
|
.md-content{
|
||
|
|
margin-right: 24.2rem; }
|
||
|
|
.md-header-nav__icon--search{
|
||
|
|
display: none; }
|
||
|
|
.md-header-nav__source{
|
||
|
|
display: block;
|
||
|
|
width: 23.0rem;
|
||
|
|
max-width: 23.0rem;
|
||
|
|
padding-right: 1.2rem; }
|
||
|
|
.md-search{
|
||
|
|
padding: 0.4rem;
|
||
|
|
padding-right: 3.2rem; }
|
||
|
|
.md-search__inner{
|
||
|
|
position: relative; }
|
||
|
|
.md-search__form{
|
||
|
|
width: 23.0rem;
|
||
|
|
-webkit-transition: width 0.25s cubic-bezier(0.1, 0.7, 0.1, 1);
|
||
|
|
transition: width 0.25s cubic-bezier(0.1, 0.7, 0.1, 1);
|
||
|
|
border-radius: 0.2rem; }
|
||
|
|
[data-md-locked] .md-search__form{
|
||
|
|
width: 66.8rem; }
|
||
|
|
.md-search__input{
|
||
|
|
width: 100%;
|
||
|
|
height: 4.0rem;
|
||
|
|
padding-left: 4.8rem;
|
||
|
|
-webkit-transition: background-color 0.25s, color 0.25s;
|
||
|
|
transition: background-color 0.25s, color 0.25s;
|
||
|
|
border-radius: 0.2rem;
|
||
|
|
background: rgba(0, 0, 0, 0.26);
|
||
|
|
color: white;
|
||
|
|
font-size: 1.6rem; }
|
||
|
|
.md-search__input + .md-search__icon, .md-search__input::-webkit-input-placeholder{
|
||
|
|
-webkit-transition: color 0.25s;
|
||
|
|
transition: color 0.25s;
|
||
|
|
color: white; }
|
||
|
|
.md-search__input + .md-search__icon, .md-search__input::-moz-placeholder{
|
||
|
|
-webkit-transition: color 0.25s;
|
||
|
|
transition: color 0.25s;
|
||
|
|
color: white; }
|
||
|
|
.md-search__input + .md-search__icon, .md-search__input:-ms-input-placeholder{
|
||
|
|
-webkit-transition: color 0.25s;
|
||
|
|
transition: color 0.25s;
|
||
|
|
color: white; }
|
||
|
|
.md-search__input + .md-search__icon, .md-search__input::placeholder{
|
||
|
|
-webkit-transition: color 0.25s;
|
||
|
|
transition: color 0.25s;
|
||
|
|
color: white; }
|
||
|
|
.md-search__input:hover{
|
||
|
|
background: rgba(255, 255, 255, 0.12); }
|
||
|
|
[data-md-locked] .md-search__input{
|
||
|
|
border-radius: 0.2rem 0.2rem 0 0;
|
||
|
|
background: white;
|
||
|
|
color: rgba(0, 0, 0, 0.87);
|
||
|
|
text-overflow: none; }
|
||
|
|
[data-md-locked] .md-search__input + .md-search__icon, [data-md-locked] .md-search__input::-webkit-input-placeholder{
|
||
|
|
color: rgba(0, 0, 0, 0.54); }
|
||
|
|
[data-md-locked] .md-search__input + .md-search__icon, [data-md-locked] .md-search__input::-moz-placeholder{
|
||
|
|
color: rgba(0, 0, 0, 0.54); }
|
||
|
|
[data-md-locked] .md-search__input + .md-search__icon, [data-md-locked] .md-search__input:-ms-input-placeholder{
|
||
|
|
color: rgba(0, 0, 0, 0.54); }
|
||
|
|
[data-md-locked] .md-search__input + .md-search__icon, [data-md-locked] .md-search__input::placeholder{
|
||
|
|
color: rgba(0, 0, 0, 0.54); }
|
||
|
|
.md-sidebar--secondary{
|
||
|
|
display: block;
|
||
|
|
float: right; }
|
||
|
|
.md-sidebar--secondary[data-md-locked]{
|
||
|
|
margin-left: 100%;
|
||
|
|
-webkit-transform: translate(-100%, 0);
|
||
|
|
transform: translate(-100%, 0); }
|
||
|
|
.md-search__output{
|
||
|
|
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.4);
|
||
|
|
background: white;
|
||
|
|
border-top: 0.1rem solid rgba(0, 0, 0, 0.07);
|
||
|
|
border-radius: 0 0 0.3rem 0.3rem;
|
||
|
|
position: absolute;
|
||
|
|
max-height: 0vh;
|
||
|
|
background: -webkit-linear-gradient(white 10%, rgba(255, 255, 255, 0)), -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2) 20%, transparent 60%);
|
||
|
|
background: linear-gradient(white 10%, rgba(255, 255, 255, 0)), linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2) 20%, transparent 60%);
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-color: white;
|
||
|
|
background-size: 100% 20px, 100% 5px;
|
||
|
|
/* Opera doesn't support this in the shorthand */
|
||
|
|
background-attachment: local, scroll; }
|
||
|
|
[data-md-locked] .md-search__output{
|
||
|
|
max-height: 75vh; }
|
||
|
|
.md-search__output::-webkit-scrollbar{
|
||
|
|
width: 0.4rem;
|
||
|
|
height: 0.4rem; }
|
||
|
|
.md-search__output::-webkit-scrollbar-thumb{
|
||
|
|
background-color: rgba(0, 0, 0, 0.26); }
|
||
|
|
.md-search__output::-webkit-scrollbar-thumb:hover{
|
||
|
|
background-color: #536dfe; } }
|
||
|
|
@media only screen and (min-width: 75em){
|
||
|
|
.md-content{
|
||
|
|
margin-left: 24.2rem; }
|
||
|
|
.md-content__inner{
|
||
|
|
margin: 2.4rem; }
|
||
|
|
.md-header-nav__icon--menu{
|
||
|
|
display: none; }
|
||
|
|
.md-nav.md-nav--transitioning{
|
||
|
|
-webkit-transition: max-height 0.25s cubic-bezier(0.86, 0, 0.07, 1);
|
||
|
|
transition: max-height 0.25s cubic-bezier(0.86, 0, 0.07, 1); }
|
||
|
|
.md-nav__toggle ~ .md-nav{
|
||
|
|
max-height: 0;
|
||
|
|
overflow: hidden; }
|
||
|
|
.md-nav__toggle:checked ~ .md-nav, .md-nav.md-nav--toggled{
|
||
|
|
max-height: 100%; }
|
||
|
|
.md-nav__title + .md-nav__list .md-nav__title{
|
||
|
|
display: none; }
|
||
|
|
.md-nav__item--nested > .md-nav__link::after{
|
||
|
|
display: inline-block;
|
||
|
|
-webkit-transform-origin: 0.45em 0.45em;
|
||
|
|
transform-origin: 0.45em 0.45em;
|
||
|
|
-webkit-transform-style: preserve-3d;
|
||
|
|
transform-style: preserve-3d;
|
||
|
|
vertical-align: -0.125em; }
|
||
|
|
.js .md-nav__item--nested > .md-nav__link::after{
|
||
|
|
-webkit-transition: -webkit-transform 0.4s;
|
||
|
|
transition: -webkit-transform 0.4s;
|
||
|
|
transition: transform 0.4s;
|
||
|
|
transition: transform 0.4s, -webkit-transform 0.4s; }
|
||
|
|
.md-nav__item--nested .md-nav__toggle:checked ~ .md-nav__link::after{
|
||
|
|
-webkit-transform: rotateX(180deg);
|
||
|
|
transform: rotateX(180deg); }
|
||
|
|
.md-sidebar__inner{
|
||
|
|
border-right: 0.1rem solid rgba(0, 0, 0, 0.07); } }
|
||
|
|
@media only screen and (min-width: 30em){
|
||
|
|
.md-footer-nav__link{
|
||
|
|
width: 50%; } }
|
||
|
|
@media only screen and (max-width: 29.9375em){
|
||
|
|
.md-footer-nav__link--prev .md-footer-nav__title{
|
||
|
|
display: none; }
|
||
|
|
.md-toggle--search:checked ~ .md-header .md-search__overlay{
|
||
|
|
-webkit-transform: scale(45);
|
||
|
|
transform: scale(45); } }
|
||
|
|
@media only screen and (max-width: 59.9375em){
|
||
|
|
.md-nav--secondary{
|
||
|
|
border-left: 0; }
|
||
|
|
html .md-nav__link[for="toc"]{
|
||
|
|
display: block; }
|
||
|
|
html .md-nav__link[for="toc"]::after{
|
||
|
|
-webkit-transform: translateY(-50%);
|
||
|
|
transform: translateY(-50%);
|
||
|
|
color: #536dfe;
|
||
|
|
content: "toc"; }
|
||
|
|
html .md-nav__link[for="toc"] + .md-nav__link{
|
||
|
|
display: none; }
|
||
|
|
html .md-nav__link[for="toc"] ~ .md-nav{
|
||
|
|
display: -webkit-box;
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: flex; }
|
||
|
|
.md-nav__source{
|
||
|
|
display: block;
|
||
|
|
padding: 0.4rem;
|
||
|
|
background: rgba(0, 0, 0, 0.87);
|
||
|
|
color: white; }
|
||
|
|
.md-search__overlay{
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
top: 0.4rem;
|
||
|
|
left: 0.4rem;
|
||
|
|
width: 4.0rem;
|
||
|
|
height: 4.0rem;
|
||
|
|
-webkit-transform-origin: center;
|
||
|
|
transform-origin: center;
|
||
|
|
-webkit-transition: opacity 0.2s 0.2s, -webkit-transform 0.3s 0.1s;
|
||
|
|
transition: opacity 0.2s 0.2s, -webkit-transform 0.3s 0.1s;
|
||
|
|
transition: transform 0.3s 0.1s, opacity 0.2s 0.2s;
|
||
|
|
transition: transform 0.3s 0.1s, opacity 0.2s 0.2s, -webkit-transform 0.3s 0.1s;
|
||
|
|
border-radius: 2.0rem;
|
||
|
|
background: #EEEEEE;
|
||
|
|
opacity: 0;
|
||
|
|
overflow: hidden;
|
||
|
|
z-index: 1; }
|
||
|
|
.md-toggle--search:checked ~ .md-header .md-search__overlay{
|
||
|
|
-webkit-transition: opacity 0.1s, -webkit-transform 0.4s;
|
||
|
|
transition: opacity 0.1s, -webkit-transform 0.4s;
|
||
|
|
transition: transform 0.4s, opacity 0.1s;
|
||
|
|
transition: transform 0.4s, opacity 0.1s, -webkit-transform 0.4s;
|
||
|
|
opacity: 1; }
|
||
|
|
.md-search__inner{
|
||
|
|
position: fixed;
|
||
|
|
top: 0;
|
||
|
|
left: 100%;
|
||
|
|
height: 100%;
|
||
|
|
-webkit-transform: translateX(5%);
|
||
|
|
transform: translateX(5%);
|
||
|
|
-webkit-transition: left 0s 0.3s, opacity 0.15s 0.15s, -webkit-transform 0.15s 0.15s cubic-bezier(0.4, 0, 0.2, 1);
|
||
|
|
transition: left 0s 0.3s, opacity 0.15s 0.15s, -webkit-transform 0.15s 0.15s cubic-bezier(0.4, 0, 0.2, 1);
|
||
|
|
transition: left 0s 0.3s, transform 0.15s 0.15s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.15s 0.15s;
|
||
|
|
transition: left 0s 0.3s, transform 0.15s 0.15s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.15s 0.15s, -webkit-transform 0.15s 0.15s cubic-bezier(0.4, 0, 0.2, 1);
|
||
|
|
opacity: 0;
|
||
|
|
z-index: 2; }
|
||
|
|
.md-toggle--search:checked ~ .md-header .md-search__inner{
|
||
|
|
left: 0;
|
||
|
|
-webkit-transform: translateX(0);
|
||
|
|
transform: translateX(0);
|
||
|
|
-webkit-transition: left 0s 0s, opacity 0.15s 0.15s, -webkit-transform 0.15s 0.15s cubic-bezier(0.1, 0.7, 0.1, 1);
|
||
|
|
transition: left 0s 0s, opacity 0.15s 0.15s, -webkit-transform 0.15s 0.15s cubic-bezier(0.1, 0.7, 0.1, 1);
|
||
|
|
transition: left 0s 0s, transform 0.15s 0.15s cubic-bezier(0.1, 0.7, 0.1, 1), opacity 0.15s 0.15s;
|
||
|
|
transition: left 0s 0s, transform 0.15s 0.15s cubic-bezier(0.1, 0.7, 0.1, 1), opacity 0.15s 0.15s, -webkit-transform 0.15s 0.15s cubic-bezier(0.1, 0.7, 0.1, 1);
|
||
|
|
opacity: 1; }
|
||
|
|
.md-search__icon{
|
||
|
|
top: 1.6rem;
|
||
|
|
left: 1.6rem; }
|
||
|
|
.md-search__icon::before{
|
||
|
|
content: "arrow_back"; }
|
||
|
|
.md-search__input{
|
||
|
|
width: 100%;
|
||
|
|
height: 5.6rem;
|
||
|
|
font-size: 1.8rem; }
|
||
|
|
.md-search__output{
|
||
|
|
position: absolute;
|
||
|
|
top: 5.6rem;
|
||
|
|
bottom: 0;
|
||
|
|
background: -webkit-linear-gradient(white 10%, rgba(255, 255, 255, 0)), -webkit-linear-gradient(top, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.125) 20%, transparent 60%);
|
||
|
|
background: linear-gradient(white 10%, rgba(255, 255, 255, 0)), linear-gradient(to bottom, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.125) 20%, transparent 60%);
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-color: white;
|
||
|
|
background-size: 100% 20px, 100% 10px;
|
||
|
|
background-attachment: local, scroll; }
|
||
|
|
.md-search-result__link{
|
||
|
|
padding: 0 1.6rem; }
|
||
|
|
.md-search-result__meta{
|
||
|
|
padding-left: 1.6rem;
|
||
|
|
border-top: 0.1rem solid rgba(0, 0, 0, 0.07); } }
|
||
|
|
@media only screen and (min-width: 30em) and (max-width: 44.9375em){
|
||
|
|
.md-toggle--search:checked ~ .md-header .md-search__overlay{
|
||
|
|
-webkit-transform: scale(60);
|
||
|
|
transform: scale(60); } }
|
||
|
|
@media only screen and (min-width: 45em) and (max-width: 59.9375em){
|
||
|
|
.md-toggle--search:checked ~ .md-header .md-search__overlay{
|
||
|
|
-webkit-transform: scale(75);
|
||
|
|
transform: scale(75); } }
|
||
|
|
@media only screen and (min-width: 60em) and (min-width: 75em){
|
||
|
|
.md-sidebar--secondary[data-md-locked]{
|
||
|
|
margin-left: 120.0rem; } }
|