Initial commit

1 files changed, 147 insertions, 0 deletions

diff --git a/src/styles/404.less b/src/styles/404.less
new file mode 100644
index 00000000..8842b621
--- /dev/null
+++ b/src/styles/404.less
@@ -0,0 +1,147 @@
+html, body {
+  padding: 0;
+  margin: 0;
+  width: 100%;
+  height: 100%;
+
+  background-image: linear-gradient(135deg, #00678a, #008fbf, #00A6D6);
+}
+
+.terminal-window {
+  width: 600px;
+  height: 400px;
+  display: block;
+
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+
+  margin: auto;
+
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  cursor: default;
+
+  overflow: hidden;
+
+  box-shadow: 5px 5px 20px #444444;
+}
+
+.terminal-header {
+  font-family: monospace;
+  background: #cccccc;
+  color: #444444;
+  height: 30px;
+  line-height: 30px;
+  padding-left: 10px;
+
+  border-top-left-radius: 7px;
+  border-top-right-radius: 7px;
+}
+
+.terminal-body {
+  font-family: monospace;
+  text-align: center;
+  background-color: #333333;
+  color: #eeeeee;
+  padding: 10px;
+
+  height: 100%;
+}
+
+.segfault {
+  text-align: left;
+}
+
+.cursor {
+  -webkit-animation: 1s blink step-end infinite;
+  -moz-animation: 1s blink step-end infinite;
+  -ms-animation: 1s blink step-end infinite;
+  -o-animation: 1s blink step-end infinite;
+  animation: 1s blink step-end infinite;
+}
+
+.code-block {
+  white-space: pre-wrap;
+
+  margin-top: 60px;
+}
+
+.sub-title {
+  margin-top: 20px;
+}
+
+.home-btn {
+  margin-top: 10px;
+  padding: 5px;
+  display: inline-block;
+  border: 1px solid #eeeeee;
+  color: #eeeeee;
+  text-decoration: none;
+  cursor: pointer;
+
+  -webkit-transition: all 200ms;
+  -moz-transition: all 200ms;
+  -ms-transition: all 200ms;
+  -o-transition: all 200ms;
+  transition: all 200ms;
+}
+
+.home-btn:hover {
+  background: #eeeeee;
+  color: #333333;
+}
+
+.home-btn:active {
+  background: #333333;
+  color: #eeeeee;
+}
+
+@keyframes blink {
+  from, to {
+    color: #eeeeee;
+  }
+  50% {
+    color: #333333;
+  }
+}
+
+@-moz-keyframes blink {
+  from, to {
+    color: #eeeeee;
+  }
+  50% {
+    color: #333333;
+  }
+}
+
+@-webkit-keyframes blink {
+  from, to {
+    color: #eeeeee;
+  }
+  50% {
+    color: #333333;
+  }
+}
+
+@-ms-keyframes blink {
+  from, to {
+    color: #eeeeee;
+  }
+  50% {
+    color: #333333;
+  }
+}
+
+@-o-keyframes blink {
+  from, to {
+    color: #eeeeee;
+  }
+  50% {
+    color: #333333;
+  }
+}
\ No newline at end of file