Národní export CSS backup
<link href="https://fonts.googleapis.com/css?family=EB+Garamond&display=swap" rel="stylesheet">
<style>
@media (max-width: 992px) and (max-width: 1200px) {
.menu-helper {margin-left: 30px;}
}
@media (max-width: 767px) {
.content-wrapper.container {
padding-left: 0px;
padding-right: 0px;
}
.kn_container {
padding-left: 10px;
padding-right: 10px;
}
#header .site-name a img {
max-height: 55px;
}
}
.carousel-inner>.item.active {text-align: center;}
@media (min-width: 992px) {
#header .container {min-height: 120px;}
.navigation-in ul li a b {font-size: 24px;}
#header .site-name a img {
max-height: 94px;
}
.container.navigation-wrapper .site-name {
flex-basis: 346px;
}
}
@font-face {
font-family: 'gobold_boldregular';
src: url('http://www.narodniexport.com/user/documents/upload/fonts/gobold_bold-webfont.woff2') format('woff2'),
url('http://www.narodniexport.com/user/documents/upload/fonts/gobold_bold-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
h1, h2, h3, .navigation-in ul li a b, .products-block .product .name, .menu-helper > ul > li a b, .news-item .text .title {
font-family: 'gobold_boldregular', sans serif !important;
font-weight:normal;
font-style:normal;
}
h2 {font-size: 42px;}
h3 {font-size: 28px;}
h4 {font-size: 24px;}
p {
font-family: 'EB Garamond', serif !important;
font-weight:normal;
font-style:normal;
}
.navigation-in ul li a b {color: #565a5b;}
.navigation-in ul li a b:hover {color: #910728;}
body {background-color: #fff;}
#header .site-name {margin-right: 30px;}
.navigation-buttons a[data-target="cart"], .navigation-buttons a[data-target="search"], .copyright, #footer .footer-left, .top-navigation-bar-right a.primary, .top-navigation-bar-right a.secondary, .top-navigation-bar-right strong, .breadcrumbs.navigation-home-icon-wrapper, .pagination-count, .project-phone span, .project-email span, .top-navigation-bar, .xxxmenu-helper.empty, .xxxnavigation-buttons {display: none;}
.menu-helper.empty {width:0px;}
@media (min-width: 992px) {
.navigation-in>ul>li:nth-child(5) a:before {content: "\2706"; font-size: 26px; color: #000;}
.navigation-in>ul>li:nth-child(5) a b, .navigation-in>ul>li:nth-child(6) a b {display:none;}
.navigation-in>ul>li:nth-child(6) a:before {content: "\2709"; font-size: 26px; color: #000;}
.container.navigation-wrapper .site-name {xxxflex-basis: 300px;}
}
@media (min-width: 1440px) {
.container.navigation-wrapper {width: 94%;}
}
@media (min-width: 768px) {
.content {padding: 0px !important;}
.welcome-wrapper {max-width: 100% !important; width:100% !important;}
#footer .footer-right {
width: 100%;
text-align: center;
}
}
@media (max-width: 768px) {
.container.navigation-wrapper .site-name {flex: 1 1 100px;}
#header .site-name { padding-top: 10px; margin-right: 30px;padding-bottom: 10px;}
}
.menu-level-2 > li > a {
padding-top: 13px !important;
padding-bottom: 13px !important;
padding-left: 60px !important;
background-position: 10px center;
background-repeat: no-repeat;
background-size: 30px 30px;
}
.menu-level-2 > li > a[href="/projects/project-iii/"]
{background-image:url("/user/documents/upload/absinthe_icon.png");}
.menu-level-2 > li > a[href="/projects/project-ii/"]
{background-image:url("/user/documents/upload/absinthe_icon.png");}
.menu-level-2 > li > a[href="/projects/absinthe/"]
{background-image:url("/user/documents/upload/absinthe_icon.png");}
@media (min-width: 1440px) {
.wide .welcome > div, .wide .desc {
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 992px) {
.fitted .navigation-in ul {
justify-content: flex-end;
}
}
#footer .footer-right {
text-align: center;
}
</style>
<style>
@import "compass/css3";
section {
background: #eee;
max-width: 600px;
margin: 0 auto;
padding: 20px;
overflow: hidden;
}
.module {
width: 100%;
background: white;
position: relative;
float: left;
}
.come-in {
transform: translateX(250px);
animation: come-in 0.8s ease forwards;
}
.come-in:nth-child(odd) {
animation-duration: 0.6s;
}
.already-visible {
transform: translateX(0);
animation: none;
}
@keyframes come-in {
to { transform: translateX(0); }
}
.img-responsive, .carousel-inner>.item>img, .carousel-inner>.item>a>img {width: 100%;}
</style>
<script type="text/javascript">
jQuery(function ($) {
var config = {contentUrl: 'https://www.bezvaplenky.cz/code/main-page-icons/'};
if ($('.pagination-wrapper').length) {$.get(config.contentUrl, function (data) {$('.pagination-wrapper').append($(data).find('.news-item-detail .text').html()); }); } });
</script>
<script>
(function($) {
/**
* Copyright 2012, Digital Fusion
* Licensed under the MIT license.
* http://teamdf.com/jquery-plugins/license/
*
* @author Sam Sehnert
* @desc A small plugin that checks whether elements are within
* the user visible viewport of a web browser.
* only accounts for vertical position, not horizontal.
*/
$.fn.visible = function(partial) {
var $t = $(this),
$w = $(window),
viewTop = $w.scrollTop(),
viewBottom = viewTop + $w.height(),
_top = $t.offset().top,
_bottom = _top + $t.height(),
compareTop = partial === true ? _bottom : _top,
compareBottom = partial === true ? _top : _bottom;
return ((compareBottom <= viewBottom) && (compareTop >= viewTop));
};
})(jQuery);
var win = $(window);
var allMods = $(".module");
allMods.each(function(i, el) {
var el = $(el);
if (el.visible(true)) {
el.addClass("already-visible");
}
});
win.scroll(function(event) {
allMods.each(function(i, el) {
var el = $(el);
if (el.visible(true)) {
el.addClass("come-in");
}
});
});
</script>
<script>
$('.kn_contact_form p:nth-child(2)').text('Do you have any questions or comments? We will be the most happy to get in touch with you.');
$('label[for=fullName]').text('Name and Company');
$('label[for=email]').text('Email address');
$('label[for=consents40]').text('By submitting your message you agree to our terms of privacy.');
</script>