|
|
@@ -10,6 +10,75 @@
|
|
|
vertical-align: middle;
|
|
|
}
|
|
|
|
|
|
+.auth-box {
|
|
|
+ width: 400px;
|
|
|
+ height: auto;
|
|
|
+ margin-left: 130px;
|
|
|
+
|
|
|
+ .card {
|
|
|
+ padding: 25px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.auth-main::before {
|
|
|
+ content: "";
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ top: 0;
|
|
|
+ width: 450px;
|
|
|
+ height: 100%;
|
|
|
+ z-index: -1;
|
|
|
+ background: #f0f0f0;
|
|
|
+}
|
|
|
+
|
|
|
+.auth-main:after {
|
|
|
+ content: "";
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ top: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ z-index: -2;
|
|
|
+ background: #223d7d;
|
|
|
+ //background: url(../../assets/images/auth_bg.jpg) no-repeat top left fixed;
|
|
|
+}
|
|
|
+
|
|
|
+.card {
|
|
|
+ background: #fff;
|
|
|
+ transition: 0.5s;
|
|
|
+ border: 0;
|
|
|
+ margin-bottom: 30px;
|
|
|
+ border-radius: 0.55rem;
|
|
|
+ position: relative;
|
|
|
+ width: 100%;
|
|
|
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
|
|
|
+}
|
|
|
+
|
|
|
+@media screen and (max-width: 640px) {
|
|
|
+ .auth-box {
|
|
|
+ width: 90%;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@media screen and (max-width: 992px) {
|
|
|
+ .auth-box {
|
|
|
+ width: 80%;
|
|
|
+ margin: 0 auto;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+/*.vertical-align-wrap {
|
|
|
+ position: absolute;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ display: table;
|
|
|
+}
|
|
|
+
|
|
|
+.vertical-align-middle {
|
|
|
+ display: table-cell;
|
|
|
+ vertical-align: middle;
|
|
|
+}
|
|
|
+
|
|
|
.auth-box {
|
|
|
width: 450px;
|
|
|
height: auto;
|
|
|
@@ -81,3 +150,4 @@
|
|
|
margin: 0 auto;
|
|
|
}
|
|
|
}
|
|
|
+*/
|