41 lines
977 B
CSS
41 lines
977 B
CSS
|
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed);
|
||
|
|
||
|
#error-page {
|
||
|
width: 820px;
|
||
|
margin: 160px auto 0 auto;
|
||
|
}
|
||
|
#error-page .card {
|
||
|
overflow: hidden;
|
||
|
}
|
||
|
#error-page .figure {
|
||
|
width: 460px;
|
||
|
height: 260px;
|
||
|
float: left;
|
||
|
}
|
||
|
#error-page .figure.code-403 { background: url(../img/403.png) center bottom no-repeat; }
|
||
|
#error-page .figure.code-404 { background: url(../img/404.png) center bottom no-repeat; }
|
||
|
#error-page .figure.code-500 { background: url(../img/500.png) center bottom no-repeat; }
|
||
|
#error-page .message {
|
||
|
float: right;
|
||
|
width: 330px;
|
||
|
margin: 60px 0 0 0;
|
||
|
padding: 16px 0;
|
||
|
border: solid 3px #D8D8D8;
|
||
|
border-left: 0;
|
||
|
border-right: 0;
|
||
|
text-align: center;
|
||
|
}
|
||
|
#error-page .message > * {
|
||
|
margin: 0;
|
||
|
}
|
||
|
#error-page .message h1 {
|
||
|
color: #333;
|
||
|
font-size: 52px;
|
||
|
font-family: 'Roboto Condensed', sans-serif;
|
||
|
}
|
||
|
#error-page .message p {
|
||
|
color: #999;
|
||
|
font-size: 15px;
|
||
|
font-family: sans-serif;
|
||
|
padding: 16px 0;
|
||
|
}
|