diff --git a/public/helpbuild/old.theme.css b/public/helpbuild/old.theme.css deleted file mode 100644 index af79d08..0000000 --- a/public/helpbuild/old.theme.css +++ /dev/null @@ -1,167 +0,0 @@ -.login-pf body { - background: #f3f4f6; -} - -.login-pf-page { - width: 1100px; - background: #ffffff; - padding: 30px; -} - -body .login-pf-page .card-pf { - border: 1px solid #e4e4e7 !important; - border-radius: 15px; - overflow: hidden; - background: none !important; -} - -.login-pf-page .login-pf-header h1 { - background: #ffffff !important; - color: #000000; - border-bottom: 1px solid #e4e4e7 !important; -} - -body .pf-c-form-control { - border: 1px solid #e4e4e7 !important; - padding: 10px 20px !important; - border-radius: 10px !important; -} - -body .pf-c-button.pf-m-primary { - font-size: 16px; -} - -.pf-c-button.pf-m-primary { - background: #AA11D1 !important; -} - -.pf-c-button.pf-m-primary:hover { - opacity: 0.8; -} - -div#kc-content { - margin: 0px auto 5px; -} - -div#kc-registration span a:hover { - background: #16A34A; -} - -#kc-header { - background: #ffffff; - color: #000000; - position: relative; -} - -.app-logo { - background-image: url(https://helpbuild.co/wp-content/uploads/2024/02/Rocket-research-amico.svg); - background-position: center; - background-size: contain !important; - width: 400px !important; - height: 270px !important; - margin-bottom: 0; -} - -@media screen and (max-width: 600px) { - .app-logo { - display: none; - } -} - - -body #kc-header { - flex: 0 0 500px; - max-width: 500px; -} - -#kc-header-wrapper::before { - display: none; -} - -.login-pf-page .login-pf-page-header p::before { - content: "Turn Your Network into Your Greatest Supporters."; - font-size: 14px; - color: #6f6f6f; -} - -#kc-header-wrapper p { - margin: 0 !important; -} - -.login-pf-page .login-pf-page-header h2::before { - content: 'Welcome to Helpbuild'; - font-weight: 700; - color: #000; - letter-spacing: 0; - font-size: 20px; -} - -.login-main-title::before { - content: "Login"; -} - -.login-sub-heading::before { - content: "Get started."; -} - -#new-to-app::before { - content: "New to HelpBuild?"; -} - -.register-main-title::before { - content: "Create your account"; -} -.register-sub-heading::before { - content: "Join and get started!"; -} - -#kc-header-wrapper::before { - background: #16A34A !important; -} - -div#main-logo { - height: 100px; - background-size: 190px !important; - background: url(logo1.svg) no-repeat; - width: 190px; - order: -1; - margin: 0 auto 0; -} - -div#kc-registration span a { - padding: 10px 25px !important; - min-width: 200px; - text-align: center; -} - -@media screen and (max-width: 991px) { - body { - padding: 0 !important; - } - .login-pf-page { - max-width: 100% !important; - border-radius: 0 !important; - min-height: 100vh; - } - body #kc-header { - max-width: 100% !important; - flex: auto; - } - #kc-header-wrapper, .app-logo { - display: none; - } -} - -.kc-social-icon-text { - left: 0px; -} - - -.or-container{ - margin-top: 35px; - margin-bottom: 5px; -} - -.or-container h4 { - color: #AA11D1 !important; -} diff --git a/public/helpbuild/theme.css b/public/helpbuild/theme.css index 09bd5cb..af79d08 100644 --- a/public/helpbuild/theme.css +++ b/public/helpbuild/theme.css @@ -1,30 +1,99 @@ .login-pf body { - background: url(background.png) !important; - background-size: cover !important; + background: #f3f4f6; +} + +.login-pf-page { + width: 1100px; + background: #ffffff; + padding: 30px; +} + +body .login-pf-page .card-pf { + border: 1px solid #e4e4e7 !important; + border-radius: 15px; + overflow: hidden; + background: none !important; } .login-pf-page .login-pf-header h1 { - background: #618c36 !important; + background: #ffffff !important; + color: #000000; + border-bottom: 1px solid #e4e4e7 !important; +} + +body .pf-c-form-control { + border: 1px solid #e4e4e7 !important; + padding: 10px 20px !important; + border-radius: 10px !important; +} + +body .pf-c-button.pf-m-primary { + font-size: 16px; } .pf-c-button.pf-m-primary { - background: #618c36 !important; + background: #AA11D1 !important; +} + +.pf-c-button.pf-m-primary:hover { + opacity: 0.8; +} + +div#kc-content { + margin: 0px auto 5px; } div#kc-registration span a:hover { - background: #83b451; + background: #16A34A; } #kc-header { background: #ffffff; + color: #000000; + position: relative; } .app-logo { - background-image: url(logo.png); + background-image: url(https://helpbuild.co/wp-content/uploads/2024/02/Rocket-research-amico.svg); + background-position: center; + background-size: contain !important; + width: 400px !important; + height: 270px !important; + margin-bottom: 0; +} + +@media screen and (max-width: 600px) { + .app-logo { + display: none; + } +} + + +body #kc-header { + flex: 0 0 500px; + max-width: 500px; +} + +#kc-header-wrapper::before { + display: none; } .login-pf-page .login-pf-page-header p::before { - content: "Create infinitely nested trees and turn your plans and vision into managed work."; + content: "Turn Your Network into Your Greatest Supporters."; + font-size: 14px; + color: #6f6f6f; +} + +#kc-header-wrapper p { + margin: 0 !important; +} + +.login-pf-page .login-pf-page-header h2::before { + content: 'Welcome to Helpbuild'; + font-weight: 700; + color: #000; + letter-spacing: 0; + font-size: 20px; } .login-main-title::before { @@ -32,16 +101,67 @@ div#kc-registration span a:hover { } .login-sub-heading::before { - content: "Create, tend and grow your trees of wonder and promise."; + content: "Get started."; } #new-to-app::before { - content: "New to amalati?"; + content: "New to HelpBuild?"; } .register-main-title::before { content: "Create your account"; } .register-sub-heading::before { - content: "Join and start planting your trees in Amalati!"; + content: "Join and get started!"; +} + +#kc-header-wrapper::before { + background: #16A34A !important; +} + +div#main-logo { + height: 100px; + background-size: 190px !important; + background: url(logo1.svg) no-repeat; + width: 190px; + order: -1; + margin: 0 auto 0; +} + +div#kc-registration span a { + padding: 10px 25px !important; + min-width: 200px; + text-align: center; +} + +@media screen and (max-width: 991px) { + body { + padding: 0 !important; + } + .login-pf-page { + max-width: 100% !important; + border-radius: 0 !important; + min-height: 100vh; + } + body #kc-header { + max-width: 100% !important; + flex: auto; + } + #kc-header-wrapper, .app-logo { + display: none; + } +} + +.kc-social-icon-text { + left: 0px; +} + + +.or-container{ + margin-top: 35px; + margin-bottom: 5px; +} + +.or-container h4 { + color: #AA11D1 !important; }