orbit-basic/public/stylesheets/error-pages.css

41 lines
977 B
CSS
Raw Permalink Normal View History

2013-05-27 08:46:49 +00:00
@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;
}