LED CSS plus scripty
<link rel="icon" type="image/png" href="https://www.ledgrowshop.eu/user/documents/upload/ledgrow favicon_black.png" />
<style>
#category-filter-hover > .filter-section:nth-child(4), #category-filter-hover > .filter-section:nth-child(5), #category-filter-hover > .filter-section:nth-child(6) {display:none;}
/* Skrytí 4, 5 a 6 filtru */
div#products .product .p-in { background: transparent !important; padding: 30px; min-height: 330px; padding: 10px !important; }
</style>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA_AXZjJ3eo2fr4GDikNRggmc-lD7tI5Xk &callback=myMap"></script>
<div id="google_translate_element"></div><script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en', includedLanguages: 'cs,da,de,el,es,fi,fr,ga,hr,hu,is,it,nl,pl,ro,ru,sk,tr', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<link href="https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700,800" rel="stylesheet">
<link rel="shortcut icon" href="https://www.ledgrowshop.eu/user/documents/upload/favicon.png" type="image/x-icon">
<link href="https://www.ledgrowshop.eu/user/documents/uploadxxx/ledgrowshop.css" rel="stylesheet" />
<style>
@font-face {
font-family: 'akrobatextrabold';
src: url('https://www.ledgrowshop.eu/user/documents/upload/font/akrobat-extrabold-webfont.woff2') format('woff2'),
url('https://www.ledgrowshop.eu/user/documents/upload/font/akrobat-extrabold-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
</style>
<style>
@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,500,700');
</style>
<style>
/* HP */
.in-index .products-block.products .p .name {
position: relative;
height: 80px;
}
.in-index .p-in-in a span {
width: 100%;
margin: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* LIST */
.type-category .products-block.products .p .name {
position: relative;
height: 90px !important;
}
.type-category div#products .p-in-in a span {
width: 100%;
margin: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* LIST */
.subcategories.with-image li a .image img {
background: transparent;
}
@media (min-width: 768px) {
#content h4.order-icon.order-information, #content h4.order-icon.order-delivery, #content h4.order-icon.order-payment, #content .box.box-sm.box-bg-default.co-box.co-contact-information > h4, #content .box.box-sm.box-bg-default > h4 {margin-left: 61px !important;text-align:left !important;font-size:28px !important;}
#content .order-summary-inner > h4 {font-size:28px !important;}
#content .cart-summary > h4 {font-size:28px !important;text-align:left !important;}
#content .cart-content.checkout-box-wrapper > h4 {font-size:28px !important;}
.box.co-box h4::before, .co-box h4::before {left: -60px !important;}
.box.box-sm.box-bg-default {padding-left: 0px !important;}
}
/*
@media (max-width: 768px) {
.list-product-banner > div:first-child {display:none;}
}
@media (min-width: 768px) {
.list-product-banner > div:nth-child(2) {display:none;}
}
#categories .topic a:hover,.box-bg-variant .categories a:hover {color: #fff;}
.subcategories.with-image li a {
background-image: url(https://www.ledgrowshop.eu/user/documents/upload/led_product_background.png);
background-position-y: -50px;
}
.client-center-box > ul > li > a {color:#fff !important;}
.custom-footer div:nth-child(7) {display:none;}
*/
</style>
<style>
@media (min-width: 768px) {
.navigation-in>ul>li:nth-child(8) a {background-color: #222;}
#header {background-image:url("https://www.ledgrowshop.eu/user/documents/upload/E-shop 2019/header_green.png");background-position: bottom; background-repeat: repeat-x;}
#navigation {height:53px;}
.navigation-in {height: 53px}
.navigation-in > ul, .menu-helper ul {height: 53px}
.navigation-in>ul>li {
height: 43px;
margin-top: 5px;
}
.menu-helper {margin-top:10px;}
.navigation-in>ul>li>a {
padding-top: 19px;
padding-bottom: 20px;
margin-top: -8px;
}
.navigation-in>ul>li>ul, .menu-helper>ul>li>ul {xxxmargin-top: 20px;}
.navigation-in ul li a b, .menu-helper ul li a b {color: #fff !important;}
.navigation-in ul li:hover a b, .menu-helper ul li:hover a b {color: #222 !important;}
.navigation-in ul li:nth-child(8):hover a b {color: #a3c243 !important;}
.menu-helper>span {height: 44px;}
}
/* Top menu */
.sidebar h4 {color: #a3c243 !important; font-weight: 600 !important;xxxbackground-color: #222222 !important;padding: 10px !important;}
.categories .topic>a {font-weight:600 !important;}
li.expanded li {background-color: #f5f5f5 !important;}
.categories li {padding: 3px !important;}
.categories .topic.active>a {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.categories .topic>a {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
#categories .expandable > a > span {top: 9px !important;}
#categories .expandable>.topic>a>span {top: 12px !important;}
.sidebar-inner>div:nth-child(1) {padding: 0px !important;}
.subcategories li a {border-color: #222; background-color: #222;}
.subcategories li a .text {color: #fff !important;}
.subcategories li a:hover .text {color: #a3c243;}
.subcategories li a::before {color: #a3c243;}
.homepage-box {
border-top: none;
border-bottom: none;
background-color: #fff !important;}
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: 0px;
padding-top: 0px;
}
.homepage-box {padding-top: 0px !important;}
.products-block.products .p .name {
font-size: 20px;
color: #222;
}
.products-block.products>div {
padding: 20px;
}
.flag.flag-action {background-color:#c243ac !important;}
.flag.flag-new {background-color:#a3c243 !important;}
.flag.flag-tip {background-color:#4391c2 !important;}
.flag.flag-discount {background-color:#c243ac !important;}
.flag.flag-freeshipping {background-color:#a3c243 !important;}
.h4.homepage-group-title {font-size: xx-large; font-weight: 600 !important;}
@media (max-width: 768px) {
.products-block.products .p .name {height:65px !important;}
}
#content.content.narrow {display:flex;flex-direction:column;}
.category-title {order: 1;}
.subcategories.with-image {order: 2;}
.category-perex {order: 3;}
#category-header {order: 4;}
#filters-wrapper {order: 5;}
#products {order: 6;}
.pagination-wrapper {order: 7;}
/* products, categories, stickers */
#footer {background-color: #f6f6f6;}
#footer>.container {background-color: transparent;}
.custom-footer {border-top: solid 3px #a3c243;}
#footer {background-image: url("https://www.ledgrowshop.eu/user/documents/upload/E-shop 2019/HP_category_background.png"); background-position: bottom right; background-repeat: no-repeat;}
@media (max-width: 768px) {
.custom-footer>div {
padding: 0px 25px;
}
}
/* Footer */
.shp-tabs-holder ul.shp-tabs li:nth-last-child(2) a, .shp-tabs-holder ul.shp-tabs li:nth-last-child(1) a {background-color: #222; color: #fff; border-top: solid 2px #a3c243;}
.shp-tabs-holder ul.shp-tabs li:nth-last-child(2) a:hover, .shp-tabs-holder ul.shp-tabs li:nth-last-child(1) a:hover {background-color: transparent; color: #a3c243; border-top: solid 2px #a3c243;}
.pay-widget.width100p {text-align: center;}
.pay-widget.width100p img {margin:5px;}
.goog-te-gadget-simple .goog-te-menu-value span {
margin-right: 5px !important;
border: 0px !important;
}
.goog-te-gadget-simple {
border: 0px !important;
}
#google_translate_element {
float: left !important;
margin-left: 10px !important;
}
.goog-te-gadget img {
display: none;
}
</style>
<script type="text/javascript">
jQuery(function ($) {
var config = {contentUrl: 'https://www.ledgrowshop.eu/code/led-categories/'};
if ($('.h4.homepage-group-title ~ .h4.homepage-group-title').length) {$.get(config.contentUrl, function (data) {$('.h4.homepage-group-title ~ .h4.homepage-group-title').prepend($(data).find('.news-item-detail .text').html()); }); } });
</script>
<script type="text/javascript">
jQuery(function ($) {
var config = {contentUrl: 'https://www.ledgrowshop.eu/code/led-footer/'};
if ($('#footer').length) {$.get(config.contentUrl, function (data) {$('#footer').prepend($(data).find('.news-item-detail .text').html()); }); } });
</script>
<script>
$('.xxxfacebook-widget').insertBefore('footer#footer');
</script>
<script>
$('div.category-perex').insertBefore('div.category-header');
</script>
<script>
$('.banners-footer .banner-footer + div').insertAfter('.content #products-25');
</script>
<script>
$('.banners-content .col-sm-4').addClass('col-sm-12');
</script>
<script>
$('.banners-content .col-sm-4').removeClass('col-sm-4');
</script>
<script>
$('.banners-content div + div').addClass('col-sm-12 kategorie-text-1');
</script>
<script>
$('.banners-content div + div').removeClass('col-sm-8');
</script>
<script>
$('.banners-content .kategorie-text-1').insertAfter('.content #products-19');
</script>
<script>
$('#google_translate_element').insertBefore('.top-navigation-contacts');
</script>
<script>
$('.basic-description').clone().insertAfter('.variant-table');
</script>
<script type="text/javascript">
$("#p-detail-tabs").length && ($("#p-detail-tabs").append('<li class="p-detail-tab"><a href="#shipping_and_return" class="p-detail-tab-link" role="tab" data-toggle="tab">Delivery</a></li>'), $("#tab-content").append('<div id="shipping_and_return" class="tab-pane fade" role="tabpanel" />'), $.ajax({type: "POST", url: "/shipping_and_return", success: function (a) { var t = $(a).find('#content article > div[itemprop="about"]'); null !== t && $("#shipping_and_return").html(t)}}));
</script>
<script type="text/javascript">
$("#p-detail-tabs").length && ($("#p-detail-tabs").append('<li class="p-detail-tab"><a href="#why_ledgrowshop" class="p-detail-tab-link" role="tab" data-toggle="tab">Why LedGrowShop?</a></li>'), $("#tab-content").append('<div id="why_ledgrowshop" class="tab-pane fade" role="tabpanel" />'), $.ajax({type: "POST", url: "/why_ledgrowshop", success: function (a) { var t = $(a).find('#content article > div[itemprop="about"]'); null !== t && $("#why_ledgrowshop").html(t)}}));
</script>
<script type="text/javascript">
function makeElementsFullWidth(){
const tclasses = '.kategorie-text-1,.kategorie-text-2';
$(tclasses).each( function(){ $(this).css({position:'relative',width:'100%'}); let tww = $(window).width(), tcw = $(this).outerWidth(); $(this).css({left:-(tww-tcw)/2,width:tww}); console.log(tww,tcw) } );
}
$(document).ready(function(){ makeElementsFullWidth(); });
$(window).on('resize',function(){ makeElementsFullWidth(); });
</script>
<script type="text/javascript">
function myMap() {
var mapCanvas = document.getElementById("map");
var mapOptions = {
center: new google.maps.LatLng(51.5, -0.2),
zoom: 10
};
var map = new google.maps.Map(mapCanvas, mapOptions);
}
</script>
<script>
$('.pay-widget').insertBefore('.container.footer-bottom');
</script>
<script>
$('.latest-contribution-wrapper .latest-contribution.latest-contribution-rating h2').insertBefore('.latest-contribution-wrapper');
</script>
<script>
$('.content-wrapper.homepage-box.welcome-wrapper').insertAfter('.in-index .wide-carousel');
</script>
<script>
$('xxx.list-kategory-widget').insertBefore('.content-wrapper.latest-contribution-box');
</script>
<script>
$('.type-detail .variant-table').insertAfter('.type-detail .product-top');
</script>
<script>
$('.type-category .slider-wrapper.filter-section-default').insertAfter('.type-category .sidebar-inner .box.box-bg-variant.box-categories');
</script>
<script>
$(document).ready(function(){
$('.copyright').html('2019 © <a class="color" href="https://www.ledgrowshop.eu/">LedGrowShop</a>. Graphics and code prepared <a class="color" href="http://www.izora.cz">ZORA solutions s.r.o.</a>'); });
</script>