first change
This commit is contained in:
257
public/raffles/assets/css/demo/start-hub-1/base.css
Normal file
257
public/raffles/assets/css/demo/start-hub-1/base.css
Normal file
@@ -0,0 +1,257 @@
|
||||
/* Global */
|
||||
:root {
|
||||
--lqd-container-width: 1170px;
|
||||
--lqd-container-width-md: 100%;
|
||||
--lqd-container-width-sm: 100%;
|
||||
--lqd-row-gutter-y: 20px;
|
||||
--lqd-row-gutter-x: 20px;
|
||||
|
||||
--lqd-color-primary: #225469;
|
||||
--lqd-color-secondary: #54595f;
|
||||
--lqd-body-text-color: #7a7a7a;
|
||||
--lqd-color-accent: #61ce70;
|
||||
--lqd-color-gradient-start: #aebae0;
|
||||
--lqd-color-gradient-stop: #e6a042;
|
||||
--lqd-color-darkgreen: #103a40;
|
||||
--lqd-color-amber-100: #fcf5f3;
|
||||
--lqd-color-amber-600: #cc7851;
|
||||
--lqd-color-blue-100: #e9ecfb;
|
||||
--lqd-color-blue-200: #f0f2fa;
|
||||
--lqd-color-blue-300: #c4d4ff;
|
||||
--lqd-color-blue-500: #4d68f9;
|
||||
--lqd-color-blue-600: #2a63eb;
|
||||
--lqd-color-blue-700: #2560ff;
|
||||
--lqd-color-blue-800: #1c206f;
|
||||
--lqd-color-blue-900: #0e1758bd;
|
||||
--lqd-color-emerald-500: #49c193;
|
||||
--lqd-color-gray-100: #f0f0f0;
|
||||
--lqd-color-gray-300: #d1d5db;
|
||||
--lqd-color-gray-400: #b4b6c6;
|
||||
--lqd-color-gray-500: #6b7280;
|
||||
--lqd-color-gray-700: #374151;
|
||||
--lqd-color-green-100: #eafbf7;
|
||||
--lqd-color-green-200: #d7edea;
|
||||
--lqd-color-green-500: #49c193;
|
||||
--lqd-color-green-700: #0da781;
|
||||
--lqd-color-purple-100: #d4ccff;
|
||||
--lqd-color-purple-300: #9a8dff;
|
||||
--lqd-color-purple-400: #b469ff;
|
||||
--lqd-color-purple-500: #7a25ff;
|
||||
--lqd-color-purple-700: #5725ff;
|
||||
--lqd-color-red-100: #fceeec;
|
||||
--lqd-color-slate-100: #ebeff1;
|
||||
--lqd-color-slate-400: #94a3b8;
|
||||
--lqd-color-slate-500: #64748b;
|
||||
--lqd-color-slate-600: #4d7184;
|
||||
--lqd-color-slate-700: #45485f;
|
||||
--lqd-color-slate-900: #292b57;
|
||||
--lqd-color-cyan-100: #eaf7fa;
|
||||
--lqd-color-sky-100: #c7ecfe;
|
||||
--lqd-color-sky-800: #104662;
|
||||
--lqd-color-sky-900: #083467;
|
||||
--lqd-color-orange-100: #fde9cd;
|
||||
--lqd-color-orange-500: #f69f29;
|
||||
--lqd-color-orange-700: #cc7851;
|
||||
--lqd-color-yellow-500: #ffc221;
|
||||
--lqd-badge-color: #6f6fff;
|
||||
|
||||
--lqd-text-font-family: "Outfit", sans-serif;
|
||||
--lqd-text-font-weight: 400;
|
||||
|
||||
--lqd-sticky-header-height: 56px;
|
||||
--lqd-sticky-header-placeholder-height: 0;
|
||||
--lqd-sticky-header-sentinel-top: var(--lqd-sticky-header-placeholder-height);
|
||||
|
||||
--lqd-body-font-family: "Outfit", sans-serif;
|
||||
|
||||
--lqd-body-font-size: 18px;
|
||||
--lqd-body-font-weight: 400;
|
||||
--lqd-body-text-color: #627c89;
|
||||
|
||||
--lqd-heading-color: #181b31;
|
||||
--lqd-heading-font-family: var(--lqd-body-font-family);
|
||||
--lqd-heading-font-weight: 600;
|
||||
--lqd-heading-line-height: 1.2em;
|
||||
--lqd-h1-color: #444762;
|
||||
--lqd-h1-font-family: "Outfit", sans-serif;
|
||||
--lqd-h1-font-size: 55px;
|
||||
--lqd-h1-font-weight: 700;
|
||||
--lqd-h2-color: #45485f;
|
||||
--lqd-h2-font-family: var(--lqd-h1-font-family);
|
||||
--lqd-h2-font-size: 40px;
|
||||
--lqd-h2-font-weight: 700;
|
||||
--lqd-h3-font-size: 32px;
|
||||
--lqd-h4-font-size: 25px;
|
||||
--lqd-h5-font-size: 21px;
|
||||
--lqd-h6-font-size: 18px;
|
||||
|
||||
--lqd-cc-bc: var(--lqd-color-primary);
|
||||
--lqd-cc-bg: var(--lqd-color-primary);
|
||||
--lqd-cc-size-outer: 35px;
|
||||
--lqd-cc-size-inner: 7px;
|
||||
--lqd-cc-bw: 1px;
|
||||
--lqd-cc-br: calc(var(--lqd-cc-size-outer) / 2);
|
||||
--lqd-cc-active-bc: var(--lqd-color-primary);
|
||||
--lqd-cc-active-bg: var(--lqd-color-primary);
|
||||
--lqd-cc-active-bw: 1px;
|
||||
--lqd-cc-active-circle-color: #fff;
|
||||
--lqd-cc-active-circle-txt: #000;
|
||||
--lqd-cc-active-arrow-color: #fff;
|
||||
}
|
||||
|
||||
.lqd-gdpr-accept:hover {
|
||||
color: #eff3f5;
|
||||
background-color: #184341;
|
||||
}
|
||||
|
||||
.font-title {
|
||||
font-family: var(--lqd-h1-font-family);
|
||||
}
|
||||
|
||||
@media screen and (min-width: 992px) {
|
||||
body.has-sidebar #lqd-contents-wrap {
|
||||
padding-top: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
.module-icons {
|
||||
--grid-template-columns: repeat(0, auto);
|
||||
--icon-size: 20px;
|
||||
--grid-column-gap: 15px;
|
||||
--grid-row-gap: 0px;
|
||||
}
|
||||
|
||||
.social-icons-wrapper a:hover {
|
||||
color: #34353c;
|
||||
fill: #34353c;
|
||||
}
|
||||
|
||||
/* Button */
|
||||
.module-btn-xxs {
|
||||
--btn-pt: 4px;
|
||||
--btn-pe: 8px;
|
||||
--btn-pb: 2px;
|
||||
--btn-ps: 8px;
|
||||
}
|
||||
|
||||
.module-btn-xs {
|
||||
--btn-pt: 5px;
|
||||
--btn-pe: 10px;
|
||||
--btn-pb: 5px;
|
||||
--btn-ps: 10px;
|
||||
}
|
||||
|
||||
.module-btn-sm {
|
||||
--btn-pt: 5px;
|
||||
--btn-pe: 12px;
|
||||
--btn-pb: 5px;
|
||||
--btn-ps: 22px;
|
||||
}
|
||||
|
||||
.module-btn-md {
|
||||
--btn-pt: 15px;
|
||||
--btn-pe: 35px;
|
||||
--btn-pb: 15px;
|
||||
--btn-ps: 35px;
|
||||
}
|
||||
|
||||
.module-btn-circle {
|
||||
--btn-pt: 15px;
|
||||
--btn-pe: 15px;
|
||||
--btn-pb: 15px;
|
||||
--btn-ps: 15px;
|
||||
}
|
||||
|
||||
/* Main Header */
|
||||
.main-header .module-btn-sm {
|
||||
--icon-mt: 0;
|
||||
--icon-me: 0;
|
||||
--icon-mb: 0;
|
||||
--icon-ms: 0;
|
||||
}
|
||||
|
||||
.main-header .btn-hover-txt-marquee-y:hover {
|
||||
color: var(--lqd-color-blue-200);
|
||||
background-color: var(--lqd-color-blue-900);
|
||||
}
|
||||
|
||||
.main-nav {
|
||||
--lqd-menu-items-top-padding: 0;
|
||||
--lqd-menu-items-right-padding: 25px;
|
||||
--lqd-menu-items-bottom-padding: 0;
|
||||
--lqd-menu-items-left-padding: 40px;
|
||||
}
|
||||
|
||||
/* Lity Modal */
|
||||
.main-header .lqd-contact-form {
|
||||
--inputs-margin: 0px 0px 15px 0px;
|
||||
--input-margin-bottom: 15px;
|
||||
}
|
||||
@media (max-width: 1199px) {
|
||||
.lity-modal .ld-fancy-heading h2 {
|
||||
font-size: 84px;
|
||||
line-height: 0.75em;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.lity-modal .ld-fancy-heading h2 {
|
||||
font-size: 48px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
.main-footer .badge-color {
|
||||
--lqd-badge-color: #00cb99;
|
||||
}
|
||||
|
||||
.main-footer .btn-solid {
|
||||
--icon-mt: 0;
|
||||
--icon-me: 12px;
|
||||
--icon-mb: 0;
|
||||
--icon-ms: 0;
|
||||
--btn-pt: 8px;
|
||||
--btn-pe: 0;
|
||||
--btn-pb: 8px;
|
||||
--btn-ps: 0;
|
||||
}
|
||||
|
||||
.main-footer .btn-dark:hover {
|
||||
background-color: var(--lqd-color-blue-900);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.main-footer .btn-light:hover {
|
||||
background-color: var(--lqd-color-blue-100);
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.main-footer .icon-list-items {
|
||||
--e-icon-list-icon-size: 12px;
|
||||
--e-icon-list-icon-align: center;
|
||||
--e-icon-list-icon-margin: 0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);
|
||||
}
|
||||
|
||||
.main-footer .icon-list-items i {
|
||||
width: 1.25em;
|
||||
font-size: var(--e-icon-list-icon-size);
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
/* .main-footer .footer-content {
|
||||
padding: 40px 14px 0 14px;
|
||||
} */
|
||||
|
||||
.main-footer .module-bottom {
|
||||
margin-top: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
/* .main-footer .footer-content {
|
||||
padding: 40px 6px 0 6px;
|
||||
} */
|
||||
|
||||
.main-footer .footer-content .module-title h3 {
|
||||
margin: 1em 0 0 0;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user