added docker stuff and updated next.js to ^7.0.0
This commit is contained in:
JJ Kasper
@@ -0,0 +1,516 @@
|
||||
/* BASICS */
|
||||
.CodeMirror {
|
||||
/* Set height, width, borders, and global font properties here */
|
||||
font-family: monospace;
|
||||
height: 300px;
|
||||
color: black;
|
||||
direction: ltr; }
|
||||
|
||||
/* PADDING */
|
||||
.CodeMirror-lines {
|
||||
padding: 4px 0;
|
||||
/* Vertical padding around content */ }
|
||||
|
||||
.CodeMirror pre {
|
||||
padding: 0 4px;
|
||||
/* Horizontal padding of content */ }
|
||||
|
||||
.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
|
||||
background-color: white;
|
||||
/* The little square between H and V scrollbars */ }
|
||||
|
||||
/* GUTTER */
|
||||
.CodeMirror-gutters {
|
||||
border-right: 1px solid #ddd;
|
||||
background-color: #f7f7f7;
|
||||
white-space: nowrap; }
|
||||
|
||||
.CodeMirror-linenumber {
|
||||
padding: 0 3px 0 5px;
|
||||
min-width: 20px;
|
||||
text-align: right;
|
||||
color: #999;
|
||||
white-space: nowrap; }
|
||||
|
||||
.CodeMirror-guttermarker {
|
||||
color: black; }
|
||||
|
||||
.CodeMirror-guttermarker-subtle {
|
||||
color: #999; }
|
||||
|
||||
/* CURSOR */
|
||||
.CodeMirror-cursor {
|
||||
border-left: 1px solid black;
|
||||
border-right: none;
|
||||
width: 0; }
|
||||
|
||||
/* Shown when moving in bi-directional text */
|
||||
.CodeMirror div.CodeMirror-secondarycursor {
|
||||
border-left: 1px solid silver; }
|
||||
|
||||
.cm-fat-cursor .CodeMirror-cursor {
|
||||
width: auto;
|
||||
border: 0 !important;
|
||||
background: #7e7; }
|
||||
|
||||
.cm-fat-cursor div.CodeMirror-cursors {
|
||||
z-index: 1; }
|
||||
|
||||
.cm-fat-cursor-mark {
|
||||
background-color: rgba(20, 255, 20, 0.5);
|
||||
-webkit-animation: blink 1.06s steps(1) infinite;
|
||||
-moz-animation: blink 1.06s steps(1) infinite;
|
||||
animation: blink 1.06s steps(1) infinite; }
|
||||
|
||||
.cm-animate-fat-cursor {
|
||||
width: auto;
|
||||
border: 0;
|
||||
-webkit-animation: blink 1.06s steps(1) infinite;
|
||||
-moz-animation: blink 1.06s steps(1) infinite;
|
||||
animation: blink 1.06s steps(1) infinite;
|
||||
background-color: #7e7; }
|
||||
|
||||
@-moz-keyframes blink {
|
||||
0% { }
|
||||
50% {
|
||||
background-color: transparent; }
|
||||
100% { } }
|
||||
|
||||
@-webkit-keyframes blink {
|
||||
0% { }
|
||||
50% {
|
||||
background-color: transparent; }
|
||||
100% { } }
|
||||
|
||||
@keyframes blink {
|
||||
0% { }
|
||||
50% {
|
||||
background-color: transparent; }
|
||||
100% { } }
|
||||
|
||||
/* Can style cursor different in overwrite (non-insert) mode */
|
||||
.cm-tab {
|
||||
display: inline-block;
|
||||
text-decoration: inherit; }
|
||||
|
||||
.CodeMirror-rulers {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: -50px;
|
||||
bottom: -20px;
|
||||
overflow: hidden; }
|
||||
|
||||
.CodeMirror-ruler {
|
||||
border-left: 1px solid #ccc;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
position: absolute; }
|
||||
|
||||
/* DEFAULT THEME */
|
||||
.cm-s-default .cm-header {
|
||||
color: blue; }
|
||||
|
||||
.cm-s-default .cm-quote {
|
||||
color: #090; }
|
||||
|
||||
.cm-negative {
|
||||
color: #d44; }
|
||||
|
||||
.cm-positive {
|
||||
color: #292; }
|
||||
|
||||
.cm-header, .cm-strong {
|
||||
font-weight: bold; }
|
||||
|
||||
.cm-em {
|
||||
font-style: italic; }
|
||||
|
||||
.cm-link {
|
||||
text-decoration: underline; }
|
||||
|
||||
.cm-strikethrough {
|
||||
text-decoration: line-through; }
|
||||
|
||||
.cm-s-default .cm-keyword {
|
||||
color: #708; }
|
||||
|
||||
.cm-s-default .cm-atom {
|
||||
color: #219; }
|
||||
|
||||
.cm-s-default .cm-number {
|
||||
color: #164; }
|
||||
|
||||
.cm-s-default .cm-def {
|
||||
color: #00f; }
|
||||
|
||||
.cm-s-default .cm-variable-2 {
|
||||
color: #05a; }
|
||||
|
||||
.cm-s-default .cm-variable-3, .cm-s-default .cm-type {
|
||||
color: #085; }
|
||||
|
||||
.cm-s-default .cm-comment {
|
||||
color: #a50; }
|
||||
|
||||
.cm-s-default .cm-string {
|
||||
color: #a11; }
|
||||
|
||||
.cm-s-default .cm-string-2 {
|
||||
color: #f50; }
|
||||
|
||||
.cm-s-default .cm-meta {
|
||||
color: #555; }
|
||||
|
||||
.cm-s-default .cm-qualifier {
|
||||
color: #555; }
|
||||
|
||||
.cm-s-default .cm-builtin {
|
||||
color: #30a; }
|
||||
|
||||
.cm-s-default .cm-bracket {
|
||||
color: #997; }
|
||||
|
||||
.cm-s-default .cm-tag {
|
||||
color: #170; }
|
||||
|
||||
.cm-s-default .cm-attribute {
|
||||
color: #00c; }
|
||||
|
||||
.cm-s-default .cm-hr {
|
||||
color: #999; }
|
||||
|
||||
.cm-s-default .cm-link {
|
||||
color: #00c; }
|
||||
|
||||
.cm-s-default .cm-error {
|
||||
color: #f00; }
|
||||
|
||||
.cm-invalidchar {
|
||||
color: #f00; }
|
||||
|
||||
.CodeMirror-composing {
|
||||
border-bottom: 2px solid; }
|
||||
|
||||
/* Default styles for common addons */
|
||||
div.CodeMirror span.CodeMirror-matchingbracket {
|
||||
color: #0b0; }
|
||||
|
||||
div.CodeMirror span.CodeMirror-nonmatchingbracket {
|
||||
color: #a22; }
|
||||
|
||||
.CodeMirror-matchingtag {
|
||||
background: rgba(255, 150, 0, 0.3); }
|
||||
|
||||
.CodeMirror-activeline-background {
|
||||
background: #e8f2ff; }
|
||||
|
||||
/* STOP */
|
||||
/* The rest of this file contains styles related to the mechanics of
|
||||
the editor. You probably shouldn't touch them. */
|
||||
.CodeMirror {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
background: white; }
|
||||
|
||||
.CodeMirror-scroll {
|
||||
overflow: scroll !important;
|
||||
/* Things will break if this is overridden */
|
||||
/* 30px is the magic margin used to hide the element's real scrollbars */
|
||||
/* See overflow: hidden in .CodeMirror */
|
||||
margin-bottom: -30px;
|
||||
margin-right: -30px;
|
||||
padding-bottom: 30px;
|
||||
height: 100%;
|
||||
outline: none;
|
||||
/* Prevent dragging from highlighting the element */
|
||||
position: relative; }
|
||||
|
||||
.CodeMirror-sizer {
|
||||
position: relative;
|
||||
border-right: 30px solid transparent; }
|
||||
|
||||
/* The fake, visible scrollbars. Used to force redraw during scrolling
|
||||
before actual scrolling happens, thus preventing shaking and
|
||||
flickering artifacts. */
|
||||
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
|
||||
position: absolute;
|
||||
z-index: 6;
|
||||
display: none; }
|
||||
|
||||
.CodeMirror-vscrollbar {
|
||||
right: 0;
|
||||
top: 0;
|
||||
overflow-x: hidden;
|
||||
overflow-y: scroll; }
|
||||
|
||||
.CodeMirror-hscrollbar {
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
overflow-y: hidden;
|
||||
overflow-x: scroll; }
|
||||
|
||||
.CodeMirror-scrollbar-filler {
|
||||
right: 0;
|
||||
bottom: 0; }
|
||||
|
||||
.CodeMirror-gutter-filler {
|
||||
left: 0;
|
||||
bottom: 0; }
|
||||
|
||||
.CodeMirror-gutters {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
min-height: 100%;
|
||||
z-index: 3; }
|
||||
|
||||
.CodeMirror-gutter {
|
||||
white-space: normal;
|
||||
height: 100%;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
margin-bottom: -30px; }
|
||||
|
||||
.CodeMirror-gutter-wrapper {
|
||||
position: absolute;
|
||||
z-index: 4;
|
||||
background: none !important;
|
||||
border: none !important; }
|
||||
|
||||
.CodeMirror-gutter-background {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
z-index: 4; }
|
||||
|
||||
.CodeMirror-gutter-elt {
|
||||
position: absolute;
|
||||
cursor: default;
|
||||
z-index: 4; }
|
||||
|
||||
.CodeMirror-gutter-wrapper ::selection {
|
||||
background-color: transparent; }
|
||||
|
||||
.CodeMirror-gutter-wrapper ::-moz-selection {
|
||||
background-color: transparent; }
|
||||
|
||||
.CodeMirror-lines {
|
||||
cursor: text;
|
||||
min-height: 1px;
|
||||
/* prevents collapsing before first draw */ }
|
||||
|
||||
.CodeMirror pre {
|
||||
/* Reset some styles that the rest of the page might have set */
|
||||
-moz-border-radius: 0;
|
||||
-webkit-border-radius: 0;
|
||||
border-radius: 0;
|
||||
border-width: 0;
|
||||
background: transparent;
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
margin: 0;
|
||||
white-space: pre;
|
||||
word-wrap: normal;
|
||||
line-height: inherit;
|
||||
color: inherit;
|
||||
z-index: 2;
|
||||
position: relative;
|
||||
overflow: visible;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
-webkit-font-variant-ligatures: contextual;
|
||||
font-variant-ligatures: contextual; }
|
||||
|
||||
.CodeMirror-wrap pre {
|
||||
word-wrap: break-word;
|
||||
white-space: pre-wrap;
|
||||
word-break: normal; }
|
||||
|
||||
.CodeMirror-linebackground {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
z-index: 0; }
|
||||
|
||||
.CodeMirror-linewidget {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
padding: 0.1px;
|
||||
/* Force widget margins to stay inside of the container */ }
|
||||
|
||||
.CodeMirror-rtl pre {
|
||||
direction: rtl; }
|
||||
|
||||
.CodeMirror-code {
|
||||
outline: none; }
|
||||
|
||||
/* Force content-box sizing for the elements where we expect it */
|
||||
.CodeMirror-scroll,
|
||||
.CodeMirror-sizer,
|
||||
.CodeMirror-gutter,
|
||||
.CodeMirror-gutters,
|
||||
.CodeMirror-linenumber {
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box; }
|
||||
|
||||
.CodeMirror-measure {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
visibility: hidden; }
|
||||
|
||||
.CodeMirror-cursor {
|
||||
position: absolute;
|
||||
pointer-events: none; }
|
||||
|
||||
.CodeMirror-measure pre {
|
||||
position: static; }
|
||||
|
||||
div.CodeMirror-cursors {
|
||||
visibility: hidden;
|
||||
position: relative;
|
||||
z-index: 3; }
|
||||
|
||||
div.CodeMirror-dragcursors {
|
||||
visibility: visible; }
|
||||
|
||||
.CodeMirror-focused div.CodeMirror-cursors {
|
||||
visibility: visible; }
|
||||
|
||||
.CodeMirror-selected {
|
||||
background: #d9d9d9; }
|
||||
|
||||
.CodeMirror-focused .CodeMirror-selected {
|
||||
background: #d7d4f0; }
|
||||
|
||||
.CodeMirror-crosshair {
|
||||
cursor: crosshair; }
|
||||
|
||||
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
|
||||
background: #d7d4f0; }
|
||||
|
||||
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection {
|
||||
background: #d7d4f0; }
|
||||
|
||||
.cm-searching {
|
||||
background-color: #ffa;
|
||||
background-color: rgba(255, 255, 0, 0.4); }
|
||||
|
||||
/* Used to force a border model for a node */
|
||||
.cm-force-border {
|
||||
padding-right: .1px; }
|
||||
|
||||
@media print {
|
||||
/* Hide the cursor when printing */
|
||||
.CodeMirror div.CodeMirror-cursors {
|
||||
visibility: hidden; } }
|
||||
|
||||
/* See issue #2901 */
|
||||
.cm-tab-wrap-hack:after {
|
||||
content: ''; }
|
||||
|
||||
/* Help users use markselection to safely style text background */
|
||||
span.CodeMirror-selectedtext {
|
||||
background: none; }
|
||||
|
||||
/* Based on Sublime Text's Monokai theme */
|
||||
.cm-s-monokai.CodeMirror {
|
||||
background: #272822;
|
||||
color: #f8f8f2; }
|
||||
|
||||
.cm-s-monokai div.CodeMirror-selected {
|
||||
background: #49483E; }
|
||||
|
||||
.cm-s-monokai .CodeMirror-line::selection, .cm-s-monokai .CodeMirror-line > span::selection, .cm-s-monokai .CodeMirror-line > span > span::selection {
|
||||
background: rgba(73, 72, 62, 0.99); }
|
||||
|
||||
.cm-s-monokai .CodeMirror-line::-moz-selection, .cm-s-monokai .CodeMirror-line > span::-moz-selection, .cm-s-monokai .CodeMirror-line > span > span::-moz-selection {
|
||||
background: rgba(73, 72, 62, 0.99); }
|
||||
|
||||
.cm-s-monokai .CodeMirror-gutters {
|
||||
background: #272822;
|
||||
border-right: 0px; }
|
||||
|
||||
.cm-s-monokai .CodeMirror-guttermarker {
|
||||
color: white; }
|
||||
|
||||
.cm-s-monokai .CodeMirror-guttermarker-subtle {
|
||||
color: #d0d0d0; }
|
||||
|
||||
.cm-s-monokai .CodeMirror-linenumber {
|
||||
color: #d0d0d0; }
|
||||
|
||||
.cm-s-monokai .CodeMirror-cursor {
|
||||
border-left: 1px solid #f8f8f0; }
|
||||
|
||||
.cm-s-monokai span.cm-comment {
|
||||
color: #75715e; }
|
||||
|
||||
.cm-s-monokai span.cm-atom {
|
||||
color: #ae81ff; }
|
||||
|
||||
.cm-s-monokai span.cm-number {
|
||||
color: #ae81ff; }
|
||||
|
||||
.cm-s-monokai span.cm-comment.cm-attribute {
|
||||
color: #97b757; }
|
||||
|
||||
.cm-s-monokai span.cm-comment.cm-def {
|
||||
color: #bc9262; }
|
||||
|
||||
.cm-s-monokai span.cm-comment.cm-tag {
|
||||
color: #bc6283; }
|
||||
|
||||
.cm-s-monokai span.cm-comment.cm-type {
|
||||
color: #5998a6; }
|
||||
|
||||
.cm-s-monokai span.cm-property, .cm-s-monokai span.cm-attribute {
|
||||
color: #a6e22e; }
|
||||
|
||||
.cm-s-monokai span.cm-keyword {
|
||||
color: #f92672; }
|
||||
|
||||
.cm-s-monokai span.cm-builtin {
|
||||
color: #66d9ef; }
|
||||
|
||||
.cm-s-monokai span.cm-string {
|
||||
color: #e6db74; }
|
||||
|
||||
.cm-s-monokai span.cm-variable {
|
||||
color: #f8f8f2; }
|
||||
|
||||
.cm-s-monokai span.cm-variable-2 {
|
||||
color: #9effff; }
|
||||
|
||||
.cm-s-monokai span.cm-variable-3, .cm-s-monokai span.cm-type {
|
||||
color: #66d9ef; }
|
||||
|
||||
.cm-s-monokai span.cm-def {
|
||||
color: #fd971f; }
|
||||
|
||||
.cm-s-monokai span.cm-bracket {
|
||||
color: #f8f8f2; }
|
||||
|
||||
.cm-s-monokai span.cm-tag {
|
||||
color: #f92672; }
|
||||
|
||||
.cm-s-monokai span.cm-header {
|
||||
color: #ae81ff; }
|
||||
|
||||
.cm-s-monokai span.cm-link {
|
||||
color: #ae81ff; }
|
||||
|
||||
.cm-s-monokai span.cm-error {
|
||||
background: #f92672;
|
||||
color: #f8f8f0; }
|
||||
|
||||
.cm-s-monokai .CodeMirror-activeline-background {
|
||||
background: #373831; }
|
||||
|
||||
.cm-s-monokai .CodeMirror-matchingbracket {
|
||||
text-decoration: underline;
|
||||
color: white !important; }
|
||||
|
||||
923
.next/static/css/styles.e4072c36.chunk.css
Normal file
923
.next/static/css/styles.e4072c36.chunk.css
Normal file
@@ -0,0 +1,923 @@
|
||||
*,
|
||||
*:after,
|
||||
*:before {
|
||||
box-sizing: inherit; }
|
||||
|
||||
html {
|
||||
box-sizing: border-box;
|
||||
font-size: 62.5%; }
|
||||
|
||||
body {
|
||||
color: #606c76;
|
||||
font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
|
||||
font-size: 1.6em;
|
||||
font-weight: 300;
|
||||
letter-spacing: .01em;
|
||||
line-height: 1.6; }
|
||||
|
||||
blockquote {
|
||||
border-left: 0.3rem solid #d1d1d1;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
padding: 1rem 1.5rem; }
|
||||
blockquote *:last-child {
|
||||
margin-bottom: 0; }
|
||||
|
||||
.button,
|
||||
button,
|
||||
input[type='button'],
|
||||
input[type='reset'],
|
||||
input[type='submit'] {
|
||||
background-color: #9b4dca;
|
||||
border: 0.1rem solid #9b4dca;
|
||||
border-radius: .4rem;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
font-size: 1.1rem;
|
||||
font-weight: 700;
|
||||
height: 3.8rem;
|
||||
letter-spacing: .1rem;
|
||||
line-height: 3.8rem;
|
||||
padding: 0 3.0rem;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
white-space: nowrap; }
|
||||
.button:focus, .button:hover,
|
||||
button:focus,
|
||||
button:hover,
|
||||
input[type='button']:focus,
|
||||
input[type='button']:hover,
|
||||
input[type='reset']:focus,
|
||||
input[type='reset']:hover,
|
||||
input[type='submit']:focus,
|
||||
input[type='submit']:hover {
|
||||
background-color: #606c76;
|
||||
border-color: #606c76;
|
||||
color: #fff;
|
||||
outline: 0; }
|
||||
.button[disabled],
|
||||
button[disabled],
|
||||
input[type='button'][disabled],
|
||||
input[type='reset'][disabled],
|
||||
input[type='submit'][disabled] {
|
||||
cursor: default;
|
||||
opacity: .5; }
|
||||
.button[disabled]:focus, .button[disabled]:hover,
|
||||
button[disabled]:focus,
|
||||
button[disabled]:hover,
|
||||
input[type='button'][disabled]:focus,
|
||||
input[type='button'][disabled]:hover,
|
||||
input[type='reset'][disabled]:focus,
|
||||
input[type='reset'][disabled]:hover,
|
||||
input[type='submit'][disabled]:focus,
|
||||
input[type='submit'][disabled]:hover {
|
||||
background-color: #9b4dca;
|
||||
border-color: #9b4dca; }
|
||||
.button.button-outline,
|
||||
button.button-outline,
|
||||
input[type='button'].button-outline,
|
||||
input[type='reset'].button-outline,
|
||||
input[type='submit'].button-outline {
|
||||
background-color: transparent;
|
||||
color: #9b4dca; }
|
||||
.button.button-outline:focus, .button.button-outline:hover,
|
||||
button.button-outline:focus,
|
||||
button.button-outline:hover,
|
||||
input[type='button'].button-outline:focus,
|
||||
input[type='button'].button-outline:hover,
|
||||
input[type='reset'].button-outline:focus,
|
||||
input[type='reset'].button-outline:hover,
|
||||
input[type='submit'].button-outline:focus,
|
||||
input[type='submit'].button-outline:hover {
|
||||
background-color: transparent;
|
||||
border-color: #606c76;
|
||||
color: #606c76; }
|
||||
.button.button-outline[disabled]:focus, .button.button-outline[disabled]:hover,
|
||||
button.button-outline[disabled]:focus,
|
||||
button.button-outline[disabled]:hover,
|
||||
input[type='button'].button-outline[disabled]:focus,
|
||||
input[type='button'].button-outline[disabled]:hover,
|
||||
input[type='reset'].button-outline[disabled]:focus,
|
||||
input[type='reset'].button-outline[disabled]:hover,
|
||||
input[type='submit'].button-outline[disabled]:focus,
|
||||
input[type='submit'].button-outline[disabled]:hover {
|
||||
border-color: inherit;
|
||||
color: #9b4dca; }
|
||||
.button.button-clear,
|
||||
button.button-clear,
|
||||
input[type='button'].button-clear,
|
||||
input[type='reset'].button-clear,
|
||||
input[type='submit'].button-clear {
|
||||
background-color: transparent;
|
||||
border-color: transparent;
|
||||
color: #9b4dca; }
|
||||
.button.button-clear:focus, .button.button-clear:hover,
|
||||
button.button-clear:focus,
|
||||
button.button-clear:hover,
|
||||
input[type='button'].button-clear:focus,
|
||||
input[type='button'].button-clear:hover,
|
||||
input[type='reset'].button-clear:focus,
|
||||
input[type='reset'].button-clear:hover,
|
||||
input[type='submit'].button-clear:focus,
|
||||
input[type='submit'].button-clear:hover {
|
||||
background-color: transparent;
|
||||
border-color: transparent;
|
||||
color: #606c76; }
|
||||
.button.button-clear[disabled]:focus, .button.button-clear[disabled]:hover,
|
||||
button.button-clear[disabled]:focus,
|
||||
button.button-clear[disabled]:hover,
|
||||
input[type='button'].button-clear[disabled]:focus,
|
||||
input[type='button'].button-clear[disabled]:hover,
|
||||
input[type='reset'].button-clear[disabled]:focus,
|
||||
input[type='reset'].button-clear[disabled]:hover,
|
||||
input[type='submit'].button-clear[disabled]:focus,
|
||||
input[type='submit'].button-clear[disabled]:hover {
|
||||
color: #9b4dca; }
|
||||
|
||||
code {
|
||||
background: #f4f5f6;
|
||||
border-radius: .4rem;
|
||||
font-size: 86%;
|
||||
margin: 0 .2rem;
|
||||
padding: .2rem .5rem;
|
||||
white-space: nowrap; }
|
||||
|
||||
pre {
|
||||
background: #f4f5f6;
|
||||
border-left: 0.3rem solid #9b4dca;
|
||||
overflow-y: hidden; }
|
||||
pre > code {
|
||||
border-radius: 0;
|
||||
display: block;
|
||||
padding: 1rem 1.5rem;
|
||||
white-space: pre; }
|
||||
|
||||
hr {
|
||||
border: 0;
|
||||
border-top: 0.1rem solid #f4f5f6;
|
||||
margin: 3.0rem 0; }
|
||||
|
||||
input[type='email'],
|
||||
input[type='number'],
|
||||
input[type='password'],
|
||||
input[type='search'],
|
||||
input[type='tel'],
|
||||
input[type='text'],
|
||||
input[type='url'],
|
||||
textarea,
|
||||
select {
|
||||
appearance: none;
|
||||
background-color: transparent;
|
||||
border: 0.1rem solid #d1d1d1;
|
||||
border-radius: .4rem;
|
||||
box-shadow: none;
|
||||
box-sizing: inherit;
|
||||
height: 3.8rem;
|
||||
padding: .6rem 1.0rem;
|
||||
width: 100%; }
|
||||
input[type='email']:focus,
|
||||
input[type='number']:focus,
|
||||
input[type='password']:focus,
|
||||
input[type='search']:focus,
|
||||
input[type='tel']:focus,
|
||||
input[type='text']:focus,
|
||||
input[type='url']:focus,
|
||||
textarea:focus,
|
||||
select:focus {
|
||||
border-color: #9b4dca;
|
||||
outline: 0; }
|
||||
|
||||
select {
|
||||
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="#d1d1d1" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>') center right no-repeat;
|
||||
padding-right: 3.0rem; }
|
||||
select:focus {
|
||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="#9b4dca" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>'); }
|
||||
|
||||
textarea {
|
||||
min-height: 6.5rem; }
|
||||
|
||||
label,
|
||||
legend {
|
||||
display: block;
|
||||
font-size: 1.6rem;
|
||||
font-weight: 700;
|
||||
margin-bottom: .5rem; }
|
||||
|
||||
fieldset {
|
||||
border-width: 0;
|
||||
padding: 0; }
|
||||
|
||||
input[type='checkbox'],
|
||||
input[type='radio'] {
|
||||
display: inline; }
|
||||
|
||||
.label-inline {
|
||||
display: inline-block;
|
||||
font-weight: normal;
|
||||
margin-left: .5rem; }
|
||||
|
||||
.container {
|
||||
margin: 0 auto;
|
||||
max-width: 112.0rem;
|
||||
padding: 0 2.0rem;
|
||||
position: relative;
|
||||
width: 100%; }
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 0;
|
||||
width: 100%; }
|
||||
.row.row-no-padding {
|
||||
padding: 0; }
|
||||
.row.row-no-padding > .column {
|
||||
padding: 0; }
|
||||
.row.row-wrap {
|
||||
flex-wrap: wrap; }
|
||||
.row.row-top {
|
||||
align-items: flex-start; }
|
||||
.row.row-bottom {
|
||||
align-items: flex-end; }
|
||||
.row.row-center {
|
||||
align-items: center; }
|
||||
.row.row-stretch {
|
||||
align-items: stretch; }
|
||||
.row.row-baseline {
|
||||
align-items: baseline; }
|
||||
.row .column {
|
||||
display: block;
|
||||
flex: 1 1 auto;
|
||||
margin-left: 0;
|
||||
max-width: 100%;
|
||||
width: 100%; }
|
||||
.row .column.column-offset-10 {
|
||||
margin-left: 10%; }
|
||||
.row .column.column-offset-20 {
|
||||
margin-left: 20%; }
|
||||
.row .column.column-offset-25 {
|
||||
margin-left: 25%; }
|
||||
.row .column.column-offset-33, .row .column.column-offset-34 {
|
||||
margin-left: 33.3333%; }
|
||||
.row .column.column-offset-50 {
|
||||
margin-left: 50%; }
|
||||
.row .column.column-offset-66, .row .column.column-offset-67 {
|
||||
margin-left: 66.6666%; }
|
||||
.row .column.column-offset-75 {
|
||||
margin-left: 75%; }
|
||||
.row .column.column-offset-80 {
|
||||
margin-left: 80%; }
|
||||
.row .column.column-offset-90 {
|
||||
margin-left: 90%; }
|
||||
.row .column.column-10 {
|
||||
flex: 0 0 10%;
|
||||
max-width: 10%; }
|
||||
.row .column.column-20 {
|
||||
flex: 0 0 20%;
|
||||
max-width: 20%; }
|
||||
.row .column.column-25 {
|
||||
flex: 0 0 25%;
|
||||
max-width: 25%; }
|
||||
.row .column.column-33, .row .column.column-34 {
|
||||
flex: 0 0 33.3333%;
|
||||
max-width: 33.3333%; }
|
||||
.row .column.column-40 {
|
||||
flex: 0 0 40%;
|
||||
max-width: 40%; }
|
||||
.row .column.column-50 {
|
||||
flex: 0 0 50%;
|
||||
max-width: 50%; }
|
||||
.row .column.column-60 {
|
||||
flex: 0 0 60%;
|
||||
max-width: 60%; }
|
||||
.row .column.column-66, .row .column.column-67 {
|
||||
flex: 0 0 66.6666%;
|
||||
max-width: 66.6666%; }
|
||||
.row .column.column-75 {
|
||||
flex: 0 0 75%;
|
||||
max-width: 75%; }
|
||||
.row .column.column-80 {
|
||||
flex: 0 0 80%;
|
||||
max-width: 80%; }
|
||||
.row .column.column-90 {
|
||||
flex: 0 0 90%;
|
||||
max-width: 90%; }
|
||||
.row .column .column-top {
|
||||
align-self: flex-start; }
|
||||
.row .column .column-bottom {
|
||||
align-self: flex-end; }
|
||||
.row .column .column-center {
|
||||
align-self: center; }
|
||||
|
||||
@media (min-width: 40rem) {
|
||||
.row {
|
||||
flex-direction: row;
|
||||
margin-left: -1.0rem;
|
||||
width: calc(100% + 2.0rem); }
|
||||
.row .column {
|
||||
margin-bottom: inherit;
|
||||
padding: 0 1.0rem; } }
|
||||
|
||||
a {
|
||||
color: #9b4dca;
|
||||
text-decoration: none; }
|
||||
a:focus, a:hover {
|
||||
color: #606c76; }
|
||||
|
||||
dl,
|
||||
ol,
|
||||
ul {
|
||||
list-style: none;
|
||||
margin-top: 0;
|
||||
padding-left: 0; }
|
||||
dl dl,
|
||||
dl ol,
|
||||
dl ul,
|
||||
ol dl,
|
||||
ol ol,
|
||||
ol ul,
|
||||
ul dl,
|
||||
ul ol,
|
||||
ul ul {
|
||||
font-size: 90%;
|
||||
margin: 1.5rem 0 1.5rem 3.0rem; }
|
||||
|
||||
ol {
|
||||
list-style: decimal inside; }
|
||||
|
||||
ul {
|
||||
list-style: circle inside; }
|
||||
|
||||
.button,
|
||||
button,
|
||||
dd,
|
||||
dt,
|
||||
li {
|
||||
margin-bottom: 1.0rem; }
|
||||
|
||||
fieldset,
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
margin-bottom: 1.5rem; }
|
||||
|
||||
blockquote,
|
||||
dl,
|
||||
figure,
|
||||
form,
|
||||
ol,
|
||||
p,
|
||||
pre,
|
||||
table,
|
||||
ul {
|
||||
margin-bottom: 2.5rem; }
|
||||
|
||||
table {
|
||||
border-spacing: 0;
|
||||
width: 100%; }
|
||||
|
||||
td,
|
||||
th {
|
||||
border-bottom: 0.1rem solid #e1e1e1;
|
||||
padding: 1.2rem 1.5rem;
|
||||
text-align: left; }
|
||||
td:first-child,
|
||||
th:first-child {
|
||||
padding-left: 0; }
|
||||
td:last-child,
|
||||
th:last-child {
|
||||
padding-right: 0; }
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bold; }
|
||||
|
||||
p {
|
||||
margin-top: 0; }
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-weight: 300;
|
||||
letter-spacing: -.1rem;
|
||||
margin-bottom: 2.0rem;
|
||||
margin-top: 0; }
|
||||
|
||||
h1 {
|
||||
font-size: 4.6rem;
|
||||
line-height: 1.2; }
|
||||
|
||||
h2 {
|
||||
font-size: 3.6rem;
|
||||
line-height: 1.25; }
|
||||
|
||||
h3 {
|
||||
font-size: 2.8rem;
|
||||
line-height: 1.3; }
|
||||
|
||||
h4 {
|
||||
font-size: 2.2rem;
|
||||
letter-spacing: -.08rem;
|
||||
line-height: 1.35; }
|
||||
|
||||
h5 {
|
||||
font-size: 1.8rem;
|
||||
letter-spacing: -.05rem;
|
||||
line-height: 1.5; }
|
||||
|
||||
h6 {
|
||||
font-size: 1.6rem;
|
||||
letter-spacing: 0;
|
||||
line-height: 1.4; }
|
||||
|
||||
img {
|
||||
max-width: 100%; }
|
||||
|
||||
.clearfix:after {
|
||||
clear: both;
|
||||
content: ' ';
|
||||
display: table; }
|
||||
|
||||
.float-left {
|
||||
float: left; }
|
||||
|
||||
.float-right {
|
||||
float: right; }
|
||||
|
||||
/* cyrillic-ext */
|
||||
@font-face {
|
||||
font-display: swap;
|
||||
font-family: 'Roboto';
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TjASc3CsTYl4BOQ3o.woff2) format("woff2");
|
||||
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
|
||||
|
||||
/* cyrillic */
|
||||
@font-face {
|
||||
font-display: swap;
|
||||
font-family: 'Roboto';
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TjASc-CsTYl4BOQ3o.woff2) format("woff2");
|
||||
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
|
||||
|
||||
/* greek-ext */
|
||||
@font-face {
|
||||
font-display: swap;
|
||||
font-family: 'Roboto';
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TjASc2CsTYl4BOQ3o.woff2) format("woff2");
|
||||
unicode-range: U+1F00-1FFF; }
|
||||
|
||||
/* greek */
|
||||
@font-face {
|
||||
font-display: swap;
|
||||
font-family: 'Roboto';
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TjASc5CsTYl4BOQ3o.woff2) format("woff2");
|
||||
unicode-range: U+0370-03FF; }
|
||||
|
||||
/* vietnamese */
|
||||
@font-face {
|
||||
font-display: swap;
|
||||
font-family: 'Roboto';
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TjASc1CsTYl4BOQ3o.woff2) format("woff2");
|
||||
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }
|
||||
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-display: swap;
|
||||
font-family: 'Roboto';
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TjASc0CsTYl4BOQ3o.woff2) format("woff2");
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
|
||||
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-display: swap;
|
||||
font-family: 'Roboto';
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TjASc6CsTYl4BO.woff2) format("woff2");
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
|
||||
|
||||
/* cyrillic-ext */
|
||||
@font-face {
|
||||
font-display: swap;
|
||||
font-family: 'Roboto';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic3CsTYl4BOQ3o.woff2) format("woff2");
|
||||
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
|
||||
|
||||
/* cyrillic */
|
||||
@font-face {
|
||||
font-display: swap;
|
||||
font-family: 'Roboto';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic-CsTYl4BOQ3o.woff2) format("woff2");
|
||||
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
|
||||
|
||||
/* greek-ext */
|
||||
@font-face {
|
||||
font-display: swap;
|
||||
font-family: 'Roboto';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic2CsTYl4BOQ3o.woff2) format("woff2");
|
||||
unicode-range: U+1F00-1FFF; }
|
||||
|
||||
/* greek */
|
||||
@font-face {
|
||||
font-display: swap;
|
||||
font-family: 'Roboto';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic5CsTYl4BOQ3o.woff2) format("woff2");
|
||||
unicode-range: U+0370-03FF; }
|
||||
|
||||
/* vietnamese */
|
||||
@font-face {
|
||||
font-display: swap;
|
||||
font-family: 'Roboto';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic1CsTYl4BOQ3o.woff2) format("woff2");
|
||||
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }
|
||||
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-display: swap;
|
||||
font-family: 'Roboto';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic0CsTYl4BOQ3o.woff2) format("woff2");
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
|
||||
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-display: swap;
|
||||
font-family: 'Roboto';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic6CsTYl4BO.woff2) format("woff2");
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
|
||||
|
||||
/* cyrillic-ext */
|
||||
@font-face {
|
||||
font-display: swap;
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCRc4AMP6lbBP.woff2) format("woff2");
|
||||
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
|
||||
|
||||
/* cyrillic */
|
||||
@font-face {
|
||||
font-display: swap;
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fABc4AMP6lbBP.woff2) format("woff2");
|
||||
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
|
||||
|
||||
/* greek-ext */
|
||||
@font-face {
|
||||
font-display: swap;
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCBc4AMP6lbBP.woff2) format("woff2");
|
||||
unicode-range: U+1F00-1FFF; }
|
||||
|
||||
/* greek */
|
||||
@font-face {
|
||||
font-display: swap;
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBxc4AMP6lbBP.woff2) format("woff2");
|
||||
unicode-range: U+0370-03FF; }
|
||||
|
||||
/* vietnamese */
|
||||
@font-face {
|
||||
font-display: swap;
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCxc4AMP6lbBP.woff2) format("woff2");
|
||||
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }
|
||||
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-display: swap;
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fChc4AMP6lbBP.woff2) format("woff2");
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
|
||||
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-display: swap;
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2) format("woff2");
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
|
||||
|
||||
/* cyrillic-ext */
|
||||
@font-face {
|
||||
font-display: swap;
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCRc4AMP6lbBP.woff2) format("woff2");
|
||||
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
|
||||
|
||||
/* cyrillic */
|
||||
@font-face {
|
||||
font-display: swap;
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfABc4AMP6lbBP.woff2) format("woff2");
|
||||
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
|
||||
|
||||
/* greek-ext */
|
||||
@font-face {
|
||||
font-display: swap;
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCBc4AMP6lbBP.woff2) format("woff2");
|
||||
unicode-range: U+1F00-1FFF; }
|
||||
|
||||
/* greek */
|
||||
@font-face {
|
||||
font-display: swap;
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBxc4AMP6lbBP.woff2) format("woff2");
|
||||
unicode-range: U+0370-03FF; }
|
||||
|
||||
/* vietnamese */
|
||||
@font-face {
|
||||
font-display: swap;
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCxc4AMP6lbBP.woff2) format("woff2");
|
||||
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }
|
||||
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-display: swap;
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfChc4AMP6lbBP.woff2) format("woff2");
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
|
||||
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-display: swap;
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format("woff2");
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
|
||||
|
||||
.footer {
|
||||
text-align: center;
|
||||
padding: 10px 10px 15px;
|
||||
background: #2c2f33; }
|
||||
.footer p {
|
||||
margin-bottom: 0; }
|
||||
|
||||
.navbar {
|
||||
background: #2c2f33;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
height: 55px; }
|
||||
.navbar .navbar-brand {
|
||||
margin-left: 0.75em;
|
||||
margin-right: auto; }
|
||||
.navbar .navbar-brand h3 {
|
||||
margin-bottom: 0; }
|
||||
.navbar .navbar-burger {
|
||||
display: none;
|
||||
width: 32px;
|
||||
margin-right: 10px; }
|
||||
.navbar .navbar-burger.active div:nth-child(1) {
|
||||
transform-origin: center;
|
||||
transform: translateY(8px) rotate(45deg); }
|
||||
.navbar .navbar-burger.active div:nth-child(2) {
|
||||
opacity: 0; }
|
||||
.navbar .navbar-burger.active div:nth-child(3) {
|
||||
transform-origin: left -6px;
|
||||
transform: translateY(8px) rotate(-45deg); }
|
||||
.navbar .navbar-burger div {
|
||||
transition: all ease-in-out 150ms;
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
margin: 5px 0;
|
||||
border-radius: 1px;
|
||||
background: #dcddde; }
|
||||
.navbar .navbar-items {
|
||||
display: inline-flex;
|
||||
flex-direction: row; }
|
||||
.navbar .navbar-items .active .item, .navbar .navbar-items .item:hover {
|
||||
background: #202225; }
|
||||
.navbar .navbar-items .item {
|
||||
margin: 0;
|
||||
cursor: pointer;
|
||||
padding: 15px 20px; }
|
||||
|
||||
@media screen and (max-width: 840px) {
|
||||
.navbar .navbar-burger {
|
||||
display: inline-block; }
|
||||
.navbar .navbar-items {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
position: fixed;
|
||||
top: 55px;
|
||||
left: 0;
|
||||
z-index: 5;
|
||||
background: #2c2f33;
|
||||
width: 100%;
|
||||
transform: scaleY(0);
|
||||
transform-origin: top;
|
||||
transition: all ease-in-out 125ms; }
|
||||
.navbar .navbar-items.active {
|
||||
transform: scaleY(1);
|
||||
overflow: auto; }
|
||||
.navbar .navbar-items .item {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
padding: 5px 0; } }
|
||||
|
||||
.spinner {
|
||||
height: 24px;
|
||||
width: 24px;
|
||||
border-radius: 100%;
|
||||
border: 2px solid #dcddde;
|
||||
border-right: none;
|
||||
border-bottom: none;
|
||||
animation: spinner 500ms linear infinite; }
|
||||
|
||||
@keyframes spinner {
|
||||
from {
|
||||
transform: rotate(0deg); }
|
||||
to {
|
||||
transform: rotate(360deg); } }
|
||||
|
||||
.paginate {
|
||||
list-style: none;
|
||||
text-align: center;
|
||||
user-select: none;
|
||||
margin: 0; }
|
||||
.paginate li {
|
||||
display: inline-block; }
|
||||
.paginate li.active a {
|
||||
border-color: #00d1b2; }
|
||||
.paginate li a {
|
||||
outline: 0;
|
||||
border-radius: 50%;
|
||||
border: 1px solid;
|
||||
border-color: transparent;
|
||||
padding: 3px 8px; }
|
||||
|
||||
body, code, pre {
|
||||
background: #202225;
|
||||
color: #dcddde;
|
||||
margin: 0; }
|
||||
|
||||
pre, code {
|
||||
font-size: 1.5rem; }
|
||||
|
||||
input, textarea, select, button,
|
||||
.button, .cm-s-monokai.CodeMirror {
|
||||
color: #dcddde;
|
||||
border: none !important;
|
||||
border-radius: .4rem;
|
||||
background-color: #2c2f33 !important; }
|
||||
|
||||
button[disabled], button.disabled {
|
||||
cursor: default; }
|
||||
|
||||
input, textarea {
|
||||
font-size: 1.6rem;
|
||||
font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
|
||||
font-weight: 300;
|
||||
resize: none; }
|
||||
input[disabled], textarea[disabled] {
|
||||
opacity: 0.8;
|
||||
cursor: not-allowed; }
|
||||
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
|
||||
opacity: 0.85;
|
||||
color: #dcddde; }
|
||||
input::-moz-placeholder, textarea::-moz-placeholder {
|
||||
opacity: 0.85;
|
||||
color: #dcddde; }
|
||||
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
|
||||
opacity: 0.85;
|
||||
color: #dcddde; }
|
||||
input:-moz-placeholder, textarea:-moz-placeholder {
|
||||
opacity: 0.85;
|
||||
color: #dcddde; }
|
||||
input::placeholder, textarea::placeholder {
|
||||
opacity: 0.85;
|
||||
color: #dcddde; }
|
||||
|
||||
select {
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
text-overflow: '';
|
||||
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="%23d1d1d1" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>') center right no-repeat; }
|
||||
select:focus {
|
||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="%239b4dca" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>'); }
|
||||
|
||||
.button.disabled {
|
||||
cursor: default; }
|
||||
|
||||
a {
|
||||
color: #00d1b2;
|
||||
cursor: pointer; }
|
||||
a:visited, a:focus {
|
||||
color: #00d1b2; }
|
||||
a:hover {
|
||||
color: #009e87; }
|
||||
|
||||
.danger {
|
||||
color: #d44848; }
|
||||
|
||||
.noMargin {
|
||||
margin: 0 !important; }
|
||||
|
||||
.float-right {
|
||||
margin-left: auto; }
|
||||
|
||||
.float-left {
|
||||
margin-right: auto; }
|
||||
|
||||
.container {
|
||||
display: flex;
|
||||
flex-direction: column; }
|
||||
|
||||
.CodeMirror {
|
||||
width: 100%; }
|
||||
|
||||
.cm-s-monokai span.cm-comment {
|
||||
color: #ccc9ba; }
|
||||
|
||||
.content {
|
||||
min-height: calc(100vh - 55px - 50px);
|
||||
padding: 10px; }
|
||||
.content p, .content pre {
|
||||
word-wrap: break-word; }
|
||||
|
||||
.v-center {
|
||||
min-height: calc(100vh - 55px - 50px - 20px);
|
||||
flex-direction: row;
|
||||
align-items: center; }
|
||||
|
||||
.nomob {
|
||||
display: none !important; }
|
||||
|
||||
.inline {
|
||||
display: inline-flex !important;
|
||||
align-items: middle; }
|
||||
.inline select, .inline input {
|
||||
width: auto;
|
||||
height: 28px;
|
||||
flex-grow: 1;
|
||||
margin-left: 5px;
|
||||
margin-bottom: 0;
|
||||
padding: 6px;
|
||||
border: none; }
|
||||
|
||||
.Markdown pre {
|
||||
margin-bottom: 2.5rem; }
|
||||
|
||||
@media screen and (max-width: 639px) {
|
||||
.row .column.column-50 {
|
||||
max-width: 100%; } }
|
||||
|
||||
@media screen and (min-width: 640px) {
|
||||
.nomob {
|
||||
display: block !important; } }
|
||||
|
||||
Reference in New Issue
Block a user