mirror of https://github.com/IoTcat/js.org.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
263 lines
9.7 KiB
263 lines
9.7 KiB
6 years ago
|
@font-face {
|
||
|
font-family: 'Source Sans Pro';
|
||
|
font-style: normal;
|
||
|
font-weight: 400;
|
||
|
src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url("/font/source-sans-pro-v11-latin-regular.woff2") format("woff2"), url("/font/source-sans-pro-v11-latin-regular.woff") format("woff"); }
|
||
|
|
||
|
@font-face {
|
||
|
font-family: 'Source Sans Pro';
|
||
|
font-style: normal;
|
||
|
font-weight: 700;
|
||
|
src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url("/font/source-sans-pro-v11-latin-700.woff2") format("woff2"), url("/font/source-sans-pro-v11-latin-700.woff") format("woff"); }
|
||
|
|
||
|
@font-face {
|
||
|
font-family: 'JSORG';
|
||
|
font-style: normal;
|
||
|
font-weight: 800;
|
||
|
src: url(https://js.org/font/jsorg.eot);
|
||
|
src: url(https://js.org/font/jsorg.eot?#iefix) format("embedded-opentype"), url("data:font/x-woff;base64,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") format("woff"), url("https://js.org/font/jsorg.eot?#iefix") format("embedded-opentype"); }
|
||
|
|
||
|
html {
|
||
|
background-color: #FFE70B; }
|
||
|
|
||
|
body {
|
||
|
padding: 0 5%;
|
||
|
color: #2c251b;
|
||
|
font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
|
||
|
line-height: 1.5;
|
||
|
-webkit-text-size-adjust: 100%;
|
||
|
-moz-text-size-adjust: 100%;
|
||
|
-ms-text-size-adjust: 100%;
|
||
|
text-size-adjust: 100%; }
|
||
|
body:after {
|
||
|
content: "";
|
||
|
position: fixed;
|
||
|
top: 0;
|
||
|
height: 100%;
|
||
|
left: 0;
|
||
|
right: 0;
|
||
|
z-index: -1;
|
||
|
background: url(/15406432865_b52d281745_o_low.jpg) 88% 70%;
|
||
|
background-size: cover; }
|
||
|
|
||
|
@media (min-aspect-ratio: 1920 / 1280) {
|
||
|
body {
|
||
|
margin: 7vh 8% 3vh 51%; } }
|
||
|
|
||
|
@media (max-aspect-ratio: 1920 / 1280) {
|
||
|
body {
|
||
|
max-width: 46vh;
|
||
|
margin: 9vh 8% 3vh auto; } }
|
||
|
|
||
|
::-webkit-scrollbar {
|
||
|
width: .5em; }
|
||
|
|
||
|
::-webkit-scrollbar-track {
|
||
|
background: rgba(44, 37, 27, 0.3); }
|
||
|
|
||
|
::-webkit-scrollbar-thumb {
|
||
|
background: rgba(44, 37, 27, 0.5); }
|
||
|
|
||
|
::-webkit-scrollbar-thumb:active {
|
||
|
background: #2c251b; }
|
||
|
|
||
|
p {
|
||
|
margin: 1.5em 0; }
|
||
|
p.bigger {
|
||
|
font-size: 1.4em;
|
||
|
margin-top: .2em; }
|
||
|
|
||
|
a {
|
||
|
color: #2c251b;
|
||
|
outline: none;
|
||
|
border: none;
|
||
|
text-decoration: none;
|
||
|
font-weight: 700; }
|
||
|
|
||
|
.icon {
|
||
|
font-family: 'JSORG';
|
||
|
speak: none;
|
||
|
font-style: normal;
|
||
|
font-weight: normal;
|
||
|
font-variant: normal;
|
||
|
text-transform: none;
|
||
|
line-height: 1;
|
||
|
-webkit-font-smoothing: antialiased;
|
||
|
-moz-osx-font-smoothing: grayscale; }
|
||
|
|
||
|
.hf {
|
||
|
margin: 1.5em -4px;
|
||
|
border-collapse: separate;
|
||
|
border-spacing: 4px; }
|
||
|
.hf td {
|
||
|
vertical-align: bottom;
|
||
|
margin: 0;
|
||
|
padding: 0; }
|
||
|
.hf td.hr {
|
||
|
border-top: 2px solid rgba(44, 37, 27, 0.3); }
|
||
|
.hf .logo {
|
||
|
width: 100%;
|
||
|
font-size: 5em; }
|
||
|
.hf span {
|
||
|
padding-left: 4px; }
|
||
|
.hf .logo.small {
|
||
|
font-size: 1.25em; }
|
||
|
.hf .logo.small span {
|
||
|
display: inline-block;
|
||
|
line-height: 0;
|
||
|
font-size: 2em;
|
||
|
padding-left: 2px;
|
||
|
vertical-align: top; }
|
||
|
.hf .tw {
|
||
|
display: block;
|
||
|
width: 1.2em;
|
||
|
line-height: 1.2em;
|
||
|
text-align: center;
|
||
|
font-size: 2em;
|
||
|
color: #2c251b; }
|
||
|
.hf .gh {
|
||
|
padding: 2px 6px;
|
||
|
margin: -2px -6px;
|
||
|
line-height: 1.25em;
|
||
|
width: auto;
|
||
|
white-space: nowrap;
|
||
|
color: #2c251b; }
|
||
|
.hf .gh span {
|
||
|
min-width: 30px;
|
||
|
display: none;
|
||
|
padding-left: .4em;
|
||
|
font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
|
||
|
font-weight: 700;
|
||
|
vertical-align: top; }
|
||
|
.hf .update {
|
||
|
font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
|
||
|
white-space: nowrap; }
|
||
|
.hf .at {
|
||
|
font-size: .8em; }
|
||
|
.hf .at span {
|
||
|
float: right; }
|
||
|
.hf .at span a {
|
||
|
font-weight: 400; }
|
||
|
|
||
|
::selection {
|
||
|
color: #FFE70B;
|
||
|
background: #2c251b; }
|
||
|
|
||
|
em {
|
||
|
letter-spacing: .1em;
|
||
|
font-style: normal;
|
||
|
background: #2c251b;
|
||
|
color: #FFE70B;
|
||
|
padding: 0 5px 1px 5px;
|
||
|
margin: 0 6px 0 1px; }
|
||
|
|
||
|
a:hover {
|
||
|
color: rgba(44, 37, 27, 0.6);
|
||
|
transition: all .2s; }
|
||
|
|
||
|
.hf .tw:hover,
|
||
|
.hf .gh:hover {
|
||
|
color: rgba(44, 37, 27, 0.6); }
|
||
|
|
||
|
#err404 {
|
||
|
text-align: center; }
|
||
|
#err404 span {
|
||
|
font-size: 5.5em;
|
||
|
line-height: 1em;
|
||
|
font-weight: 700; }
|
||
|
|
||
|
#typewriter {
|
||
|
font-size: 2.5em;
|
||
|
margin: 0; }
|
||
|
#typewriter #hermes {
|
||
|
/*-moz-transition: all .2s .1s;
|
||
|
-o-transition: all .2s .1s;
|
||
|
-webkit-transition: all .2s .1s;
|
||
|
transition: all .2s .1s;*/ }
|
||
|
#typewriter #hermes.active {
|
||
|
padding-right: .1em;
|
||
|
border-right: 2px solid #2c251b; }
|
||
|
|
||
|
section {
|
||
|
position: relative;
|
||
|
padding: .5em 1px;
|
||
|
margin: 1.5em 1px;
|
||
|
color: #FFE70B; }
|
||
|
section a {
|
||
|
font-weight: 700;
|
||
|
color: #FFE70B;
|
||
|
border-bottom: 1px solid currentColor;
|
||
|
display: inline-block;
|
||
|
line-height: 1;
|
||
|
text-shadow: 1px 1px #2c251b, 1px -1px #2c251b, -1px 1px #2c251b, -1px -1px #2c251b; }
|
||
|
section a:hover {
|
||
|
color: rgba(255, 231, 11, 0.5); }
|
||
|
section input {
|
||
|
position: absolute;
|
||
|
opacity: 0;
|
||
|
top: 0;
|
||
|
left: -999px; }
|
||
|
section input:checked + article {
|
||
|
display: inline-block; }
|
||
|
section input#s1I:checked ~ nav #s1L,
|
||
|
section input#s2I:checked ~ nav #s2L,
|
||
|
section input#s3I:checked ~ nav #s3L,
|
||
|
section input#s4I:checked ~ nav #s4L {
|
||
|
background-color: #2c251b;
|
||
|
color: #FFE70B; }
|
||
|
section nav {
|
||
|
display: inline-table;
|
||
|
border-collapse: collapse;
|
||
|
margin: 0;
|
||
|
color: #2c251b; }
|
||
|
section nav label {
|
||
|
cursor: pointer;
|
||
|
display: table-cell;
|
||
|
border: 2px solid #2c251b;
|
||
|
border-top: none;
|
||
|
left: 0;
|
||
|
font-weight: 700;
|
||
|
font-size: 1em;
|
||
|
height: 2em;
|
||
|
width: 2em;
|
||
|
line-height: 2em;
|
||
|
text-align: center;
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
-moz-transition: all .3s;
|
||
|
-o-transition: all .3s;
|
||
|
-webkit-transition: all .3s;
|
||
|
transition: all .3s; }
|
||
|
section nav label:hover {
|
||
|
background: rgba(44, 37, 27, 0.3);
|
||
|
color: #2c251b; }
|
||
|
section article {
|
||
|
display: none;
|
||
|
background-color: #2c251b;
|
||
|
margin: 0;
|
||
|
padding: 1.2em; }
|
||
|
section article h3 {
|
||
|
float: left;
|
||
|
color: #FFE70B;
|
||
|
border-right: 2px solid #FFE70B;
|
||
|
font-size: 4em;
|
||
|
width: 1em;
|
||
|
padding-top: .2em;
|
||
|
text-align: center;
|
||
|
line-height: .75em;
|
||
|
font-weight: 700;
|
||
|
margin: -.2em .3em .1em -.2em; }
|
||
|
|
||
|
@media screen and (max-width: 640px) {
|
||
|
section article h3 {
|
||
|
font-size: 2em;
|
||
|
padding-top: .4em;
|
||
|
margin: -.6em .6em 0 0; }
|
||
|
#typewriter {
|
||
|
font-size: 2em; } }
|
||
|
|
||
|
@media screen and (max-width: 480px) {
|
||
|
#typewriter {
|
||
|
font-size: 1.5em;
|
||
|
font-weight: 700; } }
|