diff --git a/app/assets/sass/_errors.scss b/app/assets/sass/_errors.scss new file mode 100644 index 00000000..116ea59f --- /dev/null +++ b/app/assets/sass/_errors.scss @@ -0,0 +1,24 @@ +body.error-page { + background-color: #f3f3f4; + + .middle-box { + height: 400px; + width: 400px; + position: absolute; + top: 50%; + left: 50%; + margin-top: -250px; + margin-left: -200px; + z-index: 100; + + h1 { + font-size: 9em; + } + } + + h3 { + &.font-bold { + font-weight: 600; + } + } +} diff --git a/app/assets/sass/main.scss b/app/assets/sass/main.scss index 18c76b90..9aef2615 100644 --- a/app/assets/sass/main.scss +++ b/app/assets/sass/main.scss @@ -25,3 +25,6 @@ html, body { // Status Page will need to override certain styles. @import "status-page"; + +// Error pages can have their own overrides. +@import "errors"; diff --git a/app/views/errors/404.blade.php b/app/views/errors/404.blade.php index 888b2248..b54409c9 100644 --- a/app/views/errors/404.blade.php +++ b/app/views/errors/404.blade.php @@ -1,8 +1,15 @@ -@extends('layout.master') +@extends('layout.error') @section('content') -
We've no idea.
+Sorry, but the page you are looking for has not been found. Check the URL for errors and try again.
++ Home +
+