48bfa3e8 by Jeff Balicki

login

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent c932a13d
...@@ -14305,6 +14305,12 @@ body { ...@@ -14305,6 +14305,12 @@ body {
14305 #page { 14305 #page {
14306 overflow-x: hidden; 14306 overflow-x: hidden;
14307 } 14307 }
14308 @media only screen and (max-width: 768px) {
14309 #page {
14310 height: 100vh;
14311 padding-bottom: 50px;
14312 }
14313 }
14308 14314
14309 #error-404-wrapper, 14315 #error-404-wrapper,
14310 #content, 14316 #content,
...@@ -14605,6 +14611,14 @@ h1 + p, .h1 + p { ...@@ -14605,6 +14611,14 @@ h1 + p, .h1 + p {
14605 width: 100%; 14611 width: 100%;
14606 position: relative; 14612 position: relative;
14607 } 14613 }
14614 @media only screen and (max-width: 900px) {
14615 .header-section,
14616 .full-image-login,
14617 .full-image,
14618 .image-loaded {
14619 height: auto;
14620 }
14621 }
14608 14622
14609 .full-image::after { 14623 .full-image::after {
14610 content: ""; 14624 content: "";
...@@ -14627,6 +14641,7 @@ h1 + p, .h1 + p { ...@@ -14627,6 +14641,7 @@ h1 + p, .h1 + p {
14627 .hero-content { 14641 .hero-content {
14628 width: 95%; 14642 width: 95%;
14629 margin: auto; 14643 margin: auto;
14644 height: 670px;
14630 } 14645 }
14631 } 14646 }
14632 .hero-content h1, .hero-content .h1 { 14647 .hero-content h1, .hero-content .h1 {
...@@ -14677,6 +14692,12 @@ h1 + p, .h1 + p { ...@@ -14677,6 +14692,12 @@ h1 + p, .h1 + p {
14677 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.828' height='22.828' viewBox='0 0 22.828 22.828'%3E%3Cg id='btn_close_modal' data-name='btn_close modal' transform='translate(1.414 1.414)'%3E%3Cline id='Line_14' data-name='Line 14' x2='28.284' transform='translate(0) rotate(45)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='Line_15' data-name='Line 15' x2='28.284' transform='translate(20 0) rotate(135)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E"); 14692 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.828' height='22.828' viewBox='0 0 22.828 22.828'%3E%3Cg id='btn_close_modal' data-name='btn_close modal' transform='translate(1.414 1.414)'%3E%3Cline id='Line_14' data-name='Line 14' x2='28.284' transform='translate(0) rotate(45)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='Line_15' data-name='Line 15' x2='28.284' transform='translate(20 0) rotate(135)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
14678 } 14693 }
14679 14694
14695 @media only screen and (max-width: 900px) {
14696 .home .hero-content {
14697 height: 670px;
14698 }
14699 }
14700
14680 #wrapper-footer { 14701 #wrapper-footer {
14681 background-color: #183668; 14702 background-color: #183668;
14682 } 14703 }
...@@ -14715,7 +14736,9 @@ h1 + p, .h1 + p { ...@@ -14715,7 +14736,9 @@ h1 + p, .h1 + p {
14715 } 14736 }
14716 @media only screen and (max-width: 768px) { 14737 @media only screen and (max-width: 768px) {
14717 .page-template-login .login-footer { 14738 .page-template-login .login-footer {
14718 bottom: -20px; 14739 margin-top: -140px;
14740 bottom: 0px;
14741 position: relative;
14719 } 14742 }
14720 } 14743 }
14721 .page-template-login .login-footer-text { 14744 .page-template-login .login-footer-text {
...@@ -14768,6 +14791,11 @@ h1 + p, .h1 + p { ...@@ -14768,6 +14791,11 @@ h1 + p, .h1 + p {
14768 .page-template-login .hero-content .um .um-field-checkbox-option { 14791 .page-template-login .hero-content .um .um-field-checkbox-option {
14769 color: #000 !important; 14792 color: #000 !important;
14770 } 14793 }
14794 @media only screen and (max-width: 768px) {
14795 .page-template-login .hero-content {
14796 min-height: 105vh;
14797 }
14798 }
14771 .page-template-login #wrapper-footer { 14799 .page-template-login #wrapper-footer {
14772 display: none; 14800 display: none;
14773 } 14801 }
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
...@@ -17,6 +17,10 @@ html, body { ...@@ -17,6 +17,10 @@ html, body {
17 } 17 }
18 #page{ 18 #page{
19 overflow-x: hidden; 19 overflow-x: hidden;
20 @media only screen and (max-width: 768px) {
21 height: 100vh;
22 padding-bottom: 50px;
23 }
20 } 24 }
21 #error-404-wrapper, 25 #error-404-wrapper,
22 #content, 26 #content,
......
...@@ -18,6 +18,9 @@ ...@@ -18,6 +18,9 @@
18 background-size: cover; 18 background-size: cover;
19 width: 100%; 19 width: 100%;
20 position: relative; 20 position: relative;
21 @media only screen and (max-width: 900px) {
22 height: auto;
23 }
21 } 24 }
22 .full-image::after { 25 .full-image::after {
23 content: ""; 26 content: "";
...@@ -39,6 +42,7 @@ ...@@ -39,6 +42,7 @@
39 @media only screen and (max-width: 900px) { 42 @media only screen and (max-width: 900px) {
40 width: 95%; 43 width: 95%;
41 margin: auto; 44 margin: auto;
45 height: 670px;
42 } 46 }
43 h1 { 47 h1 {
44 color: #fff; 48 color: #fff;
...@@ -89,4 +93,11 @@ ...@@ -89,4 +93,11 @@
89 height: 20px; 93 height: 20px;
90 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.828' height='22.828' viewBox='0 0 22.828 22.828'%3E%3Cg id='btn_close_modal' data-name='btn_close modal' transform='translate(1.414 1.414)'%3E%3Cline id='Line_14' data-name='Line 14' x2='28.284' transform='translate(0) rotate(45)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='Line_15' data-name='Line 15' x2='28.284' transform='translate(20 0) rotate(135)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E"); 94 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.828' height='22.828' viewBox='0 0 22.828 22.828'%3E%3Cg id='btn_close_modal' data-name='btn_close modal' transform='translate(1.414 1.414)'%3E%3Cline id='Line_14' data-name='Line 14' x2='28.284' transform='translate(0) rotate(45)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='Line_15' data-name='Line 15' x2='28.284' transform='translate(20 0) rotate(135)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
91 } 95 }
92 }
...\ No newline at end of file ...\ No newline at end of file
96 }
97 .home{
98 .hero-content {
99 @media only screen and (max-width: 900px) {
100 height: 670px;
101 }
102 }
103 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -20,9 +20,7 @@ ...@@ -20,9 +20,7 @@
20 background-size: cover; 20 background-size: cover;
21 width: 100%; 21 width: 100%;
22 position: relative; 22 position: relative;
23 @media only screen and (max-width: 768px) { 23
24
25 }
26 } 24 }
27 .login-footer { 25 .login-footer {
28 display: block; 26 display: block;
...@@ -38,7 +36,9 @@ ...@@ -38,7 +36,9 @@
38 background-image: url("../images/logo-border.png"); 36 background-image: url("../images/logo-border.png");
39 font-family:"trade-gothic-next"; 37 font-family:"trade-gothic-next";
40 @media only screen and (max-width: 768px) { 38 @media only screen and (max-width: 768px) {
41 bottom:-20px; 39 margin-top: -140px;
40 bottom:0px;
41 position: relative;
42 } 42 }
43 } 43 }
44 .login-footer-text{ 44 .login-footer-text{
...@@ -91,6 +91,9 @@ ...@@ -91,6 +91,9 @@
91 } 91 }
92 92
93 } 93 }
94 @media only screen and (max-width: 768px) {
95 min-height: 105vh;
96 }
94 97
95 98
96 } 99 }
......