3
0
Idrees Jawad f1348f34c7
All checks were successful
continuous-integration/drone/push Build is passing
fixed logo and styling
2023-12-27 20:17:08 +05:30

127 lines
2.3 KiB
CSS

.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;
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 {
background: #16A34A !important;
}
.pf-c-button.pf-m-primary:hover {
opacity: 0.8;
}
div#kc-registration span a:hover {
background: #16A34A;
}
#kc-header {
background: #ffffff;
color: #000000;
position: relative;
}
.app-logo {
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.";
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 {
content: "Login";
}
.login-sub-heading::before {
content: "Get started.";
}
#new-to-app::before {
content: "New to Fitness Giving?";
}
.register-main-title::before {
content: "Create your account";
}
.register-sub-heading::before {
content: "Join and get sweating!";
}
#kc-header-wrapper::before {
background: #16A34A !important;
}
div#main-logo {
height: 100px;
background-size: 190px !important;
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;
}