website/css/error.css

172 lines
3.8 KiB
CSS
Raw Normal View History

2020-12-20 01:23:40 +01:00
#particles-js {
2020-10-23 10:26:01 +02:00
position: absolute;
width: 100%;
2020-12-20 01:23:40 +01:00
height: 100%;
2020-10-23 10:09:32 +02:00
}
2020-12-20 01:23:40 +01:00
body {
background: #97cfca;
overflow: hidden;
2020-10-23 10:09:32 +02:00
}
2020-12-20 01:23:40 +01:00
.terminal-window {
text-align: left;
width: 37.5rem;
height: 22.5rem;
border-radius: .625rem;
margin: auto;
position: relative;
top: 10.5rem;
2020-10-23 10:09:32 +02:00
}
2020-12-20 01:23:40 +01:00
.terminal-window header {
background: #E0E8F0;
height: 1.875rem;
border-radius: .5rem .5rem 0 0;
padding-left: .625rem;
2020-10-23 10:09:32 +02:00
}
2020-12-20 01:23:40 +01:00
.terminal-window header .button {
width: .75rem;
height: .75rem;
margin: .625rem .25rem 0 0;
display: inline-block;
border-radius: .5rem;
2020-10-23 10:09:32 +02:00
}
2020-12-20 01:23:40 +01:00
.terminal-window header .button.green {
background: #3BB662;
2020-10-23 10:09:32 +02:00
}
2020-12-20 01:23:40 +01:00
.terminal-window header .button.yellow {
background: #E5C30F;
2020-10-23 10:09:32 +02:00
}
2020-12-20 01:23:40 +01:00
.terminal-window header .button.red {
background: #E75448;
2020-10-23 10:09:32 +02:00
}
2020-12-20 01:23:40 +01:00
.terminal-window section.terminal {
color: white;
font-family: Menlo, Monaco, "Consolas", "Courier New", "Courier";
font-size: 11pt;
background: #30353A;
padding: .625rem;
box-sizing: border-box;
2020-10-23 10:09:32 +02:00
position: absolute;
2020-12-20 01:23:40 +01:00
width: 100%;
top: 1.875rem;
bottom: 0;
overflow: auto;
}
.terminal-window section.terminal .typed-cursor {
opacity: 1;
-webkit-animation: blink 0.7s infinite;
-moz-animation: blink 0.7s infinite;
animation: blink 0.7s infinite;
}
@keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
.terminal-data { display: none; }
.terminal-window .gray { color: gray; }
.terminal-window .green { color: green;}
/*Media for mobile responsive viewing*/
@media only screen and (max-width: 600px) {
.terminal-window {
text-align: left;
width: 37.5vmin;
height: 22.5vmin;
border-radius: .625vmin;
margin: auto;
position: relative;
top: 30.5vmin;
}
}
@media only screen and (max-width: 600px) {
.terminal-window header {
background: #E0E8F0;
height: 1.875vmin;
border-radius: .5vmin .5vmin 0 0;
padding-left: 1vmin;
}
}
@media only screen and (max-width: 600px) {
.terminal-window header .button {
width: .75vmin;
height: .75vmin;
margin: .625vmin .25vmin 0 0;
display: inline-block;
border-radius: .5vmin;
}
}
@media only screen and (max-width: 600px) {
.terminal-window header .button.green {
background: #3BB662;
}
}
@media only screen and (max-width: 600px) {
.terminal-window header .button.yellow {
background: #E5C30F;
}
}
@media only screen and (max-width: 600px) {
.terminal-window header .button.red {
background: #E75448;
}
}
@media only screen and (max-width: 600px) {
.terminal-window section.terminal {
color: white;
font-family: Menlo, Monaco, "Consolas", "Courier New", "Courier";
font-size: .6875vmin;
background: #30353A;
padding: .625vmin;
box-sizing: border-box;
position: absolute;
width: 100%;
top: 1.875vmin;
bottom: 0;
overflow: auto;
}
}
.terminal-window section.terminal .typed-cursor {
opacity: 1;
-webkit-animation: blink 0.7s infinite;
-moz-animation: blink 0.7s infinite;
animation: blink 0.7s infinite;
}
@keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
.terminal-data { display: none; }
.terminal-window .gray { color: gray; }
.terminal-window .green { color: green;}