Skip to content

Commit bc2743e

Browse files
AramManukyanAramManukyan
committed
Global error pages
1 parent 73b63a2 commit bc2743e

57 files changed

Lines changed: 105424 additions & 710 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎dist/css/app-blue.css‎

Lines changed: 33 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -137,21 +137,13 @@ body {
137137
width: 410px;
138138
min-height: 330px;
139139
margin: 60px auto; }
140-
.error-card.center {
141-
position: absolute;
142-
top: 50%;
143-
left: 50%;
144-
-webkit-transform: translateY(-50%) translateX(-50%);
145-
-ms-transform: translateY(-50%) translateX(-50%);
146-
transform: translateY(-50%) translateX(-50%);
147-
margin: 0; }
148140
.error-card .error-title {
149141
font-size: 150px;
150142
line-height: 150px;
151143
font-weight: 700;
152144
color: #252932;
153145
text-align: center;
154-
text-shadow: rgba(61, 61, 61, 0.3) 1px 1px, rgba(61, 61, 61, 0.2) 2px 2px, rgba(61, 61, 61, 0.3) 3px 3px; }
146+
text-shadow: rgba(61, 61, 61, 0.3) 0.5px 0.5px, rgba(61, 61, 61, 0.2) 1px 1px, rgba(61, 61, 61, 0.3) 1px 1px; }
155147
.error-card .error-sub-title {
156148
font-weight: 100;
157149
text-align: center; }
@@ -160,11 +152,24 @@ body {
160152
visibility: hidden; }
161153
.error-card .error-container.visible {
162154
visibility: visible; }
155+
.error-card.global {
156+
position: absolute;
157+
top: 50%;
158+
left: 50%;
159+
-webkit-transform: translateY(-50%) translateX(-50%);
160+
-ms-transform: translateY(-50%) translateX(-50%);
161+
transform: translateY(-50%) translateX(-50%);
162+
margin: 0; }
163+
.error-card.global .error-title {
164+
color: #ffffff; }
165+
.error-card.global .error-sub-title,
166+
.error-card.global .error-container {
167+
color: #ffffff; }
163168

164169
@media (min-width: 768px) and (max-width: 991px) {
165170
.error-card {
166171
width: 50%; }
167-
.error-card.center {
172+
.error-card.global {
168173
position: relative;
169174
left: 0;
170175
-webkit-transform: inherit;
@@ -175,20 +180,14 @@ body {
175180
@media (max-width: 767px) {
176181
.error-card {
177182
width: 90%; }
178-
.error-card.center {
183+
.error-card.global {
179184
position: relative;
180185
left: 0;
181186
-webkit-transform: inherit;
182187
-ms-transform: inherit;
183188
transform: inherit;
184189
margin: 40px auto; } }
185190

186-
.animated {
187-
-webkit-animation-duration: .5s;
188-
animation-duration: .5s;
189-
-webkit-animation-delay: .1s;
190-
animation-delay: .1s; }
191-
192191
.alert {
193192
background-image: none; }
194193
.alert.alert-primary {
@@ -240,6 +239,12 @@ body {
240239
.alert.alert-inverse .alert-link {
241240
color: #e6e6e6; }
242241

242+
.animated {
243+
-webkit-animation-duration: .5s;
244+
animation-duration: .5s;
245+
-webkit-animation-delay: .1s;
246+
animation-delay: .1s; }
247+
243248
.btn {
244249
background-image: none;
245250
border-radius: 0;
@@ -2516,6 +2521,17 @@ pre {
25162521
-ms-transform: scaleX(1);
25172522
transform: scaleX(1); }
25182523

2524+
.sidebar-header .brand {
2525+
color: #fff;
2526+
text-align: left;
2527+
padding-left: 25px;
2528+
line-height: 70px;
2529+
font-size: 16px; }
2530+
@media (max-width: 767px) {
2531+
.sidebar-header .brand {
2532+
line-height: 50px;
2533+
font-size: 16px; } }
2534+
25192535
.customize {
25202536
width: 100%;
25212537
color: rgba(255, 255, 255, 0.5);
@@ -2606,17 +2622,6 @@ pre {
26062622
left: 0;
26072623
color: #fff; }
26082624

2609-
.sidebar-header .brand {
2610-
color: #fff;
2611-
text-align: left;
2612-
padding-left: 25px;
2613-
line-height: 70px;
2614-
font-size: 16px; }
2615-
@media (max-width: 767px) {
2616-
.sidebar-header .brand {
2617-
line-height: 50px;
2618-
font-size: 16px; } }
2619-
26202625
.header .header-block-nav .notifications {
26212626
font-size: 16px; }
26222627
.header .header-block-nav .notifications a {

‎dist/css/app-custom.css‎

Lines changed: 33 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -137,21 +137,13 @@ body {
137137
width: 410px;
138138
min-height: 330px;
139139
margin: 60px auto; }
140-
.error-card.center {
141-
position: absolute;
142-
top: 50%;
143-
left: 50%;
144-
-webkit-transform: translateY(-50%) translateX(-50%);
145-
-ms-transform: translateY(-50%) translateX(-50%);
146-
transform: translateY(-50%) translateX(-50%);
147-
margin: 0; }
148140
.error-card .error-title {
149141
font-size: 150px;
150142
line-height: 150px;
151143
font-weight: 700;
152144
color: #252932;
153145
text-align: center;
154-
text-shadow: rgba(61, 61, 61, 0.3) 1px 1px, rgba(61, 61, 61, 0.2) 2px 2px, rgba(61, 61, 61, 0.3) 3px 3px; }
146+
text-shadow: rgba(61, 61, 61, 0.3) 0.5px 0.5px, rgba(61, 61, 61, 0.2) 1px 1px, rgba(61, 61, 61, 0.3) 1px 1px; }
155147
.error-card .error-sub-title {
156148
font-weight: 100;
157149
text-align: center; }
@@ -160,11 +152,24 @@ body {
160152
visibility: hidden; }
161153
.error-card .error-container.visible {
162154
visibility: visible; }
155+
.error-card.global {
156+
position: absolute;
157+
top: 50%;
158+
left: 50%;
159+
-webkit-transform: translateY(-50%) translateX(-50%);
160+
-ms-transform: translateY(-50%) translateX(-50%);
161+
transform: translateY(-50%) translateX(-50%);
162+
margin: 0; }
163+
.error-card.global .error-title {
164+
color: #ffffff; }
165+
.error-card.global .error-sub-title,
166+
.error-card.global .error-container {
167+
color: #ffffff; }
163168

164169
@media (min-width: 768px) and (max-width: 991px) {
165170
.error-card {
166171
width: 50%; }
167-
.error-card.center {
172+
.error-card.global {
168173
position: relative;
169174
left: 0;
170175
-webkit-transform: inherit;
@@ -175,20 +180,14 @@ body {
175180
@media (max-width: 767px) {
176181
.error-card {
177182
width: 90%; }
178-
.error-card.center {
183+
.error-card.global {
179184
position: relative;
180185
left: 0;
181186
-webkit-transform: inherit;
182187
-ms-transform: inherit;
183188
transform: inherit;
184189
margin: 40px auto; } }
185190

186-
.animated {
187-
-webkit-animation-duration: .5s;
188-
animation-duration: .5s;
189-
-webkit-animation-delay: .1s;
190-
animation-delay: .1s; }
191-
192191
.alert {
193192
background-image: none; }
194193
.alert.alert-primary {
@@ -240,6 +239,12 @@ body {
240239
.alert.alert-inverse .alert-link {
241240
color: #e6e6e6; }
242241

242+
.animated {
243+
-webkit-animation-duration: .5s;
244+
animation-duration: .5s;
245+
-webkit-animation-delay: .1s;
246+
animation-delay: .1s; }
247+
243248
.btn {
244249
background-image: none;
245250
border-radius: 0;
@@ -2516,6 +2521,17 @@ pre {
25162521
-ms-transform: scaleX(1);
25172522
transform: scaleX(1); }
25182523

2524+
.sidebar-header .brand {
2525+
color: #fff;
2526+
text-align: left;
2527+
padding-left: 25px;
2528+
line-height: 70px;
2529+
font-size: 16px; }
2530+
@media (max-width: 767px) {
2531+
.sidebar-header .brand {
2532+
line-height: 50px;
2533+
font-size: 16px; } }
2534+
25192535
.customize {
25202536
width: 100%;
25212537
color: rgba(255, 255, 255, 0.5);
@@ -2606,17 +2622,6 @@ pre {
26062622
left: 0;
26072623
color: #fff; }
26082624

2609-
.sidebar-header .brand {
2610-
color: #fff;
2611-
text-align: left;
2612-
padding-left: 25px;
2613-
line-height: 70px;
2614-
font-size: 16px; }
2615-
@media (max-width: 767px) {
2616-
.sidebar-header .brand {
2617-
line-height: 50px;
2618-
font-size: 16px; } }
2619-
26202625
.header .header-block-nav .notifications {
26212626
font-size: 16px; }
26222627
.header .header-block-nav .notifications a {

‎dist/css/app-green.css‎

Lines changed: 33 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -137,21 +137,13 @@ body {
137137
width: 410px;
138138
min-height: 330px;
139139
margin: 60px auto; }
140-
.error-card.center {
141-
position: absolute;
142-
top: 50%;
143-
left: 50%;
144-
-webkit-transform: translateY(-50%) translateX(-50%);
145-
-ms-transform: translateY(-50%) translateX(-50%);
146-
transform: translateY(-50%) translateX(-50%);
147-
margin: 0; }
148140
.error-card .error-title {
149141
font-size: 150px;
150142
line-height: 150px;
151143
font-weight: 700;
152144
color: #252932;
153145
text-align: center;
154-
text-shadow: rgba(61, 61, 61, 0.3) 1px 1px, rgba(61, 61, 61, 0.2) 2px 2px, rgba(61, 61, 61, 0.3) 3px 3px; }
146+
text-shadow: rgba(61, 61, 61, 0.3) 0.5px 0.5px, rgba(61, 61, 61, 0.2) 1px 1px, rgba(61, 61, 61, 0.3) 1px 1px; }
155147
.error-card .error-sub-title {
156148
font-weight: 100;
157149
text-align: center; }
@@ -160,11 +152,24 @@ body {
160152
visibility: hidden; }
161153
.error-card .error-container.visible {
162154
visibility: visible; }
155+
.error-card.global {
156+
position: absolute;
157+
top: 50%;
158+
left: 50%;
159+
-webkit-transform: translateY(-50%) translateX(-50%);
160+
-ms-transform: translateY(-50%) translateX(-50%);
161+
transform: translateY(-50%) translateX(-50%);
162+
margin: 0; }
163+
.error-card.global .error-title {
164+
color: #ffffff; }
165+
.error-card.global .error-sub-title,
166+
.error-card.global .error-container {
167+
color: #ffffff; }
163168

164169
@media (min-width: 768px) and (max-width: 991px) {
165170
.error-card {
166171
width: 50%; }
167-
.error-card.center {
172+
.error-card.global {
168173
position: relative;
169174
left: 0;
170175
-webkit-transform: inherit;
@@ -175,20 +180,14 @@ body {
175180
@media (max-width: 767px) {
176181
.error-card {
177182
width: 90%; }
178-
.error-card.center {
183+
.error-card.global {
179184
position: relative;
180185
left: 0;
181186
-webkit-transform: inherit;
182187
-ms-transform: inherit;
183188
transform: inherit;
184189
margin: 40px auto; } }
185190

186-
.animated {
187-
-webkit-animation-duration: .5s;
188-
animation-duration: .5s;
189-
-webkit-animation-delay: .1s;
190-
animation-delay: .1s; }
191-
192191
.alert {
193192
background-image: none; }
194193
.alert.alert-primary {
@@ -240,6 +239,12 @@ body {
240239
.alert.alert-inverse .alert-link {
241240
color: #e6e6e6; }
242241

242+
.animated {
243+
-webkit-animation-duration: .5s;
244+
animation-duration: .5s;
245+
-webkit-animation-delay: .1s;
246+
animation-delay: .1s; }
247+
243248
.btn {
244249
background-image: none;
245250
border-radius: 0;
@@ -2516,6 +2521,17 @@ pre {
25162521
-ms-transform: scaleX(1);
25172522
transform: scaleX(1); }
25182523

2524+
.sidebar-header .brand {
2525+
color: #fff;
2526+
text-align: left;
2527+
padding-left: 25px;
2528+
line-height: 70px;
2529+
font-size: 16px; }
2530+
@media (max-width: 767px) {
2531+
.sidebar-header .brand {
2532+
line-height: 50px;
2533+
font-size: 16px; } }
2534+
25192535
.customize {
25202536
width: 100%;
25212537
color: rgba(255, 255, 255, 0.5);
@@ -2606,17 +2622,6 @@ pre {
26062622
left: 0;
26072623
color: #fff; }
26082624

2609-
.sidebar-header .brand {
2610-
color: #fff;
2611-
text-align: left;
2612-
padding-left: 25px;
2613-
line-height: 70px;
2614-
font-size: 16px; }
2615-
@media (max-width: 767px) {
2616-
.sidebar-header .brand {
2617-
line-height: 50px;
2618-
font-size: 16px; } }
2619-
26202625
.header .header-block-nav .notifications {
26212626
font-size: 16px; }
26222627
.header .header-block-nav .notifications a {

0 commit comments

Comments
 (0)