From 8d9a7816c9356511ca53fa87dbf93f2c3c9c88e7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Martin=20Micha=CC=81lek?= Date: Wed, 27 Feb 2019 08:25:56 +0100 Subject: [PATCH 1/2] Uprave na skoleni --- scss/components-new/_inline-list.scss | 69 +++++ scss/components-new/_list-item.scss | 91 ++++++ scss/components-new/_price.scss | 38 +++ scss/helpers/_helpers.scss | 419 ++++++++++++++++++++++++++ scss/mixins/_mixins.scss | 116 +++++++ 5 files changed, 733 insertions(+) create mode 100644 scss/components-new/_inline-list.scss create mode 100644 scss/components-new/_list-item.scss create mode 100644 scss/components-new/_price.scss create mode 100644 scss/helpers/_helpers.scss create mode 100644 scss/mixins/_mixins.scss diff --git a/scss/components-new/_inline-list.scss b/scss/components-new/_inline-list.scss new file mode 100644 index 0000000..d5a34e7 --- /dev/null +++ b/scss/components-new/_inline-list.scss @@ -0,0 +1,69 @@ +/* + Inline list + =========== +*/ + +// - seznam polozek v bublinach - napr. staty + +.inline-list { + margin-bottom: 12px; + margin-left: 23px; + line-height: 36px; + text-align: center; + + &__heading { + font-style: 36px; + + // Schovano pred screen readery + &--invisible { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; + } + } + + &__item { + display: inline-block; + padding: 4px 8px; + margin-bottom: 8px; + white-space: nowrap; + border: 1px solid #ccc; + border-radius: 5px; + background-color: transparent; + + &-icon { + display: inline-block; + padding: 5px; + border-radius: 5px; + background: $color-beta; + } + + &--two-stars, + &--three-stars { + font-weight: bold; + + // TODO + // .inline-list--large-items .inline-list__item--two-stars, + // .inline-list--large-items .inline-list__item--three-stars { … } + } + + &--no-margin-bottom { + margin-bottom: 0; + } + + &.active, + &:hover, + &:focus, + &:active { + text-decoration: underline; + border: 1px solid #ddd; + background-color: #eee; + cursor: pointer; + } + } +} diff --git a/scss/components-new/_list-item.scss b/scss/components-new/_list-item.scss new file mode 100644 index 0000000..2fe02ea --- /dev/null +++ b/scss/components-new/_list-item.scss @@ -0,0 +1,91 @@ +/* @define list-item; weak + +# Komponenta Velka polozka seznamu + +Napr. seznamy ubytovatelu, pobytu, last-minute atd. + +*/ + +.list-item { + display: flex; + box-sizing: border-box; + padding: ($base-line-height / 2); + margin-bottom: $base-line-height; + color: $color-grey-2; + border: 1px solid transparent; // viz .list-item--active + + @media #{$large-start} { + display: block; + width: calc(#{percentage(1 / 3)} - (2 * #{$gutter}) / 3); // Tretina minus dva guttery + } +} + +// Obrazek + +.list-item__image { + width: percentage(1 / 3); + margin-right: $gutter; + + a, + &-img { + display: block; + } + + @media #{$large-start} { + width: auto; + margin-right: 0; + margin-bottom: ($base-line-height / 2); + } +} + +// Textovy obsah + +.list-item__content { + position: relative; // viz .price + width: calc(#{percentage(2 / 3)} - #{$gutter}); + + @media #{$large-start} { + width: auto; + } + + p { + margin-bottom: 0; + } + + &-heading { + margin-bottom: ($base-line-height / 2); + font-size: $larger-font-size; + } +} + +// Varianta s rameckem + +.list-item--bordered { + border: 1px solid #ddd; +} + +// Aktivni stavy + +.list-item { + &--active, + &:hover, + &:focus, + &:active { + color: #333; + border: 1px solid #ddd; + background-color: #eee; + cursor: pointer; + + h2 a { + text-decoration: underline; + color: darken($color-alpha, 20%); + } + + // Funkcnost s povolenym JS + + // postcss-bem-linter: ignore + .js & { + background-color: #dedede; + } + } +} diff --git a/scss/components-new/_price.scss b/scss/components-new/_price.scss new file mode 100644 index 0000000..20563b8 --- /dev/null +++ b/scss/components-new/_price.scss @@ -0,0 +1,38 @@ +/* + +Ceny - velke "cenovky" +====================== + +- potrebuje jako rodice utilitu .p-r + +*/ + +$price-corner-margin: 2px; +$price-big-height: (2* $padding-y) + $base-line-height; + +.price { + display: inline-block; + width: auto; + color: #444; + + strong { + font-weight: normal; + color: #888; + } +} + +.price--big { + padding: $padding-y $padding-x; + margin: 0 0 $base-line-height 0; + background-color: #ddd; +} + +// Umisteni v komponente TODO + +.list-item .price { + @media #{$large-start} { + position: absolute; + top: (-1 * ($price-big-height + $price-corner-margin + $base-line-height / 2)); + right: $price-corner-margin; + } +} diff --git a/scss/helpers/_helpers.scss b/scss/helpers/_helpers.scss new file mode 100644 index 0000000..d133351 --- /dev/null +++ b/scss/helpers/_helpers.scss @@ -0,0 +1,419 @@ +/* + +Helpery +======= + +*/ + +// Clearfix +// -------- +// For clearing floats like a boss h5bp.com/q +.clearfix { + *zoom: 1; + &:before, + &:after { + display: table; + content: ""; + // Fixes Opera/contenteditable bug: + // http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952 + line-height: 0; + } + &:after { + clear: both; + } +} + +.margin_bottom { + margin-bottom: 18px; +} + +.container .margin_bottom_half { + margin-bottom: 9px; +} + +.container .margin_bottom_double { + margin-bottom: 36px; +} + +.without_margin_bottom { + margin-bottom: 0; +} + +.margin_top_negative { + margin-top: -18px; +} + +.container .margin_top { + margin-top: 18px; +} + +.container .margin_top_double { + margin-top: 36px; +} + +.margin_top_half { + margin-top: 9px; +} + +.desktop_only { + display: none !important; + + @media #{$large-start} { + display: block !important; + } +} + +.dumb_only { + display: none !important; +} + +.center, +.text-center { + text-align: center; +} + +.right { + text-align: right; +} + +.left { + text-align: left; +} + +.clear_both { + clear: both; +} + +.block_center { + margin-left: auto !important; + margin-right: auto !important; + float: none !important; +} + +.suppress { + opacity: 0.5; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + filter: alpha(opacity=50); +} + +.float_right { + float: right; +} + +.float_left { + float: left; +} + +.last { + @media #{$large-start} { + margin-right: 0 !important; + } +} + +// Textovy blok trochu vice odsazeny (napr. anotace ve vypoctu tabulku) +.tabbed_text { + padding-left: 15px; + padding-right: 45px; +} + +// TODO +.small { + font-size: 11px; + line-height: 13px; + color: #999; + + a { + color: #999; + text-decoration: underline; + + &:hover, + &:focus, + &:active { + color: #666; + } + } +} + +// Schovavani obsahu, ktery ma zustat viditelny cteckam a vyhledavacum +// See: http://a11yproject.com/posts/how-to-hide-content/ + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + margin: -1px; + padding: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; +} + +// Z old_layout.less +// ----------------- + +// TODO co potrebujeme? + +.floatLeft50 { + float: left; + width: 48%; +} + +.floatRight50 { + float: right; + width: 48%; +} + +.clearBothZero, +.clear_zero { + display: block; + clear: both; + font-size: 1px; + line-height: 1px; + height: 1px; +} + +.marginBottom3 { + margin-bottom: 3em; +} + +.marginBottom1half { + margin-bottom: 1.5em; +} + +.marginRight15 { + margin-right: 15px; +} + +.floatLeft { + float: left; +} + +.floatRight { + float: right; +} + +.displayNone { + display: none; +} + +.marginTopNo { + margin-top: 0; +} + +.sideOne .marginTopNo { + margin-top: -1.5em; +} + +.alignLeft { + text-align: left; +} + +.alignRight { + text-align: right; +} + +.alignCenter { + text-align: center; +} + +.alignMiddle { + vertical-align: middle; +} + +.required { + font-size: 1.2em; + font-weight: bold; + color: #f60; +} + +p.submit { + text-align: right; +} + +.big { + font-size: 1.5em; + font-weight: bold; + vertical-align: middle; +} + +.fontSmall { + font-size: 0.5em; + font-weight: normal; +} + +small.fontSmall { + font-size: 0.6em; + font-weight: normal; +} + +table.fontSmall td, +table.fontSmall th { + font-size: 1.4em; + font-weight: normal; +} + +.clearBoth { + clear: both; +} + +.container .alignRight { + text-align: right; +} + +.container .alignLeft { + text-align: left; +} + +.container .alignCenter { + text-align: center; +} + +.testRed { + border: 1px solid red; +} + +.displayInline { + display: inline; +} + +.displayNone { + display: none; +} + +.hide { + display: none; +} + +// Nove helpery (verze 2012) +// Presunout do noveho layoutu (if newlayout TODO) + +.width100 { + width: 100%; +} + +.width50 { + width: 50%; +} + +.display_block { + display: block; +} + +// Presunuto z new_layout.less +// --------------------------- + +// Cosi jako komponenty, jen moc male +// TODO refaktor - je spise znamenim, ze maji byt soucasti nadrazeni komponenty + +// Odkaz "Vice..." + +.more_link { + margin: 2em 0; + text-align: center; +} + +// Velky nahled ubytovatele +// (v detailu LM/FM - s nazvem, anotaci, fotkami a vybavenim) + +.accommodation_big_item { + margin-bottom: 36px; +} + +// Unveil.js lazyloading + +.unveil { + opacity: 0; + transition: opacity 0.5s ease-in; +} + +// Odkaz na vice informaci + +.more_info { + color: #666; +} + +// Legenda - popisek k necemu, asi hlavne hvezdy + +.legend { + color: #999; + text-align: right; +} + +// Podobne polozky - treba souvisejici ubytovatele + +.similar_items { + margin-top: 54px; +} + +// Velka mapa oblasti nebo okoli + +#map_container { + margin: -35px -8px 27px -30px; + width: auto; + height: 562px; // 1000x562px +} + +#mapa_okoli { + margin-top: 8px; +} + +#subdivisions { + max-width: 940px; + margin-bottom: 36px; +} + +// Seznam obci v oblasti nebo seznam oblasti ve statu + +#subdivisions h3 { + margin-bottom: 9px; + border-bottom: 1px solid #ccc; +} + +// Odkaz na fotogalerii z Flickru + +.more_photos a { + border-top: 1px solid #ccc; + border-bottom: 1px solid #ccc; + margin-left: 0; + padding-left: 0; + padding: 5px 7px; + display: block; +} + +.more_photos a:hover, +.more_photos a:focus, +.more_photos a:active { + background-color: #eee; + cursor: pointer; +} + +// Ohraniceni form prvku +input.input--border { + border: 1px solid #000; +} + +textarea.textarea--border { + border: 1px solid #000; +} + +// Utilita + +.bb-0 { + border-bottom: 0; +} + +.p-r { + position: relative; +} + +.d-f { + display: flex; +} + +.fw-w { + flex-wrap: wrap; +} + +.jc-sb { + justify-content: space-between; +} diff --git a/scss/mixins/_mixins.scss b/scss/mixins/_mixins.scss new file mode 100644 index 0000000..42d26b1 --- /dev/null +++ b/scss/mixins/_mixins.scss @@ -0,0 +1,116 @@ +// +// Mixins +// -------------------------------------------------- + +@mixin clearfix() { + *zoom: 1; + &:before, &:after { + display: table; + content: ""; + // Fixes Opera/contenteditable bug: + // http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952 + line-height: 0; + } + &:after { + clear: both; + } +} + +// Font-size mixin +// --------------- + +@mixin fs($font-size) { + font-size: $font-size; + line-height: 1.4 * $font-size; +} + + +// Webkit-style focus +// ------------------ + +@mixin tab-focus() { + // Default + outline: thin dotted #333; + // Webkit + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} + +// Center-align a block level element +// ---------------------------------- + +@mixin center-block() { + display: block; + margin-left: auto; + margin-right: auto; +} + +// Sizing shortcuts +// ------------------------- +@mixin size($height, $width) { + width: $width; + height: $height; +} + +@mixin square($size) { + @include size($size, $size); +} + +// Placeholder text +// ------------------------- +@mixin placeholder($color) { + &:-moz-placeholder { + color: $color; + } + &:-ms-input-placeholder { + color: $color; + } + &::-webkit-input-placeholder { + color: $color; + } +} + +// Text overflow +// ------------------------- +// Requires inline-block or block for proper styling +@mixin text-overflow() { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +// CSS image replacement +// ------------------------- +// Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757 +@mixin hide-text { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + + +// Mixin pro bílý text uvnitř elementu +// ----------------------------------- +// Používáme např. v .out-of-box--blur + +@mixin out-of-box-white-text() { + + &, + h1, + h2 { + color: #fff; + } + + a { + color: #fff; + text-decoration: underline; + + &:hover, + &:focus, + &:active { + color: #fff; + } + } +} From ace116dc727b3ae48f376137dc44713d4a586e86 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Martin=20Micha=CC=81lek?= Date: Wed, 27 Feb 2019 08:28:50 +0100 Subject: [PATCH 2/2] Zmenene soubory --- Gruntfile.js | 10 +- css/style.css | 2628 +++++++++++++------------ css/style.css.map | 2 +- index__bem.html | 26 +- js/rekrea-footer.js | 2559 +++++++++++++++++------- package-lock.json | 105 - scss/base/_body.scss | 1 - scss/base/_helpers.scss | 395 ---- scss/base/_reset.scss | 8 +- scss/base/_typo.scss | 30 +- scss/components/_content_head.scss | 2 +- scss/components/_fancybox.scss | 4 +- scss/components/_flag.scss | 29 +- scss/components/_foot.scss | 8 +- scss/components/_form.scss | 97 +- scss/components/_freestyle_grid.scss | 4 +- scss/components/_inline-list.scss | 67 - scss/components/_list-item.scss | 136 -- scss/components/_price.scss | 7 - scss/components/_sister-websites.scss | 46 +- scss/components/_site_logo.scss | 10 +- scss/components/_site_nav.scss | 18 +- scss/components/_text.scss | 39 +- scss/components/page/_about.scss | 32 +- scss/components/page/_slovnik.scss | 31 +- scss/index.scss | 23 +- scss/layout/_container.scss | 2 + scss/layout/_layout.scss | 90 +- scss/lib/_mixins.scss | 116 -- scss/themes/_dark.scss | 9 +- scss/variables/_variables.scss | 42 +- 31 files changed, 3465 insertions(+), 3111 deletions(-) delete mode 100644 scss/base/_helpers.scss delete mode 100644 scss/components/_inline-list.scss delete mode 100644 scss/components/_list-item.scss delete mode 100644 scss/components/_price.scss delete mode 100644 scss/lib/_mixins.scss diff --git a/Gruntfile.js b/Gruntfile.js index e826c6d..e40b4fc 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -1,16 +1,14 @@ module.exports = function(grunt) { - - const sass = require('node-sass'); + const sass = require("node-sass"); // Nacteme vsechny grunt tasky a urychlime srandu require("jit-grunt")(grunt); grunt.initConfig({ - sass: { options: { - implementation: sass, - sourceMap: true + implementation: sass, + sourceMap: true }, default: { files: { @@ -56,7 +54,7 @@ module.exports = function(grunt) { options: { syntax: "scss" }, - src: ["scss/**/*.scss"] + src: ["scss/components-new/**/*.scss"] }, watch: { diff --git a/css/style.css b/css/style.css index 8fba9ef..66bb576 100644 --- a/css/style.css +++ b/css/style.css @@ -1,1581 +1,1605 @@ @charset "UTF-8"; /* - Stylopis pro Fancygallery (prototyp) - Knihovna pro zobrazovani galerii obrazku. - Verze z 20. 10. 2011 - Autor: Martin Michalek, michalek@shortcat.cz - - Obsah: - 1) jquery.fancybox.mod_shortcat.css Shortcat vzhled FancyBoxu - 2) jquery.jcarousel.css Zakladni stylopis pro jCarousel - 3) jquery.jcarousel.skin.shortcat.css Shortcat vizual pro jCarousel - 4) fancygallery.css Styly pro FancyGallery, ktere neobsahuje Fancybox Shortcat mod - - Z-indexy: - 1110 #fancybox-loading, #fancybox-thumbnails .jcarousel-item .hover-image (FB Gallery mouseover) - 1109 #fancybox-inner:hover (Hover nad obrazkem) - 1108 #fancybox-thumbnails (FB Gallery lista s thumbnaily) - 1108 #fancybox-close - 1107 #fancybox-left, #fancybox-right, #fancybox-left-ico, #fancybox-right-ico - 1102 #fancybox-title - 1101 #fancybox-wrap - 1100 #fancybox-overlay +Reset +===== */ -/* ================================================================= - 1) jquery.fancybox.mod_shortcat.css - Shortcat vzhled FancyBoxu -*/ -/* - * FancyBox - jQuery Plugin - * Simple and fancy lightbox alternative - * - * Examples and documentation at: http://fancybox.net - * - * Copyright (c) 2008 - 2010 Janis Skarnelis - * - * Version: 1.3.1 (05/03/2010) - * Requires: jQuery v1.3+ - * - * Dual licensed under the MIT and GPL licenses: - * http://www.opensource.org/licenses/mit-license.php - * http://www.gnu.org/licenses/gpl.html - */ -/* Do not show scrollbars when FB is open */ -body.fancybox-active { - overflow: hidden; } - -#fancybox-loading { - position: fixed; - top: 50%; - left: 50%; - height: 40px; - width: 40px; - margin-top: -20px; - margin-left: -20px; - cursor: pointer; - overflow: hidden; - z-index: 1104; - display: none; } - -#fancybox-loading div { - position: absolute; - top: 0; - left: 0; - width: 40px; - height: 480px; - background-image: url("../../images/fancygallery/fancybox.png"); } +body { + margin: 0; + padding: 0; } -#fancybox-overlay { - position: fixed; - top: 0; - left: 0; - bottom: 0; - right: 0; - background: #000; - z-index: 1100; - display: none; } +a img, +img { + border: 0; } -#fancybox-tmp { - padding: 0; +form { margin: 0; - border: 0; - overflow: auto; - display: none; } + padding: 0; } -#fancybox-wrap { - position: absolute; - top: 0; - left: 0; - margin: 0; - padding: 20px; - z-index: 1101; - display: none; } +img { + -ms-interpolation-mode: bicubic; + max-width: 100%; + height: auto; } -#fancybox-outer { - position: relative; - width: 100%; - height: 100%; - background: #FFF; } +/* -#fancybox-inner { - position: absolute; - top: 0; - left: 0; - width: 1px; - height: 1px; - padding: 0; - margin: 0; - outline: none; - overflow: hidden; } +Vzhled body +=========== -#fancybox-inner:hover { - z-index: 1109; } +*/ +body { + background: #eee; + color: #000; } + @media only screen and (min-width: 768px) { + body { + padding-bottom: 50px; } } -#fancybox-hide-sel-frame { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: transparent; } +@media only screen and (min-width: 768px) { + body.ajax { + background: #fff; + padding: 0; } + body.ajax .container { + -webkit-box-shadow: none; + box-shadow: none; } } -#fancybox-close { - position: fixed; - right: 22px; - top: 24px; - width: 37px; - height: 37px; - background-image: url("../../images/fancygallery/fancy_close.gif"); - background-position: top left; - cursor: pointer; - z-index: 1108; - display: none; } +/* -#fancybox-close:hover { - background-position: bottom left; } +Typografie a linearni design +============================ -#fancybox_error { - color: #444; - font: normal 12px/20px Arial; - padding: 7px; - margin: 0; } +*/ +body, +input, +textarea, +option, +select { + font-size: 16px; + line-height: 22px; + font-family: Arial, Helvetica, sans-serif; } -#fancybox-content { - height: auto; - width: auto; - padding: 0; - margin: 0; } +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: Arial, Helvetica, sans-serif; } -#fancybox-img { - width: 100%; - height: 100%; +a { + color: #0eb10e; + text-decoration: none; } + a:hover, a:focus, a:active { + color: #075207; + text-decoration: underline; } + +p, +ul, +ol, +table, +blockquote { padding: 0; margin: 0; - border: none; - outline: none; - line-height: 0; - vertical-align: top; - -ms-interpolation-mode: bicubic; } - -#fancybox-frame { - position: relative; - width: 100%; - height: 100%; - border: none; - display: block; } - -#fancybox-title { - position: absolute; - bottom: 0; - left: 0; - z-index: 1102; } + margin-bottom: 22px; } -.fancybox-title-inside { - padding: 10px 0; - text-align: center; - color: #333; } +h1, +.h1 { + font-size: 24px; + line-height: 28px; + margin: 0 0 27px 5px; + color: #666; + font-weight: normal; } + @media only screen and (min-width: 768px) { + h1, + .h1 { + font-size: 24px; + line-height: 28px; } } -.fancybox-title-outside { - padding-top: 5px; - color: #FFF; - text-align: center; } +h2, +.h2 { + font-size: 16px; + line-height: 20px; + margin: 0 0 9px 0; + padding: 0; + font-weight: normal; + color: #999; } + @media only screen and (min-width: 768px) { + h2, + .h2 { + font-size: 18px; + line-height: 24px; } } -.fancybox-title-over { - color: #FFF; - text-align: left; } +h3, +.h3 { + display: block; + font-size: 14px; + line-height: 18px; + margin: 0 0 4px 0; + padding: 0; + font-weight: normal; + color: #666; } -#fancybox-title-over { - padding: 10px; - background-image: url("../../images/fancygallery/fancy_title_over.png"); - display: block; } +h4, +.h4 { + display: block; + font-size: 16px; + line-height: 22px; + margin: 0; + padding: 0; + font-weight: bold; + color: #666; } -/* Outer title content */ -#fancybox-title-wrap { - position: fixed; - left: 22px; - top: 24px; - width: auto; - max-width: 400px; - max-height: 80%; - overflow-y: auto; - display: inline-block; - padding: 8px 10px; - background-image: url("../../images/fancygallery/fancy_title_over.png"); } +h2 small, +h3 small { + font-size: 16px; + line-height: 22px; + color: #999; } -#fancybox-title-left, -#fancybox-title-right { - display: none; } +big { + font-size: 14px; + line-height: 18px; + font-weight: bold; } -#fancybox-title-main { - color: #fff; - text-align: left; - display: block; - opacity: 1; } +ul, +ol { + margin: 0 0 22px 14px; + padding: 0 0 0 0; + color: #ccc; } -/* Left and right navigation arrows */ -#fancybox-left, -#fancybox-right { - position: fixed; - bottom: 0px; - height: 100%; - width: 35%; - cursor: pointer; - outline: none; - background-image: url("../../images/fancygallery/blank.gif"); - z-index: 1107; - display: none; } +ul ul, +ul ol, +ol ol, +ol ul { + margin-bottom: 0; } -#fancybox-left { - left: 0px; } +ul { + list-style-type: square; } -#fancybox-right { - right: 0px; } +ul li, +ol li { + color: #000; } -#fancybox-left-ico, -#fancybox-right-ico { - position: absolute; - top: 50%; - left: -9999px; - width: 61px; - height: 77px; - margin-top: -30px; - cursor: pointer; - z-index: 1107; - display: block; } +@media only screen and (min-width: 768px) { + h2 small.float_right { + margin-top: 5px; } } -#fancybox-left-ico { - background-image: url("../../images/fancygallery/fancy_nav_left.png"); - left: 0px; } +/* +Kontejner layoutu +================= +*/ +.container { + max-width: 1200px; + background: #fff url(../../images/layout/sidebox-bg.gif) repeat-y right top; + margin: 0 auto; + margin-bottom: 15px; + position: relative; + -webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); + box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); } -#fancybox-right-ico { - background-image: url("../../images/fancygallery/fancy_nav_right.png"); - left: auto; - right: 0px; } +/* # Layout -#fancybox-left:hover #fancybox-left-ico, -#fancybox-left:focus #fancybox-left-ico, -#fancybox-left:active #fancybox-left-ico, -#fancybox-right:hover #fancybox-right-ico, -#fancybox-right:focus #fancybox-right-ico, -#fancybox-right:active #fancybox-right-ico { - background-position: 0 -77px; } +Obsah ma celkem 940px (1000px + 30px paddingy). -/* Shadows are off */ -.fancy-bg { - display: none; } +## TODO -/* ================================================================= - 2) jquery.jcarousel.css - Zakladni stylopis pro jCarousel -*/ -/** - * This
element is wrapped by jCarousel around the list - * and has the classname "jcarousel-container". - */ -.jcarousel-container { - position: relative; } +- refaktor po prechodu na novou strukturu, viz dole +- % jednotky -.jcarousel-clip { - z-index: 2; - padding: 0; - margin: 0; - overflow: hidden; - position: relative; } +## Struktura layoutu -.jcarousel-list { - z-index: 1; - overflow: hidden; - position: relative; - top: 0; - left: 0; - margin: 0; - padding: 0; } +Stará: -.jcarousel-list li, -.jcarousel-item { - float: left; - list-style: none; - /* We set the width/height explicitly. No width/height causes infinite loops. */ - width: 75px; - height: 75px; } +``` +#container + .head + #content + #content_head + #content_body + (.row) + .column|.double_column|.triple_column|.half_column + #footNew + #footBottom +``` -/** - * The buttons are added dynamically by jCarousel before - * the
    list (inside the
    described above) and - * have the classnames "jcarousel-next" and "jcarousel-prev". - */ -.jcarousel-next { - z-index: 3; - display: none; } +Nová (od 12/2015) -.jcarousel-prev { - z-index: 3; - display: none; } +``` +.container + .head + .content + .content__head + .content__body + (.row) + .column|.double_column|.triple_column|.half_column + #footNew + #footBottom +``` -/* ================================================================= - 3) jquery.jcarousel.skin.shortcat.css - Shortcat vizual pro jCarousel -*/ -/* -Stylesheet for jQuery carousel - Shortcat skin -Author: Martin Michalek, Studio Shortcat, michalek@shortcat.cz */ -.jcarousel-skin-shortcat .jcarousel-container { - top: -2px; - left: -2px; - position: relative; - margin: 0 10px; - width: 897px; } +.container { + background-image: none !important; + /* DEPRECATED if newlayout */ } + .container.ajax { + -webkit-box-shadow: none; + box-shadow: none; + margin: 0; } -.jcarousel-skin-shortcat .jcarousel-container-horizontal { - padding: 0 40px; - width: auto; } +.content { + padding: 13px 7px 36px; } + @media only screen and (min-width: 1180px) { + .content { + padding: 22px 23px 36px; } } -.jcarousel-skin-shortcat .jcarousel-clip-horizontal { - height: 40px; - width: auto; } +.show_grid .container { + background: #fff url(grid.png) repeat-y 0 0; } -.jcarousel-skin-shortcat .jcarousel-item, -.jcarousel-skin-shortcat .jcarousel-item img { - width: 40px; - height: 40px; } +@media only screen and (max-width: 767px) { + /* + Layout obsahu (#content) + - 7px levy margin -.jcarousel-skin-shortcat .jcarousel-item img { - opacity: .5; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; - filter: alpha(opacity=50); } + Zakladni obsahovy sloupec (.column): + - 304px width -.jcarousel-skin-shortcat .jcarousel-item.active img, -.jcarousel-skin-shortcat .jcarousel-item:hover img { - opacity: 1; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; - filter: alpha(opacity=100); } + Obrazky maji pomer 16/9 + - jeden sloupec: 304x171 + */ + .container { + width: auto; + background-image: none !important; + /* DEPRECATED if newlayout */ } + .show_grid .container { + background-position: -20px 0; } } -.jcarousel-skin-shortcat .jcarousel-item-horizontal { - margin-right: 3px; } +/* --- Telo dokumentu - hlavni informace, jez se budou prenaset do Fancyboxu --- */ +.content__body { + *zoom: 1; + margin-bottom: 18px; } + .content__body:before, .content__body:after { + display: table; + content: ""; + line-height: 0; } + .content__body:after { + clear: both; } -.jcarousel-skin-shortcat .jcarousel-item-placeholder { - background: #fff; - color: #000; } +.content__body h1 { + margin-left: 0; + color: #999; } -/** - * Horizontal Buttons - */ -.jcarousel-skin-shortcat .jcarousel-next-horizontal { - position: absolute; - top: 0px; - right: 10px; - width: 33px; - height: 40px; - cursor: pointer; - background: transparent url(../../images/fancygallery/fancygallery_next.gif) no-repeat top right; } +/* +## Řádka layoutu je `.row` +*/ +.row { + margin-bottom: 22px; + *zoom: 1; } + .row:before, .row:after { + display: table; + content: ""; + line-height: 0; } + .row:after { + clear: both; } -.jcarousel-skin-shortcat .jcarousel-next-horizontal:hover, -.jcarousel-skin-shortcat .jcarousel-next-horizontal.hover, -.jcarousel-skin-shortcat .jcarousel-next-horizontal:active { - background-position: top right; } +/* +`.row.row-limited` nemá zprava díru pro poslední column. Využíváme ho pak například +pro block grid komponentu. -.jcarousel-skin-shortcat .jcarousel-next-disabled-horizontal, -.jcarousel-skin-shortcat .jcarousel-next-disabled-horizontal:hover, -.jcarousel-skin-shortcat .jcarousel-next-disabled-horizontal:active { - cursor: default; - background-image: none; } +Vyšší specifičnost kvůli kolizím např. s `.out-of-box`. +*/ +@media only screen and (min-width: 768px) { + .row.row-limited { + margin-right: 22px; } } -.jcarousel-skin-shortcat .jcarousel-prev-horizontal { - position: absolute; - top: 0px; - left: 10px; - width: 33px; - height: 40px; - cursor: pointer; - background: transparent url(../../images/fancygallery/fancygallery_prev.gif) no-repeat 0 0; } +/* +## Základní layout je 3sloupcový (s 6sloupcovou alternativou) -.jcarousel-skin-shortcat .jcarousel-prev-horizontal:hover, -.jcarousel-skin-shortcat .jcarousel-prev-horizontal.hover, -.jcarousel-skin-shortcat .jcarousel-prev-horizontal:active { - background-position: 0 0; } +Mikrosloupec (v obsahu je jich 6, .half_column): 145px a 14px pravy margin -.jcarousel-skin-shortcat .jcarousel-prev-disabled-horizontal, -.jcarousel-skin-shortcat .jcarousel-prev-disabled-horizontal:hover, -.jcarousel-skin-shortcat .jcarousel-prev-disabled-horizontal:active { - cursor: default; - background-image: none; } +Zakladni obsahovy sloupec (v obsahu jsou 3, tridy .column, .double_column): +304px width a 14px pravy margin, na mobilech 7px margin ze stran a auto sirka -/* ================================================================= - 4) fancygallery.css - Styly pro FancyGallery, ktere neobsahuje Fancybox Shortcat mod +Obrazky maji pomer 16/9 (?? TODO: realne v .figure pozame 4:3, +v .list_item neco podobneho) =jeden sloupec: 304x171 (?? TODO) */ -/* Vrstva s thumbnaily */ -#fancybox-thumbnails { - position: fixed; - z-index: 1108; - bottom: 20px; - left: 0px; - width: 100%; - height: 40px; } +@media only screen and (min-width: 768px) { + .column { + float: left; + width: calc(97% / 3); + margin-right: 1.5%; + overflow: hidden; } } -/* == Vrstva s thumbnaily v pripade kdy zobrazujeme vetsi obrazek na mouseover == */ -#fancybox-thumbnails, -#fancybox-thumbnails .jcarousel-skin-shortcat .jcarousel-clip-horizontal { - height: 129px; - /* 40px maly nahled + 75px mouseover nahled + 4px border + 10px sipka */ } +@media only screen and (min-width: 768px) { + .double_column { + float: left; + width: calc((97% / 3) * 2); + margin-right: 1.5%; } } -/* Vetsi obrazek zobrazovany na mouseover */ -#fancybox-thumbnails .jcarousel-item .hover-image { - width: 75px; - height: 86px; - padding: 2px; - position: relative; - top: -129px; - left: -20px; - display: none; - background-image: url(../../images/fancygallery/fancygallery_thumbnail_hover.gif); - background-repeat: no-repeat; } +@media only screen and (min-width: 768px) { + .triple_column { + width: 100%; } } -#fancybox-thumbnails .jcarousel-item .hover-image img { - width: 75px; - height: 75px; - opacity: 1; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; - filter: alpha(opacity=100); } +@media only screen and (min-width: 768px) { + .half_column { + float: left; + width: 138px; + margin-right: 14px; } } -#fancybox-thumbnails .jcarousel-item:hover .hover-image { - display: block; } +.column--last { + margin-right: 0; } + +@media only screen and (min-width: 768px) { + .content.without_top_pad { + padding-top: 0; + margin-top: -1px; } + .row { + margin-bottom: 36px; } + .column.centered, + .half_column.centered, + .double_column.centered { + margin-left: auto; + margin-right: auto; + float: none; } + .offset_half { + margin-left: 159px; } + .offset_one { + margin-left: 318px; } + .double_column.with_text img { + max-width: 100%; } } + +/* ================================================================================ + Vrstva pro mobilni zarizeni + ........................... -#fancybox-thumbnails .jcarousel-item, -#fancybox-thumbnails .jcarousel-next-horizontal, -#fancybox-thumbnails .jcarousel-prev-horizontal { - margin-top: 89px; - /* 75px mouseover nahled + 4px border + 10px sipka */ } + Obsahuje: + - Layout vsech webu + - Layout uvnitr stranky + - Stary layout uvnitr stranky (docasny) -/* -Zkousime dostat mouseover ven z rodicovskeho overflow:hidden prvku: -Rodicum nastavime position: static a synovi pak position: absolute. -(Viz http://www.vzhurudolu.cz/test/override-overflow-hidden/) */ -#fancybox-thumbnails .jcarousel-clip, -#fancybox-thumbnails .jcarousel-list { - position: static; } - -#fancybox-thumbnails .jcarousel-item .hover-image { - position: absolute; - top: auto; - left: auto; - margin-top: -129px; - margin-left: -20px; - z-index: 1110; } +@media only screen and (max-width: 767px) { + /* Nezobrazujeme cely Likebox, jen maly buttonek */ + #facebookLikeBox { + display: none; } + #facebookButton { + display: block; + text-align: center; } + /* --- Layout uvnitr stranky --- */ + .column, + .double_column { + margin-right: 0; + width: auto; } } -#fancybox-thumbnails.scrolling .jcarousel-clip, -#fancybox-thumbnails.scrolling .jcarousel-list { - position: relative; } +/* @media screen and (max-width: 640px) */ +.columns_as_list_item { + padding-top: 9px; } -/* Pokud v titulku fotky zobrazujeme i titulek setu, zmenime jeho barvu */ -#fancybox-title-main .set { - color: #999; } +.column.as_list_item { + position: relative; + overflow: hidden; + margin-bottom: 14px; } -/* +.column.as_list_item .image { + margin-bottom: -4px; } + .column.as_list_item .image img { + width: 100%; + max-width: auto; } -Reset -===== +.column.as_list_item .text { + position: absolute; + margin-top: -38px; + top: 100%; + background: black; + background: rgba(0, 0, 0, 0.66); + color: #fff; + padding: 1px 9px 9px 9px; + -webkit-transition: all 0.15s ease-out; + -o-transition: all 0.15s ease-out; + transition: all 0.15s ease-out; } -*/ -body { - margin: 0; - padding: 0; } +.column.as_list_item:hover .text, +.column.as_list_item:focus .text, +.column.as_list_item:active .text { + top: 0; + margin-top: 0; + height: 100%; + overflow: hidden; } -a img, img { - border: 0; } +.column.as_list_item .text h2 { + margin-bottom: 0; } -form { - margin: 0; - padding: 0; } +.column.as_list_item .text h2 a { + font-weight: bold; + text-decoration: none; + display: block; + padding-bottom: 8px; + padding-top: 8px; } -img { - -ms-interpolation-mode: bicubic; - max-width: 100%; - height: auto; } +.column.as_list_item .text a { + color: #fff; + text-decoration: underline; } -/* +.column.as_list_item .text p { + margin-bottom: 4px; + margin-top: 0; } -Vzhled body -=========== +/* Modul About + =========== + Stránka "O nás". */ -body { - background: #eee; - color: #000; } +.about-perex { + text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); } + @media only screen and (min-width: 360px) and (max-width: 767px) { + .about-perex { + padding-left: 50px; + padding-right: 50px; } } @media only screen and (min-width: 768px) { - body { - padding-bottom: 50px; } } - -@media only screen and (min-width: 768px) { - body.ajax { - background: #fff; - padding: 0; } - body.ajax .container { - -webkit-box-shadow: none; - box-shadow: none; } } - -/* - -Typografie a linearni design -============================ + .about-perex { + padding-left: 250px; + padding-right: 250px; } } -*/ -body, input, textarea, option, select { - font-size: 16px; - line-height: 22px; - font-family: Arial, Helvetica, sans-serif; } +.about-person { + text-align: center; } -h1, h2, h3, h4, h5, h6 { - font-family: Arial, Helvetica, sans-serif; } +.about-person-image img { + border-radius: 50%; + overflow: hidden; + max-width: 138px; + display: block; + margin: 0 auto; } -a { - color: #0EB10E; - text-decoration: none; } - a:hover, a:focus, a:active { - color: #075207; - text-decoration: underline; } +.about-person-short-text { + max-width: 200px; + margin-left: auto; + margin-right: auto; } -p, ul, ol, table, blockquote { - padding: 0; - margin: 0; - margin-bottom: 22px; } +@media only screen and (min-width: 768px) { + .about-person-full-text, + .about-person-full-contact { + margin-top: 11px; } } -h1, -.h1 { - font-size: 24px; - line-height: 28px; - margin: 0 0 27px 5px; - color: #666; - font-weight: normal; } +.about-history { + background-color: #d8dbd8; + background-position: center center; } + @media only screen and (max-width: 767px) { + .about-history { + background-image: url(http://dovolena.ck-rekrea.cz/images/about/rekrea-katalogy-small.jpg); } } @media only screen and (min-width: 768px) { - h1, - .h1 { - font-size: 24px; - line-height: 28px; } } + .about-history { + background-image: url(http://dovolena.ck-rekrea.cz/images/about/rekrea-katalogy-medium.jpg); + background-attachment: fixed; } } -h2, -.h2 { - font-size: 16px; - line-height: 20px; - margin: 0 0 9px 0; - padding: 0; - font-weight: normal; - color: #999; } +.about-history-perex { + background: #fff; + background: rgba(255, 255, 255, 0.95); + padding: 3em 2em 2em 2em; + margin-top: 5em; + margin-bottom: 5em; } + .about-history-perex .h1 { + margin-bottom: 10px; } + .about-history-perex .h2 { + margin-bottom: 20px; } @media only screen and (min-width: 768px) { - h2, - .h2 { - font-size: 18px; - line-height: 24px; } } - -h3, -.h3 { - display: block; - font-size: 14px; - line-height: 18px; - margin: 0 0 4px 0; - padding: 0; - font-weight: normal; - color: #666; } - -h4, -.h4 { - display: block; - font-size: 16px; - line-height: 22px; - margin: 0; - padding: 0; - font-weight: bold; - color: #666; } - -h2 small, -h3 small { - font-size: 16px; - line-height: 22px; - color: #999; } - -big { - font-size: 14px; - line-height: 18px; - font-weight: bold; } + .about-history-perex { + width: 55%; + margin-left: auto; + margin-right: auto; } } -ul, -ol { - margin: 0 0 22px 14px; - padding: 0 0 0 0; - color: #ccc; } +.about-web-item { + padding: 10px; + text-align: center; + margin-bottom: 0; + border-bottom: 2px solid #999; } -ul ul, -ul ol, -ol ol, -ol ul { - margin-bottom: 0; } +.about-web-item-eslovensko { + border-color: #0eb10e; } -ul { - list-style-type: square; } +.about-web-item-velkymeder { + border-color: #06f; } -ul li, -ol li { - color: #000; } +.about-web-item-tuzemskadovolena { + border-color: #f60; } + +.about-web-item-epodhajska { + border-color: #c00; } + +.about-web-item-besenova { + border-color: #06f; } @media only screen and (min-width: 768px) { - h2 small.float_right { - margin-top: 5px; } } + .about-web-etc { + text-align: center; + padding-left: 260px; + padding-right: 260px; } } + +@media only screen and (min-width: 1180px) { + .about-legal { + padding-left: 300px; + padding-right: 300px; } } /* -Helpery -======= +Hlavička obsahu stránky +======================= */ -.clearfix { - *zoom: 1; } - .clearfix:before, .clearfix:after { - display: table; - content: ""; - line-height: 0; } - .clearfix:after { - clear: both; } - -.container .margin_bottom { - margin-bottom: 18px; } +.content__head { + text-align: center; + padding: 44px; + text-align: center; } -.container .margin_bottom_half { - margin-bottom: 9px; } +.content__head h1 { + margin-bottom: 0; } -.container .margin_bottom_double { - margin-bottom: 36px; } +/* + Fancybox + ======== +*/ +.fancybox:hover img, +.fancybox:active img, +.fancybox:focus img { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; + filter: alpha(opacity=90); + opacity: 0.9; } -.without_margin_bottom { - margin-bottom: 0; } +/* +Flag - priznaky slev, Last Minute atd. +========================================= +*/ +.flag { + font-size: 12px; + display: inline-block; + font-weight: normal; + text-transform: uppercase; + text-decoration: none; + color: white; + padding: 5px 8px; } -.margin_top_negative { - margin-top: -18px; } +a.flag:hover, +a.flag:focus, +a.flag:active { + color: white; + text-decoration: underline; } -.container .margin_top { - margin-top: 18px; } +.flag--sm { + font-size: 9px; + padding: 2px 3px; + letter-spacing: 0.02em; } -.container .margin_top_double { - margin-top: 36px; } +@media only screen and (max-width: 420px) { + .flag { + font-size: 9px; + padding: 2px 3px; + letter-spacing: 0.02em; } } -.margin_top_half { - margin-top: 9px; } +@media only screen and (min-width: 768px) { + .flag--lg { + font-size: 20px; + padding: 9px 12px; } } -.desktop_only { - display: none !important; } - @media only screen and (min-width: 768px) { - .desktop_only { - display: block !important; } } +.flag--bestseller { + background: rgba(16, 201, 16, 0.85); } -.dumb_only { - display: none !important; } +.flag--ratings { + background: rgba(16, 201, 16, 0.85); } -.center, .text-center { - text-align: center; } +.flag--lastminute { + background: #ff9900; + background: rgba(255, 153, 0, 0.85); } -.right { - text-align: right; } +.flag--hottip { + background: #ffcc00; + background: rgba(255, 204, 0, 0.85); } -.left { - text-align: left; } +.flag--new { + background: #1eed1e; + background: rgba(30, 237, 30, 0.85); } -.clear_both { - clear: both; } +.flag--discount { + background: #ff6600; + background: rgba(255, 102, 0, 0.85); } -.block_center { - margin-left: auto !important; - margin-right: auto !important; - float: none !important; } +.flags .flag { + position: absolute; + top: 2px; + left: 2px; } -.suppress { - opacity: 0.5; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; - filter: alpha(opacity=50); } +.flags .flag + .flag { + top: 36px; } + @media only screen and (min-width: 768px) { + .flags .flag + .flag.flag--lg { + top: 44px; } } + .flags .flag + .flag.flag--sm { + top: 32px; } + @media only screen and (max-width: 420px) { + .flags .flag + .flag { + top: 32px; } } -.float_right { - float: right; } +/* -.float_left { - float: left; } +Foot - stara paticka +==================== -@media only screen and (min-width: 768px) { - .last { - margin-right: 0 !important; } } +*/ +#foot { + background: #024e40; + padding: 0.75em 30px; + color: #fff; + margin: 0; + margin-bottom: -18px; } + @media print { + #foot { + display: none; } } -.tabbed_text { - padding-left: 15px; - padding-right: 45px; } +#foot a { + color: #fff; } -.small { - font-size: 11px; - line-height: 13px; - color: #999; } - .small a { - color: #999; - text-decoration: underline; } - .small a:hover, .small a:focus, .small a:active { - color: #666; } +/* # Modul Site Logo -.sr-only { - position: absolute; - width: 1px; - height: 1px; - margin: -1px; - padding: 0; - overflow: hidden; - clip: rect(0, 0, 0, 0); - border: 0; } +*/ +.site-logo { + margin: 0; + width: auto; + text-align: center; + font-size: 24px; + font-weight: bold; + color: #9bd04e; + padding: 22px 0; } + @media only screen and (min-width: 768px) { + .site-logo { + padding: 66px 0; } } -.floatLeft50 { - float: left; - width: 48%; } +/* # Modul Site Nav -.floatRight50 { - float: right; - width: 48%; } +Hlavní navigace webu. -.clearBothZero, .clear_zero { - display: block; - clear: both; - font-size: 1px; - line-height: 1px; - height: 1px; } +Na velkých displejích vedle sebe, na malých většina schovaná do ikonek. -.marginBottom3 { - margin-bottom: 3em; } +*/ +.site-nav { + background: #024e40; + border-bottom: #9bd04e 10px solid; + border-top: #e0e9e8 10px solid; } + @media only screen and (min-width: 768px) { + .site-nav { + padding-left: 15px; + padding-right: 15px; } } + @media print { + .site-nav { + display: none; } } -.marginBottom1half { - margin-bottom: 1.5em; } +.site-nav ul { + margin: 0; + padding: 0; } -.marginRight15 { - margin-right: 15px; } +.site-nav li { + list-style-type: none; } -.floatLeft { - float: left; } +.site-nav a { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 44px; + color: #fff; } + .site-nav a:hover, .site-nav a:focus, .site-nav a:active { + text-decoration: underline; } -.floatRight { - float: right; } +@media only screen and (min-width: 768px) { + .site-nav ul { + display: -webkit-box; + display: -ms-flexbox; + display: flex; } + .site-nav li { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; } + .site-nav a { + height: 66px; } } -.displayNone { - display: none; } +/* + Inline list + =========== +*/ +.inline-list { + margin-bottom: 12px; + margin-left: 23px; + line-height: 36px; + text-align: center; } + .inline-list__heading { + font-style: 36px; } + .inline-list__heading--invisible { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; } + .inline-list__item { + display: inline-block; + padding: 4px 8px; + margin-bottom: 8px; + white-space: nowrap; + border: 1px solid #ccc; + border-radius: 5px; + background-color: transparent; } + .inline-list__item-icon { + display: inline-block; + padding: 5px; + border-radius: 5px; + background: #024e40; } + .inline-list__item--two-stars, .inline-list__item--three-stars { + font-weight: bold; } + .inline-list__item--no-margin-bottom { + margin-bottom: 0; } + .inline-list__item.active, .inline-list__item:hover, .inline-list__item:focus, .inline-list__item:active { + text-decoration: underline; + border: 1px solid #ddd; + background-color: #eee; + cursor: pointer; } -.marginTopNo { - margin-top: 0; } +/* @define list-item; weak -.sideOne .marginTopNo { - margin-top: -1.5em; } +# Komponenta Velka polozka seznamu -.alignLeft { - text-align: left; } +Napr. seznamy ubytovatelu, pobytu, last-minute atd. -.alignRight { - text-align: right; } +*/ +.list-item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 11px; + margin-bottom: 22px; + color: #555; + border: 1px solid transparent; } + @media only screen and (min-width: 768px) { + .list-item { + display: block; + width: calc(33.3333333333% - (2 * 14px) / 3); } } -.alignCenter { - text-align: center; } +.list-item__image { + width: 33.3333333333%; + margin-right: 14px; } + .list-item__image a, .list-item__image-img { + display: block; } + @media only screen and (min-width: 768px) { + .list-item__image { + width: auto; + margin-right: 0; + margin-bottom: 11px; } } -.alignMiddle { - vertical-align: middle; } +.list-item__content { + position: relative; + width: calc(66.6666666667% - 14px); } + @media only screen and (min-width: 768px) { + .list-item__content { + width: auto; } } + .list-item__content p { + margin-bottom: 0; } + .list-item__content-heading { + margin-bottom: 11px; + font-size: 20px; } -.required { - font-size: 1.2em; - font-weight: bold; - color: #f60; } +.list-item--bordered { + border: 1px solid #ddd; } -p.submit { - text-align: right; } +.list-item--active, .list-item:hover, .list-item:focus, .list-item:active { + color: #333; + border: 1px solid #ddd; + background-color: #eee; + cursor: pointer; } + .list-item--active h2 a, .list-item:hover h2 a, .list-item:focus h2 a, .list-item:active h2 a { + text-decoration: underline; + color: #075207; } + .js .list-item--active, .js .list-item:hover, .js .list-item:focus, .js .list-item:active { + background-color: #dedede; } -.big { - font-size: 1.5em; - font-weight: bold; - vertical-align: middle; } +/* -.fontSmall { - font-size: .5em; - font-weight: normal; } +Ceny - velke "cenovky" +====================== -small.fontSmall { - font-size: .6em; - font-weight: normal; } +- potrebuje jako rodice utilitu .p-r -table.fontSmall td, table.fontSmall th { - font-size: 1.4em; - font-weight: normal; } +*/ +.price { + display: inline-block; + width: auto; + color: #444; } + .price strong { + font-weight: normal; + color: #888; } -.clearBoth { - clear: both; } +.price--big { + padding: 5px 8px; + margin: 0 0 22px 0; + background-color: #ddd; } -.container .alignRight { - text-align: right; } +@media only screen and (min-width: 768px) { + .list-item .price { + position: absolute; + top: -45px; + right: 2px; } } -.container .alignLeft { - text-align: left; } +/* -.container .alignCenter { - text-align: center; } + Stylopis pro Fancygallery (prototyp) + Knihovna pro zobrazovani galerii obrazku. + Verze z 20. 10. 2011 + Autor: Martin Michalek, michalek@shortcat.cz -.testRed { - border: 1px solid red; } + Obsah: + 1) jquery.fancybox.mod_shortcat.css Shortcat vzhled FancyBoxu + 2) jquery.jcarousel.css Zakladni stylopis pro jCarousel + 3) jquery.jcarousel.skin.shortcat.css Shortcat vizual pro jCarousel + 4) fancygallery.css Styly pro FancyGallery, ktere neobsahuje Fancybox Shortcat mod -.displayInline { - display: inline; } + Z-indexy: + 1110 #fancybox-loading, #fancybox-thumbnails .jcarousel-item .hover-image (FB Gallery mouseover) + 1109 #fancybox-inner:hover (Hover nad obrazkem) + 1108 #fancybox-thumbnails (FB Gallery lista s thumbnaily) + 1108 #fancybox-close + 1107 #fancybox-left, #fancybox-right, #fancybox-left-ico, #fancybox-right-ico + 1102 #fancybox-title + 1101 #fancybox-wrap + 1100 #fancybox-overlay -.displayNone { - display: none; } +*/ +/* ================================================================= + 1) jquery.fancybox.mod_shortcat.css + Shortcat vzhled FancyBoxu +*/ +/* + * FancyBox - jQuery Plugin + * Simple and fancy lightbox alternative + * + * Examples and documentation at: http://fancybox.net + * + * Copyright (c) 2008 - 2010 Janis Skarnelis + * + * Version: 1.3.1 (05/03/2010) + * Requires: jQuery v1.3+ + * + * Dual licensed under the MIT and GPL licenses: + * http://www.opensource.org/licenses/mit-license.php + * http://www.gnu.org/licenses/gpl.html + */ +/* Do not show scrollbars when FB is open */ +body.fancybox-active { + overflow: hidden; } -.hide { +#fancybox-loading { + position: fixed; + top: 50%; + left: 50%; + height: 40px; + width: 40px; + margin-top: -20px; + margin-left: -20px; + cursor: pointer; + overflow: hidden; + z-index: 1104; display: none; } -.width100 { - width: 100%; } +#fancybox-loading div { + position: absolute; + top: 0; + left: 0; + width: 40px; + height: 480px; + background-image: url("../../images/fancygallery/fancybox.png"); } -.width50 { - width: 50%; } +#fancybox-overlay { + position: fixed; + top: 0; + left: 0; + bottom: 0; + right: 0; + background: #000; + z-index: 1100; + display: none; } -.display_block { - display: block; } +#fancybox-tmp { + padding: 0; + margin: 0; + border: 0; + overflow: auto; + display: none; } -.more_link { - margin: 2em 0; - text-align: center; } +#fancybox-wrap { + position: absolute; + top: 0; + left: 0; + margin: 0; + padding: 20px; + z-index: 1101; + display: none; } -.accommodation_big_item { - margin-bottom: 36px; } +#fancybox-outer { + position: relative; + width: 100%; + height: 100%; + background: #FFF; } -.unveil { - opacity: 0; - -webkit-transition: opacity .5s ease-in; - -o-transition: opacity .5s ease-in; - transition: opacity .5s ease-in; } +#fancybox-inner { + position: absolute; + top: 0; + left: 0; + width: 1px; + height: 1px; + padding: 0; + margin: 0; + outline: none; + overflow: hidden; } -.more_info { - color: #666; } +#fancybox-inner:hover { + z-index: 1109; } -.legend { - color: #999; - text-align: right; } +#fancybox-hide-sel-frame { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: transparent; } -.similar_items { - margin-top: 54px; } +#fancybox-close { + position: fixed; + right: 22px; + top: 24px; + width: 37px; + height: 37px; + background-image: url("../../images/fancygallery/fancy_close.gif"); + background-position: top left; + cursor: pointer; + z-index: 1108; + display: none; } -#map_container { - margin: -35px -8px 27px -30px; - width: auto; - height: 562px; } +#fancybox-close:hover { + background-position: bottom left; } -#mapa_okoli { - margin-top: 8px; } +#fancybox_error { + color: #444; + font: normal 12px/20px Arial; + padding: 7px; + margin: 0; } -#subdivisions { - max-width: 940px; - margin-bottom: 36px; } +#fancybox-content { + height: auto; + width: auto; + padding: 0; + margin: 0; } -#subdivisions h3 { - margin-bottom: 9px; - border-bottom: 1px solid #ccc; } +#fancybox-img { + width: 100%; + height: 100%; + padding: 0; + margin: 0; + border: none; + outline: none; + line-height: 0; + vertical-align: top; + -ms-interpolation-mode: bicubic; } -.more_photos a { - border-top: 1px solid #ccc; - border-bottom: 1px solid #ccc; - margin-left: 0; - padding-left: 0; - padding: 5px 7px; +#fancybox-frame { + position: relative; + width: 100%; + height: 100%; + border: none; display: block; } -.more_photos a:hover, .more_photos a:focus, .more_photos a:active { - background-color: #eee; - cursor: pointer; } +#fancybox-title { + position: absolute; + bottom: 0; + left: 0; + z-index: 1102; } -input.input--border { - border: 1px solid #000; } +.fancybox-title-inside { + padding: 10px 0; + text-align: center; + color: #333; } -textarea.textarea--border { - border: 1px solid #000; } +.fancybox-title-outside { + padding-top: 5px; + color: #FFF; + text-align: center; } -/* -Kontejner layoutu -================= -*/ -.container { - max-width: 1200px; - background: #fff url(../../images/layout/sidebox-bg.gif) repeat-y right top; - margin: 0 auto; - margin-bottom: 15px; - position: relative; - -webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); - box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); } +.fancybox-title-over { + color: #FFF; + text-align: left; } -/* # Layout +#fancybox-title-over { + padding: 10px; + background-image: url("../../images/fancygallery/fancy_title_over.png"); + display: block; } -Obsah ma celkem 940px (1000px + 30px paddingy). +/* Outer title content */ +#fancybox-title-wrap { + position: fixed; + left: 22px; + top: 24px; + width: auto; + max-width: 400px; + max-height: 80%; + overflow-y: auto; + display: inline-block; + padding: 8px 10px; + background-image: url("../../images/fancygallery/fancy_title_over.png"); } -## TODO +#fancybox-title-left, +#fancybox-title-right { + display: none; } -- refaktor po prechodu na novou strukturu, viz dole -- % jednotky +#fancybox-title-main { + color: #fff; + text-align: left; + display: block; + opacity: 1; } -## Struktura layoutu +/* Left and right navigation arrows */ +#fancybox-left, +#fancybox-right { + position: fixed; + bottom: 0px; + height: 100%; + width: 35%; + cursor: pointer; + outline: none; + background-image: url("../../images/fancygallery/blank.gif"); + z-index: 1107; + display: none; } -Stará: +#fancybox-left { + left: 0px; } -``` -#container - .head - #content - #content_head - #content_body - (.row) - .column|.double_column|.triple_column|.half_column - #footNew - #footBottom -``` +#fancybox-right { + right: 0px; } -Nová (od 12/2015) +#fancybox-left-ico, +#fancybox-right-ico { + position: absolute; + top: 50%; + left: -9999px; + width: 61px; + height: 77px; + margin-top: -30px; + cursor: pointer; + z-index: 1107; + display: block; } -``` -.container - .head - .content - .content__head - .content__body - (.row) - .column|.double_column|.triple_column|.half_column - #footNew - #footBottom -``` +#fancybox-left-ico { + background-image: url("../../images/fancygallery/fancy_nav_left.png"); + left: 0px; } -*/ -.container { - background-image: none !important; - /* DEPRECATED if newlayout */ } - .container.ajax { - -webkit-box-shadow: none; - box-shadow: none; - margin: 0; } +#fancybox-right-ico { + background-image: url("../../images/fancygallery/fancy_nav_right.png"); + left: auto; + right: 0px; } -.content { - padding: 13px 7px 36px; } - @media only screen and (min-width: 1180px) { - .content { - padding: 22px 23px 36px; } } +#fancybox-left:hover #fancybox-left-ico, +#fancybox-left:focus #fancybox-left-ico, +#fancybox-left:active #fancybox-left-ico, +#fancybox-right:hover #fancybox-right-ico, +#fancybox-right:focus #fancybox-right-ico, +#fancybox-right:active #fancybox-right-ico { + background-position: 0 -77px; } -.show_grid .container { - background: #fff url(grid.png) repeat-y 0 0; } +/* Shadows are off */ +.fancy-bg { + display: none; } -@media only screen and (max-width: 767px) { - /* - Layout obsahu (#content) - - 7px levy margin +/* ================================================================= + 2) jquery.jcarousel.css + Zakladni stylopis pro jCarousel +*/ +/** + * This
    element is wrapped by jCarousel around the list + * and has the classname "jcarousel-container". + */ +.jcarousel-container { + position: relative; } - Zakladni obsahovy sloupec (.column): - - 304px width +.jcarousel-clip { + z-index: 2; + padding: 0; + margin: 0; + overflow: hidden; + position: relative; } - Obrazky maji pomer 16/9 - - jeden sloupec: 304x171 - */ - .container { - width: auto; - background-image: none !important; - /* DEPRECATED if newlayout */ } - .show_grid .container { - background-position: -20px 0; } } +.jcarousel-list { + z-index: 1; + overflow: hidden; + position: relative; + top: 0; + left: 0; + margin: 0; + padding: 0; } -/* --- Telo dokumentu - hlavni informace, jez se budou prenaset do Fancyboxu --- */ -.content__body { - *zoom: 1; - margin-bottom: 18px; } - .content__body:before, .content__body:after { - display: table; - content: ""; - line-height: 0; } - .content__body:after { - clear: both; } +.jcarousel-list li, +.jcarousel-item { + float: left; + list-style: none; + /* We set the width/height explicitly. No width/height causes infinite loops. */ + width: 75px; + height: 75px; } + +/** + * The buttons are added dynamically by jCarousel before + * the
      list (inside the
      described above) and + * have the classnames "jcarousel-next" and "jcarousel-prev". + */ +.jcarousel-next { + z-index: 3; + display: none; } -.content__body h1 { - margin-left: 0; - color: #999; } +.jcarousel-prev { + z-index: 3; + display: none; } +/* ================================================================= + 3) jquery.jcarousel.skin.shortcat.css + Shortcat vizual pro jCarousel +*/ /* -## Řádka layoutu je `.row` +Stylesheet for jQuery carousel - Shortcat skin +Author: Martin Michalek, Studio Shortcat, michalek@shortcat.cz */ -.row { - margin-bottom: 22px; - *zoom: 1; } - .row:before, .row:after { - display: table; - content: ""; - line-height: 0; } - .row:after { - clear: both; } +.jcarousel-skin-shortcat .jcarousel-container { + top: -2px; + left: -2px; + position: relative; + margin: 0 10px; + width: 897px; } -/* -`.row.row-limited` nemá zprava díru pro poslední column. Využíváme ho pak například -pro block grid komponentu. +.jcarousel-skin-shortcat .jcarousel-container-horizontal { + padding: 0 40px; + width: auto; } -Vyšší specifičnost kvůli kolizím např. s `.out-of-box`. -*/ -@media only screen and (min-width: 768px) { - .row.row-limited { - margin-right: 22px; } } +.jcarousel-skin-shortcat .jcarousel-clip-horizontal { + height: 40px; + width: auto; } -/* -## Základní layout je 3sloupcový (s 6sloupcovou alternativou) +.jcarousel-skin-shortcat .jcarousel-item, +.jcarousel-skin-shortcat .jcarousel-item img { + width: 40px; + height: 40px; } -Mikrosloupec (v obsahu je jich 6, .half_column): 145px a 14px pravy margin +.jcarousel-skin-shortcat .jcarousel-item img { + opacity: .5; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + filter: alpha(opacity=50); } -Zakladni obsahovy sloupec (v obsahu jsou 3, tridy .column, .double_column): -304px width a 14px pravy margin, na mobilech 7px margin ze stran a auto sirka +.jcarousel-skin-shortcat .jcarousel-item.active img, +.jcarousel-skin-shortcat .jcarousel-item:hover img { + opacity: 1; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + filter: alpha(opacity=100); } -Obrazky maji pomer 16/9 (?? TODO: realne v .figure pozame 4:3, -v .list_item neco podobneho) =jeden sloupec: 304x171 (?? TODO) -*/ -@media only screen and (min-width: 768px) { - .column { - float: left; - width: calc(97% / 3); - margin-right: 1.5%; - overflow: hidden; } } +.jcarousel-skin-shortcat .jcarousel-item-horizontal { + margin-right: 3px; } -@media only screen and (min-width: 768px) { - .double_column { - float: left; - width: calc((97% / 3) * 2); - margin-right: 1.5%; } } +.jcarousel-skin-shortcat .jcarousel-item-placeholder { + background: #fff; + color: #000; } -@media only screen and (min-width: 768px) { - .triple_column { - width: 100%; } } +/** + * Horizontal Buttons + */ +.jcarousel-skin-shortcat .jcarousel-next-horizontal { + position: absolute; + top: 0px; + right: 10px; + width: 33px; + height: 40px; + cursor: pointer; + background: transparent url(../../images/fancygallery/fancygallery_next.gif) no-repeat top right; } -@media only screen and (min-width: 768px) { - .half_column { - float: left; - width: 138px; - margin-right: 14px; } } +.jcarousel-skin-shortcat .jcarousel-next-horizontal:hover, +.jcarousel-skin-shortcat .jcarousel-next-horizontal.hover, +.jcarousel-skin-shortcat .jcarousel-next-horizontal:active { + background-position: top right; } -.column--last { - margin-right: 0; } +.jcarousel-skin-shortcat .jcarousel-next-disabled-horizontal, +.jcarousel-skin-shortcat .jcarousel-next-disabled-horizontal:hover, +.jcarousel-skin-shortcat .jcarousel-next-disabled-horizontal:active { + cursor: default; + background-image: none; } -@media only screen and (min-width: 768px) { - .content.without_top_pad { - padding-top: 0; - margin-top: -1px; } - .row { - margin-bottom: 36px; } - .column.centered, - .half_column.centered, - .double_column.centered { - margin-left: auto; - margin-right: auto; - float: none; } - .offset_half { - margin-left: 159px; } - .offset_one { - margin-left: 318px; } - .double_column.with_text img { - max-width: 100%; } } +.jcarousel-skin-shortcat .jcarousel-prev-horizontal { + position: absolute; + top: 0px; + left: 10px; + width: 33px; + height: 40px; + cursor: pointer; + background: transparent url(../../images/fancygallery/fancygallery_prev.gif) no-repeat 0 0; } -/* ================================================================================ - Vrstva pro mobilni zarizeni - ........................... +.jcarousel-skin-shortcat .jcarousel-prev-horizontal:hover, +.jcarousel-skin-shortcat .jcarousel-prev-horizontal.hover, +.jcarousel-skin-shortcat .jcarousel-prev-horizontal:active { + background-position: 0 0; } - Obsahuje: - - Layout vsech webu - - Layout uvnitr stranky - - Stary layout uvnitr stranky (docasny) +.jcarousel-skin-shortcat .jcarousel-prev-disabled-horizontal, +.jcarousel-skin-shortcat .jcarousel-prev-disabled-horizontal:hover, +.jcarousel-skin-shortcat .jcarousel-prev-disabled-horizontal:active { + cursor: default; + background-image: none; } +/* ================================================================= + 4) fancygallery.css + Styly pro FancyGallery, ktere neobsahuje Fancybox Shortcat mod */ -@media only screen and (max-width: 767px) { - /* Nezobrazujeme cely Likebox, jen maly buttonek */ - #facebookLikeBox { - display: none; } - #facebookButton { - display: block; - text-align: center; } - /* --- Layout uvnitr stranky --- */ - .column, - .double_column { - margin-right: 0; - width: auto; } } +/* Vrstva s thumbnaily */ +#fancybox-thumbnails { + position: fixed; + z-index: 1108; + bottom: 20px; + left: 0px; + width: 100%; + height: 40px; } -/* @media screen and (max-width: 640px) */ -.columns_as_list_item { - padding-top: 9px; } +/* == Vrstva s thumbnaily v pripade kdy zobrazujeme vetsi obrazek na mouseover == */ +#fancybox-thumbnails, +#fancybox-thumbnails .jcarousel-skin-shortcat .jcarousel-clip-horizontal { + height: 129px; + /* 40px maly nahled + 75px mouseover nahled + 4px border + 10px sipka */ } -.column.as_list_item { +/* Vetsi obrazek zobrazovany na mouseover */ +#fancybox-thumbnails .jcarousel-item .hover-image { + width: 75px; + height: 86px; + padding: 2px; position: relative; - overflow: hidden; - margin-bottom: 14px; } + top: -129px; + left: -20px; + display: none; + background-image: url(../../images/fancygallery/fancygallery_thumbnail_hover.gif); + background-repeat: no-repeat; } -.column.as_list_item .image { - margin-bottom: -4px; } - .column.as_list_item .image img { - width: 100%; - max-width: auto; } +#fancybox-thumbnails .jcarousel-item .hover-image img { + width: 75px; + height: 75px; + opacity: 1; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + filter: alpha(opacity=100); } -.column.as_list_item .text { - position: absolute; - margin-top: -38px; - top: 100%; - background: black; - background: rgba(0, 0, 0, 0.66); - color: #fff; - padding: 1px 9px 9px 9px; - -webkit-transition: all 0.15s ease-out; - -o-transition: all 0.15s ease-out; - transition: all 0.15s ease-out; } +#fancybox-thumbnails .jcarousel-item:hover .hover-image { + display: block; } -.column.as_list_item:hover .text, -.column.as_list_item:focus .text, -.column.as_list_item:active .text { - top: 0; - margin-top: 0; - height: 100%; - overflow: hidden; } +#fancybox-thumbnails .jcarousel-item, +#fancybox-thumbnails .jcarousel-next-horizontal, +#fancybox-thumbnails .jcarousel-prev-horizontal { + margin-top: 89px; + /* 75px mouseover nahled + 4px border + 10px sipka */ } -.column.as_list_item .text h2 { - margin-bottom: 0; } +/* +Zkousime dostat mouseover ven z rodicovskeho overflow:hidden prvku: +Rodicum nastavime position: static a synovi pak position: absolute. +(Viz http://www.vzhurudolu.cz/test/override-overflow-hidden/) +*/ +#fancybox-thumbnails .jcarousel-clip, +#fancybox-thumbnails .jcarousel-list { + position: static; } -.column.as_list_item .text h2 a { - font-weight: bold; - text-decoration: none; - display: block; - padding-bottom: 8px; - padding-top: 8px; } +#fancybox-thumbnails .jcarousel-item .hover-image { + position: absolute; + top: auto; + left: auto; + margin-top: -129px; + margin-left: -20px; + z-index: 1110; } -.column.as_list_item .text a { - color: #fff; - text-decoration: underline; } +#fancybox-thumbnails.scrolling .jcarousel-clip, +#fancybox-thumbnails.scrolling .jcarousel-list { + position: relative; } -.column.as_list_item .text p { - margin-bottom: 4px; - margin-top: 0; } +/* Pokud v titulku fotky zobrazujeme i titulek setu, zmenime jeho barvu */ +#fancybox-title-main .set { + color: #999; } /* -Hlavička obsahu stránky -======================= +Helpery +======= */ -.content__head { - text-align: center; - padding: 44px; - text-align: center; } +.clearfix { + *zoom: 1; } + .clearfix:before, .clearfix:after { + display: table; + content: ""; + line-height: 0; } + .clearfix:after { + clear: both; } -.content__head h1 { +.margin_bottom { + margin-bottom: 18px; } + +.container .margin_bottom_half { + margin-bottom: 9px; } + +.container .margin_bottom_double { + margin-bottom: 36px; } + +.without_margin_bottom { margin-bottom: 0; } -/* - Fancybox - ======== -*/ -.fancybox:hover img, -.fancybox:active img, -.fancybox:focus img { - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; - filter: alpha(opacity=90); - opacity: .9; } +.margin_top_negative { + margin-top: -18px; } -/* -Flag - priznaky slev, Last Minute atd. -========================================= -*/ -.flag { - font-size: 12px; - display: inline-block; - font-weight: normal; - text-transform: uppercase; - text-decoration: none; - color: white; - padding: 5px 8px; } +.container .margin_top { + margin-top: 18px; } -a.flag:hover, -a.flag:focus, -a.flag:active { - color: white; - text-decoration: underline; } +.container .margin_top_double { + margin-top: 36px; } -.flag--sm { - font-size: 9px; - padding: 2px 3px; - letter-spacing: .02em; } +.margin_top_half { + margin-top: 9px; } -@media only screen and (max-width: 420px) { - .flag { - font-size: 9px; - padding: 2px 3px; - letter-spacing: .02em; } } +.desktop_only { + display: none !important; } + @media only screen and (min-width: 768px) { + .desktop_only { + display: block !important; } } -@media only screen and (min-width: 768px) { - .flag--lg { - font-size: 20px; - padding: 9px 12px; } } +.dumb_only { + display: none !important; } -.flag--bestseller { - background: rgba(16, 201, 16, 0.85); } +.center, +.text-center { + text-align: center; } -.flag--ratings { - background: rgba(16, 201, 16, 0.85); } +.right { + text-align: right; } -.flag--lastminute { - background: #FF9900; - background: rgba(255, 153, 0, 0.85); } +.left { + text-align: left; } -.flag--hottip { - background: #FFCC00; - background: rgba(255, 204, 0, 0.85); } +.clear_both { + clear: both; } -.flag--new { - background: #1eed1e; - background: rgba(30, 237, 30, 0.85); } +.block_center { + margin-left: auto !important; + margin-right: auto !important; + float: none !important; } -.flag--discount { - background: #FF6600; - background: rgba(255, 102, 0, 0.85); } +.suppress { + opacity: 0.5; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + filter: alpha(opacity=50); } -.flags .flag { - position: absolute; - top: 2px; - left: 2px; } +.float_right { + float: right; } -.flags .flag + .flag { - top: 36px; } - @media only screen and (min-width: 768px) { - .flags .flag + .flag.flag--lg { - top: 44px; } } - .flags .flag + .flag.flag--sm { - top: 32px; } - @media only screen and (max-width: 420px) { - .flags .flag + .flag { - top: 32px; } } +.float_left { + float: left; } -/* +@media only screen and (min-width: 768px) { + .last { + margin-right: 0 !important; } } -Foot - stara paticka -==================== +.tabbed_text { + padding-left: 15px; + padding-right: 45px; } -*/ -#foot { - background: #024E40; - padding: .75em 30px; - color: #fff; - margin: 0; - margin-bottom: -18px; } - @media print { - #foot { - display: none; } } +.small { + font-size: 11px; + line-height: 13px; + color: #999; } + .small a { + color: #999; + text-decoration: underline; } + .small a:hover, .small a:focus, .small a:active { + color: #666; } -#foot a { - color: #fff; } +.sr-only { + position: absolute; + width: 1px; + height: 1px; + margin: -1px; + padding: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; } -/* - Inline list - =========== -*/ -.inline-list { - margin-left: 23px; - line-height: 36px; - margin-bottom: 12px; - text-align: center; } - .inline-list__heading { - font-style: 36px; } - .inline-list__heading--invisible { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - border: 0; } - .inline-list__item { - display: inline-block; - padding: 4px 8px; - margin-bottom: 8px; - background-color: transparent; - border: 1px solid #ccc; - white-space: nowrap; - border-radius: 5px; } - .inline-list__item-icon { - display: inline-block; - padding: 5px; - border-radius: 5px; - background: #024E40; } - .inline-list__item--two-stars, .inline-list__item--three-stars { - font-weight: bold; } - .inline-list__item--no-margin-bottom { - margin-bottom: 0; } - .inline-list__item.active, .inline-list__item:hover, .inline-list__item:focus, .inline-list__item:active { - background-color: #eee; - text-decoration: underline; - cursor: pointer; - border: 1px solid #ddd; } +.floatLeft50 { + float: left; + width: 48%; } -/* # Komponenta Velka polozka seznamu +.floatRight50 { + float: right; + width: 48%; } -Napr. seznamy ubytovatelu, pobytu, last-minute atd. +.clearBothZero, +.clear_zero { + display: block; + clear: both; + font-size: 1px; + line-height: 1px; + height: 1px; } -*/ -.list-items { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; } +.marginBottom3 { + margin-bottom: 3em; } -.list-item { - border: 1px solid transparent; - color: #555; - -webkit-box-sizing: border-box; - box-sizing: border-box; - padding: 9px; - margin-bottom: 18px; - display: -webkit-box; - display: -ms-flexbox; - display: flex; } - @media only screen and (min-width: 768px) { - .list-item { - display: block; - width: calc(33.3% - 28px/3); } } +.marginBottom1half { + margin-bottom: 1.5em; } -.list-item .image { - width: 33.3%; - margin-right: 14px; - position: relative; } - .list-item .image a, .list-item .image img { - display: block; } - @media only screen and (min-width: 768px) { - .list-item .image { - width: auto; - margin-bottom: 12px; - margin-right: 0; } } +.marginRight15 { + margin-right: 15px; } + +.floatLeft { + float: left; } + +.floatRight { + float: right; } -.list-item .content { - position: relative; - width: calc(66.6% - 14px); - padding: 0; } - @media only screen and (min-width: 768px) { - .list-item .content { - width: auto; } } - .list-item .content p { - margin-bottom: 0; } - .list-item .content h2 { - font-size: 22px; - line-height: 30.8px; - margin-bottom: 8px; } +.displayNone { + display: none; } -.list-item .price { - display: inline-block; - width: auto; - color: #444; } - .list-item .price strong { - font-weight: normal; - color: #888; } +.marginTopNo { + margin-top: 0; } -.list-item .price.price--big { - background-color: #ddd; - padding: 4px 6px; - margin: 0 6px 18px 0; } +.sideOne .marginTopNo { + margin-top: -1.5em; } -@media only screen and (min-width: 768px) { - .list-item .content .price { - position: absolute; - top: -44px; - right: -3px; } } +.alignLeft { + text-align: left; } -.list-item.without_border { - border-bottom: 0; } +.alignRight { + text-align: right; } -.list-item.bordered { - border: 1px solid #ddd; } +.alignCenter { + text-align: center; } -.list-item.active, -.list-item:hover, -.list-item:focus, -.list-item:active { - background-color: #eee; - cursor: pointer; - color: #333; - border: 1px solid #ddd; } - .list-item.active h2 a, - .list-item:hover h2 a, - .list-item:focus h2 a, - .list-item:active h2 a { - color: #075207; - text-decoration: underline; } - .js .list-item.active, .js - .list-item:hover, .js - .list-item:focus, .js - .list-item:active { - background-color: #dedede; } +.alignMiddle { + vertical-align: middle; } -/* # Modul Site Logo +.required { + font-size: 1.2em; + font-weight: bold; + color: #f60; } -*/ -.site-logo { - margin: 0; - width: auto; - text-align: center; - font-size: 24px; +p.submit { + text-align: right; } + +.big { + font-size: 1.5em; font-weight: bold; - color: #9BD04E; - padding: 22px 0; } - @media only screen and (min-width: 768px) { - .site-logo { - padding: 66px 0; } } + vertical-align: middle; } -/* # Modul Site Nav +.fontSmall { + font-size: 0.5em; + font-weight: normal; } -Hlavní navigace webu. +small.fontSmall { + font-size: 0.6em; + font-weight: normal; } -Na velkých displejích vedle sebe, na malých většina schovaná do ikonek. +table.fontSmall td, +table.fontSmall th { + font-size: 1.4em; + font-weight: normal; } -*/ -.site-nav { - background: #024E40; - border-bottom: #9BD04E 10px solid; - border-top: #E0E9E8 10px solid; } - @media only screen and (min-width: 768px) { - .site-nav { - padding-left: 15px; - padding-right: 15px; } } - @media print { - .site-nav { - display: none; } } +.clearBoth { + clear: both; } -.site-nav ul { - margin: 0; - padding: 0; } +.container .alignRight { + text-align: right; } -.site-nav li { - list-style-type: none; } +.container .alignLeft { + text-align: left; } -.site-nav a { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - height: 44px; - color: #fff; } - .site-nav a:hover, .site-nav a:focus, .site-nav a:active { - text-decoration: underline; } +.container .alignCenter { + text-align: center; } -@media only screen and (min-width: 768px) { - .site-nav ul { - display: -webkit-box; - display: -ms-flexbox; - display: flex; } - .site-nav li { - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; } - .site-nav a { - height: 66px; } } +.testRed { + border: 1px solid red; } -/* Modul About - =========== +.displayInline { + display: inline; } - Stránka "O nás". -*/ -.about-perex { - text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); } - @media only screen and (min-width: 360px) and (max-width: 767px) { - .about-perex { - padding-left: 50px; - padding-right: 50px; } } - @media only screen and (min-width: 768px) { - .about-perex { - padding-left: 250px; - padding-right: 250px; } } +.displayNone { + display: none; } -.about-person { +.hide { + display: none; } + +.width100 { + width: 100%; } + +.width50 { + width: 50%; } + +.display_block { + display: block; } + +.more_link { + margin: 2em 0; text-align: center; } -.about-person-image img { - border-radius: 50%; - overflow: hidden; - max-width: 138px; - display: block; - margin: 0 auto; } +.accommodation_big_item { + margin-bottom: 36px; } -.about-person-short-text { - max-width: 200px; - margin-left: auto; - margin-right: auto; } +.unveil { + opacity: 0; + -webkit-transition: opacity 0.5s ease-in; + -o-transition: opacity 0.5s ease-in; + transition: opacity 0.5s ease-in; } -@media only screen and (min-width: 768px) { - .about-person-full-text, - .about-person-full-contact { - margin-top: 11px; } } +.more_info { + color: #666; } -.about-history { - background-color: #d8dbd8; - background-position: center center; } - @media only screen and (max-width: 767px) { - .about-history { - background-image: url(http://dovolena.ck-rekrea.cz/images/about/rekrea-katalogy-small.jpg); } } - @media only screen and (min-width: 768px) { - .about-history { - background-image: url(http://dovolena.ck-rekrea.cz/images/about/rekrea-katalogy-medium.jpg); - background-attachment: fixed; } } +.legend { + color: #999; + text-align: right; } -.about-history-perex { - background: #fff; - background: rgba(255, 255, 255, 0.95); - padding: 3em 2em 2em 2em; - margin-top: 5em; - margin-bottom: 5em; } - .about-history-perex .h1 { - margin-bottom: 10px; } - .about-history-perex .h2 { - margin-bottom: 20px; } - @media only screen and (min-width: 768px) { - .about-history-perex { - width: 55%; - margin-left: auto; - margin-right: auto; } } +.similar_items { + margin-top: 54px; } -.about-web-item { - padding: 10px; - text-align: center; - margin-bottom: 0; - border-bottom: 2px solid #999; } +#map_container { + margin: -35px -8px 27px -30px; + width: auto; + height: 562px; } -.about-web-item-eslovensko { - border-color: #0EB10E; } +#mapa_okoli { + margin-top: 8px; } -.about-web-item-velkymeder { - border-color: #06F; } +#subdivisions { + max-width: 940px; + margin-bottom: 36px; } -.about-web-item-tuzemskadovolena { - border-color: #F60; } +#subdivisions h3 { + margin-bottom: 9px; + border-bottom: 1px solid #ccc; } -.about-web-item-epodhajska { - border-color: #c00; } +.more_photos a { + border-top: 1px solid #ccc; + border-bottom: 1px solid #ccc; + margin-left: 0; + padding-left: 0; + padding: 5px 7px; + display: block; } -.about-web-item-besenova { - border-color: #06F; } +.more_photos a:hover, +.more_photos a:focus, +.more_photos a:active { + background-color: #eee; + cursor: pointer; } -@media only screen and (min-width: 768px) { - .about-web-etc { - text-align: center; - padding-left: 260px; - padding-right: 260px; } } +input.input--border { + border: 1px solid #000; } -@media only screen and (min-width: 1180px) { - .about-legal { - padding-left: 300px; - padding-right: 300px; } } +textarea.textarea--border { + border: 1px solid #000; } + +.bb-0 { + border-bottom: 0; } + +.p-r { + position: relative; } + +.d-f { + display: -webkit-box; + display: -ms-flexbox; + display: flex; } + +.fw-w { + -ms-flex-wrap: wrap; + flex-wrap: wrap; } + +.jc-sb { + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; } /* # Tmave barevne schema @@ -1587,7 +1611,9 @@ dark.html .theme-dark { color: white !important; } - .theme-dark h1, .theme-dark h2, .theme-dark h3 { + .theme-dark h1, + .theme-dark h2, + .theme-dark h3 { color: white !important; } .theme-dark .list-item.active, diff --git a/css/style.css.map b/css/style.css.map index baccd31..b784027 100644 --- a/css/style.css.map +++ b/css/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","../scss/lib/_fancygallery.scss","../scss/base/_reset.scss","../scss/base/_body.scss","../scss/base/_typo.scss","../scss/variables/_variables.scss","../scss/base/_helpers.scss","../scss/layout/_container.scss","../scss/layout/_layout.scss","../scss/lib/_mixins.scss","../scss/components/_content_head.scss","../scss/components/_fancybox.scss","../scss/components/_flag.scss","../scss/components/_foot.scss","../scss/components/_inline-list.scss","../scss/components/_list-item.scss","../scss/components/_site_logo.scss","../scss/components/_site_nav.scss","../scss/components/page/_about.scss","../scss/themes/_dark.scss"],"names":[],"mappings":"AAAA,iBAAiB;ACAjB;;;;;;;;;;;;;;;;;;;;;;;EAuBE;AAKF;;;EAGE;AAEF;;;;;;;;;;;;;;GAcG;AAEH,4CAA4C;AAC5C;EACG,iBAAgB,EAClB;;AAED;EACE,gBAAe;EACf,SAAQ;EACR,UAAS;EACT,aAAY;EACZ,YAAW;EACX,kBAAiB;EACjB,mBAAkB;EAClB,gBAAe;EACf,iBAAgB;EAChB,cAAa;EACb,cAAa,EACd;;AAED;EACE,mBAAkB;EAClB,OAAM;EACN,QAAO;EACP,YAAW;EACX,cAAa;EACb,gEAA+D,EAChE;;AAED;EACE,gBAAe;EACf,OAAM;EACN,QAAO;EACP,UAAS;EACT,SAAQ;EACR,iBAAgB;EAChB,cAAa;EACb,cAAa,EACd;;AAED;EACE,WAAU;EACV,UAAS;EACT,UAAS;EACT,eAAc;EACd,cAAa,EACd;;AAED;EACE,mBAAkB;EAClB,OAAM;EACN,QAAO;EACP,UAAS;EACT,cAAa;EACb,cAAa;EACb,cAAa,EACd;;AAED;EACE,mBAAkB;EAClB,YAAW;EACX,aAAY;EACZ,iBAAgB,EACjB;;AAED;EACE,mBAAkB;EAClB,OAAM;EACN,QAAO;EACP,WAAU;EACV,YAAW;EACX,WAAU;EACV,UAAS;EACT,cAAa;EACb,iBAAgB,EACjB;;AAED;EACE,cAAa,EACd;;AAED;EACE,mBAAkB;EAClB,OAAM;EACN,QAAO;EACP,YAAW;EACX,aAAY;EACZ,wBAAuB,EACxB;;AAED;EACE,gBAAe;EACf,YAAW;EACX,UAAS;EACT,YAAW;EACX,aAAY;EACZ,mEAAkE;EAClE,8BAA6B;EAC7B,gBAAe;EACf,cAAa;EACb,cAAa,EACd;;AAED;EACE,iCAAgC,EACjC;;AAED;EACE,YAAW;EACX,6BAA4B;EAC5B,aAAY;EACZ,UAAS,EACV;;AAED;EACE,aAAY;EACZ,YAAW;EACX,WAAU;EACV,UAAS,EACV;;AAED;EACE,YAAW;EACX,aAAY;EACZ,WAAU;EACV,UAAS;EACT,aAAY;EACZ,cAAa;EACb,eAAc;EACd,oBAAmB;EACnB,gCAA+B,EAChC;;AAED;EACE,mBAAkB;EAClB,YAAW;EACX,aAAY;EACZ,aAAY;EACZ,eAAc,EACf;;AAED;EACE,mBAAkB;EAClB,UAAS;EACT,QAAO;EACP,cAAa,EACd;;AAED;EACE,gBAAe;EACf,mBAAkB;EAClB,YAAW,EACZ;;AAED;EACE,iBAAgB;EAChB,YAAW;EACX,mBAAkB,EACnB;;AAED;EACE,YAAW;EACX,iBAAgB,EACjB;;AAED;EACE,cAAa;EACb,wEAAuE;EACvE,eAAc,EACf;;AAED,yBAAyB;AAEzB;EACE,gBAAe;EACf,WAAU;EACV,UAAS;EACT,YAAW;EACX,iBAAgB;EAChB,gBAAe;EACf,iBAAgB;EAChB,sBAAqB;EACrB,kBAAiB;EACjB,wEAAuE,EACxE;;AAED;;EAEE,cAAa,EACd;;AAED;EACE,YAAW;EACX,iBAAgB;EAChB,eAAc;EACd,WAAU,EACX;;AAED,sCAAsC;AAEtC;;EAEE,gBAAe;EACf,YAAW;EACX,aAAY;EACZ,WAAU;EACV,gBAAe;EACf,cAAa;EACb,6DAA4D;EAC5D,cAAa;EACb,cAAa,EACd;;AAED;EACE,UAAS,EACV;;AAED;EACE,WAAU,EACX;;AAED;;EAEE,mBAAkB;EAClB,SAAQ;EACR,cAAa;EACb,YAAW;EACX,aAAY;EACZ,kBAAiB;EACjB,gBAAe;EACf,cAAa;EACb,eAAc,EACf;;AAED;EACE,sEAAqE;EACrE,UAAS,EACV;;AAED;EACE,uEAAsE;EACtE,WAAU;EACV,WAAU,EACX;;AAED;;;;;;EAMC,6BAA4B,EAC5B;;AAED,qBAAqB;AAErB;EACE,cAAa,EACd;;AAKD;;;EAGE;AAEF;;;GAGG;AACH;EACI,mBAAkB,EACrB;;AAED;EACI,WAAU;EACV,WAAU;EACV,UAAS;EACT,iBAAgB;EAChB,mBAAkB,EACrB;;AAED;EACI,WAAU;EACV,iBAAgB;EAChB,mBAAkB;EAClB,OAAM;EACN,QAAO;EACP,UAAS;EACT,WAAU,EACb;;AAED;;EAEI,YAAW;EACX,iBAAgB;EAChB,gFAAgF;EAChF,YAAW;EACX,aAAY,EACf;;AAED;;;;GAIG;AACH;EACI,WAAU;E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EACE,cAAa,EACd;;AAED;EACE,mBAAkB,EACnB;;AAED;EACE,iBAAgB,EACjB;;AAED;EACE,kBAAiB,EAClB;;AAED;EACE,mBAAkB,EACnB;;AAED;EACE,uBAAsB,EACvB;;AAED;EACE,iBAAgB;EAChB,kBAAiB;EACjB,YAAW,EACZ;;AAED;EACE,kBAAiB,EAClB;;AAED;EACE,iBAAgB;EAChB,kBAAiB;EACjB,uBAAsB,EACvB;;AAED;EACE,gBAAe;EACf,oBAAmB,EACpB;;AAED;EACE,gBAAe;EACf,oBAAmB,EACpB;;AAED;EACE,iBAAgB;EAChB,oBAAmB,EACpB;;AAED;EACE,YAAW,EACZ;;AAED;EACE,kBAAiB,EAClB;;AAED;EACE,iBAAgB,EACjB;;AAED;EACE,mBAAkB,EACnB;;AAED;EACE,sBAAqB,EACtB;;AAED;EACE,gBAAe,EAChB;;AAED;EACE,cAAa,EACd;;AAED;EACE,cAAa,EACd;;AAMD;EACE,YAAW,EACZ;;AAED;EACE,WAAU,EACX;;AAED;EACE,eAAc,EACf;;AAWD;EACE,cAAa;EACb,mBAAkB,EACnB;;AAKD;EACE,oBAAmB,EACpB;;AAID;EACE,WAAU;EACV,wCAA+B;EAA/B,mCAA+B;EAA/B,gCAA+B,EAChC;;AAID;EACE,YAAW,EACZ;;AAID;EACE,YAAW;EACX,kBAAiB,EAClB;;AAID;EACE,iBAAgB,EACjB;;AAID;EACE,8BAA6B;EAC7B,YAAW;EACX,cAAa,EACd;;AAED;EACE,gBAAe,EAChB;;AAED;EACE,iBAAgB;EAChB,oBAAmB,EACpB;;AAID;EACE,mBAAkB;EAClB,8BAA6B,EAC9B;;AAID;EACE,2BAA0B;EAC1B,8BAA6B;EAC7B,eAAc;EACd,gBAAe;EACf,iBAAgB;EAChB,eAAc,EACf;;AAED;EACE,uBAAsB;EACtB,gBAAe,EAChB;;AAGD;EACE,uBAAsB,EACvB;;AAED;EACE,uBAAsB,EACvB;;AC1YD;;;EAGE;AAEF;EACE,kBAAiB;EACjB,4EAA2E;EAC3E,eAAc;EACd,oBAAmB;EACnB,mBAAkB;EAClB,oDAA2C;UAA3C,4CAA2C,EAC5C;;ACZD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuCE;AAEF;EACE,kCAAiC;EAAE,6BAA6B,EAMjE;EAPD;IAII,yBAAgB;YAAhB,iBAAgB;IAChB,UAAS,EACV;;AAGH;EACE,uBAAsB,EAKvB;EAHC;IAHF;MAII,wBAAuB,EAE1B,EAAA;;AAED;EACE,4CAA2C,EAC5C;;AAED;EACE;;;;;;;;;IASE;EAEF;IACE,YAAW;IACX,kCAAiC;IAAE,6BAA6B,EACjE;EAED;IACE,6BAA4B,EAC7B,EAAA;;AAIH,mFAAmF;AAEnF;GClFE,QAAQ;EDoFR,oBAAmB,EACpB;ECpFC;IACE,eAAc;IACd,YAAW;IAGX,eAAc,EACf;EACD;IACE,YAAW,EACZ;;AD6EH;EACE,eAAc;EACd,YAAW,EACZ;;AAGD;;EAEE;AAEF;EACC,oBHlGyB;GIAxB,QAAQ,EDoGT;ECnGC;IACE,eAAc;IACd,YAAW;IAGX,eAAc,EACf;EACD;IACE,YAAW,EACZ;;AD4FH;;;;;EAKE;AAGA;EADF;IAEI,mBAAkB,EAErB,EAAA;;AAED;;;;;;;;;;EAUE;AAGA;EADF;IAEI,YAAW;IACX,qBAAoB;IACpB,mBAAkB;IAClB,iBAAgB,EAEnB,EAAA;;AAGC;EADF;IAEI,YAAW;IACX,2BAA0B;IAC1B,mBAAkB,EAErB,EAAA;;AAGC;EADF;IAEI,YAAW,EAEd,EAAA;;AAGC;EADF;IAEI,YAAW;IACX,aAAkC;IAClC,mBH7GS,EG+GZ,EAAA;;AAED;EACE,gBAAe,EAChB;;AAED;EAEC;IACC,eAAc;IACd,iBAAgB,EAChB;EAGD;IACC,oBAAmB,EACnB;EAGD;;;IAIE,kBAAiB;IACjB,mBAAkB;IAClB,YAAW,EACX;EAIF;IACG,mBAAuB,EACxB;EAED;IACE,mBAAuB,EACxB;EAEF;IACC,gBAAe,EACf,EAAA;;AAIF;;;;;;;;;EASE;AACF;EAEI,mDAAmD;EACnD;IACI,cAAa,EAAI;EACrB;IACI,eAAc;IAAE,mBAAkB,EAAI;EAE1C,mCAAmC;EACnC;;IAEE,gBAAe;IACf,YAAW,EACZ,EAAA;;AAEH,0CAA0C;AAO5C;EACE,iBAAgB,EACjB;;AAED;EACE,mBAAkB;EAClB,iBAAgB;EAChB,oBAAmB,EACpB;;AAED;EACE,oBAAmB,EAOpB;EARD;IAKI,YAAW;IACX,gBAAe,EAChB;;AAKH;EACE,mBAAkB;EAClB,kBAAiB;EACjB,UAAS;EACT,kBAAwB;EACxB,gCAA+B;EAC/B,YAAW;EACX,yBAAwB;EACxB,uCAA8B;EAA9B,kCAA8B;EAA9B,+BAA8B,EAC/B;;AAED;;;EAGE,OAAM;EACN,cAAa;EACb,aAAY;EACZ,iBAAgB,EACjB;;AAGD;EACE,iBAAgB,EACjB;;AAED;EACE,kBAAiB;EACjB,sBAAqB;EACrB,eAAc;EACd,oBAAmB;EACnB,iBAAgB,EACjB;;AAGD;EACE,YAAW;EACX,2BAA0B,EAC3B;;AAED;EACE,mBAAkB;EAClB,cAAa,EACd;;AE7SD;;;;;EAKE;AAEF;EACE,mBAAkB;EAClB,cAA4B;EAC5B,mBAAkB,EACnB;;AAED;EACE,iBAAgB,EACjB;;ACfD;;;EAGE;AAIF;;;EAGE,kEAAgE;EAChE,0BAAyB;EACzB,YAAW,EACZ;;ACbD;;;EAGE;AAEF;EACE,gBAAe;EACf,sBAAqB;EACrB,oBAAmB;EACnB,0BAAyB;EACzB,sBAAqB;EACrB,aAAY;EACZ,iBP+Da,EO9Dd;;AAED;;;EAGE,aAAY;EACZ,2BAA0B,EAC3B;;AAaD;EALE,eAAc;EACd,iBAAgB;EAChB,sBAAqB,EAKtB;;AAED;EACE;IAVA,eAAc;IACd,iBAAgB;IAChB,sBAAqB,EAUpB,EAAA;;AAMH;EACE;IACC,gBPxCuB;IOyCvB,kBPgCgB,EO/BhB,EAAA;;AAQH;EACE,oCAAqD,EACtD;;AAID;EACE,oCAAqD,EACtD;;AAID;EACE,oBAAmB;EACnB,oCAAmC,EACpC;;AAID;EACE,oBAAmB;EACnB,oCAAmC,EACpC;;AAID;EACE,oBAAsC;EACtC,oCAAsD,EACvD;;AAID;EACE,oBAAmB;EACnB,oCAAoC,EACrC;;AAUD;EAGI,mBAAkB;EAClB,SAAQ;EACR,UAAS,EACV;;AANH;EAwBI,UAAyB,EAe1B;EAZG;IA3BN;MA4BQ,UAA+B,EAElC,EAAA;EA9BL;IAiCM,UAA+B,EAChC;EAED;IApCJ;MAqCM,UAA+B,EAElC,EAAA;;AC/IH;;;;;EAKE;AAKF;EACE,oBRMkB;EQLlB,oBAAkB;EAClB,YAAU;EACV,UAAQ;EAER,qBAAoB,EAKrB;EAHC;IARF;MASI,cAAa,EAEhB,EAAA;;AAED;EACE,YAAU,EACX;;ACzBD;;;EAGE;AAIF;EACE,kBAAiB;EACjB,kBAAiB;EACjB,oBAAmB;EACnB,mBAAkB,EAuDnB;EArDC;IACE,iBAAgB,EAajB;IAVC;MACE,mBAAkB;MAClB,WAAU;MACV,YAAW;MACX,WAAU;MACV,aAAY;MACZ,iBAAgB;MAChB,uBAAsB;MACtB,UAAS,EACV;EAGH;IACE,sBAAqB;IACrB,iBAAgB;IAChB,mBAAkB;IAClB,8BAA6B;IAC7B,uBAAsB;IACtB,oBAAmB;IACnB,mBAAkB,EA6BnB;IA3BC;MACE,sBAAqB;MACrB,aAAY;MACZ,mBAAkB;MAClB,oBTzBc,ES0Bf;IAED;MAEE,kBAAiB,EAKlB;IAED;MAAsB,iBAAgB,EAAI;IAzB3C;MA+BG,uBAAsB;MACtB,2BAA0B;MAC1B,gBAAe;MACf,uBAAsB,EACvB;;AChEL;;;;EAIE;AAEF;EACE,qBAAa;EAAb,qBAAa;EAAb,cAAa;EACb,oBAAe;MAAf,gBAAe;EACf,0BAA8B;MAA9B,uBAA8B;UAA9B,+BAA8B,EAC/B;;AAED;EACE,8BAA6B;EAC7B,YAAW;EACX,+BAAsB;UAAtB,uBAAsB;EACtB,aAAY;EACZ,oBAAmB;EACnB,qBAAa;EAAb,qBAAa;EAAb,cAAa,EAMd;EAJC;IARF;MASI,eAAc;MACd,4BAA2B,EAE9B,EAAA;;AAID;EACE,aAAY;EACZ,mBAAkB;EAClB,mBAAkB,EAWnB;EAdD;IAMI,eAAc,EACf;EAED;IATF;MAUI,YAAW;MACX,oBAAmB;MACnB,gBAAe,EAElB,EAAA;;AAMD;EACE,mBAAkB;EAClB,0BAAyB;EACzB,WAAU,EAcX;EAZC;IALF;MAMI,YAAW,EAWd,EAAA;EAjBD;IAUI,iBAAgB,EACjB;EAXH;IN1BE,gBMwCkB;INvClB,oBAA6B;IMwC3B,mBAAkB,EACnB;;AAKH;EACE,sBAAqB;EACrB,YAAW;EACX,YAAW,EAMZ;EATD;IAMM,oBAAmB;IACnB,YAAW,EACZ;;AAGL;EACE,uBAAsB;EACtB,iBAAgB;EAChB,qBAAoB,EACrB;;AAKC;EADF;IAEI,mBAAkB;IAClB,WAAU;IACV,YAAW,EAEd,EAAA;;AAOD;EACE,iBAAgB,EACjB;;AAID;EACE,uBAAsB,EACvB;;AAKD;;;;EAIE,uBAAsB;EACtB,gBAAe;EACf,YAAW;EACX,uBAAsB,EAYvB;EAnBD;;;;IAUI,eAAgC;IAChC,2BAA0B,EAC3B;EAID;;;;IACE,0BAAyB,EAC1B;;ACpIH;;EAEE;AAEF;EACE,UAAS;EACV,YAAW;EACX,mBAAkB;EAClB,gBAAe;EACf,kBAAiB;EAChB,eXSmB;EWRnB,gBAA4B,EAK7B;EAHC;IATF;MAUI,gBAA8B,EAEjC,EAAA;;AChBD;;;;;;EAME;AAEF;EACC,oBZQmB;EYPlB,kCAAsC;EACvC,+BAAmC,EAUnC;EARA;IALD;MAME,mBAAkB;MAClB,oBAAmB,EAMpB,EAAA;EAHC;IAVF;MAWI,cAAa,EAEhB,EAAA;;AAED;EACE,UAAS;EACT,WAAU,EACX;;AAED;EACC,sBAAqB,EACrB;;AAED;EACE,qBAAa;EAAb,qBAAa;EAAb,cAAa;EACb,yBAAuB;MAAvB,sBAAuB;UAAvB,wBAAuB;EACvB,0BAAmB;MAAnB,uBAAmB;UAAnB,oBAAmB;EACnB,aAA2B;EAC3B,YAAW,EAOZ;EAZD;IAUI,2BAA0B,EAC3B;;AAKH;EACE;IACE,qBAAa;IAAb,qBAAa;IAAb,cAAa,EACd;EAED;IACE,oBAAO;QAAP,YAAO;YAAP,QAAO,EACR;EAED;IACE,aAA2B,EAC5B,EAAA;;AC3DH;;;;EAIE;AAKF;EACE,4CAAuC,EAUxC;EARC;IAHF;MAII,mBAAkB;MAClB,oBAAmB,EAMtB,EAAA;EAJC;IAPF;MAQI,oBAAmB;MACnB,qBAAoB,EAEvB,EAAA;;AAKD;EACE,mBAAkB,EACnB;;AAED;EACE,mBAAkB;EAClB,iBAAgB;EAChB,iBAAsC;EACtC,eAAc;EACd,eAAc,EACf;;AAED;EACE,iBAAgB;EAChB,kBAAiB;EACjB,mBAAkB,EACnB;;AAIC;EAFF;;IAGI,iBAA+B,EAElC,EAAA;;AAKD;EACE,0Bbb2D;Eac3D,mCAAkC,EAcnC;EAZC;IAJF;MAKI,2FAC0E,EAU7E,EAAA;EAPC;IATF;MAUI,4FAC2E;MAG3E,6BAA4B,EAE/B,EAAA;;AAED;EACE,iBAAgB;EAChB,sCAAiC;EACjC,yBAAwB;EACxB,gBAAe;EACf,mBAAkB,EAenB;EApBD;IAQI,oBAAmB,EACpB;EATH;IAYI,oBAAmB,EACpB;EAED;IAfF;MAgBI,WAAU;MACV,kBAAiB;MACjB,mBAAkB,EAErB,EAAA;;AAKD;EACE,cAAa;EACb,mBAAkB;EAClB,iBAAgB;EAChB,8BAA6B,EAC9B;;AAED;EAA6B,sBAAqB,EAAI;;AACtD;EAA6B,mBAAkB,EAAI;;AACnD;EAAmC,mBAAkB,EAAI;;AACzD;EAA6B,mBAAkB,EAAI;;AACnD;EAA2B,mBAAkB,EAAI;;AAG/C;EADF;IAEI,mBAAkB;IAClB,oBAAmB;IACnB,qBAAoB,EAEvB,EAAA;;AAMC;EADF;IAEI,oBAAmB;IACnB,qBAAoB,EAEvB,EAAA;;AC7HD;;;;EAIE;AAEF;EACE,iBAAgB,EACjB;;AAED;EACE,wBAAuB,EAKxB;EAND;IAII,wBAAuB,EACxB;;AAMH;;;;EAKI,uBAAsB;EACtB,mBAAkB;EAClB,aAAY,EAYb;EAnBH;;;;IAUM,aAAY;IACZ,2BAA0B,EAC3B;EAID;;;;IACE,uBAAsB,EACvB","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","../scss/base/_reset.scss","../scss/base/_body.scss","../scss/base/_typo.scss","../scss/variables/_variables.scss","../scss/layout/_container.scss","../scss/layout/_layout.scss","../scss/mixins/_mixins.scss","../scss/components/page/_about.scss","../scss/components/_content_head.scss","../scss/components/_fancybox.scss","../scss/components/_flag.scss","../scss/components/_foot.scss","../scss/components/_site_logo.scss","../scss/components/_site_nav.scss","../scss/components-new/_inline-list.scss","../scss/components-new/_list-item.scss","../scss/components-new/_price.scss","../scss/lib/_fancygallery.scss","../scss/helpers/_helpers.scss","../scss/themes/_dark.scss"],"names":[],"mappings":"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ClB,OAAM;EACN,QAAO;EACP,UAAS;EACT,cAAa;EACb,cAAa;EACb,cAAa,EACd;;AAED;EACE,mBAAkB;EAClB,YAAW;EACX,aAAY;EACZ,iBAAgB,EACjB;;AAED;EACE,mBAAkB;EAClB,OAAM;EACN,QAAO;EACP,WAAU;EACV,YAAW;EACX,WAAU;EACV,UAAS;EACT,cAAa;EACb,iBAAgB,EACjB;;AAED;EACE,cAAa,EACd;;AAED;EACE,mBAAkB;EAClB,OAAM;EACN,QAAO;EACP,YAAW;EACX,aAAY;EACZ,wBAAuB,EACxB;;AAED;EACE,gBAAe;EACf,YAAW;EACX,UAAS;EACT,YAAW;EACX,aAAY;EACZ,mEAAkE;EAClE,8BAA6B;EAC7B,gBAAe;EACf,cAAa;EACb,cAAa,EACd;;AAED;EACE,iCAAgC,EACjC;;AAED;EACE,YAAW;EACX,6BAA4B;EAC5B,aAAY;EACZ,UAAS,EACV;;AAED;EACE,aAAY;EACZ,YAAW;EACX,WAAU;EACV,UAAS,EACV;;AAED;EACE,YAAW;EACX,aAAY;EACZ,WAAU;EACV,UAAS;EACT,aAAY;EACZ,cAAa;EACb,eAAc;EACd,oBAAmB;EACnB,gCAA+B,EAChC;;AAED;EACE,mBAAkB;EAClB,YAAW;EACX,aAAY;EACZ,aAAY;EACZ,eAAc,EACf;;AAED;EACE,mBAAkB;EAClB,UAAS;EACT,QAAO;EACP,cAAa,EACd;;AAED;EACE,gBAAe;EACf,mBAAkB;EAClB,YAAW,EACZ;;AAED;EACE,iBAAgB;EAChB,YAAW;EACX,mBAAkB,EACnB;;AAED;EACE,YAAW;EACX,iBAAgB,EACjB;;AAED;EACE,cAAa;EACb,wEAAuE;EACvE,eAAc,EACf;;AAED,yBAAyB;AAEzB;EACE,gBAAe;EACf,WAAU;EACV,UAAS;EACT,YAAW;EACX,iBAAgB;EAChB,gBAAe;EACf,iBAAgB;EAChB,sBAAqB;EACrB,kBAAiB;EACjB,wEAAuE,EACxE;;AAED;;EAEE,cAAa,EACd;;AAED;EACE,YAAW;EACX,iBAAgB;EAChB,eAAc;EACd,WAAU,EACX;;AAED,sCAAsC;A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,EACjB;;AAED;EACE,YAAW,EACZ;;AAED;EACE,6BAA4B;EAC5B,8BAA6B;EAC7B,uBAAsB,EACvB;;AAED;EACE,aAAY;EACZ,kEAAiE;EACjE,0BAAyB,EAC1B;;AAED;EACE,aAAY,EACb;;AAED;EACE,YAAW,EACZ;;AAGC;EADF;IAEI,2BAA0B,EAE7B,EAAA;;AAGD;EACE,mBAAkB;EAClB,oBAAmB,EACpB;;AAGD;EACE,gBAAe;EACf,kBAAiB;EACjB,YAAW,EAYZ;EAfD;IAMI,YAAW;IACX,2BAA0B,EAO3B;IAdH;MAYM,YAAW,EACZ;;AAOL;EACE,mBAAkB;EAClB,WAAU;EACV,YAAW;EACX,aAAY;EACZ,WAAU;EACV,iBAAgB;EAChB,uBAAsB;EACtB,UAAS,EACV;;AAOD;EACE,YAAW;EACX,WAAU,EACX;;AAED;EACE,aAAY;EACZ,WAAU,EACX;;AAED;;EAEE,eAAc;EACd,YAAW;EACX,eAAc;EACd,iBAAgB;EAChB,YAAW,EACZ;;AAED;EACE,mBAAkB,EACnB;;AAED;EACE,qBAAoB,EACrB;;AAED;EACE,mBAAkB,EACnB;;AAED;EACE,YAAW,EACZ;;AAED;EACE,aAAY,EACb;;AAED;EACE,cAAa,EACd;;AAED;EACE,cAAa,EACd;;AAED;EACE,mBAAkB,EACnB;;AAED;EACE,iBAAgB,EACjB;;AAED;EACE,kBAAiB,EAClB;;AAED;EACE,mBAAkB,EACnB;;AAED;EACE,uBAAsB,EACvB;;AAED;EACE,iBAAgB;EAChB,kBAAiB;EACjB,YAAW,EACZ;;AAED;EACE,kBAAiB,EAClB;;AAED;EACE,iBAAgB;EAChB,kBAAiB;EACjB,uBAAsB,EACvB;;AAED;EACE,iBAAgB;EAChB,oBAAmB,EACpB;;AAED;EACE,iBAAgB;EAChB,oBAAmB,EACpB;;AAED;;EAEE,iBAAgB;EAChB,oBAAmB,EACpB;;AAED;EACE,YAAW,EACZ;;AAED;EACE,kBAAiB,EAClB;;AAED;EACE,iBAAgB,EACjB;;AAED;EACE,mBAAkB,EACnB;;AAED;EACE,sBAAqB,EACtB;;AAED;EACE,gBAAe,EAChB;;AAED;EACE,cAAa,EACd;;AAED;EACE,cAAa,EACd;;AAKD;EACE,YAAW,EACZ;;AAED;EACE,WAAU,EACX;;AAED;EACE,eAAc,EACf;;AAUD;EACE,cAAa;EACb,mBAAkB,EACnB;;AAKD;EACE,oBAAmB,EACpB;;AAID;EACE,WAAU;EACV,yCAAgC;EAAhC,oCAAgC;EAAhC,iCAAgC,EACjC;;AAID;EACE,YAAW,EACZ;;AAID;EACE,YAAW;EACX,kBAAiB,EAClB;;AAID;EACE,iBAAgB,EACjB;;AAID;EACE,8BAA6B;EAC7B,YAAW;EACX,cAAa,EACd;;AAED;EACE,gBAAe,EAChB;;AAED;EACE,iBAAgB;EAChB,oBAAmB,EACpB;;AAID;EACE,mBAAkB;EAClB,8BAA6B,EAC9B;;AAID;EACE,2BAA0B;EAC1B,8BAA6B;EAC7B,eAAc;EACd,gBAAe;EACf,iBAAgB;EAChB,eAAc,EACf;;AAED;;;EAGE,uBAAsB;EACtB,gBAAe,EAChB;;AAGD;EACE,uBAAsB,EACvB;;AAED;EACE,uBAAsB,EACvB;;AAID;EACE,iBAAgB,EACjB;;AAED;EACE,mBAAkB,EACnB;;AAED;EACE,qBAAa;EAAb,qBAAa;EAAb,cAAa,EACd;;AAED;EACE,oBAAe;MAAf,gBAAe,EAChB;;AAED;EACE,0BAA8B;MAA9B,uBAA8B;UAA9B,+BAA8B,EAC/B;;AClaD;;;;EAIE;AAEF;EACE,iBAAgB,EACjB;;AAED;EACE,wBAAuB,EAOxB;EARD;;;IAMI,wBAAuB,EACxB;;AAKH;;;;EAKI,uBAAsB;EACtB,mBAAkB;EAClB,aAAY,EAYb;EAnBH;;;;IAUM,aAAY;IACZ,2BAA0B,EAC3B;EAID;;;;IACE,uBAAsB,EACvB","file":"style.css"} \ No newline at end of file diff --git a/index__bem.html b/index__bem.html index e75fa0f..03733f7 100644 --- a/index__bem.html +++ b/index__bem.html @@ -82,10 +82,10 @@

      -
      +
      -
      -

      +

      +

      Minirelax v lázních AKCE -20% @@ -110,10 +110,10 @@

      - +
      -

      +

      Mandloňový pobyt @@ -137,10 +137,10 @@

      - +
      -

      +

      Velikonoční gurmánský pobyt @@ -164,10 +164,10 @@

      - +
      -

      +

      Jarovín Rosé pobytový balíček @@ -190,10 +190,10 @@

      - +
      -

      +

      Relax v Pohodě AKCE -20% @@ -217,10 +217,10 @@

    - +
    -

    +

    PENZION ONYX foto diff --git a/js/rekrea-footer.js b/js/rekrea-footer.js index 8dc6e13..1e472d9 100644 --- a/js/rekrea-footer.js +++ b/js/rekrea-footer.js @@ -1,5 +1,5 @@ /* ========================================================= - * bootstrap-datepicker.js + * bootstrap-datepicker.js * http://www.eyecon.ro/bootstrap-datepicker * ========================================================= * Copyright 2012 Stefan Petre @@ -16,399 +16,796 @@ * See the License for the specific language governing permissions and * limitations under the License. * ========================================================= */ - -!function( $ ) { - - // Picker object - - var Datepicker = function(element, options){ - this.element = $(element); - this.format = DPGlobal.parseFormat(options.format||this.element.data('date-format')||'mm/dd/yyyy'); - this.picker = $(DPGlobal.template) - .appendTo('body') - .on({ - click: $.proxy(this.click, this), - mousedown: $.proxy(this.mousedown, this) - }); - this.isInput = this.element.is('input'); - this.component = this.element.is('.date') ? this.element.find('.add-on') : false; - - if (this.isInput) { - this.element.on({ - focus: $.proxy(this.show, this), - blur: $.proxy(this.hide, this), - keyup: $.proxy(this.update, this) - }); - } else { - if (this.component){ - this.component.on('click', $.proxy(this.show, this)); - } else { - this.element.on('click', $.proxy(this.show, this)); - } - } - - this.viewMode = 0; - this.weekStart = options.weekStart||this.element.data('date-weekstart')||0; - this.weekEnd = this.weekStart == 0 ? 6 : this.weekStart - 1; - this.fillDow(); - this.fillMonths(); - this.update(); - this.showMode(); - }; - - Datepicker.prototype = { - constructor: Datepicker, - - show: function(e) { - this.picker.show(); - this.height = this.component ? this.component.outerHeight() : this.element.outerHeight(); - this.place(); - $(window).on('resize', $.proxy(this.place, this)); - if (e ) { - e.stopPropagation(); - e.preventDefault(); - } - if (!this.isInput) { - $(document).on('mousedown', $.proxy(this.hide, this)); - } - this.element.trigger({ - type: 'show', - date: this.date - }); - }, - - hide: function(){ - this.picker.hide(); - $(window).off('resize', this.place); - this.viewMode = 0; - this.showMode(); - if (!this.isInput) { - $(document).off('mousedown', this.hide); - } - this.setValue(); - this.element.trigger({ - type: 'hide', - date: this.date - }); - }, - - setValue: function() { - var formated = DPGlobal.formatDate(this.date, this.format); - if (!this.isInput) { - if (this.component){ - this.element.find('input').prop('value', formated); - } - this.element.data('date', formated); - } else { - this.element.prop('value', formated); - } - }, - - place: function(){ - var offset = this.component ? this.component.offset() : this.element.offset(); - this.picker.css({ - top: offset.top + this.height, - left: offset.left - }); - }, - - update: function(){ - this.date = DPGlobal.parseDate( - this.isInput ? this.element.prop('value') : this.element.data('date'), - this.format - ); - this.viewDate = new Date(this.date); - this.fill(); - }, - - fillDow: function(){ - var dowCnt = this.weekStart; - var html = ''; - while (dowCnt < this.weekStart + 7) { - html += ''+DPGlobal.dates.daysMin[(dowCnt++)%7]+''; - } - html += ''; - this.picker.find('.datepicker-days thead').append(html); - }, - - fillMonths: function(){ - var html = ''; - var i = 0 - while (i < 12) { - html += ''+DPGlobal.dates.monthsShort[i++]+''; - } - this.picker.find('.datepicker-months td').append(html); - }, - - fill: function() { - var d = new Date(this.viewDate), - year = d.getFullYear(), - month = d.getMonth(), - currentDate = this.date.valueOf(); - this.picker.find('.datepicker-days th:eq(1)') - .text(DPGlobal.dates.months[month]+' '+year); - var prevMonth = new Date(year, month-1, 28,0,0,0,0), - day = DPGlobal.getDaysInMonth(prevMonth.getFullYear(), prevMonth.getMonth()); - prevMonth.setDate(day); - prevMonth.setDate(day - (prevMonth.getDay() - this.weekStart + 7)%7); - var nextMonth = new Date(prevMonth); - nextMonth.setDate(nextMonth.getDate() + 42); - nextMonth = nextMonth.valueOf(); - html = []; - var clsName; - while(prevMonth.valueOf() < nextMonth) { - if (prevMonth.getDay() == this.weekStart) { - html.push(''); - } - clsName = ''; - if (prevMonth.getMonth() < month) { - clsName += ' old'; - } else if (prevMonth.getMonth() > month) { - clsName += ' new'; - } - if (prevMonth.valueOf() == currentDate) { - clsName += ' active'; - } - html.push(''+prevMonth.getDate() + ''); - if (prevMonth.getDay() == this.weekEnd) { - html.push(''); - } - prevMonth.setDate(prevMonth.getDate()+1); - } - this.picker.find('.datepicker-days tbody').empty().append(html.join('')); - var currentYear = this.date.getFullYear(); - - var months = this.picker.find('.datepicker-months') - .find('th:eq(1)') - .text(year) - .end() - .find('span').removeClass('active'); - if (currentYear == year) { - months.eq(this.date.getMonth()).addClass('active'); - } - - html = ''; - year = parseInt(year/10, 10) * 10; - var yearCont = this.picker.find('.datepicker-years') - .find('th:eq(1)') - .text(year + '-' + (year + 9)) - .end() - .find('td'); - year -= 1; - for (var i = -1; i < 11; i++) { - html += ''+year+''; - year += 1; - } - yearCont.html(html); - }, - - click: function(e) { - e.stopPropagation(); - e.preventDefault(); - var target = $(e.target).closest('span, td, th'); - if (target.length == 1) { - switch(target[0].nodeName.toLowerCase()) { - case 'th': - switch(target[0].className) { - case 'switch': - this.showMode(1); - break; - case 'prev': - case 'next': - this.viewDate['set'+DPGlobal.modes[this.viewMode].navFnc].call( - this.viewDate, - this.viewDate['get'+DPGlobal.modes[this.viewMode].navFnc].call(this.viewDate) + - DPGlobal.modes[this.viewMode].navStep * (target[0].className == 'prev' ? -1 : 1) - ); - this.fill(); - break; - } - break; - case 'span': - if (target.is('.month')) { - var month = target.parent().find('span').index(target); - this.viewDate.setMonth(month); - } else { - var year = parseInt(target.text(), 10)||0; - this.viewDate.setFullYear(year); - } - this.showMode(-1); - this.fill(); - break; - case 'td': - if (target.is('.day')){ - var day = parseInt(target.text(), 10)||1; - var month = this.viewDate.getMonth(); - if (target.is('.old')) { - month -= 1; - } else if (target.is('.new')) { - month += 1; - } - var year = this.viewDate.getFullYear(); - this.date = new Date(year, month, day,0,0,0,0); - this.viewDate = new Date(year, month, day,0,0,0,0); - this.fill(); - this.setValue(); - this.element.trigger({ - type: 'changeDate', - date: this.date - }); - } - break; - } - } - }, - - mousedown: function(e){ - e.stopPropagation(); - e.preventDefault(); - }, - - showMode: function(dir) { - if (dir) { - this.viewMode = Math.max(0, Math.min(2, this.viewMode + dir)); - } - this.picker.find('>div').hide().filter('.datepicker-'+DPGlobal.modes[this.viewMode].clsName).show(); - } - }; - - $.fn.datepicker = function ( option ) { - return this.each(function () { - var $this = $(this), - data = $this.data('datepicker'), - options = typeof option == 'object' && option; - if (!data) { - $this.data('datepicker', (data = new Datepicker(this, $.extend({}, $.fn.datepicker.defaults,options)))); - } - if (typeof option == 'string') data[option](); - }); - }; - - $.fn.datepicker.defaults = { - }; - $.fn.datepicker.Constructor = Datepicker; - - var DPGlobal = { - modes: [ - { - clsName: 'days', - navFnc: 'Month', - navStep: 1 - }, - { - clsName: 'months', - navFnc: 'FullYear', - navStep: 1 - }, - { - clsName: 'years', - navFnc: 'FullYear', - navStep: 10 - }], - dates:{ - days: ["Neděle", "Pondělí", "Úterý", "Středa", "Čtvrtek", "Pátek", "Sobota", "Neděle"], - daysShort: ["Ne", "Po", "Út", "St", "Čt", "Pá", "So", "Ne"], - daysMin: ["Ne", "Po", "Út", "St", "Čt", "Pá", "So", "Ne"], - months: ["Leden", "Únor", "Březen", "Duben", "Květen", "Červen", "Červenec", "Srpen", "Září", "Říjen", "Listopad", "Prosinec"], - monthsShort: ["1.", "2.", "3.", "4.", "5.", "6.", "7.", "8.", "9.", "10.", "11.", "12."] - }, - isLeapYear: function (year) { - return (((year % 4 === 0) && (year % 100 !== 0)) || (year % 400 === 0)) - }, - getDaysInMonth: function (year, month) { - return [31, (DPGlobal.isLeapYear(year) ? 29 : 28), 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][month] - }, - parseFormat: function(format){ - var separator = format.match(/[.\/-].*?/), - parts = format.split(/\W+/); - if (!separator || !parts || parts.length == 0){ - throw new Error("Chybný formát data."); - } - return {separator: separator, parts: parts}; - }, - parseDate: function(date, format) { - var parts = date.split(format.separator), - date = new Date(1970, 1, 1, 0, 0, 0), - val; - if (parts.length == format.parts.length) { - for (var i=0, cnt = format.parts.length; i < cnt; i++) { - val = parseInt(parts[i], 10)||1; - switch(format.parts[i]) { - case 'dd': - case 'd': - date.setDate(val); - break; - case 'mm': - case 'm': - date.setMonth(val - 1); - break; - case 'yy': - date.setFullYear(2000 + val); - break; - case 'yyyy': - date.setFullYear(val); - break; - } - } - } - return date; - }, - formatDate: function(date, format){ - var val = { - d: date.getDate(), - m: date.getMonth() + 1, - yy: date.getFullYear().toString().substring(2), - yyyy: date.getFullYear() - }; - val.dd = (val.d < 10 ? '0' : '') + val.d; - val.mm = (val.m < 10 ? '0' : '') + val.m; - var date = []; - for (var i=0, cnt = format.parts.length; i < cnt; i++) { - date.push(val[format.parts[i]]); - } - return date.join(format.separator); - }, - headTemplate: ''+ - ''+ - ''+ - ''+ - ''+ - ''+ - '', - contTemplate: '' - }; - DPGlobal.template = '

    '; - -}( window.jQuery ) + +!(function($) { + // Picker object + + var Datepicker = function(element, options) { + this.element = $(element); + this.format = DPGlobal.parseFormat( + options.format || this.element.data("date-format") || "mm/dd/yyyy" + ); + this.picker = $(DPGlobal.template) + .appendTo("body") + .on({ + click: $.proxy(this.click, this), + mousedown: $.proxy(this.mousedown, this) + }); + this.isInput = this.element.is("input"); + this.component = this.element.is(".date") + ? this.element.find(".add-on") + : false; + + if (this.isInput) { + this.element.on({ + focus: $.proxy(this.show, this), + blur: $.proxy(this.hide, this), + keyup: $.proxy(this.update, this) + }); + } else { + if (this.component) { + this.component.on("click", $.proxy(this.show, this)); + } else { + this.element.on("click", $.proxy(this.show, this)); + } + } + + this.viewMode = 0; + this.weekStart = + options.weekStart || this.element.data("date-weekstart") || 0; + this.weekEnd = this.weekStart == 0 ? 6 : this.weekStart - 1; + this.fillDow(); + this.fillMonths(); + this.update(); + this.showMode(); + }; + + Datepicker.prototype = { + constructor: Datepicker, + + show: function(e) { + this.picker.show(); + this.height = this.component + ? this.component.outerHeight() + : this.element.outerHeight(); + this.place(); + $(window).on("resize", $.proxy(this.place, this)); + if (e) { + e.stopPropagation(); + e.preventDefault(); + } + if (!this.isInput) { + $(document).on("mousedown", $.proxy(this.hide, this)); + } + this.element.trigger({ + type: "show", + date: this.date + }); + }, + + hide: function() { + this.picker.hide(); + $(window).off("resize", this.place); + this.viewMode = 0; + this.showMode(); + if (!this.isInput) { + $(document).off("mousedown", this.hide); + } + this.setValue(); + this.element.trigger({ + type: "hide", + date: this.date + }); + }, + + setValue: function() { + var formated = DPGlobal.formatDate(this.date, this.format); + if (!this.isInput) { + if (this.component) { + this.element.find("input").prop("value", formated); + } + this.element.data("date", formated); + } else { + this.element.prop("value", formated); + } + }, + + place: function() { + var offset = this.component + ? this.component.offset() + : this.element.offset(); + this.picker.css({ + top: offset.top + this.height, + left: offset.left + }); + }, + + update: function() { + this.date = DPGlobal.parseDate( + this.isInput ? this.element.prop("value") : this.element.data("date"), + this.format + ); + this.viewDate = new Date(this.date); + this.fill(); + }, + + fillDow: function() { + var dowCnt = this.weekStart; + var html = ""; + while (dowCnt < this.weekStart + 7) { + html += + '' + DPGlobal.dates.daysMin[dowCnt++ % 7] + ""; + } + html += ""; + this.picker.find(".datepicker-days thead").append(html); + }, + + fillMonths: function() { + var html = ""; + var i = 0; + while (i < 12) { + html += + '' + DPGlobal.dates.monthsShort[i++] + ""; + } + this.picker.find(".datepicker-months td").append(html); + }, + + fill: function() { + var d = new Date(this.viewDate), + year = d.getFullYear(), + month = d.getMonth(), + currentDate = this.date.valueOf(); + this.picker + .find(".datepicker-days th:eq(1)") + .text(DPGlobal.dates.months[month] + " " + year); + var prevMonth = new Date(year, month - 1, 28, 0, 0, 0, 0), + day = DPGlobal.getDaysInMonth( + prevMonth.getFullYear(), + prevMonth.getMonth() + ); + prevMonth.setDate(day); + prevMonth.setDate(day - ((prevMonth.getDay() - this.weekStart + 7) % 7)); + var nextMonth = new Date(prevMonth); + nextMonth.setDate(nextMonth.getDate() + 42); + nextMonth = nextMonth.valueOf(); + html = []; + var clsName; + while (prevMonth.valueOf() < nextMonth) { + if (prevMonth.getDay() == this.weekStart) { + html.push(""); + } + clsName = ""; + if (prevMonth.getMonth() < month) { + clsName += " old"; + } else if (prevMonth.getMonth() > month) { + clsName += " new"; + } + if (prevMonth.valueOf() == currentDate) { + clsName += " active"; + } + html.push( + '' + prevMonth.getDate() + "" + ); + if (prevMonth.getDay() == this.weekEnd) { + html.push(""); + } + prevMonth.setDate(prevMonth.getDate() + 1); + } + this.picker + .find(".datepicker-days tbody") + .empty() + .append(html.join("")); + var currentYear = this.date.getFullYear(); + + var months = this.picker + .find(".datepicker-months") + .find("th:eq(1)") + .text(year) + .end() + .find("span") + .removeClass("active"); + if (currentYear == year) { + months.eq(this.date.getMonth()).addClass("active"); + } + + html = ""; + year = parseInt(year / 10, 10) * 10; + var yearCont = this.picker + .find(".datepicker-years") + .find("th:eq(1)") + .text(year + "-" + (year + 9)) + .end() + .find("td"); + year -= 1; + for (var i = -1; i < 11; i++) { + html += + '' + + year + + ""; + year += 1; + } + yearCont.html(html); + }, + + click: function(e) { + e.stopPropagation(); + e.preventDefault(); + var target = $(e.target).closest("span, td, th"); + if (target.length == 1) { + switch (target[0].nodeName.toLowerCase()) { + case "th": + switch (target[0].className) { + case "switch": + this.showMode(1); + break; + case "prev": + case "next": + this.viewDate[ + "set" + DPGlobal.modes[this.viewMode].navFnc + ].call( + this.viewDate, + this.viewDate[ + "get" + DPGlobal.modes[this.viewMode].navFnc + ].call(this.viewDate) + + DPGlobal.modes[this.viewMode].navStep * + (target[0].className == "prev" ? -1 : 1) + ); + this.fill(); + break; + } + break; + case "span": + if (target.is(".month")) { + var month = target + .parent() + .find("span") + .index(target); + this.viewDate.setMonth(month); + } else { + var year = parseInt(target.text(), 10) || 0; + this.viewDate.setFullYear(year); + } + this.showMode(-1); + this.fill(); + break; + case "td": + if (target.is(".day")) { + var day = parseInt(target.text(), 10) || 1; + var month = this.viewDate.getMonth(); + if (target.is(".old")) { + month -= 1; + } else if (target.is(".new")) { + month += 1; + } + var year = this.viewDate.getFullYear(); + this.date = new Date(year, month, day, 0, 0, 0, 0); + this.viewDate = new Date(year, month, day, 0, 0, 0, 0); + this.fill(); + this.setValue(); + this.element.trigger({ + type: "changeDate", + date: this.date + }); + } + break; + } + } + }, + + mousedown: function(e) { + e.stopPropagation(); + e.preventDefault(); + }, + + showMode: function(dir) { + if (dir) { + this.viewMode = Math.max(0, Math.min(2, this.viewMode + dir)); + } + this.picker + .find(">div") + .hide() + .filter(".datepicker-" + DPGlobal.modes[this.viewMode].clsName) + .show(); + } + }; + + $.fn.datepicker = function(option) { + return this.each(function() { + var $this = $(this), + data = $this.data("datepicker"), + options = typeof option == "object" && option; + if (!data) { + $this.data( + "datepicker", + (data = new Datepicker( + this, + $.extend({}, $.fn.datepicker.defaults, options) + )) + ); + } + if (typeof option == "string") data[option](); + }); + }; + + $.fn.datepicker.defaults = {}; + $.fn.datepicker.Constructor = Datepicker; + + var DPGlobal = { + modes: [ + { + clsName: "days", + navFnc: "Month", + navStep: 1 + }, + { + clsName: "months", + navFnc: "FullYear", + navStep: 1 + }, + { + clsName: "years", + navFnc: "FullYear", + navStep: 10 + } + ], + dates: { + days: [ + "Neděle", + "Pondělí", + "Úterý", + "Středa", + "Čtvrtek", + "Pátek", + "Sobota", + "Neděle" + ], + daysShort: ["Ne", "Po", "Út", "St", "Čt", "Pá", "So", "Ne"], + daysMin: ["Ne", "Po", "Út", "St", "Čt", "Pá", "So", "Ne"], + months: [ + "Leden", + "Únor", + "Březen", + "Duben", + "Květen", + "Červen", + "Červenec", + "Srpen", + "Září", + "Říjen", + "Listopad", + "Prosinec" + ], + monthsShort: [ + "1.", + "2.", + "3.", + "4.", + "5.", + "6.", + "7.", + "8.", + "9.", + "10.", + "11.", + "12." + ] + }, + isLeapYear: function(year) { + return (year % 4 === 0 && year % 100 !== 0) || year % 400 === 0; + }, + getDaysInMonth: function(year, month) { + return [ + 31, + DPGlobal.isLeapYear(year) ? 29 : 28, + 31, + 30, + 31, + 30, + 31, + 31, + 30, + 31, + 30, + 31 + ][month]; + }, + parseFormat: function(format) { + var separator = format.match(/[.\/-].*?/), + parts = format.split(/\W+/); + if (!separator || !parts || parts.length == 0) { + throw new Error("Chybný formát data."); + } + return { separator: separator, parts: parts }; + }, + parseDate: function(date, format) { + var parts = date.split(format.separator), + date = new Date(1970, 1, 1, 0, 0, 0), + val; + if (parts.length == format.parts.length) { + for (var i = 0, cnt = format.parts.length; i < cnt; i++) { + val = parseInt(parts[i], 10) || 1; + switch (format.parts[i]) { + case "dd": + case "d": + date.setDate(val); + break; + case "mm": + case "m": + date.setMonth(val - 1); + break; + case "yy": + date.setFullYear(2000 + val); + break; + case "yyyy": + date.setFullYear(val); + break; + } + } + } + return date; + }, + formatDate: function(date, format) { + var val = { + d: date.getDate(), + m: date.getMonth() + 1, + yy: date + .getFullYear() + .toString() + .substring(2), + yyyy: date.getFullYear() + }; + val.dd = (val.d < 10 ? "0" : "") + val.d; + val.mm = (val.m < 10 ? "0" : "") + val.m; + var date = []; + for (var i = 0, cnt = format.parts.length; i < cnt; i++) { + date.push(val[format.parts[i]]); + } + return date.join(format.separator); + }, + headTemplate: + "" + + "" + + '' + + '' + + '' + + "" + + "", + contTemplate: '' + }; + DPGlobal.template = + '"; +})(window.jQuery); /** -* pine-navigation.js v0.5.0 -*/ -!function(a){a.log=function(a){window.log&&window.console&&window.console.log&&console.log(a)}}(window.jQuery||window.Zepto),window.matchMq=window.matchMedia||function(a){var b=a.documentElement,c=b.firstElementChild||b.firstChild,d=a.createElement("body"),e=a.createElement("div");e.id="mq-test-1",e.style.cssText="position:absolute;top:-100em",d.style.background="none",d.appendChild(e);var f,g=function(a){return e.innerHTML='­',b.insertBefore(d,c),bool=42===e.offsetWidth,b.removeChild(d),{matches:bool,media:a}},h=function(){var c,d=b.body,g=!1;return e.style.cssText="position:absolute;font-size:1em;width:1em",d||(d=g=a.createElement("body"),d.style.background="none"),d.appendChild(e),b.insertBefore(d,b.firstChild),g?b.removeChild(d):d.removeChild(e),c=f=parseFloat(e.offsetWidth)},i=g("(min-width: 0px)").matches;return function(b){if(i)return g(b);var c=b.match(/\(min\-width:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/)&&parseFloat(RegExp.$1)+(RegExp.$2||""),d=b.match(/\(max\-width:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/)&&parseFloat(RegExp.$1)+(RegExp.$2||""),e=null===c,j=null===d,k=a.body.offsetWidth,l="em";return c&&(c=parseFloat(c)*(c.indexOf(l)>-1?f||h():1)),d&&(d=parseFloat(d)*(d.indexOf(l)>-1?f||h():1)),bool=(!e||!j)&&(e||k>=c)&&(j||d>=k),{matches:bool,media:b}}}(document);var Pine=window.Pine||{};Pine.Submenu=function(a){"use strict";var b={};return b.toggle=function(b){var c=a(b.currentTarget).closest(".pine-has-subnav"),d=this.activeTransition&&this.activeTransition.beforeToggle,e=b.data&&b.data.isActive||c.hasClass("pine-level-open");b.preventDefault(),d&&"function"==typeof d&&d.call(b.currentTarget,e),e?(c.trigger(b=a.Event("hide")),c.removeClass("pine-level-open").trigger("hidden"),a.log("Event: hide")):(c.trigger(b=a.Event("show")),c.addClass("pine-level-open").trigger("shown"),a.log("Event: show"))},b}(window.jQuery,window);var Pine=window.Pine||{};Pine.Navbar=function(a,b){"use strict";var c={};return c.isLargeDisplay=null,c.element=null,c.DEFAULTS={largeDisplayStart:"600px",fxSmallDisplay:"fx-right-to-left",fxLargeDisplay:"fx-hover-fade"},c.NAVBAR_TOGGLE="[data-pine=toggle]",c.SUBMENU=".pine-has-subnav",c.options=null,c.transitions={},c.activeTransition={},c.init=function(c,d){this.options=a.extend({},this.DEFAULTS,d),this.element=a(c),this.isLargeDisplay=b.matchMq("(min-width: "+this.options.largeDisplayStart+")").matches,this.setActiveTransition(this.isLargeDisplay?this.options.fxLargeDisplay:this.options.fxSmallDisplay),this.element.find("li").has("ul").addClass("pine-has-subnav"),this.element.find("a").on("focus",this.focus),a(document).on("click.pine",this.SUBMENU+" > a",a.proxy(Pine.Submenu.toggle,Pine.Navbar)),a(this.NAVBAR_TOGGLE).on("click.pine",Pine.Navbar.toggle),a(this.SUBMENU).removeClass("pine-level-open"),a(b).on({load:a.proxy(this.api,this),resize:a.proxy(this.api,this)})},c.api=function(a){var b=this.checkMedia(a);return null===b?!1:(this.activeTransition&&"function"==typeof this.activeTransition.onSwitch&&this.activeTransition.onSwitch.call(this,!1),this.switchView(b),void(this.activeTransition&&"function"==typeof this.activeTransition.onSwitch&&this.activeTransition.onSwitch.call(this,!0)))},c.checkMedia=function(a){var c=b.matchMq("(min-width: "+this.options.largeDisplayStart+")").matches,d=a.type&&"load"==a.type;return!d&&(!this.isLargeDisplay&&!c||this.isLargeDisplay&&c)?null:this.isLargeDisplay=c},c.switchView=function(b){var c=this.getTransitionName(b),d=this.getTransitionName(!b);this.element.removeClass(d).addClass(c),this.setActiveTransition(c),a.log("Transition: "+c),this.resetNav()},c.focus=function(){var b=a(this),c=b.parent();c.hasClass("pine-has-subnav")&&!c.hasClass("pine-level-open")&&b.trigger(a.Event("mouseover"));var d=a(".pine-level-open");0!=d.length&&d.filter(function(){return 0===a(this).find(b).length}).removeClass("pine-level-open")},c.toggle=function(c){c.preventDefault();var d=a(document).find(a(this).attr("href")),e=a(b).height();a(this).toggleClass("is-active"),d.toggleClass("pine-visible"),d.hasClass("pine-visible")?(d.css({"max-height":e}),a("body").css({overflow:"hidden"})):(d.css({"max-height":0}),a("body").removeAttr("style")),a.log("Event: Toggle Navbar")},c.resetNav=function(){a(this.SUBMENU).removeClass("pine-level-open")},c.setActiveTransition=function(a){this.activeTransition=this.transitions[a]||!1},c.getTransitionName=function(a){return a?this.options.fxLargeDisplay:this.options.fxSmallDisplay},c.registerTransition=function(a,b){this.transitions[a]=b},c.beforeTransition=function(a,b){var c=this.activeTransition&&this.activeTransition.beforeToggle;c&&"function"==typeof c&&c.call(a,b)},c}(window.jQuery,window);var pine_fx_hover={onSwitch:function(a){a?$(document).on("mouseenter.pine",this.SUBMENU,{isActive:!1},$.proxy(Pine.Submenu.toggle,this)).on("mouseleave.pine",this.SUBMENU,{isActive:!0},$.proxy(Pine.Submenu.toggle,this)).off("click.pine"):$(document).off("mouseenter.pine").off("mouseleave.pine").on("click.pine",this.SUBMENU+" > a",$.proxy(Pine.Submenu.toggle,this))},beforeToggle:function(){}};Pine.Navbar.registerTransition("fx-hover",pine_fx_hover),Pine.Navbar.registerTransition("fx-hover-fade",$.extend({},pine_fx_hover)),Pine.Navbar.registerTransition("fx-right-to-left",{onSwitch:function(a){var b=this.element,c=b.find("li").has("ul"),d=function(){$(".fx-right-to-left ul").css("width",$(window).width())};a?(c.each(function(){$(this).find("ul").first().prepend($('
  • '+$(this).find("a").first().text()+"
  • "))}),$(document).on("click.pine",".pine-back",$.proxy(Pine.Submenu.toggle,this)),b.find("ul").css("width",$(window).width()),$(window).on({resize:d,orientationchange:d}),$.log("ENTER small view")):(b.find("ul").removeAttr("style"),c.find("li.pine-back").remove(),$(window).off("resize",d),$.log("LEAVE small view"))},beforeToggle:function(a){var b=$(this),c=b.parents("ul"),d=a?c.length-2:c.length;c.last().animate({left:-100*d+"%"},300)}}),window.jQuery&&function(a,b){"use strict";var c=a.fn.pine;a.fn.pine=function(c){return this.each(function(){var d=a(this),e=d.data("pine"),f=a.extend({},d.data(),"object"==typeof c&&c);e||d.data("pine",e=b.Navbar.init(this,f))})},a.fn.pine.Module=b.Navbar,a.fn.pine.noConflict=function(){return a.fn.pine=c,this}}(window.jQuery,Pine),function(a){"use strict";a("[data-pine=navbar]").pine()}(window.Zepto||window.jQuery); + * pine-navigation.js v0.5.0 + */ +!(function(a) { + a.log = function(a) { + window.log && window.console && window.console.log && console.log(a); + }; +})(window.jQuery || window.Zepto), + (window.matchMq = + window.matchMedia || + (function(a) { + var b = a.documentElement, + c = b.firstElementChild || b.firstChild, + d = a.createElement("body"), + e = a.createElement("div"); + (e.id = "mq-test-1"), + (e.style.cssText = "position:absolute;top:-100em"), + (d.style.background = "none"), + d.appendChild(e); + var f, + g = function(a) { + return ( + (e.innerHTML = + '­'), + b.insertBefore(d, c), + (bool = 42 === e.offsetWidth), + b.removeChild(d), + { matches: bool, media: a } + ); + }, + h = function() { + var c, + d = b.body, + g = !1; + return ( + (e.style.cssText = "position:absolute;font-size:1em;width:1em"), + d || + ((d = g = a.createElement("body")), + (d.style.background = "none")), + d.appendChild(e), + b.insertBefore(d, b.firstChild), + g ? b.removeChild(d) : d.removeChild(e), + (c = f = parseFloat(e.offsetWidth)) + ); + }, + i = g("(min-width: 0px)").matches; + return function(b) { + if (i) return g(b); + var c = + b.match(/\(min\-width:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/) && + parseFloat(RegExp.$1) + (RegExp.$2 || ""), + d = + b.match(/\(max\-width:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/) && + parseFloat(RegExp.$1) + (RegExp.$2 || ""), + e = null === c, + j = null === d, + k = a.body.offsetWidth, + l = "em"; + return ( + c && (c = parseFloat(c) * (c.indexOf(l) > -1 ? f || h() : 1)), + d && (d = parseFloat(d) * (d.indexOf(l) > -1 ? f || h() : 1)), + (bool = (!e || !j) && (e || k >= c) && (j || d >= k)), + { matches: bool, media: b } + ); + }; + })(document)); +var Pine = window.Pine || {}; +Pine.Submenu = (function(a) { + "use strict"; + var b = {}; + return ( + (b.toggle = function(b) { + var c = a(b.currentTarget).closest(".pine-has-subnav"), + d = this.activeTransition && this.activeTransition.beforeToggle, + e = (b.data && b.data.isActive) || c.hasClass("pine-level-open"); + b.preventDefault(), + d && "function" == typeof d && d.call(b.currentTarget, e), + e + ? (c.trigger((b = a.Event("hide"))), + c.removeClass("pine-level-open").trigger("hidden"), + a.log("Event: hide")) + : (c.trigger((b = a.Event("show"))), + c.addClass("pine-level-open").trigger("shown"), + a.log("Event: show")); + }), + b + ); +})(window.jQuery, window); +var Pine = window.Pine || {}; +Pine.Navbar = (function(a, b) { + "use strict"; + var c = {}; + return ( + (c.isLargeDisplay = null), + (c.element = null), + (c.DEFAULTS = { + largeDisplayStart: "600px", + fxSmallDisplay: "fx-right-to-left", + fxLargeDisplay: "fx-hover-fade" + }), + (c.NAVBAR_TOGGLE = "[data-pine=toggle]"), + (c.SUBMENU = ".pine-has-subnav"), + (c.options = null), + (c.transitions = {}), + (c.activeTransition = {}), + (c.init = function(c, d) { + (this.options = a.extend({}, this.DEFAULTS, d)), + (this.element = a(c)), + (this.isLargeDisplay = b.matchMq( + "(min-width: " + this.options.largeDisplayStart + ")" + ).matches), + this.setActiveTransition( + this.isLargeDisplay + ? this.options.fxLargeDisplay + : this.options.fxSmallDisplay + ), + this.element + .find("li") + .has("ul") + .addClass("pine-has-subnav"), + this.element.find("a").on("focus", this.focus), + a(document).on( + "click.pine", + this.SUBMENU + " > a", + a.proxy(Pine.Submenu.toggle, Pine.Navbar) + ), + a(this.NAVBAR_TOGGLE).on("click.pine", Pine.Navbar.toggle), + a(this.SUBMENU).removeClass("pine-level-open"), + a(b).on({ + load: a.proxy(this.api, this), + resize: a.proxy(this.api, this) + }); + }), + (c.api = function(a) { + var b = this.checkMedia(a); + return null === b + ? !1 + : (this.activeTransition && + "function" == typeof this.activeTransition.onSwitch && + this.activeTransition.onSwitch.call(this, !1), + this.switchView(b), + void ( + this.activeTransition && + "function" == typeof this.activeTransition.onSwitch && + this.activeTransition.onSwitch.call(this, !0) + )); + }), + (c.checkMedia = function(a) { + var c = b.matchMq("(min-width: " + this.options.largeDisplayStart + ")") + .matches, + d = a.type && "load" == a.type; + return !d && ((!this.isLargeDisplay && !c) || (this.isLargeDisplay && c)) + ? null + : (this.isLargeDisplay = c); + }), + (c.switchView = function(b) { + var c = this.getTransitionName(b), + d = this.getTransitionName(!b); + this.element.removeClass(d).addClass(c), + this.setActiveTransition(c), + a.log("Transition: " + c), + this.resetNav(); + }), + (c.focus = function() { + var b = a(this), + c = b.parent(); + c.hasClass("pine-has-subnav") && + !c.hasClass("pine-level-open") && + b.trigger(a.Event("mouseover")); + var d = a(".pine-level-open"); + 0 != d.length && + d + .filter(function() { + return 0 === a(this).find(b).length; + }) + .removeClass("pine-level-open"); + }), + (c.toggle = function(c) { + c.preventDefault(); + var d = a(document).find(a(this).attr("href")), + e = a(b).height(); + a(this).toggleClass("is-active"), + d.toggleClass("pine-visible"), + d.hasClass("pine-visible") + ? (d.css({ "max-height": e }), a("body").css({ overflow: "hidden" })) + : (d.css({ "max-height": 0 }), a("body").removeAttr("style")), + a.log("Event: Toggle Navbar"); + }), + (c.resetNav = function() { + a(this.SUBMENU).removeClass("pine-level-open"); + }), + (c.setActiveTransition = function(a) { + this.activeTransition = this.transitions[a] || !1; + }), + (c.getTransitionName = function(a) { + return a ? this.options.fxLargeDisplay : this.options.fxSmallDisplay; + }), + (c.registerTransition = function(a, b) { + this.transitions[a] = b; + }), + (c.beforeTransition = function(a, b) { + var c = this.activeTransition && this.activeTransition.beforeToggle; + c && "function" == typeof c && c.call(a, b); + }), + c + ); +})(window.jQuery, window); +var pine_fx_hover = { + onSwitch: function(a) { + a + ? $(document) + .on( + "mouseenter.pine", + this.SUBMENU, + { isActive: !1 }, + $.proxy(Pine.Submenu.toggle, this) + ) + .on( + "mouseleave.pine", + this.SUBMENU, + { isActive: !0 }, + $.proxy(Pine.Submenu.toggle, this) + ) + .off("click.pine") + : $(document) + .off("mouseenter.pine") + .off("mouseleave.pine") + .on( + "click.pine", + this.SUBMENU + " > a", + $.proxy(Pine.Submenu.toggle, this) + ); + }, + beforeToggle: function() {} +}; +Pine.Navbar.registerTransition("fx-hover", pine_fx_hover), + Pine.Navbar.registerTransition("fx-hover-fade", $.extend({}, pine_fx_hover)), + Pine.Navbar.registerTransition("fx-right-to-left", { + onSwitch: function(a) { + var b = this.element, + c = b.find("li").has("ul"), + d = function() { + $(".fx-right-to-left ul").css("width", $(window).width()); + }; + a + ? (c.each(function() { + $(this) + .find("ul") + .first() + .prepend( + $( + '
  • ' + + $(this) + .find("a") + .first() + .text() + + "
  • " + ) + ); + }), + $(document).on( + "click.pine", + ".pine-back", + $.proxy(Pine.Submenu.toggle, this) + ), + b.find("ul").css("width", $(window).width()), + $(window).on({ resize: d, orientationchange: d }), + $.log("ENTER small view")) + : (b.find("ul").removeAttr("style"), + c.find("li.pine-back").remove(), + $(window).off("resize", d), + $.log("LEAVE small view")); + }, + beforeToggle: function(a) { + var b = $(this), + c = b.parents("ul"), + d = a ? c.length - 2 : c.length; + c.last().animate({ left: -100 * d + "%" }, 300); + } + }), + window.jQuery && + (function(a, b) { + "use strict"; + var c = a.fn.pine; + (a.fn.pine = function(c) { + return this.each(function() { + var d = a(this), + e = d.data("pine"), + f = a.extend({}, d.data(), "object" == typeof c && c); + e || d.data("pine", (e = b.Navbar.init(this, f))); + }); + }), + (a.fn.pine.Module = b.Navbar), + (a.fn.pine.noConflict = function() { + return (a.fn.pine = c), this; + }); + })(window.jQuery, Pine), + (function(a) { + "use strict"; + a("[data-pine=navbar]").pine(); + })(window.Zepto || window.jQuery); /* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Examples and documentation at: http://fancybox.net - * + * * Copyright (c) 2008 - 2010 Janis Skarnelis * * Version: 1.3.1 (05/03/2010) @@ -419,34 +816,788 @@ * http://www.gnu.org/licenses/gpl.html */ -(function(b){var m,u,x,g,D,i,z,A,B,p=0,e={},q=[],n=0,c={},j=[],E=null,s=new Image,G=/\.(jpg|gif|png|bmp|jpeg)(.*)?$/i,S=/[^\.]\.(swf)\s*$/i,H,I=1,k,l,h=false,y=b.extend(b("
    ")[0],{prop:0}),v=0,O=!b.support.opacity&&!window.XMLHttpRequest,J=function(){u.hide();s.onerror=s.onload=null;E&&E.abort();m.empty()},P=function(){b.fancybox('

    The requested content cannot be loaded.
    Please try again later.

    ',{scrolling:"no",padding:20,transitionIn:"none",transitionOut:"none"})}, -K=function(){return[b(window).width(),b(window).height(),b(document).scrollLeft(),b(document).scrollTop()]},T=function(){var a=K(),d={},f=c.margin,o=c.autoScale,t=(20+f)*2,w=(20+f)*2,r=c.padding*2;if(c.width.toString().indexOf("%")>-1){d.width=a[0]*parseFloat(c.width)/100-40;o=false}else d.width=c.width+r;if(c.height.toString().indexOf("%")>-1){d.height=a[1]*parseFloat(c.height)/100-40;o=false}else d.height=c.height+r;if(o&&(d.width>a[0]-t||d.height>a[1]-w))if(e.type=="image"||e.type=="swf"){t+=r; -w+=r;o=Math.min(Math.min(a[0]-t,c.width)/c.width,Math.min(a[1]-w,c.height)/c.height);d.width=Math.round(o*(d.width-r))+r;d.height=Math.round(o*(d.height-r))+r}else{d.width=Math.min(d.width,a[0]-t);d.height=Math.min(d.height,a[1]-w)}d.top=a[3]+(a[1]-(d.height+40))*0.5;d.left=a[2]+(a[0]-(d.width+40))*0.5;if(c.autoScale===false){d.top=Math.max(a[3]+f,d.top);d.left=Math.max(a[2]+f,d.left)}return d},U=function(a){if(a&&a.length)switch(c.titlePosition){case "inside":return a;case "over":return''+ -a+"";default:return''+a+''}return false},V=function(){var a=c.title,d=l.width-c.padding*2,f="fancybox-title-"+c.titlePosition;b("#fancybox-title").remove();v=0;if(c.titleShow!==false){a=b.isFunction(c.titleFormat)?c.titleFormat(a,j,n,c):U(a);if(!(!a||a==="")){b('
    ').css({width:d,paddingLeft:c.padding, -paddingRight:c.padding}).html(a).appendTo("body");switch(c.titlePosition){case "inside":v=b("#fancybox-title").outerHeight(true)-c.padding;l.height+=v;break;case "over":b("#fancybox-title").css("bottom",c.padding);break;default:b("#fancybox-title").css("bottom",b("#fancybox-title").outerHeight(true)*-1);break}b("#fancybox-title").appendTo(D).hide()}}},W=function(){b(document).unbind("keydown.fb").bind("keydown.fb",function(a){if(a.keyCode==27&&c.enableEscapeButton){a.preventDefault();b.fancybox.close()}else if(a.keyCode== -37){a.preventDefault();b.fancybox.prev()}else if(a.keyCode==39){a.preventDefault();b.fancybox.next()}});if(b.fn.mousewheel){g.unbind("mousewheel.fb");j.length>1&&g.bind("mousewheel.fb",function(a,d){a.preventDefault();h||d===0||(d>0?b.fancybox.prev():b.fancybox.next())})}if(c.showNavArrows){if(c.cyclic&&j.length>1||n!==0)A.show();if(c.cyclic&&j.length>1||n!=j.length-1)B.show()}},X=function(){var a,d;if(j.length-1>n){a=j[n+1].href;if(typeof a!=="undefined"&&a.match(G)){d=new Image;d.src=a}}if(n>0){a= -j[n-1].href;if(typeof a!=="undefined"&&a.match(G)){d=new Image;d.src=a}}},L=function(){i.css("overflow",c.scrolling=="auto"?c.type=="image"||c.type=="iframe"||c.type=="swf"?"hidden":"auto":c.scrolling=="yes"?"auto":"visible");if(!b.support.opacity){i.get(0).style.removeAttribute("filter");g.get(0).style.removeAttribute("filter")}b("#fancybox-title").show();c.hideOnContentClick&&i.one("click",b.fancybox.close);c.hideOnOverlayClick&&x.one("click",b.fancybox.close);c.showCloseButton&&z.show();W();b(window).bind("resize.fb", -b.fancybox.center);c.centerOnScroll?b(window).bind("scroll.fb",b.fancybox.center):b(window).unbind("scroll.fb");b.isFunction(c.onComplete)&&c.onComplete(j,n,c);h=false;X()},M=function(a){var d=Math.round(k.width+(l.width-k.width)*a),f=Math.round(k.height+(l.height-k.height)*a),o=Math.round(k.top+(l.top-k.top)*a),t=Math.round(k.left+(l.left-k.left)*a);g.css({width:d+"px",height:f+"px",top:o+"px",left:t+"px"});d=Math.max(d-c.padding*2,0);f=Math.max(f-(c.padding*2+v*a),0);i.css({width:d+"px",height:f+ -"px"});if(typeof l.opacity!=="undefined")g.css("opacity",a<0.5?0.5:a)},Y=function(a){var d=a.offset();d.top+=parseFloat(a.css("paddingTop"))||0;d.left+=parseFloat(a.css("paddingLeft"))||0;d.top+=parseFloat(a.css("border-top-width"))||0;d.left+=parseFloat(a.css("border-left-width"))||0;d.width=a.width();d.height=a.height();return d},Q=function(){var a=e.orig?b(e.orig):false,d={};if(a&&a.length){a=Y(a);d={width:a.width+c.padding*2,height:a.height+c.padding*2,top:a.top-c.padding-20,left:a.left-c.padding- -20}}else{a=K();d={width:1,height:1,top:a[3]+a[1]*0.5,left:a[2]+a[0]*0.5}}return d},N=function(){u.hide();if(g.is(":visible")&&b.isFunction(c.onCleanup))if(c.onCleanup(j,n,c)===false){b.event.trigger("fancybox-cancel");h=false;return}j=q;n=p;c=e;i.get(0).scrollTop=0;i.get(0).scrollLeft=0;if(c.overlayShow){O&&b("select:not(#fancybox-tmp select)").filter(function(){return this.style.visibility!=="hidden"}).css({visibility:"hidden"}).one("fancybox-cleanup",function(){this.style.visibility="inherit"}); -x.css({"background-color":c.overlayColor,opacity:c.overlayOpacity}).unbind().show()}l=T();V();if(g.is(":visible")){b(z.add(A).add(B)).hide();var a=g.position(),d;k={top:a.top,left:a.left,width:g.width(),height:g.height()};d=k.width==l.width&&k.height==l.height;i.fadeOut(c.changeFade,function(){var f=function(){i.html(m.contents()).fadeIn(c.changeFade,L)};b.event.trigger("fancybox-change");i.empty().css("overflow","hidden");if(d){i.css({top:c.padding,left:c.padding,width:Math.max(l.width-c.padding* -2,1),height:Math.max(l.height-c.padding*2-v,1)});f()}else{i.css({top:c.padding,left:c.padding,width:Math.max(k.width-c.padding*2,1),height:Math.max(k.height-c.padding*2,1)});y.prop=0;b(y).animate({prop:1},{duration:c.changeSpeed,easing:c.easingChange,step:M,complete:f})}})}else{g.css("opacity",1);if(c.transitionIn=="elastic"){k=Q();i.css({top:c.padding,left:c.padding,width:Math.max(k.width-c.padding*2,1),height:Math.max(k.height-c.padding*2,1)}).html(m.contents());g.css(k).show();if(c.opacity)l.opacity= -0;y.prop=0;b(y).animate({prop:1},{duration:c.speedIn,easing:c.easingIn,step:M,complete:L})}else{i.css({top:c.padding,left:c.padding,width:Math.max(l.width-c.padding*2,1),height:Math.max(l.height-c.padding*2-v,1)}).html(m.contents());g.css(l).fadeIn(c.transitionIn=="none"?0:c.speedIn,L)}}},F=function(){m.width(e.width);m.height(e.height);if(e.width=="auto")e.width=m.width();if(e.height=="auto")e.height=m.height();N()},Z=function(){h=true;e.width=s.width;e.height=s.height;b("").attr({id:"fancybox-img", -src:s.src,alt:e.title}).appendTo(m);N()},C=function(){J();var a=q[p],d,f,o,t,w;e=b.extend({},b.fn.fancybox.defaults,typeof b(a).data("fancybox")=="undefined"?e:b(a).data("fancybox"));o=a.title||b(a).title||e.title||"";if(a.nodeName&&!e.orig)e.orig=b(a).children("img:first").length?b(a).children("img:first"):b(a);if(o===""&&e.orig)o=e.orig.attr("alt");d=a.nodeName&&/^(?:javascript|#)/i.test(a.href)?e.href||null:e.href||a.href||null;if(e.type){f=e.type;if(!d)d=e.content}else if(e.content)f="html";else if(d)if(d.match(G))f= -"image";else if(d.match(S))f="swf";else if(b(a).hasClass("iframe"))f="iframe";else if(d.match(/#/)){a=d.substr(d.indexOf("#"));f=b(a).length>0?"inline":"ajax"}else f="ajax";else f="inline";e.type=f;e.href=d;e.title=o;if(e.autoDimensions&&e.type!=="iframe"&&e.type!=="swf"){e.width="auto";e.height="auto"}if(e.modal){e.overlayShow=true;e.hideOnOverlayClick=false;e.hideOnContentClick=false;e.enableEscapeButton=false;e.showCloseButton=false}if(b.isFunction(e.onStart))if(e.onStart(q,p,e)===false){h=false; -return}m.css("padding",20+e.padding+e.margin);b(".fancybox-inline-tmp").unbind("fancybox-cancel").bind("fancybox-change",function(){b(this).replaceWith(i.children())});switch(f){case "html":m.html(e.content);F();break;case "inline":b('
    ').hide().insertBefore(b(a)).bind("fancybox-cleanup",function(){b(this).replaceWith(i.children())}).bind("fancybox-cancel",function(){b(this).replaceWith(m.children())});b(a).appendTo(m);F();break;case "image":h=false;b.fancybox.showActivity(); -s=new Image;s.onerror=function(){P()};s.onload=function(){s.onerror=null;s.onload=null;Z()};s.src=d;break;case "swf":t='';w="";b.each(e.swf,function(r,R){t+='';w+=" "+r+'="'+R+'"'});t+='";m.html(t); -F();break;case "ajax":a=d.split("#",2);f=e.ajax.data||{};if(a.length>1){d=a[0];if(typeof f=="string")f+="&selector="+a[1];else f.selector=a[1]}h=false;b.fancybox.showActivity();E=b.ajax(b.extend(e.ajax,{url:d,data:f,error:P,success:function(r){if(E.status==200){m.html(r);F()}}}));break;case "iframe":b('').appendTo(m);N();break}},$=function(){if(u.is(":visible")){b("div", -u).css("top",I*-40+"px");I=(I+1)%12}else clearInterval(H)},aa=function(){if(!b("#fancybox-wrap").length){b("body").append(m=b('
    '),u=b('
    '),x=b('
    '),g=b('
    '));if(!b.support.opacity){g.addClass("fancybox-ie");u.addClass("fancybox-ie")}D=b('
    ').append('
    ').appendTo(g); -D.append(i=b('
    '),z=b(''),A=b(''),B=b(''));z.click(b.fancybox.close);u.click(b.fancybox.cancel);A.click(function(a){a.preventDefault();b.fancybox.prev()});B.click(function(a){a.preventDefault();b.fancybox.next()});if(O){x.get(0).style.setExpression("height", -"document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'");u.get(0).style.setExpression("top","(-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'");D.prepend('')}}}; -b.fn.fancybox=function(a){b(this).data("fancybox",b.extend({},a,b.metadata?b(this).metadata():{})).unbind("click.fb").bind("click.fb",function(d){d.preventDefault();if(!h){h=true;b(this).blur();q=[];p=0;d=b(this).attr("rel")||"";if(!d||d==""||d==="nofollow")q.push(this);else{q=b("a[rel="+d+"], area[rel="+d+"]");p=q.index(this)}C();return false}});return this};b.fancybox=function(a,d){if(!h){h=true;d=typeof d!=="undefined"?d:{};q=[];p=d.index||0;if(b.isArray(a)){for(var f=0,o=a.length;fq.length||p<0)p=0;C()}};b.fancybox.showActivity=function(){clearInterval(H);u.show();H=setInterval($,66)};b.fancybox.hideActivity=function(){u.hide()};b.fancybox.next=function(){return b.fancybox.pos(n+1)};b.fancybox.prev=function(){return b.fancybox.pos(n- -1)};b.fancybox.pos=function(a){if(!h){a=parseInt(a,10);if(a>-1&&j.length>a){p=a;C()}if(c.cyclic&&j.length>1&&a<0){p=j.length-1;C()}if(c.cyclic&&j.length>1&&a>=j.length){p=0;C()}}};b.fancybox.cancel=function(){if(!h){h=true;b.event.trigger("fancybox-cancel");J();e&&b.isFunction(e.onCancel)&&e.onCancel(q,p,e);h=false}};b.fancybox.close=function(){function a(){x.fadeOut("fast");g.hide();b.event.trigger("fancybox-cleanup");i.empty();b.isFunction(c.onClosed)&&c.onClosed(j,n,c);j=e=[];n=p=0;c=e={};h=false} -if(!(h||g.is(":hidden"))){h=true;if(c&&b.isFunction(c.onCleanup))if(c.onCleanup(j,n,c)===false){h=false;return}J();b(z.add(A).add(B)).hide();b("#fancybox-title").remove();g.add(i).add(x).unbind();b(window).unbind("resize.fb scroll.fb");b(document).unbind("keydown.fb");i.css("overflow","hidden");if(c.transitionOut=="elastic"){k=Q();var d=g.position();l={top:d.top,left:d.left,width:g.width(),height:g.height()};if(c.opacity)l.opacity=1;y.prop=1;b(y).animate({prop:0},{duration:c.speedOut,easing:c.easingOut, -step:M,complete:a})}else g.fadeOut(c.transitionOut=="none"?0:c.speedOut,a)}};b.fancybox.resize=function(){var a,d;if(!(h||g.is(":hidden"))){h=true;a=i.wrapInner("
    ").children();d=a.height();g.css({height:d+c.padding*2+v});i.css({height:d});a.replaceWith(a.children());b.fancybox.center()}};b.fancybox.center=function(){h=true;var a=K(),d=c.margin,f={};f.top=a[3]+(a[1]-(g.height()-v+40))*0.5;f.left=a[2]+(a[0]-(g.width()+40))*0.5;f.top=Math.max(a[3]+d,f.top);f.left=Math.max(a[2]+ -d,f.left);g.css(f);h=false};b.fn.fancybox.defaults={padding:10,margin:20,opacity:false,modal:false,cyclic:false,scrolling:"auto",width:560,height:340,autoScale:true,autoDimensions:true,centerOnScroll:false,ajax:{},swf:{wmode:"transparent"},hideOnOverlayClick:true,hideOnContentClick:false,overlayShow:true,overlayOpacity:0.3,overlayColor:"#666",titleShow:true,titlePosition:"outside",titleFormat:null,transitionIn:"fade",transitionOut:"fade",speedIn:300,speedOut:300,changeSpeed:300,changeFade:"fast", -easingIn:"swing",easingOut:"swing",showCloseButton:true,showNavArrows:true,enableEscapeButton:true,onStart:null,onCancel:null,onComplete:null,onCleanup:null,onClosed:null};b(document).ready(function(){aa()})})(jQuery); +(function(b) { + var m, + u, + x, + g, + D, + i, + z, + A, + B, + p = 0, + e = {}, + q = [], + n = 0, + c = {}, + j = [], + E = null, + s = new Image(), + G = /\.(jpg|gif|png|bmp|jpeg)(.*)?$/i, + S = /[^\.]\.(swf)\s*$/i, + H, + I = 1, + k, + l, + h = false, + y = b.extend(b("
    ")[0], { prop: 0 }), + v = 0, + O = !b.support.opacity && !window.XMLHttpRequest, + J = function() { + u.hide(); + s.onerror = s.onload = null; + E && E.abort(); + m.empty(); + }, + P = function() { + b.fancybox( + '

    The requested content cannot be loaded.
    Please try again later.

    ', + { + scrolling: "no", + padding: 20, + transitionIn: "none", + transitionOut: "none" + } + ); + }, + K = function() { + return [ + b(window).width(), + b(window).height(), + b(document).scrollLeft(), + b(document).scrollTop() + ]; + }, + T = function() { + var a = K(), + d = {}, + f = c.margin, + o = c.autoScale, + t = (20 + f) * 2, + w = (20 + f) * 2, + r = c.padding * 2; + if (c.width.toString().indexOf("%") > -1) { + d.width = (a[0] * parseFloat(c.width)) / 100 - 40; + o = false; + } else d.width = c.width + r; + if (c.height.toString().indexOf("%") > -1) { + d.height = (a[1] * parseFloat(c.height)) / 100 - 40; + o = false; + } else d.height = c.height + r; + if (o && (d.width > a[0] - t || d.height > a[1] - w)) + if (e.type == "image" || e.type == "swf") { + t += r; + w += r; + o = Math.min( + Math.min(a[0] - t, c.width) / c.width, + Math.min(a[1] - w, c.height) / c.height + ); + d.width = Math.round(o * (d.width - r)) + r; + d.height = Math.round(o * (d.height - r)) + r; + } else { + d.width = Math.min(d.width, a[0] - t); + d.height = Math.min(d.height, a[1] - w); + } + d.top = a[3] + (a[1] - (d.height + 40)) * 0.5; + d.left = a[2] + (a[0] - (d.width + 40)) * 0.5; + if (c.autoScale === false) { + d.top = Math.max(a[3] + f, d.top); + d.left = Math.max(a[2] + f, d.left); + } + return d; + }, + U = function(a) { + if (a && a.length) + switch (c.titlePosition) { + case "inside": + return a; + case "over": + return '' + a + ""; + default: + return ( + '' + + a + + '' + ); + } + return false; + }, + V = function() { + var a = c.title, + d = l.width - c.padding * 2, + f = "fancybox-title-" + c.titlePosition; + b("#fancybox-title").remove(); + v = 0; + if (c.titleShow !== false) { + a = b.isFunction(c.titleFormat) ? c.titleFormat(a, j, n, c) : U(a); + if (!(!a || a === "")) { + b('
    ') + .css({ width: d, paddingLeft: c.padding, paddingRight: c.padding }) + .html(a) + .appendTo("body"); + switch (c.titlePosition) { + case "inside": + v = b("#fancybox-title").outerHeight(true) - c.padding; + l.height += v; + break; + case "over": + b("#fancybox-title").css("bottom", c.padding); + break; + default: + b("#fancybox-title").css( + "bottom", + b("#fancybox-title").outerHeight(true) * -1 + ); + break; + } + b("#fancybox-title") + .appendTo(D) + .hide(); + } + } + }, + W = function() { + b(document) + .unbind("keydown.fb") + .bind("keydown.fb", function(a) { + if (a.keyCode == 27 && c.enableEscapeButton) { + a.preventDefault(); + b.fancybox.close(); + } else if (a.keyCode == 37) { + a.preventDefault(); + b.fancybox.prev(); + } else if (a.keyCode == 39) { + a.preventDefault(); + b.fancybox.next(); + } + }); + if (b.fn.mousewheel) { + g.unbind("mousewheel.fb"); + j.length > 1 && + g.bind("mousewheel.fb", function(a, d) { + a.preventDefault(); + h || d === 0 || (d > 0 ? b.fancybox.prev() : b.fancybox.next()); + }); + } + if (c.showNavArrows) { + if ((c.cyclic && j.length > 1) || n !== 0) A.show(); + if ((c.cyclic && j.length > 1) || n != j.length - 1) B.show(); + } + }, + X = function() { + var a, d; + if (j.length - 1 > n) { + a = j[n + 1].href; + if (typeof a !== "undefined" && a.match(G)) { + d = new Image(); + d.src = a; + } + } + if (n > 0) { + a = j[n - 1].href; + if (typeof a !== "undefined" && a.match(G)) { + d = new Image(); + d.src = a; + } + } + }, + L = function() { + i.css( + "overflow", + c.scrolling == "auto" + ? c.type == "image" || c.type == "iframe" || c.type == "swf" + ? "hidden" + : "auto" + : c.scrolling == "yes" + ? "auto" + : "visible" + ); + if (!b.support.opacity) { + i.get(0).style.removeAttribute("filter"); + g.get(0).style.removeAttribute("filter"); + } + b("#fancybox-title").show(); + c.hideOnContentClick && i.one("click", b.fancybox.close); + c.hideOnOverlayClick && x.one("click", b.fancybox.close); + c.showCloseButton && z.show(); + W(); + b(window).bind("resize.fb", b.fancybox.center); + c.centerOnScroll + ? b(window).bind("scroll.fb", b.fancybox.center) + : b(window).unbind("scroll.fb"); + b.isFunction(c.onComplete) && c.onComplete(j, n, c); + h = false; + X(); + }, + M = function(a) { + var d = Math.round(k.width + (l.width - k.width) * a), + f = Math.round(k.height + (l.height - k.height) * a), + o = Math.round(k.top + (l.top - k.top) * a), + t = Math.round(k.left + (l.left - k.left) * a); + g.css({ + width: d + "px", + height: f + "px", + top: o + "px", + left: t + "px" + }); + d = Math.max(d - c.padding * 2, 0); + f = Math.max(f - (c.padding * 2 + v * a), 0); + i.css({ width: d + "px", height: f + "px" }); + if (typeof l.opacity !== "undefined") g.css("opacity", a < 0.5 ? 0.5 : a); + }, + Y = function(a) { + var d = a.offset(); + d.top += parseFloat(a.css("paddingTop")) || 0; + d.left += parseFloat(a.css("paddingLeft")) || 0; + d.top += parseFloat(a.css("border-top-width")) || 0; + d.left += parseFloat(a.css("border-left-width")) || 0; + d.width = a.width(); + d.height = a.height(); + return d; + }, + Q = function() { + var a = e.orig ? b(e.orig) : false, + d = {}; + if (a && a.length) { + a = Y(a); + d = { + width: a.width + c.padding * 2, + height: a.height + c.padding * 2, + top: a.top - c.padding - 20, + left: a.left - c.padding - 20 + }; + } else { + a = K(); + d = { + width: 1, + height: 1, + top: a[3] + a[1] * 0.5, + left: a[2] + a[0] * 0.5 + }; + } + return d; + }, + N = function() { + u.hide(); + if (g.is(":visible") && b.isFunction(c.onCleanup)) + if (c.onCleanup(j, n, c) === false) { + b.event.trigger("fancybox-cancel"); + h = false; + return; + } + j = q; + n = p; + c = e; + i.get(0).scrollTop = 0; + i.get(0).scrollLeft = 0; + if (c.overlayShow) { + O && + b("select:not(#fancybox-tmp select)") + .filter(function() { + return this.style.visibility !== "hidden"; + }) + .css({ visibility: "hidden" }) + .one("fancybox-cleanup", function() { + this.style.visibility = "inherit"; + }); + x.css({ "background-color": c.overlayColor, opacity: c.overlayOpacity }) + .unbind() + .show(); + } + l = T(); + V(); + if (g.is(":visible")) { + b(z.add(A).add(B)).hide(); + var a = g.position(), + d; + k = { top: a.top, left: a.left, width: g.width(), height: g.height() }; + d = k.width == l.width && k.height == l.height; + i.fadeOut(c.changeFade, function() { + var f = function() { + i.html(m.contents()).fadeIn(c.changeFade, L); + }; + b.event.trigger("fancybox-change"); + i.empty().css("overflow", "hidden"); + if (d) { + i.css({ + top: c.padding, + left: c.padding, + width: Math.max(l.width - c.padding * 2, 1), + height: Math.max(l.height - c.padding * 2 - v, 1) + }); + f(); + } else { + i.css({ + top: c.padding, + left: c.padding, + width: Math.max(k.width - c.padding * 2, 1), + height: Math.max(k.height - c.padding * 2, 1) + }); + y.prop = 0; + b(y).animate( + { prop: 1 }, + { + duration: c.changeSpeed, + easing: c.easingChange, + step: M, + complete: f + } + ); + } + }); + } else { + g.css("opacity", 1); + if (c.transitionIn == "elastic") { + k = Q(); + i.css({ + top: c.padding, + left: c.padding, + width: Math.max(k.width - c.padding * 2, 1), + height: Math.max(k.height - c.padding * 2, 1) + }).html(m.contents()); + g.css(k).show(); + if (c.opacity) l.opacity = 0; + y.prop = 0; + b(y).animate( + { prop: 1 }, + { duration: c.speedIn, easing: c.easingIn, step: M, complete: L } + ); + } else { + i.css({ + top: c.padding, + left: c.padding, + width: Math.max(l.width - c.padding * 2, 1), + height: Math.max(l.height - c.padding * 2 - v, 1) + }).html(m.contents()); + g.css(l).fadeIn(c.transitionIn == "none" ? 0 : c.speedIn, L); + } + } + }, + F = function() { + m.width(e.width); + m.height(e.height); + if (e.width == "auto") e.width = m.width(); + if (e.height == "auto") e.height = m.height(); + N(); + }, + Z = function() { + h = true; + e.width = s.width; + e.height = s.height; + b("") + .attr({ id: "fancybox-img", src: s.src, alt: e.title }) + .appendTo(m); + N(); + }, + C = function() { + J(); + var a = q[p], + d, + f, + o, + t, + w; + e = b.extend( + {}, + b.fn.fancybox.defaults, + typeof b(a).data("fancybox") == "undefined" ? e : b(a).data("fancybox") + ); + o = a.title || b(a).title || e.title || ""; + if (a.nodeName && !e.orig) + e.orig = b(a).children("img:first").length + ? b(a).children("img:first") + : b(a); + if (o === "" && e.orig) o = e.orig.attr("alt"); + d = + a.nodeName && /^(?:javascript|#)/i.test(a.href) + ? e.href || null + : e.href || a.href || null; + if (e.type) { + f = e.type; + if (!d) d = e.content; + } else if (e.content) f = "html"; + else if (d) + if (d.match(G)) f = "image"; + else if (d.match(S)) f = "swf"; + else if (b(a).hasClass("iframe")) f = "iframe"; + else if (d.match(/#/)) { + a = d.substr(d.indexOf("#")); + f = b(a).length > 0 ? "inline" : "ajax"; + } else f = "ajax"; + else f = "inline"; + e.type = f; + e.href = d; + e.title = o; + if (e.autoDimensions && e.type !== "iframe" && e.type !== "swf") { + e.width = "auto"; + e.height = "auto"; + } + if (e.modal) { + e.overlayShow = true; + e.hideOnOverlayClick = false; + e.hideOnContentClick = false; + e.enableEscapeButton = false; + e.showCloseButton = false; + } + if (b.isFunction(e.onStart)) + if (e.onStart(q, p, e) === false) { + h = false; + return; + } + m.css("padding", 20 + e.padding + e.margin); + b(".fancybox-inline-tmp") + .unbind("fancybox-cancel") + .bind("fancybox-change", function() { + b(this).replaceWith(i.children()); + }); + switch (f) { + case "html": + m.html(e.content); + F(); + break; + case "inline": + b('
    ') + .hide() + .insertBefore(b(a)) + .bind("fancybox-cleanup", function() { + b(this).replaceWith(i.children()); + }) + .bind("fancybox-cancel", function() { + b(this).replaceWith(m.children()); + }); + b(a).appendTo(m); + F(); + break; + case "image": + h = false; + b.fancybox.showActivity(); + s = new Image(); + s.onerror = function() { + P(); + }; + s.onload = function() { + s.onerror = null; + s.onload = null; + Z(); + }; + s.src = d; + break; + case "swf": + t = + ''; + w = ""; + b.each(e.swf, function(r, R) { + t += ''; + w += " " + r + '="' + R + '"'; + }); + t += + '"; + m.html(t); + F(); + break; + case "ajax": + a = d.split("#", 2); + f = e.ajax.data || {}; + if (a.length > 1) { + d = a[0]; + if (typeof f == "string") f += "&selector=" + a[1]; + else f.selector = a[1]; + } + h = false; + b.fancybox.showActivity(); + E = b.ajax( + b.extend(e.ajax, { + url: d, + data: f, + error: P, + success: function(r) { + if (E.status == 200) { + m.html(r); + F(); + } + } + }) + ); + break; + case "iframe": + b( + '' + ).appendTo(m); + N(); + break; + } + }, + $ = function() { + if (u.is(":visible")) { + b("div", u).css("top", I * -40 + "px"); + I = (I + 1) % 12; + } else clearInterval(H); + }, + aa = function() { + if (!b("#fancybox-wrap").length) { + b("body").append( + (m = b('
    ')), + (u = b('
    ')), + (x = b('
    ')), + (g = b('
    ')) + ); + if (!b.support.opacity) { + g.addClass("fancybox-ie"); + u.addClass("fancybox-ie"); + } + D = b('
    ') + .append( + '
    ' + ) + .appendTo(g); + D.append( + (i = b('
    ')), + (z = b('')), + (A = b( + '' + )), + (B = b( + '' + )) + ); + z.click(b.fancybox.close); + u.click(b.fancybox.cancel); + A.click(function(a) { + a.preventDefault(); + b.fancybox.prev(); + }); + B.click(function(a) { + a.preventDefault(); + b.fancybox.next(); + }); + if (O) { + x.get(0).style.setExpression( + "height", + "document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'" + ); + u.get(0).style.setExpression( + "top", + "(-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'" + ); + D.prepend( + '' + ); + } + } + }; + b.fn.fancybox = function(a) { + b(this) + .data("fancybox", b.extend({}, a, b.metadata ? b(this).metadata() : {})) + .unbind("click.fb") + .bind("click.fb", function(d) { + d.preventDefault(); + if (!h) { + h = true; + b(this).blur(); + q = []; + p = 0; + d = b(this).attr("rel") || ""; + if (!d || d == "" || d === "nofollow") q.push(this); + else { + q = b("a[rel=" + d + "], area[rel=" + d + "]"); + p = q.index(this); + } + C(); + return false; + } + }); + return this; + }; + b.fancybox = function(a, d) { + if (!h) { + h = true; + d = typeof d !== "undefined" ? d : {}; + q = []; + p = d.index || 0; + if (b.isArray(a)) { + for (var f = 0, o = a.length; f < o; f++) + if (typeof a[f] == "object") + b(a[f]).data("fancybox", b.extend({}, d, a[f])); + else a[f] = b({}).data("fancybox", b.extend({ content: a[f] }, d)); + q = jQuery.merge(q, a); + } else { + if (typeof a == "object") b(a).data("fancybox", b.extend({}, d, a)); + else a = b({}).data("fancybox", b.extend({ content: a }, d)); + q.push(a); + } + if (p > q.length || p < 0) p = 0; + C(); + } + }; + b.fancybox.showActivity = function() { + clearInterval(H); + u.show(); + H = setInterval($, 66); + }; + b.fancybox.hideActivity = function() { + u.hide(); + }; + b.fancybox.next = function() { + return b.fancybox.pos(n + 1); + }; + b.fancybox.prev = function() { + return b.fancybox.pos(n - 1); + }; + b.fancybox.pos = function(a) { + if (!h) { + a = parseInt(a, 10); + if (a > -1 && j.length > a) { + p = a; + C(); + } + if (c.cyclic && j.length > 1 && a < 0) { + p = j.length - 1; + C(); + } + if (c.cyclic && j.length > 1 && a >= j.length) { + p = 0; + C(); + } + } + }; + b.fancybox.cancel = function() { + if (!h) { + h = true; + b.event.trigger("fancybox-cancel"); + J(); + e && b.isFunction(e.onCancel) && e.onCancel(q, p, e); + h = false; + } + }; + b.fancybox.close = function() { + function a() { + x.fadeOut("fast"); + g.hide(); + b.event.trigger("fancybox-cleanup"); + i.empty(); + b.isFunction(c.onClosed) && c.onClosed(j, n, c); + j = e = []; + n = p = 0; + c = e = {}; + h = false; + } + if (!(h || g.is(":hidden"))) { + h = true; + if (c && b.isFunction(c.onCleanup)) + if (c.onCleanup(j, n, c) === false) { + h = false; + return; + } + J(); + b(z.add(A).add(B)).hide(); + b("#fancybox-title").remove(); + g.add(i) + .add(x) + .unbind(); + b(window).unbind("resize.fb scroll.fb"); + b(document).unbind("keydown.fb"); + i.css("overflow", "hidden"); + if (c.transitionOut == "elastic") { + k = Q(); + var d = g.position(); + l = { top: d.top, left: d.left, width: g.width(), height: g.height() }; + if (c.opacity) l.opacity = 1; + y.prop = 1; + b(y).animate( + { prop: 0 }, + { duration: c.speedOut, easing: c.easingOut, step: M, complete: a } + ); + } else g.fadeOut(c.transitionOut == "none" ? 0 : c.speedOut, a); + } + }; + b.fancybox.resize = function() { + var a, d; + if (!(h || g.is(":hidden"))) { + h = true; + a = i.wrapInner("
    ").children(); + d = a.height(); + g.css({ height: d + c.padding * 2 + v }); + i.css({ height: d }); + a.replaceWith(a.children()); + b.fancybox.center(); + } + }; + b.fancybox.center = function() { + h = true; + var a = K(), + d = c.margin, + f = {}; + f.top = a[3] + (a[1] - (g.height() - v + 40)) * 0.5; + f.left = a[2] + (a[0] - (g.width() + 40)) * 0.5; + f.top = Math.max(a[3] + d, f.top); + f.left = Math.max(a[2] + d, f.left); + g.css(f); + h = false; + }; + b.fn.fancybox.defaults = { + padding: 10, + margin: 20, + opacity: false, + modal: false, + cyclic: false, + scrolling: "auto", + width: 560, + height: 340, + autoScale: true, + autoDimensions: true, + centerOnScroll: false, + ajax: {}, + swf: { wmode: "transparent" }, + hideOnOverlayClick: true, + hideOnContentClick: false, + overlayShow: true, + overlayOpacity: 0.3, + overlayColor: "#666", + titleShow: true, + titlePosition: "outside", + titleFormat: null, + transitionIn: "fade", + transitionOut: "fade", + speedIn: 300, + speedOut: 300, + changeSpeed: 300, + changeFade: "fast", + easingIn: "swing", + easingOut: "swing", + showCloseButton: true, + showNavArrows: true, + enableEscapeButton: true, + onStart: null, + onCancel: null, + onComplete: null, + onCleanup: null, + onClosed: null + }; + b(document).ready(function() { + aa(); + }); +})(jQuery); /** * jQuery Unveil * A very lightweight jQuery plugin to lazy load images @@ -457,16 +1608,14 @@ easingIn:"swing",easingOut:"swing",showCloseButton:true,showNavArrows:true,enabl * https://github.com/luis-almeida */ -;(function($) { - +(function($) { $.fn.unveil = function(threshold, callback) { - var $w = $(window), - th = threshold || 0, - retina = window.devicePixelRatio > 1, - attrib = retina? "data-src-retina" : "data-src", - images = this, - loaded; + th = threshold || 0, + retina = window.devicePixelRatio > 1, + attrib = retina ? "data-src-retina" : "data-src", + images = this, + loaded; this.one("unveil", function() { var source = this.getAttribute(attrib); @@ -483,9 +1632,9 @@ easingIn:"swing",easingOut:"swing",showCloseButton:true,showNavArrows:true,enabl if ($e.is(":hidden")) return; var wt = $w.scrollTop(), - wb = wt + $w.height(), - et = $e.offset().top, - eb = et + $e.height(); + wb = wt + $w.height(), + et = $e.offset().top, + eb = et + $e.height(); return eb >= wt - th && et <= wb + th; }); @@ -500,9 +1649,7 @@ easingIn:"swing",easingOut:"swing",showCloseButton:true,showNavArrows:true,enabl unveil(); return this; - }; - })(window.jQuery || window.Zepto); /* ============================================================= @@ -524,123 +1671,117 @@ easingIn:"swing",easingOut:"swing",showCloseButton:true,showNavArrows:true,enabl * limitations under the License. * ============================================================ */ -!function( $ ){ +!(function($) { + "use strict"; - "use strict" - - var Collapse = function ( element, options ) { - this.$element = $(element) - this.options = $.extend({}, $.fn.collapse.defaults, options) + var Collapse = function(element, options) { + this.$element = $(element); + this.options = $.extend({}, $.fn.collapse.defaults, options); if (this.options["parent"]) { - this.$parent = $(this.options["parent"]) + this.$parent = $(this.options["parent"]); } - this.options.toggle && this.toggle() - } + this.options.toggle && this.toggle(); + }; Collapse.prototype = { + constructor: Collapse, - constructor: Collapse + dimension: function() { + var hasWidth = this.$element.hasClass("width"); + return hasWidth ? "width" : "height"; + }, - , dimension: function () { - var hasWidth = this.$element.hasClass('width') - return hasWidth ? 'width' : 'height' - } - - , show: function () { - var dimension = this.dimension() - , scroll = $.camelCase(['scroll', dimension].join('-')) - , actives = this.$parent && this.$parent.find('.in') - , hasData + show: function() { + var dimension = this.dimension(), + scroll = $.camelCase(["scroll", dimension].join("-")), + actives = this.$parent && this.$parent.find(".in"), + hasData; if (actives && actives.length) { - hasData = actives.data('collapse') - actives.collapse('hide') - hasData || actives.data('collapse', null) + hasData = actives.data("collapse"); + actives.collapse("hide"); + hasData || actives.data("collapse", null); } - this.$element[dimension](0) - this.transition('addClass', 'show', 'shown') - this.$element[dimension](this.$element[0][scroll]) + this.$element[dimension](0); + this.transition("addClass", "show", "shown"); + this.$element[dimension](this.$element[0][scroll]); + }, - } + hide: function() { + var dimension = this.dimension(); + this.reset(this.$element[dimension]()); + this.transition("removeClass", "hide", "hidden"); + this.$element[dimension](0); + }, - , hide: function () { - var dimension = this.dimension() - this.reset(this.$element[dimension]()) - this.transition('removeClass', 'hide', 'hidden') - this.$element[dimension](0) - } - - , reset: function ( size ) { - var dimension = this.dimension() + reset: function(size) { + var dimension = this.dimension(); - this.$element - .removeClass('collapse') - [dimension](size || 'auto') - [0].offsetWidth + this.$element.removeClass("collapse")[dimension](size || "auto")[0] + .offsetWidth; - this.$element.addClass('collapse') - } - - , transition: function ( method, startEvent, completeEvent ) { - var that = this - , complete = function () { - if (startEvent == 'show') that.reset() - that.$element.trigger(completeEvent) - } + this.$element.addClass("collapse"); + }, - this.$element - .trigger(startEvent) - [method]('in') + transition: function(method, startEvent, completeEvent) { + var that = this, + complete = function() { + if (startEvent == "show") that.reset(); + that.$element.trigger(completeEvent); + }; - $.support.transition && this.$element.hasClass('collapse') ? - this.$element.one($.support.transition.end, complete) : - complete() - } + this.$element.trigger(startEvent)[method]("in"); - , toggle: function () { - this[this.$element.hasClass('in') ? 'hide' : 'show']() - } + $.support.transition && this.$element.hasClass("collapse") + ? this.$element.one($.support.transition.end, complete) + : complete(); + }, - } + toggle: function() { + this[this.$element.hasClass("in") ? "hide" : "show"](); + } + }; /* COLLAPSIBLE PLUGIN DEFINITION - * ============================== */ - - $.fn.collapse = function ( option ) { - return this.each(function () { - var $this = $(this) - , data = $this.data('collapse') - , options = typeof option == 'object' && option - if (!data) $this.data('collapse', (data = new Collapse(this, options))) - if (typeof option == 'string') data[option]() - }) - } + * ============================== */ + + $.fn.collapse = function(option) { + return this.each(function() { + var $this = $(this), + data = $this.data("collapse"), + options = typeof option == "object" && option; + if (!data) $this.data("collapse", (data = new Collapse(this, options))); + if (typeof option == "string") data[option](); + }); + }; $.fn.collapse.defaults = { toggle: true - } - - $.fn.collapse.Constructor = Collapse - - - /* COLLAPSIBLE DATA-API - * ==================== */ - - $(function () { - $('body').on('click.collapse.data-api', '[data-toggle=collapse]', function ( e ) { - var $this = $(this), href - , target = $this.attr('data-target') - || e.preventDefault() - || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '') //strip for ie7 - , option = $(target).data('collapse') ? 'toggle' : $this.data() - $(target).collapse(option) - }) - }) + }; -}( window.jQuery ); + $.fn.collapse.Constructor = Collapse; + + /* COLLAPSIBLE DATA-API + * ==================== */ + + $(function() { + $("body").on("click.collapse.data-api", "[data-toggle=collapse]", function( + e + ) { + var $this = $(this), + href, + target = + $this.attr("data-target") || + e.preventDefault() || + ((href = $this.attr("href")) && href.replace(/.*(?=#[^\s]+$)/, "")), //strip for ie7 + option = $(target).data("collapse") ? "toggle" : $this.data(); + $(target).collapse(option); + }); + }); +})(window.jQuery); /* Centrani javascript pro DCK Rekrea Ostrava a pridruzene weby @@ -654,196 +1795,180 @@ easingIn:"swing",easingOut:"swing",showCloseButton:true,showNavArrows:true,enabl Autor: Martin Michalek, webmaster@eslovensko.cz */ - - /* ================================================================================ 1) Udalosti */ - /* -------------------------------------------------------------------------------- a) Po nacteni dokumentu */ $(document).ready(function() { - // Nastaveni globalnich promennych do objektu window.rekrea_config = { - version : 'desktop', - version_switch_window_width : 768 - } + version: "desktop", + version_switch_window_width: 768 + }; // Pine.JS inicializace - $('.pine').pine({ - largeDisplayStart: '768px' - }); + $(".pine").pine({ + largeDisplayStart: "768px" + }); // Podle velikosti displeje nastavujeme verzi set_config_version(); - // Fancybox: Osetreni otevirani detailu fotek - $(".fancybox").fancybox({ - 'overlayOpacity': .8, - 'overlayColor': '#000', - 'padding': '0' - }); + // Fancybox: Osetreni otevirani detailu fotek + $(".fancybox").fancybox({ + overlayOpacity: 0.8, + overlayColor: "#000", + padding: "0" + }); - // Fancybox: Osetreni otevirani #content_body casti cizich stranek - $(".fancybox_content").click(function(e){ - e.preventDefault(); - $.ajax({ - url: $(this).attr('href'), - cache: false, - async: false, - dataType: "html", - success: function(data){ - html = $(data).find("#content"); - $.fancybox({ - 'overlayOpacity': .8, - 'overlayColor': '#000', - 'padding': '0', - 'scrolling': 'no', - 'content': html - }); - } - }); - return false; + // Fancybox: Osetreni otevirani #content_body casti cizich stranek + $(".fancybox_content").click(function(e) { + e.preventDefault(); + $.ajax({ + url: $(this).attr("href"), + cache: false, + async: false, + dataType: "html", + success: function(data) { + html = $(data).find("#content"); + $.fancybox({ + overlayOpacity: 0.8, + overlayColor: "#000", + padding: "0", + scrolling: "no", + content: html + }); + } + }); + return false; }); - // Fancybox: Osetreni otevirani info okynek do iframu na desktopu - // Napr. atrakce na seznamu atrakci na malych webech - $(".fancybox_iframe").click(function() { - if (rekrea_config.version == 'desktop') { - $.fancybox(ajaxize_url($(this).find('.text. strong a').attr('href')),{ - 'overlayOpacity': .8, - 'overlayColor': '#000', - 'padding': 0, - 'type': 'iframe', - 'width': 1000, - 'height': 575 - }); + // Fancybox: Osetreni otevirani info okynek do iframu na desktopu + // Napr. atrakce na seznamu atrakci na malych webech + $(".fancybox_iframe").click(function() { + if (rekrea_config.version == "desktop") { + $.fancybox( + ajaxize_url( + $(this) + .find(".text. strong a") + .attr("href") + ), + { + overlayOpacity: 0.8, + overlayColor: "#000", + padding: 0, + type: "iframe", + width: 1000, + height: 575 + } + ); return false; } - }); + }); // Fancygallery // Nyni jen otevirani Flickru do noveho okna. // Puvodne: Prohlizec fotek stahovanych primo z Flickru postaveny na Fancyboxu. - $('.fancygallery').click(function() { - window.open($(this).attr('href')); + $(".fancygallery").click(function() { + window.open($(this).attr("href")); return false; }); // Handler pro nove last minute - if (!!$('.lmItem').length) - handleLastMinute () + if (!!$(".lmItem").length) handleLastMinute(); // Univerzalni informativni hlaska - if (!!$('.message').length) - handle_message_fadeout() + if (!!$(".message").length) handle_message_fadeout(); // Osetrime zoomovani na orientacni mapce v atrakcich atd. - if (!!$('.landmark_map .zoom_2').length) - handle_landmark_map() + if (!!$(".landmark_map .zoom_2").length) handle_landmark_map(); // Hovery na stylovenem seznamu .images_list - if (!!$('.images_list li').length) - handle_images_list() + if (!!$(".images_list li").length) handle_images_list(); // Placeholder do "patickoveho" formulare pro prihlaseni k newsletteru - if (!!$('#footNewsletter').length) - add_placeholder() + if (!!$("#footNewsletter").length) add_placeholder(); // Osetrime akce v seznamu ubytovani - if (!!$('.list_item').length) - handle_list_item() + if (!!$(".list_item").length) handle_list_item(); // Osetrime rozklikavani .details/.summary - if (!!$('.details .summary').length) - handle_details_summary() + if (!!$(".details .summary").length) handle_details_summary(); // Detail kapacity: trackovani rezervacniho procesu pro Google Analytics - if (!!$('#otevrit_rezervaci').length) - handle_reservation_ga_tracking() + if (!!$("#otevrit_rezervaci").length) handle_reservation_ga_tracking(); - // Nacitame iOS slider - napr. titulky HL.cz a HJ.cz - if (!!$('.iosSlider').length) - handle_ios_slider(); + // Nacitame iOS slider - napr. titulky HL.cz a HJ.cz + if (!!$(".iosSlider").length) handle_ios_slider(); // Smoothscrolling na kotvach uvnitr stranek - if (!!$('#container a[href*=#]:not([href=#])').length) - handle_smooth_scroll(); + if (!!$("#container a[href*=#]:not([href=#])").length) handle_smooth_scroll(); // Otevirani a zavirani fulltextu na malych displejich - if ( (!!$('.site-search').length) && (rekrea_config.version == 'mobile') ) + if (!!$(".site-search").length && rekrea_config.version == "mobile") handle_small_screen_nav(); $(".unveil").unveil(100, function() { - $(this).load(function() { - this.style.opacity = 1; - }); + $(this).load(function() { + this.style.opacity = 1; + }); }); - }); - /* -------------------------------------------------------------------------------- b) Po nacteni DOM i obrazku */ -$(window).load(function() { - - -}); - - +$(window).load(function() {}); /* -------------------------------------------------------------------------------- c) Po zmene velikosti okna */ $(window).resize(function() { - // Podle velikosti displeje nastavujeme verzi set_config_version(); - }); - - - /* ================================================================================ 2) Funkce */ // Handler pro nove last minute -function handleLastMinute () { - - $('.lmItem').click(function() { - window.location = $(this).find('a:first').attr('href').toString(); +function handleLastMinute() { + $(".lmItem").click(function() { + window.location = $(this) + .find("a:first") + .attr("href") + .toString(); return false; }); - $('.lmItem .hotels a').click(function(event) { + $(".lmItem .hotels a").click(function(event) { event.stopPropagation(); }); - } - // Fadeout univerzalni info hlasky function handle_message_fadeout() { - if ($('.message:visible').hasClass('lasting_message')) { - setTimeout(blind_up, 10000,'.message'); - } else { - setTimeout(blind_up, 5000,'.message'); - } + if ($(".message:visible").hasClass("lasting_message")) { + setTimeout(blind_up, 10000, ".message"); + } else { + setTimeout(blind_up, 5000, ".message"); + } } function blind_up(element) { - $(element).animate({ - top: '-400px' - }, 600 ) - $(element).remove() + $(element).animate( + { + top: "-400px" + }, + 600 + ); + $(element).remove(); } /* @@ -854,30 +1979,31 @@ function blind_up(element) { if (!Modernizr.input.placeholder) { } */ function add_placeholder() { - $('#footNewsletter').find("input[placeholder]").each(function(){ + $("#footNewsletter") + .find("input[placeholder]") + .each(function() { var $this = $(this); - var placeholder = $this.attr('placeholder'); + var placeholder = $this.attr("placeholder"); if ($this.val() == "" && placeholder != "") { - $this.val(placeholder); + $this.val(placeholder); } - $this.focus(function(){ - if ($this.val() == placeholder) $this.val(""); + $this.focus(function() { + if ($this.val() == placeholder) $this.val(""); }); - $this.blur(function(){ - if ($this.val() == "") $this.val(placeholder); + $this.blur(function() { + if ($this.val() == "") $this.val(placeholder); }); - }); + }); } - /* Detekujeme mobil/desktop verzi podle sirky obrazovky */ function set_config_version() { if ($(window).width() < rekrea_config.version_switch_window_width) { - rekrea_config.version = 'mobile'; + rekrea_config.version = "mobile"; } else { - rekrea_config.version = 'desktop'; + rekrea_config.version = "desktop"; } } @@ -888,22 +2014,27 @@ function set_config_version() { http://www.e-slovensko.cz/ajax/atrakce/1148-thermal-park-besenova/ */ function ajaxize_url(url) { - return url.replace('.cz/','.cz/ajax/').replace('.local/','.local/ajax/'); + return url.replace(".cz/", ".cz/ajax/").replace(".local/", ".local/ajax/"); } - /* Osetrime zoomovani na orientacni mapce v atrakcich atd. */ function handle_landmark_map() { - var $landmark_maps = $('.landmark_map .maps'); - $landmark_maps.hover(function() { - $landmark_maps.find('.zoom_1').fadeOut('slow', function() { - setTimeout("$('.landmark_map .maps').find('.zoom_2').fadeOut('slow')", 1000); - }); - }, function() { - $landmark_maps.find('.zoom_2, .zoom_1').fadeIn(); - }); + var $landmark_maps = $(".landmark_map .maps"); + $landmark_maps.hover( + function() { + $landmark_maps.find(".zoom_1").fadeOut("slow", function() { + setTimeout( + "$('.landmark_map .maps').find('.zoom_2').fadeOut('slow')", + 1000 + ); + }); + }, + function() { + $landmark_maps.find(".zoom_2, .zoom_1").fadeIn(); + } + ); } /* @@ -912,29 +2043,35 @@ function handle_landmark_map() { do Fancyboxu na desktopu. Tam navesujeme klikaci udalost uz na
  • - viz vyse. */ function handle_images_list() { - if (rekrea_config.version == 'desktop') { - $('.images_list li:not(.fancybox_iframe)').click(function() { - window.location = $(this).find('a:first').attr('href'); + if (rekrea_config.version == "desktop") { + $(".images_list li:not(.fancybox_iframe)").click(function() { + window.location = $(this) + .find("a:first") + .attr("href"); }); } else { - $('.images_list li').click(function() { - window.location = $(this).find('a:first').attr('href'); + $(".images_list li").click(function() { + window.location = $(this) + .find("a:first") + .attr("href"); }); } return false; } - /* Osetrime akce v seznamu ubytovani */ function handle_list_item() { - $('.list_item').click(function() { - window.location = $(this).find('h2 a').attr('href').toString(); + $(".list_item").click(function() { + window.location = $(this) + .find("h2 a") + .attr("href") + .toString(); return false; }); // Kliknutim na obec nebo na ikonu LM/FM nechceme skocit na detail ubytovani - $('.list_item .place a, .list_item .icon').click(function(event) { + $(".list_item .place a, .list_item .icon").click(function(event) { event.stopPropagation(); }); } @@ -943,10 +2080,14 @@ function handle_list_item() { Osetrime rozklikavani .details/.summary */ function handle_details_summary() { - $('.details .details_content').hide(); - $('.details .summary').click(function() { - $(this).closest('.details').toggleClass('open'); - $(this).siblings('.details_content').toggle(200); + $(".details .details_content").hide(); + $(".details .summary").click(function() { + $(this) + .closest(".details") + .toggleClass("open"); + $(this) + .siblings(".details_content") + .toggle(200); }); } @@ -954,20 +2095,20 @@ function handle_details_summary() { Detail kapacity: trackovani rezervacniho procesu pro Google Analytics */ function handle_reservation_ga_tracking() { - $('#otevrit_rezervaci').click(function() { - try { - var myTracker=_gat._getTrackerByName(); - _gaq.push(['_trackPageview', '/ubytovani/rezervace/']); - ga('send', 'pageview', '/ubytovani/rezervace/'); // Universal Analytics - } catch(err) {} - }); - $('#rezerv_submit').click(function() { - try { - var myTracker=_gat._getTrackerByName(); - _gaq.push(['_trackPageview', '/ubytovani/rezervace/dekujeme/']); - ga('send', 'pageview', '/ubytovani/rezervace/dekujeme/'); // Universal Analytics - } catch(err) {} - }); + $("#otevrit_rezervaci").click(function() { + try { + var myTracker = _gat._getTrackerByName(); + _gaq.push(["_trackPageview", "/ubytovani/rezervace/"]); + ga("send", "pageview", "/ubytovani/rezervace/"); // Universal Analytics + } catch (err) {} + }); + $("#rezerv_submit").click(function() { + try { + var myTracker = _gat._getTrackerByName(); + _gaq.push(["_trackPageview", "/ubytovani/rezervace/dekujeme/"]); + ga("send", "pageview", "/ubytovani/rezervace/dekujeme/"); // Universal Analytics + } catch (err) {} + }); } /* @@ -976,26 +2117,26 @@ function handle_reservation_ga_tracking() { Vyuziva http://iosscripts.com/iosslider/ */ function handle_ios_slider() { + $(".iosSlider").iosSlider({ + // desktopClickDrag: true, <-- bug? + snapToChildren: true, + infiniteSlider: true, + navSlideSelector: ".slideSelectors .item", + onSlideChange: slideChange, + autoSlide: true, + scrollbar: true, + scrollbarContainer: ".scrollbarContainer", + scrollbarMargin: "0", + scrollbarBorderRadius: "0", + keyboardControls: true + }); - $('.iosSlider').iosSlider({ - // desktopClickDrag: true, <-- bug? - snapToChildren: true, - infiniteSlider: true, - navSlideSelector: '.slideSelectors .item', - onSlideChange: slideChange, - autoSlide: true, - scrollbar: true, - scrollbarContainer: '.scrollbarContainer', - scrollbarMargin: '0', - scrollbarBorderRadius: '0', - keyboardControls: true - }); - - function slideChange(args) { - $('.slideSelectors .item').removeClass('selected'); - $('.slideSelectors .item:eq(' + (args.currentSlideNumber - 1) + ')').addClass('selected'); - } - + function slideChange(args) { + $(".slideSelectors .item").removeClass("selected"); + $( + ".slideSelectors .item:eq(" + (args.currentSlideNumber - 1) + ")" + ).addClass("selected"); + } } /* @@ -1009,14 +2150,21 @@ function handle_ios_slider() { */ function handle_smooth_scroll() { - $('#container a[href*=#]:not([href=#])').click(function() { - if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { + $("#container a[href*=#]:not([href=#])").click(function() { + if ( + location.pathname.replace(/^\//, "") == + this.pathname.replace(/^\//, "") && + location.hostname == this.hostname + ) { var target = $(this.hash); - target = target.length ? target : $('[name=' + this.hash.slice(1) +']'); + target = target.length ? target : $("[name=" + this.hash.slice(1) + "]"); if (target.length) { - $('html,body').animate({ - scrollTop: target.offset().top - }, 1000); + $("html,body").animate( + { + scrollTop: target.offset().top + }, + 1000 + ); return false; } } @@ -1027,23 +2175,20 @@ function handle_smooth_scroll() { Osetreni klikani na navigaci na malych displejich */ function handle_small_screen_nav() { - // Klikani na ikonu vyhledavani - $('.site-nav__small-screen-search').click(function(event) { + $(".site-nav__small-screen-search").click(function(event) { // Schovame navigaci - $('.pine').removeClass('pine-visible'); - $('.site-nav__small-screen-nav').removeClass('active'); + $(".pine").removeClass("pine-visible"); + $(".site-nav__small-screen-nav").removeClass("active"); // Zobrazime vyhledavani - $('.site-search').toggle(); - $(this).toggleClass('active'); + $(".site-search").toggle(); + $(this).toggleClass("active"); return false; }); // Klikani na ikonu navigace // (Zbytek resi Pine.js) - $('.site-nav__small-screen-nav').click(function(event) { - $('.site-nav__small-screen-search').removeClass('active'); + $(".site-nav__small-screen-nav").click(function(event) { + $(".site-nav__small-screen-search").removeClass("active"); }); - } - diff --git a/package-lock.json b/package-lock.json index 496197e..c7948cc 100644 --- a/package-lock.json +++ b/package-lock.json @@ -469,13 +469,6 @@ "integrity": "sha1-iYUI2iIm84DfkEcoRWhJwVAaSw0=", "dev": true }, - "asap": { - "version": "2.0.6", - "resolved": "https://registry.npmjs.org/asap/-/asap-2.0.6.tgz", - "integrity": "sha1-5QNHYR1+aQlDIIu9r+vLwvuGbUY=", - "dev": true, - "optional": true - }, "asn1": { "version": "0.2.3", "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.3.tgz", @@ -1776,16 +1769,6 @@ } } }, - "errno": { - "version": "0.1.7", - "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.7.tgz", - "integrity": "sha512-MfrRBDWzIWifgq6tJj60gkAwtLNb6sQPlcFrSOflcP1aFmmruKQ2wRnze/8V6kgyz7H3FF8Npzv78mZ7XLLflg==", - "dev": true, - "optional": true, - "requires": { - "prr": "~1.0.1" - } - }, "error": { "version": "7.0.2", "resolved": "https://registry.npmjs.org/error/-/error-7.0.2.tgz", @@ -3520,54 +3503,6 @@ } } }, - "grunt-contrib-less": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/grunt-contrib-less/-/grunt-contrib-less-2.0.0.tgz", - "integrity": "sha512-nsaODoEMjVn61OuqPaFeFQpb4Qd/EbfxQDeYnh2oONXm8L5Gnuchtv59kl0V3hjiFdOkZlPILDc3ZrkoZI0PNw==", - "dev": true, - "requires": { - "async": "^2.0.0", - "chalk": "^1.0.0", - "less": "^3.0.4", - "lodash": "^4.17.10" - }, - "dependencies": { - "ansi-styles": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz", - "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=", - "dev": true - }, - "async": { - "version": "2.6.1", - "resolved": "https://registry.npmjs.org/async/-/async-2.6.1.tgz", - "integrity": "sha512-fNEiL2+AZt6AlAw/29Cr0UDe4sRAHCpEHh54WMz+Bb7QfNcFw4h3loofyJpLeQs4Yx7yuqu/2dLgM5hKOs6HlQ==", - "dev": true, - "requires": { - "lodash": "^4.17.10" - } - }, - "chalk": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz", - "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=", - "dev": true, - "requires": { - "ansi-styles": "^2.2.1", - "escape-string-regexp": "^1.0.2", - "has-ansi": "^2.0.0", - "strip-ansi": "^3.0.0", - "supports-color": "^2.0.0" - } - }, - "supports-color": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz", - "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=", - "dev": true - } - } - }, "grunt-contrib-watch": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/grunt-contrib-watch/-/grunt-contrib-watch-1.1.0.tgz", @@ -3937,13 +3872,6 @@ "integrity": "sha512-kOC8IUb8HSDMVcYrDVezCxpJkzSQWTAzf3olpKM6o9rM5zpojx23O0Fl8Wr4+qJ6ZbPEHqf1fdwev/DS7v7pmA==", "dev": true }, - "image-size": { - "version": "0.5.5", - "resolved": "https://registry.npmjs.org/image-size/-/image-size-0.5.5.tgz", - "integrity": "sha1-Cd/Uq50g4p6xw+gLiZA3jfnjy5w=", - "dev": true, - "optional": true - }, "immutable": { "version": "3.8.2", "resolved": "https://registry.npmjs.org/immutable/-/immutable-3.8.2.tgz", @@ -4446,22 +4374,6 @@ "invert-kv": "^1.0.0" } }, - "less": { - "version": "3.0.4", - "resolved": "https://registry.npmjs.org/less/-/less-3.0.4.tgz", - "integrity": "sha512-q3SyEnPKbk9zh4l36PGeW2fgynKu+FpbhiUNx/yaiBUQ3V0CbACCgb9FzYWcRgI2DJlP6eI4jc8XPrCTi55YcQ==", - "dev": true, - "requires": { - "errno": "^0.1.1", - "graceful-fs": "^4.1.2", - "image-size": "~0.5.0", - "mime": "^1.4.1", - "mkdirp": "^0.5.0", - "promise": "^7.1.1", - "request": "^2.83.0", - "source-map": "~0.6.0" - } - }, "leven": { "version": "2.1.0", "resolved": "https://registry.npmjs.org/leven/-/leven-2.1.0.tgz", @@ -6097,23 +6009,6 @@ "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==", "dev": true }, - "promise": { - "version": "7.3.1", - "resolved": "https://registry.npmjs.org/promise/-/promise-7.3.1.tgz", - "integrity": "sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg==", - "dev": true, - "optional": true, - "requires": { - "asap": "~2.0.3" - } - }, - "prr": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz", - "integrity": "sha1-0/wRS6BplaRexok/SEzrHXj19HY=", - "dev": true, - "optional": true - }, "pseudomap": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/pseudomap/-/pseudomap-1.0.2.tgz", diff --git a/scss/base/_body.scss b/scss/base/_body.scss index 7f852ac..af0fbf9 100644 --- a/scss/base/_body.scss +++ b/scss/base/_body.scss @@ -18,7 +18,6 @@ body { // Napr. http://e-slovensko.local/ajax/atrakce/1148-thermal-park-besenova/ @media #{$large-start} { - body.ajax { background: #fff; padding: 0; diff --git a/scss/base/_helpers.scss b/scss/base/_helpers.scss deleted file mode 100644 index 3bdc501..0000000 --- a/scss/base/_helpers.scss +++ /dev/null @@ -1,395 +0,0 @@ -/* - -Helpery -======= - -*/ - - -// Clearfix -// -------- -// For clearing floats like a boss h5bp.com/q -.clearfix { - *zoom: 1; - &:before, &:after { - display: table; - content: ""; - // Fixes Opera/contenteditable bug: - // http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952 - line-height: 0; - } - &:after { - clear: both; - } -} - -.container .margin_bottom { - margin-bottom: 18px; -} - -.container .margin_bottom_half { - margin-bottom: 9px; -} - -.container .margin_bottom_double { - margin-bottom: 36px; -} - -.without_margin_bottom { - margin-bottom: 0; -} - -.margin_top_negative { - margin-top: -18px; -} - -.container .margin_top { - margin-top: 18px; -} - -.container .margin_top_double { - margin-top: 36px; -} - -.margin_top_half { - margin-top: 9px; -} - -.desktop_only { - display: none !important; - - @media #{$large-start} { - display: block !important; - } -} - - -.dumb_only { - display: none !important; -} - -.center, .text-center { - text-align: center; -} - -.right { - text-align: right; -} - -.left { - text-align: left; -} - -.clear_both { - clear: both; -} - -.block_center { - margin-left: auto !important; - margin-right: auto !important; - float: none !important; -} - -.suppress { - opacity: 0.5; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; - filter: alpha(opacity=50); -} - -.float_right { - float: right; -} - -.float_left { - float: left; -} - -.last { - @media #{$large-start} { - margin-right: 0 !important; - } -} - -// Textovy blok trochu vice odsazeny (napr. anotace ve vypoctu tabulku) -.tabbed_text { - padding-left: 15px; - padding-right: 45px; -} - -// TODO -.small { - font-size: 11px; - line-height: 13px; - color: #999; - - a { - color: #999; - text-decoration: underline; - - &:hover, &:focus, &:active { - color: #666; - } - } -} - -// Schovavani obsahu, ktery ma zustat viditelny cteckam a vyhledavacum -// See: http://a11yproject.com/posts/how-to-hide-content/ - -.sr-only { - position: absolute; - width: 1px; - height: 1px; - margin: -1px; - padding: 0; - overflow: hidden; - clip: rect(0, 0, 0, 0); - border: 0; -} - - -// Z old_layout.less -// ----------------- - -// TODO co potrebujeme? - -.floatLeft50 { - float: left; - width: 48%; -} - -.floatRight50 { - float: right; - width: 48%; -} - -.clearBothZero, .clear_zero { - display: block; - clear: both; - font-size: 1px; - line-height: 1px; - height: 1px; -} - - -.marginBottom3 { - margin-bottom: 3em; -} - -.marginBottom1half { - margin-bottom: 1.5em; -} - -.marginRight15 { - margin-right: 15px; -} - -.floatLeft { - float: left; -} - -.floatRight { - float: right; -} - -.displayNone { - display: none; -} - -.marginTopNo { - margin-top: 0; -} - -.sideOne .marginTopNo { - margin-top: -1.5em; -} - -.alignLeft { - text-align: left; -} - -.alignRight { - text-align: right; -} - -.alignCenter { - text-align: center; -} - -.alignMiddle { - vertical-align: middle; -} - -.required { - font-size: 1.2em; - font-weight: bold; - color: #f60; -} - -p.submit { - text-align: right; -} - -.big { - font-size: 1.5em; - font-weight: bold; - vertical-align: middle; -} - -.fontSmall { - font-size: .5em; - font-weight: normal; -} - -small.fontSmall { - font-size: .6em; - font-weight: normal; -} - -table.fontSmall td, table.fontSmall th { - font-size: 1.4em; - font-weight: normal; -} - -.clearBoth { - clear: both; -} - -.container .alignRight { - text-align: right; -} - -.container .alignLeft { - text-align: left; -} - -.container .alignCenter { - text-align: center; -} - -.testRed { - border: 1px solid red; -} - -.displayInline { - display: inline; -} - -.displayNone { - display: none; -} - -.hide { - display: none; -} - - -// Nove helpery (verze 2012) -// Presunout do noveho layoutu (if newlayout TODO) - -.width100 { - width: 100%; -} - -.width50 { - width: 50%; -} - -.display_block { - display: block; -} - - -// Presunuto z new_layout.less -// --------------------------- - -// Cosi jako komponenty, jen moc male -// TODO refaktor - je spise znamenim, ze maji byt soucasti nadrazeni komponenty - -// Odkaz "Vice..." - -.more_link { - margin: 2em 0; - text-align: center; -} - -// Velky nahled ubytovatele -// (v detailu LM/FM - s nazvem, anotaci, fotkami a vybavenim) - -.accommodation_big_item { - margin-bottom: 36px; -} - -// Unveil.js lazyloading - -.unveil { - opacity: 0; - transition: opacity .5s ease-in; -} - -// Odkaz na vice informaci - -.more_info { - color: #666; -} - -// Legenda - popisek k necemu, asi hlavne hvezdy - -.legend { - color: #999; - text-align: right; -} - -// Podobne polozky - treba souvisejici ubytovatele - -.similar_items { - margin-top: 54px; -} - -// Velka mapa oblasti nebo okoli - -#map_container { - margin: -35px -8px 27px -30px; - width: auto; - height: 562px; // 1000x562px -} - -#mapa_okoli { - margin-top: 8px; -} - -#subdivisions { - max-width: 940px; - margin-bottom: 36px; -} - -// Seznam obci v oblasti nebo seznam oblasti ve statu - -#subdivisions h3 { - margin-bottom: 9px; - border-bottom: 1px solid #ccc; -} - -// Odkaz na fotogalerii z Flickru - -.more_photos a { - border-top: 1px solid #ccc; - border-bottom: 1px solid #ccc; - margin-left: 0; - padding-left: 0; - padding: 5px 7px; - display: block; -} - -.more_photos a:hover, .more_photos a:focus, .more_photos a:active { - background-color: #eee; - cursor: pointer; -} - -// Ohraniceni form prvku -input.input--border { - border: 1px solid #000; -} - -textarea.textarea--border { - border: 1px solid #000; -} diff --git a/scss/base/_reset.scss b/scss/base/_reset.scss index 188af52..d8a922b 100644 --- a/scss/base/_reset.scss +++ b/scss/base/_reset.scss @@ -6,15 +6,15 @@ Reset */ body { - margin:0; - padding:0; + margin: 0; + padding: 0; } -a img, img { +a img, +img { border: 0; } - form { margin: 0; padding: 0; diff --git a/scss/base/_typo.scss b/scss/base/_typo.scss index 97f1352..b790309 100644 --- a/scss/base/_typo.scss +++ b/scss/base/_typo.scss @@ -12,13 +12,22 @@ Typografie a linearni design // Typografie // ---------- -body, input, textarea, option, select { +body, +input, +textarea, +option, +select { font-size: $base-font-size; line-height: $base-line-height; font-family: Arial, Helvetica, sans-serif; } -h1,h2,h3,h4,h5,h6 { +h1, +h2, +h3, +h4, +h5, +h6 { font-family: Arial, Helvetica, sans-serif; } @@ -40,8 +49,11 @@ a { // Linearni design // --------------- - -p, ul, ol, table, blockquote { +p, +ul, +ol, +table, +blockquote { padding: 0; margin: 0; margin-bottom: $base-line-height; @@ -78,7 +90,7 @@ h2, h3, .h3 { - display: block; + display: block; font-size: 14px; line-height: 18px; margin: 0 0 4px 0; @@ -89,7 +101,7 @@ h3, h4, .h4 { - display: block; + display: block; font-size: $base-font-size; line-height: $base-line-height; margin: 0; @@ -98,12 +110,11 @@ h4, color: #666; } - h2 small, h3 small { font-size: $base-font-size; line-height: $base-line-height; - color: #999; + color: #999; } big { @@ -123,7 +134,7 @@ ul ul, ul ol, ol ol, ol ul { - margin-bottom: 0; + margin-bottom: 0; } ul { @@ -136,7 +147,6 @@ ol li { } @media #{$large-start} { - h2 small.float_right { margin-top: 5px; } diff --git a/scss/components/_content_head.scss b/scss/components/_content_head.scss index c1fac26..6d1144b 100644 --- a/scss/components/_content_head.scss +++ b/scss/components/_content_head.scss @@ -7,7 +7,7 @@ Hlavička obsahu stránky .content__head { text-align: center; - padding: 2*$base-line-height; + padding: 2 * $base-line-height; text-align: center; } diff --git a/scss/components/_fancybox.scss b/scss/components/_fancybox.scss index 581c353..cd747bc 100644 --- a/scss/components/_fancybox.scss +++ b/scss/components/_fancybox.scss @@ -8,7 +8,7 @@ .fancybox:hover img, .fancybox:active img, .fancybox:focus img { - -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); - opacity: .9; + opacity: 0.9; } diff --git a/scss/components/_flag.scss b/scss/components/_flag.scss index 31dc515..8abea8b 100644 --- a/scss/components/_flag.scss +++ b/scss/components/_flag.scss @@ -3,6 +3,8 @@ Flag - priznaky slev, Last Minute atd. ========================================= */ +// Pro pouziti potreba position: relative + .flag { font-size: 12px; display: inline-block; @@ -28,7 +30,7 @@ $media-for-smaller-flag: "only screen and (max-width: 420px)"; @mixin mixin-flag-sm() { font-size: 9px; padding: 2px 3px; - letter-spacing: .02em; + letter-spacing: 0.02em; } .flag--sm { @@ -46,8 +48,8 @@ $media-for-smaller-flag: "only screen and (max-width: 420px)"; @media #{$large-start} { .flag--lg { - font-size: $larger-font-size; - padding: $padding-lg-y $padding-lg-x; + font-size: $larger-font-size; + padding: $padding-lg-y $padding-lg-x; } } @@ -69,15 +71,15 @@ $media-for-smaller-flag: "only screen and (max-width: 420px)"; // "Last Minute" .flag--lastminute { - background: #FF9900; - background: fade-out(#FF9900, 0.15); + background: #ff9900; + background: fade-out(#ff9900, 0.15); } // "Horky tip" .flag--hottip { - background: #FFCC00; - background: fade-out(#FFCC00, 0.15); + background: #ffcc00; + background: fade-out(#ffcc00, 0.15); } // "Novinka" @@ -90,11 +92,10 @@ $media-for-smaller-flag: "only screen and (max-width: 420px)"; // "Sleva" .flag--discount { - background: #FF6600; - background: fade-out(#FF6600, 0.15); + background: #ff6600; + background: fade-out(#ff6600, 0.15); } - // Pozicovani ikon, pokud jich je vice // ----------------------------------- @@ -103,7 +104,6 @@ $media-for-smaller-flag: "only screen and (max-width: 420px)"; // * Zatim vzdy prekryvaji obrazek (.image_item v detailu a .list_item .image v seznamu) .flags { - .flag { position: absolute; top: 2px; @@ -114,13 +114,13 @@ $media-for-smaller-flag: "only screen and (max-width: 420px)"; // * Zaroven je .flag--lg jen na velkych displejich. // Vyska .flag: - $flag-height: 2*$padding-y + $base-line-height + 2px; + $flag-height: 2 * $padding-y + $base-line-height + 2px; // Vyska .flag--lg: - $flag-large-height: 2*$padding-lg-y + $base-line-height + 2px; + $flag-large-height: 2 * $padding-lg-y + $base-line-height + 2px; // Vyska .flag--sm: - $flag-small-height: 2*$padding-sm-y + $base-line-height + 2px; + $flag-small-height: 2 * $padding-sm-y + $base-line-height + 2px; // TODO plus selektory kvuli podpore IE8 // casem nahradit pomoci .flag:nth-child(2) atd. @@ -142,5 +142,4 @@ $media-for-smaller-flag: "only screen and (max-width: 420px)"; top: ($flag-small-height + 2px); } } - } // .flags diff --git a/scss/components/_foot.scss b/scss/components/_foot.scss index 7e1ce76..bda0bde 100644 --- a/scss/components/_foot.scss +++ b/scss/components/_foot.scss @@ -10,9 +10,9 @@ Foot - stara paticka #foot { background: $color-beta; - padding:.75em 30px; - color:#fff; - margin:0; + padding: 0.75em 30px; + color: #fff; + margin: 0; // Fix kvuli toplistu a spol napr pro velkymeder.cz/ubytovani/apartmany-kovacs/ margin-bottom: -18px; @@ -22,5 +22,5 @@ Foot - stara paticka } #foot a { - color:#fff; + color: #fff; } diff --git a/scss/components/_form.scss b/scss/components/_form.scss index 2084722..5b02be1 100644 --- a/scss/components/_form.scss +++ b/scss/components/_form.scss @@ -11,98 +11,105 @@ Formulare ze stareho old_layout.less // TODO uplne znova table.form { - width:100%; + width: 100%; } -table.form th, table.form td { - padding:.45em .2em .45em 0; - vertical-align:top; +table.form th, +table.form td { + padding: 0.45em 0.2em 0.45em 0; + vertical-align: top; } table.form th { - text-align:left; - width:31%; - font-weight:normal; + text-align: left; + width: 31%; + font-weight: normal; } table.form td { - text-align:left; - width:69%; + text-align: left; + width: 69%; } -table tr.rowOne td, table tr.rowOne th { - background:#efefef; +table tr.rowOne td, +table tr.rowOne th { + background: #efefef; } -table tr.rowTwo td, table tr.rowTwo th { - background:#f8f8f8; +table tr.rowTwo td, +table tr.rowTwo th { + background: #f8f8f8; } -table tr.rowThree td, table tr.rowThree th { - background:#dfdfdf; +table tr.rowThree td, +table tr.rowThree th { + background: #dfdfdf; } table tr.rowCena td { - background:#FDFECF; - font-weight:bold; + background: #fdfecf; + font-weight: bold; } -table tr.error td, table tr.error th { - background:#FED0D0; - color:red; +table tr.error td, +table tr.error th { + background: #fed0d0; + color: red; } table.form small { - color:#666; + color: #666; } -.sendOK, #contentBox p.sendOK { - border:2px solid #213630; - padding:.5em 8px; - margin:2.5em 0; +.sendOK, +#contentBox p.sendOK { + border: 2px solid #213630; + padding: 0.5em 8px; + margin: 2.5em 0; } -.sendKO, #contentBox p.sendKO { - background:#FF0; - padding:1.5em 8px; - margin:2.5em 0; +.sendKO, +#contentBox p.sendKO { + background: #ff0; + padding: 1.5em 8px; + margin: 2.5em 0; } - // Velikosti formularovych policek // ------------------------------- -input, textarea { +input, +textarea { //border: 1px solid; padding: 5px; } input.s { - width:4em; + width: 4em; } input.xs { - width:6em; + width: 6em; } input.l { - width:10em; + width: 10em; } input.m { - width:8em; + width: 8em; } input.xl { - width:15em; + width: 15em; } input.xxl { - width:20em; + width: 20em; } input.maxxxl { - width:445px; + width: 445px; } textarea { @@ -111,20 +118,20 @@ textarea { } textarea.l { - width:95%; - height:5em; + width: 95%; + height: 5em; } textarea.xl { - height:5em; + height: 5em; } input.inputBigger { - font-size:1em; - font-weight:bold; + font-size: 1em; + font-weight: bold; } select.inputBigger { - font-size:1em; - font-weight:bold; + font-size: 1em; + font-weight: bold; } diff --git a/scss/components/_freestyle_grid.scss b/scss/components/_freestyle_grid.scss index 270a030..900b594 100644 --- a/scss/components/_freestyle_grid.scss +++ b/scss/components/_freestyle_grid.scss @@ -10,8 +10,8 @@ Třída `.fgrid` @import "../../../../../../bower_components/freestyle-grid/less/freestyle-grid.less"; -@fgrid-small-grid-start: 480px; -@fgrid-large-grid-start: $large-start-value; +@fgrid-small-grid-start: 480px; +@fgrid-large-grid-start: $large-start-value; // TODO kvuli specificnosti .fgrid { diff --git a/scss/components/_inline-list.scss b/scss/components/_inline-list.scss deleted file mode 100644 index 540ecd4..0000000 --- a/scss/components/_inline-list.scss +++ /dev/null @@ -1,67 +0,0 @@ -/* - Inline list - =========== -*/ - -// - seznam polozek v bublinach - napr. staty - -.inline-list { - margin-left: 23px; - line-height: 36px; - margin-bottom: 12px; - text-align: center; - - &__heading { - font-style: 36px; - - // Schovano pred screen readery - &--invisible { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - border: 0; - } - } - - &__item { - display: inline-block; - padding: 4px 8px; - margin-bottom: 8px; - background-color: transparent; - border: 1px solid #ccc; - white-space: nowrap; - border-radius: 5px; - - &-icon { - display: inline-block; - padding: 5px; - border-radius: 5px; - background: $color-beta; - } - - &--two-stars, - &--three-stars { - font-weight: bold; - - // TODO - // .inline-list--large-items .inline-list__item--two-stars, - // .inline-list--large-items .inline-list__item--three-stars { … } - } - - &--no-margin-bottom { margin-bottom: 0; } - - &.active, - &:hover, - &:focus, - &:active { - background-color: #eee; - text-decoration: underline; - cursor: pointer; - border: 1px solid #ddd; - } - } -} diff --git a/scss/components/_list-item.scss b/scss/components/_list-item.scss deleted file mode 100644 index d3eb849..0000000 --- a/scss/components/_list-item.scss +++ /dev/null @@ -1,136 +0,0 @@ -/* # Komponenta Velka polozka seznamu - -Napr. seznamy ubytovatelu, pobytu, last-minute atd. - -*/ - -.list-items { - display: flex; - flex-wrap: wrap; - justify-content: space-between; -} - -.list-item { - border: 1px solid transparent; - color: #555; - box-sizing: border-box; - padding: 9px; - margin-bottom: 18px; - display: flex; - - @media #{$large-start} { - display: block; - width: calc(33.3% - 28px/3); // Tretina minus dva guttery - } -} - -// Obrazek - -.list-item .image { - width: 33.3%; - margin-right: 14px; // gutter - position: relative; // .flags - - a, img { - display: block; - } - - @media #{$large-start} { - width: auto; - margin-bottom: 12px; - margin-right: 0; - } -} - - - -// Textovy obsah - -.list-item .content { - position: relative; // .price - width: calc(66.6% - 14px); // viz .image - padding: 0; // reset .content - - @media #{$large-start} { - width: auto; - } - - p { - margin-bottom: 0; - } - - h2 { - @include fs(22px); - margin-bottom: 8px; - } -} - -// Cenovy stitek - -.list-item .price { - display: inline-block; - width: auto; - color: #444; - - strong { - font-weight: normal; - color: #888; - } -} - -.list-item .price.price--big { - background-color: #ddd; - padding: 4px 6px; - margin: 0 6px 18px 0; -} - -// Umisteni v komponente - -.list-item .content .price { - @media #{$large-start} { - position: absolute; - top: -44px; // 2px od kraje obrazku - right: -3px; // 2px od kraje obrazku - } -} - - - -// Varianta bez spodniho ramecku -// Napr. na homepages verze 2014 - -.list-item.without_border { - border-bottom: 0; -} - -// Varianta s rameckem - -.list-item.bordered { - border: 1px solid #ddd; -} - - -// Aktivni stavy - -.list-item.active, -.list-item:hover, -.list-item:focus, -.list-item:active { - background-color: #eee; - cursor: pointer; - color: #333; - border: 1px solid #ddd; - - h2 a { - color: darken($color-alpha, 20%); - text-decoration: underline; - } - - // Funkcnost s povolenym JS - - .js & { - background-color: #dedede; - } -} - - diff --git a/scss/components/_price.scss b/scss/components/_price.scss deleted file mode 100644 index 2fba917..0000000 --- a/scss/components/_price.scss +++ /dev/null @@ -1,7 +0,0 @@ -/* - -Ceny - velke "cenovky" -====================== - -*/ - diff --git a/scss/components/_sister-websites.scss b/scss/components/_sister-websites.scss index 50947ba..caba19f 100644 --- a/scss/components/_sister-websites.scss +++ b/scss/components/_sister-websites.scss @@ -1,13 +1,12 @@ /* === Sesterske weby v zahlavi === */ -#sisterWebsites -{ - background-color:#efefef; - font-family:Verdana, sans-serif; - font-size:9px; - line-height:16px; - height:22px; - margin:0; +#sisterWebsites { + background-color: #efefef; + font-family: Verdana, sans-serif; + font-size: 9px; + line-height: 16px; + height: 22px; + margin: 0; // Na malych displejich a v tisku nezobrazujeme @media #{$small-end}, print { @@ -23,13 +22,14 @@ } } -.container #sisterWebsites a, #sisterWebsites strong { - display:block; +.container #sisterWebsites a, +#sisterWebsites strong { + display: block; width: 20%; - float:left; - text-align:center; - padding:3px 0; - color:#ccc; + float: left; + text-align: center; + padding: 3px 0; + color: #ccc; @media #{$extra-large-start} { width: 10%; @@ -41,16 +41,14 @@ } .container #sisterWebsites a:hover, -.container #sisterWebsites a:focus -{ - text-decoration:none; - background-color:#e8e8e8; - color:#bbb; +.container #sisterWebsites a:focus { + text-decoration: none; + background-color: #e8e8e8; + color: #bbb; } -#sisterWebsites strong -{ - background:#fff; - color:#bbb; - font-weight:normal; +#sisterWebsites strong { + background: #fff; + color: #bbb; + font-weight: normal; } diff --git a/scss/components/_site_logo.scss b/scss/components/_site_logo.scss index 90ee7dc..6b183c4 100644 --- a/scss/components/_site_logo.scss +++ b/scss/components/_site_logo.scss @@ -4,14 +4,14 @@ .site-logo { margin: 0; - width: auto; - text-align: center; - font-size: 24px; - font-weight: bold; + width: auto; + text-align: center; + font-size: 24px; + font-weight: bold; color: $color-gamma; padding: $base-line-height 0; @media #{$large-start} { - padding: 3*$base-line-height 0; + padding: 3 * $base-line-height 0; } } diff --git a/scss/components/_site_nav.scss b/scss/components/_site_nav.scss index 2969fdc..15d7bb7 100644 --- a/scss/components/_site_nav.scss +++ b/scss/components/_site_nav.scss @@ -7,14 +7,14 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek. */ .site-nav { - background: $color-beta; + background: $color-beta; border-bottom: $color-gamma 10px solid; - border-top: $color-delta 10px solid; + border-top: $color-delta 10px solid; - @media #{$large-start} { - padding-left: 15px; - padding-right: 15px; - } + @media #{$large-start} { + padding-left: 15px; + padding-right: 15px; + } @media print { display: none; @@ -27,14 +27,14 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek. } .site-nav li { - list-style-type: none; + list-style-type: none; } .site-nav a { display: flex; justify-content: center; align-items: center; - height: 2*$base-line-height; + height: 2 * $base-line-height; color: #fff; &:hover, @@ -56,6 +56,6 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek. } .site-nav a { - height: 3*$base-line-height; + height: 3 * $base-line-height; } } diff --git a/scss/components/_text.scss b/scss/components/_text.scss index c889108..2f31dcb 100644 --- a/scss/components/_text.scss +++ b/scss/components/_text.scss @@ -42,31 +42,31 @@ http://stackoverflow.com/questions/710158/why-do-my-list-item-bullets-overlap-fl */ .text_larger { - font-size: $larger-font-size; - line-height: $larger-line-height; + font-size: $larger-font-size; + line-height: $larger-line-height; - // .text ma inline-block, protoze se zobrazuje i uvnitr komponent - // v tehle variante to ovsem kvuli obtekani musime zrusit - &.text { - display: block; - } + // .text ma inline-block, protoze se zobrazuje i uvnitr komponent + // v tehle variante to ovsem kvuli obtekani musime zrusit + &.text { + display: block; + } - // Kvuli obtekani .images_column: + // Kvuli obtekani .images_column: - ul { - list-style-position: inside; // IE10 nezvlada outside pri obtekani floatu - } + ul { + list-style-position: inside; // IE10 nezvlada outside pri obtekani floatu + } - ul li, - ol li { - position: relative; + ul li, + ol li { + position: relative; } - ul ul li, - ol ul li, - ol ol li, - ul ol li { - left: 18px; + ul ul li, + ol ul li, + ol ol li, + ul ol li { + left: 18px; } } @@ -86,4 +86,3 @@ Například text v detailu kapacity.
  • ``` */ - diff --git a/scss/components/page/_about.scss b/scss/components/page/_about.scss index 772124c..b067751 100644 --- a/scss/components/page/_about.scss +++ b/scss/components/page/_about.scss @@ -8,7 +8,7 @@ // ----------------------------- .about-perex { - text-shadow: 1px 1px 1px rgba(0,0,0,.3); + text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); @media only screen and (min-width: 360px) and (max-width: $small-end-value) { padding-left: 50px; @@ -56,13 +56,11 @@ background-position: center center; @media #{$small-end} { - background-image: - url(http://dovolena.ck-rekrea.cz/images/about/rekrea-katalogy-small.jpg); + background-image: url(http://dovolena.ck-rekrea.cz/images/about/rekrea-katalogy-small.jpg); } @media #{$large-start} { - background-image: - url(http://dovolena.ck-rekrea.cz/images/about/rekrea-katalogy-medium.jpg); + background-image: url(http://dovolena.ck-rekrea.cz/images/about/rekrea-katalogy-medium.jpg); // Na mobilech bud nefunguje (iOS) // nebo se trha (WinPhone). background-attachment: fixed; @@ -71,7 +69,7 @@ .about-history-perex { background: #fff; - background: rgba(255,255,255,.95); + background: rgba(255, 255, 255, 0.95); padding: 3em 2em 2em 2em; margin-top: 5em; margin-bottom: 5em; @@ -101,11 +99,21 @@ border-bottom: 2px solid #999; } -.about-web-item-eslovensko { border-color: #0EB10E; } -.about-web-item-velkymeder { border-color: #06F; } -.about-web-item-tuzemskadovolena { border-color: #F60; } -.about-web-item-epodhajska { border-color: #c00; } -.about-web-item-besenova { border-color: #06F; } +.about-web-item-eslovensko { + border-color: #0eb10e; +} +.about-web-item-velkymeder { + border-color: #06f; +} +.about-web-item-tuzemskadovolena { + border-color: #f60; +} +.about-web-item-epodhajska { + border-color: #c00; +} +.about-web-item-besenova { + border-color: #06f; +} .about-web-etc { @media #{$large-start} { @@ -124,5 +132,3 @@ padding-right: 300px; } } - - diff --git a/scss/components/page/_slovnik.scss b/scss/components/page/_slovnik.scss index 593c168..5ea9e4d 100644 --- a/scss/components/page/_slovnik.scss +++ b/scss/components/page/_slovnik.scss @@ -5,41 +5,38 @@ */ .slovnik-input { - text-align: center; + text-align: center; } .slovnik-radios { - text-align: center; + text-align: center; } .slovnik-message { - margin-top: 18px; + margin-top: 18px; } - // --- Stranka ESK/Slovnik --- @media #{$large-start} { - .slovnik-input { - text-align: left; - width: 320px; - float: left; + text-align: left; + width: 320px; + float: left; - input[type="text"] { - width: 220px; - } + input[type="text"] { + width: 220px; + } } .slovnik-radios { - text-align: left; - width: 250px; - float: left; - margin-top: 5px; + text-align: left; + width: 250px; + float: left; + margin-top: 5px; } .slovnik-message { - margin-top: 36px; + margin-top: 36px; } - } // @media #{$large-start} diff --git a/scss/index.scss b/scss/index.scss index 73d8af1..b85f9e8 100644 --- a/scss/index.scss +++ b/scss/index.scss @@ -2,31 +2,38 @@ @import "variables/variables"; // Knihovny a styly pro externi kod -@import "lib/mixins"; -@import "lib/fancygallery"; +@import "mixins/mixins"; // Zakladna @import "base/reset"; @import "base/body"; @import "base/typo"; -@import "base/helpers"; // Layout @import "layout/container"; @import "layout/layout"; -// Moduly +// Unikatni moduly - strankove +@import "components/page/about"; + +// Komponenty @import "components/content_head"; @import "components/fancybox"; @import "components/flag"; @import "components/foot"; -@import "components/inline-list"; -@import "components/list-item"; @import "components/site_logo"; @import "components/site_nav"; -// Unikatni moduly - strankove -@import "components/page/about"; +// Nove komponenty +@import "components-new/inline-list"; +@import "components-new/list-item"; +@import "components-new/price"; + +// Libraries +@import "lib/fancygallery"; + +// Helpers +@import "helpers/helpers"; // Tmave tema @import "themes/dark"; diff --git a/scss/layout/_container.scss b/scss/layout/_container.scss index 1ecfb00..a756526 100644 --- a/scss/layout/_container.scss +++ b/scss/layout/_container.scss @@ -3,6 +3,8 @@ Kontejner layoutu ================= */ +// stylelint off + .container { max-width: 1200px; background: #fff url(../../images/layout/sidebox-bg.gif) repeat-y right top; diff --git a/scss/layout/_layout.scss b/scss/layout/_layout.scss index a0fbb37..2ec2ed7 100644 --- a/scss/layout/_layout.scss +++ b/scss/layout/_layout.scss @@ -80,7 +80,6 @@ Nová (od 12/2015) .show_grid .container { background-position: -20px 0; } - } /* --- Telo dokumentu - hlavni informace, jez se budou prenaset do Fancyboxu --- */ @@ -95,14 +94,13 @@ Nová (od 12/2015) color: #999; } - /* ## Řádka layoutu je `.row` */ .row { - margin-bottom: $base-line-height; - @include clearfix(); + margin-bottom: $base-line-height; + @include clearfix(); } /* @@ -166,30 +164,29 @@ v .list_item neco podobneho) =jeden sloupec: 304x171 (?? TODO) } @media #{$large-start} { + .content.without_top_pad { + padding-top: 0; + margin-top: -1px; + } + + // Radka layoutu + .row { + margin-bottom: 36px; + } - .content.without_top_pad { - padding-top: 0; - margin-top: -1px; - } - - // Radka layoutu - .row { - margin-bottom: 36px; - } - - // Centrovany sloupec - .column, - .half_column, - .double_column { - &.centered { - margin-left: auto; - margin-right: auto; - float: none; - } - } - - // Offsety - .offset_half { + // Centrovany sloupec + .column, + .half_column, + .double_column { + &.centered { + margin-left: auto; + margin-right: auto; + float: none; + } + } + + // Offsety + .offset_half { margin-left: 145px+14px; } @@ -197,10 +194,9 @@ v .list_item neco podobneho) =jeden sloupec: 304x171 (?? TODO) margin-left: 304px+14px; } - .double_column.with_text img { - max-width: 100%; - } - + .double_column.with_text img { + max-width: 100%; + } } /* ================================================================================ @@ -214,24 +210,23 @@ v .list_item neco podobneho) =jeden sloupec: 304x171 (?? TODO) */ @media #{$small-end} { + /* Nezobrazujeme cely Likebox, jen maly buttonek */ + #facebookLikeBox { + display: none; + } + #facebookButton { + display: block; + text-align: center; + } - /* Nezobrazujeme cely Likebox, jen maly buttonek */ - #facebookLikeBox - { display: none; } - #facebookButton - { display: block; text-align: center; } - - /* --- Layout uvnitr stranky --- */ - .column, - .double_column { - margin-right: 0; - width: auto; - } - + /* --- Layout uvnitr stranky --- */ + .column, + .double_column { + margin-right: 0; + width: auto; + } } /* @media screen and (max-width: 640px) */ - - // Varianta .column - sloupec jako polozka rozcestniku (napr. e-slovensko.cz/atrakce/) // ------------------------------------------------------------------------------------ @@ -277,7 +272,6 @@ v .list_item neco podobneho) =jeden sloupec: 304x171 (?? TODO) overflow: hidden; } - .column.as_list_item .text h2 { margin-bottom: 0; } @@ -290,7 +284,6 @@ v .list_item neco podobneho) =jeden sloupec: 304x171 (?? TODO) padding-top: 8px; } - .column.as_list_item .text a { color: #fff; text-decoration: underline; @@ -300,4 +293,3 @@ v .list_item neco podobneho) =jeden sloupec: 304x171 (?? TODO) margin-bottom: 4px; margin-top: 0; } - diff --git a/scss/lib/_mixins.scss b/scss/lib/_mixins.scss deleted file mode 100644 index 42d26b1..0000000 --- a/scss/lib/_mixins.scss +++ /dev/null @@ -1,116 +0,0 @@ -// -// Mixins -// -------------------------------------------------- - -@mixin clearfix() { - *zoom: 1; - &:before, &:after { - display: table; - content: ""; - // Fixes Opera/contenteditable bug: - // http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952 - line-height: 0; - } - &:after { - clear: both; - } -} - -// Font-size mixin -// --------------- - -@mixin fs($font-size) { - font-size: $font-size; - line-height: 1.4 * $font-size; -} - - -// Webkit-style focus -// ------------------ - -@mixin tab-focus() { - // Default - outline: thin dotted #333; - // Webkit - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} - -// Center-align a block level element -// ---------------------------------- - -@mixin center-block() { - display: block; - margin-left: auto; - margin-right: auto; -} - -// Sizing shortcuts -// ------------------------- -@mixin size($height, $width) { - width: $width; - height: $height; -} - -@mixin square($size) { - @include size($size, $size); -} - -// Placeholder text -// ------------------------- -@mixin placeholder($color) { - &:-moz-placeholder { - color: $color; - } - &:-ms-input-placeholder { - color: $color; - } - &::-webkit-input-placeholder { - color: $color; - } -} - -// Text overflow -// ------------------------- -// Requires inline-block or block for proper styling -@mixin text-overflow() { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -// CSS image replacement -// ------------------------- -// Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757 -@mixin hide-text { - font: 0/0 a; - color: transparent; - text-shadow: none; - background-color: transparent; - border: 0; -} - - -// Mixin pro bílý text uvnitř elementu -// ----------------------------------- -// Používáme např. v .out-of-box--blur - -@mixin out-of-box-white-text() { - - &, - h1, - h2 { - color: #fff; - } - - a { - color: #fff; - text-decoration: underline; - - &:hover, - &:focus, - &:active { - color: #fff; - } - } -} diff --git a/scss/themes/_dark.scss b/scss/themes/_dark.scss index a5b3aa9..9bfe163 100644 --- a/scss/themes/_dark.scss +++ b/scss/themes/_dark.scss @@ -11,15 +11,16 @@ dark.html .theme-dark { color: white !important; - h1, h2, h3 { + h1, + h2, + h3 { color: white !important; } } - // List Item -.theme-dark { +.theme-dark { .list-item.active, .list-item:hover, .list-item:focus, @@ -40,5 +41,3 @@ dark.html } } } - - diff --git a/scss/variables/_variables.scss b/scss/variables/_variables.scss index 0eafda1..312bf01 100644 --- a/scss/variables/_variables.scss +++ b/scss/variables/_variables.scss @@ -1,29 +1,28 @@ - // Pismo // ----- -$base-font-size: 16px; -$base-line-height: 22px; -$smaller-font-size: 12px; -$smaller-line-height: 17px; -$larger-font-size: 20px; -$larger-line-height: 28px; +$base-font-size: 16px; +$base-line-height: 22px; +$smaller-font-size: 12px; +$smaller-line-height: 17px; +$larger-font-size: 20px; +$larger-line-height: 28px; // Barvy // ----- // Odkazy v textu -$color-alpha: #0EB10E; +$color-alpha: #0eb10e; // Pozadí navigace a paticky -$color-beta: #024E40; +$color-beta: #024e40; // Proužek pod navigací -$color-gamma: #9BD04E; +$color-gamma: #9bd04e; // Proužek nad navigací -$color-delta: #E0E9E8; +$color-delta: #e0e9e8; -$anchor-color: #0EB10E; -$active-color: darken($anchor-color, 20%); -$text-color: #000; +$anchor-color: #0eb10e; +$active-color: darken($anchor-color, 20%); +$text-color: #000; // Sedive barvy $color-grey-1: #444; @@ -34,7 +33,6 @@ $color-grey-5: #eee; $color-grey-6: #ddd; $color-grey-7: #eee; - // Svetla barva pro pozadi prvku // Smichana hlavni barva se svetle sedivou. // (Otestovano jako viditelne i na mem Samsung monitoru) @@ -51,23 +49,21 @@ $color-dark-plus: mix(darken($color-alpha, 20%), #666, 30%); $gutter: 14px; $column-width: 304px; - // Breakpointy // ----------- // Hodnoty -$large-start-value: 768px; -$extra-large-start-value: 1180px; +$large-start-value: 768px; +$extra-large-start-value: 1180px; // Odvozene hodnoty -$small-end-value: ($large-start-value - 1); +$small-end-value: ($large-start-value - 1); // Media Queries // (Pouzivame napr. jako @media #{$small-end-value} { … } -$small-end: "only screen and (max-width: #{$small-end-value})"; -$large-start: "only screen and (min-width: #{$large-start-value})"; -$extra-large-start: "only screen and (min-width: #{$extra-large-start-value})"; - +$small-end: "only screen and (max-width: #{$small-end-value})"; +$large-start: "only screen and (min-width: #{$large-start-value})"; +$extra-large-start: "only screen and (min-width: #{$extra-large-start-value})"; // Padding // -------