html {
body {
@size_: 0px;
trump-component-product-details {
& * {
outline: none!important;
user-select: none !important;
text-decoration: none !important;
}
.cover_product {
min-height: 80vh;
.cover_product_navigation_bars {
.cover_product_navigation_bar_a {
height: auto;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
margin: 20px 0;
a {
color: #000000;
font-size: @size_+ 18.75px;
}
span {
font-size: @size_+ 18.75px;
span {
padding: 0px 10px;
}
}
}
}
.cover_product_images {
margin-bottom: 10px;
.cover_product_image_a {
.product_image_a {
._product_image_a {
.cover_background_image {
.background_image {
opacity: 1;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
&.active {
padding-top: 100%;
background-color: #f5f5f5;
}
img {
&.background_image {
opacity: 0;
width: 100%;
}
}
.icon-action-container {
.icon-action-img {
&.vi-action {
img {
float: right;
}
}
}
}
}
}
}
}
}
.cover_product_image_b {
.product_image_b {
._product_image_b {
.slick-prev {
left: 20px;
}
.slick-next {
right: 20px;
}
.slick-prev, .slick-next {
z-index: 1;
width: 20px;
height: 20px;
opacity: 0.5;
display: inline-block !important;
&:before {
color: #e8e8e8;
font-size: @size_+ 35px;
}
}
.cover_background_image {
.background_image {
opacity: 1;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
&.active {
padding-top: 100%;
background-color: #f5f5f5;
}
img {
&.background_image {
opacity: 0;
width: 100%;
}
}
.icon-action-container {
.icon-action-img {
&.vi-action {
img {
float: right;
}
}
}
}
}
}
}
}
}
}
.cover_product_image_zooms {
min-height: 100px;
.cover_product_image_zoom_a {
margin-bottom: 15px;
img {
&.img_zoom_a {
width: 100%;
}
}
.cover_background_image {
.background_image {
opacity: 1;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
&.active {
padding-top: 100%;
background-color: #f5f5f5;
}
}
}
}
}
.cover_product_images_bars {
.cover_background_image {
margin: 0 10px 10px 0px;
border: 1px solid #d8d8d8;
&.active {
border: 1px solid #000000;
}
.background_image {
opacity: 1;
padding-top: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
}
.cover_product_images_bar_a {
.product_images_bar_a {
._product_images_bar_a {}
}
}
}
.cover_product_social_shares {
.cover_product_social_share_a {
margin: 15px 0;
@media (max-width: 991px) {
text-align: center;
}
}
}
.cover_product_badges {
.cover_product_badge_a {
margin-bottom: 15px;
.badges {
color: #000;
padding: 5px;
font-size: @size_ + 22.5px;
font-weight: bold;
margin-right: 5px;
display: inline-block;
border: 1px solid #000;
}
@media (max-width: 991px) {
text-align: center;
}
}
.cover_product_badge_b {
margin-bottom: 15px;
position: absolute;
z-index: 1;
.badges {
color: #fff;
padding: 5px 10px;
font-size: 22.5px;
font-weight: bold;
margin: 10px;
display: inline-block;
border: 1px solid #000;
background-color: #000;
}
@media (max-width: 991px) {
text-align: center;
}
}
}
.cover_product_categorys {
.cover_product_category_a {
margin-bottom: 15px;
.cover_referral_name {
padding: 5px 0 5px 0;
display: inline-block;
h1 {
margin: 0px;
color: black;
font-size: @size_+ 20px;
font-weight: lighter;
display: inline-block;
}
}
.cover_product_code {
padding: 5px 0 5px 0;
display: inline-block;
h1 {
margin: 0px;
color: black;
font-size: @size_+ 20px;
font-weight: lighter;
display: inline-block;
&.tab {
margin-left: 5px;
display: inline-block;
}
}
}
@media (max-width: 991px) {
text-align: center;
}
}
.cover_product_category_b {
margin-bottom: 15px;
.cover_referral_name {
padding: 5px 0 5px 0;
display: inline-block;
h1 {
margin: 0px;
color: black;
font-size: @size_+ 20px;
font-weight: lighter;
display: inline-block;
}
}
@media (max-width: 991px) {
text-align: center;
}
}
}
.cover_product_codes {
.cover_product_code_a {
margin-bottom: 15px;
.cover_product_code {
padding: 5px 0 5px 0;
display: inline-block;
h1 {
margin: 0px;
color: black;
font-size: @size_+ s15px;
font-weight: lighter;
display: inline-block;
&.tab {
margin-left: 5px;
display: inline-block;
}
}
}
@media (max-width: 991px) {
text-align: center;
}
}
}
.cover_product_titles {
.cover_product_title_a {
padding: 0 0 15px 0;
margin-bottom: 15px;
border-bottom: 1px solid #eff0f5;
h2 {
color: black;
font-size: @size_ + 30px;
margin: 0px;
}
@media (max-width: 991px) {
text-align: center;
}
}
}
.cover_product_short_descriptions {
.cover_product_short_description_a {
padding: 0 0 15px 0;
p {
margin: 0;
padding: 0;
color: black;
font-weight: 300;
font-size: @size_ + 18.75px;
}
@media (max-width: 991px) {
text-align: center;
}
}
}
.cover_rewards {
.cover_reward_a {
.reward {
color: black;
outline: none;
cursor: pointer;
font-size: @size_+ 16px;
font-weight: 600;
line-height: 30px;
padding: 5px;
margin: 0 10px 15px 0;
display: inline-block;
.cover_background_image {
float: left;
margin-right: 10px;
.background_image {
width: 32px;
height: 32px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
&.active {
background-color: #f5f5f5;
}
}
}
}
}
}
.cover_product_prices {
.cover_product_price_a {
margin-bottom: 15px;
h3 {
margin: 0px;
color: black;
font-size: @size_+ 18.75px;
font-weight: bold;
.currency {
font-size: @size_+ 18.75px;
font-weight: bold;
}
}
@media (max-width: 991px) {
text-align: center;
}
}
.cover_product_price_c {
margin-bottom: 15px;
h3 {
margin: 0px;
color: black;
font-size: @size_+ 18.75px;
font-weight: bold;
.currency {
font-size: @size_+ 18.75px;
font-weight: bold;
}
}
@media (max-width: 991px) {
text-align: center;
}
}
}
.cover_product_compare_prices {
.cover_product_compare_price_a {
margin-bottom: 15px;
h4 {
margin: 0px;
font-size: @size_+ 16px;
font-weight: normal;
.red {
color: red;
}
.currency {
font-size: @size_+ 12px;
font-weight: normal;
}
}
@media (max-width: 991px) {
text-align: center;
}
}
}
.cover_product_attributes {
.cover_product_attributes_radios {
.cover_product_attributes_radio_a {
.product_attribut_titles {
color: red;
font-size: @size_+ 14px;
font-weight: 600;
margin-right: 10px;
margin-bottom: 10px;
display: inline-block;
}
.product_attribut_option {
display: inline-block;
.attribut_option {
outline: none;
cursor: pointer;
font-size: @size_+ 14px;
padding: 0px 10px;
line-height: 30px;
margin: 0 10px 15px 0;
display: inline-block;
color: rgb(90, 90, 90);
border: 1px solid rgb(202, 199, 199);
&.active {
color: white;
border: 1px solid #000;
background-color: #000;
}
}
}
@media (max-width: 991px) {
text-align: center;
}
}
.cover_product_attributes_radio_b {
.product_attribut_titles {
color: red;
font-size: @size_+ 14px;
font-weight: 600;
margin-right: 10px;
margin-bottom: 10px;
display: inline-grid;
}
.product_attribut_option {
display: inline-grid;
.attribut_option {
width: 100%;
outline: none;
cursor: pointer;
font-size: @size_+ 14px;
padding: 0px 10px;
line-height: 30px;
margin: 0 10px 15px 0;
display: inline-block;
color: rgb(90, 90, 90);
border: 0px solid #cac7c7;
&.active {
color: white;
border: 1px solid #000;
background-color: #000;
}
}
}
@media (max-width: 991px) {
text-align: center;
}
}
}
.cover_product_attributes_dropdowns {
.cover_product_attributes_dropdown_a {
.product_attribut_titles {
color: red;
font-size: @size_+ 14px;
font-weight: 600;
margin-right: 10px;
margin-bottom: 10px;
display: inline-block;
}
.product_attribut_option {
padding: 3px 0;
display: inline-block;
margin: 0 10px 15px 0;
border: 1px solid rgb(202, 199, 199);
.attribut_option {
outline: none;
cursor: pointer;
font-size: @size_+ 14px;
border-radius: 0;
line-height: 30px;
display: inline-block;
color: rgb(90, 90, 90);
border: 0px solid rgb(202, 199, 199);
&.active {
color: white;
border: 1px solid #000;
background-color: #000;
}
}
}
@media (max-width: 991px) {
text-align: center;
}
}
}
}
.cover_product_attribute_customs {
.cover_product_attribute_custom_radios {
.cover_product_attribute_custom_radio_a {
.product_attribut_titles {
color: red;
font-size: @size_+ 14px;
font-weight: 600;
margin-right: 10px;
margin-bottom: 10px;
display: inline-block;
}
.product_attribut_option {
display: inline-block;
.attribut_option {
outline: none;
cursor: pointer;
font-size: @size_+ 14px;
line-height: 30px;
padding: 5px;
margin: 0 10px 15px 0;
display: inline-block;
color: rgb(90, 90, 90);
border: 1px solid rgb(202, 199, 199);
&.active {
color: white;
border: 1px solid #000;
background-color: #000;
}
.cover_background_image {
float: left;
margin-right: 10px;
.background_image {
width: 32px;
height: 32px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
&.active {
background-color: #f5f5f5;
}
}
}
}
}
@media (max-width: 991px) {
text-align: center;
}
}
}
.cover_product_attribute_custom_dropdowns {
.cover_product_attribute_custom_dropdown_a {
.product_attribut_titles {
color: red;
font-size: @size_+ 14px;
font-weight: 600;
margin-right: 10px;
margin-bottom: 10px;
display: inline-block;
}
.product_attribut_option {
padding: 3px 0;
display: inline-block;
margin: 0 10px 15px 0;
border: 1px solid rgb(202, 199, 199);
.attribut_option {
outline: none;
cursor: pointer;
font-size: @size_+ 14px;
border-radius: 0;
line-height: 30px;
display: inline-block;
color: rgb(90, 90, 90);
background-color: white;
border: 0px solid rgb(202, 199, 199);
&.active {
color: white;
border: 1px solid #000;
background-color: #000;
}
.cover_background_image {
float: left;
margin-right: 10px;
.background_image {
width: 32px;
height: 32px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
&.active {
background-color: #f5f5f5;
}
}
}
}
}
@media (max-width: 991px) {
text-align: center;
}
}
}
.cover_product_attribute_custom_checkboxs {
.cover_product_attribute_custom_checkbox_a {
.product_attribut_titles {
color: red;
font-size: @size_+ 14px;
font-weight: 600;
margin-right: 10px;
margin-bottom: 10px;
display: inline-grid;
}
.product_attribut_option {
display: inline-grid;
.attribut_option {
width: 100%;
outline: none;
cursor: pointer;
font-size: @size_+ 14px;
padding: 0px 10px;
line-height: 30px;
margin: 0 10px 15px 0;
display: inline-block;
color: rgb(90, 90, 90);
border: 0px solid #cac7c7;
&.active {
color: white;
border: 1px solid #000;
background-color: #000;
}
.cover_background_image {
float: left;
margin-right: 10px;
.background_image {
width: 32px;
height: 32px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
&.active {
background-color: #f5f5f5;
}
}
}
}
}
@media (max-width: 991px) {
text-align: center;
}
}
}
.cover_product_attribute_custom_textboxs {
.cover_product_attribute_custom_textbox_a {
.product_attribut_titles {
color: red;
font-size: @size_+ 14px;
font-weight: 600;
margin-right: 10px;
margin-bottom: 10px;
display: inline-block;
}
.product_attribut_option {
width: 70%;
display: inline-grid;
textarea {
resize: none;
box-sizing: border-box;
&.attribut_option {
outline: none;
cursor: pointer;
font-size: @size_+ 14px;
padding: 0px 10px;
line-height: 30px;
margin: 0 10px 15px 0;
display: inline-block;
color: rgb(90, 90, 90);
border: 1px solid rgb(202, 199, 199);
&.active {
color: white;
border: 1px solid #000;
background-color: #000;
}
}
}
}
@media (max-width: 991px) {
text-align: center;
.product_attribut_option {
width: 100%;
display: block;
textarea {
&.attribut_option {
width: 80%;
}
}
}
}
@media (max-width: 767px) {
.product_attribut_option {
textarea {
&.attribut_option {
width: 100%;
}
}
}
}
}
}
}
.cover_product_quantitys {
.cover_product_quantity_a {
.product_quantity {
margin-bottom: 15px;
padding: 0 5px;
display: inline-block;
text-align: center;
border: 1px solid #ddd;
input {
width: 100px;
height: 40px;
margin-left: 3px;
text-align: center;
border: 1px solid #eee;
&.quantity_number {
display: inline-block;
width: 45px;
line-height: 34px;
color: black;
font-size: @size_+ 16px;
font-weight: bold;
text-align: center;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
}
&[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
&[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
}
.-minus {
color: black;
margin: 0;
display: inline-block;
width: 24px;
line-height: 22px;
text-align: center;
font-size: @size_+ 14px;
vertical-align: middle;
outline: none;
cursor: pointer;
}
.-plus {
color: black;
margin: 0;
display: inline-block;
width: 24px;
line-height: 22px;
text-align: center;
font-size: @size_+ 14px;
vertical-align: middle;
outline: none;
cursor: pointer;
}
}
@media (max-width: 991px) {
text-align: center;
}
}
.cover_product_quantity_b {
.product_quantity_option {
padding: 3px 0;
display: inline-block;
margin: 0 10px 15px 0;
border: 1px solid rgb(202, 199, 199);
.quantity_option {
color: black;
outline: none;
cursor: pointer;
font-size: @size_+ 18px;
border-radius: 0;
font-weight: 700;
margin-left: 10px;
line-height: 30px;
display: inline-block;
border: 0px solid rgb(202, 199, 199);
&.active {
color: white;
border: 1px solid #000;
background-color: #000;
}
}
}
}
}
.cover_product_alerts {
.cover_product_alert_a {
margin-bottom: 15px;
.product_alert {
color: red;
font-size: @size_+ 16px;
}
@media (max-width: 991px) {
text-align: center;
}
}
}
.cover_product_buy_buttons {
.cover_product_buy_button_a {
padding-bottom: 30px;
@media (max-width: 991px) {
text-align: center;
}
}
.cover_product_buy_button_b {
margin-bottom: 15px;
button {
.cover_step_list(@i, @size) {
.step_list {
width: @size;
height: auto;
overflow: hidden;
white-space: nowrap;
.cover_step {
width: (@size*5);
transition: all 0.5s;
transform: translate3d(-(@i * @size), 0, 0);
.unset {
.icon_text {
img {
height: 20px;
margin-right: 5px;
}
}
}
.unset, .load, .pass, .error, .cart {
width: @size;
float: left;
}
.load {
.loader_circle {
margin: 0 auto;
width: 24px;
height: 24px;
position: relative;
.circle {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
&:before {
content: '';
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: #333;
border-radius: 100%;
-webkit-animation: circleFadeDelay 1.2s infinite ease-in-out both;
animation: circleFadeDelay 1.2s infinite ease-in-out both;
}
}
.load-loop (@i) when (@i > 0) {
.circle@{i} {
-webkit-transform: rotate((@i - 1) *30deg);
-ms-transform: rotate((@i - 1) *30deg);
transform: rotate((@i - 1) *30deg);
&:before {
-webkit-animation-delay: ((@i * 0.1)- 1.2s);
animation-delay: ((@i * 0.1)- 1.2s);
}
}
.load-loop(@i - 1);
}
.load-loop(12);
@-webkit-keyframes circleFadeDelay {
0%, 39%, 100% {
opacity: 0;
}
40% {
opacity: 1;
}
}
@keyframes circleFadeDelay {
0%, 39%, 100% {
opacity: 0;
}
40% {
opacity: 1;
}
}
}
}
.pass, .error {
i {
color: white;
font-size: @size_+ 21px;
}
}
}
}
}
.button-step(@i, @size) when(@i >=0) {
&[step*="@{i}"] {
.cover_step_list(@i, @size);
}
.button-step(@i - 1, @size);
}
&[data-button*="_large"] {
.button-step(4, 150px);
&[step*="1"] {
border-color: #efefef!important;
background-color: #efefef!important;
}
&[step*="2"] {
border-color: green!important;
background-color: green!important;
}
&[step*="3"] {
border-color: red!important;
background-color: red!important;
}
}
}
}
}
.cover_product_video_embeds {
.cover_product_video_embed_a {
margin-bottom: 15px;
.video_embed {
& * {
width: 100%;
max-height: 40vh;
}
}
}
}
.cover_product_descriptions {
.row {
background-color: #fbfbfb;
.col {
&.hidden-xs {
background-color: #eeeeee;
}
}
}
.cover_product_description_b {
margin: 0;
ul {
padding: 0;
margin: 15px 0;
border-bottom: 1px solid #e5e5e5;
&:before {
content: '';
display: table;
}
&:after {
content: '';
clear: both;
display: table;
}
& li {
display: inline-block;
list-style: none;
float: left;
padding: 0;
width: 33.33%;
text-align: center;
a {
font-size: @size_+ 18.75px;
font-weight: 700;
color: #555555;
position: relative;
padding-bottom: 17px;
display: inline-block;
&:hover {
color: #555555;
}
&:before {
content: '';
height: 2px;
width: 100%;
transform: scale(0, 0);
position: absolute;
bottom: -1px;
}
}
&.active {
a {
font-size: @size_+ 18.75px;
color: #222222;
font-weight: 700;
&:before {
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
background-color: #562b0b;
transform: scale(1);
}
}
}
}
}
select {
padding: 0;
width: 100%;
font-size: @size_+ 18.75px;
text-align: center;
margin: 0 0 30px 0;
border-color: black;
}
.cover_product_description {
margin: 15px 0;
.product_description {
& * {
max-width: 100%;
}
}
.cover-top {
color: black;
font-size: @size_+ 20px;
font-weight: 600;
margin-bottom: 15px;
}
.cover-body {
margin-bottom: 15px;
.cover-body-left {
color: black;
font-size: @size_+ 16px;
font-weight: 600;
}
.cover-body-right {
color: black;
font-size: @size_+ 16px;
}
}
}
}
}
}
.cover_card_smarthome {
&.cover_product {
.cover_product_images_bars {
.cover_background_image {
border: 1px solid #d8d8d8;
&.active {
border: 1px solid #C4DA51;
}
}
}
.cover_data_array {
.cover_attribute {
.attribute_name {
display: grid;
}
.cover_option {
.option {
&.active {
color: black;
border: 1px solid #C4DA51;
background-color: #C4DA51;
}
}
}
}
}
.cover_product_attributes {
.cover_product_attributes_radios {
.cover_product_attributes_radio_a {
.product_attribut_option {
.attribut_option {
&.active {
color: #000;
border: 1px solid #c4da51;
background-color: #c4da51;
}
}
}
}
}
}
}
}
.loader_circle {
width: 60px;
height: 60px;
margin: 40vh auto;
position: relative;
.circle {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
&:before {
content: '';
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: #333;
border-radius: 100%;
-webkit-animation: circleFadeDelay 1.2s infinite ease-in-out both;
animation: circleFadeDelay 1.2s infinite ease-in-out both;
}
}
.load-loop (@i) when (@i > 0) {
.circle@{i} {
-webkit-transform: rotate((@i - 1) *30deg);
-ms-transform: rotate((@i - 1) *30deg);
transform: rotate((@i - 1) *30deg);
&:before {
-webkit-animation-delay: ((@i * 0.1)- 1.2s);
animation-delay: ((@i * 0.1)- 1.2s);
}
}
.load-loop(@i - 1);
}
.load-loop(12);
@-webkit-keyframes circleFadeDelay {
0%, 39%, 100% {
opacity: 0;
}
40% {
opacity: 1;
}
}
@keyframes circleFadeDelay {
0%, 39%, 100% {
opacity: 0;
}
40% {
opacity: 1;
}
}
}
.cover_emptydata {
margin: 40vh auto;
text-align: center;
}
}
product-page-type-vono {
.product_page_type_vono {
min-height: 65vh;
}
.row {
margin: 0 -5px;
.col {
padding: 0 5px;
}
}
.row-flex {
margin: 0 -5px;
.col {
padding: 0 5px;
}
}
.cover_navigation_bars {
.cover_navigation_bar {
height: auto;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
margin: 20px 0;
a {
color: #000000;
font-size: @size_+ 18.75px;
}
span {
font-size: @size_+ 18.75px;
span {
padding: 0px 10px;
}
}
}
}
.cover_top {
margin: 20px 0;
h1 {}
}
.cover_sort {
margin: 20px 0;
padding-bottom: 20px;
border-bottom: 1px solid black;
button {
font-size: @size_+ 13px;
font-weight: normal;
&.badge {
color: black;
padding: 10px;
margin-right: 5px;
margin-bottom: 5px;
border-radius: 0px;
background-color: white;
border: 1px solid #dddddd;
&.zero_right {
margin-right: 0px;
}
&.active {
color: #252472;
}
}
}
.sort_icon {
float: right;
margin-right: 10px;
.cover_icon {
svg {
margin-top: 10px;
}
}
}
.sort_select {
float: right;
margin-right: 10px;
select {
margin: 8px 0;
color: black;
font-size: @size_+ 13px;
background-color: #fff;
border: 1px solid transparent;
}
}
}
product-page-type-vono-p {
& * {
outline: none!important;
text-decoration: none !important;
}
.product_page_type_vono_p {
min-height: 25vh;
}
component-product-card-y {
.cover_product_card {
margin-bottom: 10px;
}
}
.cover_more {
padding: 15px 0;
text-align: center;
.load_more {
font-size: @size_+ 18px !important;
transition: all 0.3s;
&.isLoad {
opacity: 0.5;
}
}
}
.cover_load_done {
margin: 20vh auto;
text-align: center;
}
.loader_circle {
margin: 20vh auto;
width: 40px;
height: 40px;
position: relative;
.circle {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
&:before {
content: '';
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: #333;
border-radius: 100%;
-webkit-animation: circleFadeDelay 1.2s infinite ease-in-out both;
animation: circleFadeDelay 1.2s infinite ease-in-out both;
}
}
.load-loop (@i) when (@i > 0) {
.circle@{i} {
-webkit-transform: rotate((@i - 1) *30deg);
-ms-transform: rotate((@i - 1) *30deg);
transform: rotate((@i - 1) *30deg);
&:before {
-webkit-animation-delay: ((@i * 0.1)- 1.2s);
animation-delay: ((@i * 0.1)- 1.2s);
}
}
.load-loop(@i - 1);
}
.load-loop(12);
@-webkit-keyframes circleFadeDelay {
0%, 39%, 100% {
opacity: 0;
}
40% {
opacity: 1;
}
}
@keyframes circleFadeDelay {
0%, 39%, 100% {
opacity: 0;
}
40% {
opacity: 1;
}
}
}
}
.cover_main_category {
.main_category {
margin-bottom: 10px;
border: 1px solid #dddddd;
box-shadow: 0px 1px 1px #dddddd;
.cover_background_image {
.background_image {
padding-top: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
&.active {
background-color: #f5f5f5;
}
}
}
.referral_name {
color: black;
padding: 15px;
font-size: @size_+ 16px;
font-weight: 400;
&:hover {
color: black;
font-weight: 400;
}
&.active {
color: black;
}
}
&:hover {
.referral_name {
color: black;
font-weight: 400;
}
}
}
}
.cover_sub_category {
.sub_category {
margin-bottom: 10px;
border: 1px solid #dddddd;
box-shadow: 0px 1px 1px #dddddd;
.cover_background_image {
.background_image {
padding-top: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
&.active {
background-color: #f5f5f5;
}
}
}
.referral_name {
color: black;
padding: 15px;
font-size: @size_+ 16px;
font-weight: 400;
&:hover {
color: black;
font-weight: 400;
}
&.active {
color: black;
}
}
&:hover {
.referral_name {
color: black;
font-weight: 400;
}
}
}
}
.cover_load_done {
margin: 20vh auto;
text-align: center;
}
.loader_circle {
margin: 20vh auto;
width: 40px;
height: 40px;
position: relative;
.circle {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
&:before {
content: '';
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: #333;
border-radius: 100%;
-webkit-animation: circleFadeDelay 1.2s infinite ease-in-out both;
animation: circleFadeDelay 1.2s infinite ease-in-out both;
}
}
.load-loop (@i) when (@i > 0) {
.circle@{i} {
-webkit-transform: rotate((@i - 1) *30deg);
-ms-transform: rotate((@i - 1) *30deg);
transform: rotate((@i - 1) *30deg);
&:before {
-webkit-animation-delay: ((@i * 0.1)- 1.2s);
animation-delay: ((@i * 0.1)- 1.2s);
}
}
.load-loop(@i - 1);
}
.load-loop(12);
@-webkit-keyframes circleFadeDelay {
0%, 39%, 100% {
opacity: 0;
}
40% {
opacity: 1;
}
}
@keyframes circleFadeDelay {
0%, 39%, 100% {
opacity: 0;
}
40% {
opacity: 1;
}
}
}
}
component-product-card-vono {
.cover-card-product {
margin-bottom: 20px;
.cover-background-image {
&.-main {
.background-image {
padding-top: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
&.actice {
background-color: #f5f5f5;
}
}
}
&.-cover {
opacity: 1;
transition: opacity 0.5s cubic-bezier(0.36, 0.31, 0.53, 0.8) 0s;
.background-image {
padding-top: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
&.actice {
background-color: #f5f5f5;
}
}
}
&.-hover {
opacity: 0;
transition: opacity 0.5s cubic-bezier(0.36, 0.31, 0.53, 0.8) 0s;
.background-image {
padding-top: 0%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
&.actice {
background-color: #f5f5f5;
}
}
}
}
&:hover {
.cover-background-image {
&.-cover {
opacity: 0;
.background-image {
padding-top: 0%;
}
}
&.-hover {
opacity: 1;
.background-image {
padding-top: 100%;
}
}
}
}
.cover-product-title {
margin: 15px;
.display-table {
width: 100%;
height: 100%;
display: table;
vertical-align: middle;
.load-loop (@i) when (@i > 0) {
&.height-@{i} {
height: (@i * 1px);
}
.load-loop(@i - 1);
}
.load-loop(100);
&.height-38 {
height: 70px;
}
.display-table-cell {
display: block; /* table-cell */
vertical-align: middle;
}
}
.product-title {
margin: 0px;
padding: 0px;
font-size: @size_+ 30px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
word-break: break-word;
text-decoration: none;
-webkit-box-orient: vertical;
}
}
.cover-product-short-description {
margin: 15px;
.display-table {
width: 100%;
height: 100%;
display: table;
vertical-align: middle;
.load-loop (@i) when (@i > 0) {
&.height-@{i} {
height: (@i * 1px);
}
.load-loop(@i - 1);
}
.load-loop(100);
.display-table-cell {
display: table-cell;
vertical-align: middle;
}
}
.product-short-description {
margin: 0px;
height: 75px;
padding: 0px;
color: #757575;
font-size: @size_+ s15px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
text-overflow: ellipsis;
word-break: break-word;
text-decoration: none;
-webkit-box-orient: vertical;
}
}
.cover-product-prices {
margin: 10px;
.display-table {
width: 100%;
height: 100%;
display: table;
vertical-align: middle;
.load-loop (@i) when (@i > 0) {
&.height-@{i} {
height: (@i * 1px);
}
.load-loop(@i - 1);
}
.load-loop(100);
.display-table-cell {
display: table-cell;
vertical-align: middle;
}
}
.product-prices {
margin: 0px;
padding: 0px;
font-size: @size_+ s15px;
overflow: hidden;
text-align: right;
display: -webkit-box;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
word-break: break-word;
text-decoration: none;
-webkit-box-orient: vertical;
.product-price {
&.actice {
color: #252472;
}
.price {
font-size: @size_+ s15px;
font-weight: 400;
}
.currency {
font-size: @size_+ 12px;
}
}
.product-compare-price {
color: #757575;
.price {
font-size: @size_+ s15px;
font-weight: 400;
text-decoration: line-through !important;
}
.currency {
font-size: @size_+ 12px;
}
}
}
}
}
}
component-shop-dealer-detail-c {
.cover-branch-navigation-bars {
.cover-branch-navigation-bar-a {
height: auto;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
margin: 20px 0;
a {
color: #000000;
font-size: @size_ + 18.75px;
}
span {
font-size: @size_ + 18.75px;
span {
padding: 0px 10px;
}
}
}
}
.cover-branch-images {
.cover-branch-image-a {
margin-bottom: 30px;
.cover-background-image {
.background-image {
padding-top: 50%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
&.active {
background-color: #f5f5f5;
}
}
}
}
}
.cover-branch-titles {
.cover-branch-title-a {
margin-bottom: 30px;
h2 {
margin: 0px;
color: black;
font-size: @size_ + 28px;
text-align: center;
}
}
}
.cover-branch-descriptions {
.cover-branch-description-a {
margin: 30px 0;
p {
margin: 0;
padding: 0;
}
& * {
font-size: @size_ + 16px;
max-width: 100%;
}
}
}
.cover-branch-detail-infos {
.cover-branch-detail-info-a {
margin-bottom: 30px;
.cover-detail-info {
.cover-top {
margin-bottom: 15px;
h3 {
margin: 0;
padding: 0;
color: #333;
font-size: @size_ + 16px;
font-weight: 600;
}
}
.cover-body {
margin-bottom: 10px;
p {
margin: 0;
padding: 0;
color: #000;
font-size: @size_ + 14px;
.red {
color: red;
}
}
}
}
}
}
.cover-branch-maps {
.cover-branch-map-a {
iframe {
width: 100%;
height: 50vh;
}
}
}
.loader-circle {
width: 60px;
height: 60px;
margin: 40vh auto;
position: relative;
.circle {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
&:before {
content: '';
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: #333;
border-radius: 100%;
-webkit-animation: circleFadeDelay 1.2s infinite ease-in-out both;
animation: circleFadeDelay 1.2s infinite ease-in-out both;
}
}
.load-loop (@i) when (@i > 0) {
.circle@{i} {
-webkit-transform: rotate((@i - 1) *30deg);
-ms-transform: rotate((@i - 1) *30deg);
transform: rotate((@i - 1) *30deg);
&:before {
-webkit-animation-delay: ((@i * 0.1)- 1.2s);
animation-delay: ((@i * 0.1)- 1.2s);
}
}
.load-loop(@i - 1);
}
.load-loop(12);
@-webkit-keyframes circleFadeDelay {
0%, 39%, 100% {
opacity: 0;
}
40% {
opacity: 1;
}
}
@keyframes circleFadeDelay {
0%, 39%, 100% {
opacity: 0;
}
40% {
opacity: 1;
}
}
}
.cover-emptydata {
margin: 40vh auto;
text-align: center;
}
}
component-shop-dealer-lists-c {
.cover_emptydata {
text-align: center;
margin: 20vh 0;
}
.cover_search_top {
margin-bottom: 30px;
h2 {
margin: 0;
padding: 0;
font-size: @size_ + 24px;
line-height: 1.4;
}
}
.cover-card-branch {
margin-bottom: 10px;
.cover-background-image {
.background-image {
padding-top: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
&.actice {
background-color: #f5f5f5;
}
}
}
.display-table {
width: 100%;
height: 100%;
display: table;
vertical-align: middle;
.load-loop (@i) when (@i > 0) {
&.height-@{i} {
height: (@i * 1px);
}
.load-loop(@i - 1);
}
.load-loop(100);
.display-table-cell {
display: table-cell;
vertical-align: middle;
&.top {
vertical-align: top;
}
}
}
.cover-branch-name {
margin: 10px;
.branch-name {
margin: 0px;
padding: 0px;
color: #252472;
font-size: @size_ + 18px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
word-break: break-word;
text-decoration: none;
-webkit-box-orient: vertical;
}
}
.cover-address-extend-data-address {
margin: 10px;
.address-extend-data-address {
margin: 0px;
padding: 0px;
color: inherit;
font-size: @size_ + 16px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4;
text-overflow: ellipsis;
word-break: break-word;
text-decoration: none;
-webkit-box-orient: vertical;
}
}
}
.cover_dealer {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #eee;
.cover_background {
.background_image {
&.active {
background-color: #f5f5f5;
}
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding-top: 100%;
}
}
}
.cover_info {
padding: 20px 0;
h2 {
color: black;
font-size: @size_ + 24px;
margin-top: 20px;
margin-bottom: 20px;
}
h3 {
color: #00A44B;
font-size: @size_ + 20px;
margin-top: 20px;
margin-bottom: 20px;
padding-bottom: 20px;
}
p {
margin: 0;
color: #333;
font-size: @size_ + 14px;
font-weight: 400;
padding-bottom: 15px;
}
}
.cover_pagination {
text-align: center;
ul {
&.pagination {
li {
&.page-item {
a {
color: #fff!important;
background-color: #006CB7!important;
border: 1px solid #006CB7!important;
font-size: @size_ + 16px!important;
&:hover {
background-color: #00A44B!important;
}
&.active {
background-color: #00A44B!important;
}
}
}
}
}
}
}
.loader_circle {
margin: 40vh auto;
width: 40px;
height: 40px;
position: relative;
.circle {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
&:before {
content: '';
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: #333;
border-radius: 100%;
-webkit-animation: circleFadeDelay 1.2s infinite ease-in-out both;
animation: circleFadeDelay 1.2s infinite ease-in-out both;
}
}
.load-loop (@i) when (@i > 0) {
.circle@{i} {
-webkit-transform: rotate((@i - 1) *30deg);
-ms-transform: rotate((@i - 1) *30deg);
transform: rotate((@i - 1) *30deg);
&:before {
-webkit-animation-delay: ((@i * 0.1)- 1.2s);
animation-delay: ((@i * 0.1)- 1.2s);
}
}
.load-loop(@i - 1);
}
.load-loop(12);
@-webkit-keyframes circleFadeDelay {
0%, 39%, 100% {
opacity: 0;
}
40% {
opacity: 1;
}
}
@keyframes circleFadeDelay {
0%, 39%, 100% {
opacity: 0;
}
40% {
opacity: 1;
}
}
}
}
trump-component-post-details {
& * {
outline: none!important;
user-select: none !important;
text-decoration: none !important;
}
.cover-main {
.cover-post-navigation-bars {
.cover-post-navigation-bar-a {
height: auto;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
margin: 20px 0;
a {
color: #000000;
font-size: @size_ + 18.75px;
}
span {
font-size: @size_ + 18.75px;
span {
padding: 0px 10px;
}
}
}
}
.cover-post-images {
.cover-post-image-a {
margin-bottom: 15px;
.cover-background-image {
.background-image {
opacity: 1;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
img {
&.background {
opacity: 0;
width: 100%;
}
}
}
}
}
}
.cover-post-titles {
.cover-post-title-a {
margin-bottom: 15px;
h2 {
color: black;
font-size: @size_ + 28px;
margin: 0px;
}
@media (max-width: 991px) {
text-align: center;
}
}
}
.cover-post-updateds {
.cover-post-updateds-a {
margin-bottom: 15px;
& * {
color: #999;
font-size: @size_ + 12px;
text-transform: uppercase;
}
.pad {
margin: 0 10px;
}
.bold {
font-weight: 700;
}
}
}
.cover-post-social-shares {
.cover-post-social-share-a {
margin: 15px 0;
}
}
.cover-post-descriptions {
.cover-post-description-a {
& * {
max-width: 100%;
}
}
}
.cover-post-emptydatas {
.cover-blog-emptydata-a {
margin: 25vh auto;
text-align: center;
}
}
.cover-post-lists {
.cover-post-list-a {
.cover-top-name {
.top-name {
padding: 0 0 10px 0;
margin-bottom: 10px;
border-bottom: 1px solid #eff0f5;
h2 {
margin: 0px;
color: black;
font-size: @size_ + 12px;
font-weight: 700;
text-transform: uppercase;
}
}
}
.cover-card-post {
margin-bottom: 10px;
.cover-background-image {
.background-image {
padding-top: 50%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
@media (max-width: 991px) {
padding-top: 100%;
}
&.actice {
background-color: #f5f5f5;
}
}
}
.display-table {
width: 100%;
height: 100%;
display: table;
vertical-align: middle;
.load-loop (@i) when (@i > 0) {
&.height-@{i} {
height: (@i * 1px);
}
.load-loop(@i - 1);
}
.load-loop(200);
.display-table-cell {
display: table-cell;
vertical-align: middle;
}
}
.cover-post-title {
.post-title {
margin: 0;
padding: 0;
font-size: @size_ + 14px;
font-weight: 400;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
word-break: break-word;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
}
}
}
}
}
.cover-post-blog-lists {
.cover-post-blog-list-a {
.cover-top-name {
.top-name {
padding: 0 0 10px 0;
margin-bottom: 10px;
border-bottom: 1px solid #eff0f5;
h2 {
margin: 0px;
color: black;
font-size: @size_ + 12px;
font-weight: 700;
text-transform: uppercase;
}
}
}
.cover-card-blog {
margin-bottom: 10px;
.cover-background-image {
.background-image {
padding-top: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
&.actice {
background-color: #f5f5f5;
}
}
}
.display-table {
width: 100%;
height: 100%;
display: table;
vertical-align: middle;
.load-loop (@i) when (@i > 0) {
&.height-@{i} {
height: (@i * 1px);
}
.load-loop(@i - 1);
}
.load-loop(200);
.display-table-cell {
display: table-cell;
vertical-align: middle;
}
}
.cover-blog-name {
.blog-name {
margin: 0;
padding: 0;
font-size: @size_ + 14px;
font-weight: 400;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
word-break: break-word;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
}
}
}
}
}
}
.loader-circle {
width: 60px;
height: 60px;
margin: 40vh auto;
position: relative;
.circle {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
&:before {
content: '';
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: #333;
border-radius: 100%;
-webkit-animation: circleFadeDelay 1.2s infinite ease-in-out both;
animation: circleFadeDelay 1.2s infinite ease-in-out both;
}
}
.load-loop (@i) when (@i > 0) {
.circle@{i} {
-webkit-transform: rotate((@i - 1) *30deg);
-ms-transform: rotate((@i - 1) *30deg);
transform: rotate((@i - 1) *30deg);
&:before {
-webkit-animation-delay: ((@i * 0.1)- 1.2s);
animation-delay: ((@i * 0.1)- 1.2s);
}
}
.load-loop(@i - 1);
}
.load-loop(12);
@-webkit-keyframes circleFadeDelay {
0%, 39%, 100% {
opacity: 0;
}
40% {
opacity: 1;
}
}
@keyframes circleFadeDelay {
0%, 39%, 100% {
opacity: 0;
}
40% {
opacity: 1;
}
}
}
.cover-emptydata {
margin: 40vh auto;
text-align: center;
}
}
trump-component-collection-details {
& * {
outline: none!important;
user-select: none !important;
text-decoration: none !important;
}
.cover-main {
.cover-post-navigation-bars {
.cover-post-navigation-bar-a {
height: auto;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
margin: 20px 0;
a {
color: #000000;
font-size: @size_ + 18.75px;
}
span {
font-size: @size_ + 18.75px;
span {
padding: 0px 10px;
}
}
}
}
.cover-collection-images {
.cover-collection-image-a {
margin-bottom: 15px;
.cover-background-image {
.background-image {
opacity: 1;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
img {
&.background {
opacity: 0;
width: 100%;
}
}
}
}
}
}
.cover-collection-titles {
.cover-collection-title-a {
margin-bottom: 15px;
h2 {
color: black;
font-size: @size_ + 28px;
margin: 0px;
}
@media (max-width: 991px) {
text-align: center;
}
}
}
.cover-collection-short-description-descriptions {
.cover-collection-short-description-a {
margin-bottom: 15px;
& * {
max-width: 100%;
}
}
}
.cover-collection-descriptions {
.cover-collection-description-a {
margin-bottom: 15px;
& * {
max-width: 100%;
}
}
}
.cover-collection-emptydatas {
.cover-collection-emptydata-a {
margin: 25vh auto;
text-align: center;
}
}
.cover-collection-product-lists {
.cover-collection-product-list-a {
margin-bottom: 15px;
.cover-card-product {
margin-bottom: 20px;
border: 1px solid #dddddd;
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05);
.cover-background-image {
margin: 10px;
.background-image {
padding-top: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
&.actice {
background-color: #f5f5f5;
}
}
}
.cover-product-title {
margin: 10px;
.display-table {
width: 100%;
height: 100%;
display: table;
vertical-align: middle;
.load-loop (@i) when (@i > 0) {
&.height-@{i} {
height: (@i * 1px);
}
.load-loop(@i - 1);
}
.load-loop(100);
.display-table-cell {
display: table-cell;
vertical-align: middle;
}
}
.product-title {
margin: 0px;
padding: 0px;
font-size: @size_ + 16px;
overflow: hidden;
text-align: center;
display: -webkit-box;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
word-break: break-word;
text-decoration: none;
-webkit-box-orient: vertical;
}
}
.cover-product-prices {
margin: 10px;
.display-table {
width: 100%;
height: 100%;
display: table;
vertical-align: middle;
.load-loop (@i) when (@i > 0) {
&.height-@{i} {
height: (@i * 1px);
}
.load-loop(@i - 1);
}
.load-loop(100);
.display-table-cell {
display: table-cell;
vertical-align: middle;
}
}
.product-prices {
margin: 0px;
padding: 0px;
font-size: @size_ + 16px;
overflow: hidden;
text-align: center;
display: -webkit-box;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
word-break: break-word;
text-decoration: none;
-webkit-box-orient: vertical;
.product-price {
color: red;
.price {
font-size: @size_ + 16px;
font-weight: 600;
}
.currency {
font-size: @size_ + 12px;
}
}
.product-compare-price {
color: #757575;
.price {
font-size: @size_ + 16px;
font-weight: 600;
text-decoration: line-through !important;
}
.currency {
font-size: @size_ + 12px;
}
}
}
}
}
}
}
.cover-collection-mores {
.cover-collection-more-a {
.cover-more {
margin: 15px 0;
text-align: center;
.load-more {}
}
}
}
.cover-collection-emptydatas {
.cover-collection-emptydata-a {
margin: 25vh auto;
text-align: center;
}
}
}
.loader-circle {
width: 60px;
height: 60px;
margin: 40vh auto;
position: relative;
.circle {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
&:before {
content: '';
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: #333;
border-radius: 100%;
-webkit-animation: circleFadeDelay 1.2s infinite ease-in-out both;
animation: circleFadeDelay 1.2s infinite ease-in-out both;
}
}
.load-loop (@i) when (@i > 0) {
.circle@{i} {
-webkit-transform: rotate((@i - 1) *30deg);
-ms-transform: rotate((@i - 1) *30deg);
transform: rotate((@i - 1) *30deg);
&:before {
-webkit-animation-delay: ((@i * 0.1)- 1.2s);
animation-delay: ((@i * 0.1)- 1.2s);
}
}
.load-loop(@i - 1);
}
.load-loop(12);
@-webkit-keyframes circleFadeDelay {
0%, 39%, 100% {
opacity: 0;
}
40% {
opacity: 1;
}
}
@keyframes circleFadeDelay {
0%, 39%, 100% {
opacity: 0;
}
40% {
opacity: 1;
}
}
}
.cover-emptydata {
margin: 40vh auto;
text-align: center;
}
}
trump-component-category-lists {
& * {
outline: none!important;
user-select: none !important;
text-decoration: none !important;
}
.cover-category {
.cover-category-main-lists {
.cover-category-main-list-a {
margin-bottom: 15px;
.cover-card-category {
margin-bottom: 20px;
border: 1px solid #dddddd;
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05);
.cover-background-image {
margin: 10px;
.background-image {
padding-top: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
&.actice {
background-color: #f5f5f5;
}
}
}
.display-table {
width: 100%;
height: 100%;
display: table;
vertical-align: middle;
.load-loop (@i) when (@i > 0) {
&.height-@{i} {
height: (@i * 1px);
}
.load-loop(@i - 1);
}
.load-loop(100);
.display-table-cell {
display: table-cell;
vertical-align: middle;
}
}
.cover-referral-name {
margin: 10px;
.referral-name {
margin: 0px;
padding: 0px;
color: initial;
font-size: @size_ + 18px;
overflow: hidden;
text-align: center;
display: -webkit-box;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
word-break: break-word;
text-decoration: none;
-webkit-box-orient: vertical;
}
}
}
}
}
.cover-category-sub-lists {
.cover-category-sub-list-a {
margin-bottom: 15px;
.cover-card-category {
margin-bottom: 20px;
border: 1px solid #dddddd;
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05);
.cover-background-image {
margin: 10px;
.background-image {
padding-top: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
&.actice {
background-color: #f5f5f5;
}
}
}
.display-table {
width: 100%;
height: 100%;
display: table;
vertical-align: middle;
.load-loop (@i) when (@i > 0) {
&.height-@{i} {
height: (@i * 1px);
}
.load-loop(@i - 1);
}
.load-loop(100);
.display-table-cell {
display: table-cell;
vertical-align: middle;
}
}
.cover-referral-name {
margin: 10px;
.referral-name {
margin: 0px;
padding: 0px;
color: initial;
font-size: @size_ + 18px;
overflow: hidden;
text-align: center;
display: -webkit-box;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
word-break: break-word;
text-decoration: none;
-webkit-box-orient: vertical;
}
}
}
}
}
.cover-category-product-lists {
.cover-category-product-list-a {
margin-bottom: 15px;
.cover-card-product {
margin-bottom: 20px;
border: 1px solid #dddddd;
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05);
.cover-background-image {
margin: 10px;
.background-image {
padding-top: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
&.actice {
background-color: #f5f5f5;
}
}
}
.cover-product-title {
margin: 10px;
.display-table {
width: 100%;
height: 100%;
display: table;
vertical-align: middle;
.load-loop (@i) when (@i > 0) {
&.height-@{i} {
height: (@i * 1px);
}
.load-loop(@i - 1);
}
.load-loop(100);
.display-table-cell {
display: table-cell;
vertical-align: middle;
}
}
.product-title {
margin: 0px;
padding: 0px;
font-size: @size_ + 16px;
overflow: hidden;
text-align: center;
display: -webkit-box;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
word-break: break-word;
text-decoration: none;
-webkit-box-orient: vertical;
}
}
.cover-product-prices {
margin: 10px;
.display-table {
width: 100%;
height: 100%;
display: table;
vertical-align: middle;
.load-loop (@i) when (@i > 0) {
&.height-@{i} {
height: (@i * 1px);
}
.load-loop(@i - 1);
}
.load-loop(100);
.display-table-cell {
display: table-cell;
vertical-align: middle;
}
}
.product-prices {
margin: 0px;
padding: 0px;
font-size: @size_ + 16px;
overflow: hidden;
text-align: center;
display: -webkit-box;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
word-break: break-word;
text-decoration: none;
-webkit-box-orient: vertical;
.product-price {
color: red;
.price {
font-size: @size_ + 16px;
font-weight: 600;
}
.currency {
font-size: @size_ + 12px;
}
}
.product-compare-price {
color: #757575;
.price {
font-size: @size_ + 16px;
font-weight: 600;
text-decoration: line-through !important;
}
.currency {
font-size: @size_ + 12px;
}
}
}
}
}
}
}
}
.loader-circle {
width: 60px;
height: 60px;
margin: 40vh auto;
position: relative;
.circle {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
&:before {
content: '';
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: #333;
border-radius: 100%;
-webkit-animation: circleFadeDelay 1.2s infinite ease-in-out both;
animation: circleFadeDelay 1.2s infinite ease-in-out both;
}
}
.load-loop (@i) when (@i > 0) {
.circle@{i} {
-webkit-transform: rotate((@i - 1) *30deg);
-ms-transform: rotate((@i - 1) *30deg);
transform: rotate((@i - 1) *30deg);
&:before {
-webkit-animation-delay: ((@i * 0.1)- 1.2s);
animation-delay: ((@i * 0.1)- 1.2s);
}
}
.load-loop(@i - 1);
}
.load-loop(12);
@-webkit-keyframes circleFadeDelay {
0%, 39%, 100% {
opacity: 0;
}
40% {
opacity: 1;
}
}
@keyframes circleFadeDelay {
0%, 39%, 100% {
opacity: 0;
}
40% {
opacity: 1;
}
}
}
.cover-emptydata {
margin: 40vh auto;
text-align: center;
}
}
trump-component-brands {
& * {
outline: none!important;
user-select: none !important;
text-decoration: none !important;
}
.cover-main {
.cover-brand-heads {
.cover-brand-head-a {
margin-bottom: 30px;
h2 {
margin: 0px;
padding: 0px;
font-size: @size_ + 24px;
line-height: 1.4;
a {
float: right;
}
}
}
}
.cover-brand-lists {
.cover-brand-list-a {
.cover-card-brand {
margin-bottom: 20px;
border: 1px solid #dddddd;
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05);
.cover-background-image {
margin: 10px;
.background-image {
padding-top: 100%;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
&.actice {
background-color: #f5f5f5;
}
}
}
}
}
}
.cover-brand-mores {
.cover-brand-more-a {
.cover-more {
margin: 15px 0;
text-align: center;
.load-more {}
}
}
}
.cover-brand-emptydatas {
.cover-brand-emptydata-a {
margin: 25vh auto;
text-align: center;
}
}
}
.loader-circle {
width: 60px;
height: 60px;
margin: 40vh auto;
position: relative;
.circle {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
&:before {
content: '';
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: #333;
border-radius: 100%;
-webkit-animation: circleFadeDelay 1.2s infinite ease-in-out both;
animation: circleFadeDelay 1.2s infinite ease-in-out both;
}
}
.load-loop (@i) when (@i > 0) {
.circle@{i} {
-webkit-transform: rotate((@i - 1) *30deg);
-ms-transform: rotate((@i - 1) *30deg);
transform: rotate((@i - 1) *30deg);
&:before {
-webkit-animation-delay: ((@i * 0.1)- 1.2s);
animation-delay: ((@i * 0.1)- 1.2s);
}
}
.load-loop(@i - 1);
}
.load-loop(12);
@-webkit-keyframes circleFadeDelay {
0%, 39%, 100% {
opacity: 0;
}
40% {
opacity: 1;
}
}
@keyframes circleFadeDelay {
0%, 39%, 100% {
opacity: 0;
}
40% {
opacity: 1;
}
}
}
.cover-emptydata {
margin: 40vh auto;
text-align: center;
}
}
trump-component-branchs {
& * {
outline: none!important;
user-select: none !important;
text-decoration: none !important;
}
.cover-main {
.cover-branch-heads {
.cover-branch-head-a {
margin-bottom: 30px;
h2 {
margin: 0px;
padding: 0px;
font-size: @size_ + 24px;
line-height: 1.4;
a {
float: right;
}
}
}
}
.cover-branch-lists {
.cover-branch-list-a {
.cover-card-branch {
margin-bottom: 10px;
.cover-background-image {
.background-image {
padding-top: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
&.actice {
background-color: #f5f5f5;
}
}
}
.display-table {
width: 100%;
height: 100%;
display: table;
vertical-align: middle;
.load-loop (@i) when (@i > 0) {
&.height-@{i} {
height: (@i * 1px);
}
.load-loop(@i - 1);
}
.load-loop(100);
.display-table-cell {
display: table-cell;
vertical-align: middle;
&.top {
vertical-align: top;
}
}
}
.cover-branch-name {
margin: 10px;
.branch-name {
margin: 0px;
padding: 0px;
color: #252472;
font-size: @size_ + 18px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
word-break: break-word;
text-decoration: none;
-webkit-box-orient: vertical;
}
}
.cover-address-extend-data-address {
margin: 10px;
.address-extend-data-address {
margin: 0px;
padding: 0px;
color: inherit;
font-size: @size_ + 16px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4;
text-overflow: ellipsis;
word-break: break-word;
text-decoration: none;
-webkit-box-orient: vertical;
}
}
}
}
}
.cover-branch-mores {
.cover-branch-more-a {
.cover-more {
margin: 15px 0;
text-align: center;
.load-more {}
}
}
}
.cover-branch-emptydatas {
.cover-branch-emptydata-a {
margin: 25vh auto;
text-align: center;
}
}
}
.loader-circle {
width: 60px;
height: 60px;
margin: 40vh auto;
position: relative;
.circle {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
&:before {
content: '';
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: #333;
border-radius: 100%;
-webkit-animation: circleFadeDelay 1.2s infinite ease-in-out both;
animation: circleFadeDelay 1.2s infinite ease-in-out both;
}
}
.load-loop (@i) when (@i > 0) {
.circle@{i} {
-webkit-transform: rotate((@i - 1) *30deg);
-ms-transform: rotate((@i - 1) *30deg);
transform: rotate((@i - 1) *30deg);
&:before {
-webkit-animation-delay: ((@i * 0.1)- 1.2s);
animation-delay: ((@i * 0.1)- 1.2s);
}
}
.load-loop(@i - 1);
}
.load-loop(12);
@-webkit-keyframes circleFadeDelay {
0%, 39%, 100% {
opacity: 0;
}
40% {
opacity: 1;
}
}
@keyframes circleFadeDelay {
0%, 39%, 100% {
opacity: 0;
}
40% {
opacity: 1;
}
}
}
.cover-emptydata {
margin: 40vh auto;
text-align: center;
}
}
trump-component-branch-details {
& * {
outline: none!important;
user-select: none !important;
text-decoration: none !important;
}
.cover-main {
.cover-branch-navigation-bars {
.cover-branch-navigation-bar-a {
height: auto;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
margin: 20px 0;
a {
color: #000000;
font-size: @size_ + 18.75px;
}
span {
font-size: @size_ + 18.75px;
span {
padding: 0px 10px;
}
}
}
}
.cover-branch-images {
.cover-branch-image-a {
margin-bottom: 30px;
.cover-background-image {
.background-image {
padding-top: 50%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
&.active {
background-color: #f5f5f5;
}
}
}
}
}
.cover-branch-titles {
.cover-branch-title-a {
margin-bottom: 30px;
h2 {
margin: 0px;
color: black;
font-size: @size_ + 28px;
text-align: center;
}
}
}
.cover-branch-descriptions {
.cover-branch-description-a {
margin: 30px 0;
p {
margin: 0;
padding: 0;
}
& * {
font-size: @size_ + 16px;
max-width: 100%;
}
}
}
.cover-branch-detail-infos {
.cover-branch-detail-info-a {
margin-bottom: 30px;
.cover-detail-info {
.cover-top {
margin-bottom: 15px;
h3 {
margin: 0;
padding: 0;
color: #333;
font-size: @size_ + 16px;
font-weight: 600;
}
}
.cover-body {
margin-bottom: 10px;
p {
margin: 0;
padding: 0;
color: #000;
font-size: @size_ + 14px;
.red {
color: red;
}
&.right {
float: right;
}
}
}
}
}
}
.cover-branch-maps {
.cover-branch-map-a {
iframe {
width: 100%;
height: 50vh;
}
}
}
.cover-branch-emptydatas {
.cover-blog-emptydata-a {
margin: 25vh auto;
text-align: center;
}
}
}
.loader-circle {
width: 60px;
height: 60px;
margin: 40vh auto;
position: relative;
.circle {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
&:before {
content: '';
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: #333;
border-radius: 100%;
-webkit-animation: circleFadeDelay 1.2s infinite ease-in-out both;
animation: circleFadeDelay 1.2s infinite ease-in-out both;
}
}
.load-loop (@i) when (@i > 0) {
.circle@{i} {
-webkit-transform: rotate((@i - 1) *30deg);
-ms-transform: rotate((@i - 1) *30deg);
transform: rotate((@i - 1) *30deg);
&:before {
-webkit-animation-delay: ((@i * 0.1)- 1.2s);
animation-delay: ((@i * 0.1)- 1.2s);
}
}
.load-loop(@i - 1);
}
.load-loop(12);
@-webkit-keyframes circleFadeDelay {
0%, 39%, 100% {
opacity: 0;
}
40% {
opacity: 1;
}
}
@keyframes circleFadeDelay {
0%, 39%, 100% {
opacity: 0;
}
40% {
opacity: 1;
}
}
}
.cover-emptydata {
margin: 40vh auto;
text-align: center;
}
}
trump-component-blogs {
& * {
outline: none!important;
user-select: none !important;
text-decoration: none !important;
}
.cover-main {
.cover-blog-heads {
.cover-blog-head-a {
margin-bottom: 30px;
h2 {
margin: 0px;
padding: 0px;
font-size: @size_ + 24px;
line-height: 1.4;
a {
float: right;
}
}
}
}
.cover-blog-lists {
.cover-blog-list-a {
margin-bottom: 30px;
a {
color: #636363;
font-size: @size_ + 16px;
margin-right: 10px;
&.active {
font-weight: 700;
}
}
}
.cover-blog-list-b {
margin-bottom: 30px;
a {
color: #636363;
font-size: @size_ + 16px;
margin-right: 10px;
&.active {
font-weight: 700;
}
}
}
}
.cover-post-lists {
.cover-post-list-a {
.cover-card-post {
display: table;
margin-bottom: 10px;
border: 1px solid #ddd;
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05);
.display-table {
width: 100%;
height: 100%;
display: table;
vertical-align: middle;
.load-loop (@i) when (@i > 0) {
&.height-@{i} {
height: (@i * 1px);
}
.load-loop(@i - 1);
}
.load-loop(200);
.display-table-cell {
display: table-cell;
vertical-align: middle;
}
}
.cover-background-image {
.background-image {
padding-top: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
&.actice {
background-color: #f5f5f5;
}
}
}
.cover-post-create-time {
margin: 0 15px 5px 15px;
.post-create-time {
margin: 0px;
padding: 0px;
color: #b7b7b7;
font-size: @size_ + 16px;
font-weight: 400;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
word-break: break-word;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
}
}
.cover-post-title {
margin: 0 15px 15px 15px;
.post-title {
margin: 0px;
padding: 0px;
font-size: @size_ + 18px;
font-weight: 600;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
word-break: break-word;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
}
}
.cover-post-excerpt {
margin: 0 15px 15px 15px;
.post-excerpt {
margin: 0px;
padding: 0px;
font-size: @size_ + 14px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
word-break: break-word;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
}
}
.cover-description {
margin: 0 15px 15px 15px;
a {
color: black;
font-size: @size_ + 14px;
}
}
}
}
.cover-post-list-b {
.col {
&.actice {
border-left: 1px solid #f5f5f5;
}
}
.cover-card-post {
display: table;
margin-bottom: 10px;
.cover-background-image {
.background-image {
padding-top: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
&.actice {
background-color: #f5f5f5;
}
}
}
.cover-post-title {
margin: 0 15px 15px 15px;
.display-table {
width: 100%;
height: 100%;
display: table;
vertical-align: middle;
.load-loop (@i) when (@i > 0) {
&.height-@{i} {
height: (@i * 1px);
}
.load-loop(@i - 1);
}
.load-loop(100);
.display-table-cell {
display: table-cell;
vertical-align: middle;
}
}
.post-title {
margin: 0px;
padding: 0px;
font-size: @size_ + 18px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
word-break: break-word;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
}
}
.cover-post-excerpt {
margin: 0 15px 15px 15px;
.display-table {
width: 100%;
height: 100%;
display: -webkit-box;
vertical-align: middle;
.load-loop (@i) when (@i > 0) {
&.height-@{i} {
height: (@i * 1px);
}
.load-loop(@i - 1);
}
.load-loop(200);
.display-table-cell {
display: table-cell;
vertical-align: middle;
}
}
.post-excerpt {
margin: 0px;
padding: 0px;
font-size: @size_ + 14px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
word-break: break-word;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
}
}
.cover-description {
margin: 0 15px 15px 15px;
a {
color: black;
font-size: @size_ + 14px;
}
}
}
}
}
.cover-blog-mores {
.cover-blog-more-a {
.cover-more {
margin: 15px 0;
text-align: center;
.load-more {}
}
}
}
.cover-blog-emptydatas {
.cover-blog-emptydata-a {
margin: 25vh auto;
text-align: center;
}
}
}
.loader-circle {
width: 60px;
height: 60px;
margin: 40vh auto;
position: relative;
.circle {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
&:before {
content: '';
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: #333;
border-radius: 100%;
-webkit-animation: circleFadeDelay 1.2s infinite ease-in-out both;
animation: circleFadeDelay 1.2s infinite ease-in-out both;
}
}
.load-loop (@i) when (@i > 0) {
.circle@{i} {
-webkit-transform: rotate((@i - 1) *30deg);
-ms-transform: rotate((@i - 1) *30deg);
transform: rotate((@i - 1) *30deg);
&:before {
-webkit-animation-delay: ((@i * 0.1)- 1.2s);
animation-delay: ((@i * 0.1)- 1.2s);
}
}
.load-loop(@i - 1);
}
.load-loop(12);
@-webkit-keyframes circleFadeDelay {
0%, 39%, 100% {
opacity: 0;
}
40% {
opacity: 1;
}
}
@keyframes circleFadeDelay {
0%, 39%, 100% {
opacity: 0;
}
40% {
opacity: 1;
}
}
}
.cover-emptydata {
margin: 40vh auto;
text-align: center;
}
}
trump-component-abouts {
& * {
outline: none!important;
user-select: none !important;
text-decoration: none !important;
}
.cover-main {
.cover-about-images {
.cover-about-image-a {
margin-bottom: 15px;
.cover-background-image {
.background-image {
background-size: contain;
background-position: center;
background-repeat: no-repeat;
img {
width: 100%;
}
}
}
}
}
.cover-about-titles {
.cover-about-title-a {
text-align: center;
margin-bottom: 15px;
h2 {
color: black;
font-size: @size_ + 28px;
margin: 0px;
}
}
.cover-about-title-b {
margin-bottom: 15px;
h2 {
color: black;
font-size: @size_ + 28px;
margin: 0px;
}
}
}
.cover-about-captions {
.cover-about-caption-a {
text-align: center;
margin-bottom: 15px;
p {
margin: 0;
padding: 0;
font-size: @size_ + 16px;
}
}
.cover-about-caption-b {
margin-bottom: 15px;
p {
margin: 0;
padding: 0;
font-size: @size_ + 16px;
}
}
}
.cover-about-descriptions {
.cover-about-description-a {
margin-bottom: 15px;
& * {
max-width: 100%;
}
}
}
.cover-about-videos {
.cover-about-video-a {
margin: 40px 0 55px 0;
.cover-background-image {
.background-image {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
&.actice {
padding-top: 100%;
background-color: #f5f5f5;
}
&.cursor-unset {
cursor: unset;
}
img {
width: 100%;
}
}
}
.cover-popup-video {
top: 0;
left: 0;
width: 100%;
z-index: 100;
display: none;
height: 100vh;
position: fixed;
background-color: rgba(0, 0, 0, 0.9);
&.actice {
display: block;
}
.position-absolute {
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100vh;
position: absolute;
text-align: center;
.display-table {
width: 100%;
display: table;
position: relative;
.display-table-cell {
position: relative;
display: table-cell;
vertical-align: middle;
& * {
max-width: 100%;
}
}
}
}
.position-absolute-close {
top: 0;
right: 0;
z-index: 101;
opacity: 0.7;
outline: none;
position: absolute;
img {
width: 40px;
margin-top: 20px;
margin-right: 20px;
cursor: pointer;
transition: all 0.3s;
}
}
}
}
}
}
.loader-circle {
width: 60px;
height: 60px;
margin: 40vh auto;
position: relative;
.circle {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
&:before {
content: '';
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: #333;
border-radius: 100%;
-webkit-animation: circleFadeDelay 1.2s infinite ease-in-out both;
animation: circleFadeDelay 1.2s infinite ease-in-out both;
}
}
.load-loop (@i) when (@i > 0) {
.circle@{i} {
-webkit-transform: rotate((@i - 1) *30deg);
-ms-transform: rotate((@i - 1) *30deg);
transform: rotate((@i - 1) *30deg);
&:before {
-webkit-animation-delay: ((@i * 0.1)- 1.2s);
animation-delay: ((@i * 0.1)- 1.2s);
}
}
.load-loop(@i - 1);
}
.load-loop(12);
@-webkit-keyframes circleFadeDelay {
0%, 39%, 100% {
opacity: 0;
}
40% {
opacity: 1;
}
}
@keyframes circleFadeDelay {
0%, 39%, 100% {
opacity: 0;
}
40% {
opacity: 1;
}
}
}
.cover-emptydata {
margin: 40vh auto;
text-align: center;
}
}
&[ng-app] {
div {
&[ng-controller] {
& * {
&[data-button][data-button*="_small"] {
font-size: 22.5px !important;
}
}
}
}
}
}
}