161 lines
3.1 KiB
CSS
161 lines
3.1 KiB
CSS
/* GLOBAL STYLES
|
|
-------------------------------------------------- */
|
|
/* Padding below the footer and lighter body text */
|
|
|
|
body {
|
|
padding-top: 3rem;
|
|
padding-bottom: 3rem;
|
|
color: rgb(var(--bs-tertiary-color-rgb));
|
|
}
|
|
|
|
|
|
/* CUSTOMIZE THE CAROUSEL
|
|
-------------------------------------------------- */
|
|
|
|
/* Carousel base class */
|
|
.carousel {
|
|
margin-bottom: 4rem;
|
|
}
|
|
/* Since positioning the image, we need to help out the caption */
|
|
.carousel-caption {
|
|
bottom: 12rem;
|
|
z-index: 10;
|
|
}
|
|
|
|
/* Declare heights because of positioning of img element */
|
|
.carousel-item {
|
|
height: 40rem;
|
|
}
|
|
|
|
|
|
/* MARKETING CONTENT
|
|
-------------------------------------------------- */
|
|
|
|
/* Center align the text within the three columns below the carousel */
|
|
.marketing .col-lg-4 {
|
|
margin-bottom: 1.5rem;
|
|
text-align: center;
|
|
}
|
|
/* rtl:begin:ignore */
|
|
.marketing .col-lg-4 p {
|
|
margin-right: .75rem;
|
|
margin-left: .75rem;
|
|
}
|
|
/* rtl:end:ignore */
|
|
|
|
|
|
/* Featurettes
|
|
------------------------- */
|
|
|
|
.featurette-divider {
|
|
margin: 5rem 0; /* Space out the Bootstrap <hr> more */
|
|
}
|
|
|
|
/* Thin out the marketing headings */
|
|
/* rtl:begin:remove */
|
|
.featurette-heading {
|
|
letter-spacing: -.05rem;
|
|
}
|
|
|
|
/* rtl:end:remove */
|
|
|
|
/* RESPONSIVE CSS
|
|
-------------------------------------------------- */
|
|
|
|
@media (min-width: 40em) {
|
|
/* Bump up size of carousel content */
|
|
.carousel-caption p {
|
|
margin-bottom: 1.25rem;
|
|
font-size: 1.25rem;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.featurette-heading {
|
|
font-size: 50px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 62em) {
|
|
.featurette-heading {
|
|
margin-top: 7rem;
|
|
}
|
|
}
|
|
|
|
.bd-placeholder-img {
|
|
font-size: 1.125rem;
|
|
text-anchor: middle;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.bd-placeholder-img-lg {
|
|
font-size: 3.5rem;
|
|
}
|
|
}
|
|
|
|
.b-example-divider {
|
|
width: 100%;
|
|
height: 3rem;
|
|
background-color: rgba(0, 0, 0, .1);
|
|
border: solid rgba(0, 0, 0, .15);
|
|
border-width: 1px 0;
|
|
box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
|
|
}
|
|
|
|
.b-example-vr {
|
|
flex-shrink: 0;
|
|
width: 1.5rem;
|
|
height: 100vh;
|
|
}
|
|
|
|
.bi {
|
|
vertical-align: -.125em;
|
|
fill: currentColor;
|
|
}
|
|
|
|
.nav-scroller {
|
|
position: relative;
|
|
z-index: 2;
|
|
height: 2.75rem;
|
|
overflow-y: hidden;
|
|
}
|
|
|
|
.nav-scroller .nav {
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
padding-bottom: 1rem;
|
|
margin-top: -1px;
|
|
overflow-x: auto;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
|
|
.btn-bd-primary {
|
|
--bd-violet-bg: #712cf9;
|
|
--bd-violet-rgb: 112.520718, 44.062154, 249.437846;
|
|
|
|
--bs-btn-font-weight: 600;
|
|
--bs-btn-color: var(--bs-white);
|
|
--bs-btn-bg: var(--bd-violet-bg);
|
|
--bs-btn-border-color: var(--bd-violet-bg);
|
|
--bs-btn-hover-color: var(--bs-white);
|
|
--bs-btn-hover-bg: #6528e0;
|
|
--bs-btn-hover-border-color: #6528e0;
|
|
--bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
|
|
--bs-btn-active-color: var(--bs-btn-hover-color);
|
|
--bs-btn-active-bg: #5a23c8;
|
|
--bs-btn-active-border-color: #5a23c8;
|
|
}
|
|
|
|
.bd-mode-toggle {
|
|
z-index: 1500;
|
|
}
|
|
|
|
.bd-mode-toggle .dropdown-menu .active .bi {
|
|
display: block !important;
|
|
}
|
|
|