WIBUHAX0R1337

- WIBUHAX0R1337 -

/home/zqegovsj/public_html/us3web.haibo.net/chinaxingwei/css/ [ Home ]

Create Folder Create File

:root {
	--cnvs-themecolor: #B96A47;
	--cnvs-themecolor-rgb: 185, 106, 71;
	--cnvs-themecolor-light: #F5F5F2;

--cnvs-body-font: 'Roboto', sans-serif;
	--cnvs-primary-font: 'Zilla Slab', serif;
}

#header {
	--cnvs-primary-menu-font:            	var(--cnvs-body-font);
	--cnvs-primary-menu-font-weight:     	500;
	--cnvs-primary-menu-font-size:       	0.8rem;
	--cnvs-primary-menu-tt:					uppercase;
	--cnvs-primary-menu-ls:					1px;
}

body:not(.dark),
h1,
h2,
h3,
h4,
h5,
h6,
p,
.fbox-content p {
	color: var(--cnvs-themecolor);
}

.bg-color-light,
.bg-color-light .svg-underline::after {
	background-color: var(--cnvs-themecolor-light) !important;
}

/* Top Search Icon Switch */
.top-search-open #top-search a i:nth-child(1),
body:not(.top-search-open) #top-search a i:nth-child(2) {
	opacity: 0;
}
.top-search-open .top-search-parent .header-misc > #top-cart {
	opacity: 1;
}

.primary-menu-open #primary-menu-trigger svg:nth-child(1),
body:not(.primary-menu-open) #primary-menu-trigger svg:nth-child(2) { display: none; }

/* Top Cart Number Sizes */
.top-cart-number {
	width: .925rem;
	height: .925rem;
	line-height: 1rem;
}

/* Hero Image Background */
.slider-element:not(.bg-color) {
  background-image: linear-gradient(
	to bottom,
	#375754 0%,
	var(--cnvs-themecolor) 90%,
	var(--cnvs-themecolor-light) 90%
  );
}

/* Hero Image position */
.hero-image {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 92%;
	height: auto;
}

/* Hero Image Devices */
.device-lg .hero-image,
.device-md .hero-image {
 	width: 80%;
}

/* ---- Primary Menu ---- */
	.is-expanded-menu .primary-menu:not(.on-click) .menu-item:not(.mega-menu) .sub-menu-container,
	.is-expanded-menu .primary-menu:not(.on-click) .mega-menu-content {
		margin-top: -10px;
		border-top-width: 1px !important;
	}

.is-expanded-menu .primary-menu:not(.on-click) .menu-item:hover > .sub-menu-container,
	.is-expanded-menu .primary-menu:not(.on-click) .menu-item:hover > .mega-menu-content {
		margin-top: 0px;
	}

.is-expanded-menu .sub-menu-container .menu-item > .menu-link {
		padding-left: 18px;
		padding-right: 18px;
		letter-spacing: 0px;
		font-size: 0.875rem;
		text-transform: none;
	}

.is-expanded-menu .sub-menu-container.mega-menu-column:not(:first-child) {
		border-left: 0;
	}

.is-expanded-menu .sub-menu-container:not(.mega-menu-column) .menu-item > .menu-link {
		text-transform: none;
		letter-spacing: 0;
		font-weight: 400 !important;
		font-size: 0.875rem;
	}

.is-expanded-menu .sub-menu-container .menu-item > .menu-link div {
		position: relative;
		display: flex;
		align-items: center;
	}

.is-expanded-menu .sub-menu-container .menu-link div > .sub-menu-indicator, .is-expanded-menu.side-header .primary-menu:not(.on-click) .menu-link .sub-menu-indicator {
		position: relative;
		top: auto;
		right: auto;
		transform: none;
	}

.is-expanded-menu .mega-menu-content .sub-menu-container.mega-menu-dropdown {
		top: 100% !important;
		left: 0;
		padding: 0;
	}

