1229 lines
26 KiB
CSS
1229 lines
26 KiB
CSS
:root {
|
|
--f-col:#111;
|
|
--f-col2:#444;
|
|
--b-col:#f8f8f8;
|
|
--b-col2:#f0f0f0;
|
|
--blq-col:#f57c00;
|
|
--pre-col:#1565c0;
|
|
--br-col:#aaa;
|
|
--br-col2:#ddd;
|
|
--h-ratio:1.19;
|
|
--u-m:.5rem;
|
|
--u-p:.5rem;
|
|
--u-br-r:.125rem;
|
|
--a-l-col:#0277bd;
|
|
--a-v-col:#01579b
|
|
}
|
|
html {
|
|
font-size:16px
|
|
}
|
|
a,b,del,em,i,ins,q,span,strong,u {
|
|
font-size:1em
|
|
}
|
|
html,* {
|
|
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Helvetica,sans-serif;
|
|
line-height:1.5;
|
|
-webkit-text-size-adjust:100%
|
|
}
|
|
* {
|
|
font-size:1rem
|
|
}
|
|
body {
|
|
margin:0;
|
|
color:var(--f-col);
|
|
background:var(--b-col)
|
|
}
|
|
details {
|
|
display:block
|
|
}
|
|
summary {
|
|
display:list-item
|
|
}
|
|
abbr[title] {
|
|
border-bottom:none;
|
|
text-decoration:underline dotted
|
|
}
|
|
input {
|
|
overflow:visible
|
|
}
|
|
img {
|
|
max-width:100%;
|
|
height:auto
|
|
}
|
|
h1,h2,h3,h4,h5,h6 {
|
|
line-height:1.2;
|
|
margin:calc(1.5 * var(--u-m)) var(--u-m);
|
|
font-weight:500
|
|
}
|
|
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small {
|
|
color:var(--f-col2);
|
|
display:block;
|
|
margin-top:-.25rem
|
|
}
|
|
h1 {
|
|
font-size:calc(1rem * var(--h-ratio) * var(--h-ratio) * var(--h-ratio) * var(--h-ratio))
|
|
}
|
|
h2 {
|
|
font-size:calc(1rem * var(--h-ratio) * var(--h-ratio) * var(--h-ratio))
|
|
}
|
|
h3 {
|
|
font-size:calc(1rem * var(--h-ratio) * var(--h-ratio))
|
|
}
|
|
h4 {
|
|
font-size:calc(1rem * var(--h-ratio))
|
|
}
|
|
h5 {
|
|
font-size:1rem
|
|
}
|
|
h6 {
|
|
font-size:calc(1rem/ var(--h-ratio))
|
|
}
|
|
p {
|
|
margin:var(--u-m)
|
|
}
|
|
ol,ul {
|
|
margin:var(--u-m);
|
|
padding-left:calc(2 * var(--u-m))
|
|
}
|
|
b,strong {
|
|
font-weight:700
|
|
}
|
|
hr {
|
|
box-sizing:content-box;
|
|
border:0;
|
|
line-height:1.25em;
|
|
margin:var(--u-m);
|
|
height:.0625rem;
|
|
background:linear-gradient(to right,transparent,var(--br-col) 20%,var(--br-col) 80%,transparent)
|
|
}
|
|
blockquote {
|
|
display:block;
|
|
position:relative;
|
|
font-style:italic;
|
|
color:var(--f-col2);
|
|
margin:var(--u-m);
|
|
padding:calc(3 * var(--u-p));
|
|
border:.0625rem solid var(--br-col2);
|
|
border-left:.375rem solid var(--blq-col);
|
|
border-radius:0 var(--u-br-r) var(--u-br-r) 0
|
|
}
|
|
blockquote:before {
|
|
position:absolute;
|
|
top:calc(0rem - var(--u-p));
|
|
left:0;
|
|
font-family:sans-serif;
|
|
font-size:3rem;
|
|
font-weight:700;
|
|
content:"\201c";
|
|
color:var(--blq-col)
|
|
}
|
|
blockquote[cite]:after {
|
|
font-style:normal;
|
|
font-size:.75em;
|
|
font-weight:700;
|
|
content:"\a— " attr(cite);
|
|
white-space:pre
|
|
}
|
|
code,kbd,pre,samp {
|
|
font-family:Menlo,Consolas,monospace;
|
|
font-size:.85em
|
|
}
|
|
code {
|
|
background:var(--b-col2);
|
|
border-radius:var(--u-br-r);
|
|
padding:calc(var(--u-p)/ 4) calc(var(--u-p)/ 2)
|
|
}
|
|
kbd {
|
|
background:var(--f-col);
|
|
color:var(--b-col);
|
|
border-radius:var(--u-br-r);
|
|
padding:calc(var(--u-p)/ 4) calc(var(--u-p)/ 2)
|
|
}
|
|
pre {
|
|
overflow:auto;
|
|
background:var(--b-col2);
|
|
padding:calc(1.5 * var(--u-p));
|
|
margin:var(--u-m);
|
|
border:.0625rem solid var(--br-col2);
|
|
border-left:.25rem solid var(--pre-col);
|
|
border-radius:0 var(--u-br-r) var(--u-br-r) 0
|
|
}
|
|
sup,sub,code,kbd {
|
|
line-height:0;
|
|
position:relative;
|
|
vertical-align:baseline
|
|
}
|
|
small,sup,sub,figcaption {
|
|
font-size:.75em
|
|
}
|
|
sup {
|
|
top:-.5em
|
|
}
|
|
sub {
|
|
bottom:-.25em
|
|
}
|
|
figure {
|
|
margin:var(--u-m)
|
|
}
|
|
figcaption {
|
|
color:var(--f-col2)
|
|
}
|
|
a {
|
|
text-decoration:none
|
|
}
|
|
a:link {
|
|
color:var(--a-l-col)
|
|
}
|
|
a:visited {
|
|
color:var(--a-v-col)
|
|
}
|
|
a:hover,a:focus {
|
|
text-decoration:underline
|
|
}
|
|
.container {
|
|
margin:0 auto;
|
|
padding:0 calc(1.5 * var(--u-p))
|
|
}
|
|
.row {
|
|
box-sizing:border-box;
|
|
display:flex;
|
|
flex:0 1 auto;
|
|
flex-flow:row wrap
|
|
}
|
|
.col-sm,[class^='col-sm-'],[class^='col-sm-o-'] {
|
|
flex:0 0 auto;
|
|
padding:0 calc(var(--u-p)/ 2)
|
|
}
|
|
.col-sm {
|
|
max-width:100%;
|
|
flex-grow:1;
|
|
flex-basis:0
|
|
}
|
|
.col-sm-1 {
|
|
max-width:8.33333%;
|
|
flex-basis:8.33333%
|
|
}
|
|
.col-sm-o-0 {
|
|
margin-left:0
|
|
}
|
|
.col-sm-2 {
|
|
max-width:16.66667%;
|
|
flex-basis:16.66667%
|
|
}
|
|
.col-sm-o-1 {
|
|
margin-left:8.33333%
|
|
}
|
|
.col-sm-3 {
|
|
max-width:25%;
|
|
flex-basis:25%
|
|
}
|
|
.col-sm-o-2 {
|
|
margin-left:16.66667%
|
|
}
|
|
.col-sm-4 {
|
|
max-width:33.33333%;
|
|
flex-basis:33.33333%
|
|
}
|
|
.col-sm-o-3 {
|
|
margin-left:25%
|
|
}
|
|
.col-sm-5 {
|
|
max-width:41.66667%;
|
|
flex-basis:41.66667%
|
|
}
|
|
.col-sm-o-4 {
|
|
margin-left:33.33333%
|
|
}
|
|
.col-sm-6 {
|
|
max-width:50%;
|
|
flex-basis:50%
|
|
}
|
|
.col-sm-o-5 {
|
|
margin-left:41.66667%
|
|
}
|
|
.col-sm-7 {
|
|
max-width:58.33333%;
|
|
flex-basis:58.33333%
|
|
}
|
|
.col-sm-o-6 {
|
|
margin-left:50%
|
|
}
|
|
.col-sm-8 {
|
|
max-width:66.66667%;
|
|
flex-basis:66.66667%
|
|
}
|
|
.col-sm-o-7 {
|
|
margin-left:58.33333%
|
|
}
|
|
.col-sm-9 {
|
|
max-width:75%;
|
|
flex-basis:75%
|
|
}
|
|
.col-sm-o-8 {
|
|
margin-left:66.66667%
|
|
}
|
|
.col-sm-10 {
|
|
max-width:83.33333%;
|
|
flex-basis:83.33333%
|
|
}
|
|
.col-sm-o-9 {
|
|
margin-left:75%
|
|
}
|
|
.col-sm-11 {
|
|
max-width:91.66667%;
|
|
flex-basis:91.66667%
|
|
}
|
|
.col-sm-o-10 {
|
|
margin-left:83.33333%
|
|
}
|
|
.col-sm-12 {
|
|
max-width:100%;
|
|
flex-basis:100%
|
|
}
|
|
.col-sm-o-11 {
|
|
margin-left:91.66667%
|
|
}
|
|
.col-sm-n {
|
|
order:initial
|
|
}
|
|
.col-sm-f {
|
|
order:-999
|
|
}
|
|
.col-sm-l {
|
|
order:999
|
|
}
|
|
@media screen and (min-width: 768px) {
|
|
.col-md,[class^='col-md-'],[class^='col-md-o-'] {
|
|
flex:0 0 auto;
|
|
padding:0 calc(var(--u-p)/ 2)
|
|
}
|
|
.col-md {
|
|
max-width:100%;
|
|
flex-grow:1;
|
|
flex-basis:0
|
|
}
|
|
.col-md-1 {
|
|
max-width:8.33333%;
|
|
flex-basis:8.33333%
|
|
}
|
|
.col-md-o-0 {
|
|
margin-left:0
|
|
}
|
|
.col-md-2 {
|
|
max-width:16.66667%;
|
|
flex-basis:16.66667%
|
|
}
|
|
.col-md-o-1 {
|
|
margin-left:8.33333%
|
|
}
|
|
.col-md-3 {
|
|
max-width:25%;
|
|
flex-basis:25%
|
|
}
|
|
.col-md-o-2 {
|
|
margin-left:16.66667%
|
|
}
|
|
.col-md-4 {
|
|
max-width:33.33333%;
|
|
flex-basis:33.33333%
|
|
}
|
|
.col-md-o-3 {
|
|
margin-left:25%
|
|
}
|
|
.col-md-5 {
|
|
max-width:41.66667%;
|
|
flex-basis:41.66667%
|
|
}
|
|
.col-md-o-4 {
|
|
margin-left:33.33333%
|
|
}
|
|
.col-md-6 {
|
|
max-width:50%;
|
|
flex-basis:50%
|
|
}
|
|
.col-md-o-5 {
|
|
margin-left:41.66667%
|
|
}
|
|
.col-md-7 {
|
|
max-width:58.33333%;
|
|
flex-basis:58.33333%
|
|
}
|
|
.col-md-o-6 {
|
|
margin-left:50%
|
|
}
|
|
.col-md-8 {
|
|
max-width:66.66667%;
|
|
flex-basis:66.66667%
|
|
}
|
|
.col-md-o-7 {
|
|
margin-left:58.33333%
|
|
}
|
|
.col-md-9 {
|
|
max-width:75%;
|
|
flex-basis:75%
|
|
}
|
|
.col-md-o-8 {
|
|
margin-left:66.66667%
|
|
}
|
|
.col-md-10 {
|
|
max-width:83.33333%;
|
|
flex-basis:83.33333%
|
|
}
|
|
.col-md-o-9 {
|
|
margin-left:75%
|
|
}
|
|
.col-md-11 {
|
|
max-width:91.66667%;
|
|
flex-basis:91.66667%
|
|
}
|
|
.col-md-o-10 {
|
|
margin-left:83.33333%
|
|
}
|
|
.col-md-12 {
|
|
max-width:100%;
|
|
flex-basis:100%
|
|
}
|
|
.col-md-o-11 {
|
|
margin-left:91.66667%
|
|
}
|
|
.col-md-n {
|
|
order:initial
|
|
}
|
|
.col-md-f {
|
|
order:-999
|
|
}
|
|
.col-md-l {
|
|
order:999
|
|
}
|
|
}
|
|
@media screen and (min-width: 1280px) {
|
|
.col-lg,[class^='col-lg-'],[class^='col-lg-o-'] {
|
|
flex:0 0 auto;
|
|
padding:0 calc(var(--u-p)/ 2)
|
|
}
|
|
.col-lg {
|
|
max-width:100%;
|
|
flex-grow:1;
|
|
flex-basis:0
|
|
}
|
|
.col-lg-1 {
|
|
max-width:8.33333%;
|
|
flex-basis:8.33333%
|
|
}
|
|
.col-lg-o-0 {
|
|
margin-left:0
|
|
}
|
|
.col-lg-2 {
|
|
max-width:16.66667%;
|
|
flex-basis:16.66667%
|
|
}
|
|
.col-lg-o-1 {
|
|
margin-left:8.33333%
|
|
}
|
|
.col-lg-3 {
|
|
max-width:25%;
|
|
flex-basis:25%
|
|
}
|
|
.col-lg-o-2 {
|
|
margin-left:16.66667%
|
|
}
|
|
.col-lg-4 {
|
|
max-width:33.33333%;
|
|
flex-basis:33.33333%
|
|
}
|
|
.col-lg-o-3 {
|
|
margin-left:25%
|
|
}
|
|
.col-lg-5 {
|
|
max-width:41.66667%;
|
|
flex-basis:41.66667%
|
|
}
|
|
.col-lg-o-4 {
|
|
margin-left:33.33333%
|
|
}
|
|
.col-lg-6 {
|
|
max-width:50%;
|
|
flex-basis:50%
|
|
}
|
|
.col-lg-o-5 {
|
|
margin-left:41.66667%
|
|
}
|
|
.col-lg-7 {
|
|
max-width:58.33333%;
|
|
flex-basis:58.33333%
|
|
}
|
|
.col-lg-o-6 {
|
|
margin-left:50%
|
|
}
|
|
.col-lg-8 {
|
|
max-width:66.66667%;
|
|
flex-basis:66.66667%
|
|
}
|
|
.col-lg-o-7 {
|
|
margin-left:58.33333%
|
|
}
|
|
.col-lg-9 {
|
|
max-width:75%;
|
|
flex-basis:75%
|
|
}
|
|
.col-lg-o-8 {
|
|
margin-left:66.66667%
|
|
}
|
|
.col-lg-10 {
|
|
max-width:83.33333%;
|
|
flex-basis:83.33333%
|
|
}
|
|
.col-lg-o-9 {
|
|
margin-left:75%
|
|
}
|
|
.col-lg-11 {
|
|
max-width:91.66667%;
|
|
flex-basis:91.66667%
|
|
}
|
|
.col-lg-o-10 {
|
|
margin-left:83.33333%
|
|
}
|
|
.col-lg-12 {
|
|
max-width:100%;
|
|
flex-basis:100%
|
|
}
|
|
.col-lg-o-11 {
|
|
margin-left:91.66667%
|
|
}
|
|
.col-lg-n {
|
|
order:initial
|
|
}
|
|
.col-lg-f {
|
|
order:-999
|
|
}
|
|
.col-lg-l {
|
|
order:999
|
|
}
|
|
}
|
|
:root {
|
|
--cd-b-col:#f8f8f8;
|
|
--cd-f-col:#111;
|
|
--cd-br-col:#ddd
|
|
}
|
|
.card {
|
|
display:flex;
|
|
flex-direction:column;
|
|
justify-content:space-between;
|
|
align-self:center;
|
|
position:relative;
|
|
width:100%;
|
|
background:var(--cd-b-col);
|
|
color:var(--cd-f-col);
|
|
border:.0625rem solid var(--cd-br-col);
|
|
border-radius:var(--u-br-r);
|
|
margin:var(--u-m);
|
|
overflow:hidden
|
|
}
|
|
@media screen and (min-width: 320px) {
|
|
.card {
|
|
max-width:320px
|
|
}
|
|
}
|
|
.card>.section {
|
|
background:var(--cd-b-col);
|
|
color:var(--cd-f-col);
|
|
box-sizing:border-box;
|
|
margin:0;
|
|
border:0;
|
|
border-radius:0;
|
|
border-bottom:.0625rem solid var(--cd-br-col);
|
|
padding:var(--u-p);
|
|
width:100%
|
|
}
|
|
.card>.section.media {
|
|
height:200px;
|
|
padding:0;
|
|
-o-object-fit:cover;
|
|
object-fit:cover
|
|
}
|
|
.card>.section:last-child {
|
|
border-bottom:0
|
|
}
|
|
.card.fluid {
|
|
max-width:100%;
|
|
width:auto
|
|
}
|
|
.card>.section.double-padded {
|
|
padding:calc(1.5 * var(--u-p))
|
|
}
|
|
.card {
|
|
box-shadow:0 1.25rem 2.5rem -0.625rem rgba(0,32,64,0.1)
|
|
}
|
|
.card>h3.section.double-padded {
|
|
padding:calc(3 * var(--u-p))
|
|
}
|
|
.card>.section.double-padded>p {
|
|
margin:var(--u-m) calc(var(--u-m)/ 2)
|
|
}
|
|
.card+.card {
|
|
margin-top:calc(5 * var(--u-m))
|
|
}
|
|
:root {
|
|
--frm-b-col:#f0f0f0;
|
|
--frm-f-col:#111;
|
|
--frm-br-col:#ddd;
|
|
--in-b-col:#f8f8f8;
|
|
--in-f-col:#111;
|
|
--in-br-col:#ddd;
|
|
--in-fc-col:#0288d1;
|
|
--in-inv-col:#d32f2f;
|
|
--btn-b-col:#e2e2e2;
|
|
--btn-h-b-col:#dcdcdc;
|
|
--btn-f-col:#212121;
|
|
--btn-br-col:transparent;
|
|
--btn-h-br-col:transparent;
|
|
--btn-grp-br-col:rgba(124,124,124,0.54)
|
|
}
|
|
form {
|
|
background:var(--frm-b-col);
|
|
color:var(--frm-f-col);
|
|
border:.0625rem solid var(--frm-br-col);
|
|
border-radius:var(--u-br-r);
|
|
margin:var(--u-m);
|
|
padding:calc(2 * var(--u-p)) var(--u-p)
|
|
}
|
|
fieldset {
|
|
border:.0625rem solid var(--frm-br-col);
|
|
border-radius:var(--u-br-r);
|
|
margin:calc(var(--u-m)/ 4);
|
|
padding:var(--u-p)
|
|
}
|
|
legend {
|
|
box-sizing:border-box;
|
|
display:table;
|
|
max-width:100%;
|
|
white-space:normal;
|
|
font-weight:700;
|
|
padding:calc(var(--u-p)/ 2)
|
|
}
|
|
label {
|
|
padding:calc(var(--u-p)/ 2) var(--u-p)
|
|
}
|
|
.input-group {
|
|
display:inline-block
|
|
}
|
|
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {
|
|
height:auto
|
|
}
|
|
[type="search"] {
|
|
-webkit-appearance:textfield;
|
|
outline-offset:-2px
|
|
}
|
|
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration {
|
|
-webkit-appearance:none
|
|
}
|
|
input:not([type]),[type="text"],[type="email"],[type="number"],[type="search"],[type="password"],[type="url"],[type="tel"],[type="checkbox"],[type="radio"],textarea,select {
|
|
box-sizing:border-box;
|
|
background:var(--in-b-col);
|
|
color:var(--in-f-col);
|
|
border:.0625rem solid var(--in-br-col);
|
|
border-radius:var(--u-br-r);
|
|
margin:calc(var(--u-m)/ 2);
|
|
padding:var(--u-p) calc(1.5 * var(--u-p))
|
|
}
|
|
input:not([type="button"]):not([type="submit"]):not([type="reset"]):hover,input:not([type="button"]):not([type="submit"]):not([type="reset"]):focus,textarea:hover,textarea:focus,select:hover,select:focus {
|
|
border-color:var(--in-fc-col);
|
|
box-shadow:none
|
|
}
|
|
input:not([type="button"]):not([type="submit"]):not([type="reset"]):invalid,input:not([type="button"]):not([type="submit"]):not([type="reset"]):focus:invalid,textarea:invalid,textarea:focus:invalid,select:invalid,select:focus:invalid {
|
|
border-color:var(--in-inv-col);
|
|
box-shadow:none
|
|
}
|
|
input:not([type="button"]):not([type="submit"]):not([type="reset"])[readonly],textarea[readonly],select[readonly] {
|
|
background:var(--b-col2)
|
|
}
|
|
select {
|
|
max-width:100%
|
|
}
|
|
option {
|
|
overflow:hidden;
|
|
text-overflow:ellipsis
|
|
}
|
|
[type="checkbox"],[type="radio"] {
|
|
-webkit-appearance:none;
|
|
-moz-appearance:none;
|
|
appearance:none;
|
|
position:relative;
|
|
height:calc(1rem + var(--u-p) / 2);
|
|
width:calc(1rem + var(--u-p) / 2);
|
|
vertical-align:text-bottom;
|
|
padding:0;
|
|
flex-basis:calc(1rem + var(--u-p) / 2)!important;
|
|
flex-grow:0!important
|
|
}
|
|
[type="checkbox"]:checked:before,[type="radio"]:checked:before {
|
|
position:absolute
|
|
}
|
|
[type="checkbox"]:checked:before {
|
|
content:'\2713';
|
|
font-family:sans-serif;
|
|
font-size:calc(1rem + var(--u-p) / 2);
|
|
top:calc(0rem - var(--u-p));
|
|
left:calc(var(--u-p)/ 4)
|
|
}
|
|
[type="radio"] {
|
|
border-radius:100%
|
|
}
|
|
[type="radio"]:checked:before {
|
|
border-radius:100%;
|
|
content:'';
|
|
top:calc(.0625rem + var(--u-p) / 2);
|
|
left:calc(.0625rem + var(--u-p) / 2);
|
|
background:var(--in-f-col);
|
|
width:0.5rem;
|
|
height:0.5rem
|
|
}
|
|
:placeholder-shown {
|
|
color:var(--in-f-col)
|
|
}
|
|
::-ms-placeholder {
|
|
color:var(--in-f-col);
|
|
opacity:0.54
|
|
}
|
|
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {
|
|
border-style:none;
|
|
padding:0
|
|
}
|
|
button,html [type="button"],[type="reset"],[type="submit"] {
|
|
-webkit-appearance:button
|
|
}
|
|
button {
|
|
overflow:visible;
|
|
text-transform:none
|
|
}
|
|
button,[type="button"],[type="submit"],[type="reset"],a.button,label.button,.button,a[role="button"],label[role="button"],[role="button"] {
|
|
display:inline-block;
|
|
background:var(--btn-b-col);
|
|
color:var(--btn-f-col);
|
|
border:.0625rem solid var(--btn-br-col);
|
|
border-radius:var(--u-br-r);
|
|
padding:var(--u-p) calc(1.5 * var(--u-p));
|
|
margin:var(--u-m);
|
|
text-decoration:none;
|
|
cursor:pointer;
|
|
transition:background 0.3s
|
|
}
|
|
button:hover,button:focus,[type="button"]:hover,[type="button"]:focus,[type="submit"]:hover,[type="submit"]:focus,[type="reset"]:hover,[type="reset"]:focus,a.button:hover,a.button:focus,label.button:hover,label.button:focus,.button:hover,.button:focus,a[role="button"]:hover,a[role="button"]:focus,label[role="button"]:hover,label[role="button"]:focus,[role="button"]:hover,[role="button"]:focus {
|
|
background:var(--btn-h-b-col);
|
|
border-color:var(--btn-h-br-col)
|
|
}
|
|
input:disabled,input[disabled],textarea:disabled,textarea[disabled],select:disabled,select[disabled],button:disabled,button[disabled],.button:disabled,.button[disabled],[role="button"]:disabled,[role="button"][disabled] {
|
|
cursor:not-allowed;
|
|
opacity:.75
|
|
}
|
|
.button-group {
|
|
display:flex;
|
|
border:.0625rem solid var(--btn-grp-br-col);
|
|
border-radius:var(--u-br-r);
|
|
margin:var(--u-m)
|
|
}
|
|
.button-group>button,.button-group [type="button"],.button-group>[type="submit"],.button-group>[type="reset"],.button-group>.button,.button-group>[role="button"] {
|
|
margin:0;
|
|
max-width:100%;
|
|
flex:1 1 auto;
|
|
text-align:center;
|
|
border:0;
|
|
border-radius:0;
|
|
box-shadow:none
|
|
}
|
|
.button-group>:not(:first-child) {
|
|
border-left:.0625rem solid var(--btn-grp-br-col)
|
|
}
|
|
@media screen and (max-width: 767px) {
|
|
.button-group {
|
|
flex-direction:column
|
|
}
|
|
.button-group>:not(:first-child) {
|
|
border:0;
|
|
border-top:.0625rem solid var(--btn-grp-br-col)
|
|
}
|
|
}
|
|
button.primary,[type="button"].primary,[type="submit"].primary,[type="reset"].primary,.button.primary,[role="button"].primary {
|
|
--btn-b-col:#1976d2;
|
|
--btn-f-col:#f8f8f8
|
|
}
|
|
button.primary:hover,button.primary:focus,[type="button"].primary:hover,[type="button"].primary:focus,[type="submit"].primary:hover,[type="submit"].primary:focus,[type="reset"].primary:hover,[type="reset"].primary:focus,.button.primary:hover,.button.primary:focus,[role="button"].primary:hover,[role="button"].primary:focus {
|
|
--btn-h-b-col:#1565c0
|
|
}
|
|
:root {
|
|
--hd-b-col:#f8f8f8;
|
|
--hd-hv-b-col:#f0f0f0;
|
|
--hd-f-col:#444;
|
|
--hd-br-col:#ddd;
|
|
--nv-b-col:#f8f8f8;
|
|
--nv-hv-b-col:#f0f0f0;
|
|
--nv-f-col:#444;
|
|
--nv-br-col:#ddd;
|
|
--nv-ln-col:#0277bd;
|
|
--ft-f-col:#444;
|
|
--ft-b-col:#f8f8f8;
|
|
--ft-br-col:#ddd;
|
|
--ft-ln-col:#0277bd;
|
|
--dr-b-col:#f8f8f8;
|
|
--dr-hv-b-col:#f0f0f0;
|
|
--dr-br-col:#ddd;
|
|
--dr-cl-col:#444
|
|
}
|
|
header {
|
|
height:3.1875rem;
|
|
background:var(--hd-b-col);
|
|
color:var(--hd-f-col);
|
|
border-bottom:.0625rem solid var(--hd-br-col);
|
|
padding:calc(var(--u-p)/ 4) 0;
|
|
white-space:nowrap;
|
|
overflow-x:auto;
|
|
overflow-y:hidden
|
|
}
|
|
header.row {
|
|
box-sizing:content-box
|
|
}
|
|
header .logo {
|
|
color:var(--hd-f-col);
|
|
font-size:1.75rem;
|
|
padding:var(--u-p) calc(2 * var(--u-p));
|
|
text-decoration:none
|
|
}
|
|
header button,header [type="button"],header .button,header [role="button"] {
|
|
box-sizing:border-box;
|
|
position:relative;
|
|
top:calc(0rem - var(--u-p) / 4);
|
|
height:calc(3.1875rem + var(--u-p) / 2);
|
|
background:var(--hd-b-col);
|
|
line-height:calc(3.1875rem - var(--u-p) * 1.5);
|
|
text-align:center;
|
|
color:var(--hd-f-col);
|
|
border:0;
|
|
border-radius:0;
|
|
margin:0;
|
|
text-transform:uppercase
|
|
}
|
|
header button:hover,header button:focus,header [type="button"]:hover,header [type="button"]:focus,header .button:hover,header .button:focus,header [role="button"]:hover,header [role="button"]:focus {
|
|
background:var(--hd-hv-b-col)
|
|
}
|
|
nav {
|
|
background:var(--nv-b-col);
|
|
color:var(--nv-f-col);
|
|
border:.0625rem solid var(--nv-br-col);
|
|
border-radius:var(--u-br-r);
|
|
margin:var(--u-m)
|
|
}
|
|
nav * {
|
|
padding:var(--u-p) calc(1.5 * var(--u-p))
|
|
}
|
|
nav a,nav a:visited {
|
|
display:block;
|
|
color:var(--nv-ln-col);
|
|
border-radius:var(--u-br-r);
|
|
transition:background 0.3s
|
|
}
|
|
nav a:hover,nav a:focus,nav a:visited:hover,nav a:visited:focus {
|
|
text-decoration:none;
|
|
background:var(--nv-hv-b-col)
|
|
}
|
|
nav .sublink-1 {
|
|
position:relative;
|
|
margin-left:calc(2 * var(--u-p))
|
|
}
|
|
nav .sublink-1:before {
|
|
position:absolute;
|
|
left:calc(var(--u-p) - 1 * var(--u-p));
|
|
top:-.0625rem;
|
|
content:'';
|
|
height:100%;
|
|
border:.0625rem solid var(--nv-br-col);
|
|
border-left:0
|
|
}
|
|
footer {
|
|
background:var(--ft-b-col);
|
|
color:var(--ft-f-col);
|
|
border-top:.0625rem solid var(--ft-br-col);
|
|
padding:calc(2 * var(--u-p)) var(--u-p);
|
|
font-size:.875rem
|
|
}
|
|
footer a,footer a:visited {
|
|
color:var(--ft-ln-col)
|
|
}
|
|
header.sticky {
|
|
position:-webkit-sticky;
|
|
position:sticky;
|
|
z-index:1101;
|
|
top:0
|
|
}
|
|
footer.sticky {
|
|
position:-webkit-sticky;
|
|
position:sticky;
|
|
z-index:1101;
|
|
bottom:0
|
|
}
|
|
.drawer-toggle:before {
|
|
display:inline-block;
|
|
position:relative;
|
|
vertical-align:bottom;
|
|
content:'\00a0\2261\00a0';
|
|
font-family:sans-serif;
|
|
font-size:1.5em
|
|
}
|
|
@media screen and (min-width: 768px) {
|
|
.drawer-toggle:not(.persistent) {
|
|
display:none
|
|
}
|
|
}
|
|
[type="checkbox"].drawer {
|
|
height:1px;
|
|
width:1px;
|
|
margin:-1px;
|
|
overflow:hidden;
|
|
position:absolute;
|
|
clip:rect(0 0 0 0);
|
|
-webkit-clip-path:inset(100%);
|
|
clip-path:inset(100%)
|
|
}
|
|
[type="checkbox"].drawer+* {
|
|
display:block;
|
|
box-sizing:border-box;
|
|
position:fixed;
|
|
top:0;
|
|
width:320px;
|
|
height:100vh;
|
|
overflow-y:auto;
|
|
background:var(--dr-b-col);
|
|
border:.0625rem solid var(--dr-br-col);
|
|
border-radius:0;
|
|
margin:0;
|
|
z-index:1110;
|
|
left:-320px;
|
|
transition:left 0.3s
|
|
}
|
|
[type="checkbox"].drawer+* .drawer-close {
|
|
position:absolute;
|
|
top:var(--u-m);
|
|
right:var(--u-m);
|
|
z-index:1111;
|
|
width:2rem;
|
|
height:2rem;
|
|
border-radius:var(--u-br-r);
|
|
padding:var(--u-p);
|
|
margin:0;
|
|
cursor:pointer;
|
|
transition:background 0.3s
|
|
}
|
|
[type="checkbox"].drawer+* .drawer-close:before {
|
|
display:block;
|
|
content:'\00D7';
|
|
color:var(--dr-cl-col);
|
|
position:relative;
|
|
font-family:sans-serif;
|
|
font-size:2rem;
|
|
line-height:1;
|
|
text-align:center
|
|
}
|
|
[type="checkbox"].drawer+* .drawer-close:hover,[type="checkbox"].drawer+* .drawer-close:focus {
|
|
background:var(--dr-hv-b-col)
|
|
}
|
|
@media screen and (max-width: 320px) {
|
|
[type="checkbox"].drawer+* {
|
|
width:100%
|
|
}
|
|
}
|
|
[type="checkbox"].drawer:checked+* {
|
|
left:0
|
|
}
|
|
@media screen and (min-width: 768px) {
|
|
[type="checkbox"].drawer:not(.persistent)+* {
|
|
position:static;
|
|
height:100%;
|
|
z-index:1100
|
|
}
|
|
[type="checkbox"].drawer:not(.persistent)+* .drawer-close {
|
|
display:none
|
|
}
|
|
}
|
|
:root {
|
|
--mrk-b-col:#424242;
|
|
--mrk-f-col:#fafafa
|
|
}
|
|
mark {
|
|
background:var(--mrk-b-col);
|
|
color:var(--mrk-f-col);
|
|
font-size:.5em;
|
|
line-height:1em;
|
|
border-radius:var(--u-br-r);
|
|
padding:calc(var(--u-p)/ 4) calc(var(--u-p)/ 2)
|
|
}
|
|
mark.inline-block {
|
|
display:inline-block;
|
|
font-size:1em;
|
|
line-height:1.5;
|
|
padding:calc(var(--u-p)/ 2) var(--u-p)
|
|
}
|
|
:root {
|
|
--tst-b-col:#212121;
|
|
--tst-f-col:#fafafa
|
|
}
|
|
.toast {
|
|
position:fixed;
|
|
bottom:calc(var(--u-m) * 3);
|
|
left:50%;
|
|
transform:translate(-50%,-50%);
|
|
z-index:1111;
|
|
color:var(--tst-f-col);
|
|
background:var(--tst-b-col);
|
|
border-radius:calc(var(--u-br-r) * 16);
|
|
padding:var(--u-p) calc(var(--u-p) * 3)
|
|
}
|
|
.toast {
|
|
bottom:calc(var(--u-m)/ 2);
|
|
opacity:1;
|
|
transition:opacity 0.3s ease-in-out
|
|
}
|
|
mark {
|
|
position:relative;
|
|
top:-0.25rem;
|
|
left:0.25rem
|
|
}
|
|
mark.secondary {
|
|
--mrk-b-col:#d32f2f
|
|
}
|
|
mark.tertiary {
|
|
--mrk-b-col:#308732
|
|
}
|
|
mark.tag {
|
|
padding:calc(var(--u-p)/2) var(--u-p);
|
|
border-radius:1em
|
|
}
|
|
code,pre,kbd,code *,pre *,kbd *,code[class*="language-"],pre[class*="language-"] {
|
|
font-family:Menlo,Consolas,monospace!important
|
|
}
|
|
pre {
|
|
border:0.0625rem solid var(--br-col2);
|
|
border-radius:var(--u-br-r)
|
|
}
|
|
.group {
|
|
position:relative;
|
|
margin-top:2em;
|
|
margin-bottom:1em
|
|
}
|
|
.search {
|
|
font-size:0.875rem;
|
|
margin-top:-0.1em;
|
|
display:block;
|
|
width:100%;
|
|
border:none;
|
|
border-bottom:.0625rem solid var(--nv-ln-col)
|
|
}
|
|
.search:focus {
|
|
outline:none
|
|
}
|
|
label#search-label {
|
|
color:var(--nv-ln-col);
|
|
font-size:1.125rem;
|
|
font-weight:400;
|
|
position:absolute;
|
|
left:0.3125rem;
|
|
top:0.625rem
|
|
}
|
|
.search:focus~label#search-label,.search:valid~label#search-label {
|
|
top:-1.25rem;
|
|
font-size:0.875rem;
|
|
color:var(--nv-ln-col)
|
|
}
|
|
label#menu-toggle {
|
|
width:3.4375rem
|
|
}
|
|
header h1.logo {
|
|
margin-top:-0.8rem;
|
|
text-align:center
|
|
}
|
|
header h1.logo a {
|
|
text-decoration:none;
|
|
color:#111
|
|
}
|
|
header #title {
|
|
position:relative;
|
|
top:-1rem
|
|
}
|
|
@media screen and (max-width: 500px) {
|
|
header #title {
|
|
font-size:1rem;
|
|
display:block
|
|
}
|
|
}
|
|
header h1 small {
|
|
display:block;
|
|
font-size:0.875rem;
|
|
color:#888;
|
|
margin-top:-0.8rem
|
|
}
|
|
@media screen and (max-width: 768px) {
|
|
header h1 small {
|
|
font-size:0.75rem
|
|
}
|
|
}
|
|
@media screen and (max-width: 600px) {
|
|
header h1 small {
|
|
font-size:0.625rem
|
|
}
|
|
}
|
|
@media screen and (max-width: 500px) {
|
|
header h1 small {
|
|
font-size:0.5rem;
|
|
margin-top:-1.2rem
|
|
}
|
|
}
|
|
label#menu-toggle {
|
|
position:absolute;
|
|
left:0.5rem;
|
|
top:0.5rem;
|
|
width:3.4375rem
|
|
}
|
|
main {
|
|
padding:0
|
|
}
|
|
:root {
|
|
--clps-lbl-b-col:#e8e8e8;
|
|
--clps-lbl-f-col:#212121;
|
|
--clps-lbl-h-b-col:#f0f0f0;
|
|
--clps-sel-lbl-b-col:#ececec;
|
|
--clps-br-col:#ddd;
|
|
--clps-cnt-b-col:#fafafa;
|
|
--clps-sel-lbl-br-col:#0277bd
|
|
}
|
|
label.collapse {
|
|
width:100%;
|
|
display:inline-block;
|
|
cursor:pointer;
|
|
box-sizing:border-box;
|
|
transition:background 0.3s;
|
|
color:var(--clps-lbl-f-col);
|
|
background:var(--clps-lbl-b-col);
|
|
border:.0625rem solid var(--clps-br-col);
|
|
padding:calc(1.5 * var(--u-p));
|
|
border-radius:var(--u-br-r)
|
|
}
|
|
label.collapse:hover,label.collapse:focus {
|
|
background:var(--clps-lbl-h-b-col)
|
|
}
|
|
label.collapse+pre {
|
|
box-sizing:border-box;
|
|
height:0;
|
|
max-height:1px;
|
|
overflow:auto;
|
|
margin:0;
|
|
border:0;
|
|
padding:0;
|
|
transition:max-height 0.3s
|
|
}
|
|
label.collapse.toggled {
|
|
background:var(--clps-sel-lbl-b-col);
|
|
border-bottom-color:var(--clps-sel-lbl-br-col);
|
|
border-bottom-left-radius:0;
|
|
border-bottom-right-radius:0
|
|
}
|
|
label.collapse.toggled+pre {
|
|
border-top-left-radius:0;
|
|
border-top-right-radius:0;
|
|
position:relative;
|
|
width:100%;
|
|
height:auto;
|
|
border:.0625rem solid var(--clps-br-col);
|
|
border-top:0;
|
|
padding:calc(2 * var(--u-p));
|
|
max-height:400px
|
|
}
|
|
button.primary.clipboard-copy {
|
|
width:100%;
|
|
margin-left:0
|
|
}
|
|
button.primary.clipboard-copy>img {
|
|
vertical-align:bottom
|
|
}
|
|
code[class*="language-"],pre[class*="language-"] {
|
|
color:#222;
|
|
text-align:left;
|
|
white-space:pre;
|
|
word-spacing:normal;
|
|
word-break:normal;
|
|
word-wrap:normal;
|
|
line-height:1.8;
|
|
-moz-tab-size:2;
|
|
-o-tab-size:2;
|
|
tab-size:2;
|
|
-webkit-hypens:none;
|
|
-moz-hyphens:none;
|
|
-ms-hyphens:none;
|
|
hyphens:none
|
|
}
|
|
pre[class*="language-"] {
|
|
padding:calc(2 * var(--u-p));
|
|
overflow:auto;
|
|
margin:var(--u-m) 0
|
|
}
|
|
pre[class*="language-"]::-moz-selection,pre[class*="language-"] ::-moz-selection,code[class*="language-"]::-moz-selection,code[class*="language-"] ::-moz-selection {
|
|
background:#b3d4fc
|
|
}
|
|
pre[class*="language-"]::selection,pre[class*="language-"] ::selection,code[class*="language-"]::selection,code[class*="language-"] ::selection {
|
|
background:#b3d4fc
|
|
}
|
|
:not(pre)>code[class*="language-"] {
|
|
padding:.1em;
|
|
border-radius:.3em;
|
|
white-space:normal
|
|
}
|
|
.token.comment,.token.prolog,.token.doctype,.token.cdata {
|
|
color:#7a8490
|
|
}
|
|
.token.punctuation {
|
|
color:#666
|
|
}
|
|
.namespace {
|
|
opacity:.7
|
|
}
|
|
.token.property,.token.tag,.token.boolean,.token.constant,.token.symbol,.token.deleted,.token.function {
|
|
color:#005cc5
|
|
}
|
|
.token.number,.token.class-name {
|
|
color:#832ed2
|
|
}
|
|
.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted {
|
|
color:#067e36
|
|
}
|
|
.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.atrule,.token.attr-value,.token.keyword {
|
|
color:#d73a49
|
|
}
|
|
.token.regex {
|
|
color:#097cab
|
|
}
|
|
.token.important,.token.variable {
|
|
color:#e90
|
|
}
|
|
.token.important,.token.bold {
|
|
font-weight:bold
|
|
}
|
|
.token.italic {
|
|
font-style:italic
|
|
}
|
|
.token.entity {
|
|
cursor:help
|
|
}
|
|
button.scroll-to-top {
|
|
border-radius:100%;
|
|
font-size:1.5rem;
|
|
line-height:1;
|
|
box-sizing:border-box;
|
|
width:2.75rem;
|
|
height:2.75rem;
|
|
position:fixed;
|
|
bottom:1rem;
|
|
right:2rem;
|
|
background:var(--b-col);
|
|
box-shadow:0 0.25rem 0.25rem 0 rgba(0,0,0,0.125),0 0.125rem 0.125rem -0.125rem rgba(0,0,0,0.25)
|
|
}
|
|
button.scroll-to-top:hover,button.scroll-to-top:focus {
|
|
background:var(--b-col2)
|
|
}
|
|
|