Sqvele CSS
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css"/>
<link rel="stylesheet" type="text/css" href="https://code.kubanavratil.com/user/documents/upload/res2022/Sqvele_main_2.css"/>
<style>
/* odkazuj na externí CSS do zaplacení faktury !!! */
.overall-wrapper {
max-width: 1920px;
margin: auto;
}
#header, #content-wrapper {max-width: 1760px; margin: auto;}
select, select.form-control, .select2-selection {background-image: url(/user/documents/upload/res2022/select_arrow_white.svg);}
/* uprav po konvertování */
.p-thumbnails a {
aspect-ratio: 0.75;
display: grid;
place-content: center;
overflow: hidden;
}
.wide .image360, .wide .p-image {
display: none !important;
}
.p-to-cart-block .add-to-cart-button.btn-conversion::before {display: none;}
.p-to-cart-block .add-to-cart-button, .btn.btn-default:hover, a.btn.btn-default:hover, .btn.btn-conversion:hover, a.btn.btn-conversion:hover, .btn.btn-cart:hover, a.btn.btn-cart:hover {box-shadow: 0 0 30px #0000001c;}
.p-final-price-wrapper>strong {font-weight: 900;}
.products-block > div .p .p-bottom > div .p-tools .btn, .products-block > div .p .p-bottom > div .p-tools .btn.btn-cart {
width: auto;
min-width: unset;
padding: 8px 24px;
}
.category-appendix {
display: block;
}
#signature a {
display: block;
}
.p-param-block {display: none;}
@media (min-width: 992px) and (max-width: 1240px) {
.wide .p-final-price-wrapper {width: 100%; padding: 20px 0;}
.p-to-cart-block {flex-wrap: wrap;}
.p-variants-block table.detail-parameters tbody tr th {min-width: 130px;}
}
@media (min-width: 768px) and (max-width: 991px) {
.p-thumbnails {max-height: 60vw;}
}
@media (max-width: 991px) {
.p-detail-inner-header {background: #fff;}
.p-detail-inner .p-data-wrapper {display: flex;flex-direction: column;}
.p-data-wrapper .row {order: -99;}
.p-detail-inner-header {margin: 0;width: 100%;padding: 0;}
}
@media (max-width: 768px) {
.p-thumbnails a {
pointer-events: all;
}
.p-detail-inner {padding: 0 20px 20px;box-shadow: 0 0 30px #0000001c;}
.wide .image360, .wide .p-image {
display: block !important;
position: unset;
transform: none;
padding-bottom: 0;
}
.p-thumbnails {max-height: 30vw;}
}
.type-product .tab-content>.tab-pane:last-child {
border-bottom: solid 1px #fff;
}
@media (min-width: 1440px) {
.wide .p-detail-tabs-wrapper {max-width: 1440px;}
}
/* uprav detail pod 991px, pridej cervene saty do kosiku a uprav */
.homepage-group-title {
margin: 30px 20px 30px;
}
/* OK traktory - popisky kategorií */
html {scroll-behavior: smooth;}
.category-perex:not(#bottom_perex) {display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;}
.category-perex + .read_more {text-decoration: underline;}
.category-perex + .read_more:hover {color: #367c2b;}
/*
#parameter-id-5 .parameter-value {
display: block;
text-align: center;
font-family: "Montserrat", sans-serif !important;
margin-top: -82px;
position: relative;
width: 82px;
height: 82px;
font-size: 16px;
line-height: 82px;
font-weight: 600;
}
#parameter-id-5 .advanced-parameter-inner {
width: 82px;
height: 82px;
border-radius: 7px;
}
#parameter-id-5 .advanced-parameter {
width: 82px;
height: 82px;
border-radius: 0%;
}
#parameter-id-5 .advanced-parameter-inner.yes-before,
#parameter-id-5 .advanced-parameter:hover .advanced-parameter-inner {
border: solid 1px #4a783c;
background-color: #f5f7f4 !important;
color: #4a783c;
}
#parameter-id-5 .advanced-parameter-inner.yes-before::before {
display: none;
}
#parameter-id-5 .advanced-parameter-inner.yes-before + input + .parameter-value,
#parameter-id-5
.advanced-parameter:hover
.advanced-parameter-inner
+ input
+ .parameter-value {
color: #4a783c;
}
*/
.p-thumbnails a img {
transform: scale(1); mix-blend-mode: darken;
}
.p-thumbnails a {
background: #f1f1f1;
}
@media (min-width: 1440px) {
.p-detail-inner .p-data-wrapper {margin-left: 0px;}
}
</style>