Save
This commit is contained in:
Roman Pyrih
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1,433 +1,441 @@
|
||||
.an_banner {
|
||||
position: relative;
|
||||
position: relative;
|
||||
|
||||
.an_banner-link {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
}
|
||||
.an_banner-link {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
}
|
||||
}
|
||||
|
||||
#tc-container,
|
||||
#tc-container-mobile {
|
||||
.text {
|
||||
position: static !important;
|
||||
}
|
||||
.text {
|
||||
position: static !important;
|
||||
}
|
||||
|
||||
.form-group {
|
||||
margin-bottom: 0;
|
||||
padding-right: 5px;
|
||||
}
|
||||
.form-group {
|
||||
margin-bottom: 0;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.custom-checkbox {
|
||||
span.label {
|
||||
font-size: 14px;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
.custom-checkbox {
|
||||
span.label {
|
||||
font-size: 14px;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.field-label {
|
||||
font-size: 14px;
|
||||
}
|
||||
.field-label {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.checkout-block {
|
||||
padding: 0 15px;
|
||||
}
|
||||
.checkout-block {
|
||||
padding: 0 15px;
|
||||
}
|
||||
|
||||
#thecheckout-html-box-1 {
|
||||
display: none !important;
|
||||
}
|
||||
#thecheckout-html-box-1 {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
#select-widget {
|
||||
width: 100% !important;
|
||||
}
|
||||
#select-widget {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.delivery-options .row.delivery-option {
|
||||
flex-wrap: wrap !important;
|
||||
}
|
||||
.delivery-options .row.delivery-option {
|
||||
flex-wrap: wrap !important;
|
||||
}
|
||||
|
||||
.delivery-option-detail,
|
||||
.payment-option {
|
||||
* {
|
||||
font-size: 14px !important;
|
||||
}
|
||||
}
|
||||
.delivery-option-detail,
|
||||
.payment-option {
|
||||
* {
|
||||
font-size: 14px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.top-bar {
|
||||
background: #ff0f1c;
|
||||
color: #FFF !important;
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
background: #ff0f1c;
|
||||
color: #fff !important;
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
|
||||
.text-container {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
justify-content: center;
|
||||
}
|
||||
.text-container {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
div.text {
|
||||
text-align: center;
|
||||
width: fit-content;
|
||||
font-size: 14px;
|
||||
}
|
||||
div.text {
|
||||
text-align: center;
|
||||
width: fit-content;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
#checkout .card {
|
||||
background: #FFF !important;
|
||||
background: #fff !important;
|
||||
}
|
||||
|
||||
#tc-container {
|
||||
margin-top: 25px;
|
||||
margin-top: 25px;
|
||||
|
||||
.checkout-area-2 {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.checkout-area-2 {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.blocks {
|
||||
border: 1px solid #eee;
|
||||
padding: 15px;
|
||||
}
|
||||
.blocks {
|
||||
border: 1px solid #eee;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.checkout-area-4 {
|
||||
gap: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.checkout-area-4 {
|
||||
gap: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.checkout-area-9 {
|
||||
margin-bottom: 10px;
|
||||
gap: 10px;
|
||||
}
|
||||
.checkout-area-9 {
|
||||
margin-bottom: 10px;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.checkout-block {
|
||||
#main {
|
||||
.block-header {
|
||||
padding: 0 !important;
|
||||
}
|
||||
.checkout-block {
|
||||
#main {
|
||||
.block-header {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.cart-grid {
|
||||
margin: 0 !important;
|
||||
.cart-grid {
|
||||
margin: 0 !important;
|
||||
|
||||
.card {
|
||||
padding: 0 !important;
|
||||
}
|
||||
.card {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.cart-detailed-totals {
|
||||
background: #FFF !important;
|
||||
}
|
||||
.cart-detailed-totals {
|
||||
background: #fff !important;
|
||||
}
|
||||
|
||||
.promo-highlighted {
|
||||
margin-top: 15px;
|
||||
padding-top: 15px;
|
||||
border-top: 1px solid #d3d3d3;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.promo-highlighted {
|
||||
margin-top: 15px;
|
||||
padding-top: 15px;
|
||||
border-top: 1px solid #d3d3d3;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 825px) {
|
||||
.blocks {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
@media (max-width: 825px) {
|
||||
.blocks {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#tc-container-mobile,
|
||||
#tc-container {
|
||||
.custom-checkbox {
|
||||
margin-bottom: 10px !important;
|
||||
}
|
||||
|
||||
.custom-checkbox {
|
||||
margin-bottom: 10px !important;
|
||||
}
|
||||
.block-header.account-header,
|
||||
.block-header.address-name-header,
|
||||
.block-header.shipping-method-header,
|
||||
.block-header.payment-method-header {
|
||||
padding: 0 !important;
|
||||
margin-bottom: 10px;
|
||||
|
||||
.block-header.account-header,
|
||||
.block-header.address-name-header,
|
||||
.block-header.shipping-method-header,
|
||||
.block-header.payment-method-header {
|
||||
padding: 0 !important;
|
||||
margin-bottom: 10px;
|
||||
&::before {
|
||||
background: #ff0f1c !important;
|
||||
color: #fff !important;
|
||||
border: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
&::before {
|
||||
background: #ff0f1c !important;
|
||||
color: #FFF !important;
|
||||
border: 0 !important;
|
||||
}
|
||||
}
|
||||
input[type='text'],
|
||||
input[type='email'],
|
||||
input[type='password'],
|
||||
input[type='tel'],
|
||||
textarea,
|
||||
select {
|
||||
border: 1px solid #d3d3d3;
|
||||
border-radius: 4px;
|
||||
padding: 10px;
|
||||
height: 40px;
|
||||
line-height: 20px;
|
||||
font-size: 14px;
|
||||
width: 100%;
|
||||
color: #000;
|
||||
|
||||
input[type="text"],
|
||||
input[type="email"],
|
||||
input[type="password"],
|
||||
input[type="tel"],
|
||||
textarea,
|
||||
select {
|
||||
border: 1px solid #d3d3d3;
|
||||
border-radius: 4px;
|
||||
padding: 10px;
|
||||
height: 40px;
|
||||
line-height: 20px;
|
||||
font-size: 14px;
|
||||
width: 100%;
|
||||
color: #000;
|
||||
&::placeholder {
|
||||
color: #999 !important;
|
||||
visibility: visible !important;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
||||
&::placeholder {
|
||||
color: #999 !important;
|
||||
visibility: visible !important;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
&:focus {
|
||||
border-color: #7c7c7c !important;
|
||||
}
|
||||
}
|
||||
|
||||
&:focus {
|
||||
border-color: #7c7c7c !important;
|
||||
}
|
||||
}
|
||||
.cart-line-product-quantity {
|
||||
width: 60px !important;
|
||||
}
|
||||
|
||||
.cart-line-product-quantity {
|
||||
width: 60px !important;
|
||||
}
|
||||
.suggestion:hover,
|
||||
.selected {
|
||||
background: #fff !important;
|
||||
}
|
||||
|
||||
.suggestion:hover,
|
||||
.selected {
|
||||
background: #FFF !important;
|
||||
}
|
||||
.remaining-amount-to-free-shipping-container {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.remaining-amount-to-free-shipping-container {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
a.cart-line-product-quantity-up,
|
||||
a.cart-line-product-quantity-down {
|
||||
height: 40px !important;
|
||||
width: 35px !important;
|
||||
border: 1px solid #d3d3d3 !important;
|
||||
margin-left: 3px;
|
||||
margin-right: 3px;
|
||||
background-size: 30% !important;
|
||||
}
|
||||
|
||||
a.cart-line-product-quantity-up,
|
||||
a.cart-line-product-quantity-down {
|
||||
height: 40px !important;
|
||||
width: 35px !important;
|
||||
border: 1px solid #d3d3d3 !important;
|
||||
margin-left: 3px;
|
||||
margin-right: 3px;
|
||||
background-size: 30% !important;
|
||||
}
|
||||
.delivery-options-list.shipping-selected {
|
||||
#select-widget {
|
||||
border: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.delivery-options-list.shipping-selected {
|
||||
#select-widget {
|
||||
border: 0 !important;
|
||||
}
|
||||
}
|
||||
.block-promo .promo-input-button .promo-input + button {
|
||||
flex-basis: auto;
|
||||
}
|
||||
|
||||
.block-promo .promo-input-button .promo-input+button {
|
||||
flex-basis: auto;
|
||||
}
|
||||
#thecheckout-newsletter {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
#thecheckout-newsletter {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.custom-checkbox input[type=checkbox]:checked+span .checkbox-checked {
|
||||
color: #ff0f1c;
|
||||
font-size: 20px;
|
||||
}
|
||||
.custom-checkbox input[type='checkbox']:checked + span .checkbox-checked {
|
||||
color: #ff0f1c;
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
body.compact-cart #tc-container .qty-container .qty-box {
|
||||
transform: none !important;
|
||||
margin-bottom: 5px;
|
||||
transform: none !important;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
#tc-container-mobile {
|
||||
.checkout-block {
|
||||
padding: 0 !important;
|
||||
}
|
||||
.checkout-block {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.card.cart-container {
|
||||
padding: 0 !important;
|
||||
}
|
||||
.card.cart-container {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.product-line-actions {
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
.product-line-actions {
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
|
||||
.product-line-price {
|
||||
display: none !important;
|
||||
}
|
||||
.product-line-price {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.cart-detailed-totals {
|
||||
background: #FFF !important;
|
||||
}
|
||||
.cart-detailed-totals {
|
||||
background: #fff !important;
|
||||
}
|
||||
|
||||
.card.cart-summary {
|
||||
padding: 0 !important;
|
||||
background: #FFF !important;
|
||||
}
|
||||
.card.cart-summary {
|
||||
padding: 0 !important;
|
||||
background: #fff !important;
|
||||
}
|
||||
|
||||
.delivery-options-list.shipping-selected {
|
||||
#select-widget {
|
||||
padding-left: 10px;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
.delivery-options-list.shipping-selected {
|
||||
#select-widget {
|
||||
padding-left: 10px;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
#promo-code {
|
||||
.promo-input-button {
|
||||
display: grid !important;
|
||||
grid-template-columns: 1fr !important;
|
||||
height: fit-content !important;
|
||||
}
|
||||
}
|
||||
#promo-code {
|
||||
.promo-input-button {
|
||||
display: grid !important;
|
||||
grid-template-columns: 1fr !important;
|
||||
height: fit-content !important;
|
||||
}
|
||||
}
|
||||
|
||||
.promo-code {
|
||||
form {
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
.promo-code {
|
||||
form {
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
body.compact-cart #tc-container .product-line-actions {
|
||||
flex-basis: auto;
|
||||
flex-basis: auto;
|
||||
}
|
||||
|
||||
.product-line-delete {
|
||||
.remove-from-cart {
|
||||
display: flex !important;
|
||||
height: 40px;
|
||||
width: 35px;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border: 1px solid #d3d3d3;
|
||||
}
|
||||
.remove-from-cart {
|
||||
display: flex !important;
|
||||
height: 40px;
|
||||
width: 35px;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border: 1px solid #d3d3d3;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.product-line-qty,
|
||||
.product-line-price,
|
||||
.product-line-delete {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.product-line-qty,
|
||||
.product-line-price,
|
||||
.product-line-delete {
|
||||
padding: 0 !important
|
||||
}
|
||||
|
||||
.product-line-body {
|
||||
padding-left: 5px !important;
|
||||
}
|
||||
.product-line-body {
|
||||
padding-left: 5px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.amenu-item .amenu-link {
|
||||
padding: 20px;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
@media (min-width: 767px) {
|
||||
.btn-search-open {
|
||||
display: none !important;
|
||||
}
|
||||
.btn-search-open {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.header-top {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
padding: 0 15px;
|
||||
max-width: 1920px;
|
||||
margin: auto;
|
||||
.header-top {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
padding: 0 15px;
|
||||
max-width: 1920px;
|
||||
margin: auto;
|
||||
|
||||
.navigation {
|
||||
width: 100%;
|
||||
.navigation {
|
||||
width: 100%;
|
||||
|
||||
.container {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
.container {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
|
||||
.anav-top {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
.anav-top {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#_desktop_logo {
|
||||
width: 300px;
|
||||
padding: 10px;
|
||||
#_desktop_logo {
|
||||
width: 300px;
|
||||
padding: 10px;
|
||||
|
||||
a {
|
||||
display: block;
|
||||
a {
|
||||
display: block;
|
||||
|
||||
.logo {
|
||||
max-height: unset !important;
|
||||
width: 100% !important;
|
||||
height: auto;
|
||||
max-width: 300px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
.logo {
|
||||
max-height: unset !important;
|
||||
width: 100% !important;
|
||||
height: auto;
|
||||
max-width: 300px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#_desktop_search_widget {
|
||||
width: calc(100% - 300px);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
#_desktop_search_widget {
|
||||
width: calc(100% - 300px);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
#search_widget {
|
||||
position: static;
|
||||
width: 100%;
|
||||
#search_widget {
|
||||
position: static;
|
||||
width: 100%;
|
||||
|
||||
form {
|
||||
position: static;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
width: 100%;
|
||||
form {
|
||||
position: static;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
width: 100%;
|
||||
|
||||
input[name="s"] {
|
||||
width: 100%;
|
||||
max-width: 600px;
|
||||
}
|
||||
input[name='s'] {
|
||||
width: 100%;
|
||||
max-width: 600px;
|
||||
}
|
||||
|
||||
button {
|
||||
position: static;
|
||||
background: #ff0f1c;
|
||||
display: flex;
|
||||
width: 48px;
|
||||
width: 48px;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
button {
|
||||
position: static;
|
||||
background: #ff0f1c;
|
||||
display: flex;
|
||||
width: 48px;
|
||||
width: 48px;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
i {
|
||||
color: #FFF !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
i {
|
||||
color: #fff !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.an_homeproducts-products {
|
||||
.products.owl-carousel {
|
||||
.owl-dots {
|
||||
display: none !important;
|
||||
}
|
||||
.products.owl-carousel {
|
||||
.owl-dots {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.owl-nav {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-top: 0;
|
||||
top: -35px;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
.owl-nav {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-top: 0;
|
||||
top: -35px;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
|
||||
>div {
|
||||
background: none;
|
||||
border-radius: 0;
|
||||
border: 1px solid #c8c8c8;
|
||||
height: 35px;
|
||||
width: 35px;
|
||||
}
|
||||
}
|
||||
}
|
||||
> div {
|
||||
background: none;
|
||||
border-radius: 0;
|
||||
border: 1px solid #c8c8c8;
|
||||
height: 35px;
|
||||
width: 35px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.js-an_homeproducts-block {
|
||||
margin-bottom: 25px !important;
|
||||
margin-bottom: 25px !important;
|
||||
}
|
||||
|
||||
body#product {
|
||||
.featured-products {
|
||||
>h2 {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
.featured-products {
|
||||
> h2 {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.form-control.alert {
|
||||
border: 1px solid #cc0000 !important;
|
||||
}
|
||||
border: 1px solid #cc0000 !important;
|
||||
}
|
||||
|
||||
.box_clothes_size {
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
line-height: 1.25;
|
||||
display: block;
|
||||
color: #000;
|
||||
font-size: 16px;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user