2019-07-18 14:22:11 +00:00
|
|
|
//
|
|
|
|
// Pages: 400 and 500 error pages
|
|
|
|
//
|
2019-06-28 08:02:07 +00:00
|
|
|
|
2015-10-31 21:00:16 +00:00
|
|
|
.error-page {
|
2019-07-18 14:22:11 +00:00
|
|
|
margin: 20px auto 0;
|
2015-10-31 21:00:16 +00:00
|
|
|
width: 600px;
|
2019-07-18 14:22:11 +00:00
|
|
|
|
2016-01-16 16:27:23 +00:00
|
|
|
@include media-breakpoint-down(sm) {
|
2015-10-31 21:00:16 +00:00
|
|
|
width: 100%;
|
|
|
|
}
|
2019-07-18 14:22:11 +00:00
|
|
|
|
2015-10-31 21:00:16 +00:00
|
|
|
//For the error number e.g: 404
|
|
|
|
> .headline {
|
|
|
|
float: left;
|
|
|
|
font-size: 100px;
|
|
|
|
font-weight: 300;
|
2019-07-18 14:22:11 +00:00
|
|
|
|
2016-01-16 16:27:23 +00:00
|
|
|
@include media-breakpoint-down(sm) {
|
2015-10-31 21:00:16 +00:00
|
|
|
float: none;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
}
|
2019-07-18 14:22:11 +00:00
|
|
|
|
2015-10-31 21:00:16 +00:00
|
|
|
//For the message
|
|
|
|
> .error-content {
|
2019-07-18 14:22:11 +00:00
|
|
|
display: block;
|
2015-10-31 21:00:16 +00:00
|
|
|
margin-left: 190px;
|
2019-07-18 14:22:11 +00:00
|
|
|
|
2016-01-16 16:27:23 +00:00
|
|
|
@include media-breakpoint-down(sm) {
|
2015-10-31 21:00:16 +00:00
|
|
|
margin-left: 0;
|
|
|
|
}
|
2019-07-18 14:22:11 +00:00
|
|
|
|
2015-10-31 21:00:16 +00:00
|
|
|
> h3 {
|
|
|
|
font-size: 25px;
|
2019-07-18 14:22:11 +00:00
|
|
|
font-weight: 300;
|
|
|
|
|
2016-01-16 16:27:23 +00:00
|
|
|
@include media-breakpoint-down(sm) {
|
2015-10-31 21:00:16 +00:00
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|