FEATURES: changed layout according to what clients asked for, added binarity link into footer, some other small changes

This commit is contained in:
peter
2016-04-07 18:13:29 +02:00
parent 5116fedac0
commit b996ef493d
8 changed files with 80 additions and 109 deletions
@@ -0,0 +1,35 @@
window.addEventListener('load', function() {
var lightbox = new BLightBox({
invoker: '.b-invo',
close_text: 'Zavřít'
}, true);
var gallery_links = document.querySelectorAll('.b-invo'),
gallery_links_i = gallery_links.length;
});
$ (function () {
$ (document).foundation ();
});
function showResponsiveMenu() {
var menuHolder = document.getElementById('responsive-menu');
menuHolder.style.display="block";
menuHolder.style.height = document.documentElement.clientHeight + 'px';
menuHolder.style.height = window.innerHeight + 'px';
menuHolder.style.height = '100%;';
}
function hideResponsiveMenu() {
var menuHolder = document.getElementById('responsive-menu');
menuHolder.style.display="none";
}
window.onresize = function() {
if(window.innerWidth >= 1023) {
menuHolder.style.display="block";
menuHolder.style.height = "auto";
} else {
hideResponsiveMenu();
}
};
+9 -5
View File
@@ -1,9 +1,11 @@
@font-face {font-family: "Lobster"; src: url(fonts/lobster_1_4.woff);}
body,h1,h2,h3,h4,h5,h6, * {font-family: 'Ubuntu', sans-serif; color: #414042;}
a, a:link, a:hover {color: #46c1be; font-weight: 500;}
a:hover {text-decoration: underline;}
#binarity {width: 100%; display: block; opacity: 0.65; text-align: center; margin-bottom: 15px; font-size: 0.8rem;}
#binarity img {margin-left: 10px; margin-right: 5px; height: 18px; width: auto; position: relative; top: -2px;}
#binarity a, #binarity a:hover {color: #89a900;}
.m-t-25 {margin-top: 25px;}
.m-t-50 {margin-top: 50px;}
.m-b-25 {margin-bottom: 25px;}
@@ -28,6 +30,7 @@ a:hover {text-decoration: underline;}
.bold {font-weight: 700;}
.pointer {cursor: pointer;}
.has-tip {z-index: 1000}
.b-invo {cursor: pointer;}
[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"],
[type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea,
@@ -42,7 +45,8 @@ textarea, textarea:focus {height: 120px;}
color: #414042;
}
.subpages.column:last-child:not(:first-child), .subpages.columns:last-child:not(:first-child) { float: left;}
.subpages.column {float: none; display: inline-block;}
.subpages.column:last-child:not(:first-child), .subpages.columns:last-child:not(:first-child) { float: none;}
.top-bar {position: relative; top: 0; width: 100%;}
.top-bar.homepage {position: absolute; top: 0; width: 100%;}
@@ -102,7 +106,7 @@ img.thumbnail:focus, img.thumbnail:hover {box-shadow: none; border-color: #fffff
.sale-item-data p {margin: -5px auto 0; padding: 0 auto; text-align: center; font-size: 0.8rem;}
.sale-item-data p.price {margin-top: 10px; font-weight: 700; font-size: 0.9rem;}
.gallery-image-holder>img {width: 100%; height: 250px; border: 1px solid #414042;}
.gallery-image-holder>img {width: 100%; height: 250px; border: 1px solid #414042; border-radius: 50%;}
.gallery-image-holder {margin-bottom: 15px; height: 250px; position: relative; cursor: pointer;}
.gallery-image-holder.column:last-child:not(:first-child), .gallery-image-holder.columns:last-child:not(:first-child),
.product-category.column:last-child:not(:first-child), .product-category.columns:last-child:not(:first-child) {
@@ -249,4 +253,4 @@ footer a:hover {color: #46c1be !important;}
.b-lightbox-direction.previous{left:0}
.b-lightbox-direction:hover{background-color:rgba(242,242,242,0.1); text-decoration: none;}
.b-lightbox-direction:before{content:'';height:35%;display:block;width:100%;}
.b-lightbox-label{box-sizing:border-box;display:none;z-index:1015;background-color:rgba(70, 193, 190, 0.2);color:rgba(15,15,15,0.95);font-weight:500;position:absolute;padding:10px;font-size:13px;}
.b-lightbox-label{box-sizing:border-box;display:none;z-index:1015;background-color:rgba(70, 193, 190, 0.2);color:rgba(246,246,246,0.95);font-weight:500;position:absolute;padding:10px;font-size:13px;}