.is-expanded-menu .sub-menu-container .menu-link div > i.icon-caret-down {
		position: relative;
		display: inline-block;
		margin-left: 1px;
		margin-top: -1px;
		transform: rotate(0deg);
	}

.is-expanded-menu .primary-menu > .menu-container > .menu-item > .menu-link {
		position: relative;
	}

/* Upper 992px Devices */
@media (min-width: 992px) {

.shop-quick-view-ajax {
	    max-width: 1320px;
	    overflow-y: scroll;
	    height: 100vh;
	}

.content-sticky {
		position: -webkit-sticky !important;
		position: sticky !important;
		top: 40px;
		height: 100%;
	}
}

/* Upper 1200px Devices */
@media (min-width: 1200px) {
	.slider-element:not(.bg-color) {
	background-image: linear-gradient(
		to bottom,
		#375754 0%,
		var(--cnvs-themecolor) 84%,
		var(--cnvs-themecolor-light) 84%
		);
	}
	.hero-image {
		margin-right: 30px;
		width: 65%;
	}

.slider-element > .container {
		position: absolute;
		left: 50%;
		top: 0;
		transform: translateX(-50%);
	}
}

.fbox-content p {
	line-height: 1.5 !important;
}

/* -------- svg-underline -------- */
.svg-underline,
.svg-underline span {
	display: inline-block;
	position: relative;
	z-index: 1;
}

.svg-underline.not-animated,
.svg-underline[data-animate]:not(.animated) {
	opacity: 1;
}

.svg-underline::before {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	right: 0;
	height: 13px;
	background-image: url("../pic/underline.png");
	background-size: 100% 13px;
	background-position: bottom center;
	opacity: 0.7;
}

.svg-underline[data-animate]::after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 13px;
	background: #FFF;
	right: 0;
	bottom: 0;
	-webkit-transition: width 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	-moz-transition: width 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition: width 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: width 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.dark .svg-underline::before {
	opacity: 0.7;
	background-image: url("../pic/underline_dark.svg");
}

.custom-bg,
.custom-bg .svg-underline::after {
	background-color: var(--custom-bg);
}

.svg-underline.svg-underline-animated::after {
	width: 0;
}

.item-categories h5 {
	position: absolute;
	top: auto;
	left: 10px;
	bottom: 0;
	padding: 12px 22px;
}

/* Cart */
#side-panel .side-panel-wrap {
	padding: 0 30px 0 0;
}

/* Cart overlay Background */
.body-overlay {
	background: rgba(25, 53, 50, 0.8);
}

/* Instagram New Color */
.si-instagram.si-colored,
.si-instagram:hover {
	background: #f09433;
	background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
	background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
	background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}

/* 4px Gutter bewtween col*/
.gutter-4 {
	--bs-gutter-y: 4px;
	--bs-gutter-x: 4px;
}

/* Section Instagram */
.instagram-image::before {
	opacity: 0;
	content: "";
	background-color: rgba(0,0,0,0.65);
	background-image: url('images/instagram.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 40px 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	color: #FFF;
	font-size: 24px;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%);
	transition: opacity .4s ease;
}

.instagram-image:hover::before {
	opacity: 1;
}

