diff options
Diffstat (limited to 'src/styles/404.less')
| -rw-r--r-- | src/styles/404.less | 147 |
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 |