diff --git a/public/fitness_giving/theme.css b/public/fitness_giving/theme.css index 8ccf480..9ab6dca 100644 --- a/public/fitness_giving/theme.css +++ b/public/fitness_giving/theme.css @@ -1,6 +1,34 @@ +.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; +} + .login-pf-page .login-pf-header h1 { background: #ffffff !important; color: #000000; + border-bottom: 1px solid #e4e4e7 !important; + text-align: left !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 { @@ -18,17 +46,43 @@ div#kc-registration span a:hover { #kc-header { background: #ffffff; color: #000000; + position: relative; } .app-logo { - background-image: url(logo.svg); + background-image: url(https://fitnessgiving.com/wp-content/uploads/sites/4/2023/12/market-launch.svg); background-position: inherit; background-size: contain !important; + width: 400px !important; + height: 270px !important; + margin-bottom: 0; +} + +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 Sweat to Cash for Good Causes."; - color: #000000; + font-size: 14px; + color: #6f6f6f; +} + +#kc-header-wrapper p { + margin: 0 !important; +} + +.login-pf-page .login-pf-page-header h2::before { + content: 'Welcome to FitnessGiving'; + font-weight: 700; + color: #000; + letter-spacing: 0; + font-size: 20px; } .login-main-title::before { @@ -53,3 +107,19 @@ div#kc-registration span a:hover { #kc-header-wrapper::before { background: #16A34A !important; } + +div#main-logo { + height: 100px; + background-size: 190px; + background: url(logo.svg) no-repeat; + position: absolute; + top: 20px; + left: 20px; + width: 190px; +} + +div#kc-registration span a { + padding: 10px 25px !important; + min-width: 200px; + text-align: center; +} diff --git a/public/fitness_giving/theme.js b/public/fitness_giving/theme.js index 65cc2c6..813fd7f 100644 --- a/public/fitness_giving/theme.js +++ b/public/fitness_giving/theme.js @@ -1,6 +1,17 @@ const privacyPolicy = document.getElementById('privacy-policy'); +const headerWrapper = document.getElementById('kc-header-wrapper'); +const header = document.getElementById('kc-header'); if (privacyPolicy) { - privacyPolicy.innerHTML = 'No blah blah.' + privacyPolicy.innerHTML = '' } +if (headerWrapper) { + privacyPolicy.innerHTML = '

' +} + +if (header) { + const logo = document.createElement('div'); + logo.id = 'main-logo'; + header.appendChild(logo); +} \ No newline at end of file