joshua/fhqwhgads
1
0
Fork 0
mirror of https://github.com/seigler/fhqwhgads synced 2025-07-27 06:46:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix gh pages folder name

Browse source
This commit is contained in:
Joshua Seigler 2017-02-13 09:44:45 -05:00
parent b17ed2058c
commit 9115700d22
11 changed files with 0 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

189
docs/compiled-styles.css Normal file
View file

@ -0,0 +1,189 @@
*,
*:after,
*:before {
box-sizing: inherit;
}
html,
body,
form,
label {
margin: 0;
padding: 0;
}
html,
body {
height: 100%;
line-height: 1.2;
box-sizing: border-box;
background-color: #254b72;
background-image: url('/assets/images/table.svg');
background-size: 100% 100%;
}
html {
font-size: 6vh;
}
@media (max-width: 132.6029165vh) {
html {
font-size: 4.524787356vw;
}
}
#compy {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 132.6029165vh;
height: auto;
margin: auto auto 0;
font-family: computerfontregular, monospace;
color: #009900;
}
@media (max-width: 132.6029165vh) {
#compy {
height: 75.4131226vw;
width: 100%;
}
}
#compy > #case {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-image: url('/assets/images/screen.svg');
background-size: 100% 100%;
}
#compy > #case > .knob {
position: absolute;
top: 87.3%;
left: 8.5%;
height: 7%;
width: 4.7%;
background: url('/assets/images/knob.svg');
background-size: 100% 100%;
cursor: pointer;
}
#compy > #case > .knob#knobup {
left: 13%;
}
#compy > #screen {
position: absolute;
top: 1em;
bottom: 2.25em;
left: 1.5em;
right: 1.5em;
overflow: hidden;
word-break: break-all;
z-index: 0;
}
#compy > #screen > #scanlines {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: -3em;
-webkit-animation: scroll 2s linear infinite;
animation: scroll 2s linear infinite;
background: url('/assets/images/scanline.svg') #000000;
background-size: 100% 15%;
background-repeat: repeat-y;
background-position: 50% 0%;
transition: background-color 2s;
}
#scrollback {
position: absolute;
bottom: 0;
width: 100%;
min-height: 100%;
padding: 1.2em 1.6em 0.7em;
font-size: 0.8em;
background-color: black;
}
#commandLine,
#history {
white-space: pre-wrap;
}
#command {
position: absolute;
z-index: -2;
}
#cursor {
position: absolute;
display: inline-block;
border-bottom: 0.1em solid;
margin-bottom: -0.2em;
height: 1em;
width: 0.5em;
-webkit-animation: blink 0.5s linear infinite;
animation: blink 0.5s linear infinite;
}
#selection {
color: black;
background-color: #009900;
}
@-webkit-keyframes blink {
0% {
border-bottom-width: 0.1em;
}
49% {
border-bottom-width: 0.1em;
}
50% {
border-bottom-width: 0.9em;
}
99% {
border-bottom-width: 0.9em;
}
100% {
border-bottom-width: 0.1em;
}
}
@keyframes blink {
0% {
border-bottom-width: 0.1em;
}
49% {
border-bottom-width: 0.1em;
}
50% {
border-bottom-width: 0.9em;
}
99% {
border-bottom-width: 0.9em;
}
100% {
border-bottom-width: 0.1em;
}
}
@-webkit-keyframes scroll {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
-webkit-transform: translate3d(0, -15%, 0);
transform: translate3d(0, -15%, 0);
}
}
@keyframes scroll {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
-webkit-transform: translate3d(0, -15%, 0);
transform: translate3d(0, -15%, 0);
}
}
@font-face {
font-family: 'computerfontregular';
src: url('/assets/fonts/computerfont-webfont.eot');
src: url('/assets/fonts/computerfont-webfont.eot?#iefix') format('embedded-opentype'),
url('/assets/fonts/computerfont-webfont.woff2') format('woff2'),
url('/assets/fonts/computerfont-webfont.woff') format('woff'),
url('/assets/fonts/computerfont-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}