217 lines
4.0 KiB
CSS
Executable File
217 lines
4.0 KiB
CSS
Executable File
@import url('https://fonts.googleapis.com/css?family=Bitter&display=swap');
|
|
|
|
@font-face {
|
|
|
|
font-family:"Font Awesome 5 Free";
|
|
font-style:normal;
|
|
font-weight:400;
|
|
font-display:auto;
|
|
src:url(../lib/webfonts/fontawesome/400/fa-regular-400.eot);
|
|
src:url(../lib/webfonts/fontawesome/400/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../lib/webfonts/fontawesome/400/fa-regular-400.woff2) format("woff2"),url(../lib/webfonts/fontawesome/400/fa-regular-400.woff) format("woff"),url(../lib/webfonts/fontawesome/400/fa-regular-400.ttf) format("truetype"),url(../lib/webfonts/fontawesome/400/fa-regular-400.svg#fontawesome) format("svg")
|
|
}
|
|
|
|
@font-face {
|
|
|
|
font-family:"Font Awesome 5 Free";
|
|
font-style:normal;
|
|
font-weight:900;
|
|
font-display:auto;
|
|
src:url(../lib/webfonts/fontawesome/900/fa-solid-900.eot);
|
|
src:url(../lib/webfonts/fontawesome/900/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../lib/webfonts/fontawesome/900/fa-solid-900.woff2) format("woff2"),url(../lib/webfonts/fontawesome/900/fa-solid-900.woff) format("woff"),url(../lib/webfonts/fontawesome/900/fa-solid-900.ttf) format("truetype"),url(../lib/webfonts/fontawesome/900/fa-solid-900.svg#fontawesome) format("svg")
|
|
}
|
|
|
|
/* ================ General ================ */
|
|
|
|
body {
|
|
|
|
|
|
margin: 0;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
|
|
color: hsl(0, 0.0%, 13.3%);
|
|
background: transparent;
|
|
|
|
line-height: 1.5;
|
|
|
|
font-weight: 400;
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
|
|
|
|
display:flex;
|
|
flex-direction:column;
|
|
align-items:center;
|
|
}
|
|
|
|
p {
|
|
|
|
margin-top: 0.5rem;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
/* ================ Stats ================ */
|
|
|
|
|
|
.count,
|
|
.unit,
|
|
.CTA-button * {
|
|
|
|
font-family: 'Bitter', sans;
|
|
font-weight: bold;
|
|
font-size: 2rem;
|
|
}
|
|
|
|
.label {
|
|
|
|
display: block;
|
|
font-size: 1rem;
|
|
font-weight: 400;
|
|
}
|
|
|
|
/* ================ Button ================ */
|
|
|
|
|
|
#copyButton
|
|
{
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
.CTA-button button,
|
|
.CTA-button a,
|
|
.CTA-button a:visited {
|
|
|
|
cursor: pointer;
|
|
background-color: hsl(355, 65%, 55%);
|
|
color: white;
|
|
text-decoration: none;
|
|
|
|
display: inline-block;
|
|
border-radius: .25rem;
|
|
border: 1px solid transparent;
|
|
padding: .375rem .75rem;
|
|
width: auto;
|
|
font-size: 1.5rem;
|
|
line-height: 1.5;
|
|
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
|
|
transition:
|
|
color .15s ease-in-out,
|
|
background-color .15s ease-in-out,
|
|
border-color .15s ease-in-out,
|
|
box-shadow .15s ease-in-out;
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
|
|
|
.CTA-button button:hover,
|
|
.CTA-button a:hover {
|
|
|
|
background-color: hsl(355, 70%, 60%);
|
|
|
|
}
|
|
|
|
.CTA-button button:before,
|
|
.CTA-button a:before {
|
|
|
|
font-family: "Font Awesome 5 Free";
|
|
font-weight: bold;
|
|
margin-right: 0.5rem;
|
|
}
|
|
|
|
.CTA-button button#supportButton:before {
|
|
|
|
content: "\f004"; /* fa-heart */
|
|
|
|
}
|
|
.CTA-button button#copyButton:before {
|
|
|
|
content: "\f328"; /* fa-clipboard */
|
|
}
|
|
|
|
.CTA-button a.api:before {
|
|
|
|
content: "\f1d8"; /* fa-paper-place */
|
|
}
|
|
|
|
#supportButtonContainer,
|
|
.stat
|
|
{
|
|
height: 100%;
|
|
overflow: hidden;
|
|
transition-property: opacity, height;
|
|
transition-delay: 0s, 0.50s;
|
|
transition-duration: 0.49s, 0s;
|
|
}
|
|
|
|
#pubkey-and-copy-button
|
|
{
|
|
opacity: 0;
|
|
height: 0;
|
|
transition-property: opacity, height;
|
|
transition-delay: 0.51s, 0.51s;
|
|
transition-duration: 0.50s, 0s;
|
|
}
|
|
|
|
#pubkey
|
|
{
|
|
border: transparent;
|
|
background: transparent;
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
}
|
|
|
|
#pubkey:focus
|
|
{
|
|
outline: 0;
|
|
}
|
|
|
|
#pubkey::selection
|
|
{
|
|
background: transparent;
|
|
border: 0;
|
|
}
|
|
|
|
|
|
.countup > *
|
|
{
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
|
|
.countup
|
|
{
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
|
|
#successMsg
|
|
{
|
|
opacity: 0;
|
|
/*height: 0;*/
|
|
line-height: 1.5em;
|
|
transition-property: opacity, height;
|
|
transition-duration: 1.5s, 0.5s;
|
|
}
|
|
|
|
|
|
/* ================ iframe autoHeight handling ================ */
|
|
|
|
body > :first-child {
|
|
|
|
margin-top: 0;
|
|
}
|
|
|
|
body > :last-child {
|
|
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
|
|
|