initial commit
This commit is contained in:
197
resources/themestyle/css/pages/front-page-help-center.css
Normal file
197
resources/themestyle/css/pages/front-page-help-center.css
Normal file
@@ -0,0 +1,197 @@
|
||||
@media (max-width: 1500.98px) {
|
||||
.help-center-header {
|
||||
background: url("/assets/img/pages/header.webp") no-repeat;
|
||||
background-position: center right;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.our-story-header {
|
||||
background: url("/assets/img/pages/about-hero.jpg") no-repeat;
|
||||
background-position: center right;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.our-protocol-header {
|
||||
background: url("/assets/img/pages/aprotocol-header-dt.png") no-repeat;
|
||||
background-position: center right;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.our-providers-header {
|
||||
background: url("/assets/img/pages/cover-hrt-spec.jpg") no-repeat;
|
||||
background-position: center right;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.heading-text {
|
||||
color: #000;
|
||||
font-size: 60px;
|
||||
font-weight: bold;
|
||||
line-height: 80px;
|
||||
}
|
||||
|
||||
.trt-header {
|
||||
background: url("/assets/img/pages/hero-mountain-desktop.jpg") no-repeat;
|
||||
background-position: center right;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.trt-free-assessment {
|
||||
background: url("/assets/img/pages/free-assessment-scaled.jpg") no-repeat;
|
||||
background-position: center right;
|
||||
background-repeat: no-repeat;
|
||||
|
||||
/* background-size: contain; */
|
||||
|
||||
background-size: cover;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1500.98px) {
|
||||
.help-center-header {
|
||||
background: url("/assets/img/pages/header.png") no-repeat;
|
||||
background-position: center right;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.our-protocol-header {
|
||||
background: url("/assets/img/pages/aprotocol-header-dt.png") no-repeat;
|
||||
background-position: center right;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.our-story-header {
|
||||
background: url("/assets/img/pages/about-hero.jpg") no-repeat;
|
||||
background-position: center right;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.our-providers-header {
|
||||
background: url("/assets/img/pages/cover-hrt-spec.jpg") no-repeat;
|
||||
background-position: center right;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.heading-text {
|
||||
color: #000;
|
||||
font-size: 60px;
|
||||
font-weight: bold;
|
||||
line-height: 80px;
|
||||
}
|
||||
|
||||
.trt-header {
|
||||
background: url("/assets/img/pages/hero-mountain-desktop.jpg") no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.trt-free-assessment {
|
||||
background: url("/assets/img/pages/free-assessment-scaled.jpg") no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
}
|
||||
|
||||
.header-banner {
|
||||
background: url("./assets/img/pages/profile-banner.png") no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.help-center-header .input-wrapper {
|
||||
inset-block-start: -350px;
|
||||
max-inline-size: 0;
|
||||
}
|
||||
|
||||
.our-story-header .input-wrapper {
|
||||
inset-block-start: -350px;
|
||||
max-inline-size: 0;
|
||||
}
|
||||
|
||||
.our-providers-header .input-wrapper {
|
||||
inset-block-start: -350px;
|
||||
max-inline-size: 0;
|
||||
}
|
||||
|
||||
.trt-header .input-wrapper {
|
||||
inset-block-start: -350px;
|
||||
max-inline-size: 0;
|
||||
}
|
||||
|
||||
.trt-free-assessment .input-wrapper {
|
||||
inset-block-start: -350px;
|
||||
max-inline-size: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 575.98px) {
|
||||
.trt-header .input-wrapper {
|
||||
max-inline-size: 80%;
|
||||
}
|
||||
|
||||
.our-story-header {
|
||||
background: url("/assets/img/pages/about-hero.jpg") no-repeat;
|
||||
background-position: center right;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.our-providers-header {
|
||||
background: url("/assets/img/pages/cover-hrt-spec.jpg") no-repeat;
|
||||
background-position: center right;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.our-protocol-header {
|
||||
background: url("/assets/img/pages/aprotocol-header-dt.png") no-repeat;
|
||||
background-position: center right;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.our-providers-header .input-wrapper {
|
||||
max-inline-size: 80%;
|
||||
}
|
||||
|
||||
.help-center-header .input-wrapper {
|
||||
max-inline-size: 80%;
|
||||
}
|
||||
|
||||
.our-story-header .input-wrapper {
|
||||
max-inline-size: 80%;
|
||||
}
|
||||
|
||||
.heading-text {
|
||||
color: #000;
|
||||
font-size: 40px;
|
||||
font-weight: bold;
|
||||
line-height: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
.home-page-banner {
|
||||
inline-size: 45rem;
|
||||
}
|
||||
|
||||
.banner-text {
|
||||
max-inline-size: 80%;
|
||||
}
|
||||
|
||||
.first-section-pt {
|
||||
block-size: 35rem;
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
#box:hover {
|
||||
border: solid 1px #dbdade !important;
|
||||
box-shadow: 0 0 10px 0 #ccc;
|
||||
}
|
Reference in New Issue
Block a user