Špunti CSS + Scripts
<link href="https://www.spuntivbezpeci.cz/user/documents/upload/res/left_menu.css" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Quicksand&display=swap" rel="stylesheet">
<style>
#manufacturer-filter {display: none;}
body.ordering-process {
background-color: #ffffff;
}
@media (min-width: 768px) {
.header-top {
padding-top: 8px;
padding-bottom: 8px;
}
}
@media (min-width: 992px) {
.navigation-buttons {margin-bottom: -45px;}
.banner-wrapper.banner10 {
position: relative;
right: -90px;
top: -34px;
width: 170px;
}
}
#header .site-name a img {height: 60px !important; max-height: 60px !important;}
.subcategories li a {color: #444; font-weight: 600;}
.top-navigation-bar a {font-size: 14px; font-weight: 600; color: #444444; text-transform: none;}
@media (min-width: 768px) {
.top-navigation-tools, .top-navigation-contacts {display: none !important;}
}
@media (max-width: 768px) {
.responsive-tools {padding-top: 7px;padding-bottom: 7px;}
.navigation-window-visible #navigation {width: 100%;}
.responsive-tools>a[data-target="search"]::after {content: 'Hledat';}
.responsive-tools>a[data-target="login"]::after {content: 'Login';}
.navigation-buttons a[data-target="cart"]::after {content: 'Košík';}
.responsive-tools>a[data-target="navigation"]::after {content: 'MENU';}
.navigation-buttons > a[data-target="cart"] i {background-color: #00a6e2;}
.responsive-tools>a[data-target="search"]::after, .responsive-tools>a[data-target="login"]::after, .responsive-tools>a[data-target="navigation"]::after {font-size: 10px;font-family: 'Nunito',sans-serif !important;}
.btn.btn-icon.toggle-window.cart-count {right: 20px !important;}
.navigation-buttons a[data-target="cart"]::after {content: 'Košík'; position: relative; left: -51px; top: 26px; font-size: 10px; color: #b2b2b2;text-transform: none;font-family: 'Nunito',sans-serif !important;}
.top-navigation-bar a, .top-navigation-bar .dropdown button, .navigation-buttons a[data-target="cart"]::after {
color: #666;
font-weight: 600;
}
.navigation-in ul li a b {
font-weight: 600;
font-size: 18px;
color: #00a6e2;
}
.navigation-in ul li a {
padding-top: 1.75rem;
padding-bottom: 1.75rem;
padding-left: 75px;
}
.responsive-tools>a[data-target="navigation"]::before {background-color: #00a6e2;}
.navigation-in.menu > ul > li > a {
background-position: 30px center;
background-repeat: no-repeat;
background-size: 30px 30px;
}
.products-block>div {width:50%;}
.p-desc, .p-code, .ratings-wrapper {display: none !important;}
.p-tools {margin-top: 10px;}
.flags-extra .flag {width: 55px; height: 55px;}
.products-block>div {border-top-style: none;}
.h1.advanced-order-suggestion, .advanced-order > #products {display: none;}
}
/* Mobile version */
h1, h2, h3, h4 {
xxxfont-family: 'Quicksand', 'Muli', sans-serif !important;
font-weight: 700;
font-style: normal;
}
#dklabDopravaBanner {background: transparent !important; border-radius: 5px;padding:5px;}
#dklabDopravaBanner svg {fill: #e5097f !important;}
#dklabDopravaBanner p {color: #00a6e2 !important; font-size: 18px; font-weight: 600 !important;}
/* DK DZ banner */
@media (min-width: 992px) {
#header, .sticky-mobile:not(.ordering-process) #header {
background-color: #f2f3f5 !important;
border-bottom: solid 1px #e7e8e9;
background-image: url("https://www.spuntivbezpeci.cz/user/documents/upload/res/header_background.png") !important;
background-position: bottom !important;
background-repeat: repeat-x !important;
}
.menu-helper::after, .menu-trigger::after {
background-color: transparent;
}
.navigation-in ul.menu-level-2 {border-left: solid 1px #e1e1e1; border-right: solid 1px #e1e1e1;}
}
.navigation-in ul li:hover a b, .btn.cart-count::before, a.btn.cart-count::before {color: #e5097f;}
/* Header + menu */
.categories .topic > a {
padding-top: 13px;
padding-bottom: 13px;
padding-left: 78px;
background: xffffff;
color: #444444;
font-size: 14px;
font-weight: 600;
border: 1px solid #e1e1e1;
border-top: 0;
background-position: 30px center;
background-repeat: no-repeat;
background-size: 30px 30px;
}
.sidebar {background-color:#f7f7f7;}
.sidebar-inner {padding-top:0px;}
#categories {margin-top:-19px;}
.categories .topic.child-active>a {background-color:#e5097f ;color:#ffffff;}
#categories .expandable > a:active > span, #categories .expandable>.topic>a:active>span {margin-top:auto;margin-bottom:auto;}
#categories .expandable.expanded > ul {background: #eeeeee;margin-bottom:0px;}
#categories .expandable > a > span::before, #categories .expandable>.topic>a>span::before {font-size:10px;font-weight:400;}
#categories .expandable.active.expanded>.topic>a>span {color:white;}
.categories a {padding-top:7px;padding-bottom:4px;}
#categories .expandable > a > span, #categories .expandable>.topic>a>span {top:17px;}
#categories ul .expandable .cat-trigger {top:9px;}
.box.box-bg-variant.box-categories > h4 {margin-bottom: 35px;}
.categories:hover {background-color: #e5097f;}
.categories:hover .topic > a, .categories:hover .topic.active>a, #categories:hover .expandable>.topic>a>span {color: #fff;}
ol.top-products li:nth-child(6), ol.top-products li:nth-child(7), ol.top-products li:nth-child(8), ol.top-products li:nth-child(9), ol.top-products li:nth-child(10) {display: none;}
/* Levé menu */
@media (min-width: 992px) {
.carousel-control::before {background-color: #00a6e2;}
.row.banners-row {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
flex-direction:row;flex-wrap:wrap;justify-content:space-between;}
.row.banners-row > .col-sm-8, .row.banners-row > .col-sm-4 {width: 100%;}
.next-to-carousel-banners {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
flex-direction:row;flex-wrap:wrap;justify-content:space-between;}
.next-to-carousel-banners > .banner-wrapper {width:49%;margin-top: 9px;}
.banner-wrapper a img, .carousel-inner>.item>img, .carousel-inner>.item>a>img, .footer-banner.col-sm-12.col-lg-4 > img {border-radius: 5px;}
.footer-banner.col-sm-12.col-lg-4 {padding-right: 0px !important;}
.footer-banners {margin-top: 9px;}
}
/* Carousel + banners */
@media (min-width: 1200px) {
.products-block>div {width: 25%;}
.products-block>div:nth-child(3n) {border-right-style: solid;}
.products-block>div:nth-child(4n) {border-right-style: none;}
.products-block>div:nth-child(4) {border-top-style: none;}
}
/* Categories */
#footer h4 {font-family: inherit !important;}
/**/
/**/
/**/
.btn, a.btn {border-radius:5px;}
</style>
<script>
var select=document.querySelector("div.site-name a img");
select.id = "spuntisvg";
document.getElementById("spuntisvg").src="https://www.spuntivbezpeci.cz/user/documents/upload/res/icons/spunti web logo.svg";
</script>
<script type="text/javascript">
jQuery(function ($) {
var config = {contentUrl: 'https://www.spuntivbezpeci.cz/code/mobile-categories/'};
if ($('.row.banners-row').length) {$.get(config.contentUrl, function (data) {$('.row.banners-row').append($(data).find('.news-item-detail .text').html()); }); } });
</script>
<script type="text/javascript">
jQuery(function ($) {
var config = {contentUrl: 'https://www.spuntivbezpeci.cz/code/detail-benefits/'};
if ($('.col-xs-12.col-lg-6.p-info-wrapper > .p-short-description').length) {$.get(config.contentUrl, function (data) {$('.col-xs-12.col-lg-6.p-info-wrapper > .p-short-description').append($(data).find('.news-item-detail .text').html()); }); } });
</script>
<script>
function myFunction(x) {
if (x.matches) { // If media query matches
$('.xxxsite-name').append( $('.banner-wrapper.banner10') );
} else {
$('.navigation-buttons').append( $('.banner-wrapper.banner10') );
}
}
var x = window.matchMedia("(max-width: 992px)")
myFunction(x) // Call listener function at run time
x.addListener(myFunction) // Attach listener function on state changes
</script>
<script>
$('.delivery-time-label').text('U vás:');
$('.top-products-wrapper h4 > span').text('TOP 5 produktů');
$('.co-box.co-billing-address > .box.box-sm.box-bg-default > h4').text('Vaše adresa');
$('.box.box-sm.box-bg-default.co-box.co-contact-information > div > div > .btn.btn-secondary').text('Chci se přihlásit');
$('.box.box-sm.box-bg-default.co-box.co-contact-information > div > label[for=email]').text('Váš email');
$('.box.box-sm.box-bg-default.co-box.co-contact-information > div > label[for=phone]').text('Váš telefon');
</script>