521 lines
14 KiB
CSS
521 lines
14 KiB
CSS
.header1 {
|
|
.navbar.navbar-light.fixed .btn:not(.btn-expand):not(.btn-gradient) {
|
|
background: #605dba !important;
|
|
border-color: #605dba !important;
|
|
color: #ffffff !important;
|
|
}
|
|
|
|
@media (max-width: 991.98px) {
|
|
.navbar-expand-lg .navbar-collapse .dropdown-toggle:after {
|
|
color: #ffffff !important;
|
|
}
|
|
}
|
|
}
|
|
.ticker .swiper-wrapper {
|
|
--tw-ease: linear;
|
|
transition-timing-function: linear;
|
|
}
|
|
@media (min-width: 992px) {
|
|
.home-onepage .navbar-nav > .nav-item > .nav-link {
|
|
position: relative;
|
|
}
|
|
|
|
.home-onepage .navbar-nav > .nav-item + .nav-item > .nav-link:before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
width: 3px;
|
|
height: 3px;
|
|
top: 50%;
|
|
left: -2px;
|
|
background: rgba(0, 0, 0, 0.25);
|
|
border-radius: 50%;
|
|
}
|
|
}
|
|
.home-onepage .filter:not(.basic-filter) ul li a.active,
|
|
.home-onepage .filter:not(.basic-filter) ul li a:hover,
|
|
.home-onepage .navbar-nav .nav-link.active,
|
|
.home-onepage .navbar-nav .nav-link.show {
|
|
color: #fab758 !important;
|
|
}
|
|
.home-onepage .navbar-stick:not(.navbar-dark) {
|
|
box-shadow: 0 0 1.25rem rgba(30, 34, 40, 0.06) !important;
|
|
background: rgba(255, 255, 255, 0.97) !important;
|
|
}
|
|
|
|
.demo3 .navbar.navbar-light.fixed .btn:not(.btn-expand):not(.btn-gradient) {
|
|
background: #54a8c7 !important;
|
|
border-color: #54a8c7 !important;
|
|
color: #ffffff !important;
|
|
}
|
|
.demo3 .accordion-wrapper .card-header button {
|
|
color: #54a8c7;
|
|
}
|
|
@media (min-width: 992px) {
|
|
.demo3 .navbar-expand-lg.navbar-light .dropdown:not(.dropdown-submenu) > .dropdown-toggle:after {
|
|
color: #54a8c7 !important;
|
|
}
|
|
}
|
|
.demo4 .accordion-wrapper .card-header button {
|
|
color: #1fc76f;
|
|
}
|
|
.demo6 .navbar.navbar-light.fixed .btn:not(.btn-expand):not(.btn-gradient) {
|
|
background: #54a8c7 !important;
|
|
border-color: #54a8c7 !important;
|
|
color: #ffffff !important;
|
|
}
|
|
@media (max-width: 991.98px) {
|
|
.demo6 .navbar-expand-lg .navbar-collapse .dropdown-toggle:after {
|
|
color: #ffffff !important;
|
|
}
|
|
}
|
|
.demo6 .accordion-wrapper .card-header button.collapsed {
|
|
color: #343f52 !important;
|
|
}
|
|
.demo6 .accordion-wrapper .card-header button:hover,
|
|
.demo6 .accordion-wrapper .card-header button {
|
|
color: #54a8c7 !important;
|
|
}
|
|
.demo7 .swiper-container.nav-color .swiper-button:hover,
|
|
.demo7 .swiper-container.nav-color .swiper-slide figure .item-link:hover {
|
|
background: #747ed1 !important;
|
|
color: #ffffff !important;
|
|
}
|
|
.demo7 .swiper-container.nav-color .swiper-button,
|
|
.demo7 .swiper-container.nav-color .swiper-slide figure .item-link {
|
|
background: #747ed1e6 !important;
|
|
color: #fff !important;
|
|
}
|
|
.demo7 .accordion-wrapper .card-header button.collapsed {
|
|
color: #343f52 !important;
|
|
}
|
|
.demo7 .accordion-wrapper .card-header button:hover,
|
|
.demo7 .accordion-wrapper .card-header button {
|
|
color: #747ed1 !important;
|
|
}
|
|
.demo8 .navbar.navbar-light.fixed .btn:not(.btn-expand):not(.btn-gradient) {
|
|
background: #54a8c7 !important;
|
|
border-color: #54a8c7 !important;
|
|
color: #ffffff !important;
|
|
}
|
|
.demo8 .accordion-wrapper .card-header button {
|
|
color: #54a8c7;
|
|
}
|
|
@media (max-width: 991.98px) {
|
|
.demo8 .navbar-expand-lg .navbar-collapse .dropdown-toggle:after {
|
|
color: #ffffff !important;
|
|
}
|
|
}
|
|
.demo8 .lineal-fill {
|
|
fill: #98cbdd !important;
|
|
}
|
|
.demo9 .nav-tabs.nav-tabs-bg .nav-link.active,
|
|
.demo9 .nav-tabs.nav-tabs-bg .nav-link:hover {
|
|
box-shadow: 0 0.25rem 1.75rem rgba(30, 34, 40, 0.07) !important;
|
|
}
|
|
.demo10 .navbar.navbar-light.fixed .btn:not(.btn-expand):not(.btn-gradient) {
|
|
background: #f78b77 !important;
|
|
border-color: #f78b77 !important;
|
|
color: #ffffff !important;
|
|
}
|
|
@media (max-width: 991.98px) {
|
|
.demo10 .navbar-expand-lg .navbar-collapse .dropdown-toggle:after {
|
|
color: #ffffff !important;
|
|
}
|
|
}
|
|
.demo11 .navbar.navbar-light.fixed .btn:not(.btn-expand):not(.btn-gradient) {
|
|
background: #747ed1 !important;
|
|
border-color: #747ed1 !important;
|
|
color: #ffffff !important;
|
|
}
|
|
.demo11 .accordion-wrapper .card-header button {
|
|
color: #747ed1;
|
|
}
|
|
@media (min-width: 992px) {
|
|
.demo11 .navbar-expand-lg.navbar-light .dropdown:not(.dropdown-submenu) > .dropdown-toggle:after {
|
|
color: #747ed1;
|
|
}
|
|
}
|
|
@media (max-width: 991.98px) {
|
|
.demo11 .navbar-expand-lg .navbar-collapse .dropdown-toggle:after {
|
|
color: #ffffff !important;
|
|
}
|
|
}
|
|
.demo12 .accordion-wrapper .card-header button {
|
|
color: #f78b77;
|
|
}
|
|
@media (max-width: 991.98px) {
|
|
.demo12 .navbar-expand-lg .navbar-collapse .dropdown-toggle:after {
|
|
color: #ffffff !important;
|
|
}
|
|
}
|
|
.demo13 .navbar-light.fixed.navbar-stick .nav-link:hover {
|
|
color: #747ed1;
|
|
}
|
|
@media (min-width: 992px) {
|
|
.demo13 .navbar-expand-lg.navbar-light .dropdown:not(.dropdown-submenu) > .dropdown-toggle:after {
|
|
color: #747ed1;
|
|
}
|
|
}
|
|
@media (max-width: 991.98px) {
|
|
.demo13 .navbar-expand-lg .navbar-collapse .dropdown-toggle:after {
|
|
color: #ffffff !important;
|
|
}
|
|
}
|
|
.demo14 .navbar.navbar-light.fixed .btn:not(.btn-expand):not(.btn-gradient) {
|
|
background: #1fc76f !important;
|
|
border-color: #1fc76f !important;
|
|
color: #ffffff !important;
|
|
}
|
|
@media (max-width: 991.98px) {
|
|
.demo14 .navbar-expand-lg .navbar-collapse .dropdown-toggle:after {
|
|
color: #ffffff !important;
|
|
}
|
|
}
|
|
@media (max-width: 991.98px) {
|
|
.demo16 .navbar-expand-lg .navbar-collapse .dropdown-toggle:after {
|
|
color: #ffffff !important;
|
|
}
|
|
}
|
|
.demo16 .lineal-fill {
|
|
fill: #e3a6b6 !important;
|
|
}
|
|
.demo17 .accordion-wrapper .card-header button {
|
|
color: #343f52;
|
|
}
|
|
.demo19 .nav-tabs.nav-tabs-bg .nav-link.active,
|
|
.demo19 .nav-tabs.nav-tabs-bg .nav-link:hover {
|
|
box-shadow: 0 0.25rem 1.75rem rgba(30, 34, 40, 0.07);
|
|
}
|
|
.demo19 .navbar-light.fixed.navbar-stick .nav-link:hover {
|
|
color: #1fc76f;
|
|
}
|
|
@media (min-width: 992px) {
|
|
.demo19 .navbar-expand-lg.navbar-light .dropdown:not(.dropdown-submenu) > .dropdown-toggle:after {
|
|
color: #1fc76f;
|
|
}
|
|
}
|
|
@media (max-width: 991.98px) {
|
|
.demo19 .navbar-expand-lg .navbar-collapse .dropdown-toggle:after {
|
|
color: #ffffff !important;
|
|
}
|
|
}
|
|
.demo20 .language-select .nav-link {
|
|
color: #ffffff;
|
|
}
|
|
.demo20 .language-select .nav-link:hover {
|
|
color: #ffffffb3;
|
|
}
|
|
.demo20 .navbar-light.fixed.navbar-stick .language-select .nav-link {
|
|
color: #343f52;
|
|
}
|
|
.demo20 .navbar-light.fixed.navbar-stick .language-select .nav-link:hover,
|
|
.demo20 .navbar-light.fixed.navbar-stick .language-select .nav-link:after,
|
|
.demo20 .navbar-light.fixed.navbar-stick .nav-link:hover {
|
|
color: #747ed1;
|
|
}
|
|
@media (min-width: 992px) {
|
|
.demo20 .navbar-expand-lg.navbar-light .dropdown:not(.dropdown-submenu) > .dropdown-toggle:after {
|
|
color: #747ed1;
|
|
}
|
|
}
|
|
@media (max-width: 991.98px) {
|
|
.demo20 .navbar-expand-lg .navbar-collapse .dropdown-toggle:after {
|
|
color: #ffffff !important;
|
|
}
|
|
}
|
|
.demo21 .swiper-container.nav-color .swiper-button.swiper-button-disabled,
|
|
.demo21 .swiper-container.nav-color .swiper-slide figure .item-link.swiper-button-disabled {
|
|
background: #5eb9f0b3 !important;
|
|
}
|
|
.demo21 .swiper-container.nav-color .swiper-button,
|
|
.demo21 .swiper-container.nav-color .swiper-slide figure .item-link {
|
|
background: #5eb9f0e6 !important;
|
|
color: #ffffff !important;
|
|
}
|
|
.demo21 .swiper-container.nav-color .swiper-button:hover,
|
|
.demo21 .swiper-container.nav-color .swiper-slide figure .item-link:hover {
|
|
background: #5eb9f0 !important;
|
|
}
|
|
.demo21 .navbar.navbar-light.fixed .btn:not(.btn-expand):not(.btn-gradient) {
|
|
background: #5eb9f0 !important;
|
|
border-color: #5eb9f0 !important;
|
|
color: #ffffff !important;
|
|
}
|
|
.demo21 .accordion-wrapper .card-header button {
|
|
color: #5eb9f0;
|
|
}
|
|
@media (min-width: 992px) {
|
|
.demo21 .navbar-expand-lg.navbar-light .dropdown:not(.dropdown-submenu) > .dropdown-toggle:after {
|
|
color: #5eb9f0;
|
|
}
|
|
}
|
|
@media (max-width: 991.98px) {
|
|
.demo21 .navbar-expand-lg .navbar-collapse .dropdown-toggle:after {
|
|
color: #ffffff !important;
|
|
}
|
|
}
|
|
.demo22 .accordion-wrapper .card-header button {
|
|
color: #747ed1;
|
|
}
|
|
.demo22 .navbar-light.fixed.navbar-stick .nav-link:hover {
|
|
color: #747ed1;
|
|
}
|
|
@media (min-width: 992px) {
|
|
.demo22 .navbar-expand-lg.navbar-light .dropdown:not(.dropdown-submenu) > .dropdown-toggle:after {
|
|
color: #747ed1;
|
|
}
|
|
}
|
|
@media (max-width: 991.98px) {
|
|
.demo22 .navbar-expand-lg .navbar-collapse .dropdown-toggle:after {
|
|
color: #ffffff !important;
|
|
}
|
|
}
|
|
.demo23 .glightbox-clean .gclose {
|
|
border-radius: 100% !important;
|
|
}
|
|
.demo23 .swiper-container.nav-color .swiper-button.swiper-button-disabled,
|
|
.demo23 .swiper-container.nav-color .swiper-slide figure .item-link.swiper-button-disabled {
|
|
background: #7cb798b3 !important;
|
|
}
|
|
.demo23 .swiper-container.nav-color .swiper-button,
|
|
.demo23 .swiper-container.nav-color .swiper-slide figure .item-link {
|
|
background: #7cb798e6 !important;
|
|
color: #ffffff !important;
|
|
}
|
|
.demo23 .swiper-container.nav-color .swiper-button:hover,
|
|
.demo23 .swiper-container.nav-color .swiper-slide figure .item-link:hover {
|
|
background: #7cb798 !important;
|
|
}
|
|
.demo23 .navbar-light.fixed.navbar-stick .nav-link:hover {
|
|
color: #7cb798;
|
|
}
|
|
@media (max-width: 991.98px) {
|
|
.demo23 .navbar-expand-lg .navbar-collapse .dropdown-toggle:after {
|
|
color: #ffffff !important;
|
|
}
|
|
}
|
|
@media (min-width: 992px) {
|
|
.demo24 .navbar-nav > .nav-item > .nav-link {
|
|
position: relative;
|
|
}
|
|
.demo24 .navbar-nav > .nav-item + .nav-item > .nav-link:before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
width: 3px;
|
|
height: 3px;
|
|
top: 50%;
|
|
left: -2px;
|
|
background: rgba(0, 0, 0, 0.25);
|
|
border-radius: 50%;
|
|
}
|
|
}
|
|
.demo24 .filter:not(.basic-filter) ul li a.active,
|
|
.demo24 .filter:not(.basic-filter) ul li a:hover,
|
|
.demo24 .navbar-nav .nav-link.active,
|
|
.demo24 .navbar-nav .nav-link.show {
|
|
color: #fab758 !important;
|
|
}
|
|
.demo24 .navbar-stick:not(.navbar-dark) {
|
|
box-shadow: 0 0 1.25rem rgba(30, 34, 40, 0.06) !important;
|
|
background: rgba(255, 255, 255, 0.97) !important;
|
|
}
|
|
.demo25 .active > .page-link,
|
|
.demo25 .page-link.active,
|
|
.demo25 .plyr__control--overlaid:focus,
|
|
.demo25 .plyr__control--overlaid:hover {
|
|
color: #d16b86 !important;
|
|
}
|
|
@media (max-width: 991.98px) {
|
|
.demo25 .navbar-expand-lg .navbar-collapse .dropdown-toggle:after {
|
|
color: white !important;
|
|
}
|
|
}
|
|
.demo26 .navbar.navbar-light.fixed .btn:not(.btn-expand):not(.btn-gradient) {
|
|
background: #605dba !important;
|
|
border-color: #605dba !important;
|
|
color: #ffffff !important;
|
|
}
|
|
@media (max-width: 991.98px) {
|
|
.demo26 .navbar-expand-lg .navbar-collapse .dropdown-toggle:after {
|
|
color: #ffffff !important;
|
|
}
|
|
}
|
|
@media (max-width: 991.98px) {
|
|
.demo27 .navbar-expand-lg .navbar-collapse .dropdown-toggle:after {
|
|
color: #ffffff !important;
|
|
}
|
|
}
|
|
@media (max-width: 991.98px) {
|
|
.demo28 .navbar-expand-lg .navbar-collapse .dropdown-toggle:after {
|
|
color: #ffffff !important;
|
|
}
|
|
}
|
|
.demo29 .active > .page-link,
|
|
.demo29 .page-link.active,
|
|
.demo29 .plyr__control--overlaid:focus,
|
|
.demo29 .plyr__control--overlaid:hover {
|
|
color: #605dba !important;
|
|
}
|
|
.demo29 .accordion-wrapper .card-header button.collapsed {
|
|
color: #343f52 !important;
|
|
}
|
|
.demo29 .accordion-wrapper .card-header button:hover,
|
|
.demo29 .accordion-wrapper .card-header button {
|
|
color: #605dba !important;
|
|
}
|
|
.demo30 .swiper-container.nav-color .swiper-button,
|
|
.demo30 .swiper-container.nav-color .swiper-slide figure .item-link {
|
|
background: #605dbae6 !important;
|
|
color: #fff !important;
|
|
}
|
|
.demo30 .swiper-container.nav-color .swiper-button:hover,
|
|
.demo30 .swiper-container.nav-color .swiper-slide figure .item-link:hover {
|
|
background: #605dba !important;
|
|
}
|
|
@media (max-width: 991.98px) {
|
|
.demo30 .navbar-expand-lg .navbar-collapse .dropdown-toggle:after {
|
|
color: #ffffff !important;
|
|
}
|
|
}
|
|
.demo31 .solid.text-primary .fill-primary,
|
|
.demo31 .solid.text-primary .fill-secondary {
|
|
fill: #1fc76f !important;
|
|
}
|
|
.demo32 .nav-tabs.nav-tabs-bg .nav-link.active,
|
|
.demo32 .nav-tabs.nav-tabs-bg .nav-link:hover {
|
|
box-shadow: 0 0.25rem 1.75rem rgba(30, 34, 40, 0.07) !important;
|
|
}
|
|
.demo33 .navbar.navbar-light.fixed .btn:not(.btn-expand):not(.btn-gradient) {
|
|
background: #343f52 !important;
|
|
border-color: #343f52 !important;
|
|
color: #ffffff !important;
|
|
}
|
|
@media (max-width: 991.98px) {
|
|
.demo33 .navbar-expand-lg .navbar-collapse .dropdown-toggle:after {
|
|
color: #ffffff !important;
|
|
}
|
|
}
|
|
.demo34 .filter:not(.basic-filter) ul li a.active,
|
|
.demo34 .filter:not(.basic-filter) ul li a:hover {
|
|
color: #747ed1;
|
|
}
|
|
.demo34 .navbar.navbar-light.fixed .btn:not(.btn-expand):not(.btn-gradient) {
|
|
background: #747ed1 !important;
|
|
border-color: #747ed1 !important;
|
|
color: #ffffff !important;
|
|
}
|
|
@media (max-width: 991.98px) {
|
|
.demo34 .navbar-expand-lg .navbar-collapse .dropdown-toggle:after {
|
|
color: #ffffff !important;
|
|
}
|
|
}
|
|
.preview .navbar.navbar-light.fixed .btn:not(.btn-expand):not(.btn-gradient) {
|
|
background: #605dba !important;
|
|
border-color: #605dba !important;
|
|
color: #ffffff !important;
|
|
}
|
|
@media (max-width: 991.98px) {
|
|
.preview .navbar-expand-lg .navbar-collapse .dropdown-toggle:after {
|
|
color: #ffffff !important;
|
|
}
|
|
}
|
|
.shop-product .tooltip,
|
|
.shop .tooltip,
|
|
.shop2 .tooltip {
|
|
background: transparent !important;
|
|
padding: 0 !important;
|
|
}
|
|
.navbar-page section header.image-wrapper:not(.mobile) {
|
|
background-attachment: scroll !important;
|
|
}
|
|
.navbar-page section header.image-wrapper,
|
|
.navbar-page section .navbar {
|
|
z-index: 2 !important;
|
|
}
|
|
.navbar-page section .navbar .hamburger,
|
|
.navbar-page section .navbar [data-bs-toggle="offcanvas"],
|
|
.navbar-page section .navbar .btn {
|
|
pointer-events: none;
|
|
}
|
|
.navbar-page section .navbar .container {
|
|
padding-left: 0.75rem;
|
|
padding-right: 0.75rem;
|
|
}
|
|
|
|
a {
|
|
cursor: pointer;
|
|
}
|
|
.mega-menu-content img {
|
|
max-width: 100%;
|
|
}
|
|
@media (max-width: 991px) {
|
|
.navbar-collapse.offcanvas.offcanvas-nav.offcanvas-start {
|
|
height: 100vh;
|
|
}
|
|
}
|
|
.swiper-controls.position-static {
|
|
position: static !important;
|
|
}
|
|
.swiper-pagination.position-static {
|
|
position: static !important;
|
|
}
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
.contact-banner .container {
|
|
padding-bottom: 300px !important;
|
|
}
|
|
|
|
.prose img {
|
|
max-width: 100%;
|
|
height: auto;
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
/* 保证 .prose 区域内表格有淡灰色边框和圆角 */
|
|
.prose table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
border-radius: 8px;
|
|
overflow: hidden;
|
|
margin-bottom: 1.5em;
|
|
background: #fff;
|
|
}
|
|
|
|
.prose th,
|
|
.prose td {
|
|
border: 1px solid #d1d5db; /* tailwind 的 gray-300 */
|
|
padding: 0.5em 1em;
|
|
text-align: left;
|
|
}
|
|
|
|
.prose th {
|
|
background: #f9fafb; /* tailwind 的 gray-50 */
|
|
font-weight: 600;
|
|
}
|
|
|
|
.prose tr {
|
|
/* 可选：隔行变色 */
|
|
/* background: #fff; */
|
|
}
|
|
|
|
.prose thead tr {
|
|
/* 保证表头有圆角 */
|
|
border-radius: 8px;
|
|
}
|
|
|
|
.prose table.ztable {
|
|
/* 针对你自定义的ztable类也生效 */
|
|
border-radius: 8px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.navbar-stick:not(.navbar-dark) {
|
|
box-shadow: none !important;
|
|
background: #ffffff !important;
|
|
}
|