overleaf/services/web/public/stylesheets/app/error-pages.less

54 lines
1.2 KiB
Text
Raw Normal View History

2017-02-28 11:44:32 -05:00
.error-container {
display: flex;
align-items: center;
}
.error-figure {
2017-02-28 12:31:29 -05:00
display: none;
2017-02-28 11:44:32 -05:00
flex: 0 0 50%;
align-self: stretch;
2017-02-28 12:31:29 -05:00
padding: @line-height-computed * 2;
@media (min-width: @screen-sm-min) {
display: block;
}
2017-02-28 11:44:32 -05:00
}
.error-details {
2017-02-28 12:31:29 -05:00
flex: 0 1 50%;
padding: @line-height-computed * 2;
2017-02-28 11:44:32 -05:00
}
.error-code {
font-family: @font-family-sans-serif;
font-size: @font-size-h1 * 4;
font-weight: 800;
color: @red;
margin-bottom: @line-height-computed;
}
2017-03-01 06:12:24 -05:00
.error-status {
2017-02-28 11:44:32 -05:00
font-family: @font-family-serif;
margin-bottom: (@line-height-computed / 4);
line-height: 1;
color: @gray-dark;
font-size: @font-size-h1;
}
.error-description {
2017-03-01 06:12:24 -05:00
font-family: @font-family-serif;
2017-02-28 11:44:32 -05:00
font-size: @font-size-h3;
color: @gray-light;
margin-bottom: @line-height-computed * 2;
}
.error-btn {
color: @navbar-default-link-color;
border: 2px solid @navbar-default-link-color;
border-radius: @border-radius-base;
font-weight: 700;
line-height: 1;
padding: @padding-base-vertical @padding-base-horizontal;
&:hover,
&:focus {
text-decoration: none;
color: #fff;
background-color: @navbar-default-link-hover-bg;
border: 2px solid @navbar-default-link-hover-color;
}
}