Nandej CSS backup
<link href="/user/documents/upload/swiper.min.css" rel="stylesheet" />
<link href="https://www.nandej.cz/user/documents/upload/resources/Left_menu_icons.css" rel="stylesheet" />
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<style>
::-webkit-scrollbar {width: 0px;}
.wide-carousel {background-image: url("http://code.kubanavratil.com/user/documents/upload/resources 2019/Nandej concept/background_small.png"); background-repeat:no-repeat; background-size: contain; background-position: center center;
background-color: #000;}
.breadcrumbs.navigation-home-icon-wrapper {display: none;}
body::-webkit-scrollbar {height: 0px;}
.top-products-wrapper {display:none;}
.navigation-buttons>a, .navigation-buttons {border-color: #000;}
#header .site-name {margin-right: 30px;}
.p {border-color: #fff;}
.p-code {display: none !important;}
@media (min-width: 1200px) {
.shp-tabs-holder ul.shp-tabs li a {
padding-left: 20px;
padding-right: 20px;
font-size: 30px;
}
}
.product .p:hover, .product .p:hover {background-color: #000; border-color: #fff;}
.product .p:hover a, .product .p:hover .prices strong {color:#fff;}
.product .p:hover .btn.btn-cart {background-color: #fff; color: #000;}
.products-block .p {-webkit-transition: none; -o-transition: none; transition: none;}
.p-in-in span {font-size: 24px;font-weight: 600;}
.products-block .p .name:hover {text-decoration:none;}
.advanced-parameter-inner, .advanced-parameter-inner img {border-radius: 0px;}
.advanced-parameter-inner.yes-before {border-color: #000;}
.advanced-parameter-inner {
border: 1px solid #ffffff;
box-shadow: none;
}
@media (min-width: 992px) {
.content-wrapper-in > #content {width: calc(100% - 340px);}
.content-wrapper-in {flex-wrap: wrap;}
}
/*
.flags.flags-extra {
left: auto;
top: auto;
bottom: 0;
right: 0;
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
}
.flags-extra .flag {width: 75px; height: 75px;}
.flag-discount {margin-left:0px;}
.flags-extra .flag {border-radius: 0px;}
.flag.flag-action {background-color: #ed3819;}
.flag.flag-new {background-color: #0dda74;}
.flag.flag-tip {background-color: #017cd6;}
.flag.flag-freeshipping {background-color: #fff; border: solid 2px #000;}
.icon-van::before, .flag.flag-freeshipping .flag-text {color: #000;}
.flag.flag-discount {background-color: #000; border: solid 2px #000;}
.p-image-wrapper .flags-extra .flag {border-radius: 0 !important;}
.wide .p-detail .flags.flags-extra {bottom: 25px;}
*/
.carousel-btn {background-color: #fff; padding: 7px 20px; border: solid 1px #fff;}
.carousel-btn:hover {background-color: transparent; border: solid 1px #fff; color: #fff;}
.carousel-btn_inverted {background-color: #000; padding: 7px 20px; border: solid 1px #000; color: #fff;}
.carousel-btn_inverted:hover {background-color: #fff; border: solid 1px #fff; color: #000;}
@media (min-width: 992px) {
.next-to-carousel-banners {
margin-top: -50px;
}
}
.banner-wrapper {box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.33);}
@media (min-width: 992px) {
.navigation-in>ul>li {transition: background-color 0.5s ease-in-out;}
.navigation-in>ul>li:hover {background-color: #555;}
.navigation-in ul.menu-level-2 {
border-color: transparent;
top: auto;
width: 100%;
}
.navigation-in ul.menu-level-2 li {background-color: #000;transition: background-color 0.5s ease-in-out;}
.navigation-in ul.menu-level-2 li:hover {background-color: #222;}
.navigation-in ul.menu-level-2 li a {text-align: center;}
}
#footer {
background-color: #000;
border-top-color: #000;
}
#footer h4, #footer .footer-newsletter p, #footer a, .contact-box ul li>span::before, .copyright {color: #fff;}
#footer ul li::before {
border-color: #fff;
}
.footer-bottom, .footer-newsletter {
border-color: #222;
}
/* Footer */
.categories .topic > a, #categories .expandable.expanded > ul li a {
padding-top: 13px;
padding-bottom: 13px;
padding-left: 78px;
background: xffffff;
color: #444444;
font-size: 14px;
font-weight: 600;
border-bottom: 1px solid #fafafa;
border-top: 0;
background-position: 30px center;
background-repeat: no-repeat;
background-size: 30px auto;
}
.categories .topic > a:hover, .categories .topic.active>a:hover, .categories .topic.child-active>a:hover {background-color: #555; color: #fff; text-decoration: none !important;}
.categories .topic > a:hover svg, .categories .topic.active>a:hover svg {fill: #fff;}
.categories .topic.active>a, .categories .topic.child-active>a {background-color: #000; color: #fff; text-decoration: none;}
.sidebar-inner {padding-top:0px;}
#categories {margin-top:-19px;}
#categories .expandable > a:active > span, #categories .expandable>.topic>a:active>span {margin-top:auto;margin-bottom:auto;}
#categories .expandable.expanded > ul {background: #fff;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 > div:nth-child(even), #categories .expandable.expanded > ul li:nth-child(even) {background-color: #e9e9e9;}
#categories .expandable.expanded > ul li {width: calc(100% - 35px); margin-left:35px;}
/* Levé menu */
</style>
<style>
@import "lesshat";
.ba-slider {
position: relative;
overflow: hidden;
}
.ba-slider img {
width: 100%;
max-width:1440px !important;
display:block;
}
.resize {
position: absolute;
top:0;
left: 0;
height: 100%;
width: 50%;
overflow: hidden;
}
.handle { /* Thin line seperator */
position:absolute;
left:50%;
top:0;
bottom:0;
width:4px;
margin-left:-2px;
background: rgba(0,0,0,.5);
cursor: ew-resize;
}
.handle:after { /* Big orange knob */
position: absolute;
top: 50%;
width: 64px;
height: 64px;
margin: -32px 0 0 -32px;
content:'\2194';
color:white;
font-weight:bold;
font-size:36px;
text-align:center;
line-height:55px;
background: #000;
border:1px solid #000;
border-radius: 50%;
transition:all 0.3s ease;
}
.draggable:after {
width: 48px;
height: 48px;
margin: -24px 0 0 -24px;
line-height:38px;
font-size:30px;
}
</style>
<script src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/swiper.min.js' type="text/javascript"></script><script src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/swiper.min.js' type="text/javascript"></script><script src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/jquery.vide.js' type="text/javascript"></script>
<!-- Initialize Swiper --> <script> var swiper = new Swiper('.swiper-container', { effect: 'coverflow', grabCursor: true, centeredSlides: true, slidesPerView: 'auto', initialSlide : 3, coverflowEffect: { rotate: 30, stretch: 0, depth: 100, modifier: 1, slideShadows : true, }, pagination: { el: '.swiper-pagination', }, }); </script>
<script type="text/javascript">jQuery(function ($) {var config = {contentUrl: 'https://code.kubanavratil.com/code/nandej-menu/'};if ($('.row.banners-row').length) {$.get(config.contentUrl, function (data) {$('.row.banners-row').append($(data).find('.news-item-detail .text').html()); }); } });</script>
<script>$('#myBlock').vide('https://code.kubanavratil.com/user/documents/upload/resources 2019/full_screen_video.mp4');</script>
<script type="text/javascript">$( init ); function init() {// Přesune banner 1 nad detail produktu$('.content-wrapper-in').append( $('.shp-tabs-wrapper.p-detail-tabs-wrapper') );}</script>
<script type="text/javascript">$( init ); function init() {// Přesune banner 1 nad detail produktu$('#products').append( $('.cat_banner') );}</script>
<script>// Call & init$(document).ready(function(){ $('.ba-slider').each(function(){ var cur = $(this); // Adjust the slider var width = cur.width()+'px'; cur.find('.resize img').css('width', width); // Bind dragging events drags(cur.find('.handle'), cur.find('.resize'), cur); });});
// Update sliders on resize. // Because we all do this: i.imgur.com/YkbaV.gif$(window).resize(function(){ $('.ba-slider').each(function(){ var cur = $(this); var width = cur.width()+'px'; cur.find('.resize img').css('width', width); });});
function drags(dragElement, resizeElement, container) { // Initialize the dragging event on mousedown. dragElement.on('mousedown touchstart', function(e) { dragElement.addClass('draggable'); resizeElement.addClass('resizable'); // Check if it's a mouse or touch event and pass along the correct value var startX = (e.pageX) ? e.pageX : e.originalEvent.touches[0].pageX; // Get the initial position var dragWidth = dragElement.outerWidth(), posX = dragElement.offset().left + dragWidth - startX, containerOffset = container.offset().left, containerWidth = container.outerWidth(); // Set limits minLeft = containerOffset + 10; maxLeft = containerOffset + containerWidth - dragWidth - 10; // Calculate the dragging distance on mousemove. dragElement.parents().on("mousemove touchmove", function(e) { // Check if it's a mouse or touch event and pass along the correct value var moveX = (e.pageX) ? e.pageX : e.originalEvent.touches[0].pageX; leftValue = moveX + posX - dragWidth; // Prevent going off limits if ( leftValue < minLeft) { leftValue = minLeft; } else if (leftValue > maxLeft) { leftValue = maxLeft; } // Translate the handle's left value to masked divs width. widthValue = (leftValue + dragWidth/2 - containerOffset)*100/containerWidth+'%'; // Set the new values for the slider and the handle. // Bind mouseup events to stop dragging. $('.draggable').css('left', widthValue).on('mouseup touchend touchcancel', function () { $(this).removeClass('draggable'); resizeElement.removeClass('resizable'); }); $('.resizable').css('width', widthValue); }).on('mouseup touchend touchcancel', function(){ dragElement.removeClass('draggable'); resizeElement.removeClass('resizable'); }); e.preventDefault(); }).on('mouseup touchend touchcancel', function(e){ dragElement.removeClass('draggable'); resizeElement.removeClass('resizable'); });}
</script>