initial commit
This commit is contained in:
Inshal
822
resources/themestyle/css/pages/footer.css
Normal file
822
resources/themestyle/css/pages/footer.css
Normal file
@@ -0,0 +1,822 @@
|
||||
/*
|
||||
Theme Name: MXL New Design (Hello Elementor child)
|
||||
Description: A plain-vanilla & lightweight theme for Elementor page builder
|
||||
Template: hello-elementor
|
||||
Version: 1.0.0
|
||||
Stable tag: 1.0.0
|
||||
License: GNU General Public License v3 or later.
|
||||
License URI: https://www.gnu.org/licenses/gpl-3.0.html
|
||||
Text Domain: mxl-main-hello-elementor
|
||||
Description: Perfect theme for New Design
|
||||
*/
|
||||
|
||||
|
||||
@import url('https://fonts.googleapis.com/css2?family=Oxygen:wght@400;700&display=swap');
|
||||
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
|
||||
|
||||
body {
|
||||
font-family: 'Oxygen', sans-serif;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #9C0C19;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-weight: bold;
|
||||
scroll-margin-top: 90px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
/* HEADER */
|
||||
#site-header {
|
||||
box-shadow: 0px 10px 10px #00000029;
|
||||
z-index: 30;
|
||||
}
|
||||
|
||||
main {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1201px) {
|
||||
.site-branding img {
|
||||
width: 240px;
|
||||
}
|
||||
|
||||
.site-header .site-navigation {
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
display: flex !important;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li ul {
|
||||
z-index: 20;
|
||||
top: 70px;
|
||||
columns: 2;
|
||||
margin-left: 0px !important;
|
||||
-webkit-box-shadow: 0px 10px 13px -7px rgb(0 0 0 / 10%), 5px 5px 15px 5px rgb(0 0 0 / 10%);
|
||||
box-shadow: 0px 10px 13px -7px rgb(0 0 0 / 10%), 5px 5px 15px 5px rgb(0 0 0 / 10%);
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li:last-child ul {
|
||||
columns: 1;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li a {
|
||||
padding: 25px;
|
||||
text-transform: uppercase;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li ul {
|
||||
padding: 15px 0;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li ul li {
|
||||
border-bottom: none;
|
||||
width: 220px;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li:first-child ul li {
|
||||
width: 310px;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li ul li a {
|
||||
font-weight: 500;
|
||||
text-transform: capitalize;
|
||||
padding: 13px 20px;
|
||||
}
|
||||
|
||||
.site-header {
|
||||
padding: 0 40px;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li.menu-item-has-children:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.topcontact {
|
||||
position: relative;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.topcontact::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: -18px;
|
||||
left: -30px;
|
||||
width: 100%;
|
||||
max-width: 20px;
|
||||
height: 100%;
|
||||
opacity: 1;
|
||||
z-index: 0;
|
||||
background: url(https://static.maleexcel.com/wp-content/uploads/sites/5/2021/09/27121239/phone.svg);
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
background-position: bottom left;
|
||||
}
|
||||
|
||||
.toggle-nav {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1200px) {
|
||||
.site-branding {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.site-branding a {
|
||||
margin-left: 50px;
|
||||
}
|
||||
|
||||
.site-header:not(.dynamic-header) {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.site-branding img {
|
||||
width: 100%;
|
||||
max-width: 145px;
|
||||
}
|
||||
|
||||
.mobile-menu {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.toggle-nav {
|
||||
display: inline-block !important;
|
||||
float: right;
|
||||
padding: 10px 15px;
|
||||
font-size: 28px;
|
||||
transition: color linear 0.15s;
|
||||
}
|
||||
|
||||
a.toggle-nav:link,
|
||||
a.toggle-nav:visited,
|
||||
a.toggle-nav:hover,
|
||||
a.toggle-nav:active {
|
||||
text-decoration: none;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.site-navigation {
|
||||
display: none;
|
||||
background: #fff;
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
max-height: calc(100vh - 60px);
|
||||
position: absolute;
|
||||
top: 64px;
|
||||
left: 0;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.site-navigation ul {
|
||||
position: absolute;
|
||||
overflow: auto;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
width: 100vw;
|
||||
max-height: 80%;
|
||||
z-index: 999;
|
||||
padding-right: 15px;
|
||||
background: #fff;
|
||||
flex-direction: column;
|
||||
flex-wrap: nowrap !important;
|
||||
}
|
||||
|
||||
.site-navigation ul li {
|
||||
float: none;
|
||||
display: block;
|
||||
position: relative;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
min-width: 200px;
|
||||
background: #fff;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.site-navigation ul li a {
|
||||
font-size: 24px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li ul {
|
||||
position: relative;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li ul li {
|
||||
border: none;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li:first-child ul li {
|
||||
width: 310px;
|
||||
}
|
||||
|
||||
.site-navigation ul li ul li a {
|
||||
font-size: 18px;
|
||||
padding: 7px 20px;
|
||||
}
|
||||
|
||||
.site-navigation::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 20px;
|
||||
width: 40%;
|
||||
max-width: 170px;
|
||||
height: 40%;
|
||||
opacity: 1;
|
||||
z-index: 100;
|
||||
background: url(https://static.maleexcel.com/wp-content/uploads/sites/11/2022/03/16113617/e_symbol.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
background-position: bottom left;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li.menu-item-has-children:after {
|
||||
content: none;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li:hover>ul {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li a {
|
||||
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li.menu-item-has-children:focus-within>ul {
|
||||
display: inherit;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li a {
|
||||
padding: 4px 15px;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li ul li a {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.sub-show ul {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
li:not(.sub-show) ul {
|
||||
/* display: none !important; */
|
||||
}
|
||||
|
||||
.menu-close {
|
||||
font-size: 40px;
|
||||
line-height: 40px;
|
||||
}
|
||||
|
||||
.topcontact::before {
|
||||
content: none;
|
||||
}
|
||||
|
||||
.topcontact {
|
||||
width: 32%;
|
||||
text-transform: uppercase;
|
||||
font-weight: 600 !important;
|
||||
font-size: 10px;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
.topcontact strong {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
/* .toggle-nav {
|
||||
display: none !important;
|
||||
} */
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1080px) {
|
||||
.site-header:not(.dynamic-header) {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.screen-darken {
|
||||
content: '';
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-color: rgba(0, 0, 0, .5);
|
||||
pointer-events: none;
|
||||
z-index: 10;
|
||||
visibility: visible;
|
||||
position: absolute;
|
||||
animation: me-overlay 500ms;
|
||||
-webkit-transition: opacity 700ms linear;
|
||||
transition: opacity 700ms linear;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.screen-darken-on {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
position: relative;
|
||||
z-index: 15;
|
||||
}
|
||||
|
||||
.fade-out {
|
||||
animation: fade 2s;
|
||||
-webkit-animation: fade 2s;
|
||||
-moz-animation: fade 2s;
|
||||
}
|
||||
|
||||
/* Animate opacity */
|
||||
@keyframes fade {
|
||||
from {
|
||||
opacity: 1
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 0
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes fade {
|
||||
from {
|
||||
opacity: 1
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 0
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes fade {
|
||||
from {
|
||||
opacity: 1
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 0
|
||||
}
|
||||
}
|
||||
|
||||
.toggle-nav {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* The sticky class is added to the header with JS when it reaches its scroll position */
|
||||
.sticky {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 100% !important;
|
||||
z-index: 20;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
|
||||
.sticky+.content {
|
||||
padding-top: 102px;
|
||||
}
|
||||
|
||||
.pre-footer-disclaimer {
|
||||
display: block;
|
||||
width: 100%;
|
||||
background-color: #9DC1CE;
|
||||
padding-top: 30px;
|
||||
padding-bottom: 20px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.pre-footer-disclaimer p {
|
||||
margin-top: 0;
|
||||
margin-bottom: 10px;
|
||||
max-width: 1174px !important;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
/* FOOTER STYLE */
|
||||
footer {
|
||||
background: #1C5580;
|
||||
max-width: 100vw !important;
|
||||
color: #fff;
|
||||
font-family: 'Montserrat', sans-serif;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
footer .logo-footer .logo-footer-main {
|
||||
max-width: 230px;
|
||||
border-bottom: 1px solid #fff;
|
||||
padding-bottom: 10px;
|
||||
width: 270px;
|
||||
}
|
||||
|
||||
.footer-minilogos {
|
||||
width: 230px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.footer-minilogos a {
|
||||
width: 33%;
|
||||
}
|
||||
|
||||
.footer-minilogos a:first-child {
|
||||
margin-top: -3px;
|
||||
}
|
||||
|
||||
.footer-minilogos a:nth-child(2) {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.footer-minilogos a:last-child {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
footer .logo-footer .minilogo-footer {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.contact-footer h6,
|
||||
.social-footer h6 {
|
||||
font-size: 16px !important;
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
.social-footer h6 {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.footer-grid-column .menu-area h4,
|
||||
.footer-grid-second-row .menu-area h4,
|
||||
.footer-grid-column.contact-footer h4 {
|
||||
font-size: 20px;
|
||||
margin-bottom: 5px;
|
||||
text-transform: none;
|
||||
color: #fff;
|
||||
font-weight: 700;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.contact-footer p {
|
||||
font-size: 16px;
|
||||
margin-bottom: 0;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
/* .contact-footer span {
|
||||
font-size: 12px;
|
||||
} */
|
||||
.contact-footer .contact-icons {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 16px;
|
||||
padding-top: 15px;
|
||||
}
|
||||
|
||||
.contact-footer .contact-icons a {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.contact-footer .contact-icons a:hover {
|
||||
color: #98B8CF;
|
||||
}
|
||||
|
||||
.contact-footer .contact-icons img {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.social-footer .icon {
|
||||
width: 25px;
|
||||
margin-right: 30px;
|
||||
}
|
||||
|
||||
.social-footer .divider-separator {
|
||||
width: 100%;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.menu-footer {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
grid-template-rows: 1fr;
|
||||
grid-column-gap: 0px;
|
||||
grid-row-gap: 0px;
|
||||
}
|
||||
|
||||
.site-footer .seal {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.second-row-two h4 {
|
||||
margin-top: 15px !important;
|
||||
}
|
||||
|
||||
.menu-area h4 {
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.menu-area ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.menu-area ul li {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.menu-area ul li a {
|
||||
color: #fff;
|
||||
line-height: 36px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
footer .menu-area ul li a:hover {
|
||||
color: #98B8CF;
|
||||
}
|
||||
|
||||
.menu-footer div:nth-of-type(2),
|
||||
.menu-footer div:nth-of-type(3) {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.copyright-footer {
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
color: #E6E6E6;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.copyright-footer p {
|
||||
margin-bottom: 10px;
|
||||
max-width: 540px;
|
||||
}
|
||||
|
||||
.second-row {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
footer .footer-grid {
|
||||
display: grid;
|
||||
grid-template-columns: 3fr 4fr 3fr 2fr;
|
||||
grid-template-rows: 1fr;
|
||||
grid-column-gap: 0px;
|
||||
grid-row-gap: 0px;
|
||||
}
|
||||
|
||||
.footer-grid-second-row {
|
||||
display: grid;
|
||||
grid-template-columns: 10fr 2fr;
|
||||
grid-template-rows: 1fr;
|
||||
grid-column-gap: 0px;
|
||||
grid-row-gap: 0px;
|
||||
}
|
||||
|
||||
footer .footer-container {
|
||||
max-width: 1174px;
|
||||
margin: 0 auto;
|
||||
padding-top: 15px;
|
||||
/* 40px - 1rem(16px) */
|
||||
}
|
||||
|
||||
footer .logo-footer {
|
||||
/* margin: 50px 0 20px 0; */
|
||||
}
|
||||
|
||||
/*footer .footer_area_one {
|
||||
max-width: 200px;
|
||||
}
|
||||
|
||||
footer .footer_area_two {
|
||||
max-width: 180px;
|
||||
}*/
|
||||
|
||||
/*footer .footer_area_four {
|
||||
margin-left: -50px;
|
||||
}*/
|
||||
|
||||
.contact-footer {
|
||||
color: #E6E6E6;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.social-footer {
|
||||
margin-top: 35px;
|
||||
}
|
||||
|
||||
.social-footer div {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.social-footer .icons {
|
||||
justify-content: start;
|
||||
}
|
||||
|
||||
.divider-desktop {
|
||||
display: block;
|
||||
margin: 0 5%;
|
||||
border-bottom: 2px solid #484646;
|
||||
height: 50%;
|
||||
width: 90%;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
.site-footer:not(.dynamic-footer) {
|
||||
padding-right: 35px;
|
||||
padding-left: 35px;
|
||||
}
|
||||
|
||||
.pre-footer-disclaimer {
|
||||
padding: 20px !important;
|
||||
}
|
||||
|
||||
footer .logo-footer .logo-footer-main {
|
||||
width: 100%;
|
||||
max-width: 230px;
|
||||
padding: 10px 0px;
|
||||
margin: 0 auto 10px;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.footer-minilogos {
|
||||
width: 240px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.contact-footer h6,
|
||||
.social-footer h6 {
|
||||
font-size: 14px !important;
|
||||
}
|
||||
|
||||
.social-footer h6 {
|
||||
margin: 20px 0 25px;
|
||||
}
|
||||
|
||||
.contact-footer p {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.contact-footer .contact-icons img {
|
||||
max-width: 20px;
|
||||
}
|
||||
|
||||
.divider-desktop {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.footer_area_one,
|
||||
.footer_area_two,
|
||||
.footer_area_three,
|
||||
.footer_area_four {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.footer_area_one,
|
||||
.footer_area_two,
|
||||
.footer_area_three,
|
||||
.footer_area_four {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.menu-area-two,
|
||||
.second-row-two {
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.social-footer {
|
||||
margin: 15px 0;
|
||||
}
|
||||
|
||||
.social-footer .seal {
|
||||
width: 50%;
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
.second-row-two {
|
||||
margin-top: -25px;
|
||||
}
|
||||
|
||||
.social-footer .icons {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.social-footer .icons {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.social-footer .seal img {
|
||||
max-width: 125px;
|
||||
margin-top: -20px;
|
||||
}
|
||||
|
||||
.social-footer .icon {
|
||||
width: 12%;
|
||||
display: inline-block;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.social-footer .icon img {
|
||||
max-width: 20px;
|
||||
}
|
||||
|
||||
.footer-grid-column .menu-area h4,
|
||||
.footer-grid-second-row .menu-area h4,
|
||||
.footer-grid-column.contact-footer h4 {
|
||||
font-size: 14px;
|
||||
line-height: 19px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.contact-footer p {
|
||||
margin-top: 0;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.copyright-footer {
|
||||
font-size: 9px;
|
||||
line-height: 14px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.menu-footer {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
grid-template-rows: 1fr;
|
||||
grid-column-gap: 0px;
|
||||
grid-row-gap: 0px;
|
||||
}
|
||||
|
||||
.footer-grid,
|
||||
.footer-grid-second-row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.second-row-one,
|
||||
.second-row-two {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.logo-footer,
|
||||
.contact-footer {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.site-footer .seal {
|
||||
margin-top: 85px;
|
||||
}
|
||||
|
||||
.menu-area ul li {
|
||||
margin: 15px 0;
|
||||
line-height: 15px;
|
||||
}
|
||||
|
||||
.menu-area ul li a {
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
.menu-footer div:nth-of-type(3) {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.menu-footer div:nth-of-type(4) {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.contact-footer .contact-icons {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
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;
|
||||
}
|
||||
322
resources/themestyle/css/pages/front-page-landing.css
Normal file
322
resources/themestyle/css/pages/front-page-landing.css
Normal file
@@ -0,0 +1,322 @@
|
||||
.section-py {
|
||||
padding: 6.25rem 0;
|
||||
}
|
||||
|
||||
@media (max-width: 1199.98px) {
|
||||
.section-py {
|
||||
padding: 5rem 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767.98px) {
|
||||
.section-py {
|
||||
padding: 3rem 0;
|
||||
}
|
||||
}
|
||||
|
||||
.landing-hero {
|
||||
border-radius: 0 0 3.5rem 3.5rem;
|
||||
padding-top: 10.2rem;
|
||||
}
|
||||
|
||||
.landing-hero::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.landing-hero .hero-text-box {
|
||||
max-width: 34.375rem;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
.landing-hero .hero-title {
|
||||
background: linear-gradient(to right, #28c76f 0%, #5a4aff 47.92%, #ff3739 100%);
|
||||
background-size: 200% auto;
|
||||
color: #5d596c;
|
||||
background-clip: text;
|
||||
line-height: 1.2;
|
||||
text-fill-color: transparent;
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
animation: shine 2s ease-in-out infinite alternate;
|
||||
}
|
||||
|
||||
.landing-hero .hero-sub-title {
|
||||
line-height: 28px;
|
||||
}
|
||||
|
||||
.landing-hero .landing-hero-btn .hero-btn-item {
|
||||
inset-inline-start: -86%;
|
||||
top: 80%;
|
||||
}
|
||||
|
||||
.landing-hero .hero-animation-img {
|
||||
margin-bottom: -32rem;
|
||||
}
|
||||
|
||||
@media (max-width: 1199.98px) {
|
||||
.landing-hero .hero-animation-img {
|
||||
margin-bottom: -20rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575.98px) {
|
||||
.landing-hero .hero-animation-img {
|
||||
margin-bottom: -10rem;
|
||||
}
|
||||
}
|
||||
|
||||
.landing-hero .hero-animation-img .hero-dashboard-img {
|
||||
width: 80%;
|
||||
margin: 0 auto;
|
||||
will-change: transform;
|
||||
transform-style: preserve-3d;
|
||||
transition: all 0.1s;
|
||||
}
|
||||
|
||||
.landing-hero .hero-animation-img .hero-dashboard-img img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.landing-hero-blank {
|
||||
padding-top: 26rem;
|
||||
}
|
||||
|
||||
@media (max-width: 1199.98px) {
|
||||
.landing-hero-blank {
|
||||
padding-top: 15rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575.98px) {
|
||||
.landing-hero-blank {
|
||||
padding-top: 7rem;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes shine {
|
||||
0% {
|
||||
background-position: 0% 50%;
|
||||
}
|
||||
|
||||
80% {
|
||||
background-position: 50% 90%;
|
||||
}
|
||||
|
||||
100% {
|
||||
background-position: 91% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.landing-features .features-icon-wrapper .features-icon-box .features-icon-description {
|
||||
max-width: 19.25rem;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.landing-reviews {
|
||||
border-top-left-radius: 3.75rem;
|
||||
border-top-right-radius: 3.75rem;
|
||||
}
|
||||
|
||||
.landing-reviews .landing-reviews-btns .reviews-btn {
|
||||
padding: 0.45rem;
|
||||
}
|
||||
|
||||
.landing-reviews .swiper-reviews-carousel .swiper-button-prev,
|
||||
.landing-reviews .swiper-reviews-carousel .swiper-button-next {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.landing-reviews .swiper-reviews-carousel .swiper-slide {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.landing-reviews .swiper-reviews-carousel .client-logo {
|
||||
height: 1.375rem;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.landing-reviews .swiper-logo-carousel .swiper {
|
||||
max-width: 45rem;
|
||||
}
|
||||
|
||||
.landing-reviews .swiper-logo-carousel .swiper .swiper-slide {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.landing-reviews .swiper-logo-carousel .swiper .client-logo {
|
||||
max-height: 2.5rem;
|
||||
max-width: 95%;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.landing-team .card,
|
||||
.landing-team .card .team-image-box {
|
||||
border-top-left-radius: 5.625rem;
|
||||
border-top-right-radius: 1.25rem;
|
||||
}
|
||||
|
||||
.landing-team .card .card-body {
|
||||
border-bottom-left-radius: 0.375rem;
|
||||
border-bottom-right-radius: 0.375rem;
|
||||
}
|
||||
|
||||
.landing-team .team-image-box {
|
||||
height: 11.5625rem;
|
||||
}
|
||||
|
||||
.landing-team .team-image-box .card-img-position {
|
||||
height: 15rem;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
@media (max-width: 991.98px) {
|
||||
.landing-team .team-image-box .card-img-position {
|
||||
height: 13rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575.98px) {
|
||||
.landing-team .team-image-box {
|
||||
height: 11rem;
|
||||
}
|
||||
}
|
||||
|
||||
.landing-team .card .team-media-icons i {
|
||||
transition: all 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
.landing-pricing {
|
||||
border-radius: 3.75rem;
|
||||
}
|
||||
|
||||
.landing-pricing .pricing-plans-item {
|
||||
inset-inline-end: -60%;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 767.98px) {
|
||||
.landing-pricing .pricing-plans-item {
|
||||
inset-inline-end: 0;
|
||||
bottom: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.landing-pricing .price-yearly-toggle {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.landing-pricing .card .card-header,
|
||||
.landing-pricing .card .card-body {
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
.landing-faq {
|
||||
border-top-left-radius: 3.75rem;
|
||||
border-top-right-radius: 3.75rem;
|
||||
}
|
||||
|
||||
.landing-faq .faq-image {
|
||||
max-width: 20rem;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.landing-cta {
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.landing-contact .text-heading {
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
|
||||
.landing-contact .contact-img-box,
|
||||
.landing-contact .contact-img-box .contact-img {
|
||||
border-radius: 3.75rem 0.375rem 0.375rem 0.375rem;
|
||||
}
|
||||
|
||||
.landing-contact .contact-img-box::before {
|
||||
content: url("./assets/img/front-pages/icons/contact-border.png");
|
||||
position: absolute;
|
||||
inset-block-start: -2.5rem;
|
||||
inset-inline-start: -2.8125rem;
|
||||
}
|
||||
|
||||
@media (max-width: 767.98px) {
|
||||
.landing-contact .contact-img-box::before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.light-style .landing-hero {
|
||||
background: linear-gradient(138.18deg, #eae8fd 0%, #fce5e6 94.44%);
|
||||
}
|
||||
|
||||
.light-style .landing-hero::after {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.light-style .landing-cta {
|
||||
background-image: url("./assets/img/front-pages/backgrounds/cta-bg.png");
|
||||
}
|
||||
|
||||
.dark-style .landing-hero {
|
||||
background: #1e2130;
|
||||
}
|
||||
|
||||
.dark-style .landing-hero::after {
|
||||
background-color: #2f3349;
|
||||
}
|
||||
|
||||
.dark-style .landing-hero::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url("./assets/img/front-pages/backgrounds/hero-bg-dark.png") center no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.dark-style .landing-cta {
|
||||
background-image: url("./assets/img/front-pages/backgrounds/cta-bg-dark.png");
|
||||
}
|
||||
|
||||
.landing-team .team-image-box .card-img-position {
|
||||
transform: translateX(50%) !important;
|
||||
}
|
||||
|
||||
.landing-pricing .switch .switch-label {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.landing-pricing .switch .switch-label:first-child {
|
||||
padding-left: 0.5rem;
|
||||
}
|
||||
|
||||
.landing-pricing .switch .switch-input~.switch-label {
|
||||
padding-right: 3rem;
|
||||
}
|
||||
|
||||
.landing-contact .contact-img-box {
|
||||
border-radius: 0.375rem 3.75rem 0.375rem 0.375rem;
|
||||
}
|
||||
|
||||
.landing-contact .contact-img-box::before {
|
||||
inset-block-start: -1.875rem;
|
||||
inset-inline-start: -3.125rem;
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
1161
resources/themestyle/css/pages/front-page.css
Normal file
1161
resources/themestyle/css/pages/front-page.css
Normal file
File diff suppressed because it is too large
Load Diff
323
resources/themestyle/css/pages/help-center-front-page.css
Normal file
323
resources/themestyle/css/pages/help-center-front-page.css
Normal file
@@ -0,0 +1,323 @@
|
||||
.section-py {
|
||||
padding: 5rem 0;
|
||||
}
|
||||
|
||||
@media (max-width: 1199.98px) {
|
||||
.section-py {
|
||||
padding: 4rem 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767.98px) {
|
||||
.section-py {
|
||||
padding: 3rem 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.first-section-pt {
|
||||
padding-top: 8.84rem;
|
||||
/* margin-top: -83px; */
|
||||
}
|
||||
|
||||
@media (max-width: 1199.98px) {
|
||||
.first-section-pt {
|
||||
padding-top: 7.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.card[class*=card-hover-border-] {
|
||||
transition: all 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
position: relative;
|
||||
font-weight: 700;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.section-title::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
width: 120%;
|
||||
inset-inline-start: -12%;
|
||||
bottom: 0;
|
||||
background: url("./assets/img/front-pages/icons/section-title-icon.png") no-repeat left bottom;
|
||||
background-size: contain;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.light-style body {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.dark-style body {
|
||||
background-color: #2f3349;
|
||||
}
|
||||
|
||||
nav.layout-navbar {
|
||||
backdrop-filter: unset !important;
|
||||
height: auto !important;
|
||||
z-index: 999 !important;
|
||||
}
|
||||
|
||||
nav.layout-navbar::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
display: block;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
nav.layout-navbar.navbar-active::after {
|
||||
backdrop-filter: saturate(100%) blur(6px);
|
||||
-webkit-backdrop-filter: saturate(100%) blur(6px);
|
||||
}
|
||||
|
||||
.navbar.landing-navbar {
|
||||
box-shadow: none;
|
||||
transition: all 0.2s ease-in-out;
|
||||
transform: unset !important;
|
||||
padding-top: 0.75rem;
|
||||
padding-bottom: 0.75rem;
|
||||
margin-top: 1rem;
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
border-radius: 0.5rem;
|
||||
}
|
||||
|
||||
.navbar.landing-navbar .navbar-nav .nav-link {
|
||||
padding: 0.5rem 0.9375rem;
|
||||
}
|
||||
|
||||
@media (max-width: 1199.98px) {
|
||||
.navbar.landing-navbar .navbar-nav .nav-link {
|
||||
padding-left: 0.5rem;
|
||||
padding-right: 0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.navbar.landing-navbar .navbar-nav .nav-item.mega-dropdown>.dropdown-menu {
|
||||
max-width: 1300px;
|
||||
inset-inline-start: 50% !important;
|
||||
transform: translateX(-50%);
|
||||
top: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991.98px) {
|
||||
.navbar.landing-navbar .navbar-nav .nav-item.mega-dropdown>.dropdown-menu {
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar.landing-navbar .navbar-nav .nav-item.mega-dropdown>.dropdown-menu .mega-dropdown-link {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.navbar.landing-navbar .navbar-nav .nav-item.mega-dropdown>.dropdown-menu .mega-dropdown-link i {
|
||||
font-size: 0.625rem;
|
||||
}
|
||||
|
||||
.navbar.landing-navbar .navbar-nav .nav-item .nav-img-col,
|
||||
.navbar.landing-navbar .navbar-nav .nav-item .nav-img-col img {
|
||||
border-radius: 0.625rem;
|
||||
}
|
||||
|
||||
@media (max-width: 991.98px) {
|
||||
.navbar.landing-navbar .landing-menu-overlay {
|
||||
position: fixed;
|
||||
display: none;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(75, 70, 92, 0.78);
|
||||
transition: all 0.2s ease-in-out;
|
||||
z-index: 9998;
|
||||
}
|
||||
|
||||
.navbar.landing-navbar .landing-nav-menu {
|
||||
position: fixed;
|
||||
display: block !important;
|
||||
height: 100%;
|
||||
max-width: 300px;
|
||||
width: 80%;
|
||||
padding: 1rem;
|
||||
inset-inline-start: -100%;
|
||||
top: 0;
|
||||
overflow-y: auto;
|
||||
transition: all 0.3s ease-in-out;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.navbar.landing-navbar .landing-nav-menu.show {
|
||||
inset-inline-start: 0;
|
||||
}
|
||||
|
||||
.navbar.landing-navbar .landing-nav-menu.show~.landing-menu-overlay {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.light-style .layout-navbar .navbar.landing-navbar {
|
||||
border-color: rgba(255, 255, 255, 0.68);
|
||||
background: rgba(255, 255, 255, 0.38);
|
||||
}
|
||||
|
||||
.light-style .layout-navbar .navbar.landing-navbar .navbar-nav .nav-link {
|
||||
color: #5d596c;
|
||||
}
|
||||
|
||||
.light-style .layout-navbar .navbar.landing-navbar .navbar-nav .show>.nav-link,
|
||||
.light-style .layout-navbar .navbar.landing-navbar .navbar-nav .active>.nav-link,
|
||||
.light-style .layout-navbar .navbar.landing-navbar .navbar-nav .nav-link.show,
|
||||
.light-style .layout-navbar .navbar.landing-navbar .navbar-nav .nav-link.active {
|
||||
color: #7367f0 !important;
|
||||
}
|
||||
|
||||
@media (max-width: 991.98px) {
|
||||
.light-style .layout-navbar .navbar.landing-navbar .landing-nav-menu {
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.light-style .layout-navbar.navbar-active .navbar.landing-navbar {
|
||||
background: #fff;
|
||||
box-shadow: 0 0.125rem 0.25rem rgba(165, 163, 174, 0.3);
|
||||
}
|
||||
|
||||
.light-style .layout-navbar .menu-text {
|
||||
color: #5d596c;
|
||||
}
|
||||
|
||||
.dark-style .layout-navbar .navbar.landing-navbar {
|
||||
border-color: rgba(255, 255, 255, 0.08);
|
||||
background-color: rgba(255, 255, 255, 0.04);
|
||||
}
|
||||
|
||||
.dark-style .layout-navbar .navbar.landing-navbar .navbar-nav .nav-link {
|
||||
color: #cfd3ec;
|
||||
}
|
||||
|
||||
.dark-style .layout-navbar .navbar.landing-navbar .navbar-nav .show>.nav-link,
|
||||
.dark-style .layout-navbar .navbar.landing-navbar .navbar-nav .active>.nav-link,
|
||||
.dark-style .layout-navbar .navbar.landing-navbar .navbar-nav .nav-link.show,
|
||||
.dark-style .layout-navbar .navbar.landing-navbar .navbar-nav .nav-link.active {
|
||||
color: #7367f0 !important;
|
||||
}
|
||||
|
||||
@media (max-width: 991.98px) {
|
||||
.dark-style .layout-navbar .navbar.landing-navbar .landing-nav-menu {
|
||||
background-color: #2f3349;
|
||||
}
|
||||
}
|
||||
|
||||
.dark-style .layout-navbar .navbar .menu-text {
|
||||
color: #cfd3ec;
|
||||
}
|
||||
|
||||
.dark-style .layout-navbar.navbar-active .navbar.landing-navbar {
|
||||
background: #2f3349;
|
||||
border-color: #2f3349;
|
||||
box-shadow: 0 0.125rem 0.25rem rgba(15, 20, 34, 0.4);
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
[dir=rtl] .navbar.landing-navbar .navbar-nav .nav-item.mega-dropdown>.dropdown-menu {
|
||||
transform: translateX(50%);
|
||||
}
|
||||
}
|
||||
|
||||
.landing-footer .footer-link {
|
||||
transition: all 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
.landing-footer .footer-link:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.landing-footer .footer-top {
|
||||
background-position: right center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
padding: 3.5rem 0;
|
||||
/* border-top-left-radius: 3.75rem; */
|
||||
/* border-top-right-radius: 3.75rem; */
|
||||
}
|
||||
|
||||
@media (max-width: 767.98px) {
|
||||
.landing-footer .footer-top {
|
||||
padding: 3rem 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.landing-footer .footer-logo-description {
|
||||
max-width: 322px;
|
||||
}
|
||||
}
|
||||
|
||||
.landing-footer .footer-form {
|
||||
max-width: 22.25rem;
|
||||
}
|
||||
|
||||
.landing-footer .footer-form input {
|
||||
background-color: #25293c;
|
||||
border-color: #434968;
|
||||
color: #d3d4dc;
|
||||
}
|
||||
|
||||
.landing-footer .footer-form input:hover:not([disabled]):not([focus]) {
|
||||
border-color: #434968;
|
||||
}
|
||||
|
||||
.landing-footer .footer-form input::placeholder {
|
||||
color: rgba(211, 212, 220, 0.5);
|
||||
}
|
||||
|
||||
.landing-footer .footer-form label {
|
||||
color: rgba(211, 212, 220, 0.5);
|
||||
}
|
||||
|
||||
.light-style .landing-footer .footer-link,
|
||||
.light-style .landing-footer .footer-text {
|
||||
color: #d3d4dc;
|
||||
}
|
||||
|
||||
.light-style .landing-footer .footer-title {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.light-style .landing-footer .footer-top {
|
||||
background-image: url("./assets/img/front-pages/backgrounds/footer-bg-light.png");
|
||||
}
|
||||
|
||||
.light-style .landing-footer .footer-bottom {
|
||||
background-color: #282c3e;
|
||||
}
|
||||
|
||||
.dark-style .landing-footer .footer-link,
|
||||
.dark-style .landing-footer .footer-text {
|
||||
color: #b6bee3;
|
||||
}
|
||||
|
||||
.dark-style .landing-footer .footer-title {
|
||||
color: #cfd3ec;
|
||||
}
|
||||
|
||||
.dark-style .landing-footer .footer-top {
|
||||
background-image: url("/assets/img/front-pages/backgrounds/footer-bg-dark.png");
|
||||
}
|
||||
|
||||
.dark-style .landing-footer .footer-bottom {
|
||||
background-color: #171925;
|
||||
}
|
||||
114
resources/themestyle/css/pages/page-auth.css
Normal file
114
resources/themestyle/css/pages/page-auth.css
Normal file
@@ -0,0 +1,114 @@
|
||||
.authentication-wrapper {
|
||||
display: flex;
|
||||
flex-basis: 100%;
|
||||
min-height: 100vh;
|
||||
width: 100%;
|
||||
}
|
||||
.authentication-wrapper .authentication-inner {
|
||||
width: 100%;
|
||||
}
|
||||
.authentication-wrapper.authentication-basic {
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.authentication-wrapper.authentication-basic .card-body {
|
||||
padding: 2rem;
|
||||
}
|
||||
.authentication-wrapper.authentication-cover {
|
||||
align-items: flex-start;
|
||||
}
|
||||
.authentication-wrapper.authentication-cover .authentication-inner {
|
||||
height: 100%;
|
||||
margin: auto 0;
|
||||
}
|
||||
.authentication-wrapper.authentication-cover .authentication-inner .auth-cover-bg {
|
||||
width: 100%;
|
||||
margin: 2rem 0 2rem 2rem;
|
||||
height: calc(100vh - 4rem);
|
||||
border-radius: 1.125rem;
|
||||
position: relative;
|
||||
}
|
||||
.authentication-wrapper.authentication-cover .authentication-inner .auth-cover-bg .auth-illustration {
|
||||
max-height: 65%;
|
||||
z-index: 1;
|
||||
}
|
||||
.authentication-wrapper.authentication-cover .authentication-inner .platform-bg {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
bottom: 0%;
|
||||
left: 0%;
|
||||
height: 35%;
|
||||
}
|
||||
.authentication-wrapper.authentication-cover .authentication-inner .auth-multisteps-bg-height {
|
||||
height: 100vh;
|
||||
}
|
||||
.authentication-wrapper.authentication-cover .authentication-inner .auth-multisteps-bg-height > img:first-child {
|
||||
z-index: 1;
|
||||
}
|
||||
.authentication-wrapper.authentication-basic .authentication-inner {
|
||||
max-width: 400px;
|
||||
position: relative;
|
||||
}
|
||||
.authentication-wrapper.authentication-basic .authentication-inner:before {
|
||||
width: 238px;
|
||||
height: 233px;
|
||||
content: " ";
|
||||
position: absolute;
|
||||
top: -55px;
|
||||
left: -40px;
|
||||
background-image: url("data:image/svg+xml,%3Csvg width='239' height='234' viewBox='0 0 239 234' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='88.5605' y='0.700195' width='149' height='149' rx='19.5' stroke='%237367F0' stroke-opacity='0.16'/%3E%3Crect x='0.621094' y='33.761' width='200' height='200' rx='10' fill='%237367F0' fill-opacity='0.08'/%3E%3C/svg%3E%0A");
|
||||
}
|
||||
@media (max-width: 575.98px) {
|
||||
.authentication-wrapper.authentication-basic .authentication-inner:before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.authentication-wrapper.authentication-basic .authentication-inner:after {
|
||||
width: 180px;
|
||||
height: 180px;
|
||||
content: " ";
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
bottom: -30px;
|
||||
right: -56px;
|
||||
background-image: url("data:image/svg+xml,%3Csvg width='181' height='181' viewBox='0 0 181 181' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.30469' y='1.44312' width='178' height='178' rx='19' stroke='%237367F0' stroke-opacity='0.16' stroke-width='2' stroke-dasharray='8 8'/%3E%3Crect x='22.8047' y='22.9431' width='135' height='135' rx='10' fill='%237367F0' fill-opacity='0.08'/%3E%3C/svg%3E");
|
||||
}
|
||||
@media (max-width: 575.98px) {
|
||||
.authentication-wrapper.authentication-basic .authentication-inner:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.authentication-wrapper .auth-input-wrapper .auth-input {
|
||||
max-width: 50px;
|
||||
padding-left: 0.4rem;
|
||||
padding-right: 0.4rem;
|
||||
font-size: 150%;
|
||||
}
|
||||
|
||||
@media (max-height: 636px) {
|
||||
.auth-multisteps-bg-height {
|
||||
height: 100% !important;
|
||||
}
|
||||
}
|
||||
@media (max-width: 575.98px) {
|
||||
.authentication-wrapper .auth-input-wrapper .auth-input {
|
||||
font-size: 1.125rem;
|
||||
}
|
||||
}
|
||||
#twoStepsForm .fv-plugins-bootstrap5-row-invalid .form-control {
|
||||
border-color: #ea5455;
|
||||
}
|
||||
|
||||
.light-style .authentication-wrapper.authentication-bg {
|
||||
background-color: #fff;
|
||||
}
|
||||
.light-style .auth-cover-bg-color {
|
||||
background-color: #f8f7fa;
|
||||
}
|
||||
|
||||
.dark-style .authentication-wrapper.authentication-bg {
|
||||
background-color: #2f3349;
|
||||
}
|
||||
.dark-style .auth-cover-bg-color {
|
||||
background-color: #25293c;
|
||||
}
|
||||
27
resources/themestyle/css/pages/page-icons.css
Normal file
27
resources/themestyle/css/pages/page-icons.css
Normal file
@@ -0,0 +1,27 @@
|
||||
#icons-container .icon-card {
|
||||
width: 128px;
|
||||
}
|
||||
#icons-container .icon-card i {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
#icons-container .icon-card {
|
||||
width: 126px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767.98px) {
|
||||
#icons-container .icon-card {
|
||||
width: 131px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 414px) {
|
||||
#icons-container .icon-card {
|
||||
width: 110px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 375px) {
|
||||
#icons-container .icon-card {
|
||||
width: 150px;
|
||||
}
|
||||
}
|
||||
431
resources/themestyle/css/pages/post-4.css
Normal file
431
resources/themestyle/css/pages/post-4.css
Normal file
@@ -0,0 +1,431 @@
|
||||
.elementor-kit-4 {
|
||||
--e-global-color-primary: #FFFFFF;
|
||||
--e-global-color-secondary: #444444;
|
||||
--e-global-color-text: #000000;
|
||||
--e-global-color-accent: #9C0C19;
|
||||
--e-global-typography-primary-font-family: "Oxygen";
|
||||
--e-global-typography-primary-font-size: 20px;
|
||||
--e-global-typography-primary-font-weight: 600;
|
||||
--e-global-typography-primary-line-height: 24px;
|
||||
--e-global-typography-secondary-font-family: "Oxygen";
|
||||
--e-global-typography-secondary-font-size: 18px;
|
||||
--e-global-typography-secondary-font-weight: bold;
|
||||
--e-global-typography-secondary-text-transform: uppercase;
|
||||
--e-global-typography-secondary-line-height: 22px;
|
||||
--e-global-typography-text-font-family: "Oxygen";
|
||||
--e-global-typography-text-font-size: 20px;
|
||||
--e-global-typography-text-font-weight: 400;
|
||||
--e-global-typography-accent-font-family: "Oxygen";
|
||||
--e-global-typography-accent-font-weight: 500;
|
||||
--e-global-typography-d1dbfca-font-family: "Oxygen";
|
||||
--e-global-typography-d1dbfca-font-size: 60px;
|
||||
--e-global-typography-d1dbfca-font-weight: bold;
|
||||
--e-global-typography-d1dbfca-line-height: 80px;
|
||||
--e-global-typography-f35a9ee-font-family: "Oxygen";
|
||||
--e-global-typography-f35a9ee-font-size: 44px;
|
||||
--e-global-typography-f35a9ee-font-weight: bold;
|
||||
--e-global-typography-f35a9ee-line-height: 55px;
|
||||
--e-global-typography-a0158a9-font-family: "Oxygen";
|
||||
--e-global-typography-a0158a9-font-size: 16px;
|
||||
--e-global-typography-a0158a9-font-weight: bold;
|
||||
--e-global-typography-a0158a9-text-transform: uppercase;
|
||||
--e-global-typography-4b8ae65-font-family: "Oxygen";
|
||||
--e-global-typography-4b8ae65-font-size: 26px;
|
||||
--e-global-typography-4b8ae65-font-weight: 600;
|
||||
--e-global-typography-4b8ae65-line-height: 40px;
|
||||
--e-global-typography-7bd4123-font-family: "Oxygen";
|
||||
--e-global-typography-7bd4123-font-size: 16px;
|
||||
--e-global-typography-7bd4123-line-height: 26px;
|
||||
--e-global-typography-31956a4-font-family: "Oxygen";
|
||||
--e-global-typography-31956a4-font-size: 40px;
|
||||
--e-global-typography-31956a4-font-weight: 600;
|
||||
}
|
||||
|
||||
.elementor-kit-4 a {
|
||||
color: var(--e-global-color-accent);
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.elementor-kit-4 button,
|
||||
.elementor-kit-4 input[type="button"],
|
||||
.elementor-kit-4 input[type="submit"],
|
||||
.elementor-kit-4 .elementor-button {
|
||||
text-decoration: none;
|
||||
color: var(--e-global-color-primary);
|
||||
}
|
||||
|
||||
.elementor-section.elementor-section-boxed>.elementor-container {
|
||||
max-width: 1200px;
|
||||
}
|
||||
|
||||
.e-con {
|
||||
--container-max-width: 1200px;
|
||||
}
|
||||
|
||||
.elementor-widget:not(:last-child) {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.elementor-element {
|
||||
--widgets-spacing: 20px;
|
||||
}
|
||||
|
||||
h1.entry-title {
|
||||
display: var(--page-title-display);
|
||||
}
|
||||
|
||||
@media(max-width:1024px) {
|
||||
.elementor-section.elementor-section-boxed>.elementor-container {
|
||||
max-width: 1024px;
|
||||
}
|
||||
|
||||
.e-con {
|
||||
--container-max-width: 1024px;
|
||||
}
|
||||
}
|
||||
|
||||
@media(max-width:767px) {
|
||||
.elementor-kit-4 {
|
||||
--e-global-typography-secondary-font-size: 16px;
|
||||
--e-global-typography-secondary-line-height: 18px;
|
||||
--e-global-typography-text-font-size: 16px;
|
||||
--e-global-typography-text-line-height: 24px;
|
||||
--e-global-typography-d1dbfca-font-size: 30px;
|
||||
--e-global-typography-d1dbfca-line-height: 36px;
|
||||
--e-global-typography-f35a9ee-font-size: 24px;
|
||||
--e-global-typography-f35a9ee-line-height: 35px;
|
||||
--e-global-typography-a0158a9-font-size: 12px;
|
||||
--e-global-typography-4b8ae65-font-size: 20px;
|
||||
--e-global-typography-4b8ae65-line-height: 27px;
|
||||
--e-global-typography-31956a4-font-size: 24px;
|
||||
}
|
||||
|
||||
.elementor-section.elementor-section-boxed>.elementor-container {
|
||||
max-width: 767px;
|
||||
}
|
||||
|
||||
.e-con {
|
||||
--container-max-width: 767px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Start custom CSS */
|
||||
.swiper-slide-inner {
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
ul {
|
||||
padding-left: 25px;
|
||||
}
|
||||
|
||||
ul li {
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
ul li::marker {
|
||||
color: #9C0C19;
|
||||
}
|
||||
|
||||
.red-bold li::before {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.elementor-accordion-icon-closed svg,
|
||||
.elementor-accordion-icon-opened svg {
|
||||
width: 22px;
|
||||
height: 12px;
|
||||
margin-top: 7px;
|
||||
}
|
||||
|
||||
.ptgacc .elementor-tab-title {
|
||||
padding: 20px 25px !important;
|
||||
}
|
||||
|
||||
.ptgacc .elementor-tab-content {
|
||||
padding: 0px 25px 25px !important;
|
||||
}
|
||||
|
||||
.elementor-tab-content p {
|
||||
color: #000 !important;
|
||||
}
|
||||
|
||||
.elementor-tab-content {
|
||||
background-color: #F4F4F4 !important;
|
||||
}
|
||||
|
||||
/* BUTTONS */
|
||||
@media only screen and (max-width: 767px) {
|
||||
.elementor-button .fas {
|
||||
position: absolute;
|
||||
left: 30%;
|
||||
}
|
||||
|
||||
ul {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
ul li {
|
||||
margin: 10px 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* RED LI DOTS */
|
||||
.red-dots ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.red-dots ul li {
|
||||
padding: 0px 10px;
|
||||
}
|
||||
|
||||
.red-dots ul li::before {
|
||||
content: "\2022";
|
||||
color: #9C0C19;
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
width: 30px;
|
||||
font-size: 22px;
|
||||
margin-left: -30px;
|
||||
}
|
||||
|
||||
.red-dots .fas {
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
.red-dots ul li {
|
||||
padding: 5px 0;
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.red-dots ul li:last-child {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.red-dots ul li::before {
|
||||
font-size: 24px;
|
||||
margin-top: 0;
|
||||
margin-left: -30px;
|
||||
width: 30px;
|
||||
position: absolute;
|
||||
}
|
||||
}
|
||||
|
||||
/* understanding HTR pages */
|
||||
.improved-lists {
|
||||
background: #ededed;
|
||||
padding: 1rem;
|
||||
border-radius: 10px;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.improved-blk .elementor-widget-container {
|
||||
margin: 0rem;
|
||||
padding: 0rem;
|
||||
list-style: none;
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
|
||||
.improved-blk .elementor-accordion-item,
|
||||
.improved-blk .elementor-icon-list-item {
|
||||
border-bottom: 2px solid #e2e2e2 !important;
|
||||
position: relative;
|
||||
padding: 1rem 0 !important;
|
||||
}
|
||||
|
||||
.improved-blk .elementor-accordion-item,
|
||||
.improved-blk .elementor-icon-list-item,
|
||||
.improved-blk .elementor-tab-title,
|
||||
.improved-blk .elementor-accordion .elementor-accordion-title,
|
||||
.improved-blk .elementor-accordion .elementor-tab-content {
|
||||
font-family: 'Roboto', sans-serif !important;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.improved-blk .elementor-tab-title,
|
||||
.improved-blk .elementor-icon-list-item span,
|
||||
.improved-blk .elementor-tab-title:hover,
|
||||
.improved-blk .elementor-tab-title:focus {
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.improved-blk .elementor-tab-title {
|
||||
padding: 0rem;
|
||||
}
|
||||
|
||||
.improved-blk .elementor-accordion .elementor-tab-content {
|
||||
margin-top: 1rem;
|
||||
margin-bottom: 0rem;
|
||||
}
|
||||
|
||||
.right-sidebar h4 {
|
||||
font-size: 2.5rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.right-sidebar .elementor-icon-list-item {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.right-sidebar .elementor-icon-list-item:first-child,
|
||||
.improved-blk .elementor-accordion-item:first-child {
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
|
||||
.right-sidebar .anyquestions {
|
||||
font-size: 1.5rem !important;
|
||||
font-weight: 400 !important;
|
||||
padding: 0 !important;
|
||||
text-align: left !important;
|
||||
margin-bottom: 10px;
|
||||
line-height: 2rem;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
.lftcontent h2 {
|
||||
font-size: 1.5rem !important;
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
.right-sidebar h4 {
|
||||
text-transform: initial !important;
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.right-sidebar .elementor-icon-list-item:first-child,
|
||||
.improved-blk .elementor-accordion-item:first-child {
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
|
||||
.right-sidebar .anyquestions {
|
||||
font-size: 1rem !important;
|
||||
line-height: 1.5rem;
|
||||
}
|
||||
|
||||
.testimonials h2 {
|
||||
font-size: 2rem !important;
|
||||
}
|
||||
|
||||
.elementor-button {
|
||||
font-size: 1rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1400px) {
|
||||
.elementor-section.blgfaq {
|
||||
position: sticky;
|
||||
top: 80px;
|
||||
}
|
||||
}
|
||||
|
||||
.tccfaq .elementor-accordion {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
margin: 0px -5px;
|
||||
}
|
||||
|
||||
.tccfaq .elementor-accordion-item {
|
||||
-ms-flex: 0 0 50%;
|
||||
flex: 0 0 50%;
|
||||
max-width: 50%;
|
||||
padding: 0px 5px;
|
||||
}
|
||||
|
||||
.ptgacc.tccfaq .elementor-tab-title {
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
.white-on-mobile {
|
||||
color: #fff !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* HEADER */
|
||||
.site-navigation ul.menu li a,
|
||||
.topcontact a {
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.topcontact {
|
||||
margin: auto 0;
|
||||
}
|
||||
|
||||
#site-header {
|
||||
z-index: 130 !important;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1201px) {
|
||||
.site-navigation ul.menu li ul li {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li.menu-item-type-custom:hover>a {
|
||||
color: #9c0c19;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1200px) {
|
||||
.site-branding img {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li {
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li a {
|
||||
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li.menu-item-has-children:focus-within>ul {
|
||||
display: inherit;
|
||||
}
|
||||
|
||||
li:not(.sub-show) ul {
|
||||
/* display: none !important; */
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li a {
|
||||
padding: 4px 15px;
|
||||
}
|
||||
}
|
||||
|
||||
/* End custom CSS */
|
||||
/* Start Custom Fonts CSS */
|
||||
@font-face {
|
||||
font-family: 'Oxygen';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: auto;
|
||||
src: url('https://maleexcel.com/lp/wp-content/themes/maleexcel/assets/fonts/oxygen-light-webfont.woff2') format('woff2'),
|
||||
url('https://maleexcel.com/lp/wp-content/themes/maleexcel/assets/fonts/oxygen-light-webfont.woff') format('woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Oxygen';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
font-display: auto;
|
||||
src: url('https://maleexcel.com/lp/wp-content/themes/maleexcel/assets/fonts/oxygen-regular-webfont.woff2') format('woff2'),
|
||||
url('https://maleexcel.com/lp/wp-content/themes/maleexcel/assets/fonts/oxygen-regular-webfont.woff') format('woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Oxygen';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
font-display: auto;
|
||||
src: url('https://maleexcel.com/lp/wp-content/themes/maleexcel/assets/fonts/oxygen-bold-webfont.woff2') format('woff2'),
|
||||
url('https://maleexcel.com/lp/wp-content/themes/maleexcel/assets/fonts/oxygen-bold-webfont.woff') format('woff');
|
||||
}
|
||||
|
||||
/* End Custom Fonts CSS */
|
||||
819
resources/themestyle/css/pages/theme.css
Normal file
819
resources/themestyle/css/pages/theme.css
Normal file
@@ -0,0 +1,819 @@
|
||||
/**
|
||||
* DO NOT CHANGE THIS FILE!
|
||||
* To override any of the settings in this section, add your styling code in the custom directory.
|
||||
* Loading first in the style.scss & classic-editor.scss
|
||||
*/
|
||||
/**
|
||||
* General - https://codex.wordpress.org/CSS#WordPress_Generated_Classes
|
||||
* DO NOT CHANGE THIS FILE
|
||||
* to override any of the settings in this section, add your styling code in the custom directory.
|
||||
*/
|
||||
.page-content a,
|
||||
.comments-area a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.alignright {
|
||||
float: right;
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
.alignleft {
|
||||
float: left;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
.aligncenter {
|
||||
clear: both;
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.alignwide {
|
||||
margin-left: -80px;
|
||||
margin-right: -80px;
|
||||
}
|
||||
|
||||
.alignfull {
|
||||
margin-left: calc(50% - 50vw);
|
||||
margin-right: calc(50% - 50vw);
|
||||
max-width: 100vw;
|
||||
width: 100vw;
|
||||
}
|
||||
|
||||
.alignfull img {
|
||||
width: 100vw;
|
||||
}
|
||||
|
||||
.wp-caption {
|
||||
margin-bottom: 1.25rem;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.wp-caption.alignleft {
|
||||
margin: 5px 20px 20px 0;
|
||||
}
|
||||
|
||||
.wp-caption.alignright {
|
||||
margin: 5px 0 20px 20px;
|
||||
}
|
||||
|
||||
.wp-caption img {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.wp-caption-text {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.gallery-caption {
|
||||
display: block;
|
||||
font-size: 0.8125rem;
|
||||
line-height: 1.5;
|
||||
margin: 0;
|
||||
padding: 0.75rem;
|
||||
}
|
||||
|
||||
.pagination {
|
||||
margin: 20px auto;
|
||||
}
|
||||
|
||||
.sticky {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.bypostauthor {
|
||||
font-size: inherit;
|
||||
}
|
||||
|
||||
.hide {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.post-password-form p {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
}
|
||||
|
||||
.post-password-form [type=submit] {
|
||||
margin-left: 3px;
|
||||
}
|
||||
|
||||
/*
|
||||
DO NOT CHANGE THIS FILE
|
||||
to override any of the settings in this section, add your styling code in the custom directory.
|
||||
*/
|
||||
.screen-reader-text {
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
height: 1px;
|
||||
overflow: hidden;
|
||||
position: absolute !important;
|
||||
width: 1px;
|
||||
word-wrap: normal !important;
|
||||
/* Many screen reader and browser combinations announce broken words as they would appear visually. */
|
||||
}
|
||||
|
||||
.screen-reader-text:focus {
|
||||
background-color: #eeeeee;
|
||||
clip: auto !important;
|
||||
clip-path: none;
|
||||
color: #333333;
|
||||
display: block;
|
||||
font-size: 1rem;
|
||||
height: auto;
|
||||
left: 5px;
|
||||
line-height: normal;
|
||||
padding: 15px 23px 14px;
|
||||
text-decoration: none;
|
||||
top: 5px;
|
||||
width: auto;
|
||||
z-index: 100000;
|
||||
/* Above WP toolbar. */
|
||||
}
|
||||
|
||||
/**
|
||||
* Header styling and layout
|
||||
*/
|
||||
.site-header {
|
||||
/* Backwards compat for Hello 2.3.0 */
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
/* padding-top: 1rem; */
|
||||
padding-bottom: 1rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.site-header .site-navigation {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.site-header .site-branding {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.site-header .header-inner {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.site-header .header-inner .custom-logo-link {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.site-header .header-inner .site-branding .site-title,
|
||||
.site-header .header-inner .site-branding .site-description {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.site-header .header-inner .site-branding.show-title .site-logo {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.site-header .header-inner .site-branding.show-logo .site-title {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.site-header:not(.header-stacked) .header-inner .site-branding {
|
||||
max-width: 30%;
|
||||
}
|
||||
|
||||
.site-header:not(.header-stacked) .header-inner .site-navigation {
|
||||
max-width: 70%;
|
||||
}
|
||||
|
||||
.site-header.header-inverted .header-inner {
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
|
||||
.site-header.header-inverted .header-inner .site-branding {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.site-header.header-inverted .header-inner .site-navigation {
|
||||
justify-content: start;
|
||||
}
|
||||
|
||||
.site-header.header-stacked .header-inner {
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media (max-width: 576px) {
|
||||
.site-header .header-inner:not(.header-stacked) .site-branding {
|
||||
max-width: 80%;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Footer styling and layout
|
||||
*/
|
||||
.site-footer {
|
||||
padding-top: 1rem;
|
||||
padding-bottom: 1rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.site-footer .footer-inner {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.site-footer .footer-inner .custom-logo-link {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.site-footer .footer-inner .site-navigation {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.site-footer .footer-inner .site-branding {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.site-footer .footer-inner .site-branding .site-title,
|
||||
.site-footer .footer-inner .site-branding .site-description {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.site-footer .footer-inner .site-branding.show-title .site-logo {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.site-footer .footer-inner .site-branding.show-logo .site-title {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.site-footer .footer-inner .copyright {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.site-footer .footer-inner .copyright p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.site-footer.footer-inverted .footer-inner {
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
|
||||
.site-footer.footer-inverted .footer-inner .site-branding {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.site-footer.footer-inverted .footer-inner .site-navigation {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.site-footer.footer-has-copyright .footer-inner .site-navigation {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.site-footer.footer-stacked .footer-inner {
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.site-footer.footer-stacked .footer-inner .site-branding h4.site-title {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.site-footer.footer-stacked .footer-inner .site-navigation .menu {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.site-footer:not(.footer-stacked) .footer-inner .site-branding {
|
||||
max-width: 20%;
|
||||
}
|
||||
|
||||
.site-footer:not(.footer-stacked) .footer-inner .site-navigation {
|
||||
max-width: 60%;
|
||||
}
|
||||
|
||||
.site-footer:not(.footer-stacked) .footer-inner .copyright {
|
||||
max-width: 20%;
|
||||
}
|
||||
|
||||
@media (max-width: 576px) {
|
||||
|
||||
.site-footer:not(.footer-stacked) .footer-inner .site-branding,
|
||||
.site-footer:not(.footer-stacked) .footer-inner .site-navigation,
|
||||
.site-footer:not(.footer-stacked) .footer-inner .copyright {
|
||||
display: block;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
max-width: none;
|
||||
}
|
||||
|
||||
.site-footer .footer-inner .site-navigation ul.menu {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.site-footer .footer-inner .site-navigation ul.menu li {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Post Item in Archive
|
||||
*/
|
||||
.post .entry-title a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.post .wp-post-image {
|
||||
width: 100%;
|
||||
max-height: 500px;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.post .wp-post-image {
|
||||
max-height: 400px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.post .wp-post-image {
|
||||
max-height: 300px;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Comments
|
||||
*/
|
||||
#comments .comment-list {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
font-size: .9em;
|
||||
}
|
||||
|
||||
#comments .comment,
|
||||
#comments .pingback {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#comments .comment .comment-body,
|
||||
#comments .pingback .comment-body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 30px 0 30px 60px;
|
||||
border-bottom: 1px solid #cccccc;
|
||||
}
|
||||
|
||||
body.rtl #comments .comment .comment-body,
|
||||
body.rtl #comments .pingback .comment-body {
|
||||
padding: 30px 60px 30px 0;
|
||||
}
|
||||
|
||||
#comments .comment .avatar,
|
||||
#comments .pingback .avatar {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
border-radius: 50%;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
body.rtl #comments .comment .avatar,
|
||||
body.rtl #comments .pingback .avatar {
|
||||
left: auto;
|
||||
right: 0;
|
||||
margin-right: 0;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
#comments .comment-meta {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: .9rem;
|
||||
}
|
||||
|
||||
#comments .reply,
|
||||
#comments .comment-metadata {
|
||||
font-size: 11px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
#comments .children {
|
||||
position: relative;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
body.rtl #comments .children {
|
||||
padding-left: 0;
|
||||
padding-right: 30px;
|
||||
}
|
||||
|
||||
#comments .children li:last-child {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
#comments ol.comment-list .children:before {
|
||||
display: inline-block;
|
||||
font-size: 1em;
|
||||
font-weight: normal;
|
||||
line-height: 100%;
|
||||
content: '\21AA';
|
||||
position: absolute;
|
||||
top: 45px;
|
||||
left: 0;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
body.rtl #comments ol.comment-list .children:before {
|
||||
content: '\21A9';
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
|
||||
#comments .comment-author,
|
||||
#comments .comment-metadata {
|
||||
line-height: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
#comments .comment .comment-body {
|
||||
padding: 30px 0;
|
||||
}
|
||||
|
||||
#comments .children {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
#comments .comment .avatar {
|
||||
position: inherit;
|
||||
float: left;
|
||||
}
|
||||
|
||||
body.rtl #comments .comment .avatar {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Navigation Menu's
|
||||
*/
|
||||
.site-header.header-inverted .site-navigation-toggle-holder {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.site-header.header-stacked .site-navigation-toggle-holder {
|
||||
justify-content: center;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.site-header.menu-layout-dropdown .site-navigation {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.site-navigation-toggle-holder {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
flex-grow: 1;
|
||||
max-width: 20%;
|
||||
padding: 8px 15px;
|
||||
}
|
||||
|
||||
.site-navigation-toggle-holder .site-navigation-toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 22px;
|
||||
padding: 0.25em;
|
||||
cursor: pointer;
|
||||
border: 0 solid;
|
||||
border-radius: 3px;
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
color: #494c4f;
|
||||
}
|
||||
|
||||
.site-navigation-toggle-holder.elementor-active .site-navigation-toggle i:before {
|
||||
content: '\e87f';
|
||||
}
|
||||
|
||||
.site-navigation {
|
||||
grid-area: nav-menu;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu,
|
||||
.site-navigation ul.menu ul {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li {
|
||||
position: relative;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li a {
|
||||
display: block;
|
||||
padding: 8px 15px;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li.menu-item-has-children {
|
||||
padding-right: 36px;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li.menu-item-has-children:after {
|
||||
display: none;
|
||||
content: '\25BE';
|
||||
font-size: 1.5em;
|
||||
align-items: center;
|
||||
color: #666666;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li.menu-item-has-children:focus-within>ul {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li ul {
|
||||
background: #fff;
|
||||
display: none;
|
||||
min-width: 150px;
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
left: 0;
|
||||
top: 100%;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li ul li {
|
||||
border-bottom: #eeeeee 1px solid;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li ul li:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li ul li.menu-item-has-children a {
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li ul li.menu-item-has-children:after {
|
||||
transform: translateY(-50%) rotate(-90deg);
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li ul ul {
|
||||
left: 100%;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li:hover>ul {
|
||||
display: block;
|
||||
}
|
||||
|
||||
footer .site-navigation ul.menu li ul {
|
||||
top: auto;
|
||||
bottom: 100%;
|
||||
}
|
||||
|
||||
footer .site-navigation ul.menu li ul ul {
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
footer .site-navigation ul.menu a {
|
||||
padding: 5px 15px;
|
||||
}
|
||||
|
||||
.site-navigation-dropdown {
|
||||
margin-top: 10px;
|
||||
transition: max-height 0.3s, transform 0.3s;
|
||||
transform-origin: top;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 10000;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.site-navigation-toggle-holder:not(.elementor-active)+.site-navigation-dropdown {
|
||||
transform: scaleY(0);
|
||||
max-height: 0;
|
||||
}
|
||||
|
||||
.site-navigation-toggle-holder.elementor-active+.site-navigation-dropdown {
|
||||
transform: scaleY(1);
|
||||
max-height: 100vh;
|
||||
}
|
||||
|
||||
.site-navigation-dropdown ul {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.site-navigation-dropdown ul.menu {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background: white;
|
||||
}
|
||||
|
||||
.site-navigation-dropdown ul.menu li {
|
||||
display: block;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.site-navigation-dropdown ul.menu li a {
|
||||
display: block;
|
||||
padding: 20px;
|
||||
background: #ffffff;
|
||||
color: #55595c;
|
||||
box-shadow: inset 0 -1px 0 #0000001a;
|
||||
}
|
||||
|
||||
.site-navigation-dropdown ul.menu li.current-menu-item a {
|
||||
color: white;
|
||||
background: #55595c;
|
||||
}
|
||||
|
||||
.site-navigation-dropdown ul.menu>li li {
|
||||
transition: max-height 0.3s, transform 0.3s;
|
||||
transform-origin: top;
|
||||
transform: scaleY(0);
|
||||
max-height: 0;
|
||||
}
|
||||
|
||||
.site-navigation-dropdown ul.menu li.elementor-active>ul>li {
|
||||
transform: scaleY(1);
|
||||
max-height: 100vh;
|
||||
}
|
||||
|
||||
@media (max-width: 576px) {
|
||||
.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation-toggle-holder {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 576px) and (max-width: 767px) {
|
||||
.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation-toggle-holder {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 992px) {
|
||||
.site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.site-header.menu-dropdown-none:not(.menu-layout-dropdown) .site-navigation-toggle-holder {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* Basic responsive layout
|
||||
*/
|
||||
.site-header .header-inner,
|
||||
.site-header:not(.dynamic-header),
|
||||
.site-footer .footer-inner,
|
||||
.site-footer:not(.dynamic-footer),
|
||||
body:not([class*="elementor-page-"]) .site-main,
|
||||
.page-header .entry-title {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
|
||||
.site-header .header-inner,
|
||||
.site-header:not(.dynamic-header),
|
||||
.site-footer .footer-inner,
|
||||
.site-footer:not(.dynamic-footer),
|
||||
body:not([class*="elementor-page-"]) .site-main,
|
||||
.page-header .entry-title {
|
||||
padding-right: 10px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
|
||||
.site-header .header-inner,
|
||||
.site-header:not(.dynamic-header),
|
||||
.site-footer .footer-inner,
|
||||
.site-footer:not(.dynamic-footer),
|
||||
body:not([class*="elementor-page-"]) .site-main,
|
||||
.page-header .entry-title {
|
||||
max-width: 500px;
|
||||
}
|
||||
|
||||
.site-header.header-full-width .header-inner {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.site-footer.footer-full-width .footer-inner {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
|
||||
.site-header .header-inner,
|
||||
.site-header:not(.dynamic-header),
|
||||
.site-footer .footer-inner,
|
||||
.site-footer:not(.dynamic-footer),
|
||||
body:not([class*="elementor-page-"]) .site-main,
|
||||
.page-header .entry-title {
|
||||
max-width: 600px;
|
||||
}
|
||||
|
||||
.site-header.header-full-width {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.site-footer.footer-full-width {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
|
||||
.site-header .header-inner,
|
||||
.site-header:not(.dynamic-header),
|
||||
.site-footer .footer-inner,
|
||||
.site-footer:not(.dynamic-footer),
|
||||
body:not([class*="elementor-page-"]) .site-main,
|
||||
.page-header .entry-title {
|
||||
max-width: 800px;
|
||||
}
|
||||
|
||||
.site-header.header-full-width {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.site-footer.footer-full-width {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
|
||||
.site-header .header-inner,
|
||||
.site-header:not(.dynamic-header),
|
||||
.site-footer .footer-inner,
|
||||
.site-footer:not(.dynamic-footer),
|
||||
body:not([class*="elementor-page-"]) .site-main,
|
||||
.page-header .entry-title {
|
||||
max-width: 1140px;
|
||||
}
|
||||
|
||||
.site-header.header-full-width {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.site-footer.footer-full-width {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.site-header+.elementor {
|
||||
min-height: calc(100vh - 320px);
|
||||
}
|
||||
52
resources/themestyle/css/pages/ui-carousel.css
Normal file
52
resources/themestyle/css/pages/ui-carousel.css
Normal file
@@ -0,0 +1,52 @@
|
||||
.swiper {
|
||||
width: 100%;
|
||||
/* height: 100%; */
|
||||
height: 400px;
|
||||
}
|
||||
.swiper .swiper-slide {
|
||||
padding: 2rem 0;
|
||||
text-align: center;
|
||||
font-size: 1.5rem;
|
||||
background-color: #ecebed;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#swiper-multiple-slides,
|
||||
#swiper-3d-coverflow-effect {
|
||||
height: 300px;
|
||||
}
|
||||
|
||||
#swiper-3d-coverflow-effect .swiper-slide {
|
||||
max-width: 300px;
|
||||
}
|
||||
|
||||
#swiper-3d-cube-effect {
|
||||
max-width: 400px;
|
||||
}
|
||||
|
||||
#swiper-3d-flip-effect {
|
||||
padding: 50px;
|
||||
}
|
||||
|
||||
#swiper-gallery {
|
||||
height: 500px;
|
||||
}
|
||||
#swiper-gallery .gallery-top {
|
||||
height: 80%;
|
||||
width: 100%;
|
||||
}
|
||||
#swiper-gallery .gallery-thumbs {
|
||||
height: 20%;
|
||||
box-sizing: border-box;
|
||||
padding: 10px 0;
|
||||
}
|
||||
#swiper-gallery .gallery-thumbs .swiper-slide {
|
||||
width: 25%;
|
||||
height: 100%;
|
||||
opacity: 0.4;
|
||||
cursor: pointer;
|
||||
}
|
||||
#swiper-gallery .gallery-thumbs .swiper-slide-thumb-active {
|
||||
opacity: 1;
|
||||
}
|
||||
24090
resources/themestyle/css/rtl/core-dark.css
Normal file
24090
resources/themestyle/css/rtl/core-dark.css
Normal file
File diff suppressed because it is too large
Load Diff
24133
resources/themestyle/css/rtl/core.css
Normal file
24133
resources/themestyle/css/rtl/core.css
Normal file
File diff suppressed because it is too large
Load Diff
1615
resources/themestyle/css/rtl/theme-bordered-dark.css
Normal file
1615
resources/themestyle/css/rtl/theme-bordered-dark.css
Normal file
File diff suppressed because it is too large
Load Diff
1608
resources/themestyle/css/rtl/theme-bordered.css
Normal file
1608
resources/themestyle/css/rtl/theme-bordered.css
Normal file
File diff suppressed because it is too large
Load Diff
1478
resources/themestyle/css/rtl/theme-default-dark.css
Normal file
1478
resources/themestyle/css/rtl/theme-default-dark.css
Normal file
File diff suppressed because it is too large
Load Diff
1471
resources/themestyle/css/rtl/theme-default.css
Normal file
1471
resources/themestyle/css/rtl/theme-default.css
Normal file
File diff suppressed because it is too large
Load Diff
1501
resources/themestyle/css/rtl/theme-raspberry-dark.css
Normal file
1501
resources/themestyle/css/rtl/theme-raspberry-dark.css
Normal file
File diff suppressed because it is too large
Load Diff
1498
resources/themestyle/css/rtl/theme-raspberry.css
Normal file
1498
resources/themestyle/css/rtl/theme-raspberry.css
Normal file
File diff suppressed because it is too large
Load Diff
1469
resources/themestyle/css/rtl/theme-semi-dark-dark.css
Normal file
1469
resources/themestyle/css/rtl/theme-semi-dark-dark.css
Normal file
File diff suppressed because it is too large
Load Diff
1462
resources/themestyle/css/rtl/theme-semi-dark.css
Normal file
1462
resources/themestyle/css/rtl/theme-semi-dark.css
Normal file
File diff suppressed because it is too large
Load Diff
1878
resources/themestyle/fonts/flag-icons.css
Normal file
1878
resources/themestyle/fonts/flag-icons.css
Normal file
File diff suppressed because it is too large
Load Diff
10298
resources/themestyle/fonts/fontawesome.css
vendored
Normal file
10298
resources/themestyle/fonts/fontawesome.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
BIN
resources/themestyle/fonts/fontawesome/ReceiptDemo.ttf
Normal file
BIN
resources/themestyle/fonts/fontawesome/ReceiptDemo.ttf
Normal file
Binary file not shown.
BIN
resources/themestyle/fonts/fontawesome/Shatomi-PKrrg.ttf
Normal file
BIN
resources/themestyle/fonts/fontawesome/Shatomi-PKrrg.ttf
Normal file
Binary file not shown.
BIN
resources/themestyle/fonts/fontawesome/doctor-signature.ttf
Normal file
BIN
resources/themestyle/fonts/fontawesome/doctor-signature.ttf
Normal file
Binary file not shown.
BIN
resources/themestyle/fonts/fontawesome/fa-brands-400.ttf
Normal file
BIN
resources/themestyle/fonts/fontawesome/fa-brands-400.ttf
Normal file
Binary file not shown.
BIN
resources/themestyle/fonts/fontawesome/fa-brands-400.woff2
Normal file
BIN
resources/themestyle/fonts/fontawesome/fa-brands-400.woff2
Normal file
Binary file not shown.
BIN
resources/themestyle/fonts/fontawesome/fa-regular-400.ttf
Normal file
BIN
resources/themestyle/fonts/fontawesome/fa-regular-400.ttf
Normal file
Binary file not shown.
BIN
resources/themestyle/fonts/fontawesome/fa-regular-400.woff2
Normal file
BIN
resources/themestyle/fonts/fontawesome/fa-regular-400.woff2
Normal file
Binary file not shown.
BIN
resources/themestyle/fonts/fontawesome/fa-solid-900.ttf
Normal file
BIN
resources/themestyle/fonts/fontawesome/fa-solid-900.ttf
Normal file
Binary file not shown.
BIN
resources/themestyle/fonts/fontawesome/fa-solid-900.woff2
Normal file
BIN
resources/themestyle/fonts/fontawesome/fa-solid-900.woff2
Normal file
Binary file not shown.
BIN
resources/themestyle/fonts/fontawesome/fa-v4compatibility.ttf
Normal file
BIN
resources/themestyle/fonts/fontawesome/fa-v4compatibility.ttf
Normal file
Binary file not shown.
BIN
resources/themestyle/fonts/fontawesome/fa-v4compatibility.woff2
Normal file
BIN
resources/themestyle/fonts/fontawesome/fa-v4compatibility.woff2
Normal file
Binary file not shown.
17266
resources/themestyle/fonts/tabler-icons.css
Normal file
17266
resources/themestyle/fonts/tabler-icons.css
Normal file
File diff suppressed because it is too large
Load Diff
BIN
resources/themestyle/fonts/tabler/tabler-icons.eot
Normal file
BIN
resources/themestyle/fonts/tabler/tabler-icons.eot
Normal file
Binary file not shown.
BIN
resources/themestyle/fonts/tabler/tabler-icons.ttf
Normal file
BIN
resources/themestyle/fonts/tabler/tabler-icons.ttf
Normal file
Binary file not shown.
BIN
resources/themestyle/fonts/tabler/tabler-icons.woff
Normal file
BIN
resources/themestyle/fonts/tabler/tabler-icons.woff
Normal file
Binary file not shown.
BIN
resources/themestyle/fonts/tabler/tabler-icons.woff2
Normal file
BIN
resources/themestyle/fonts/tabler/tabler-icons.woff2
Normal file
Binary file not shown.
678
resources/themestyle/js/bootstrap.js
vendored
Normal file
678
resources/themestyle/js/bootstrap.js
vendored
Normal file
File diff suppressed because one or more lines are too long
44
resources/themestyle/js/dropdown-hover.js
Normal file
44
resources/themestyle/js/dropdown-hover.js
Normal file
@@ -0,0 +1,44 @@
|
||||
/*
|
||||
* ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
|
||||
* This devtool is neither made for production nor for readable output files.
|
||||
* It uses "eval()" calls to create a separate source file in the browser devtools.
|
||||
* If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
|
||||
* or disable the default devtool with "devtool: false".
|
||||
* If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
|
||||
*/
|
||||
(function webpackUniversalModuleDefinition(root, factory) {
|
||||
if(typeof exports === 'object' && typeof module === 'object')
|
||||
module.exports = factory();
|
||||
else if(typeof define === 'function' && define.amd)
|
||||
define([], factory);
|
||||
else {
|
||||
var a = factory();
|
||||
for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
|
||||
}
|
||||
})(self, function() {
|
||||
return /******/ (function() { // webpackBootstrap
|
||||
/******/ var __webpack_modules__ = ({
|
||||
|
||||
/***/ "./js/dropdown-hover.js":
|
||||
/*!******************************!*\
|
||||
!*** ./js/dropdown-hover.js ***!
|
||||
\******************************/
|
||||
/***/ (function() {
|
||||
|
||||
eval("// Add onHover event for dropdowns\n\n;\n(function ($) {\n if (!$ || !$.fn) return;\n var SELECTOR = '[data-bs-toggle=dropdown][data-trigger=hover]';\n var TIMEOUT = 150;\n function openDropdown($i) {\n var t = $i.data('dd-timeout');\n if (t) {\n clearTimeout(t);\n t = null;\n $i.data('dd-timeout', t);\n }\n if ($i.attr('aria-expanded') !== 'true') $i.dropdown('toggle');\n }\n function closeDropdown($i) {\n var t = $i.data('dd-timeout');\n if (t) clearTimeout(t);\n t = setTimeout(function () {\n var t2 = $i.data('dd-timeout');\n if (t2) {\n clearTimeout(t2);\n t2 = null;\n $i.data('dd-timeout', t2);\n }\n if ($i.attr('aria-expanded') === 'true') $i.dropdown('toggle');\n }, TIMEOUT);\n $i.data('dd-timeout', t);\n }\n $(function () {\n $('body').on('mouseenter', \"\".concat(SELECTOR, \", \").concat(SELECTOR, \" ~ .dropdown-menu\"), function () {\n var $toggle = $(this).hasClass('dropdown-toggle') ? $(this) : $(this).prev('.dropdown-toggle');\n var $dropdown = $(this).hasClass('dropdown-menu') ? $(this) : $(this).next('.dropdown-menu');\n if (window.getComputedStyle($dropdown[0], null).getPropertyValue('position') === 'static') return;\n\n // Set hovered flag\n if ($(this).is(SELECTOR)) {\n $(this).data('hovered', true);\n }\n openDropdown($(this).hasClass('dropdown-toggle') ? $(this) : $(this).prev('.dropdown-toggle'));\n }).on('mouseleave', \"\".concat(SELECTOR, \", \").concat(SELECTOR, \" ~ .dropdown-menu\"), function () {\n var $toggle = $(this).hasClass('dropdown-toggle') ? $(this) : $(this).prev('.dropdown-toggle');\n var $dropdown = $(this).hasClass('dropdown-menu') ? $(this) : $(this).next('.dropdown-menu');\n if (window.getComputedStyle($dropdown[0], null).getPropertyValue('position') === 'static') return;\n\n // Remove hovered flag\n if ($(this).is(SELECTOR)) {\n $(this).data('hovered', false);\n }\n closeDropdown($(this).hasClass('dropdown-toggle') ? $(this) : $(this).prev('.dropdown-toggle'));\n }).on('hide.bs.dropdown', function (e) {\n if ($(this).find(SELECTOR).data('hovered')) e.preventDefault();\n });\n });\n})(window.jQuery);\n\n//# sourceURL=webpack://Vuexy/./js/dropdown-hover.js?");
|
||||
|
||||
/***/ })
|
||||
|
||||
/******/ });
|
||||
/************************************************************************/
|
||||
/******/
|
||||
/******/ // startup
|
||||
/******/ // Load entry module and return exports
|
||||
/******/ // This entry module can't be inlined because the eval devtool is used.
|
||||
/******/ var __webpack_exports__ = {};
|
||||
/******/ __webpack_modules__["./js/dropdown-hover.js"]();
|
||||
/******/
|
||||
/******/ return __webpack_exports__;
|
||||
/******/ })()
|
||||
;
|
||||
});
|
||||
35
resources/themestyle/js/front-config.js
Normal file
35
resources/themestyle/js/front-config.js
Normal file
@@ -0,0 +1,35 @@
|
||||
/**
|
||||
* Config
|
||||
* -------------------------------------------------------------------------------------
|
||||
* ! IMPORTANT: Make sure you clear the browser local storage In order to see the config changes in the template.
|
||||
* ! To clear local storage: (https://www.leadshook.com/help/how-to-clear-local-storage-in-google-chrome-browser/).
|
||||
*/
|
||||
|
||||
'use strict';
|
||||
|
||||
let assetsPath = document.documentElement.getAttribute('data-assets-path'),
|
||||
templateName = document.documentElement.getAttribute('data-template'),
|
||||
rtlSupport = true; // set true for rtl support (rtl + ltr), false for ltr only.
|
||||
|
||||
/**
|
||||
* TemplateCustomizer settings
|
||||
* -------------------------------------------------------------------------------------
|
||||
* cssPath: Core CSS file path
|
||||
* themesPath: Theme CSS file path
|
||||
* displayCustomizer: true(Show customizer), false(Hide customizer)
|
||||
* lang: To set default language, Add more langues and set default. Fallback language is 'en'
|
||||
* controls: [ 'rtl', 'style', 'headerType', 'contentLayout', 'layoutCollapsed', 'layoutNavbarOptions', 'themes' ] | Show/Hide customizer controls
|
||||
* defaultStyle: 'light', 'dark', 'system' (Mode)
|
||||
* defaultTextDir: 'ltr', 'rtl' (rtlSupport must be true for rtl mode)
|
||||
*/
|
||||
|
||||
if (typeof TemplateCustomizer !== 'undefined') {
|
||||
window.templateCustomizer = new TemplateCustomizer({
|
||||
cssPath: assetsPath + 'vendor/css' + (rtlSupport ? '/rtl' : '') + '/',
|
||||
themesPath: assetsPath + 'vendor/css' + (rtlSupport ? '/rtl' : '') + '/',
|
||||
displayCustomizer: true,
|
||||
// defaultTextDir: 'rtl'
|
||||
// defaultStyle: 'dark',
|
||||
controls: ['rtl', 'style']
|
||||
});
|
||||
}
|
||||
154
resources/themestyle/js/front-main.js
Normal file
154
resources/themestyle/js/front-main.js
Normal file
@@ -0,0 +1,154 @@
|
||||
/**
|
||||
* Main - Front Pages
|
||||
*/
|
||||
'use strict';
|
||||
|
||||
let isRtl = window.Helpers.isRtl(),
|
||||
isDarkStyle = window.Helpers.isDarkStyle();
|
||||
|
||||
(function () {
|
||||
const menu = document.getElementById('navbarSupportedContent'),
|
||||
nav = document.querySelector('.layout-navbar'),
|
||||
navItemLink = document.querySelectorAll('.navbar-nav .nav-link');
|
||||
|
||||
// Initialised custom options if checked
|
||||
setTimeout(function () {
|
||||
window.Helpers.initCustomOptionCheck();
|
||||
}, 1000);
|
||||
|
||||
if (typeof Waves !== 'undefined') {
|
||||
Waves.init();
|
||||
Waves.attach(".btn[class*='btn-']:not([class*='btn-outline-']):not([class*='btn-label-'])", ['waves-light']);
|
||||
Waves.attach("[class*='btn-outline-']");
|
||||
Waves.attach("[class*='btn-label-']");
|
||||
Waves.attach('.pagination .page-item .page-link');
|
||||
}
|
||||
|
||||
// Init BS Tooltip
|
||||
const tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
|
||||
tooltipTriggerList.map(function (tooltipTriggerEl) {
|
||||
return new bootstrap.Tooltip(tooltipTriggerEl);
|
||||
});
|
||||
|
||||
// If layout is RTL add .dropdown-menu-end class to .dropdown-menu
|
||||
if (isRtl) {
|
||||
Helpers._addClass('dropdown-menu-end', document.querySelectorAll('#layout-navbar .dropdown-menu'));
|
||||
}
|
||||
|
||||
// Navbar
|
||||
window.addEventListener('scroll', e => {
|
||||
if (window.scrollY > 10) {
|
||||
nav.classList.add('navbar-active');
|
||||
} else {
|
||||
nav.classList.remove('navbar-active');
|
||||
}
|
||||
});
|
||||
window.addEventListener('load', e => {
|
||||
if (window.scrollY > 10) {
|
||||
nav.classList.add('navbar-active');
|
||||
} else {
|
||||
nav.classList.remove('navbar-active');
|
||||
}
|
||||
});
|
||||
|
||||
// Function to close the mobile menu
|
||||
function closeMenu() {
|
||||
menu.classList.remove('show');
|
||||
}
|
||||
|
||||
document.addEventListener('click', function (event) {
|
||||
// Check if the clicked element is inside mobile menu
|
||||
if (!menu.contains(event.target)) {
|
||||
closeMenu();
|
||||
}
|
||||
});
|
||||
navItemLink.forEach(link => {
|
||||
link.addEventListener('click', event => {
|
||||
if (!link.classList.contains('dropdown-toggle')) {
|
||||
closeMenu();
|
||||
} else {
|
||||
event.preventDefault();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// If layout is RTL add .dropdown-menu-end class to .dropdown-menu
|
||||
if (isRtl) {
|
||||
Helpers._addClass('dropdown-menu-end', document.querySelectorAll('.dropdown-menu'));
|
||||
}
|
||||
|
||||
// Mega dropdown
|
||||
const megaDropdown = document.querySelectorAll('.nav-link.mega-dropdown');
|
||||
if (megaDropdown) {
|
||||
megaDropdown.forEach(e => {
|
||||
new MegaDropdown(e);
|
||||
});
|
||||
}
|
||||
|
||||
//Style Switcher (Light/Dark/System Mode)
|
||||
let styleSwitcher = document.querySelector('.dropdown-style-switcher');
|
||||
|
||||
// Set style on click of style switcher item if template customizer is enabled
|
||||
if (window.templateCustomizer && styleSwitcher) {
|
||||
// Get style from local storage or use 'system' as default
|
||||
let storedStyle =
|
||||
localStorage.getItem('templateCustomizer-' + templateName + '--Style') ||
|
||||
window.templateCustomizer.settings.defaultStyle;
|
||||
|
||||
let styleSwitcherItems = [].slice.call(styleSwitcher.children[1].querySelectorAll('.dropdown-item'));
|
||||
styleSwitcherItems.forEach(function (item) {
|
||||
item.addEventListener('click', function () {
|
||||
let currentStyle = this.getAttribute('data-theme');
|
||||
if (currentStyle === 'light') {
|
||||
window.templateCustomizer.setStyle('light');
|
||||
} else if (currentStyle === 'dark') {
|
||||
window.templateCustomizer.setStyle('dark');
|
||||
} else {
|
||||
window.templateCustomizer.setStyle('system');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// Update style switcher icon based on the stored style
|
||||
|
||||
const styleSwitcherIcon = styleSwitcher.querySelector('i');
|
||||
|
||||
if (storedStyle === 'light') {
|
||||
styleSwitcherIcon.classList.add('ti-sun');
|
||||
new bootstrap.Tooltip(styleSwitcherIcon, {
|
||||
title: 'Light Mode',
|
||||
fallbackPlacements: ['bottom']
|
||||
});
|
||||
} else if (storedStyle === 'dark') {
|
||||
styleSwitcherIcon.classList.add('ti-moon');
|
||||
new bootstrap.Tooltip(styleSwitcherIcon, {
|
||||
title: 'Dark Mode',
|
||||
fallbackPlacements: ['bottom']
|
||||
});
|
||||
} else {
|
||||
styleSwitcherIcon.classList.add('ti-device-desktop');
|
||||
new bootstrap.Tooltip(styleSwitcherIcon, {
|
||||
title: 'System Mode',
|
||||
fallbackPlacements: ['bottom']
|
||||
});
|
||||
}
|
||||
// Run switchImage function based on the stored style
|
||||
switchImage(storedStyle);
|
||||
}
|
||||
|
||||
// Update light/dark image based on current style
|
||||
function switchImage(style) {
|
||||
if (style === 'system') {
|
||||
if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
|
||||
style = 'dark';
|
||||
} else {
|
||||
style = 'light';
|
||||
}
|
||||
}
|
||||
const switchImagesList = [].slice.call(document.querySelectorAll('[data-app-' + style + '-img]'));
|
||||
switchImagesList.map(function (imageEl) {
|
||||
const setImage = imageEl.getAttribute('data-app-' + style + '-img');
|
||||
imageEl.src = assetsPath + 'img/' + setImage; // Using window.assetsPath to get the exact relative path
|
||||
});
|
||||
}
|
||||
})();
|
||||
146
resources/themestyle/js/front-page-landing.js
Normal file
146
resources/themestyle/js/front-page-landing.js
Normal file
@@ -0,0 +1,146 @@
|
||||
/**
|
||||
* Main - Front Pages
|
||||
*/
|
||||
'use strict';
|
||||
|
||||
(function () {
|
||||
const nav = document.querySelector('.layout-navbar'),
|
||||
heroAnimation = document.getElementById('hero-animation'),
|
||||
animationImg = document.querySelectorAll('.hero-dashboard-img'),
|
||||
animationElements = document.querySelectorAll('.hero-elements-img'),
|
||||
swiperLogos = document.getElementById('swiper-clients-logos'),
|
||||
swiperReviews = document.getElementById('swiper-reviews'),
|
||||
ReviewsPreviousBtn = document.getElementById('reviews-previous-btn'),
|
||||
ReviewsNextBtn = document.getElementById('reviews-next-btn'),
|
||||
ReviewsSliderPrev = document.querySelector('.swiper-button-prev'),
|
||||
ReviewsSliderNext = document.querySelector('.swiper-button-next'),
|
||||
priceDurationToggler = document.querySelector('.price-duration-toggler'),
|
||||
priceMonthlyList = [].slice.call(document.querySelectorAll('.price-monthly')),
|
||||
priceYearlyList = [].slice.call(document.querySelectorAll('.price-yearly'));
|
||||
|
||||
// Hero
|
||||
const mediaQueryXL = '1200';
|
||||
const width = screen.width;
|
||||
if (width >= mediaQueryXL && heroAnimation) {
|
||||
heroAnimation.addEventListener('mousemove', function parallax(e) {
|
||||
animationElements.forEach(layer => {
|
||||
layer.style.transform = 'translateZ(1rem)';
|
||||
});
|
||||
animationImg.forEach(layer => {
|
||||
let x = (window.innerWidth - e.pageX * 2) / 100;
|
||||
let y = (window.innerHeight - e.pageY * 2) / 100;
|
||||
layer.style.transform = `perspective(1200px) rotateX(${y}deg) rotateY(${x}deg) scale3d(1, 1, 1)`;
|
||||
});
|
||||
});
|
||||
nav.addEventListener('mousemove', function parallax(e) {
|
||||
animationElements.forEach(layer => {
|
||||
layer.style.transform = 'translateZ(1rem)';
|
||||
});
|
||||
animationImg.forEach(layer => {
|
||||
let x = (window.innerWidth - e.pageX * 2) / 100;
|
||||
let y = (window.innerHeight - e.pageY * 2) / 100;
|
||||
layer.style.transform = `perspective(1200px) rotateX(${y}deg) rotateY(${x}deg) scale3d(1, 1, 1)`;
|
||||
});
|
||||
});
|
||||
|
||||
heroAnimation.addEventListener('mouseout', function () {
|
||||
animationElements.forEach(layer => {
|
||||
layer.style.transform = 'translateZ(0)';
|
||||
});
|
||||
animationImg.forEach(layer => {
|
||||
layer.style.transform = 'perspective(1200px) scale(1) rotateX(0) rotateY(0)';
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
// swiper carousel
|
||||
// Customers reviews
|
||||
// -----------------------------------
|
||||
if (swiperReviews) {
|
||||
new Swiper(swiperReviews, {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 5,
|
||||
grabCursor: true,
|
||||
autoplay: {
|
||||
delay: 3000,
|
||||
disableOnInteraction: false
|
||||
},
|
||||
loop: true,
|
||||
loopAdditionalSlides: 1,
|
||||
navigation: {
|
||||
nextEl: '.swiper-button-next',
|
||||
prevEl: '.swiper-button-prev'
|
||||
},
|
||||
breakpoints: {
|
||||
1200: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 26
|
||||
},
|
||||
992: {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 20
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// Reviews slider next and previous
|
||||
// -----------------------------------
|
||||
// Add click event listener to next button
|
||||
ReviewsNextBtn.addEventListener('click', function () {
|
||||
ReviewsSliderNext.click();
|
||||
});
|
||||
ReviewsPreviousBtn.addEventListener('click', function () {
|
||||
ReviewsSliderPrev.click();
|
||||
});
|
||||
|
||||
// Review client logo
|
||||
// -----------------------------------
|
||||
if (swiperLogos) {
|
||||
new Swiper(swiperLogos, {
|
||||
slidesPerView: 2,
|
||||
autoplay: {
|
||||
delay: 3000,
|
||||
disableOnInteraction: false
|
||||
},
|
||||
breakpoints: {
|
||||
992: {
|
||||
slidesPerView: 5
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 3
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// Pricing Plans
|
||||
// -----------------------------------
|
||||
document.addEventListener('DOMContentLoaded', function (event) {
|
||||
function togglePrice() {
|
||||
if (priceDurationToggler.checked) {
|
||||
// If checked
|
||||
priceYearlyList.map(function (yearEl) {
|
||||
yearEl.classList.remove('d-none');
|
||||
});
|
||||
priceMonthlyList.map(function (monthEl) {
|
||||
monthEl.classList.add('d-none');
|
||||
});
|
||||
} else {
|
||||
// If not checked
|
||||
priceYearlyList.map(function (yearEl) {
|
||||
yearEl.classList.add('d-none');
|
||||
});
|
||||
priceMonthlyList.map(function (monthEl) {
|
||||
monthEl.classList.remove('d-none');
|
||||
});
|
||||
}
|
||||
}
|
||||
// togglePrice Event Listener
|
||||
togglePrice();
|
||||
|
||||
priceDurationToggler.onchange = function () {
|
||||
togglePrice();
|
||||
};
|
||||
});
|
||||
})();
|
||||
78
resources/themestyle/js/helpers.js
Normal file
78
resources/themestyle/js/helpers.js
Normal file
File diff suppressed because one or more lines are too long
78
resources/themestyle/js/mega-dropdown.js
Normal file
78
resources/themestyle/js/mega-dropdown.js
Normal file
File diff suppressed because one or more lines are too long
78
resources/themestyle/js/menu.js
Normal file
78
resources/themestyle/js/menu.js
Normal file
File diff suppressed because one or more lines are too long
274
resources/themestyle/js/template-customizer.js
Normal file
274
resources/themestyle/js/template-customizer.js
Normal file
File diff suppressed because one or more lines are too long
6032
resources/themestyle/libs/@form-validation/umd/bundle/popular.js
Normal file
6032
resources/themestyle/libs/@form-validation/umd/bundle/popular.js
Normal file
File diff suppressed because it is too large
Load Diff
11
resources/themestyle/libs/@form-validation/umd/core/index.min.js
vendored
Normal file
11
resources/themestyle/libs/@form-validation/umd/core/index.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
582
resources/themestyle/libs/@form-validation/umd/styles/index.css
Normal file
582
resources/themestyle/libs/@form-validation/umd/styles/index.css
Normal file
@@ -0,0 +1,582 @@
|
||||
/**
|
||||
* FormValidation (https://formvalidation.io)
|
||||
* The best validation library for JavaScript
|
||||
* (c) 2013 - 2023 Nguyen Huu Phuoc <me@phuoc.ng>
|
||||
*/
|
||||
.fv-sr-only {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.fv-plugins-framework input::-ms-clear,
|
||||
.fv-plugins-framework textarea::-ms-clear {
|
||||
display: none;
|
||||
height: 0;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
.fv-plugins-icon-container {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.fv-plugins-icon {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
top: 0;
|
||||
}
|
||||
.fv-plugins-icon--enabled {
|
||||
visibility: visible;
|
||||
}
|
||||
.fv-plugins-icon--disabled {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.fv-plugins-message-container--enabled {
|
||||
display: block;
|
||||
}
|
||||
.fv-plugins-message-container--disabled {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.fv-plugins-tooltip {
|
||||
max-width: 256px;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
z-index: 10000;
|
||||
}
|
||||
.fv-plugins-tooltip .fv-plugins-tooltip__content {
|
||||
background: #000;
|
||||
border-radius: 3px;
|
||||
color: #eee;
|
||||
padding: 8px;
|
||||
position: relative;
|
||||
}
|
||||
.fv-plugins-tooltip .fv-plugins-tooltip__content:before {
|
||||
border: 8px solid transparent;
|
||||
content: "";
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.fv-plugins-tooltip--hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.fv-plugins-tooltip--top-left {
|
||||
transform: translateY(-8px);
|
||||
}
|
||||
.fv-plugins-tooltip--top-left .fv-plugins-tooltip__content:before {
|
||||
border-top-color: #000;
|
||||
left: 8px;
|
||||
top: 100%;
|
||||
}
|
||||
|
||||
.fv-plugins-tooltip--top {
|
||||
transform: translateY(-8px);
|
||||
}
|
||||
.fv-plugins-tooltip--top .fv-plugins-tooltip__content:before {
|
||||
border-top-color: #000;
|
||||
left: 50%;
|
||||
margin-left: -8px;
|
||||
top: 100%;
|
||||
}
|
||||
|
||||
.fv-plugins-tooltip--top-right {
|
||||
transform: translateY(-8px);
|
||||
}
|
||||
.fv-plugins-tooltip--top-right .fv-plugins-tooltip__content:before {
|
||||
border-top-color: #000;
|
||||
right: 8px;
|
||||
top: 100%;
|
||||
}
|
||||
|
||||
.fv-plugins-tooltip--right {
|
||||
transform: translateX(8px);
|
||||
}
|
||||
.fv-plugins-tooltip--right .fv-plugins-tooltip__content:before {
|
||||
border-right-color: #000;
|
||||
margin-top: -8px;
|
||||
right: 100%;
|
||||
top: 50%;
|
||||
}
|
||||
|
||||
.fv-plugins-tooltip--bottom-right {
|
||||
transform: translateY(8px);
|
||||
}
|
||||
.fv-plugins-tooltip--bottom-right .fv-plugins-tooltip__content:before {
|
||||
border-bottom-color: #000;
|
||||
bottom: 100%;
|
||||
right: 8px;
|
||||
}
|
||||
|
||||
.fv-plugins-tooltip--bottom {
|
||||
transform: translateY(8px);
|
||||
}
|
||||
.fv-plugins-tooltip--bottom .fv-plugins-tooltip__content:before {
|
||||
border-bottom-color: #000;
|
||||
bottom: 100%;
|
||||
left: 50%;
|
||||
margin-left: -8px;
|
||||
}
|
||||
|
||||
.fv-plugins-tooltip--bottom-left {
|
||||
transform: translateY(8px);
|
||||
}
|
||||
.fv-plugins-tooltip--bottom-left .fv-plugins-tooltip__content:before {
|
||||
border-bottom-color: #000;
|
||||
bottom: 100%;
|
||||
left: 8px;
|
||||
}
|
||||
|
||||
.fv-plugins-tooltip--left {
|
||||
transform: translateX(-8px);
|
||||
}
|
||||
.fv-plugins-tooltip--left .fv-plugins-tooltip__content:before {
|
||||
border-left-color: #000;
|
||||
left: 100%;
|
||||
margin-top: -8px;
|
||||
top: 50%;
|
||||
}
|
||||
|
||||
.fv-plugins-tooltip-icon {
|
||||
cursor: pointer;
|
||||
pointer-events: inherit;
|
||||
}
|
||||
|
||||
.fv-plugins-bootstrap {
|
||||
/* For horizontal form */
|
||||
/* Stacked form */
|
||||
/* Inline form */
|
||||
/* Remove the icons generated by Bootstrap 4.2+ */
|
||||
}
|
||||
.fv-plugins-bootstrap .fv-help-block {
|
||||
color: #dc3545;
|
||||
font-size: 80%;
|
||||
margin-top: 0.25rem;
|
||||
}
|
||||
.fv-plugins-bootstrap .is-invalid ~ .form-check-label,
|
||||
.fv-plugins-bootstrap .is-valid ~ .form-check-label {
|
||||
color: inherit;
|
||||
}
|
||||
.fv-plugins-bootstrap .has-danger .fv-plugins-icon {
|
||||
color: #dc3545;
|
||||
}
|
||||
.fv-plugins-bootstrap .has-success .fv-plugins-icon {
|
||||
color: #28a745;
|
||||
}
|
||||
.fv-plugins-bootstrap .fv-plugins-icon {
|
||||
height: 38px;
|
||||
line-height: 38px;
|
||||
width: 38px;
|
||||
}
|
||||
.fv-plugins-bootstrap .input-group ~ .fv-plugins-icon {
|
||||
z-index: 3;
|
||||
}
|
||||
.fv-plugins-bootstrap .form-group.row .fv-plugins-icon {
|
||||
right: 15px;
|
||||
}
|
||||
.fv-plugins-bootstrap .form-group.row .fv-plugins-icon-check {
|
||||
top: -7px; /* labelHeight/2 - iconHeight/2 */
|
||||
}
|
||||
.fv-plugins-bootstrap:not(.form-inline) label ~ .fv-plugins-icon {
|
||||
top: 32px;
|
||||
}
|
||||
.fv-plugins-bootstrap:not(.form-inline) label ~ .fv-plugins-icon-check {
|
||||
top: 25px;
|
||||
}
|
||||
.fv-plugins-bootstrap:not(.form-inline) label.sr-only ~ .fv-plugins-icon-check {
|
||||
top: -7px;
|
||||
}
|
||||
.fv-plugins-bootstrap.form-inline .form-group {
|
||||
align-items: flex-start;
|
||||
flex-direction: column;
|
||||
margin-bottom: auto;
|
||||
}
|
||||
.fv-plugins-bootstrap .form-control.is-valid,
|
||||
.fv-plugins-bootstrap .form-control.is-invalid {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.fv-plugins-bootstrap3 .help-block {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.fv-plugins-bootstrap3 .input-group ~ .form-control-feedback {
|
||||
z-index: 4;
|
||||
}
|
||||
.fv-plugins-bootstrap3.form-inline .form-group {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.fv-plugins-bootstrap5 {
|
||||
/* Support floating label */
|
||||
/* For horizontal form */
|
||||
/* Stacked form */
|
||||
/* Inline form */
|
||||
}
|
||||
.fv-plugins-bootstrap5 .fv-plugins-bootstrap5-row-invalid .fv-plugins-icon {
|
||||
color: #dc3545;
|
||||
}
|
||||
.fv-plugins-bootstrap5 .fv-plugins-bootstrap5-row-valid .fv-plugins-icon {
|
||||
color: #198754;
|
||||
}
|
||||
.fv-plugins-bootstrap5 .fv-plugins-icon {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
height: 38px;
|
||||
width: 38px;
|
||||
}
|
||||
.fv-plugins-bootstrap5 .input-group ~ .fv-plugins-icon {
|
||||
z-index: 3;
|
||||
}
|
||||
.fv-plugins-bootstrap5 .fv-plugins-icon-input-group {
|
||||
right: -38px;
|
||||
}
|
||||
.fv-plugins-bootstrap5 .form-floating .fv-plugins-icon {
|
||||
height: 58px;
|
||||
}
|
||||
.fv-plugins-bootstrap5 .row .fv-plugins-icon {
|
||||
right: 12px;
|
||||
}
|
||||
.fv-plugins-bootstrap5 .row .fv-plugins-icon-check {
|
||||
top: -7px; /* labelHeight/2 - iconHeight/2 */
|
||||
}
|
||||
.fv-plugins-bootstrap5:not(.fv-plugins-bootstrap5-form-inline) label ~ .fv-plugins-icon {
|
||||
top: 32px;
|
||||
}
|
||||
.fv-plugins-bootstrap5:not(.fv-plugins-bootstrap5-form-inline) label ~ .fv-plugins-icon-check {
|
||||
top: 25px;
|
||||
}
|
||||
.fv-plugins-bootstrap5:not(.fv-plugins-bootstrap5-form-inline) label.sr-only ~ .fv-plugins-icon-check {
|
||||
top: -7px;
|
||||
}
|
||||
.fv-plugins-bootstrap5.fv-plugins-bootstrap5-form-inline .fv-plugins-icon {
|
||||
right: calc(var(--bs-gutter-x, 1.5rem) / 2);
|
||||
}
|
||||
.fv-plugins-bootstrap5 .form-select.fv-plugins-icon-input.is-valid,
|
||||
.fv-plugins-bootstrap5 .form-select.fv-plugins-icon-input.is-invalid,
|
||||
.fv-plugins-bootstrap5 .form-control.fv-plugins-icon-input.is-valid,
|
||||
.fv-plugins-bootstrap5 .form-control.fv-plugins-icon-input.is-invalid {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.fv-plugins-bulma {
|
||||
/* Support add ons inside field */
|
||||
}
|
||||
.fv-plugins-bulma .field.has-addons {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.fv-plugins-bulma .field.has-addons::after {
|
||||
content: "";
|
||||
width: 100%;
|
||||
}
|
||||
.fv-plugins-bulma .field.has-addons .fv-plugins-message-container {
|
||||
order: 1;
|
||||
}
|
||||
.fv-plugins-bulma .icon.fv-plugins-icon-check {
|
||||
top: -4px;
|
||||
}
|
||||
.fv-plugins-bulma .fv-has-error .select select,
|
||||
.fv-plugins-bulma .fv-has-error .input,
|
||||
.fv-plugins-bulma .fv-has-error .textarea {
|
||||
border: 1px solid #ff3860; /* Same as .input.is-danger */
|
||||
}
|
||||
.fv-plugins-bulma .fv-has-success .select select,
|
||||
.fv-plugins-bulma .fv-has-success .input,
|
||||
.fv-plugins-bulma .fv-has-success .textarea {
|
||||
border: 1px solid #23d160; /* Same as .input.is-success */
|
||||
}
|
||||
|
||||
.fv-plugins-foundation {
|
||||
/* Stacked form */
|
||||
}
|
||||
.fv-plugins-foundation .fv-plugins-icon {
|
||||
height: 39px;
|
||||
line-height: 39px;
|
||||
right: 0;
|
||||
width: 39px; /* Same as height of input */
|
||||
}
|
||||
.fv-plugins-foundation .grid-padding-x .fv-plugins-icon {
|
||||
right: 15px;
|
||||
}
|
||||
.fv-plugins-foundation .fv-plugins-icon-container .cell {
|
||||
position: relative;
|
||||
}
|
||||
.fv-plugins-foundation [type=checkbox] ~ .fv-plugins-icon,
|
||||
.fv-plugins-foundation [type=checkbox] ~ .fv-plugins-icon {
|
||||
top: -7px; /* labelHeight/2 - iconHeight/2 */
|
||||
}
|
||||
.fv-plugins-foundation.fv-stacked-form .fv-plugins-message-container {
|
||||
width: 100%;
|
||||
}
|
||||
.fv-plugins-foundation.fv-stacked-form label .fv-plugins-icon,
|
||||
.fv-plugins-foundation.fv-stacked-form fieldset [type=checkbox] ~ .fv-plugins-icon,
|
||||
.fv-plugins-foundation.fv-stacked-form fieldset [type=radio] ~ .fv-plugins-icon {
|
||||
top: 25px; /* Same as height of label */
|
||||
}
|
||||
.fv-plugins-foundation .form-error {
|
||||
display: block;
|
||||
}
|
||||
.fv-plugins-foundation .fv-row__success .fv-plugins-icon {
|
||||
color: #3adb76; /* Same as .success */
|
||||
}
|
||||
.fv-plugins-foundation .fv-row__error label,
|
||||
.fv-plugins-foundation .fv-row__error fieldset legend,
|
||||
.fv-plugins-foundation .fv-row__error .fv-plugins-icon {
|
||||
color: #cc4b37; /* Same as .is-invalid-label and .form-error */
|
||||
}
|
||||
|
||||
.fv-plugins-materialize .fv-plugins-icon {
|
||||
height: 42px; /* Same as height of input */
|
||||
line-height: 42px;
|
||||
width: 42px;
|
||||
}
|
||||
.fv-plugins-materialize .fv-plugins-icon-check {
|
||||
top: -10px;
|
||||
}
|
||||
.fv-plugins-materialize .fv-invalid-row .helper-text,
|
||||
.fv-plugins-materialize .fv-invalid-row .fv-plugins-icon {
|
||||
color: #f44336;
|
||||
}
|
||||
.fv-plugins-materialize .fv-valid-row .helper-text,
|
||||
.fv-plugins-materialize .fv-valid-row .fv-plugins-icon {
|
||||
color: #4caf50;
|
||||
}
|
||||
|
||||
.fv-plugins-milligram .fv-plugins-icon {
|
||||
height: 38px; /* Same as height of input */
|
||||
line-height: 38px;
|
||||
width: 38px;
|
||||
}
|
||||
.fv-plugins-milligram .column {
|
||||
position: relative;
|
||||
}
|
||||
.fv-plugins-milligram .column .fv-plugins-icon {
|
||||
right: 10px;
|
||||
}
|
||||
.fv-plugins-milligram .fv-plugins-icon-check {
|
||||
top: -6px;
|
||||
}
|
||||
.fv-plugins-milligram .fv-plugins-message-container {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.fv-plugins-milligram.fv-stacked-form .fv-plugins-icon {
|
||||
top: 30px;
|
||||
}
|
||||
.fv-plugins-milligram.fv-stacked-form .fv-plugins-icon-check {
|
||||
top: 24px;
|
||||
}
|
||||
.fv-plugins-milligram .fv-invalid-row .fv-help-block,
|
||||
.fv-plugins-milligram .fv-invalid-row .fv-plugins-icon {
|
||||
color: red;
|
||||
}
|
||||
.fv-plugins-milligram .fv-valid-row .fv-help-block,
|
||||
.fv-plugins-milligram .fv-valid-row .fv-plugins-icon {
|
||||
color: green;
|
||||
}
|
||||
|
||||
.fv-plugins-mini .fv-plugins-icon {
|
||||
height: 42px; /* Same as height of input */
|
||||
line-height: 42px;
|
||||
width: 42px;
|
||||
top: 4px; /* Same as input's margin top */
|
||||
}
|
||||
.fv-plugins-mini .fv-plugins-icon-check {
|
||||
top: -8px;
|
||||
}
|
||||
.fv-plugins-mini.fv-stacked-form .fv-plugins-icon {
|
||||
top: 28px;
|
||||
}
|
||||
.fv-plugins-mini.fv-stacked-form .fv-plugins-icon-check {
|
||||
top: 20px;
|
||||
}
|
||||
.fv-plugins-mini .fv-plugins-message-container {
|
||||
margin: calc(var(--universal-margin) / 2);
|
||||
}
|
||||
.fv-plugins-mini .fv-invalid-row .fv-help-block,
|
||||
.fv-plugins-mini .fv-invalid-row .fv-plugins-icon {
|
||||
color: var(--input-invalid-color);
|
||||
}
|
||||
.fv-plugins-mini .fv-valid-row .fv-help-block,
|
||||
.fv-plugins-mini .fv-valid-row .fv-plugins-icon {
|
||||
color: #308732; /* Same as tertiary color */
|
||||
}
|
||||
|
||||
.fv-plugins-mui .fv-plugins-icon {
|
||||
height: 32px; /* Same as height of input */
|
||||
line-height: 32px;
|
||||
width: 32px;
|
||||
top: 15px;
|
||||
right: 4px;
|
||||
}
|
||||
.fv-plugins-mui .fv-plugins-icon-check {
|
||||
top: -6px;
|
||||
right: -10px;
|
||||
}
|
||||
.fv-plugins-mui .fv-plugins-message-container {
|
||||
margin: 8px 0;
|
||||
}
|
||||
.fv-plugins-mui .fv-invalid-row .fv-help-block,
|
||||
.fv-plugins-mui .fv-invalid-row .fv-plugins-icon {
|
||||
color: #f44336;
|
||||
}
|
||||
.fv-plugins-mui .fv-valid-row .fv-help-block,
|
||||
.fv-plugins-mui .fv-valid-row .fv-plugins-icon {
|
||||
color: #4caf50;
|
||||
}
|
||||
|
||||
.fv-plugins-pure {
|
||||
/* Horizontal form */
|
||||
/* Stacked form */
|
||||
}
|
||||
.fv-plugins-pure .fv-plugins-icon {
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
width: 36px; /* Height of Pure input */
|
||||
}
|
||||
.fv-plugins-pure .fv-has-error label,
|
||||
.fv-plugins-pure .fv-has-error .fv-help-block,
|
||||
.fv-plugins-pure .fv-has-error .fv-plugins-icon {
|
||||
color: #ca3c3c; /* Same as .button-error */
|
||||
}
|
||||
.fv-plugins-pure .fv-has-success label,
|
||||
.fv-plugins-pure .fv-has-success .fv-help-block,
|
||||
.fv-plugins-pure .fv-has-success .fv-plugins-icon {
|
||||
color: #1cb841; /* Same as .button-success */
|
||||
}
|
||||
.fv-plugins-pure.pure-form-aligned .fv-help-block {
|
||||
margin-top: 5px;
|
||||
margin-left: 180px;
|
||||
}
|
||||
.fv-plugins-pure.pure-form-aligned .fv-plugins-icon-check {
|
||||
top: -9px; /* labelHeight/2 - iconHeight/2 */
|
||||
}
|
||||
.fv-plugins-pure.pure-form-stacked .pure-control-group {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.fv-plugins-pure.pure-form-stacked .fv-plugins-icon {
|
||||
top: 22px; /* Same as height of label */
|
||||
}
|
||||
.fv-plugins-pure.pure-form-stacked .fv-plugins-icon-check {
|
||||
top: 13px;
|
||||
}
|
||||
.fv-plugins-pure.pure-form-stacked .fv-sr-only ~ .fv-plugins-icon {
|
||||
top: -9px;
|
||||
}
|
||||
|
||||
.fv-plugins-semantic.ui.form .fields.error label,
|
||||
.fv-plugins-semantic .error .fv-plugins-icon {
|
||||
color: #9f3a38; /* Same as .ui.form .field.error .input */
|
||||
}
|
||||
.fv-plugins-semantic .fv-plugins-icon-check {
|
||||
right: 7px;
|
||||
}
|
||||
|
||||
.fv-plugins-shoelace .input-group {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.fv-plugins-shoelace .fv-plugins-icon {
|
||||
height: 32px;
|
||||
line-height: 32px; /* Same as height of input */
|
||||
width: 32px;
|
||||
top: 28px; /* Same as height of label */
|
||||
}
|
||||
.fv-plugins-shoelace .row .fv-plugins-icon {
|
||||
right: 16px;
|
||||
top: 0;
|
||||
}
|
||||
.fv-plugins-shoelace .fv-plugins-icon-check {
|
||||
top: 24px;
|
||||
}
|
||||
.fv-plugins-shoelace .fv-sr-only ~ .fv-plugins-icon,
|
||||
.fv-plugins-shoelace .fv-sr-only ~ div .fv-plugins-icon {
|
||||
top: -4px;
|
||||
}
|
||||
.fv-plugins-shoelace .input-valid .fv-help-block,
|
||||
.fv-plugins-shoelace .input-valid .fv-plugins-icon {
|
||||
color: #2ecc40;
|
||||
}
|
||||
.fv-plugins-shoelace .input-invalid .fv-help-block,
|
||||
.fv-plugins-shoelace .input-invalid .fv-plugins-icon {
|
||||
color: #ff4136;
|
||||
}
|
||||
|
||||
.fv-plugins-spectre .input-group .fv-plugins-icon {
|
||||
z-index: 2;
|
||||
}
|
||||
.fv-plugins-spectre .form-group .fv-plugins-icon-check {
|
||||
right: 6px;
|
||||
top: 10px;
|
||||
}
|
||||
.fv-plugins-spectre:not(.form-horizontal) .form-group .fv-plugins-icon-check {
|
||||
right: 6px;
|
||||
top: 45px;
|
||||
}
|
||||
|
||||
.fv-plugins-tachyons .fv-plugins-icon {
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
width: 36px;
|
||||
}
|
||||
.fv-plugins-tachyons .fv-plugins-icon-check {
|
||||
top: -7px;
|
||||
}
|
||||
.fv-plugins-tachyons.fv-stacked-form .fv-plugins-icon {
|
||||
top: 34px;
|
||||
}
|
||||
.fv-plugins-tachyons.fv-stacked-form .fv-plugins-icon-check {
|
||||
top: 24px;
|
||||
}
|
||||
|
||||
.fv-plugins-turret .fv-plugins-icon {
|
||||
height: 40px; /* Same as height of input */
|
||||
line-height: 40px;
|
||||
width: 40px;
|
||||
}
|
||||
.fv-plugins-turret.fv-stacked-form .fv-plugins-icon {
|
||||
top: 29px;
|
||||
}
|
||||
.fv-plugins-turret.fv-stacked-form .fv-plugins-icon-check {
|
||||
top: 17px;
|
||||
}
|
||||
.fv-plugins-turret .fv-invalid-row .form-message,
|
||||
.fv-plugins-turret .fv-invalid-row .fv-plugins-icon {
|
||||
color: #c00; /* Same as .form-message.error */
|
||||
}
|
||||
.fv-plugins-turret .fv-valid-row .form-message,
|
||||
.fv-plugins-turret .fv-valid-row .fv-plugins-icon {
|
||||
color: #00b300; /* Same as .form-message.success */
|
||||
}
|
||||
|
||||
.fv-plugins-uikit {
|
||||
/* Horizontal form */
|
||||
/* Stacked form */
|
||||
}
|
||||
.fv-plugins-uikit .fv-plugins-icon {
|
||||
height: 40px; /* Height of UIKit input */
|
||||
line-height: 40px;
|
||||
top: 25px; /* Height of UIKit label */
|
||||
width: 40px;
|
||||
}
|
||||
.fv-plugins-uikit.uk-form-horizontal .fv-plugins-icon {
|
||||
top: 0;
|
||||
}
|
||||
.fv-plugins-uikit.uk-form-horizontal .fv-plugins-icon-check {
|
||||
top: -11px; /* checkboxLabelHeight/2 - iconHeight/2 = 18/2 - 40/2 */
|
||||
}
|
||||
.fv-plugins-uikit.uk-form-stacked .fv-plugins-icon-check {
|
||||
top: 15px; /* labelHeight + labelMarginBottom + checkboxLabelHeight/2 - iconHeight/2 = 21 + 5 + 18/2 - 40/2 */
|
||||
}
|
||||
.fv-plugins-uikit.uk-form-stacked .fv-no-label .fv-plugins-icon {
|
||||
top: 0;
|
||||
}
|
||||
.fv-plugins-uikit.uk-form-stacked .fv-no-label .fv-plugins-icon-check {
|
||||
top: -11px;
|
||||
}
|
||||
|
||||
.fv-plugins-wizard--step {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.fv-plugins-wizard--active {
|
||||
display: block;
|
||||
}
|
||||
1
resources/themestyle/libs/@form-validation/umd/styles/index.min.css
vendored
Normal file
1
resources/themestyle/libs/@form-validation/umd/styles/index.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
120
resources/themestyle/libs/hammer/hammer.js
Normal file
120
resources/themestyle/libs/hammer/hammer.js
Normal file
File diff suppressed because one or more lines are too long
270
resources/themestyle/libs/i18n/i18n.js
Normal file
270
resources/themestyle/libs/i18n/i18n.js
Normal file
File diff suppressed because one or more lines are too long
120
resources/themestyle/libs/jquery/jquery.js
vendored
Normal file
120
resources/themestyle/libs/jquery/jquery.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1492
resources/themestyle/libs/moment/moment.js
Normal file
1492
resources/themestyle/libs/moment/moment.js
Normal file
File diff suppressed because one or more lines are too long
144
resources/themestyle/libs/node-waves/node-waves.css
Normal file
144
resources/themestyle/libs/node-waves/node-waves.css
Normal file
@@ -0,0 +1,144 @@
|
||||
/*!
|
||||
* Waves v0.7.6
|
||||
* http://fian.my.id/Waves
|
||||
*
|
||||
* Copyright 2014-2018 Alfiana E. Sibuea and other contributors
|
||||
* Released under the MIT license
|
||||
* https://github.com/fians/Waves/blob/master/LICENSE */
|
||||
.waves-effect {
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
.waves-effect .waves-ripple {
|
||||
position: absolute;
|
||||
border-radius: 50%;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
margin-top: -50px;
|
||||
margin-left: -50px;
|
||||
opacity: 0;
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
|
||||
background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
|
||||
background: -moz-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
|
||||
background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
|
||||
-webkit-transition: all 0.5s ease-out;
|
||||
-moz-transition: all 0.5s ease-out;
|
||||
-o-transition: all 0.5s ease-out;
|
||||
transition: all 0.5s ease-out;
|
||||
-webkit-transition-property: -webkit-transform, opacity;
|
||||
-moz-transition-property: -moz-transform, opacity;
|
||||
-o-transition-property: -o-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
-webkit-transform: scale(0) translate(0, 0);
|
||||
-moz-transform: scale(0) translate(0, 0);
|
||||
-ms-transform: scale(0) translate(0, 0);
|
||||
-o-transform: scale(0) translate(0, 0);
|
||||
transform: scale(0) translate(0, 0);
|
||||
pointer-events: none;
|
||||
}
|
||||
.waves-effect.waves-light .waves-ripple {
|
||||
background: rgba(255, 255, 255, 0.4);
|
||||
background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
|
||||
background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
|
||||
background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
|
||||
background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
|
||||
}
|
||||
.waves-effect.waves-classic .waves-ripple {
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
.waves-effect.waves-classic.waves-light .waves-ripple {
|
||||
background: rgba(255, 255, 255, 0.4);
|
||||
}
|
||||
|
||||
.waves-notransition {
|
||||
-webkit-transition: none !important;
|
||||
-moz-transition: none !important;
|
||||
-o-transition: none !important;
|
||||
transition: none !important;
|
||||
}
|
||||
|
||||
.waves-button,
|
||||
.waves-circle {
|
||||
-webkit-transform: translateZ(0);
|
||||
-moz-transform: translateZ(0);
|
||||
-ms-transform: translateZ(0);
|
||||
-o-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
|
||||
}
|
||||
|
||||
.waves-button,
|
||||
.waves-button:hover,
|
||||
.waves-button:visited,
|
||||
.waves-button-input {
|
||||
white-space: nowrap;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
outline: none;
|
||||
color: inherit;
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
font-size: 1em;
|
||||
line-height: 1em;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.waves-button {
|
||||
padding: 0.85em 1.1em;
|
||||
border-radius: 0.2em;
|
||||
}
|
||||
|
||||
.waves-button-input {
|
||||
margin: 0;
|
||||
padding: 0.85em 1.1em;
|
||||
}
|
||||
|
||||
.waves-input-wrapper {
|
||||
border-radius: 0.2em;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
.waves-input-wrapper.waves-button {
|
||||
padding: 0;
|
||||
}
|
||||
.waves-input-wrapper .waves-button-input {
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.waves-circle {
|
||||
text-align: center;
|
||||
width: 2.5em;
|
||||
height: 2.5em;
|
||||
line-height: 2.5em;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.waves-float {
|
||||
-webkit-mask-image: none;
|
||||
-webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
|
||||
box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
|
||||
-webkit-transition: all 300ms;
|
||||
-moz-transition: all 300ms;
|
||||
-o-transition: all 300ms;
|
||||
transition: all 300ms;
|
||||
}
|
||||
.waves-float:active {
|
||||
-webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
|
||||
box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.waves-block {
|
||||
display: block;
|
||||
}
|
||||
132
resources/themestyle/libs/node-waves/node-waves.js
Normal file
132
resources/themestyle/libs/node-waves/node-waves.js
Normal file
File diff suppressed because one or more lines are too long
744
resources/themestyle/libs/nouislider/nouislider.css
Normal file
744
resources/themestyle/libs/nouislider/nouislider.css
Normal file
@@ -0,0 +1,744 @@
|
||||
/* Functional styling;
|
||||
* These styles are required for noUiSlider to function.
|
||||
* You don't need to change these rules to apply your design.
|
||||
*/
|
||||
.noUi-target,
|
||||
.noUi-target * {
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
-webkit-user-select: none;
|
||||
-ms-touch-action: none;
|
||||
touch-action: none;
|
||||
-ms-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.noUi-target {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.noUi-base,
|
||||
.noUi-connects {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/* Wrapper for all connect elements.
|
||||
*/
|
||||
.noUi-connects {
|
||||
overflow: hidden;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.noUi-connect,
|
||||
.noUi-origin {
|
||||
will-change: transform;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top: 0;
|
||||
right: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
-ms-transform-origin: 0 0;
|
||||
-webkit-transform-origin: 0 0;
|
||||
-webkit-transform-style: preserve-3d;
|
||||
transform-origin: 0 0;
|
||||
transform-style: flat;
|
||||
}
|
||||
|
||||
/* Offset direction
|
||||
*/
|
||||
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
|
||||
left: 0;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
/* Give origins 0 height/width so they don't interfere with clicking the
|
||||
* connect elements.
|
||||
*/
|
||||
.noUi-vertical .noUi-origin {
|
||||
top: -100%;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
.noUi-horizontal .noUi-origin {
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.noUi-handle {
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.noUi-touch-area {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.noUi-state-tap .noUi-connect,
|
||||
.noUi-state-tap .noUi-origin {
|
||||
-webkit-transition: transform 0.3s;
|
||||
transition: transform 0.3s;
|
||||
}
|
||||
|
||||
.noUi-state-drag * {
|
||||
cursor: inherit !important;
|
||||
}
|
||||
|
||||
/* Slider size and handle placement;
|
||||
*/
|
||||
.noUi-horizontal {
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
.noUi-horizontal .noUi-handle {
|
||||
width: 34px;
|
||||
height: 28px;
|
||||
right: -17px;
|
||||
top: -6px;
|
||||
}
|
||||
|
||||
.noUi-vertical {
|
||||
width: 18px;
|
||||
}
|
||||
|
||||
.noUi-vertical .noUi-handle {
|
||||
width: 28px;
|
||||
height: 34px;
|
||||
right: -6px;
|
||||
bottom: -17px;
|
||||
}
|
||||
|
||||
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
|
||||
left: -17px;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
/* Styling;
|
||||
* Giving the connect element a border radius causes issues with using transform: scale
|
||||
*/
|
||||
.noUi-target {
|
||||
background: #FAFAFA;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #D3D3D3;
|
||||
box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
|
||||
}
|
||||
|
||||
.noUi-connects {
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.noUi-connect {
|
||||
background: #3FB8AF;
|
||||
}
|
||||
|
||||
/* Handles and cursors;
|
||||
*/
|
||||
.noUi-draggable {
|
||||
cursor: ew-resize;
|
||||
}
|
||||
|
||||
.noUi-vertical .noUi-draggable {
|
||||
cursor: ns-resize;
|
||||
}
|
||||
|
||||
.noUi-handle {
|
||||
border: 1px solid #D9D9D9;
|
||||
border-radius: 3px;
|
||||
background: #FFF;
|
||||
cursor: default;
|
||||
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
|
||||
}
|
||||
|
||||
.noUi-active {
|
||||
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
|
||||
}
|
||||
|
||||
/* Handle stripes;
|
||||
*/
|
||||
.noUi-handle:before,
|
||||
.noUi-handle:after {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
height: 14px;
|
||||
width: 1px;
|
||||
background: #E8E7E6;
|
||||
left: 14px;
|
||||
top: 6px;
|
||||
}
|
||||
|
||||
.noUi-handle:after {
|
||||
left: 17px;
|
||||
}
|
||||
|
||||
.noUi-vertical .noUi-handle:before,
|
||||
.noUi-vertical .noUi-handle:after {
|
||||
width: 14px;
|
||||
height: 1px;
|
||||
left: 6px;
|
||||
top: 14px;
|
||||
}
|
||||
|
||||
.noUi-vertical .noUi-handle:after {
|
||||
top: 17px;
|
||||
}
|
||||
|
||||
/* Disabled state;
|
||||
*/
|
||||
[disabled] .noUi-connect {
|
||||
background: #B8B8B8;
|
||||
}
|
||||
|
||||
[disabled].noUi-target,
|
||||
[disabled].noUi-handle,
|
||||
[disabled] .noUi-handle {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
/* Base;
|
||||
*
|
||||
*/
|
||||
.noUi-pips,
|
||||
.noUi-pips * {
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.noUi-pips {
|
||||
position: absolute;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
/* Values;
|
||||
*
|
||||
*/
|
||||
.noUi-value {
|
||||
position: absolute;
|
||||
white-space: nowrap;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.noUi-value-sub {
|
||||
color: #ccc;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
/* Markings;
|
||||
*
|
||||
*/
|
||||
.noUi-marker {
|
||||
position: absolute;
|
||||
background: #CCC;
|
||||
}
|
||||
|
||||
.noUi-marker-sub {
|
||||
background: #AAA;
|
||||
}
|
||||
|
||||
.noUi-marker-large {
|
||||
background: #AAA;
|
||||
}
|
||||
|
||||
/* Horizontal layout;
|
||||
*
|
||||
*/
|
||||
.noUi-pips-horizontal {
|
||||
padding: 10px 0;
|
||||
height: 80px;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.noUi-value-horizontal {
|
||||
-webkit-transform: translate(-50%, 50%);
|
||||
transform: translate(-50%, 50%);
|
||||
}
|
||||
|
||||
.noUi-rtl .noUi-value-horizontal {
|
||||
-webkit-transform: translate(50%, 50%);
|
||||
transform: translate(50%, 50%);
|
||||
}
|
||||
|
||||
.noUi-marker-horizontal.noUi-marker {
|
||||
margin-left: -1px;
|
||||
width: 2px;
|
||||
height: 5px;
|
||||
}
|
||||
|
||||
.noUi-marker-horizontal.noUi-marker-sub {
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
.noUi-marker-horizontal.noUi-marker-large {
|
||||
height: 15px;
|
||||
}
|
||||
|
||||
/* Vertical layout;
|
||||
*
|
||||
*/
|
||||
.noUi-pips-vertical {
|
||||
padding: 0 10px;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 100%;
|
||||
}
|
||||
|
||||
.noUi-value-vertical {
|
||||
-webkit-transform: translate(0, -50%);
|
||||
transform: translate(0, -50%);
|
||||
padding-left: 25px;
|
||||
}
|
||||
|
||||
.noUi-rtl .noUi-value-vertical {
|
||||
-webkit-transform: translate(0, 50%);
|
||||
transform: translate(0, 50%);
|
||||
}
|
||||
|
||||
.noUi-marker-vertical.noUi-marker {
|
||||
width: 5px;
|
||||
height: 2px;
|
||||
margin-top: -1px;
|
||||
}
|
||||
|
||||
.noUi-marker-vertical.noUi-marker-sub {
|
||||
width: 10px;
|
||||
}
|
||||
|
||||
.noUi-marker-vertical.noUi-marker-large {
|
||||
width: 15px;
|
||||
}
|
||||
|
||||
.noUi-tooltip {
|
||||
display: block;
|
||||
position: absolute;
|
||||
border: 1px solid #D9D9D9;
|
||||
border-radius: 3px;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
padding: 5px;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.noUi-horizontal .noUi-tooltip {
|
||||
-webkit-transform: translate(-50%, 0);
|
||||
transform: translate(-50%, 0);
|
||||
left: 50%;
|
||||
bottom: 120%;
|
||||
}
|
||||
|
||||
.noUi-vertical .noUi-tooltip {
|
||||
-webkit-transform: translate(0, -50%);
|
||||
transform: translate(0, -50%);
|
||||
top: 50%;
|
||||
right: 120%;
|
||||
}
|
||||
|
||||
.noUi-horizontal .noUi-origin > .noUi-tooltip {
|
||||
-webkit-transform: translate(50%, 0);
|
||||
transform: translate(50%, 0);
|
||||
left: auto;
|
||||
bottom: 10px;
|
||||
}
|
||||
|
||||
.noUi-vertical .noUi-origin > .noUi-tooltip {
|
||||
-webkit-transform: translate(0, -18px);
|
||||
transform: translate(0, -18px);
|
||||
top: auto;
|
||||
right: 28px;
|
||||
}
|
||||
|
||||
.noUi-target {
|
||||
direction: ltr !important;
|
||||
position: relative;
|
||||
border-width: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.noUi-target,
|
||||
.noUi-target * {
|
||||
touch-action: none;
|
||||
user-select: none;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.noUi-connects {
|
||||
height: 0.375rem;
|
||||
}
|
||||
|
||||
.noUi-base,
|
||||
.noUi-connects {
|
||||
z-index: 1;
|
||||
position: relative;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.noUi-horizontal .noUi-origin {
|
||||
height: 0;
|
||||
}
|
||||
html:not([dir=rtl]) .noUi-horizontal .noUi-origin {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.noUi-vertical .noUi-origin {
|
||||
width: 0;
|
||||
}
|
||||
|
||||
.noUi-handle {
|
||||
backface-visibility: hidden;
|
||||
outline: none !important;
|
||||
position: absolute;
|
||||
transform-origin: center;
|
||||
transition: transform 0.2s;
|
||||
}
|
||||
.noUi-handle:before, .noUi-handle:after {
|
||||
display: none;
|
||||
}
|
||||
.noUi-handle.noUi-active {
|
||||
transform: scale(1.4, 1.4);
|
||||
}
|
||||
|
||||
.noUi-horizontal .noUi-handle.noUi-active .noUi-tooltip {
|
||||
transform: translate(-50%, 10%) scale(0.8, 0.8);
|
||||
}
|
||||
|
||||
.noUi-vertical .noUi-handle.noUi-active .noUi-tooltip {
|
||||
transform: translate(10%, -50%) scale(0.8, 0.8);
|
||||
}
|
||||
|
||||
.noUi-touch-area {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.noUi-state-tap .noUi-connect,
|
||||
.noUi-state-tap .noUi-origin {
|
||||
transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
|
||||
}
|
||||
|
||||
.noUi-state-drag * {
|
||||
cursor: inherit !important;
|
||||
}
|
||||
|
||||
.noUi-horizontal {
|
||||
height: 0.375rem;
|
||||
}
|
||||
|
||||
.noUi-horizontal .noUi-handle {
|
||||
left: -0.4375rem;
|
||||
width: 0.875rem;
|
||||
height: 0.875rem;
|
||||
top: -5px !important;
|
||||
}
|
||||
html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
|
||||
right: -0.4375rem;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.noUi-vertical {
|
||||
width: 0.375rem;
|
||||
}
|
||||
|
||||
.noUi-vertical .noUi-handle {
|
||||
left: -0.5985rem;
|
||||
bottom: -0.875rem;
|
||||
width: 0.875rem;
|
||||
height: 0.875rem;
|
||||
}
|
||||
|
||||
.noUi-target {
|
||||
border-radius: 10rem;
|
||||
}
|
||||
|
||||
.noUi-draggable {
|
||||
cursor: ew-resize;
|
||||
}
|
||||
|
||||
.noUi-vertical .noUi-draggable {
|
||||
cursor: ns-resize;
|
||||
}
|
||||
|
||||
.noUi-handle {
|
||||
border-radius: 10rem;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
[disabled] .noUi-connect {
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
[disabled] .noUi-handle {
|
||||
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
[disabled].noUi-target,
|
||||
[disabled].noUi-handle,
|
||||
[disabled] .noUi-handle {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.noUi-pips,
|
||||
.noUi-pips * {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.noUi-pips {
|
||||
color: #999;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.noUi-value {
|
||||
position: absolute;
|
||||
white-space: nowrap;
|
||||
text-align: center;
|
||||
font-size: 0.6875rem;
|
||||
}
|
||||
|
||||
.noUi-marker {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.noUi-pips-horizontal {
|
||||
left: 0;
|
||||
top: 100%;
|
||||
padding: 0.625rem 0 0 0;
|
||||
height: 5rem;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.noUi-value-horizontal {
|
||||
padding-top: 0.125rem;
|
||||
transform: translate(-50%, 50%);
|
||||
}
|
||||
[dir=rtl] .noUi-value-horizontal {
|
||||
transform: translate(50%, 50%);
|
||||
}
|
||||
|
||||
.noUi-marker-horizontal.noUi-marker {
|
||||
height: 0.5rem;
|
||||
width: 1px;
|
||||
}
|
||||
|
||||
[dir=rtl] .noUi-horizontal .noUi-origin {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.noUi-pips-vertical {
|
||||
top: 0;
|
||||
left: 100%;
|
||||
padding: 0 0 0 0.625rem;
|
||||
height: 100%;
|
||||
}
|
||||
[dir=rtl] .noUi-pips-vertical {
|
||||
right: 100%;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.noUi-value-vertical {
|
||||
padding-left: 0.875rem;
|
||||
transform: translate(0, 50%);
|
||||
}
|
||||
[dir=rtl] .noUi-value-vertical {
|
||||
right: 100%;
|
||||
padding-right: 0.875rem;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
[dir=rtl] .noUi-marker-vertical {
|
||||
right: 100%;
|
||||
}
|
||||
|
||||
.noUi-marker-vertical.noUi-marker {
|
||||
width: 0.5rem;
|
||||
height: 1px;
|
||||
}
|
||||
|
||||
.noUi-tooltip {
|
||||
position: absolute;
|
||||
display: block;
|
||||
padding: 0.282rem 0.25rem;
|
||||
border-radius: 0.25rem;
|
||||
text-align: center;
|
||||
line-height: 1;
|
||||
transition: transform 0.2s;
|
||||
font-size: 0.8125rem;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.noUi-horizontal .noUi-tooltip {
|
||||
bottom: 157%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, 0);
|
||||
}
|
||||
|
||||
.noUi-vertical .noUi-tooltip {
|
||||
top: 50%;
|
||||
right: 200%;
|
||||
transform: translate(0, -50%);
|
||||
}
|
||||
[dir=rtl] .noUi-vertical .noUi-tooltip {
|
||||
right: auto;
|
||||
left: 125%;
|
||||
}
|
||||
|
||||
[dir=rtl] .noUi-vertical .noUi-handle.noUi-active .noUi-tooltip {
|
||||
transform: translate(-10%, -50%) scale(0.8, 0.8);
|
||||
}
|
||||
|
||||
.light-style .noUi-target {
|
||||
background: rgba(75, 70, 92, 0.08);
|
||||
}
|
||||
.light-style .noUi-connect {
|
||||
background: #93909d !important;
|
||||
}
|
||||
.light-style .noUi-handle {
|
||||
border: 2px solid #fff;
|
||||
box-shadow: 0 0.125rem 0.25rem rgba(165, 163, 174, 0.3);
|
||||
background: #6f6b7d !important;
|
||||
}
|
||||
.light-style .noUi-target[disabled] {
|
||||
background: rgba(75, 70, 92, 0.24);
|
||||
}
|
||||
.light-style .noUi-value {
|
||||
color: #a5a3ae;
|
||||
}
|
||||
.light-style .noUi-marker {
|
||||
background: #dbdade;
|
||||
}
|
||||
.light-style .noUi-tooltip {
|
||||
color: #5d596c;
|
||||
background: #e2e1e5;
|
||||
font-weight: 500;
|
||||
}
|
||||
.light-style .noUi-secondary .noUi-connect {
|
||||
background: #a8aaae !important;
|
||||
}
|
||||
.light-style .noUi-secondary .noUi-handle {
|
||||
background: #86888b !important;
|
||||
}
|
||||
.light-style .noUi-success .noUi-connect {
|
||||
background: #28c76f !important;
|
||||
}
|
||||
.light-style .noUi-success .noUi-handle {
|
||||
background: #209f59 !important;
|
||||
}
|
||||
.light-style .noUi-info .noUi-connect {
|
||||
background: #00cfe8 !important;
|
||||
}
|
||||
.light-style .noUi-info .noUi-handle {
|
||||
background: #00a6ba !important;
|
||||
}
|
||||
.light-style .noUi-warning .noUi-connect {
|
||||
background: #ff9f43 !important;
|
||||
}
|
||||
.light-style .noUi-warning .noUi-handle {
|
||||
background: #cc7f36 !important;
|
||||
}
|
||||
.light-style .noUi-danger .noUi-connect {
|
||||
background: #ea5455 !important;
|
||||
}
|
||||
.light-style .noUi-danger .noUi-handle {
|
||||
background: #bb4344 !important;
|
||||
}
|
||||
.light-style .noUi-light .noUi-connect {
|
||||
background: #dfdfe3 !important;
|
||||
}
|
||||
.light-style .noUi-light .noUi-handle {
|
||||
background: #b2b2b6 !important;
|
||||
}
|
||||
.light-style .noUi-dark .noUi-connect {
|
||||
background: #4b4b4b !important;
|
||||
}
|
||||
.light-style .noUi-dark .noUi-handle {
|
||||
background: #3c3c3c !important;
|
||||
}
|
||||
.light-style .noUi-gray .noUi-connect {
|
||||
background: rgba(75, 70, 92, 0.05) !important;
|
||||
}
|
||||
.light-style .noUi-gray .noUi-handle {
|
||||
background: rgba(7, 7, 9, 0.24) !important;
|
||||
}
|
||||
|
||||
.dark-style .noUi-target {
|
||||
background: rgba(134, 146, 208, 0.08);
|
||||
}
|
||||
.dark-style .noUi-connect {
|
||||
background: #7983bb;
|
||||
}
|
||||
.dark-style .noUi-handle {
|
||||
border: 2px solid #2f3349;
|
||||
box-shadow: 0 0.125rem 0.25rem rgba(15, 20, 34, 0.4);
|
||||
background: #4a5072 !important;
|
||||
}
|
||||
.dark-style .noUi-target[disabled] {
|
||||
background: rgba(134, 146, 208, 0.24);
|
||||
}
|
||||
.dark-style .noUi-value {
|
||||
color: #7983bb;
|
||||
}
|
||||
.dark-style .noUi-marker {
|
||||
background: #434968;
|
||||
}
|
||||
.dark-style .noUi-tooltip {
|
||||
color: #cfd3ec;
|
||||
background: rgba(134, 146, 208, 0.16);
|
||||
font-weight: 500;
|
||||
}
|
||||
.dark-style .noUi-secondary .noUi-connect {
|
||||
background: #a8aaae !important;
|
||||
}
|
||||
.dark-style .noUi-secondary .noUi-handle {
|
||||
background: #86888b !important;
|
||||
}
|
||||
.dark-style .noUi-success .noUi-connect {
|
||||
background: #28c76f !important;
|
||||
}
|
||||
.dark-style .noUi-success .noUi-handle {
|
||||
background: #209f59 !important;
|
||||
}
|
||||
.dark-style .noUi-info .noUi-connect {
|
||||
background: #00cfe8 !important;
|
||||
}
|
||||
.dark-style .noUi-info .noUi-handle {
|
||||
background: #00a6ba !important;
|
||||
}
|
||||
.dark-style .noUi-warning .noUi-connect {
|
||||
background: #ff9f43 !important;
|
||||
}
|
||||
.dark-style .noUi-warning .noUi-handle {
|
||||
background: #cc7f36 !important;
|
||||
}
|
||||
.dark-style .noUi-danger .noUi-connect {
|
||||
background: #ea5455 !important;
|
||||
}
|
||||
.dark-style .noUi-danger .noUi-handle {
|
||||
background: #bb4344 !important;
|
||||
}
|
||||
.dark-style .noUi-light .noUi-connect {
|
||||
background: #44475b !important;
|
||||
}
|
||||
.dark-style .noUi-light .noUi-handle {
|
||||
background: #363949 !important;
|
||||
}
|
||||
.dark-style .noUi-dark .noUi-connect {
|
||||
background: #d7d8de !important;
|
||||
}
|
||||
.dark-style .noUi-dark .noUi-handle {
|
||||
background: #acadb2 !important;
|
||||
}
|
||||
.dark-style .noUi-gray .noUi-connect {
|
||||
background: rgba(255, 255, 255, 0.8) !important;
|
||||
}
|
||||
.dark-style .noUi-gray .noUi-handle {
|
||||
background: rgba(185, 185, 185, 0.84) !important;
|
||||
}
|
||||
120
resources/themestyle/libs/nouislider/nouislider.js
Normal file
120
resources/themestyle/libs/nouislider/nouislider.js
Normal file
File diff suppressed because one or more lines are too long
130
resources/themestyle/libs/numeral/numeral.js
Normal file
130
resources/themestyle/libs/numeral/numeral.js
Normal file
File diff suppressed because one or more lines are too long
@@ -0,0 +1,256 @@
|
||||
/*
|
||||
* Container style
|
||||
*/
|
||||
.ps {
|
||||
overflow: hidden !important;
|
||||
overflow-anchor: none;
|
||||
-ms-overflow-style: none;
|
||||
touch-action: auto;
|
||||
-ms-touch-action: auto;
|
||||
}
|
||||
|
||||
/*
|
||||
* Scrollbar rail styles
|
||||
*/
|
||||
.ps__rail-x {
|
||||
display: none;
|
||||
opacity: 0;
|
||||
transition: background-color 0.2s linear, opacity 0.2s linear;
|
||||
-webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
|
||||
height: 15px;
|
||||
/* there must be 'bottom' or 'top' for ps__rail-x */
|
||||
bottom: 0px;
|
||||
/* please don't change 'position' */
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.ps__rail-y {
|
||||
display: none;
|
||||
opacity: 0;
|
||||
transition: background-color 0.2s linear, opacity 0.2s linear;
|
||||
-webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
|
||||
width: 15px;
|
||||
/* there must be 'right' or 'left' for ps__rail-y */
|
||||
right: 0;
|
||||
/* please don't change 'position' */
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.ps--active-x > .ps__rail-x,
|
||||
.ps--active-y > .ps__rail-y {
|
||||
display: block;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.ps:hover > .ps__rail-x,
|
||||
.ps:hover > .ps__rail-y,
|
||||
.ps--focus > .ps__rail-x,
|
||||
.ps--focus > .ps__rail-y,
|
||||
.ps--scrolling-x > .ps__rail-x,
|
||||
.ps--scrolling-y > .ps__rail-y {
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.ps .ps__rail-x:hover,
|
||||
.ps .ps__rail-y:hover,
|
||||
.ps .ps__rail-x:focus,
|
||||
.ps .ps__rail-y:focus,
|
||||
.ps .ps__rail-x.ps--clicking,
|
||||
.ps .ps__rail-y.ps--clicking {
|
||||
background-color: #eee;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
/*
|
||||
* Scrollbar thumb styles
|
||||
*/
|
||||
.ps__thumb-x {
|
||||
background-color: #aaa;
|
||||
border-radius: 6px;
|
||||
transition: background-color 0.2s linear, height 0.2s ease-in-out;
|
||||
-webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
|
||||
height: 6px;
|
||||
/* there must be 'bottom' for ps__thumb-x */
|
||||
bottom: 2px;
|
||||
/* please don't change 'position' */
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.ps__thumb-y {
|
||||
background-color: #aaa;
|
||||
border-radius: 6px;
|
||||
transition: background-color 0.2s linear, width 0.2s ease-in-out;
|
||||
-webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
|
||||
width: 6px;
|
||||
/* there must be 'right' for ps__thumb-y */
|
||||
right: 2px;
|
||||
/* please don't change 'position' */
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.ps__rail-x:hover > .ps__thumb-x,
|
||||
.ps__rail-x:focus > .ps__thumb-x,
|
||||
.ps__rail-x.ps--clicking .ps__thumb-x {
|
||||
background-color: #999;
|
||||
height: 11px;
|
||||
}
|
||||
|
||||
.ps__rail-y:hover > .ps__thumb-y,
|
||||
.ps__rail-y:focus > .ps__thumb-y,
|
||||
.ps__rail-y.ps--clicking .ps__thumb-y {
|
||||
background-color: #999;
|
||||
width: 11px;
|
||||
}
|
||||
|
||||
/* MS supports */
|
||||
@supports (-ms-overflow-style: none) {
|
||||
.ps {
|
||||
overflow: auto !important;
|
||||
}
|
||||
}
|
||||
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
|
||||
.ps {
|
||||
overflow: auto !important;
|
||||
}
|
||||
}
|
||||
.ps {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ps__rail-x {
|
||||
height: 0.25rem;
|
||||
}
|
||||
|
||||
.ps__rail-y {
|
||||
width: 0.25rem;
|
||||
}
|
||||
|
||||
.ps__rail-x,
|
||||
.ps__rail-y,
|
||||
.ps__thumb-x,
|
||||
.ps__thumb-y {
|
||||
border-radius: 10rem;
|
||||
}
|
||||
|
||||
.ps__rail-x:hover,
|
||||
.ps__rail-x:focus,
|
||||
.ps__rail-x.ps--clicking,
|
||||
.ps__rail-x:hover > .ps__thumb-x,
|
||||
.ps__rail-x:focus > .ps__thumb-x,
|
||||
.ps__rail-x.ps--clicking > .ps__thumb-x {
|
||||
height: 0.375rem;
|
||||
}
|
||||
|
||||
.ps__rail-y:hover,
|
||||
.ps__rail-y:focus,
|
||||
.ps__rail-y.ps--clicking,
|
||||
.ps__rail-y:hover > .ps__thumb-y,
|
||||
.ps__rail-y:focus > .ps__thumb-y,
|
||||
.ps__rail-y.ps--clicking > .ps__thumb-y {
|
||||
width: 0.375rem;
|
||||
}
|
||||
|
||||
.ps__thumb-x {
|
||||
height: 0.25rem;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.ps__thumb-y {
|
||||
width: 0.25rem;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.light-style .ps__thumb-x,
|
||||
.light-style .ps__thumb-y {
|
||||
background-color: rgba(75, 70, 92, 0.4);
|
||||
}
|
||||
.light-style .ps__rail-x:hover,
|
||||
.light-style .ps__rail-y:hover,
|
||||
.light-style .ps__rail-x:focus,
|
||||
.light-style .ps__rail-y:focus,
|
||||
.light-style .ps__rail-x.ps--clicking,
|
||||
.light-style .ps__rail-y.ps--clicking {
|
||||
background-color: rgba(75, 70, 92, 0.2);
|
||||
}
|
||||
.light-style .ps__rail-x:hover > .ps__thumb-x,
|
||||
.light-style .ps__rail-y:hover > .ps__thumb-y,
|
||||
.light-style .ps__rail-x:focus > .ps__thumb-x,
|
||||
.light-style .ps__rail-y:focus > .ps__thumb-y,
|
||||
.light-style .ps__rail-x.ps--clicking > .ps__thumb-x,
|
||||
.light-style .ps__rail-y.ps--clicking > .ps__thumb-y {
|
||||
background-color: rgba(75, 70, 92, 0.7);
|
||||
}
|
||||
.light-style .ps-inverted .ps__rail-x:hover,
|
||||
.light-style .ps-inverted .ps__rail-y:hover,
|
||||
.light-style .ps-inverted .ps__rail-x:focus,
|
||||
.light-style .ps-inverted .ps__rail-y:focus,
|
||||
.light-style .ps-inverted .ps__rail-x.ps--clicking,
|
||||
.light-style .ps-inverted .ps__rail-y.ps--clicking {
|
||||
background-color: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
.light-style .ps-inverted .ps__thumb-x,
|
||||
.light-style .ps-inverted .ps__thumb-y {
|
||||
background-color: rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
.light-style .ps-inverted .ps__rail-x:hover > .ps__thumb-x,
|
||||
.light-style .ps-inverted .ps__rail-y:hover > .ps__thumb-y,
|
||||
.light-style .ps-inverted .ps__rail-x:focus > .ps__thumb-x,
|
||||
.light-style .ps-inverted .ps__rail-y:focus > .ps__thumb-y,
|
||||
.light-style .ps-inverted .ps__rail-x.ps--clicking > .ps__thumb-x,
|
||||
.light-style .ps-inverted .ps__rail-y.ps--clicking > .ps__thumb-y {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
@supports (-moz-appearance: none) {
|
||||
#both-scrollbars-example {
|
||||
max-width: 1080px;
|
||||
margin: 0 auto;
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
.dark-style .ps__thumb-x,
|
||||
.dark-style .ps__thumb-y {
|
||||
background-color: rgba(255, 255, 255, 0.438133) !important;
|
||||
}
|
||||
.dark-style .ps__rail-x:hover,
|
||||
.dark-style .ps__rail-y:hover,
|
||||
.dark-style .ps__rail-x:focus,
|
||||
.dark-style .ps__rail-y:focus,
|
||||
.dark-style .ps__rail-x.ps--clicking,
|
||||
.dark-style .ps__rail-y.ps--clicking {
|
||||
background-color: rgba(255, 255, 255, 0.438133) !important;
|
||||
}
|
||||
.dark-style .ps__rail-x:hover > .ps__thumb-x,
|
||||
.dark-style .ps__rail-y:hover > .ps__thumb-y,
|
||||
.dark-style .ps__rail-x:focus > .ps__thumb-x,
|
||||
.dark-style .ps__rail-y:focus > .ps__thumb-y,
|
||||
.dark-style .ps__rail-x.ps--clicking > .ps__thumb-x,
|
||||
.dark-style .ps__rail-y.ps--clicking > .ps__thumb-y {
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
.dark-style .ps-inverted .ps__rail-x:hover,
|
||||
.dark-style .ps-inverted .ps__rail-y:hover,
|
||||
.dark-style .ps-inverted .ps__rail-x:focus,
|
||||
.dark-style .ps-inverted .ps__rail-y:focus,
|
||||
.dark-style .ps-inverted .ps__rail-x.ps--clicking,
|
||||
.dark-style .ps-inverted .ps__rail-y.ps--clicking {
|
||||
background-color: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
.dark-style .ps-inverted .ps__thumb-x,
|
||||
.dark-style .ps-inverted .ps__thumb-y {
|
||||
background-color: rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
.dark-style .ps-inverted .ps__rail-x:hover > .ps__thumb-x,
|
||||
.dark-style .ps-inverted .ps__rail-y:hover > .ps__thumb-y,
|
||||
.dark-style .ps-inverted .ps__rail-x:focus > .ps__thumb-x,
|
||||
.dark-style .ps-inverted .ps__rail-y:focus > .ps__thumb-y,
|
||||
.dark-style .ps-inverted .ps__rail-x.ps--clicking > .ps__thumb-x,
|
||||
.dark-style .ps-inverted .ps__rail-y.ps--clicking > .ps__thumb-y {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
[dir=rtl] .ps--active-y > .ps__rail-y {
|
||||
left: 0;
|
||||
right: auto !important;
|
||||
}
|
||||
120
resources/themestyle/libs/perfect-scrollbar/perfect-scrollbar.js
Normal file
120
resources/themestyle/libs/perfect-scrollbar/perfect-scrollbar.js
Normal file
File diff suppressed because one or more lines are too long
120
resources/themestyle/libs/popper/popper.js
Normal file
120
resources/themestyle/libs/popper/popper.js
Normal file
File diff suppressed because one or more lines are too long
693
resources/themestyle/libs/select2/select2.css
vendored
Normal file
693
resources/themestyle/libs/select2/select2.css
vendored
Normal file
@@ -0,0 +1,693 @@
|
||||
.select2-container {
|
||||
margin: 0;
|
||||
width: 100% !important;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
vertical-align: middle;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.select2-container .select2-selection--single {
|
||||
box-sizing: border-box;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
height: 28px;
|
||||
user-select: none;
|
||||
-webkit-user-select: none;
|
||||
}
|
||||
.select2-container .select2-selection--single .select2-selection__rendered {
|
||||
display: block;
|
||||
padding-left: 8px;
|
||||
padding-right: 20px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.select2-container .select2-selection--single .select2-selection__clear {
|
||||
position: relative;
|
||||
}
|
||||
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
|
||||
padding-right: 8px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
.select2-container .select2-selection--multiple {
|
||||
box-sizing: border-box;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
min-height: 32px;
|
||||
user-select: none;
|
||||
-webkit-user-select: none;
|
||||
}
|
||||
.select2-container .select2-selection--multiple .select2-selection__rendered {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
padding-left: 8px;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.select2-container .select2-search--inline {
|
||||
float: left;
|
||||
}
|
||||
.select2-container .select2-search--inline .select2-search__field {
|
||||
box-sizing: border-box;
|
||||
border: none;
|
||||
font-size: 100%;
|
||||
margin-top: 5px;
|
||||
padding: 0;
|
||||
}
|
||||
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
.select2-dropdown {
|
||||
background-color: white;
|
||||
border: 1px solid #aaa;
|
||||
border-radius: 4px;
|
||||
box-sizing: border-box;
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: -100000px;
|
||||
width: 100%;
|
||||
z-index: 1051;
|
||||
}
|
||||
|
||||
.select2-results {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.select2-results__options {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.select2-results__option {
|
||||
padding: 6px;
|
||||
user-select: none;
|
||||
-webkit-user-select: none;
|
||||
}
|
||||
.select2-results__option[aria-selected] {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.select2-container--open .select2-dropdown {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.select2-container--open .select2-dropdown--above {
|
||||
border-bottom: none;
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
|
||||
.select2-container--open .select2-dropdown--below {
|
||||
border-top: none;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
}
|
||||
|
||||
.select2-search--dropdown {
|
||||
display: block;
|
||||
padding: 4px;
|
||||
}
|
||||
.select2-search--dropdown .select2-search__field {
|
||||
padding: 4px;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
.select2-search--dropdown.select2-search--hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.select2-results__option[role=option] {
|
||||
margin: 0.25rem 0.5rem;
|
||||
border-radius: 0.375rem;
|
||||
padding: 0.5rem 1rem;
|
||||
}
|
||||
.select2-results__option[role=option][aria-selected=true] {
|
||||
background-color: #7367f0;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-results__option--highlighted:not([aria-selected=true]) {
|
||||
background-color: rgba(115, 103, 240, 0.08) !important;
|
||||
color: #7367f0 !important;
|
||||
}
|
||||
|
||||
.select2-hidden-accessible {
|
||||
clip: rect(0 0 0 0) !important;
|
||||
overflow: hidden !important;
|
||||
position: absolute !important;
|
||||
padding: 0 !important;
|
||||
margin: -1px !important;
|
||||
border: 0 !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
}
|
||||
|
||||
.select2-close-mask {
|
||||
display: block;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
min-width: 100%;
|
||||
min-height: 100%;
|
||||
z-index: 99;
|
||||
width: auto;
|
||||
opacity: 0;
|
||||
border: 0;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.select2-dropdown {
|
||||
border: 0;
|
||||
border-radius: 0.375rem;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-selection--single .select2-selection__rendered {
|
||||
padding-right: 2.6rem;
|
||||
}
|
||||
.select2-container--default .select2-selection--single .select2-selection__clear {
|
||||
cursor: pointer;
|
||||
font-weight: 500;
|
||||
float: right;
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
.select2-container--default .select2-selection--single .select2-selection__arrow {
|
||||
width: 2rem;
|
||||
position: absolute;
|
||||
right: 1px;
|
||||
top: 1px;
|
||||
}
|
||||
.select2-container--default .select2-selection--single .select2-selection__arrow b {
|
||||
position: absolute;
|
||||
height: 18px;
|
||||
width: 20px;
|
||||
top: 22%;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 20px 18px;
|
||||
}
|
||||
.select2-container--default,
|
||||
.select2-container--default * {
|
||||
outline: 0 !important;
|
||||
}
|
||||
.select2-container--default.select2-container--disabled .select2-selection--single {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
|
||||
display: none;
|
||||
}
|
||||
.select2-container--default[dir=rtl] .select2-selection__clear {
|
||||
float: left;
|
||||
}
|
||||
.select2-container--default[dir=rtl] .select2-selection__arrow {
|
||||
left: 1px;
|
||||
right: auto;
|
||||
}
|
||||
.select2-container--default .select2-search--dropdown .select2-search__field {
|
||||
border-radius: 0.375rem;
|
||||
margin: 0.25rem 0.5rem;
|
||||
margin-bottom: 0;
|
||||
width: calc(100% - 1rem);
|
||||
}
|
||||
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
|
||||
margin: 0;
|
||||
box-sizing: border-box;
|
||||
display: block;
|
||||
list-style: none;
|
||||
width: 100%;
|
||||
}
|
||||
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
|
||||
list-style: none;
|
||||
}
|
||||
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
|
||||
float: left;
|
||||
}
|
||||
.select2-container--default .select2-selection--multiple .select2-selection__clear {
|
||||
cursor: pointer;
|
||||
font-weight: 500;
|
||||
float: right;
|
||||
margin-right: 0.625rem;
|
||||
}
|
||||
.select2-container--default .select2-selection--multiple .select2-search--inline {
|
||||
line-height: 1.5rem;
|
||||
}
|
||||
.select2-container--default .select2-selection--multiple .select2-selection__choice {
|
||||
position: relative;
|
||||
font-size: 0.8125rem;
|
||||
border-radius: 0.25rem;
|
||||
padding: 0.395rem 0.625rem;
|
||||
cursor: default;
|
||||
line-height: 0.875;
|
||||
float: left;
|
||||
font-weight: 500;
|
||||
color: #7367f0;
|
||||
background-color: rgba(115, 103, 240, 0.16);
|
||||
}
|
||||
html:not([dir=rtl]) .select2-container--default .select2-selection--multiple .select2-selection__choice {
|
||||
padding-right: 1.3rem;
|
||||
}
|
||||
[dir=rtl] .select2-container--default .select2-selection--multiple .select2-selection__choice {
|
||||
padding-left: 1.3rem;
|
||||
}
|
||||
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
|
||||
font-weight: 500;
|
||||
color: inherit;
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
margin-right: 0.25rem;
|
||||
cursor: pointer;
|
||||
opacity: 0.5;
|
||||
font-size: 1.1875rem;
|
||||
top: 0.25rem;
|
||||
}
|
||||
html:not([dir=rtl]) .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
|
||||
right: 0.1rem;
|
||||
}
|
||||
[dir=rtl] .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
|
||||
left: 0.35rem;
|
||||
}
|
||||
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
|
||||
opacity: 0.8;
|
||||
color: inherit;
|
||||
}
|
||||
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
|
||||
display: none;
|
||||
}
|
||||
.select2-container--default.select2-container--disabled .select2-selection--multiple {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.select2-container--default[dir=rtl] .select2-selection__choice,
|
||||
.select2-container--default[dir=rtl] .select2-selection__placeholder,
|
||||
.select2-container--default[dir=rtl] .select2-search--inline {
|
||||
float: right;
|
||||
}
|
||||
.select2-container--default[dir=rtl] .select2-selection__choice__remove {
|
||||
margin-left: 0;
|
||||
float: left;
|
||||
margin-right: 0.25rem;
|
||||
}
|
||||
.select2-container--default[dir=rtl] .select2-selection__clear {
|
||||
float: left;
|
||||
}
|
||||
.select2-container--default .select2-search__field::-moz-placeholder {
|
||||
opacity: 1;
|
||||
}
|
||||
.select2-container--default .select2-search--inline .select2-search__field {
|
||||
box-shadow: none;
|
||||
background: transparent;
|
||||
border: none;
|
||||
outline: 0;
|
||||
-webkit-appearance: textfield;
|
||||
}
|
||||
.select2-container--default .select2-results > .select2-results__options {
|
||||
max-height: 15rem;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.select2-container--default .select2-results__option[aria-disabled=true] {
|
||||
color: #999;
|
||||
}
|
||||
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
|
||||
padding-left: 0;
|
||||
}
|
||||
.select2-container--default.select2-container--open.select2-container--below .select2-selection {
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
.select2-container--default.select2-container--open.select2-container--above .select2-selection {
|
||||
border-top-right-radius: 0;
|
||||
border-top-left-radius: 0;
|
||||
}
|
||||
.select2-container--default .select2-results__group {
|
||||
cursor: default;
|
||||
display: block;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-selection--single .select2-selection__rendered i.ti,
|
||||
.select2-container--default .select2-results__option .select2-results__option[role=option] i.ti {
|
||||
margin-top: -0.3125rem;
|
||||
}
|
||||
|
||||
.tagify-email-list + button .ti {
|
||||
margin-top: -0.1875rem;
|
||||
}
|
||||
|
||||
[dir=rtl] .select2-container--default .select2-selection--single .select2-selection__rendered {
|
||||
padding-left: 2.6rem !important;
|
||||
}
|
||||
|
||||
.light-style .select2-selection--multiple .select2-selection__clear {
|
||||
margin-top: 0.375rem;
|
||||
}
|
||||
.light-style .select2-selection--multiple .select2-selection__rendered {
|
||||
padding: 0 0.375rem 0.375rem 0.375rem;
|
||||
}
|
||||
.light-style .select2-selection--multiple .select2-selection__choice {
|
||||
margin-right: 0.375rem;
|
||||
margin-top: 0.375rem;
|
||||
}
|
||||
.light-style .select2-selection--multiple .select2-selection__placeholder {
|
||||
margin-top: 0.375rem;
|
||||
}
|
||||
.light-style .select2-search__field {
|
||||
color: #6f6b7d;
|
||||
}
|
||||
.light-style .select2-dropdown {
|
||||
background: #fff;
|
||||
box-shadow: 0 0.25rem 1rem rgba(165, 163, 174, 0.45);
|
||||
background-clip: padding-box;
|
||||
border-color: #dbdade;
|
||||
z-index: 1000;
|
||||
}
|
||||
.light-style .select2-dropdown.select2-dropdown--above {
|
||||
box-shadow: 0 -0.2rem 1.25rem rgba(165, 163, 174, 0.4) !important;
|
||||
}
|
||||
.light-style .select2-container--default .select2-selection {
|
||||
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
||||
background-color: #fff;
|
||||
border: 1px solid #dbdade;
|
||||
border-radius: 0.375rem;
|
||||
}
|
||||
.light-style .select2-container--default .select2-selection:hover {
|
||||
border-color: #c9c8ce;
|
||||
}
|
||||
.light-style .select2-container--default .select2-selection__placeholder {
|
||||
color: #b7b5be;
|
||||
}
|
||||
.light-style .select2-container--default .select2-selection--single {
|
||||
height: calc(1.5em + 0.844rem + 2px);
|
||||
}
|
||||
.light-style .select2-container--default .select2-selection--single .select2-selection__clear {
|
||||
color: #a5a3ae;
|
||||
}
|
||||
.light-style .select2-container--default .select2-selection--single .select2-selection__arrow {
|
||||
height: calc(1.5em + 0.844rem + 2px);
|
||||
position: absolute;
|
||||
}
|
||||
.light-style .select2-container--default .select2-selection--single .select2-selection__arrow b {
|
||||
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%236f6b7d' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='white' stroke-opacity='0.2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
|
||||
}
|
||||
.light-style .select2-container--default .select2-selection--single .select2-selection__rendered {
|
||||
line-height: 2.25rem;
|
||||
color: #6f6b7d;
|
||||
padding-left: 0.875rem;
|
||||
}
|
||||
.light-style .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__rendered {
|
||||
padding-right: 0.875rem;
|
||||
}
|
||||
.light-style .select2-container--default.select2-container--disabled .select2-selection--single {
|
||||
background-color: rgba(75, 70, 92, 0.08);
|
||||
border-color: #dbdade !important;
|
||||
}
|
||||
.light-style .select2-container--default .select2-selection--multiple {
|
||||
min-height: calc(1.5em + 0.844rem + 2px);
|
||||
}
|
||||
.light-style .select2-container--default .select2-selection--multiple .select2-selection__choice {
|
||||
color: #6f6b7d;
|
||||
background-color: rgba(75, 70, 92, 0.2);
|
||||
}
|
||||
.light-style .select2-container--default.select2-container--disabled .select2-selection--multiple {
|
||||
border-color: #dbdade !important;
|
||||
background-color: rgba(75, 70, 92, 0.08);
|
||||
}
|
||||
.light-style .select2-container--default .select2-search--dropdown .select2-search__field {
|
||||
border: 1px solid #dbdade;
|
||||
}
|
||||
.light-style .select2-container--default .select2-search__field::-webkit-input-placeholder {
|
||||
color: #b7b5be;
|
||||
}
|
||||
.light-style .select2-container--default .select2-search__field::-moz-placeholder {
|
||||
color: #b7b5be;
|
||||
}
|
||||
.light-style .select2-container--default .select2-search__field:-ms-input-placeholder {
|
||||
color: #b7b5be;
|
||||
}
|
||||
.light-style .select2-container--default .select2-results__option .select2-results__option[role=option] {
|
||||
width: calc(100% - 0.875rem);
|
||||
padding-left: 0.875rem;
|
||||
}
|
||||
.light-style .select2-container--default .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] {
|
||||
padding-left: 1.75rem;
|
||||
}
|
||||
.light-style .select2-container--default .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] {
|
||||
padding-left: 2.625rem;
|
||||
}
|
||||
.light-style .select2-container--default .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] {
|
||||
padding-left: 3.5rem;
|
||||
}
|
||||
.light-style .select2-container--default .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] {
|
||||
padding-left: 4.375rem;
|
||||
}
|
||||
.light-style .select2-container--default .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] {
|
||||
padding-left: 0.875rem;
|
||||
}
|
||||
.light-style .select2-container--default .select2-results__group {
|
||||
padding: 0.5rem 0.4375rem;
|
||||
}
|
||||
.light-style .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
|
||||
margin-left: 0.375rem;
|
||||
margin-right: 0;
|
||||
}
|
||||
.light-style[dir=rtl] .select2-container--default .select2-results__option .select2-results__option {
|
||||
padding-right: 0.875rem;
|
||||
padding-left: 0 !important;
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
.light-style[dir=rtl] .select2-container--default .select2-results__option .select2-results__option .select2-results__option[role=option] {
|
||||
padding-right: 1.75rem;
|
||||
}
|
||||
.light-style[dir=rtl] .select2-container--default .select2-results__option .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] {
|
||||
padding-right: 2.625rem;
|
||||
}
|
||||
.light-style[dir=rtl] .select2-container--default .select2-results__option .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] {
|
||||
padding-right: 3.5rem;
|
||||
}
|
||||
.light-style[dir=rtl] .select2-container--default .select2-results__option .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] {
|
||||
padding-right: 4.375rem;
|
||||
}
|
||||
.light-style[dir=rtl] .select2-container--default .select2-results__option .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] {
|
||||
padding-right: 0.875rem;
|
||||
}
|
||||
.light-style .is-valid .select2-container--default .select2-selection,
|
||||
.light-style .is-valid.select2-container--default .select2-selection {
|
||||
border-color: #28c76f !important;
|
||||
}
|
||||
.light-style .is-invalid .select2-container--default .select2-selection,
|
||||
.light-style .is-invalid.select2-container--default .select2-selection {
|
||||
border-color: #ea5455 !important;
|
||||
}
|
||||
.light-style .select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice {
|
||||
background: rgba(168, 170, 174, 0.16) !important;
|
||||
color: #a8aaae !important;
|
||||
}
|
||||
.light-style .select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice {
|
||||
background: rgba(40, 199, 111, 0.16) !important;
|
||||
color: #28c76f !important;
|
||||
}
|
||||
.light-style .select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice {
|
||||
background: rgba(0, 207, 232, 0.16) !important;
|
||||
color: #00cfe8 !important;
|
||||
}
|
||||
.light-style .select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice {
|
||||
background: rgba(255, 159, 67, 0.16) !important;
|
||||
color: #ff9f43 !important;
|
||||
}
|
||||
.light-style .select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice {
|
||||
background: rgba(234, 84, 85, 0.16) !important;
|
||||
color: #ea5455 !important;
|
||||
}
|
||||
.light-style .select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice {
|
||||
background: rgba(223, 223, 227, 0.16) !important;
|
||||
color: #dfdfe3 !important;
|
||||
}
|
||||
.light-style .select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
|
||||
background: rgba(75, 75, 75, 0.16) !important;
|
||||
color: #4b4b4b !important;
|
||||
}
|
||||
.light-style .select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice {
|
||||
background: rgba(75, 70, 92, 0.16) !important;
|
||||
color: rgba(75, 70, 92, 0.05) !important;
|
||||
}
|
||||
|
||||
.dark-style .select2-selection--multiple .select2-selection__choice {
|
||||
margin-top: 0.375rem;
|
||||
margin-right: 0.375rem;
|
||||
}
|
||||
.dark-style .select2-selection--multiple .select2-selection__clear {
|
||||
margin-top: 0.375rem;
|
||||
}
|
||||
.dark-style .select2-selection--multiple .select2-selection__placeholder {
|
||||
margin-top: 0.375rem;
|
||||
}
|
||||
.dark-style .select2-selection--multiple .select2-selection__rendered {
|
||||
padding: 0 0.375rem 0.375rem 0.375rem;
|
||||
}
|
||||
.dark-style .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
|
||||
margin-left: 0.375rem;
|
||||
margin-right: 0;
|
||||
}
|
||||
.dark-style .select2-container--default .select2-selection {
|
||||
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
||||
background-color: #2f3349;
|
||||
border: 1px solid #434968;
|
||||
border-radius: 0.375rem;
|
||||
}
|
||||
.dark-style .select2-container--default .select2-selection:hover {
|
||||
border-color: #5e6692;
|
||||
}
|
||||
.dark-style .select2-container--default .select2-selection__placeholder {
|
||||
color: #5e6692;
|
||||
}
|
||||
.dark-style .select2-container--default .select2-selection--single {
|
||||
height: calc(1.5em + 0.844rem + 2px);
|
||||
}
|
||||
.dark-style .select2-container--default .select2-selection--single .select2-selection__arrow {
|
||||
height: calc(1.5em + 0.844rem + 2px);
|
||||
position: absolute;
|
||||
}
|
||||
.dark-style .select2-container--default .select2-selection--single .select2-selection__arrow b {
|
||||
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23b6bee3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='white' stroke-opacity='0.2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
|
||||
}
|
||||
.dark-style .select2-container--default .select2-selection--single .select2-selection__rendered {
|
||||
line-height: 2.25rem;
|
||||
color: #b6bee3;
|
||||
padding-left: 0.875rem;
|
||||
}
|
||||
.dark-style .select2-container--default .select2-selection--single .select2-selection__clear {
|
||||
color: #b6bee3;
|
||||
}
|
||||
.dark-style .select2-container--default .select2-selection--multiple {
|
||||
min-height: calc(1.5em + 0.844rem + 2px);
|
||||
}
|
||||
.dark-style .select2-container--default .select2-selection--multiple .select2-selection__choice {
|
||||
color: #b6bee3;
|
||||
background-color: #25293c;
|
||||
}
|
||||
.dark-style .select2-container--default.select2-container--disabled .select2-selection--multiple {
|
||||
border-color: #434968 !important;
|
||||
background-color: rgba(134, 146, 208, 0.08);
|
||||
}
|
||||
.dark-style .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__rendered {
|
||||
padding-right: 0.875rem;
|
||||
}
|
||||
.dark-style .select2-container--default.select2-container--disabled .select2-selection--single {
|
||||
background-color: rgba(134, 146, 208, 0.08);
|
||||
border-color: #434968 !important;
|
||||
}
|
||||
.dark-style .select2-container--default .select2-search__field::-webkit-input-placeholder {
|
||||
color: #5e6692;
|
||||
}
|
||||
.dark-style .select2-container--default .select2-search__field::-moz-placeholder {
|
||||
color: #5e6692;
|
||||
}
|
||||
.dark-style .select2-container--default .select2-search__field:-ms-input-placeholder {
|
||||
color: #5e6692;
|
||||
}
|
||||
.dark-style .select2-container--default .select2-search--dropdown .select2-search__field {
|
||||
border: 1px solid #434968;
|
||||
background: #2f3349;
|
||||
}
|
||||
.dark-style .select2-container--default .select2-results__option .select2-results__option[role=option] {
|
||||
width: calc(100% - 0.875rem);
|
||||
padding-left: 0.875rem;
|
||||
padding-right: 0.875rem;
|
||||
}
|
||||
.dark-style .select2-container--default .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] {
|
||||
padding-left: 0.875rem;
|
||||
}
|
||||
.dark-style .select2-container--default .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] {
|
||||
padding-left: 1.75rem;
|
||||
}
|
||||
.dark-style .select2-container--default .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] {
|
||||
padding-left: 2.625rem;
|
||||
}
|
||||
.dark-style .select2-container--default .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] {
|
||||
padding-left: 3.5rem;
|
||||
}
|
||||
.dark-style .select2-container--default .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] {
|
||||
padding-left: 4.375rem;
|
||||
}
|
||||
.dark-style .select2-container--default .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] {
|
||||
padding-left: 0.875rem;
|
||||
}
|
||||
.dark-style .select2-container--default .select2-results__group {
|
||||
padding: 0.5rem 0.4375rem;
|
||||
}
|
||||
.dark-style .select2-dropdown {
|
||||
z-index: 1000;
|
||||
background: #2f3349;
|
||||
border-color: #434968;
|
||||
background-clip: padding-box;
|
||||
box-shadow: 0 0.25rem 1rem rgba(15, 20, 34, 0.55);
|
||||
}
|
||||
.dark-style .select2-dropdown.select2-dropdown--above {
|
||||
box-shadow: 0 -0.2rem 1.25rem rgba(15, 20, 34, 0.55) !important;
|
||||
}
|
||||
.dark-style .select2-search__field {
|
||||
color: #b6bee3;
|
||||
}
|
||||
.dark-style[dir=rtl] .select2-container--default .select2-results__option .select2-results__option {
|
||||
padding-left: 0 !important;
|
||||
padding-right: 0.875rem;
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
.dark-style[dir=rtl] .select2-container--default .select2-results__option .select2-results__option .select2-results__option[role=option] {
|
||||
padding-right: 1.75rem;
|
||||
}
|
||||
.dark-style[dir=rtl] .select2-container--default .select2-results__option .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] {
|
||||
padding-right: 2.625rem;
|
||||
}
|
||||
.dark-style[dir=rtl] .select2-container--default .select2-results__option .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] {
|
||||
padding-right: 3.5rem;
|
||||
}
|
||||
.dark-style[dir=rtl] .select2-container--default .select2-results__option .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] {
|
||||
padding-right: 4.375rem;
|
||||
}
|
||||
.dark-style[dir=rtl] .select2-container--default .select2-results__option .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] {
|
||||
padding-right: 0.875rem;
|
||||
}
|
||||
.dark-style .is-valid .select2-container--default .select2-selection,
|
||||
.dark-style .is-valid.select2-container--default .select2-selection {
|
||||
border-color: #28c76f !important;
|
||||
}
|
||||
.dark-style .is-invalid .select2-container--default .select2-selection,
|
||||
.dark-style .is-invalid.select2-container--default .select2-selection {
|
||||
border-color: #ea5455 !important;
|
||||
}
|
||||
.dark-style .select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice {
|
||||
background: rgba(168, 170, 174, 0.16) !important;
|
||||
color: #a8aaae !important;
|
||||
}
|
||||
.dark-style .select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice {
|
||||
background: rgba(40, 199, 111, 0.16) !important;
|
||||
color: #28c76f !important;
|
||||
}
|
||||
.dark-style .select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice {
|
||||
background: rgba(0, 207, 232, 0.16) !important;
|
||||
color: #00cfe8 !important;
|
||||
}
|
||||
.dark-style .select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice {
|
||||
background: rgba(255, 159, 67, 0.16) !important;
|
||||
color: #ff9f43 !important;
|
||||
}
|
||||
.dark-style .select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice {
|
||||
background: rgba(234, 84, 85, 0.16) !important;
|
||||
color: #ea5455 !important;
|
||||
}
|
||||
.dark-style .select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice {
|
||||
background: rgba(68, 71, 91, 0.16) !important;
|
||||
color: #44475b !important;
|
||||
}
|
||||
.dark-style .select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
|
||||
background: rgba(215, 216, 222, 0.16) !important;
|
||||
color: #d7d8de !important;
|
||||
}
|
||||
.dark-style .select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice {
|
||||
background: rgba(255, 255, 255, 0.16) !important;
|
||||
color: rgba(255, 255, 255, 0.8) !important;
|
||||
}
|
||||
131
resources/themestyle/libs/select2/select2.js
vendored
Normal file
131
resources/themestyle/libs/select2/select2.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1335
resources/themestyle/libs/sweetalert2/sweetalert2.css
Normal file
1335
resources/themestyle/libs/sweetalert2/sweetalert2.css
Normal file
File diff suppressed because it is too large
Load Diff
120
resources/themestyle/libs/sweetalert2/sweetalert2.js
Normal file
120
resources/themestyle/libs/sweetalert2/sweetalert2.js
Normal file
File diff suppressed because one or more lines are too long
910
resources/themestyle/libs/swiper/swiper.css
Normal file
910
resources/themestyle/libs/swiper/swiper.css
Normal file
@@ -0,0 +1,910 @@
|
||||
/**
|
||||
* Swiper 9.4.1
|
||||
* Most modern mobile touch slider and framework with hardware accelerated transitions
|
||||
* https://swiperjs.com
|
||||
*
|
||||
* Copyright 2014-2023 Vladimir Kharlampidi
|
||||
*
|
||||
* Released under the MIT License
|
||||
*
|
||||
* Released on: June 13, 2023
|
||||
*/
|
||||
/* FONT_START */
|
||||
@font-face {
|
||||
font-family: "swiper-icons";
|
||||
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
/* FONT_END */
|
||||
:root {
|
||||
--swiper-theme-color: #007aff;
|
||||
/*
|
||||
--swiper-preloader-color: var(--swiper-theme-color);
|
||||
--swiper-wrapper-transition-timing-function: initial;
|
||||
*/
|
||||
}
|
||||
|
||||
.swiper,
|
||||
swiper-container {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
/* Fix of Webkit flickering */
|
||||
z-index: 1;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.swiper-vertical > .swiper-wrapper {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.swiper-wrapper {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 1;
|
||||
display: flex;
|
||||
transition-property: transform;
|
||||
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
.swiper-android .swiper-slide,
|
||||
.swiper-wrapper {
|
||||
transform: translate3d(0px, 0, 0);
|
||||
}
|
||||
|
||||
.swiper-horizontal {
|
||||
touch-action: pan-y;
|
||||
}
|
||||
|
||||
.swiper-vertical {
|
||||
touch-action: pan-x;
|
||||
}
|
||||
|
||||
.swiper-slide,
|
||||
swiper-slide {
|
||||
flex-shrink: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
transition-property: transform;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.swiper-slide-invisible-blank {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
/* Auto Height */
|
||||
.swiper-autoheight,
|
||||
.swiper-autoheight .swiper-slide {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.swiper-autoheight .swiper-wrapper {
|
||||
align-items: flex-start;
|
||||
transition-property: transform, height;
|
||||
}
|
||||
|
||||
.swiper-backface-hidden .swiper-slide {
|
||||
transform: translateZ(0);
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
|
||||
/* 3D Effects */
|
||||
.swiper-3d.swiper-css-mode .swiper-wrapper {
|
||||
perspective: 1200px;
|
||||
}
|
||||
|
||||
.swiper-3d .swiper-wrapper {
|
||||
transform-style: preserve-3d;
|
||||
}
|
||||
|
||||
.swiper-3d {
|
||||
perspective: 1200px;
|
||||
}
|
||||
|
||||
.swiper-3d .swiper-slide,
|
||||
.swiper-3d .swiper-slide-shadow,
|
||||
.swiper-3d .swiper-slide-shadow-left,
|
||||
.swiper-3d .swiper-slide-shadow-right,
|
||||
.swiper-3d .swiper-slide-shadow-top,
|
||||
.swiper-3d .swiper-slide-shadow-bottom,
|
||||
.swiper-3d .swiper-cube-shadow {
|
||||
transform-style: preserve-3d;
|
||||
}
|
||||
|
||||
.swiper-3d .swiper-slide-shadow,
|
||||
.swiper-3d .swiper-slide-shadow-left,
|
||||
.swiper-3d .swiper-slide-shadow-right,
|
||||
.swiper-3d .swiper-slide-shadow-top,
|
||||
.swiper-3d .swiper-slide-shadow-bottom {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
pointer-events: none;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.swiper-3d .swiper-slide-shadow {
|
||||
background: rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.swiper-3d .swiper-slide-shadow-left {
|
||||
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
|
||||
}
|
||||
|
||||
.swiper-3d .swiper-slide-shadow-right {
|
||||
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
|
||||
}
|
||||
|
||||
.swiper-3d .swiper-slide-shadow-top {
|
||||
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
|
||||
}
|
||||
|
||||
.swiper-3d .swiper-slide-shadow-bottom {
|
||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
|
||||
}
|
||||
|
||||
/* CSS Mode */
|
||||
.swiper-css-mode > .swiper-wrapper {
|
||||
overflow: auto;
|
||||
scrollbar-width: none;
|
||||
/* For Firefox */
|
||||
-ms-overflow-style: none;
|
||||
/* For Internet Explorer and Edge */
|
||||
}
|
||||
|
||||
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
|
||||
scroll-snap-align: start start;
|
||||
}
|
||||
|
||||
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
|
||||
scroll-snap-type: x mandatory;
|
||||
}
|
||||
|
||||
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
|
||||
scroll-snap-type: y mandatory;
|
||||
}
|
||||
|
||||
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
|
||||
scroll-snap-type: none;
|
||||
}
|
||||
|
||||
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
|
||||
scroll-snap-align: none;
|
||||
}
|
||||
|
||||
.swiper-centered > .swiper-wrapper::before {
|
||||
content: "";
|
||||
flex-shrink: 0;
|
||||
order: 9999;
|
||||
}
|
||||
|
||||
.swiper-centered > .swiper-wrapper > .swiper-slide {
|
||||
scroll-snap-align: center center;
|
||||
scroll-snap-stop: always;
|
||||
}
|
||||
|
||||
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
|
||||
margin-inline-start: var(--swiper-centered-offset-before);
|
||||
}
|
||||
|
||||
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
|
||||
height: 100%;
|
||||
min-height: 1px;
|
||||
width: var(--swiper-centered-offset-after);
|
||||
}
|
||||
|
||||
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
|
||||
margin-block-start: var(--swiper-centered-offset-before);
|
||||
}
|
||||
|
||||
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
|
||||
width: 100%;
|
||||
min-width: 1px;
|
||||
height: var(--swiper-centered-offset-after);
|
||||
}
|
||||
|
||||
.swiper-lazy-preloader {
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin-left: -21px;
|
||||
margin-top: -21px;
|
||||
z-index: 10;
|
||||
transform-origin: 50%;
|
||||
box-sizing: border-box;
|
||||
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
|
||||
border-radius: 50%;
|
||||
border-top-color: transparent;
|
||||
}
|
||||
|
||||
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
|
||||
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,
|
||||
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
|
||||
animation: swiper-preloader-spin 1s infinite linear;
|
||||
}
|
||||
|
||||
.swiper-lazy-preloader-white {
|
||||
--swiper-preloader-color: #fff;
|
||||
}
|
||||
|
||||
.swiper-lazy-preloader-black {
|
||||
--swiper-preloader-color: #000;
|
||||
}
|
||||
|
||||
@keyframes swiper-preloader-spin {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
.swiper-virtual .swiper-slide {
|
||||
-webkit-backface-visibility: hidden;
|
||||
transform: translateZ(0);
|
||||
}
|
||||
|
||||
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
|
||||
height: 1px;
|
||||
width: var(--swiper-virtual-size);
|
||||
}
|
||||
|
||||
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
|
||||
width: 1px;
|
||||
height: var(--swiper-virtual-size);
|
||||
}
|
||||
|
||||
:root {
|
||||
--swiper-navigation-size: 44px;
|
||||
/*
|
||||
--swiper-navigation-top-offset: 50%;
|
||||
--swiper-navigation-sides-offset: 10px;
|
||||
--swiper-navigation-color: var(--swiper-theme-color);
|
||||
*/
|
||||
}
|
||||
|
||||
.swiper-button-prev,
|
||||
.swiper-button-next {
|
||||
position: absolute;
|
||||
top: var(--swiper-navigation-top-offset, 50%);
|
||||
width: calc(var(--swiper-navigation-size) / 44 * 27);
|
||||
height: var(--swiper-navigation-size);
|
||||
margin-top: calc(0px - var(--swiper-navigation-size) / 2);
|
||||
z-index: 10;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: var(--swiper-navigation-color, var(--swiper-theme-color));
|
||||
}
|
||||
|
||||
.swiper-button-prev.swiper-button-disabled,
|
||||
.swiper-button-next.swiper-button-disabled {
|
||||
opacity: 0.35;
|
||||
cursor: auto;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.swiper-button-prev.swiper-button-hidden,
|
||||
.swiper-button-next.swiper-button-hidden {
|
||||
opacity: 0;
|
||||
cursor: auto;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.swiper-navigation-disabled .swiper-button-prev,
|
||||
.swiper-navigation-disabled .swiper-button-next {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.swiper-button-prev:after,
|
||||
.swiper-button-next:after {
|
||||
font-family: swiper-icons;
|
||||
font-size: var(--swiper-navigation-size);
|
||||
text-transform: none !important;
|
||||
letter-spacing: 0;
|
||||
font-variant: initial;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.swiper-button-prev,
|
||||
.swiper-rtl .swiper-button-next {
|
||||
left: var(--swiper-navigation-sides-offset, 10px);
|
||||
right: auto;
|
||||
}
|
||||
|
||||
.swiper-button-prev:after,
|
||||
.swiper-rtl .swiper-button-next:after {
|
||||
content: "prev";
|
||||
}
|
||||
|
||||
.swiper-button-next,
|
||||
.swiper-rtl .swiper-button-prev {
|
||||
right: var(--swiper-navigation-sides-offset, 10px);
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.swiper-button-next:after,
|
||||
.swiper-rtl .swiper-button-prev:after {
|
||||
content: "next";
|
||||
}
|
||||
|
||||
.swiper-button-lock {
|
||||
display: none;
|
||||
}
|
||||
|
||||
:root {
|
||||
/*
|
||||
--swiper-pagination-color: var(--swiper-theme-color);
|
||||
--swiper-pagination-left: auto;
|
||||
--swiper-pagination-right: 8px;
|
||||
--swiper-pagination-bottom: 8px;
|
||||
--swiper-pagination-top: auto;
|
||||
--swiper-pagination-fraction-color: inherit;
|
||||
--swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
|
||||
--swiper-pagination-progressbar-size: 4px;
|
||||
--swiper-pagination-bullet-size: 8px;
|
||||
--swiper-pagination-bullet-width: 8px;
|
||||
--swiper-pagination-bullet-height: 8px;
|
||||
--swiper-pagination-bullet-border-radius: 50%;
|
||||
--swiper-pagination-bullet-inactive-color: #000;
|
||||
--swiper-pagination-bullet-inactive-opacity: 0.2;
|
||||
--swiper-pagination-bullet-opacity: 1;
|
||||
--swiper-pagination-bullet-horizontal-gap: 4px;
|
||||
--swiper-pagination-bullet-vertical-gap: 6px;
|
||||
*/
|
||||
}
|
||||
|
||||
.swiper-pagination {
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
transition: 300ms opacity;
|
||||
transform: translate3d(0, 0, 0);
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.swiper-pagination.swiper-pagination-hidden {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.swiper-pagination-disabled > .swiper-pagination,
|
||||
.swiper-pagination.swiper-pagination-disabled {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* Common Styles */
|
||||
.swiper-pagination-fraction,
|
||||
.swiper-pagination-custom,
|
||||
.swiper-horizontal > .swiper-pagination-bullets,
|
||||
.swiper-pagination-bullets.swiper-pagination-horizontal {
|
||||
bottom: var(--swiper-pagination-bottom, 8px);
|
||||
top: var(--swiper-pagination-top, auto);
|
||||
left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Bullets */
|
||||
.swiper-pagination-bullets-dynamic {
|
||||
overflow: hidden;
|
||||
font-size: 0;
|
||||
}
|
||||
|
||||
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
|
||||
transform: scale(0.33);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
|
||||
transform: scale(0.66);
|
||||
}
|
||||
|
||||
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
|
||||
transform: scale(0.33);
|
||||
}
|
||||
|
||||
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
|
||||
transform: scale(0.66);
|
||||
}
|
||||
|
||||
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
|
||||
transform: scale(0.33);
|
||||
}
|
||||
|
||||
.swiper-pagination-bullet {
|
||||
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
|
||||
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
|
||||
display: inline-block;
|
||||
border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
|
||||
background: var(--swiper-pagination-bullet-inactive-color, #000);
|
||||
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
|
||||
}
|
||||
|
||||
button.swiper-pagination-bullet {
|
||||
border: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-shadow: none;
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
}
|
||||
|
||||
.swiper-pagination-clickable .swiper-pagination-bullet {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.swiper-pagination-bullet:only-child {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.swiper-pagination-bullet-active {
|
||||
opacity: var(--swiper-pagination-bullet-opacity, 1);
|
||||
background: var(--swiper-pagination-color, var(--swiper-theme-color));
|
||||
}
|
||||
|
||||
.swiper-vertical > .swiper-pagination-bullets,
|
||||
.swiper-pagination-vertical.swiper-pagination-bullets {
|
||||
right: var(--swiper-pagination-right, 8px);
|
||||
left: var(--swiper-pagination-left, auto);
|
||||
top: 50%;
|
||||
transform: translate3d(0px, -50%, 0);
|
||||
}
|
||||
|
||||
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
|
||||
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
|
||||
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
|
||||
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
width: 8px;
|
||||
}
|
||||
|
||||
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
|
||||
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
|
||||
display: inline-block;
|
||||
transition: 200ms transform, 200ms top;
|
||||
}
|
||||
|
||||
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
|
||||
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
|
||||
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
|
||||
}
|
||||
|
||||
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
|
||||
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
|
||||
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
|
||||
transition: 200ms transform, 200ms left;
|
||||
}
|
||||
|
||||
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
|
||||
:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
|
||||
transition: 200ms transform, 200ms right;
|
||||
}
|
||||
|
||||
/* Fraction */
|
||||
.swiper-pagination-fraction {
|
||||
color: var(--swiper-pagination-fraction-color, inherit);
|
||||
}
|
||||
|
||||
/* Progress */
|
||||
.swiper-pagination-progressbar {
|
||||
background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
|
||||
position: absolute;
|
||||
/*ADD_HOST*/
|
||||
}
|
||||
|
||||
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
|
||||
background: var(--swiper-pagination-color, var(--swiper-theme-color));
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
transform: scale(0);
|
||||
transform-origin: left top;
|
||||
}
|
||||
|
||||
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
|
||||
transform-origin: right top;
|
||||
}
|
||||
|
||||
.swiper-horizontal > .swiper-pagination-progressbar,
|
||||
.swiper-pagination-progressbar.swiper-pagination-horizontal,
|
||||
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
|
||||
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
|
||||
width: 100%;
|
||||
height: var(--swiper-pagination-progressbar-size, 4px);
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.swiper-vertical > .swiper-pagination-progressbar,
|
||||
.swiper-pagination-progressbar.swiper-pagination-vertical,
|
||||
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
|
||||
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
|
||||
width: var(--swiper-pagination-progressbar-size, 4px);
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.swiper-pagination-lock {
|
||||
display: none;
|
||||
}
|
||||
|
||||
:root {
|
||||
/*
|
||||
--swiper-scrollbar-border-radius: 10px;
|
||||
--swiper-scrollbar-top: auto;
|
||||
--swiper-scrollbar-bottom: 4px;
|
||||
--swiper-scrollbar-left: auto;
|
||||
--swiper-scrollbar-right: 4px;
|
||||
--swiper-scrollbar-sides-offset: 1%;
|
||||
--swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
|
||||
--swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
|
||||
--swiper-scrollbar-size: 4px;
|
||||
*/
|
||||
}
|
||||
|
||||
.swiper-scrollbar {
|
||||
border-radius: var(--swiper-scrollbar-border-radius, 10px);
|
||||
position: relative;
|
||||
-ms-touch-action: none;
|
||||
background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
|
||||
}
|
||||
|
||||
.swiper-scrollbar-disabled > .swiper-scrollbar,
|
||||
.swiper-scrollbar.swiper-scrollbar-disabled {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.swiper-horizontal > .swiper-scrollbar,
|
||||
.swiper-scrollbar.swiper-scrollbar-horizontal {
|
||||
position: absolute;
|
||||
left: var(--swiper-scrollbar-sides-offset, 1%);
|
||||
bottom: var(--swiper-scrollbar-bottom, 4px);
|
||||
top: var(--swiper-scrollbar-top, auto);
|
||||
z-index: 50;
|
||||
height: var(--swiper-scrollbar-size, 4px);
|
||||
width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
|
||||
}
|
||||
|
||||
.swiper-vertical > .swiper-scrollbar,
|
||||
.swiper-scrollbar.swiper-scrollbar-vertical {
|
||||
position: absolute;
|
||||
left: var(--swiper-scrollbar-left, auto);
|
||||
right: var(--swiper-scrollbar-right, 4px);
|
||||
top: var(--swiper-scrollbar-sides-offset, 1%);
|
||||
z-index: 50;
|
||||
width: var(--swiper-scrollbar-size, 4px);
|
||||
height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
|
||||
}
|
||||
|
||||
.swiper-scrollbar-drag {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
|
||||
border-radius: var(--swiper-scrollbar-border-radius, 10px);
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.swiper-scrollbar-cursor-drag {
|
||||
cursor: move;
|
||||
}
|
||||
|
||||
.swiper-scrollbar-lock {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.swiper-zoom-container {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.swiper-zoom-container > img,
|
||||
.swiper-zoom-container > svg,
|
||||
.swiper-zoom-container > canvas {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.swiper-slide-zoomed {
|
||||
cursor: move;
|
||||
touch-action: none;
|
||||
}
|
||||
|
||||
/* a11y */
|
||||
.swiper .swiper-notification,
|
||||
swiper-container .swiper-notification {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
pointer-events: none;
|
||||
opacity: 0;
|
||||
z-index: -1000;
|
||||
}
|
||||
|
||||
.swiper-free-mode > .swiper-wrapper {
|
||||
transition-timing-function: ease-out;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.swiper-grid > .swiper-wrapper {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.swiper-grid-column > .swiper-wrapper {
|
||||
flex-wrap: wrap;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.swiper-fade.swiper-free-mode .swiper-slide {
|
||||
transition-timing-function: ease-out;
|
||||
}
|
||||
|
||||
.swiper-fade .swiper-slide {
|
||||
pointer-events: none;
|
||||
transition-property: opacity;
|
||||
}
|
||||
|
||||
.swiper-fade .swiper-slide .swiper-slide {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.swiper-fade .swiper-slide-active,
|
||||
.swiper-fade .swiper-slide-active .swiper-slide-active {
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
.swiper-cube {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.swiper-cube .swiper-slide {
|
||||
pointer-events: none;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
z-index: 1;
|
||||
visibility: hidden;
|
||||
transform-origin: 0 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.swiper-cube .swiper-slide .swiper-slide {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.swiper-cube.swiper-rtl .swiper-slide {
|
||||
transform-origin: 100% 0;
|
||||
}
|
||||
|
||||
.swiper-cube .swiper-slide-active,
|
||||
.swiper-cube .swiper-slide-active .swiper-slide-active {
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
.swiper-cube .swiper-slide-active,
|
||||
.swiper-cube .swiper-slide-next,
|
||||
.swiper-cube .swiper-slide-prev,
|
||||
.swiper-cube .swiper-slide-next + .swiper-slide {
|
||||
pointer-events: auto;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.swiper-cube .swiper-slide-shadow-top,
|
||||
.swiper-cube .swiper-slide-shadow-bottom,
|
||||
.swiper-cube .swiper-slide-shadow-left,
|
||||
.swiper-cube .swiper-slide-shadow-right {
|
||||
z-index: 0;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
|
||||
.swiper-cube .swiper-cube-shadow {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
opacity: 0.6;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.swiper-cube .swiper-cube-shadow:before {
|
||||
content: "";
|
||||
background: #000;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
filter: blur(50px);
|
||||
}
|
||||
|
||||
.swiper-flip {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.swiper-flip .swiper-slide {
|
||||
pointer-events: none;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.swiper-flip .swiper-slide .swiper-slide {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.swiper-flip .swiper-slide-active,
|
||||
.swiper-flip .swiper-slide-active .swiper-slide-active {
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
.swiper-flip .swiper-slide-shadow-top,
|
||||
.swiper-flip .swiper-slide-shadow-bottom,
|
||||
.swiper-flip .swiper-slide-shadow-left,
|
||||
.swiper-flip .swiper-slide-shadow-right {
|
||||
z-index: 0;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
|
||||
.swiper-creative .swiper-slide {
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
overflow: hidden;
|
||||
transition-property: transform, opacity, height;
|
||||
}
|
||||
|
||||
.swiper-cards {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.swiper-cards .swiper-slide {
|
||||
transform-origin: center bottom;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.swiper {
|
||||
width: 100%;
|
||||
overflow: hidden !important;
|
||||
}
|
||||
.swiper .swiper-slide {
|
||||
color: #fff;
|
||||
}
|
||||
.swiper .swiper-pagination-bullet.swiper-pagination-bullet-active.bg-transparent {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
.swiper-button-prev,
|
||||
.swiper-button-next {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.swiper-button-prev.swiper-button-white,
|
||||
.swiper-button-next.swiper-button-white {
|
||||
color: #fff;
|
||||
}
|
||||
.swiper-button-prev.custom-icon,
|
||||
.swiper-button-next.custom-icon {
|
||||
background-image: none;
|
||||
line-height: 1;
|
||||
}
|
||||
.swiper-button-prev.custom-icon::after,
|
||||
.swiper-button-next.custom-icon::after {
|
||||
font-size: 2rem;
|
||||
}
|
||||
[dir=rtl] .swiper-button-prev.custom-icon,
|
||||
[dir=rtl] .swiper-button-next.custom-icon {
|
||||
transform: scaleX(-1) rotate(180deg);
|
||||
}
|
||||
|
||||
.swiper-pagination-bullet {
|
||||
background: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
|
||||
.swiper-pagination-progressbar,
|
||||
.swiper-scrollbar {
|
||||
background: rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
.swiper-scrollbar-drag {
|
||||
background: rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.swiper-pagination-white .swiper-pagination-bullet {
|
||||
background: #fff !important;
|
||||
}
|
||||
.swiper-pagination-white .swiper-pagination-bullet-active {
|
||||
background: #fff !important;
|
||||
}
|
||||
|
||||
.swiper-scrollbar-white {
|
||||
background: rgba(255, 255, 255, 0.2) !important;
|
||||
}
|
||||
.swiper-scrollbar-white .swiper-scrollbar-drag {
|
||||
background: #fff !important;
|
||||
}
|
||||
|
||||
.dark-style .swiper-3d .swiper-pagination-bullet {
|
||||
background-color: #fff;
|
||||
}
|
||||
.dark-style .swiper-3d .swiper-button-prev.swiper-button-black,
|
||||
.dark-style .swiper-3d .swiper-button-next.swiper-button-black {
|
||||
--swiper-navigation-color: $white;
|
||||
}
|
||||
|
||||
[dir=rtl] .swiper-button-next {
|
||||
right: auto;
|
||||
left: 10px;
|
||||
}
|
||||
[dir=rtl] .swiper-button-prev {
|
||||
right: 10px;
|
||||
left: auto;
|
||||
}
|
||||
[dir=rtl] .swiper-vertical > .swiper-pagination-bullets {
|
||||
right: auto;
|
||||
left: 10px;
|
||||
}
|
||||
[dir=rtl] .swiper-vertical > .swiper-pagination-progressbar {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
[dir=rtl] .swiper-vertical > .swiper-scrollbar {
|
||||
right: auto;
|
||||
left: 3px;
|
||||
}
|
||||
1078
resources/themestyle/libs/swiper/swiper.js
Normal file
1078
resources/themestyle/libs/swiper/swiper.js
Normal file
File diff suppressed because one or more lines are too long
91
resources/themestyle/libs/typeahead-js/typeahead.css
Normal file
91
resources/themestyle/libs/typeahead-js/typeahead.css
Normal file
@@ -0,0 +1,91 @@
|
||||
.twitter-typeahead {
|
||||
display: block !important;
|
||||
}
|
||||
.twitter-typeahead .tt-menu {
|
||||
float: left;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 100%;
|
||||
text-align: left;
|
||||
list-style: none;
|
||||
background-clip: padding-box;
|
||||
display: none;
|
||||
}
|
||||
[dir=rtl] .twitter-typeahead .tt-menu {
|
||||
float: right;
|
||||
left: auto !important;
|
||||
right: 0 !important;
|
||||
text-align: right;
|
||||
}
|
||||
.twitter-typeahead .tt-menu .tt-suggestion {
|
||||
text-align: inherit;
|
||||
border: 0;
|
||||
width: 100%;
|
||||
display: block;
|
||||
white-space: nowrap;
|
||||
background: none;
|
||||
clear: both;
|
||||
cursor: pointer;
|
||||
}
|
||||
.twitter-typeahead .tt-menu .tt-suggestion p {
|
||||
margin: 0;
|
||||
}
|
||||
.twitter-typeahead .tt-menu .tt-suggestion .tt-highlight {
|
||||
font-weight: 500;
|
||||
}
|
||||
.twitter-typeahead .tt-hint {
|
||||
color: #999;
|
||||
}
|
||||
[dir=rtl] .twitter-typeahead .tt-input {
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
.light-style .twitter-typeahead .tt-menu {
|
||||
min-width: 10rem;
|
||||
padding: 0.5rem 0;
|
||||
font-size: 0.9375rem;
|
||||
z-index: 1000;
|
||||
margin: 0.25rem 0;
|
||||
color: #6f6b7d;
|
||||
box-shadow: 0 0.25rem 1rem rgba(165, 163, 174, 0.45);
|
||||
background-color: #fff;
|
||||
border-radius: 0.375rem;
|
||||
}
|
||||
.light-style .twitter-typeahead .tt-hint {
|
||||
color: #b7b5be;
|
||||
}
|
||||
.light-style .twitter-typeahead .tt-suggestion {
|
||||
font-weight: 400;
|
||||
color: #5d596c;
|
||||
padding: 0.42rem 1rem;
|
||||
}
|
||||
.light-style .twitter-typeahead .tt-suggestion:hover, .light-style .twitter-typeahead .tt-suggestion:focus {
|
||||
text-decoration: none;
|
||||
color: #7367f0;
|
||||
background-color: rgba(115, 103, 240, 0.08);
|
||||
}
|
||||
|
||||
.dark-style .twitter-typeahead .tt-menu {
|
||||
color: #b6bee3;
|
||||
min-width: 10rem;
|
||||
padding: 0.5rem 0;
|
||||
margin: 0.25rem 0;
|
||||
box-shadow: 0 0.25rem 1rem rgba(15, 20, 34, 0.55);
|
||||
font-size: 0.9375rem;
|
||||
background-color: #2f3349;
|
||||
z-index: 1000;
|
||||
border-radius: 0.375rem;
|
||||
}
|
||||
.dark-style .twitter-typeahead .tt-menu .tt-suggestion {
|
||||
font-weight: 400;
|
||||
color: #cfd3ec;
|
||||
padding: 0.42rem 1rem;
|
||||
}
|
||||
.dark-style .twitter-typeahead .tt-menu .tt-suggestion:hover, .dark-style .twitter-typeahead .tt-menu .tt-suggestion:focus {
|
||||
text-decoration: none;
|
||||
color: #7367f0;
|
||||
background-color: rgba(115, 103, 240, 0.08);
|
||||
}
|
||||
.dark-style .twitter-typeahead .tt-hint {
|
||||
color: #5e6692;
|
||||
}
|
||||
131
resources/themestyle/libs/typeahead-js/typeahead.js
Normal file
131
resources/themestyle/libs/typeahead-js/typeahead.js
Normal file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user