119 lines
2.4 KiB
CSS
119 lines
2.4 KiB
CSS
/* Welcome to Compass.
|
|
* In this file you should write your main styles. (or centralize your imports)
|
|
* Import this file using the following HTML or equivalent:
|
|
* <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
|
|
@import url(https://fonts.googleapis.com/css?family=VT323);
|
|
/* line 11, ../sass/screen.scss */
|
|
::-webkit-scrollbar {
|
|
width: 0px;
|
|
/* remove scrollbar space */
|
|
background: transparent;
|
|
/* optional: just make scrollbar invisible */
|
|
}
|
|
|
|
@font-face {
|
|
font-family: mrRobot;
|
|
src: url(../fonts/MRROBOT.ttf);
|
|
}
|
|
/* line 21, ../sass/screen.scss */
|
|
body {
|
|
font-family: "VT323", sans-serif;
|
|
color: white;
|
|
background-color: black;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
/* line 29, ../sass/screen.scss */
|
|
header {
|
|
width: 35%;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
padding: 30px;
|
|
}
|
|
/* line 35, ../sass/screen.scss */
|
|
header h1 {
|
|
font-size: 3em;
|
|
}
|
|
/* line 38, ../sass/screen.scss */
|
|
header h2 {
|
|
font-size: 2em;
|
|
}
|
|
/* line 42, ../sass/screen.scss */
|
|
header p {
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
/* line 47, ../sass/screen.scss */
|
|
main {
|
|
width: 55%;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
height: 100vh;
|
|
overflow-y: scroll;
|
|
}
|
|
/* line 53, ../sass/screen.scss */
|
|
main ul {
|
|
margin-top: 60px;
|
|
list-style-type: none;
|
|
padding: 0;
|
|
}
|
|
/* line 57, ../sass/screen.scss */
|
|
main ul li {
|
|
padding: 0 30px;
|
|
opacity: .6;
|
|
}
|
|
/* line 60, ../sass/screen.scss */
|
|
main ul li.active {
|
|
opacity: 1;
|
|
}
|
|
|
|
/* line 67, ../sass/screen.scss */
|
|
.unavaliable {
|
|
opacity: .3;
|
|
}
|
|
|
|
/* line 71, ../sass/screen.scss */
|
|
.pixel-grid {
|
|
position: fixed;
|
|
top: 0;
|
|
height: 0;
|
|
z-index: -1;
|
|
opacity: 0;
|
|
transition: opacity 1000ms ease-out 500ms;
|
|
}
|
|
/* line 79, ../sass/screen.scss */
|
|
.pixel-grid.appear {
|
|
opacity: .8;
|
|
}
|
|
|
|
/* line 84, ../sass/screen.scss */
|
|
#loader {
|
|
display: inline;
|
|
position: fixed;
|
|
top: 50%;
|
|
width: 100%;
|
|
text-align: center;
|
|
-moz-transform: translate(0, -50%);
|
|
-ms-transform: translate(0, -50%);
|
|
-webkit-transform: translate(0, -50%);
|
|
transform: translate(0, -50%);
|
|
}
|
|
|
|
/* line 93, ../sass/screen.scss */
|
|
#alertTimeout {
|
|
display: inline;
|
|
position: fixed;
|
|
top: 50%;
|
|
width: 100%;
|
|
text-align: center;
|
|
-moz-transform: translate(0, -50%);
|
|
-ms-transform: translate(0, -50%);
|
|
-webkit-transform: translate(0, -50%);
|
|
transform: translate(0, -50%);
|
|
}
|
|
/* line 100, ../sass/screen.scss */
|
|
#alertTimeout a {
|
|
color: white;
|
|
}
|