Skip to content

Commit f454d14

Browse files
modularcodermodularcoder
committed
Update 2015-12-31T11:59:37.124Z
1 parent 1b12686 commit f454d14

File tree

10 files changed

+227
-183
lines changed

10 files changed

+227
-183
lines changed

‎css/app-blue.css

Lines changed: 24 additions & 17 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) 1.5px 1.5px; }
155147
.error-card .error-sub-title {
156148
font-weight: 100;
157149
text-align: center; }
@@ -160,12 +152,26 @@ 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;
174+
top: 25%;
169175
left: 0;
170176
-webkit-transform: inherit;
171177
-ms-transform: inherit;
@@ -175,8 +181,9 @@ body {
175181
@media (max-width: 767px) {
176182
.error-card {
177183
width: 90%; }
178-
.error-card.center {
184+
.error-card.global {
179185
position: relative;
186+
top: 25%;
180187
left: 0;
181188
-webkit-transform: inherit;
182189
-ms-transform: inherit;
@@ -234,12 +241,6 @@ body {
234241
.alert.alert-inverse .alert-link {
235242
color: #e6e6e6; }
236243

237-
.animated {
238-
-webkit-animation-duration: .5s;
239-
animation-duration: .5s;
240-
-webkit-animation-delay: .1s;
241-
animation-delay: .1s; }
242-
243244
.btn {
244245
background-image: none;
245246
border-radius: 0;
@@ -560,6 +561,12 @@ body {
560561
-ms-transform: scaleX(0);
561562
transform: scaleX(0); }
562563

564+
.animated {
565+
-webkit-animation-duration: .5s;
566+
animation-duration: .5s;
567+
-webkit-animation-delay: .1s;
568+
animation-delay: .1s; }
569+
563570
.card {
564571
background-color: #fff;
565572
box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1);

‎css/app-custom.css

Lines changed: 24 additions & 17 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) 1.5px 1.5px; }
155147
.error-card .error-sub-title {
156148
font-weight: 100;
157149
text-align: center; }
@@ -160,12 +152,26 @@ 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;
174+
top: 25%;
169175
left: 0;
170176
-webkit-transform: inherit;
171177
-ms-transform: inherit;
@@ -175,8 +181,9 @@ body {
175181
@media (max-width: 767px) {
176182
.error-card {
177183
width: 90%; }
178-
.error-card.center {
184+
.error-card.global {
179185
position: relative;
186+
top: 25%;
180187
left: 0;
181188
-webkit-transform: inherit;
182189
-ms-transform: inherit;
@@ -234,12 +241,6 @@ body {
234241
.alert.alert-inverse .alert-link {
235242
color: #e6e6e6; }
236243

237-
.animated {
238-
-webkit-animation-duration: .5s;
239-
animation-duration: .5s;
240-
-webkit-animation-delay: .1s;
241-
animation-delay: .1s; }
242-
243244
.btn {
244245
background-image: none;
245246
border-radius: 0;
@@ -560,6 +561,12 @@ body {
560561
-ms-transform: scaleX(0);
561562
transform: scaleX(0); }
562563

564+
.animated {
565+
-webkit-animation-duration: .5s;
566+
animation-duration: .5s;
567+
-webkit-animation-delay: .1s;
568+
animation-delay: .1s; }
569+
563570
.card {
564571
background-color: #fff;
565572
box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1);

‎css/app-green.css

Lines changed: 24 additions & 17 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) 1.5px 1.5px; }
155147
.error-card .error-sub-title {
156148
font-weight: 100;
157149
text-align: center; }
@@ -160,12 +152,26 @@ 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;
174+
top: 25%;
169175
left: 0;
170176
-webkit-transform: inherit;
171177
-ms-transform: inherit;
@@ -175,8 +181,9 @@ body {
175181
@media (max-width: 767px) {
176182
.error-card {
177183
width: 90%; }
178-
.error-card.center {
184+
.error-card.global {
179185
position: relative;
186+
top: 25%;
180187
left: 0;
181188
-webkit-transform: inherit;
182189
-ms-transform: inherit;
@@ -234,12 +241,6 @@ body {
234241
.alert.alert-inverse .alert-link {
235242
color: #e6e6e6; }
236243

237-
.animated {
238-
-webkit-animation-duration: .5s;
239-
animation-duration: .5s;
240-
-webkit-animation-delay: .1s;
241-
animation-delay: .1s; }
242-
243244
.btn {
244245
background-image: none;
245246
border-radius: 0;
@@ -560,6 +561,12 @@ body {
560561
-ms-transform: scaleX(0);
561562
transform: scaleX(0); }
562563

564+
.animated {
565+
-webkit-animation-duration: .5s;
566+
animation-duration: .5s;
567+
-webkit-animation-delay: .1s;
568+
animation-delay: .1s; }
569+
563570
.card {
564571
background-color: #fff;
565572
box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1);

‎css/app-orange.css

Lines changed: 24 additions & 17 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) 1.5px 1.5px; }
155147
.error-card .error-sub-title {
156148
font-weight: 100;
157149
text-align: center; }
@@ -160,12 +152,26 @@ 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;
174+
top: 25%;
169175
left: 0;
170176
-webkit-transform: inherit;
171177
-ms-transform: inherit;
@@ -175,8 +181,9 @@ body {
175181
@media (max-width: 767px) {
176182
.error-card {
177183
width: 90%; }
178-
.error-card.center {
184+
.error-card.global {
179185
position: relative;
186+
top: 25%;
180187
left: 0;
181188
-webkit-transform: inherit;
182189
-ms-transform: inherit;
@@ -234,12 +241,6 @@ body {
234241
.alert.alert-inverse .alert-link {
235242
color: #e6e6e6; }
236243

237-
.animated {
238-
-webkit-animation-duration: .5s;
239-
animation-duration: .5s;
240-
-webkit-animation-delay: .1s;
241-
animation-delay: .1s; }
242-
243244
.btn {
244245
background-image: none;
245246
border-radius: 0;
@@ -560,6 +561,12 @@ body {
560561
-ms-transform: scaleX(0);
561562
transform: scaleX(0); }
562563

564+
.animated {
565+
-webkit-animation-duration: .5s;
566+
animation-duration: .5s;
567+
-webkit-animation-delay: .1s;
568+
animation-delay: .1s; }
569+
563570
.card {
564571
background-color: #fff;
565572
box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1);

0 commit comments

Comments
 (0)