Просмотр исходного кода

Add stylesheets for error pages.

Paulo Reis 9 лет назад
Родитель
Сommit
0dcfffc417

+ 50 - 0
services/web/public/stylesheets/app/error-pages.less

@@ -0,0 +1,50 @@
+.error-container {
+	display: flex;
+	align-items: center;
+}
+	.error-figure {
+		flex: 0 0 50%;
+		align-self: stretch;
+		padding: 50px;
+	}
+
+	.error-details {
+		flex: 0 0 50%;
+		padding: 50px;
+	}
+		.error-code {
+			font-family: @font-family-sans-serif;
+			font-size: @font-size-h1 * 4;
+			font-weight: 800;
+			color: @red;
+			margin-bottom: @line-height-computed;
+		}
+		.error-status,
+		.error-description {
+			font-family: @font-family-serif;
+			margin-bottom: (@line-height-computed / 4);
+			line-height: 1;
+			color: @gray-dark;
+			font-size: @font-size-h1;
+		}
+		.error-description {
+			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;
+			}
+		}

+ 1 - 0
services/web/public/stylesheets/style.less

@@ -79,6 +79,7 @@
 @import "app/sprites.less";
 @import "app/sprites.less";
 @import "app/invite.less";
 @import "app/invite.less";
 @import "app/review-features-page.less";
 @import "app/review-features-page.less";
+@import "app/error-pages.less";
 
 
 @import	"../js/libs/pdfListView/TextLayer.css";
 @import	"../js/libs/pdfListView/TextLayer.css";
 @import	"../js/libs/pdfListView/AnnotationsLayer.css";
 @import	"../js/libs/pdfListView/AnnotationsLayer.css";