ssss
Signed-off-by: Jeff <jeff@gotenzing.com>
Showing
9 changed files
with
50 additions
and
56 deletions
| ... | @@ -14405,13 +14405,14 @@ h1 + p, .h1 + p { | ... | @@ -14405,13 +14405,14 @@ h1 + p, .h1 + p { |
| 14405 | z-index: 999; | 14405 | z-index: 999; |
| 14406 | display: inline-block; | 14406 | display: inline-block; |
| 14407 | width: 275px; | 14407 | width: 275px; |
| 14408 | height: 768px; | 14408 | height: 100%; |
| 14409 | clear: both; | 14409 | clear: both; |
| 14410 | vertical-align: top; | 14410 | vertical-align: top; |
| 14411 | padding: 41px 27px 41px 12px; | 14411 | padding: 41px 27px 41px 12px; |
| 14412 | background-color: #F6F6F6; | 14412 | background-color: #F6F6F6; |
| 14413 | box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137); | 14413 | box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137); |
| 14414 | transition: 0.5s; | 14414 | transition: 0.5s; |
| 14415 | overflow-y: scroll; | ||
| 14415 | } | 14416 | } |
| 14416 | @media only screen and (max-width: 1260px) { | 14417 | @media only screen and (max-width: 1260px) { |
| 14417 | #wrapper-navbar { | 14418 | #wrapper-navbar { |
| ... | @@ -14665,27 +14666,17 @@ h1 + p, .h1 + p { | ... | @@ -14665,27 +14666,17 @@ h1 + p, .h1 + p { |
| 14665 | background-size: cover; | 14666 | background-size: cover; |
| 14666 | width: 100%; | 14667 | width: 100%; |
| 14667 | background-color: #ccc; | 14668 | background-color: #ccc; |
| 14668 | height: 95vh; | ||
| 14669 | } | 14669 | } |
| 14670 | .page-template-login .header-section, | 14670 | .page-template-login .header-section, |
| 14671 | .page-template-login .full-image-login, | 14671 | .page-template-login .full-image-login, |
| 14672 | .page-template-login .image-loaded { | 14672 | .page-template-login .image-loaded { |
| 14673 | height: 100vh; | ||
| 14674 | min-height: 800px; | 14673 | min-height: 800px; |
| 14675 | background-position: center; | 14674 | background-position: center; |
| 14676 | background-size: cover; | 14675 | background-size: cover; |
| 14677 | width: 100%; | 14676 | width: 100%; |
| 14678 | position: relative; | 14677 | position: relative; |
| 14679 | } | 14678 | } |
| 14680 | @media only screen and (max-width: 768px) { | 14679 | .page-template-login .login-footer { |
| 14681 | .page-template-login .header-section, | ||
| 14682 | .page-template-login .full-image-login, | ||
| 14683 | .page-template-login .image-loaded { | ||
| 14684 | height: 115vh; | ||
| 14685 | } | ||
| 14686 | } | ||
| 14687 | .page-template-login .full-image-login::after { | ||
| 14688 | content: ""; | ||
| 14689 | display: block; | 14680 | display: block; |
| 14690 | position: absolute; | 14681 | position: absolute; |
| 14691 | background-size: cover; | 14682 | background-size: cover; |
| ... | @@ -14694,29 +14685,20 @@ h1 + p, .h1 + p { | ... | @@ -14694,29 +14685,20 @@ h1 + p, .h1 + p { |
| 14694 | right: 0px; | 14685 | right: 0px; |
| 14695 | width: 100%; | 14686 | width: 100%; |
| 14696 | height: 140px; | 14687 | height: 140px; |
| 14688 | color: #3DB149; | ||
| 14689 | font-size: 30px; | ||
| 14697 | background-image: url("../images/logo-border.png"); | 14690 | background-image: url("../images/logo-border.png"); |
| 14691 | font-family: "trade-gothic-next"; | ||
| 14698 | } | 14692 | } |
| 14699 | @media only screen and (max-width: 768px) { | 14693 | @media only screen and (max-width: 768px) { |
| 14700 | .page-template-login .full-image-login::after { | 14694 | .page-template-login .login-footer { |
| 14701 | bottom: -20px; | 14695 | bottom: -20px; |
| 14702 | } | 14696 | } |
| 14703 | } | 14697 | } |
| 14704 | .page-template-login .full-image-login::before { | 14698 | .page-template-login .login-footer-text { |
| 14705 | color: #3DB149; | 14699 | margin-top: 70px; |
| 14706 | font-size: 30px; | 14700 | font-family: "trade-gothic-next"; |
| 14707 | content: "Bank like you live here."; | 14701 | font-weight: 700; |
| 14708 | display: block; | ||
| 14709 | position: absolute; | ||
| 14710 | bottom: 30px; | ||
| 14711 | left: 14%; | ||
| 14712 | width: 50%; | ||
| 14713 | height: 30px; | ||
| 14714 | z-index: 99; | ||
| 14715 | } | ||
| 14716 | @media only screen and (max-width: 768px) { | ||
| 14717 | .page-template-login .full-image-login::before { | ||
| 14718 | width: 100%; | ||
| 14719 | } | ||
| 14720 | } | 14702 | } |
| 14721 | .page-template-login .hero-content { | 14703 | .page-template-login .hero-content { |
| 14722 | width: 40%; | 14704 | width: 40%; |
| ... | @@ -14854,8 +14836,9 @@ h2 + .wp-block-pb-accordion-item, .h2 + .wp-block-pb-accordion-item { | ... | @@ -14854,8 +14836,9 @@ h2 + .wp-block-pb-accordion-item, .h2 + .wp-block-pb-accordion-item { |
| 14854 | 14836 | ||
| 14855 | .block-link:hover .link-block { | 14837 | .block-link:hover .link-block { |
| 14856 | color: #000; | 14838 | color: #000; |
| 14857 | background-size: 105%; | 14839 | background-size: 100.5%; |
| 14858 | background-position: center; | 14840 | background-position: center; |
| 14841 | transition: 0.3s; | ||
| 14859 | } | 14842 | } |
| 14860 | .block-link:hover .link-block .link { | 14843 | .block-link:hover .link-block .link { |
| 14861 | font-weight: 700; | 14844 | font-weight: 700; |
| ... | @@ -14886,6 +14869,11 @@ h2 + .wp-block-pb-accordion-item, .h2 + .wp-block-pb-accordion-item { | ... | @@ -14886,6 +14869,11 @@ h2 + .wp-block-pb-accordion-item, .h2 + .wp-block-pb-accordion-item { |
| 14886 | background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='902.135' height='60.705' viewBox='0 0 902.135 60.705'%3E%3Cg id='Colour_block_frame' data-name='Colour block frame' transform='translate(481.137 11)'%3E%3Cpath id='Path_1' data-name='Path 1' d='M317.3 306.17v48.9l-902.135.374V306.751l836.751-.458L259 306.3c.015.138.027.272.042.414.9.383 1.88 1.2 2.676 1.053a18.677 18.677 0 0 0 4.128-1.459c.249-.111.5-.226.743-.337 1.248-.571 2.324-1.543 3.8-.421a2.125 2.125 0 0 0 1.7-.061 21.282 21.282 0 0 0 4.208-2.072c2.336-1.666 3.32-1.926 5.23-.46a13.507 13.507 0 0 1 1.758 2.229 6.38 6.38 0 0 0 1.068 1.149.3.3 0 0 0 .241.069 2.411 2.411 0 0 1 .41-.069h.341c1.015.073 1.715.831 2.6 1.221a1.494 1.494 0 0 0 1.363-.268 5.428 5.428 0 0 0 .632-.946c.211-.391.41-.808.647-1.229h-2.313c.854-1.264 1.566-2.317 2.408-3.561-.716.08-1.11.122-1.8.2.448-.7.739-1.191 1.045-1.662.318-.49 1.015-1.091.9-1.44-.582-1.849 1.076-2.539 1.524-3.825.2-.027.4-.057.6-.084.988 2.282 1.98 4.564 3.013 6.95h-1.4c.762 1.187 1.432 2.232 2.236 3.477h-2.163c.306.406.6.8.885 1.187.567.762 1.133 1.524 1.8 2.424.253-.869.479-1.666.7-2.42.264-.934.513-1.807.766-2.676l.467.023a5.113 5.113 0 0 1 .525 1.068c.13.532.26 1.057.387 1.589q.873 3.584 1.7 7.183a7.148 7.148 0 0 0 1.953 3.358 21.709 21.709 0 0 1 2.4 4.005c.341.57.731 1.107 1.283 1.934.885-2.11 1.666-3.745 2.255-5.445.521-1.5 2.075-2.707 1.244-4.656a3.722 3.722 0 0 1 .2-2.175c.341-1.221.812-2.4 1.229-3.6.241.015.486.027.731.038q.735 3.285 1.467 6.571c.138.008.276.011.414.019.479-1.16.988-2.3 1.421-3.469A11.466 11.466 0 0 0 317.3 306.17Z' transform='translate(103.7 -305.737)' fill='%23183668'/%3E%3C/g%3E%3C/svg%3E"); | 14869 | background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='902.135' height='60.705' viewBox='0 0 902.135 60.705'%3E%3Cg id='Colour_block_frame' data-name='Colour block frame' transform='translate(481.137 11)'%3E%3Cpath id='Path_1' data-name='Path 1' d='M317.3 306.17v48.9l-902.135.374V306.751l836.751-.458L259 306.3c.015.138.027.272.042.414.9.383 1.88 1.2 2.676 1.053a18.677 18.677 0 0 0 4.128-1.459c.249-.111.5-.226.743-.337 1.248-.571 2.324-1.543 3.8-.421a2.125 2.125 0 0 0 1.7-.061 21.282 21.282 0 0 0 4.208-2.072c2.336-1.666 3.32-1.926 5.23-.46a13.507 13.507 0 0 1 1.758 2.229 6.38 6.38 0 0 0 1.068 1.149.3.3 0 0 0 .241.069 2.411 2.411 0 0 1 .41-.069h.341c1.015.073 1.715.831 2.6 1.221a1.494 1.494 0 0 0 1.363-.268 5.428 5.428 0 0 0 .632-.946c.211-.391.41-.808.647-1.229h-2.313c.854-1.264 1.566-2.317 2.408-3.561-.716.08-1.11.122-1.8.2.448-.7.739-1.191 1.045-1.662.318-.49 1.015-1.091.9-1.44-.582-1.849 1.076-2.539 1.524-3.825.2-.027.4-.057.6-.084.988 2.282 1.98 4.564 3.013 6.95h-1.4c.762 1.187 1.432 2.232 2.236 3.477h-2.163c.306.406.6.8.885 1.187.567.762 1.133 1.524 1.8 2.424.253-.869.479-1.666.7-2.42.264-.934.513-1.807.766-2.676l.467.023a5.113 5.113 0 0 1 .525 1.068c.13.532.26 1.057.387 1.589q.873 3.584 1.7 7.183a7.148 7.148 0 0 0 1.953 3.358 21.709 21.709 0 0 1 2.4 4.005c.341.57.731 1.107 1.283 1.934.885-2.11 1.666-3.745 2.255-5.445.521-1.5 2.075-2.707 1.244-4.656a3.722 3.722 0 0 1 .2-2.175c.341-1.221.812-2.4 1.229-3.6.241.015.486.027.731.038q.735 3.285 1.467 6.571c.138.008.276.011.414.019.479-1.16.988-2.3 1.421-3.469A11.466 11.466 0 0 0 317.3 306.17Z' transform='translate(103.7 -305.737)' fill='%23183668'/%3E%3C/g%3E%3C/svg%3E"); |
| 14887 | } | 14870 | } |
| 14888 | 14871 | ||
| 14872 | .link-block.image-text:hover .img { | ||
| 14873 | background-size: 100.5%; | ||
| 14874 | background-position: center; | ||
| 14875 | transition: 0.3s; | ||
| 14876 | } | ||
| 14889 | .link-block.image-text:hover .link { | 14877 | .link-block.image-text:hover .link { |
| 14890 | padding-top: 35px; | 14878 | padding-top: 35px; |
| 14891 | height: 70px; | 14879 | height: 70px; | ... | ... |
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.
| ... | @@ -47,7 +47,15 @@ if ( is_page_template( 'page-templates/no-title.php' ) ) { | ... | @@ -47,7 +47,15 @@ if ( is_page_template( 'page-templates/no-title.php' ) ) { |
| 47 | </div> | 47 | </div> |
| 48 | </div> | 48 | </div> |
| 49 | </div> | 49 | </div> |
| 50 | 50 | </div> | |
| 51 | 51 | <div class="login-footer "> | |
| 52 | <div class="container "> | ||
| 53 | <div class="row"> | ||
| 54 | <div class="col align-self-center login-footer-text" style="margin-top:70px;"> | ||
| 55 | Bank like you live here. | ||
| 56 | </div> | ||
| 57 | </div> | ||
| 58 | </div> | ||
| 59 | </div> | ||
| 52 | <?php | 60 | <?php |
| 53 | get_footer(); | 61 | get_footer(); | ... | ... |
| ... | @@ -32,8 +32,9 @@ | ... | @@ -32,8 +32,9 @@ |
| 32 | .block-link:hover{ | 32 | .block-link:hover{ |
| 33 | .link-block{ | 33 | .link-block{ |
| 34 | color: #000; | 34 | color: #000; |
| 35 | background-size: 105%; | 35 | background-size: 100.5%; |
| 36 | background-position:center; | 36 | background-position:center; |
| 37 | transition: .3s; | ||
| 37 | .link{ | 38 | .link{ |
| 38 | font-weight: 700; | 39 | font-weight: 700; |
| 39 | background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='445' height='45.104' viewBox='0 0 445 45.104'%3E%3Cpath id='Union_1' data-name='Union 1' d='M-1628-953.943v-36h231.632l167.007-.04 4.914.005c.011.1.019.189.029.287.625.266 1.305.834 1.858.73a12.964 12.964 0 0 0 2.864-1.012l.515-.234c.866-.4 1.613-1.07 2.638-.292a1.475 1.475 0 0 0 1.177-.043 14.77 14.77 0 0 0 2.92-1.437c1.62-1.155 2.3-1.336 3.628-.319a9.343 9.343 0 0 1 1.219 1.546 4.444 4.444 0 0 0 .742.8.208.208 0 0 0 .167.048 1.638 1.638 0 0 1 .284-.048h.236c.7.05 1.191.576 1.8.847a1.038 1.038 0 0 0 .946-.185 3.743 3.743 0 0 0 .438-.657c.146-.271.284-.56.449-.852h-1.6c.592-.877 1.086-1.607 1.671-2.471-.5.056-.77.085-1.252.136.311-.489.513-.826.725-1.153s.7-.758.627-1c-.4-1.283.746-1.761 1.057-2.654l.419-.058c.686 1.583 1.373 3.166 2.091 4.821h-.972c.528.823.994 1.549 1.551 2.412h-1.5c.212.282.414.553.614.824.392.529.786 1.057 1.248 1.682.176-.6.332-1.156.486-1.679.184-.648.356-1.254.531-1.857l.324.016a3.53 3.53 0 0 1 .365.741c.09.37.181.733.268 1.1q.606 2.487 1.182 4.984a4.956 4.956 0 0 0 1.355 2.329 15.077 15.077 0 0 1 1.662 2.779c.237.4.508.768.89 1.341.614-1.463 1.156-2.6 1.565-3.777.361-1.044 1.44-1.878.863-3.23a2.585 2.585 0 0 1 .14-1.509c.237-.847.563-1.668.853-2.5.167.011.338.018.508.026q.509 2.28 1.017 4.558l.287.013c.332-.8.685-1.594.985-2.407a7.956 7.956 0 0 0 .579-2.739v36.124Z' transform='translate(1628.5 998.547)' fill='%23132C55' stroke='rgba(0 0 0 0)' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E"); | 40 | background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='445' height='45.104' viewBox='0 0 445 45.104'%3E%3Cpath id='Union_1' data-name='Union 1' d='M-1628-953.943v-36h231.632l167.007-.04 4.914.005c.011.1.019.189.029.287.625.266 1.305.834 1.858.73a12.964 12.964 0 0 0 2.864-1.012l.515-.234c.866-.4 1.613-1.07 2.638-.292a1.475 1.475 0 0 0 1.177-.043 14.77 14.77 0 0 0 2.92-1.437c1.62-1.155 2.3-1.336 3.628-.319a9.343 9.343 0 0 1 1.219 1.546 4.444 4.444 0 0 0 .742.8.208.208 0 0 0 .167.048 1.638 1.638 0 0 1 .284-.048h.236c.7.05 1.191.576 1.8.847a1.038 1.038 0 0 0 .946-.185 3.743 3.743 0 0 0 .438-.657c.146-.271.284-.56.449-.852h-1.6c.592-.877 1.086-1.607 1.671-2.471-.5.056-.77.085-1.252.136.311-.489.513-.826.725-1.153s.7-.758.627-1c-.4-1.283.746-1.761 1.057-2.654l.419-.058c.686 1.583 1.373 3.166 2.091 4.821h-.972c.528.823.994 1.549 1.551 2.412h-1.5c.212.282.414.553.614.824.392.529.786 1.057 1.248 1.682.176-.6.332-1.156.486-1.679.184-.648.356-1.254.531-1.857l.324.016a3.53 3.53 0 0 1 .365.741c.09.37.181.733.268 1.1q.606 2.487 1.182 4.984a4.956 4.956 0 0 0 1.355 2.329 15.077 15.077 0 0 1 1.662 2.779c.237.4.508.768.89 1.341.614-1.463 1.156-2.6 1.565-3.777.361-1.044 1.44-1.878.863-3.23a2.585 2.585 0 0 1 .14-1.509c.237-.847.563-1.668.853-2.5.167.011.338.018.508.026q.509 2.28 1.017 4.558l.287.013c.332-.8.685-1.594.985-2.407a7.956 7.956 0 0 0 .579-2.739v36.124Z' transform='translate(1628.5 998.547)' fill='%23132C55' stroke='rgba(0 0 0 0)' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E"); |
| ... | @@ -64,6 +65,11 @@ | ... | @@ -64,6 +65,11 @@ |
| 64 | } | 65 | } |
| 65 | 66 | ||
| 66 | .link-block.image-text:hover{ | 67 | .link-block.image-text:hover{ |
| 68 | .img{ | ||
| 69 | background-size: 100.5%; | ||
| 70 | background-position:center; | ||
| 71 | transition: .3s; | ||
| 72 | } | ||
| 67 | .link{ | 73 | .link{ |
| 68 | padding-top: 35px; | 74 | padding-top: 35px; |
| 69 | height: 70px; | 75 | height: 70px; | ... | ... |
| ... | @@ -8,24 +8,23 @@ | ... | @@ -8,24 +8,23 @@ |
| 8 | background-size: cover; | 8 | background-size: cover; |
| 9 | width: 100%; | 9 | width: 100%; |
| 10 | background-color: #ccc; | 10 | background-color: #ccc; |
| 11 | height: 95vh; | 11 | |
| 12 | } | 12 | } |
| 13 | 13 | ||
| 14 | .header-section, | 14 | .header-section, |
| 15 | .full-image-login, | 15 | .full-image-login, |
| 16 | .image-loaded { | 16 | .image-loaded { |
| 17 | height: 100vh; | 17 | |
| 18 | min-height: 800px; | 18 | min-height: 800px; |
| 19 | background-position: center; | 19 | background-position: center; |
| 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 | @media only screen and (max-width: 768px) { |
| 24 | height: 115vh; | 24 | |
| 25 | } | 25 | } |
| 26 | } | 26 | } |
| 27 | .full-image-login::after { | 27 | .login-footer { |
| 28 | content: ""; | ||
| 29 | display: block; | 28 | display: block; |
| 30 | position: absolute; | 29 | position: absolute; |
| 31 | background-size: cover; | 30 | background-size: cover; |
| ... | @@ -34,27 +33,19 @@ | ... | @@ -34,27 +33,19 @@ |
| 34 | right: 0px; | 33 | right: 0px; |
| 35 | width: 100%; | 34 | width: 100%; |
| 36 | height: 140px; | 35 | height: 140px; |
| 37 | background-image: url("../images/logo-border.png"); | ||
| 38 | @media only screen and (max-width: 768px) { | ||
| 39 | bottom:-20px; | ||
| 40 | } | ||
| 41 | } | ||
| 42 | .full-image-login::before { | ||
| 43 | color: #3DB149; | 36 | color: #3DB149; |
| 44 | font-size: 30px; | 37 | font-size: 30px; |
| 45 | content: "Bank like you live here."; | 38 | background-image: url("../images/logo-border.png"); |
| 46 | display: block; | 39 | font-family:"trade-gothic-next"; |
| 47 | position: absolute; | ||
| 48 | bottom: 30px; | ||
| 49 | left:14%; | ||
| 50 | width: 50%; | ||
| 51 | height: 30px; | ||
| 52 | z-index: 99; | ||
| 53 | @media only screen and (max-width: 768px) { | 40 | @media only screen and (max-width: 768px) { |
| 54 | width: 100%; | 41 | bottom:-20px; |
| 55 | } | 42 | } |
| 56 | |||
| 57 | } | 43 | } |
| 44 | .login-footer-text{ | ||
| 45 | margin-top:70px; | ||
| 46 | font-family:"trade-gothic-next"; | ||
| 47 | font-weight: 700; | ||
| 48 | } | ||
| 58 | 49 | ||
| 59 | .hero-content { | 50 | .hero-content { |
| 60 | width: 40%; | 51 | width: 40%; | ... | ... |
| ... | @@ -7,13 +7,14 @@ | ... | @@ -7,13 +7,14 @@ |
| 7 | z-index: 999; | 7 | z-index: 999; |
| 8 | display: inline-block; | 8 | display: inline-block; |
| 9 | width: 275px; | 9 | width: 275px; |
| 10 | height: 768px; | 10 | height: 100%; |
| 11 | clear: both; | 11 | clear: both; |
| 12 | vertical-align: top; | 12 | vertical-align: top; |
| 13 | padding: 41px 27px 41px 12px; | 13 | padding: 41px 27px 41px 12px; |
| 14 | background-color: #F6F6F6; | 14 | background-color: #F6F6F6; |
| 15 | box-shadow: 0px 3px 6px #00000029; | 15 | box-shadow: 0px 3px 6px #00000029; |
| 16 | transition: 0.5s; | 16 | transition: 0.5s; |
| 17 | overflow-y: scroll; | ||
| 17 | @media only screen and (max-width: 1260px) { | 18 | @media only screen and (max-width: 1260px) { |
| 18 | position: fixed; | 19 | position: fixed; |
| 19 | right: -275px; | 20 | right: -275px; | ... | ... |
| ... | @@ -5,7 +5,7 @@ | ... | @@ -5,7 +5,7 @@ |
| 5 | Author: the Understrap Contributors | 5 | Author: the Understrap Contributors |
| 6 | Author URI: https://github.com/understrap/understrap-child/graphs/contributors | 6 | Author URI: https://github.com/understrap/understrap-child/graphs/contributors |
| 7 | Template: understrap | 7 | Template: understrap |
| 8 | Version: 1.2.0030 | 8 | Version: 1.2.0031 |
| 9 | License: GNU General Public License v2 or later | 9 | License: GNU General Public License v2 or later |
| 10 | License URI: http://www.gnu.org/licenses/gpl-2.0.html | 10 | License URI: http://www.gnu.org/licenses/gpl-2.0.html |
| 11 | Text Domain: understrap-child | 11 | Text Domain: understrap-child | ... | ... |
-
Please register or sign in to post a comment