/* Footer */
.widget_links li {
	font-size: 0.725rem;
	padding: 8px 0;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.widget.subscribe-widget input {
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #F5F5F5;
}

.widget.subscribe-widget input::-moz-placeholder {
	font-size: 13px;
	color: #AAA;
}
.widget.subscribe-widget input:-ms-input-placeholder {
	font-size: 13px;
	color: #AAA;
}
.widget.subscribe-widget input::-webkit-input-placeholder {
	font-size: 13px;
	color: #AAA;
}

/* Toggle */
.single-product .qv-toogle a {
	font-size: 1.15rem;
	transition: font-weight .2s;
}

.single-product .qv-toogle a:not(.collapsed) {
	font-weight: 500;
}

.single-product .qv-toogle p {
	font-size: 0.925rem;
}

.single-product .qv-toogle a.collapsed i:nth-child(2),
.single-product .qv-toogle a:not(.collapsed) i:nth-child(1) {
	display: none;
}

.quantity .plus,
.quantity .minus,
.quantity .qty {
	width: 46px;
	height: 46px;
	line-height: 46px;
	background-color: var(--cnvs-themecolor-light);
	color: var(--cnvs-themecolor);
	font-weight: 500;
}

.dark .quantity .plus,
.dark .quantity .minus,
.dark .quantity .qty {
	background-color: transparent !important;
	border: 1px solid #AAA;
	color: #FFF;
}

.dark .quantity .qty {
	margin: 0 -1px;
}

.quantity .qty:out-of-range {
	border-color: red !important;
	z-index: 1;
	color: red;
}

.quantity .qty + .plus ~ .stock-in,
.quantity .qty + .plus ~ .stock-out {
	display: none;
	position: absolute;
	left: 0;
	bottom: -42px;
	font-size: 0.925rem;
	opacity: .9;
	text-transform: uppercase;
	letter-spacing: 1px;
	word-wrap: break-word;
	min-width: 500px;
}

.quantity .qty:in-range + .plus ~ .stock-in,
.quantity .qty:out-of-range + .plus ~ .stock-out {
	display: block;
}

.quantity .qty:out-of-range + .plus ~ .stock-out {
	opacity: .6;
}

@media (max-width: 767.98px) {
	.bg-overlay .bg-overlay-content,
	.bg-overlay .bg-overlay-content:not(.animated),
	.bg-overlay .bg-overlay-content.animated {
		opacity: 1 !important;
		-webkit-animation-name: fadeIn !important;
    	animation-name: fadeIn !important;
	}
}

/* Ajax Modal - Quick View */
.mfp-wrap > .mfp-close {
	display: none;
}

.single-product .mfp-close {
	background-image: url('images/cross.svg');
	background-size: 24px 24px;
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 0.9;
}

.is-expanded-menu .mega-menu-column .sub-menu-indicator {
	display: none !important;
}

.is-expanded-menu .mega-menu:not(.mega-menu-small) .mega-menu-column {
	padding: 0;
}

/* Sort Dropdown */
.sortbuttons .button {
	min-width: 170px;
	background-color: #F5F5F5;
}

.sortbuttons > .button.show {
	background-color: var(--cnvs-themecolor);
	color:#FFF;
}

.sortbuttons .dropdown-menu {
	margin-top: -3px !important;
	width: 100%;
}

.sortbuttons .dropdown-menu .dropdown-item {
	padding: 0.5rem 1.25rem;
    border-bottom: 1px solid #EEE;
    font-size: .925rem;
}

.sortbuttons .dropdown-toggle::after {
	content: "\e7a7";
	font-family: "font-icons";
	border: 0;
	vertical-align: middle;
	margin: 0 0 0 6px;
}

/* Pagination */
.page-item.active .page-link,
.page-link:hover,
.page-link:focus {
	border-color: var(--cnvs-themecolor) !important;
}

/* HomePage 2 */

.slider-element .card {
	background-color: rgba(255, 255, 255, 0.35);
	border-color: rgba(255, 255, 255, 0.1);
}

@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
	.slider-element .card {
		background-color: rgba(255, 255, 255, 0.15);
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
	}
}

.slider-element .card .card-body i {
	transform: translateX(-4px);
	transition: transform .3s ease;
}

.slider-element .card:hover .card-body i {
	transform: translateX(0px) scale(1.1);
}

.slider-arrow-left,
.slider-arrow-right,
.slider-arrow-left:hover,
.slider-arrow-right:hover {
	background-color: transparent !important;
	transform: translateX(0) translateY(-50%) scale(.93);
	transition: transform .3s ease;
	will-change: transform;
}

.slider-arrow-left {
	transform: translateX(6px) translateY(-50%);
}

.slider-arrow-right {
	transform: translateX(-6px) translateY(-50%);
}

.widget .iconlist i {
	display: inline-block;
}

