Files
elessi-theme/assets/css/style-loop-product-modern-10.css

389 lines
11 KiB
CSS

@keyframes qv-crazy-loading {
0% {
transform: skewX(-45deg) translateX(-80%);
}
to {
transform: skewX(-45deg) translateX(80%);
}
}
@keyframes qv-crazy-loading-dark {
0% {
transform: skewX(-45deg) translateX(-80%);
}
to {
transform: skewX(-45deg) translateX(80%);
}
}
#nasa-loader-product-infinite {
z-index: 0;
}
.nasa-modern-10 .add-to-cart-grid {
position: absolute;
bottom: -35px;
left: 10px;
right: 10px;
top: auto;
padding: 0;
height: 42px;
visibility: hidden;
opacity: 0;
border: none;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-o-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
.nasa-modern-10 .add-to-cart-grid .add_to_cart_text {
text-transform: none;
letter-spacing: 0;
font-size: 15px;
white-space: nowrap;
}
.nasa-modern-10 .add-to-cart-grid .cart-icon {
display: none;
}
.nasa-modern-10 .add-to-cart-grid.loading {
color: transparent;
}
.nasa-modern-10 .add-to-cart-grid.loading .add_to_cart_text {
color: transparent !important;
}
.nasa-modern-10 .add-to-cart-grid.loading:before {
right: auto;
left: 50%;
}
@media only screen and (min-width: 1024px) {
.nasa-modern-10 .product-item:after {
position: absolute;
z-index: -1;
content: "";
visibility: hidden;
opacity: 0;
background-color: #fff;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.nasa-modern-10 .product-item:hover:after {
visibility: visible;
opacity: 1;
top: -15px;
bottom: -5px;
left: -15px;
right: -15px;
}
.nasa-dark .nasa-modern-10 .product-item:after {
background-color: #111;
-webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.05);
-moz-box-shadow: 0 0 10px rgba(255, 255, 255, 0.05);
box-shadow: 0 0 10px rgba(255, 255, 255, 0.05);
}
}
@media only screen and (min-width: 768px) {
.nasa-modern-10 .product-item {
z-index: 1;
}
.nasa-modern-10 .product-item .info {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
text-align: center;
}
.nasa-modern-10 .product-item .info > * {
max-width: 100%;
}
.nasa-modern-10 .product-item .info .star-rating {
margin: 0;
position: absolute;
top: -8px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
overflow: visible;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
width: auto;
}
.nasa-modern-10 .product-item .info .star-rating::before {
position: relative;
width: 80px;
height: 17px;
display: block;
z-index: 1;
}
.nasa-modern-10 .product-item .info .star-rating::after {
content: '';
background-color: #fff;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
position: absolute;
width: calc(100% + 20px);
height: calc(100% + 10px);
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.nasa-modern-10 .product-item .info .star-rating span:not(.rating) {
padding: 0;
z-index: 1;
}
.nasa-modern-10 .product-item .info .star-rating span:not(.rating)::before {
width: 80px;
height: 17px;
display: block;
position: relative;
}
.nasa-modern-10 .product-item .info .star-rating .rating {
z-index: 1;
display: block;
width: auto;
font-size: 80%;
line-height: 17px;
position: relative;
padding: 0;
}
.nasa-modern-10 .product-item .info .star-rating .rating::before {
display: none;
}
.nasa-modern-10 .product-item .info .name {
order: -1;
padding-bottom: 0;
}
.nasa-modern-10 .product-item .info .price {
margin-top: 5px;
}
.nasa-modern-10 .product-item.has-add:hover {
z-index: 2;
}
.nasa-modern-10 .product-item.has-add:hover:after {
bottom: -55px;
}
.nasa-modern-10 .product-item.has-add:hover .add-to-cart-grid {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.nasa-modern-10 .product-item .nasa-light-fog {
height: calc(100% + 35px);
}
.nasa-modern-10.nasa-slick-slider .product-item:after, .nasa-modern-10.nasa-slick-slider .product-item:hover:after {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background-color: transparent;
}
.nasa-modern-10.nasa-slick-slider.slick-initialized > .slick-list {
padding-bottom: 20px;
margin-bottom: -20px;
}
.nasa-modern-10 .nasa-product-grid {
padding-top: 0;
}
.nasa-modern-10 .nasa-product-grid .btn-link {
background-color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.nasa-modern-10 .nasa-product-grid .btn-link .nasa-icon {
color: #333;
font-size: 20px;
}
.nasa-modern-10 .nasa-product-grid .btn-wishlist {
width: 36px;
height: 36px;
left: -46px;
text-align: center;
background-color: transparent;
}
.nasa-modern-10 .nasa-product-grid .btn-wishlist .nasa-icon {
line-height: 36px;
}
.nasa-modern-10 .nasa-product-grid .btn-wishlist.nasa-added .nasa-icon {
color: #00a32a;
}
.nasa-modern-10 .nasa-product-grid .btn-wishlist svg {
height: 36px;
}
.nasa-modern-10 .product-item:hover .nasa-product-grid .btn-wishlist {
background-color: #fff;
}
.nasa-modern-10 .product-item:hover .nasa-product-grid .btn-link {
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}
.nasa-modern-10 .product-item:hover .nasa-product-grid .btn-link:hover {
background-color: #333;
}
.nasa-modern-10 .product-item:hover .nasa-product-grid .btn-link:hover .nasa-icon {
color: #fff !important;
}
.nasa-modern-10 .product-item .info {
text-align: center;
}
.nasa-modern-10 .nasa-product-content-color-image-wrap {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: static;
margin-top: 7px;
}
.nasa-modern-10 .nasa-product-content-color-image-wrap .nasa-product-content-child {
float: none;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.nasa-modern-10 .nasa-product-content-color-image-wrap .nasa-attr-ux-nasa_color {
margin-top: 0;
margin-bottom: 0;
}
.nasa-modern-10 .nasa-product-content-select-wrap,
.nasa-modern-10 .nasa-product-content-variable-warp .nasa-product-content-nasa_label-wrap {
margin-top: 10px;
}
.nasa-modern-10 .nasa-product-content-nasa_label-wrap {
position: static;
margin-top: 8px;
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.nasa-modern-10 .nasa-product-content-nasa_label-wrap .nasa-product-content-child {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 5px 0;
margin-bottom: 10px;
}
.nasa-modern-10 .nasa-product-content-nasa_label-wrap .nasa-product-content-child:last-child {
margin-bottom: 0;
}
.nasa-modern-10 .nasa-product-content-nasa_label-wrap .nasa-attr-ux-item {
border: 1px solid #cccccc;
color: #999;
font-size: 11px;
text-decoration: none;
margin-left: 5px;
margin-right: 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.nasa-modern-10 .nasa-product-content-nasa_label-wrap .nasa-attr-ux-item:hover, .nasa-modern-10 .nasa-product-content-nasa_label-wrap .nasa-attr-ux-item.nasa-active {
border-color: #555;
color: #000;
font-weight: bold;
}
.nasa-modern-10 .nasa-toggle-variants .nasa-product-content-select-wrap {
-webkit-transform: translate(0, 0) !important;
-moz-transform: translate(0, 0) !important;
-o-transform: translate(0, 0) !important;
-ms-transform: translate(0, 0) !important;
transform: translate(0, 0) !important;
}
.nasa-modern-10 .nasa-fog-variants {
bottom: 10px;
}
.nasa-products-special-deal-simple .nasa-modern-10.nasa-slick-slider > .slick-list {
padding-bottom: 55px;
}
.nasa-products-special-deal-simple .nasa-modern-10 .product-item.has-add:after {
z-index: -1;
}
.nasa-products-special-deal-simple .nasa-modern-10 .product-item .add-to-cart-grid {
bottom: -55px;
}
.nasa-products-special-deal-for_time .nasa-modern-10.nasa-slick-slider > .slick-list {
padding-bottom: 30px;
margin-bottom: 0;
}
.nasa-products-special-deal-for_time-2 .nasa-modern-10.nasa-slick-slider > .slick-list {
padding-bottom: 50px;
margin-bottom: 0;
}
.nasa-products-special-deal-for_time-2 .nasa-modern-10 .product-item.has-add:after {
z-index: -1;
}
.nasa-products-special-deal-for_time-2 .nasa-modern-10 .product-item .add-to-cart-grid {
bottom: -55px;
}
.html-ready .nasa-modern-10 .nasa-product-grid .btn-link .nasa-icon {
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.crazy-loading .nasa-modern-10 .product-item .info .add-to-cart-grid {
display: none;
}
.crazy-loading .nasa-modern-10 .products.list .product-item .info .nasa-sc-pdeal-countdown {
display: none;
}
body.nasa-rtl .nasa-modern-10 .product-item .nasa-product-grid .btn-wishlist {
left: 46px;
}
body.nasa-rtl .nasa-modern-10 .nasa-product-content-color-image-wrap .nasa-product-content-child {
float: none;
}
.nasa-dark .nasa-modern-10 .product-item .info .star-rating::after {
background-color: #000;
}
}