tqt/Ghost-Admin
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost-Admin.git synced 2023-12-14 02:33:04 +01:00
Code Issues Releases Wiki Activity

Markup for 404 page

Browse source 
This needs Javascript to vertically center the page.
This commit is contained in:
Matthew Harrison-Jones 2013-08-19 16:34:10 +01:00
parent 4705c95ae2
commit 90f1efd5e0
4 changed files with 84 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
assets/img/404-ghost.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.6 KiB

BIN
assets/img/404-ghost@2x.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 7.8 KiB

80
assets/sass/layouts/errors.scss Normal file
View file

@ -0,0 +1,80 @@
/*
* These styles control elements specific to the error screens
*
* Table of Contents:
*
* General
* 404
*/
/* =============================================================================
General
============================================================================= */
.error-content {
max-width: 530px;
margin: 0 auto;
padding: 0;
@include breakpoint(630px) {
max-width: 264px;
text-align: center;
}
}
.error-image {
display: inline-block;
vertical-align: middle;
width: 96px;
height: 150px;
@include breakpoint(630px) {
width: 72px;
height: 112px;
}
img {
width: 100%;
height: 100%;
}
}
.error-message {
position: relative;
top: -5px;
display: inline-block;
vertical-align: middle;
margin-left: 10px;
}
.error-code {
margin: 0;
font-size: 7.8em;
line-height: 0.9em;
color: #979797;
@include breakpoint(630px) {
font-size: 5.8em;
}
}
.error-description {
margin: 0;
padding: 0;
font-weight: 300;
font-size: 1.9em;
color: #979797;
border: none;
@include breakpoint(630px) {
font-size: 1.4em;
}
}
/* =============================================================================
404
============================================================================= */
.error-404 {
width: 300px;
}

5
assets/sass/screen.scss
View file

@ -47,4 +47,7 @@
/* The settings screen. */
@import "layouts/login";
/* The settings screen. */
/* The settings screen. */
@import "layouts/errors";
/* The errors screens. */