#rotated-text {
	width: 10.6162em;
	height: 10.6162em;
	margin: 0 auto;
}

#rotated-text::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background-color: var(--cnvs-themecolor);
	border-radius: 50%;
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	margin-top: -5px;
	margin-left: -5px;

}

.rotated-center-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.stretched #gotoTop {
	bottom: -1px;
	background-color: var(--cnvs-color2);
	color: var(--cnvs-themecolor);
	border: 1px solid var(--cnvs-themecolor);
}

/* Safari and Chrome */
@-webkit-keyframes rotating {
	from {
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

to {
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes rotating {
	from {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

to {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.rotating {
	-webkit-animation: rotating 20s linear infinite;
	-moz-animation: rotating 20s linear infinite;
	-ms-animation: rotating 20s linear infinite;
	-o-animation: rotating 20s linear infinite;
	animation: rotating 20s linear infinite;
}

Nama File / Folder	Size	Action
components	--	NONE
icons	--	NONE
animate.css	87.602KB	Edit File Delete File Rename
bootstrap-icons.css	91.539KB	Edit File Delete File Rename
bootstrap-rtl.min.css	24.319KB	Edit File Delete File Rename
bootstrap-select.min.css	5.829KB	Edit File Delete File Rename
bootstrap.css	138.303KB	Edit File Delete File Rename
bootstrap.min.css	114.56KB	Edit File Delete File Rename
boss_facecomments.css	0.141KB	Edit File Delete File Rename
boss_filterproduct.css	18.42KB	Edit File Delete File Rename
boss_megamenu.css	13.009KB	Edit File Delete File Rename
bossblog.css	16.916KB	Edit File Delete File Rename
camera.css	6.275KB	Edit File Delete File Rename
color-2.css	130.763KB	Edit File Delete File Rename
colorScheme-1.css	21.933KB	Edit File Delete File Rename
colorScheme-2.css	21.933KB	Edit File Delete File Rename
colorScheme-3.css	21.933KB	Edit File Delete File Rename
cs.animate.css	65.759KB	Edit File Delete File Rename
css.css	35.021KB	Edit File Delete File Rename
custom.css	0.268KB	Edit File Delete File Rename
font-awesome.min.css	20.282KB	Edit File Delete File Rename
font-icons.css	3.458KB	Edit File Delete File Rename
fontawesome.min.css	58.059KB	Edit File Delete File Rename
fonts_courgette.css	0.7KB	Edit File Delete File Rename
fonts_lato.css	1.911KB	Edit File Delete File Rename
furniture.css	12.465KB	Edit File Delete File Rename
gdpr-cookie.css	1.14KB	Edit File Delete File Rename
google-map.css	0.457KB	Edit File Delete File Rename
grid.css	9.582KB	Edit File Delete File Rename
jquery.fancybox.css	5.105KB	Edit File Delete File Rename
jquery.fancybox.min.css	13.18KB	Edit File Delete File Rename
jquery.jgrowl.css	3.377KB	Edit File Delete File Rename
jquery.mCustomScrollbar.min.css	41.835KB	Edit File Delete File Rename
jquery.min.js	88.038KB	Edit File Delete File Rename
loading.css	3.41KB	Edit File Delete File Rename
magnific-popup.min.css	5.136KB	Edit File Delete File Rename
main.css	44.152KB	Edit File Delete File Rename
material-icons.css	51.306KB	Edit File Delete File Rename
meanmenu.css	2.938KB	Edit File Delete File Rename
owl-carousel.css	6.146KB	Edit File Delete File Rename
responsive.css	32.114KB	Edit File Delete File Rename
revolutionslider_settings.css	76.063KB	Edit File Delete File Rename
stylesheet.css	107.054KB	Edit File Delete File Rename
styleswitcher.css	5.162KB	Edit File Delete File Rename
swiper.css	17.486KB	Edit File Delete File Rename
table.css	12.433KB	Edit File Delete File Rename
tabs.css	2.421KB	Edit File Delete File Rename