+
-
-
+
+
Minirelax v lázních AKCE -20%
-
+
WELLNESS HOTEL POHODA, Luhačovice, Jižní Morava, Česká republika
termíny: 02.04.2018 - 20.04.2018
-
+
4 noci od 5 570 Kč
@@ -119,7 +119,7 @@
-
+
-
-
+
@@ -145,7 +145,7 @@
-
+
-
-
+
@@ -171,7 +171,7 @@
-
+
-
-
+
@@ -197,7 +197,7 @@
-
+
-
-
+
@@ -224,23 +224,23 @@
-
+
-
-
+
+
PENZION ONYX
-
+
Lednice
Penzion Onyx se nachází v klidové zóně obce Lednice. Je vzdálený jen 800 m od centra obce.
-
+
1 noc od 595 Kč
diff --git a/js/rekrea-footer.js b/js/rekrea-footer.js
index 8dc6e13..31802ab 100644
--- a/js/rekrea-footer.js
+++ b/js/rekrea-footer.js
@@ -16,393 +16,790 @@
* 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
@@ -419,34 +816,817 @@
* 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='";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 =
+ '";
+ 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 +1637,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 +1661,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 +1678,7 @@ easingIn:"swing",easingOut:"swing",showCloseButton:true,showNavArrows:true,enabl
unveil();
return this;
-
};
-
})(window.jQuery || window.Zepto);
/* =============================================================
@@ -524,123 +1700,117 @@ easingIn:"swing",easingOut:"swing",showCloseButton:true,showNavArrows:true,enabl
* limitations under the License.
* ============================================================ */
-!function( $ ){
-
- "use strict"
+!(function($) {
+ "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])
-
- }
-
- , hide: function () {
- var dimension = this.dimension()
- this.reset(this.$element[dimension]())
- this.transition('removeClass', 'hide', 'hidden')
- this.$element[dimension](0)
- }
+ this.$element[dimension](0);
+ this.transition("addClass", "show", "shown");
+ this.$element[dimension](this.$element[0][scroll]);
+ },
- , reset: function ( size ) {
- var dimension = this.dimension()
+ hide: function() {
+ var dimension = this.dimension();
+ this.reset(this.$element[dimension]());
+ this.transition("removeClass", "hide", "hidden");
+ this.$element[dimension](0);
+ },
- this.$element
- .removeClass('collapse')
- [dimension](size || 'auto')
- [0].offsetWidth
+ reset: function(size) {
+ var dimension = this.dimension();
- this.$element.addClass('collapse')
- }
+ this.$element.removeClass("collapse")[dimension](size || "auto")[0]
+ .offsetWidth;
- , 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
+ };
+ $.fn.collapse.Constructor = Collapse;
- /* COLLAPSIBLE DATA-API
+ /* 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 );
+ $(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 +1824,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 +2008,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 +2043,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 +2072,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 +2109,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 +2124,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 +2146,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 +2179,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 +2204,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/less/base/body.less b/less/base/body.less
index 166af10..d9b9352 100644
--- a/less/base/body.less
+++ b/less/base/body.less
@@ -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/less/base/helpers.less b/less/base/helpers.less
index 64e2062..d736590 100644
--- a/less/base/helpers.less
+++ b/less/base/helpers.less
@@ -5,13 +5,13 @@ Helpery
*/
-
// Clearfix
// --------
// For clearing floats like a boss h5bp.com/q
.clearfix {
*zoom: 1;
- &:before, &:after {
+ &:before,
+ &:after {
display: table;
content: "";
// Fixes Opera/contenteditable bug:
@@ -63,12 +63,12 @@ Helpery
}
}
-
.dumb_only {
display: none !important;
}
-.center, .text-center {
+.center,
+.text-center {
text-align: center;
}
@@ -126,7 +126,9 @@ Helpery
color: #999;
text-decoration: underline;
- &:hover, &:focus, &:active {
+ &:hover,
+ &:focus,
+ &:active {
color: #666;
}
}
@@ -146,7 +148,6 @@ Helpery
border: 0;
}
-
// Z old_layout.less
// -----------------
@@ -162,7 +163,8 @@ Helpery
width: 48%;
}
-.clearBothZero, .clear_zero {
+.clearBothZero,
+.clear_zero {
display: block;
clear: both;
font-size: 1px;
@@ -170,7 +172,6 @@ Helpery
height: 1px;
}
-
.marginBottom3 {
margin-bottom: 3em;
}
@@ -236,16 +237,17 @@ p.submit {
}
.fontSmall {
- font-size: .5em;
+ font-size: 0.5em;
font-weight: normal;
}
small.fontSmall {
- font-size: .6em;
+ font-size: 0.6em;
font-weight: normal;
}
-table.fontSmall td, table.fontSmall th {
+table.fontSmall td,
+table.fontSmall th {
font-size: 1.4em;
font-weight: normal;
}
@@ -282,7 +284,6 @@ table.fontSmall td, table.fontSmall th {
display: none;
}
-
// Nove helpery (verze 2012)
// Presunout do noveho layoutu (if newlayout TODO)
@@ -298,7 +299,6 @@ table.fontSmall td, table.fontSmall th {
display: block;
}
-
// Presunuto z new_layout.less
// ---------------------------
@@ -323,7 +323,7 @@ table.fontSmall td, table.fontSmall th {
.unveil {
opacity: 0;
- transition: opacity .5s ease-in;
+ transition: opacity 0.5s ease-in;
}
// Odkaz na vice informaci
@@ -380,7 +380,9 @@ table.fontSmall td, table.fontSmall th {
display: block;
}
-.more_photos a:hover, .more_photos a:focus, .more_photos a:active {
+.more_photos a:hover,
+.more_photos a:focus,
+.more_photos a:active {
background-color: #eee;
cursor: pointer;
}
diff --git a/less/base/reset.less b/less/base/reset.less
index 188af52..d8a922b 100644
--- a/less/base/reset.less
+++ b/less/base/reset.less
@@ -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/less/base/typo.less b/less/base/typo.less
index efc7f93..fdccfcb 100644
--- a/less/base/typo.less
+++ b/less/base/typo.less
@@ -12,11 +12,20 @@ Typografie a linearni design
// Typografie
// ----------
-body, input, textarea, option, select {
- font: @base-font-size/@base-line-height Arial, Helvetica, sans-serif;
+body,
+input,
+textarea,
+option,
+select {
+ font: @base-font-size / @base-line-height Arial, Helvetica, sans-serif;
}
-h1,h2,h3,h4,h5,h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
font-family: Arial, Helvetica, sans-serif;
}
@@ -38,8 +47,11 @@ a {
// Linearni design
// ---------------
-
-p, ul, ol, table, blockquote {
+p,
+ul,
+ol,
+table,
+blockquote {
padding: 0;
margin: 0;
margin-bottom: @base-line-height;
@@ -76,7 +88,7 @@ h2,
h3,
.h3 {
- display: block;
+ display: block;
font-size: 14px;
line-height: 18px;
margin: 0 0 4px 0;
@@ -87,7 +99,7 @@ h3,
h4,
.h4 {
- display: block;
+ display: block;
font-size: @base-font-size;
line-height: @base-line-height;
margin: 0;
@@ -96,12 +108,11 @@ h4,
color: #666;
}
-
h2 small,
h3 small {
font-size: @base-font-size;
line-height: @base-line-height;
- color: #999;
+ color: #999;
}
big {
@@ -121,7 +132,7 @@ ul ul,
ul ol,
ol ol,
ol ul {
- margin-bottom: 0;
+ margin-bottom: 0;
}
ul {
@@ -134,7 +145,6 @@ ol li {
}
@media @large-start {
-
h2 small.float_right {
margin-top: 5px;
}
diff --git a/less/components/inline-list.less b/less/components-new/inline-list.less
similarity index 95%
rename from less/components/inline-list.less
rename to less/components-new/inline-list.less
index 7d2e50e..82adf6c 100644
--- a/less/components/inline-list.less
+++ b/less/components-new/inline-list.less
@@ -6,6 +6,7 @@
// - seznam polozek v bublinach - napr. staty
.inline-list {
+
margin-left: 23px;
line-height: 36px;
margin-bottom: 12px;
@@ -49,7 +50,9 @@
// .inline-list--large-items .inline-list__item--three-stars { … }
}
- &--no-margin-bottom { margin-bottom: 0; }
+ &--no-margin-bottom {
+ margin-bottom: 0;
+ }
&.active,
&:hover,
diff --git a/less/components-new/list-item.less b/less/components-new/list-item.less
new file mode 100644
index 0000000..cd3a0ce
--- /dev/null
+++ b/less/components-new/list-item.less
@@ -0,0 +1,145 @@
+/* @define list-item; weak
+
+# Komponenta Velka polozka seznamu
+
+Napr. seznamy ubytovatelu, pobytu, last-minute atd.
+
+.list-item
+ __image
+ __image-img
+ __flags
+ __content
+ __heading
+ __perex
+ __price
+
+*/
+
+.list-item {
+ position: relative;
+ box-sizing: border-box;
+ padding: (@base-line-height / 2) 0;
+ border: 1px solid transparent;
+ color: #666; // TODO promenna
+
+ @media @large-start {
+ float: left;
+ width: ~"calc((100% - 42px) / 3)"; // TODO magic number
+ height: 352px; // TODO magic number
+ padding: @base-line-height (@base-line-height / 2) (@base-line-height / 2);
+ margin: 0 7px 0 7px; // TODO magic number
+ }
+
+ /* stylelint-disable plugin/selector-bem-pattern */
+
+ // Ukazka kontextoveho pristupu,
+ // kdy muze byt v poradku porusit BEM syntaxi:
+
+ .cart & {
+ font-size: 11px; // TODO magic number
+ }
+
+ /* stylelint-enable */
+}
+
+.list-item__image {
+ position: relative;
+ float: left;
+ width: 36%;
+ margin-right: 4%;
+
+ @media @large-start {
+ width: auto;
+ float: none;
+ height: 165px; // 4:3
+ overflow: hidden; // Obrazek nesmi pretekat
+ margin-bottom: 12px;
+ margin-right: 0;
+ }
+
+ @media @extra-large-start {
+ height: 215px; // 4:3
+ }
+
+ &-img {
+ max-width: 100%; // Prizpusobuje se vysce
+ }
+}
+
+// Textovy obsah
+
+.list-item__content {
+ float: left;
+ width: 60%;
+ padding: 0; // reset .content
+
+ @media @large-start {
+ float: none;
+ width: auto;
+ }
+}
+
+.list-item__perex {
+ margin-bottom: 0; // TODO zobecnit do utility = .mb-0
+}
+
+.list-item__heading {
+ font-size: 120%; // TODO promenna
+ margin-bottom: 0;
+}
+
+.list-item__price {
+ // TODO proc uvedene hodnoty?
+ @media @large-start {
+ position: absolute;
+ right: 3px;
+ top: 150px;
+ }
+
+ @media @extra-large-start {
+ top: 200px;
+ }
+}
+
+// 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; // TODO promenna
+}
+
+// Aktivni stavy
+
+.list-item--active,
+.list-item:hover,
+.list-item:focus,
+.list-item:active {
+ background-color: #eee; // TODO promenna
+ cursor: pointer;
+ color: #333; // TODO promenna
+ border: 1px solid #ddd; // TODO promenna
+
+ .list-item__heading-anchor {
+ color: darken(@color-alpha, 20%);
+ text-decoration: underline;
+ }
+
+ // Funkcnost s povolenym JS
+
+ /* stylelint-disable plugin/selector-bem-pattern */
+
+ // Ukazka kontextoveho pristupu,
+ // kdy muze byt v poradku porusit BEM syntaxi:
+
+ .no-flexbox & {
+ background-color: #dedede;
+ }
+
+ /* stylelint-enable */
+}
diff --git a/less/components/fancybox.less b/less/components/fancybox.less
index 581c353..cd747bc 100644
--- a/less/components/fancybox.less
+++ b/less/components/fancybox.less
@@ -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/less/components/flag.less b/less/components/flag.less
index 5172be4..34355c4 100644
--- a/less/components/flag.less
+++ b/less/components/flag.less
@@ -27,7 +27,7 @@ a.flag:active {
.mixin-flag-sm() {
font-size: 9px;
padding: 2px 3px;
- letter-spacing: .02em;
+ letter-spacing: 0.02em;
}
.flag--sm {
@@ -45,8 +45,8 @@ a.flag:active {
@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;
}
}
@@ -56,45 +56,43 @@ a.flag:active {
// "Oblibeny ubytovatel"
.flag--bestseller {
- background: fadeout(lighten(@color-alpha, 5%),9%);
+ background: fadeout(lighten(@color-alpha, 5%), 9%);
}
// "Skvele hodnoceni"
.flag--ratings {
- background: fadeout(lighten(@color-alpha, 5%),9%);
+ background: fadeout(lighten(@color-alpha, 5%), 9%);
}
// "Last Minute"
.flag--lastminute {
- background: #FF9900;
- background: fadeout(#FF9900,9%);
+ background: #f90;
+ background: fadeout(#f90, 9%);
}
// "Horky tip"
.flag--hottip {
- background: #FFCC00;
- background: fadeout(#FFCC00,9%);
+ background: #fc0;
+ background: fadeout(#fc0, 9%);
}
// "Novinka"
.flag--new {
background: lighten(@color-alpha, 15%);
- background: fadeout(lighten(@color-alpha, 15%),9%);
+ background: fadeout(lighten(@color-alpha, 15%), 9%);
}
// "Sleva"
.flag--discount {
- background: #FF6600;
- background: fadeout(#FF6600, 9%);
+ background: #f60;
+ background: fadeout(#f60, 9%);
}
-
-
// Pozicovani ikon, pokud jich je vice
// -----------------------------------
@@ -103,7 +101,6 @@ a.flag:active {
// * Zatim vzdy prekryvaji obrazek (.image_item v detailu a .list_item .image v seznamu)
.flags {
-
.flag {
position: absolute;
top: 2px;
@@ -114,13 +111,13 @@ a.flag:active {
// * 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.
@@ -144,57 +141,56 @@ a.flag:active {
}
.flag + .flag + .flag {
- top: (2*@flag-height + 2px);
+ top: (2 * @flag-height + 2px);
&.flag--lg {
@media @large-start {
- top: (2*@flag-large-height + 2px);
+ top: (2 * @flag-large-height + 2px);
}
}
&.flag--sm {
- top: (2*@flag-small-height + 2px);
+ top: (2 * @flag-small-height + 2px);
}
@media @media-for-smaller-flag {
- top: (2*@flag-small-height + 2px);
+ top: (2 * @flag-small-height + 2px);
}
}
.flag + .flag + .flag + .flag {
- top: (3*@flag-height + 2px);
+ top: (3 * @flag-height + 2px);
&.flag--lg {
@media @large-start {
- top: (3*@flag-large-height + 2px);
+ top: (3 * @flag-large-height + 2px);
}
}
&.flag--sm {
- top: (3*@flag-small-height + 2px);
+ top: (3 * @flag-small-height + 2px);
}
@media @media-for-smaller-flag {
- top: (3*@flag-small-height + 2px);
+ top: (3 * @flag-small-height + 2px);
}
}
.flag + .flag + .flag + .flag + .flag {
- top: (4*@flag-height + 2px);
+ top: (4 * @flag-height + 2px);
&.flag--lg {
@media @large-start {
- top: (4*@flag-large-height + 2px);
+ top: (4 * @flag-large-height + 2px);
}
}
&.flag--sm {
- top: (4*@flag-small-height + 2px);
+ top: (4 * @flag-small-height + 2px);
}
@media @media-for-smaller-flag {
- top: (4*@flag-small-height + 2px);
+ top: (4 * @flag-small-height + 2px);
}
}
-
} // .flags
diff --git a/less/components/foot.less b/less/components/foot.less
index dc7eeb6..240ae18 100644
--- a/less/components/foot.less
+++ b/less/components/foot.less
@@ -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/less/components/form.less b/less/components/form.less
index 2084722..5b02be1 100644
--- a/less/components/form.less
+++ b/less/components/form.less
@@ -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/less/components/freestyle_grid.less b/less/components/freestyle_grid.less
index e8b22d4..43ab32c 100644
--- a/less/components/freestyle_grid.less
+++ b/less/components/freestyle_grid.less
@@ -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/less/components/list-item.less b/less/components/list-item.less
deleted file mode 100644
index fe1aad4..0000000
--- a/less/components/list-item.less
+++ /dev/null
@@ -1,120 +0,0 @@
-/* # Komponenta Velka polozka seznamu
-
-Napr. seznamy ubytovatelu, pobytu, last-minute atd.
-
-*/
-
-
-.list-item {
- position: relative;
- padding: 9px 0;
- border: 1px solid transparent;
- color: #66;
-
- box-sizing: border-box;
-
-
- @media @large-start {
- float: left;
- width: ~"calc((100% - 42px) / 3)"; // 304
- height: 352px;
- padding: 18px 9px 9px;
- margin: 0 7px 0 7px;
- }
-}
-
-.list-item .image {
- position: relative;
- float: left;
- width: 36%;
- margin-right: 4%;
-
- @media @large-start {
- width: auto;
- float: none;
- height: 165px; // 4:3
- overflow: hidden;
- margin-bottom: 12px;
- margin-right: 0;
- }
-
- @media @extra-large-start {
- height: 215px; // 4:3
- }
-
- img {
- max-width: 100%;
- }
-}
-
-
-
-// Textovy obsah
-
-.list-item .content {
- float: left;
- width: 60%;
- padding: 0; // reset .content
-
- @media @large-start {
- float: none;
- width: auto;
- }
-
- p {
- margin-bottom: 0;
- }
-
- h2 {
- font-size: 120%;
- margin-bottom: 0;
- }
-}
-
-.list-item .content .price {
- @media @large-start {
- position: absolute;
- right: 3px;
- top: 150px;
- }
-
- @media @extra-large-start {
- top: 200px;
- }
-}
-
-// Varianta bez spodniho ramecku
-// Napr. na homepages verze 2014
-
-.list-item.without_border {
- border-bottom: 0;
-}
-
-.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/less/components/page/about.less b/less/components/page/about.less
index 0cd776e..942d078 100644
--- a/less/components/page/about.less
+++ b/less/components/page/about.less
@@ -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;
@@ -30,7 +30,7 @@
.about-person-image img {
border-radius: 50%;
overflow: hidden;
- max-width: (@column-width/2 - @gutter); // 145px
+ max-width: (@column-width / 2 - @gutter); // 145px
display: block;
margin: 0 auto;
}
@@ -44,7 +44,7 @@
.about-person-full-text,
.about-person-full-contact {
@media @large-start {
- margin-top: @base-line-height/2;
+ margin-top: @base-line-height / 2;
}
}
@@ -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/less/components/page/slovnik.less b/less/components/page/slovnik.less
index ef64104..0f19a93 100644
--- a/less/components/page/slovnik.less
+++ b/less/components/page/slovnik.less
@@ -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/less/components/price-date.less b/less/components/price-date.less
index b0dd383..bf37a96 100644
--- a/less/components/price-date.less
+++ b/less/components/price-date.less
@@ -9,7 +9,6 @@ Ceny, datumy - velke "cenovky"
// Dole pak velke displeje
// TODO sjednotit? Jaky je vztah k .flag?
-
// --- Modul Cena ---
// Uziva se v polozce seznamu ubytovatelu, last minute, v malych nahledech last minute atd.
//
5 nocí od 2 690 Kč
@@ -19,24 +18,24 @@ Ceny, datumy - velke "cenovky"
width: auto;
color: #444;
- strong {
- font-weight: normal;
- color: #888;
- }
+ strong {
+ font-weight: normal;
+ color: #888;
+ }
}
.price.price--big {
background-color: #ddd;
padding: 3px;
- margin: 0 6px 18px 0;
+ margin: 0 6px 18px 0;
}
-
// --- Modul Boxik s terminy ---
// Uziva se v detailu last minute, v seznamu LM nebo seznamu ubytovni
// Termíny: 28. 10. 2012 - 16. 11. 2012
-.date { }
+.date {
+}
// Varianta: Velky boxik pro detail last minute
.date.date--big {
@@ -45,15 +44,14 @@ Ceny, datumy - velke "cenovky"
color: #444;
background-color: #ddd;
padding: 3px;
- margin: 0 6px 18px 0;
+ margin: 0 6px 18px 0;
- strong {
- font-weight: normal;
- color: #888;
- }
+ strong {
+ font-weight: normal;
+ color: #888;
+ }
}
-
// --- Modul univerzalni velke navesti ---
// Uziva se v detailu last minute, pobytu, nebo v seznamech
// Polopenze
@@ -65,21 +63,18 @@ Ceny, datumy - velke "cenovky"
color: #444;
background-color: #ddd;
padding: 3px;
- margin: 0 6px 18px 0;
+ margin: 0 6px 18px 0;
- strong {
- font-weight: normal;
- color: #888;
- }
+ strong {
+ font-weight: normal;
+ color: #888;
+ }
}
-
// Velke displeje
// --------------
@media @large-start {
-
-
// --- Modul Cena ---
.price.price--big {
@@ -100,6 +95,4 @@ Ceny, datumy - velke "cenovky"
font-size: 16px;
padding: 7px;
}
-
-
} // @large-start
diff --git a/less/components/sister-websites.less b/less/components/sister-websites.less
index d3ed69c..4e7f738 100644
--- a/less/components/sister-websites.less
+++ b/less/components/sister-websites.less
@@ -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/less/components/site_logo.less b/less/components/site_logo.less
index 2a522d4..5d9e3c9 100644
--- a/less/components/site_logo.less
+++ b/less/components/site_logo.less
@@ -5,29 +5,26 @@ Na velkých displejích nalevo, na malých veprostřed nahoře.
*/
.site-logo {
- padding: @base-line-height 0;
+ padding: @base-line-height 0;
margin: 0;
- width: auto;
- text-align: center;
- font-size: 24px;
- font-weight: bold;
- color: @color-gamma;
+ width: auto;
+ text-align: center;
+ font-size: 24px;
+ font-weight: bold;
+ color: @color-gamma;
}
-
@media @large-start {
- .site-logo {
- float: left;
- margin-left: 30px;
- text-align: left;
- width: 300px;
- margin-top: 12px;
- margin-bottom: 12px;
- }
+ .site-logo {
+ float: left;
+ margin-left: 30px;
+ text-align: left;
+ width: 300px;
+ margin-top: 12px;
+ margin-bottom: 12px;
+ }
.site-logo a:hover {
text-decoration: none;
}
}
-
-
diff --git a/less/components/site_nav.less b/less/components/site_nav.less
index cff76b0..0d7e766 100644
--- a/less/components/site_nav.less
+++ b/less/components/site_nav.less
@@ -51,13 +51,13 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
// - s timto v prohlizeci kompiluju 10s, bez toho 3s :-( --> vzit jen jako CSS?
@import "../lib/pine/pine.less";
-@p-base-font-size : @base-font-size;
-@p-color : white;
-@p-background : @color-beta;
-@p-active-background : @color-gamma;
-@p-hover-background : @color-gamma;
-@p-small-screen-top : 146px;
-@p-large-display-start : @large-start-value;
+@p-base-font-size : @base-font-size;
+@p-color : white;
+@p-background : @color-beta;
+@p-active-background : @color-gamma;
+@p-hover-background : @color-gamma;
+@p-small-screen-top : 146px;
+@p-large-display-start : @large-start-value;
// Fix spatneho vyhlazovani caretu na FF
.pine-has-subnav > a:before {
@@ -70,16 +70,16 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
// - .container mess
.site-nav {
- clear: both;
- background: @color-beta;
+ clear: both;
+ 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;
height: 41px;
- }
+ }
@media print {
display: none;
@@ -90,9 +90,9 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
margin: 0;
padding: 0;
- @media @large-start {
- display: flex;
- }
+ @media @large-start {
+ display: flex;
+ }
}
.site-nav__main .pine-level-1 > li {
@@ -103,7 +103,7 @@ 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;
}
// Layout: Všechny tři subnavigace jsou na malých displejích vedle sebe
@@ -166,7 +166,7 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
// Položka navigace obecně
.container .site-nav a {
- box-sizing:border-box;
+ box-sizing: border-box;
display: block;
padding: 12px 12px 11px;
color: #fff;
@@ -189,20 +189,18 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
// Stylování od 2. úrovně dál
.container .pine-level-2 a {
- padding: @base-font-size*.75 15px (@base-font-size*.75 + 1px);
+ padding: @base-font-size*0.75 15px (@base-font-size*0.75 + 1px);
}
-
// ## Velké displeje
@media @large-start {
-
- // Položky navigací jsou na velkých vedle sebe
- .pine-level-1 > li {
- display: inline-block;
- position: relative;
- float: left;
- }
+ // Položky navigací jsou na velkých vedle sebe
+ .pine-level-1 > li {
+ display: inline-block;
+ position: relative;
+ float: left;
+ }
// Položka navigace se subnavigací
// Zobáček jinak než výchozí v Pine.js
@@ -213,8 +211,7 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
top: 19px;
right: 50%;
margin-right: -27px;
- border-top-color: rgba(255, 255, 255, .5)
+ border-top-color: rgba(255, 255, 255, 0.5);
}
}
-
}
diff --git a/less/components/text.less b/less/components/text.less
index eb51247..6792c06 100644
--- a/less/components/text.less
+++ b/less/components/text.less
@@ -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/less/index.less b/less/index.less
index 96824bd..2f8a75b 100644
--- a/less/index.less
+++ b/less/index.less
@@ -1,34 +1,45 @@
-
// Promenne
@import "variables/variables";
// Knihovny a styly pro externi kod
@import "lib/mixins";
-@import "lib/fancygallery";
+
// Zakladna
@import "base/reset";
@import "base/body";
@import "base/typo";
-@import "base/helpers";
+
// Layout
@import "layout/container";
@import "layout/layout";
+// Unikatni moduly - strankove
+@import "components/page/about";
+
+
// Moduly
@import "components/content_head";
@import "components/fancybox";
@import "components/flag";
@import "components/foot";
-@import "components/inline-list";
-@import "components/list-item";
@import "components/price-date";
@import "components/site_logo";
@import "components/site_nav";
-// Unikatni moduly - strankove
-@import "components/page/about";
+// Zrefaktorovane komponenty
+@import "components-new/inline-list";
+@import "components-new/list-item";
+
+// Kod treti strany
+.fancygallery {
+ // Libraries
+ @import "lib/fancygallery";
+}
// Tmave tema
@import "themes/dark";
+
+// Helpery
+@import "base/helpers";
diff --git a/less/layout/container.less b/less/layout/container.less
index 8b946fd..0b385a3 100644
--- a/less/layout/container.less
+++ b/less/layout/container.less
@@ -10,5 +10,5 @@ Kontejner layoutu
margin: 0 auto;
margin-bottom: 15px;
position: relative;
- box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
}
diff --git a/less/layout/layout.less b/less/layout/layout.less
index 80bb0ea..00e4ded 100644
--- a/less/layout/layout.less
+++ b/less/layout/layout.less
@@ -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;
- .clearfix();
+ margin-bottom: @base-line-height;
+ .clearfix();
}
/*
@@ -156,7 +154,7 @@ v .list_item neco podobneho) =jeden sloupec: 304x171 (?? TODO)
.half_column {
@media @large-start {
float: left;
- width: (@column-width/2 - @gutter); // 145px
+ width: (@column-width / 2 - @gutter); // 145px
margin-right: @gutter;
}
}
@@ -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;
+ }
- .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 {
+ // 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 {
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/less/lib/fancygallery.less b/less/lib/fancygallery.less
index b5d05ee..a4d3e52 100644
--- a/less/lib/fancygallery.less
+++ b/less/lib/fancygallery.less
@@ -49,7 +49,7 @@
/* Do not show scrollbars when FB is open */
body.fancybox-active {
- overflow: hidden;
+ overflow: hidden;
}
#fancybox-loading {
@@ -108,7 +108,7 @@ body.fancybox-active {
position: relative;
width: 100%;
height: 100%;
- background: #FFF;
+ background: #fff;
}
#fancybox-inner {
@@ -202,12 +202,12 @@ body.fancybox-active {
.fancybox-title-outside {
padding-top: 5px;
- color: #FFF;
+ color: #fff;
text-align: center;
}
.fancybox-title-over {
- color: #FFF;
+ color: #fff;
text-align: left;
}
@@ -249,7 +249,7 @@ body.fancybox-active {
#fancybox-left,
#fancybox-right {
position: fixed;
- bottom: 0px;
+ bottom: 0;
height: 100%;
width: 35%;
cursor: pointer;
@@ -260,11 +260,11 @@ body.fancybox-active {
}
#fancybox-left {
- left: 0px;
+ left: 0;
}
#fancybox-right {
- right: 0px;
+ right: 0;
}
#fancybox-left-ico,
@@ -282,13 +282,13 @@ body.fancybox-active {
#fancybox-left-ico {
background-image: url('../../images/fancygallery/fancy_nav_left.png');
- left: 0px;
+ left: 0;
}
#fancybox-right-ico {
background-image: url('../../images/fancygallery/fancy_nav_right.png');
left: auto;
- right: 0px;
+ right: 0;
}
#fancybox-left:hover #fancybox-left-ico,
@@ -297,7 +297,7 @@ body.fancybox-active {
#fancybox-right:hover #fancybox-right-ico,
#fancybox-right:focus #fancybox-right-ico,
#fancybox-right:active #fancybox-right-ico {
- background-position: 0 -77px;
+ background-position: 0 -77px;
}
/* Shadows are off */
@@ -319,34 +319,35 @@ body.fancybox-active {
* and has the classname "jcarousel-container".
*/
.jcarousel-container {
- position: relative;
+ position: relative;
}
.jcarousel-clip {
- z-index: 2;
- padding: 0;
- margin: 0;
- overflow: hidden;
- position: relative;
+ z-index: 2;
+ padding: 0;
+ margin: 0;
+ overflow: hidden;
+ position: relative;
}
.jcarousel-list {
- z-index: 1;
- overflow: hidden;
- position: relative;
- top: 0;
- left: 0;
- margin: 0;
- padding: 0;
+ z-index: 1;
+ overflow: hidden;
+ position: relative;
+ top: 0;
+ left: 0;
+ margin: 0;
+ padding: 0;
}
.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;
+ float: left;
+ list-style: none;
+
+ /* We set the width/height explicitly. No width/height causes infinite loops. */
+ width: 75px;
+ height: 75px;
}
/**
@@ -355,13 +356,13 @@ body.fancybox-active {
* have the classnames "jcarousel-next" and "jcarousel-prev".
*/
.jcarousel-next {
- z-index: 3;
- display: none;
+ z-index: 3;
+ display: none;
}
.jcarousel-prev {
- z-index: 3;
- display: none;
+ z-index: 3;
+ display: none;
}
@@ -392,85 +393,85 @@ Author: Martin Michalek, Studio Shortcat, michalek@shortcat.cz
}
.jcarousel-skin-shortcat .jcarousel-clip-horizontal {
- height: 40px;
- width: auto;
+ height: 40px;
+ width: auto;
}
.jcarousel-skin-shortcat .jcarousel-item,
.jcarousel-skin-shortcat .jcarousel-item img {
- width: 40px;
- height: 40px;
+ width: 40px;
+ height: 40px;
}
.jcarousel-skin-shortcat .jcarousel-item img {
- opacity: .5;
- -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
- filter: alpha(opacity=50);
+ opacity: 0.5;
+ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
+ filter: alpha(opacity=50);
}
.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);
+ opacity: 1;
+ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+ filter: alpha(opacity=100);
}
.jcarousel-skin-shortcat .jcarousel-item-horizontal {
- margin-right: 3px;
+ margin-right: 3px;
}
.jcarousel-skin-shortcat .jcarousel-item-placeholder {
- background: #fff;
- color: #000;
+ background: #fff;
+ color: #000;
}
/**
* 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;
+ position: absolute;
+ top: 0;
+ right: 10px;
+ width: 33px;
+ height: 40px;
+ cursor: pointer;
+ background: transparent url(../../images/fancygallery/fancygallery_next.gif) no-repeat top right;
}
.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;
+ background-position: top right;
}
.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;
+ cursor: default;
+ background-image: none;
}
.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;
+ position: absolute;
+ top: 0;
+ left: 10px;
+ width: 33px;
+ height: 40px;
+ cursor: pointer;
+ background: transparent url(../../images/fancygallery/fancygallery_prev.gif) no-repeat 0 0;
}
.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;
+ background-position: 0 0;
}
.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;
+ cursor: default;
+ background-image: none;
}
@@ -487,7 +488,7 @@ Author: Martin Michalek, Studio Shortcat, michalek@shortcat.cz
position: fixed;
z-index: 1108;
bottom: 20px;
- left: 0px;
+ left: 0;
width: 100%;
height: 40px;
}
diff --git a/less/lib/mixins.less b/less/lib/mixins.less
index af3129d..d50870f 100644
--- a/less/lib/mixins.less
+++ b/less/lib/mixins.less
@@ -38,7 +38,7 @@
// mean that space between those elements will be .6em (~2 space characters) in IE7,
// instead of the 1 space in other browsers.
.ie7-restore-left-whitespace() {
- *margin-left: .3em;
+ *margin-left: 0.3em;
&:first-child {
*margin-left: 0;
@@ -46,7 +46,7 @@
}
.ie7-restore-right-whitespace() {
- *margin-right: .3em;
+ *margin-right: 0.3em;
}
// Sizing shortcuts
diff --git a/less/themes/dark.less b/less/themes/dark.less
index a5b3aa9..9bfe163 100644
--- a/less/themes/dark.less
+++ b/less/themes/dark.less
@@ -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/less/variables/variables.less b/less/variables/variables.less
index 6a9b82c..a07680d 100644
--- a/less/variables/variables.less
+++ b/less/variables/variables.less
@@ -1,13 +1,12 @@
-
// Pismo
// -----
-@base-font-size: 12px;
-@base-line-height: 18px;
-@smaller-font-size: 11px;
-@smaller-line-height: 13px;
-@larger-font-size: 14px;
-@larger-line-height: 20px;
+@base-font-size: 12px;
+@base-line-height: 18px;
+@smaller-font-size: 11px;
+@smaller-line-height: 13px;
+@larger-font-size: 14px;
+@larger-line-height: 20px;
// Barvy
// -----
@@ -16,9 +15,9 @@
//- Zde jen pro ESK, pridat vychozi sedive schema
//- Proc anchor a jeste color-alpha?
-@anchor-color: #0EB10E;
-@active-color: darken(@anchor-color, 20%);
-@text-color: #000;
+@anchor-color: #0eb10e;
+@active-color: darken(@anchor-color, 20%);
+@text-color: #000;
// Svetla barva pro pozadi prvku
// Smichana hlavni barva se svetle sedivou.
@@ -31,14 +30,13 @@
@color-dark-plus: mix(darken(@color-alpha, 20%), #666, 30%);
// 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;
// Layout
// ------
@@ -46,23 +44,21 @@
@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 @medium-start { … }
-@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
// -------
+
+
Minirelax v lázních AKCE -20%
-
+
WELLNESS HOTEL POHODA, Luhačovice, Jižní Morava, Česká republika
termíny: 02.04.2018 - 20.04.2018
-
+
4 noci od 5 570 Kč
@@ -119,7 +119,7 @@
-
+
-
-
+
@@ -145,7 +145,7 @@
-
+
-
-
+
@@ -171,7 +171,7 @@
-
+
-
-
+
@@ -197,7 +197,7 @@
-
+
-
-
+
@@ -224,23 +224,23 @@
-
+
-
-
+
+
PENZION ONYX
-
+
Lednice
Penzion Onyx se nachází v klidové zóně obce Lednice. Je vzdálený jen 800 m od centra obce.
-
+
1 noc od 595 Kč
diff --git a/js/rekrea-footer.js b/js/rekrea-footer.js
index 8dc6e13..31802ab 100644
--- a/js/rekrea-footer.js
+++ b/js/rekrea-footer.js
@@ -16,393 +16,790 @@
* 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
@@ -419,34 +816,817 @@
* 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='";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 =
+ '";
+ 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 +1637,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 +1661,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 +1678,7 @@ easingIn:"swing",easingOut:"swing",showCloseButton:true,showNavArrows:true,enabl
unveil();
return this;
-
};
-
})(window.jQuery || window.Zepto);
/* =============================================================
@@ -524,123 +1700,117 @@ easingIn:"swing",easingOut:"swing",showCloseButton:true,showNavArrows:true,enabl
* limitations under the License.
* ============================================================ */
-!function( $ ){
-
- "use strict"
+!(function($) {
+ "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])
-
- }
-
- , hide: function () {
- var dimension = this.dimension()
- this.reset(this.$element[dimension]())
- this.transition('removeClass', 'hide', 'hidden')
- this.$element[dimension](0)
- }
+ this.$element[dimension](0);
+ this.transition("addClass", "show", "shown");
+ this.$element[dimension](this.$element[0][scroll]);
+ },
- , reset: function ( size ) {
- var dimension = this.dimension()
+ hide: function() {
+ var dimension = this.dimension();
+ this.reset(this.$element[dimension]());
+ this.transition("removeClass", "hide", "hidden");
+ this.$element[dimension](0);
+ },
- this.$element
- .removeClass('collapse')
- [dimension](size || 'auto')
- [0].offsetWidth
+ reset: function(size) {
+ var dimension = this.dimension();
- this.$element.addClass('collapse')
- }
+ this.$element.removeClass("collapse")[dimension](size || "auto")[0]
+ .offsetWidth;
- , 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
+ };
+ $.fn.collapse.Constructor = Collapse;
- /* COLLAPSIBLE DATA-API
+ /* 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 );
+ $(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 +1824,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 +2008,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 +2043,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 +2072,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 +2109,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 +2124,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 +2146,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 +2179,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 +2204,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/less/base/body.less b/less/base/body.less
index 166af10..d9b9352 100644
--- a/less/base/body.less
+++ b/less/base/body.less
@@ -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/less/base/helpers.less b/less/base/helpers.less
index 64e2062..d736590 100644
--- a/less/base/helpers.less
+++ b/less/base/helpers.less
@@ -5,13 +5,13 @@ Helpery
*/
-
// Clearfix
// --------
// For clearing floats like a boss h5bp.com/q
.clearfix {
*zoom: 1;
- &:before, &:after {
+ &:before,
+ &:after {
display: table;
content: "";
// Fixes Opera/contenteditable bug:
@@ -63,12 +63,12 @@ Helpery
}
}
-
.dumb_only {
display: none !important;
}
-.center, .text-center {
+.center,
+.text-center {
text-align: center;
}
@@ -126,7 +126,9 @@ Helpery
color: #999;
text-decoration: underline;
- &:hover, &:focus, &:active {
+ &:hover,
+ &:focus,
+ &:active {
color: #666;
}
}
@@ -146,7 +148,6 @@ Helpery
border: 0;
}
-
// Z old_layout.less
// -----------------
@@ -162,7 +163,8 @@ Helpery
width: 48%;
}
-.clearBothZero, .clear_zero {
+.clearBothZero,
+.clear_zero {
display: block;
clear: both;
font-size: 1px;
@@ -170,7 +172,6 @@ Helpery
height: 1px;
}
-
.marginBottom3 {
margin-bottom: 3em;
}
@@ -236,16 +237,17 @@ p.submit {
}
.fontSmall {
- font-size: .5em;
+ font-size: 0.5em;
font-weight: normal;
}
small.fontSmall {
- font-size: .6em;
+ font-size: 0.6em;
font-weight: normal;
}
-table.fontSmall td, table.fontSmall th {
+table.fontSmall td,
+table.fontSmall th {
font-size: 1.4em;
font-weight: normal;
}
@@ -282,7 +284,6 @@ table.fontSmall td, table.fontSmall th {
display: none;
}
-
// Nove helpery (verze 2012)
// Presunout do noveho layoutu (if newlayout TODO)
@@ -298,7 +299,6 @@ table.fontSmall td, table.fontSmall th {
display: block;
}
-
// Presunuto z new_layout.less
// ---------------------------
@@ -323,7 +323,7 @@ table.fontSmall td, table.fontSmall th {
.unveil {
opacity: 0;
- transition: opacity .5s ease-in;
+ transition: opacity 0.5s ease-in;
}
// Odkaz na vice informaci
@@ -380,7 +380,9 @@ table.fontSmall td, table.fontSmall th {
display: block;
}
-.more_photos a:hover, .more_photos a:focus, .more_photos a:active {
+.more_photos a:hover,
+.more_photos a:focus,
+.more_photos a:active {
background-color: #eee;
cursor: pointer;
}
diff --git a/less/base/reset.less b/less/base/reset.less
index 188af52..d8a922b 100644
--- a/less/base/reset.less
+++ b/less/base/reset.less
@@ -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/less/base/typo.less b/less/base/typo.less
index efc7f93..fdccfcb 100644
--- a/less/base/typo.less
+++ b/less/base/typo.less
@@ -12,11 +12,20 @@ Typografie a linearni design
// Typografie
// ----------
-body, input, textarea, option, select {
- font: @base-font-size/@base-line-height Arial, Helvetica, sans-serif;
+body,
+input,
+textarea,
+option,
+select {
+ font: @base-font-size / @base-line-height Arial, Helvetica, sans-serif;
}
-h1,h2,h3,h4,h5,h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
font-family: Arial, Helvetica, sans-serif;
}
@@ -38,8 +47,11 @@ a {
// Linearni design
// ---------------
-
-p, ul, ol, table, blockquote {
+p,
+ul,
+ol,
+table,
+blockquote {
padding: 0;
margin: 0;
margin-bottom: @base-line-height;
@@ -76,7 +88,7 @@ h2,
h3,
.h3 {
- display: block;
+ display: block;
font-size: 14px;
line-height: 18px;
margin: 0 0 4px 0;
@@ -87,7 +99,7 @@ h3,
h4,
.h4 {
- display: block;
+ display: block;
font-size: @base-font-size;
line-height: @base-line-height;
margin: 0;
@@ -96,12 +108,11 @@ h4,
color: #666;
}
-
h2 small,
h3 small {
font-size: @base-font-size;
line-height: @base-line-height;
- color: #999;
+ color: #999;
}
big {
@@ -121,7 +132,7 @@ ul ul,
ul ol,
ol ol,
ol ul {
- margin-bottom: 0;
+ margin-bottom: 0;
}
ul {
@@ -134,7 +145,6 @@ ol li {
}
@media @large-start {
-
h2 small.float_right {
margin-top: 5px;
}
diff --git a/less/components/inline-list.less b/less/components-new/inline-list.less
similarity index 95%
rename from less/components/inline-list.less
rename to less/components-new/inline-list.less
index 7d2e50e..82adf6c 100644
--- a/less/components/inline-list.less
+++ b/less/components-new/inline-list.less
@@ -6,6 +6,7 @@
// - seznam polozek v bublinach - napr. staty
.inline-list {
+
margin-left: 23px;
line-height: 36px;
margin-bottom: 12px;
@@ -49,7 +50,9 @@
// .inline-list--large-items .inline-list__item--three-stars { … }
}
- &--no-margin-bottom { margin-bottom: 0; }
+ &--no-margin-bottom {
+ margin-bottom: 0;
+ }
&.active,
&:hover,
diff --git a/less/components-new/list-item.less b/less/components-new/list-item.less
new file mode 100644
index 0000000..cd3a0ce
--- /dev/null
+++ b/less/components-new/list-item.less
@@ -0,0 +1,145 @@
+/* @define list-item; weak
+
+# Komponenta Velka polozka seznamu
+
+Napr. seznamy ubytovatelu, pobytu, last-minute atd.
+
+.list-item
+ __image
+ __image-img
+ __flags
+ __content
+ __heading
+ __perex
+ __price
+
+*/
+
+.list-item {
+ position: relative;
+ box-sizing: border-box;
+ padding: (@base-line-height / 2) 0;
+ border: 1px solid transparent;
+ color: #666; // TODO promenna
+
+ @media @large-start {
+ float: left;
+ width: ~"calc((100% - 42px) / 3)"; // TODO magic number
+ height: 352px; // TODO magic number
+ padding: @base-line-height (@base-line-height / 2) (@base-line-height / 2);
+ margin: 0 7px 0 7px; // TODO magic number
+ }
+
+ /* stylelint-disable plugin/selector-bem-pattern */
+
+ // Ukazka kontextoveho pristupu,
+ // kdy muze byt v poradku porusit BEM syntaxi:
+
+ .cart & {
+ font-size: 11px; // TODO magic number
+ }
+
+ /* stylelint-enable */
+}
+
+.list-item__image {
+ position: relative;
+ float: left;
+ width: 36%;
+ margin-right: 4%;
+
+ @media @large-start {
+ width: auto;
+ float: none;
+ height: 165px; // 4:3
+ overflow: hidden; // Obrazek nesmi pretekat
+ margin-bottom: 12px;
+ margin-right: 0;
+ }
+
+ @media @extra-large-start {
+ height: 215px; // 4:3
+ }
+
+ &-img {
+ max-width: 100%; // Prizpusobuje se vysce
+ }
+}
+
+// Textovy obsah
+
+.list-item__content {
+ float: left;
+ width: 60%;
+ padding: 0; // reset .content
+
+ @media @large-start {
+ float: none;
+ width: auto;
+ }
+}
+
+.list-item__perex {
+ margin-bottom: 0; // TODO zobecnit do utility = .mb-0
+}
+
+.list-item__heading {
+ font-size: 120%; // TODO promenna
+ margin-bottom: 0;
+}
+
+.list-item__price {
+ // TODO proc uvedene hodnoty?
+ @media @large-start {
+ position: absolute;
+ right: 3px;
+ top: 150px;
+ }
+
+ @media @extra-large-start {
+ top: 200px;
+ }
+}
+
+// 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; // TODO promenna
+}
+
+// Aktivni stavy
+
+.list-item--active,
+.list-item:hover,
+.list-item:focus,
+.list-item:active {
+ background-color: #eee; // TODO promenna
+ cursor: pointer;
+ color: #333; // TODO promenna
+ border: 1px solid #ddd; // TODO promenna
+
+ .list-item__heading-anchor {
+ color: darken(@color-alpha, 20%);
+ text-decoration: underline;
+ }
+
+ // Funkcnost s povolenym JS
+
+ /* stylelint-disable plugin/selector-bem-pattern */
+
+ // Ukazka kontextoveho pristupu,
+ // kdy muze byt v poradku porusit BEM syntaxi:
+
+ .no-flexbox & {
+ background-color: #dedede;
+ }
+
+ /* stylelint-enable */
+}
diff --git a/less/components/fancybox.less b/less/components/fancybox.less
index 581c353..cd747bc 100644
--- a/less/components/fancybox.less
+++ b/less/components/fancybox.less
@@ -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/less/components/flag.less b/less/components/flag.less
index 5172be4..34355c4 100644
--- a/less/components/flag.less
+++ b/less/components/flag.less
@@ -27,7 +27,7 @@ a.flag:active {
.mixin-flag-sm() {
font-size: 9px;
padding: 2px 3px;
- letter-spacing: .02em;
+ letter-spacing: 0.02em;
}
.flag--sm {
@@ -45,8 +45,8 @@ a.flag:active {
@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;
}
}
@@ -56,45 +56,43 @@ a.flag:active {
// "Oblibeny ubytovatel"
.flag--bestseller {
- background: fadeout(lighten(@color-alpha, 5%),9%);
+ background: fadeout(lighten(@color-alpha, 5%), 9%);
}
// "Skvele hodnoceni"
.flag--ratings {
- background: fadeout(lighten(@color-alpha, 5%),9%);
+ background: fadeout(lighten(@color-alpha, 5%), 9%);
}
// "Last Minute"
.flag--lastminute {
- background: #FF9900;
- background: fadeout(#FF9900,9%);
+ background: #f90;
+ background: fadeout(#f90, 9%);
}
// "Horky tip"
.flag--hottip {
- background: #FFCC00;
- background: fadeout(#FFCC00,9%);
+ background: #fc0;
+ background: fadeout(#fc0, 9%);
}
// "Novinka"
.flag--new {
background: lighten(@color-alpha, 15%);
- background: fadeout(lighten(@color-alpha, 15%),9%);
+ background: fadeout(lighten(@color-alpha, 15%), 9%);
}
// "Sleva"
.flag--discount {
- background: #FF6600;
- background: fadeout(#FF6600, 9%);
+ background: #f60;
+ background: fadeout(#f60, 9%);
}
-
-
// Pozicovani ikon, pokud jich je vice
// -----------------------------------
@@ -103,7 +101,6 @@ a.flag:active {
// * Zatim vzdy prekryvaji obrazek (.image_item v detailu a .list_item .image v seznamu)
.flags {
-
.flag {
position: absolute;
top: 2px;
@@ -114,13 +111,13 @@ a.flag:active {
// * 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.
@@ -144,57 +141,56 @@ a.flag:active {
}
.flag + .flag + .flag {
- top: (2*@flag-height + 2px);
+ top: (2 * @flag-height + 2px);
&.flag--lg {
@media @large-start {
- top: (2*@flag-large-height + 2px);
+ top: (2 * @flag-large-height + 2px);
}
}
&.flag--sm {
- top: (2*@flag-small-height + 2px);
+ top: (2 * @flag-small-height + 2px);
}
@media @media-for-smaller-flag {
- top: (2*@flag-small-height + 2px);
+ top: (2 * @flag-small-height + 2px);
}
}
.flag + .flag + .flag + .flag {
- top: (3*@flag-height + 2px);
+ top: (3 * @flag-height + 2px);
&.flag--lg {
@media @large-start {
- top: (3*@flag-large-height + 2px);
+ top: (3 * @flag-large-height + 2px);
}
}
&.flag--sm {
- top: (3*@flag-small-height + 2px);
+ top: (3 * @flag-small-height + 2px);
}
@media @media-for-smaller-flag {
- top: (3*@flag-small-height + 2px);
+ top: (3 * @flag-small-height + 2px);
}
}
.flag + .flag + .flag + .flag + .flag {
- top: (4*@flag-height + 2px);
+ top: (4 * @flag-height + 2px);
&.flag--lg {
@media @large-start {
- top: (4*@flag-large-height + 2px);
+ top: (4 * @flag-large-height + 2px);
}
}
&.flag--sm {
- top: (4*@flag-small-height + 2px);
+ top: (4 * @flag-small-height + 2px);
}
@media @media-for-smaller-flag {
- top: (4*@flag-small-height + 2px);
+ top: (4 * @flag-small-height + 2px);
}
}
-
} // .flags
diff --git a/less/components/foot.less b/less/components/foot.less
index dc7eeb6..240ae18 100644
--- a/less/components/foot.less
+++ b/less/components/foot.less
@@ -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/less/components/form.less b/less/components/form.less
index 2084722..5b02be1 100644
--- a/less/components/form.less
+++ b/less/components/form.less
@@ -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/less/components/freestyle_grid.less b/less/components/freestyle_grid.less
index e8b22d4..43ab32c 100644
--- a/less/components/freestyle_grid.less
+++ b/less/components/freestyle_grid.less
@@ -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/less/components/list-item.less b/less/components/list-item.less
deleted file mode 100644
index fe1aad4..0000000
--- a/less/components/list-item.less
+++ /dev/null
@@ -1,120 +0,0 @@
-/* # Komponenta Velka polozka seznamu
-
-Napr. seznamy ubytovatelu, pobytu, last-minute atd.
-
-*/
-
-
-.list-item {
- position: relative;
- padding: 9px 0;
- border: 1px solid transparent;
- color: #66;
-
- box-sizing: border-box;
-
-
- @media @large-start {
- float: left;
- width: ~"calc((100% - 42px) / 3)"; // 304
- height: 352px;
- padding: 18px 9px 9px;
- margin: 0 7px 0 7px;
- }
-}
-
-.list-item .image {
- position: relative;
- float: left;
- width: 36%;
- margin-right: 4%;
-
- @media @large-start {
- width: auto;
- float: none;
- height: 165px; // 4:3
- overflow: hidden;
- margin-bottom: 12px;
- margin-right: 0;
- }
-
- @media @extra-large-start {
- height: 215px; // 4:3
- }
-
- img {
- max-width: 100%;
- }
-}
-
-
-
-// Textovy obsah
-
-.list-item .content {
- float: left;
- width: 60%;
- padding: 0; // reset .content
-
- @media @large-start {
- float: none;
- width: auto;
- }
-
- p {
- margin-bottom: 0;
- }
-
- h2 {
- font-size: 120%;
- margin-bottom: 0;
- }
-}
-
-.list-item .content .price {
- @media @large-start {
- position: absolute;
- right: 3px;
- top: 150px;
- }
-
- @media @extra-large-start {
- top: 200px;
- }
-}
-
-// Varianta bez spodniho ramecku
-// Napr. na homepages verze 2014
-
-.list-item.without_border {
- border-bottom: 0;
-}
-
-.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/less/components/page/about.less b/less/components/page/about.less
index 0cd776e..942d078 100644
--- a/less/components/page/about.less
+++ b/less/components/page/about.less
@@ -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;
@@ -30,7 +30,7 @@
.about-person-image img {
border-radius: 50%;
overflow: hidden;
- max-width: (@column-width/2 - @gutter); // 145px
+ max-width: (@column-width / 2 - @gutter); // 145px
display: block;
margin: 0 auto;
}
@@ -44,7 +44,7 @@
.about-person-full-text,
.about-person-full-contact {
@media @large-start {
- margin-top: @base-line-height/2;
+ margin-top: @base-line-height / 2;
}
}
@@ -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/less/components/page/slovnik.less b/less/components/page/slovnik.less
index ef64104..0f19a93 100644
--- a/less/components/page/slovnik.less
+++ b/less/components/page/slovnik.less
@@ -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/less/components/price-date.less b/less/components/price-date.less
index b0dd383..bf37a96 100644
--- a/less/components/price-date.less
+++ b/less/components/price-date.less
@@ -9,7 +9,6 @@ Ceny, datumy - velke "cenovky"
// Dole pak velke displeje
// TODO sjednotit? Jaky je vztah k .flag?
-
// --- Modul Cena ---
// Uziva se v polozce seznamu ubytovatelu, last minute, v malych nahledech last minute atd.
//
5 nocí od 2 690 Kč
@@ -19,24 +18,24 @@ Ceny, datumy - velke "cenovky"
width: auto;
color: #444;
- strong {
- font-weight: normal;
- color: #888;
- }
+ strong {
+ font-weight: normal;
+ color: #888;
+ }
}
.price.price--big {
background-color: #ddd;
padding: 3px;
- margin: 0 6px 18px 0;
+ margin: 0 6px 18px 0;
}
-
// --- Modul Boxik s terminy ---
// Uziva se v detailu last minute, v seznamu LM nebo seznamu ubytovni
// Termíny: 28. 10. 2012 - 16. 11. 2012
-.date { }
+.date {
+}
// Varianta: Velky boxik pro detail last minute
.date.date--big {
@@ -45,15 +44,14 @@ Ceny, datumy - velke "cenovky"
color: #444;
background-color: #ddd;
padding: 3px;
- margin: 0 6px 18px 0;
+ margin: 0 6px 18px 0;
- strong {
- font-weight: normal;
- color: #888;
- }
+ strong {
+ font-weight: normal;
+ color: #888;
+ }
}
-
// --- Modul univerzalni velke navesti ---
// Uziva se v detailu last minute, pobytu, nebo v seznamech
// Polopenze
@@ -65,21 +63,18 @@ Ceny, datumy - velke "cenovky"
color: #444;
background-color: #ddd;
padding: 3px;
- margin: 0 6px 18px 0;
+ margin: 0 6px 18px 0;
- strong {
- font-weight: normal;
- color: #888;
- }
+ strong {
+ font-weight: normal;
+ color: #888;
+ }
}
-
// Velke displeje
// --------------
@media @large-start {
-
-
// --- Modul Cena ---
.price.price--big {
@@ -100,6 +95,4 @@ Ceny, datumy - velke "cenovky"
font-size: 16px;
padding: 7px;
}
-
-
} // @large-start
diff --git a/less/components/sister-websites.less b/less/components/sister-websites.less
index d3ed69c..4e7f738 100644
--- a/less/components/sister-websites.less
+++ b/less/components/sister-websites.less
@@ -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/less/components/site_logo.less b/less/components/site_logo.less
index 2a522d4..5d9e3c9 100644
--- a/less/components/site_logo.less
+++ b/less/components/site_logo.less
@@ -5,29 +5,26 @@ Na velkých displejích nalevo, na malých veprostřed nahoře.
*/
.site-logo {
- padding: @base-line-height 0;
+ padding: @base-line-height 0;
margin: 0;
- width: auto;
- text-align: center;
- font-size: 24px;
- font-weight: bold;
- color: @color-gamma;
+ width: auto;
+ text-align: center;
+ font-size: 24px;
+ font-weight: bold;
+ color: @color-gamma;
}
-
@media @large-start {
- .site-logo {
- float: left;
- margin-left: 30px;
- text-align: left;
- width: 300px;
- margin-top: 12px;
- margin-bottom: 12px;
- }
+ .site-logo {
+ float: left;
+ margin-left: 30px;
+ text-align: left;
+ width: 300px;
+ margin-top: 12px;
+ margin-bottom: 12px;
+ }
.site-logo a:hover {
text-decoration: none;
}
}
-
-
diff --git a/less/components/site_nav.less b/less/components/site_nav.less
index cff76b0..0d7e766 100644
--- a/less/components/site_nav.less
+++ b/less/components/site_nav.less
@@ -51,13 +51,13 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
// - s timto v prohlizeci kompiluju 10s, bez toho 3s :-( --> vzit jen jako CSS?
@import "../lib/pine/pine.less";
-@p-base-font-size : @base-font-size;
-@p-color : white;
-@p-background : @color-beta;
-@p-active-background : @color-gamma;
-@p-hover-background : @color-gamma;
-@p-small-screen-top : 146px;
-@p-large-display-start : @large-start-value;
+@p-base-font-size : @base-font-size;
+@p-color : white;
+@p-background : @color-beta;
+@p-active-background : @color-gamma;
+@p-hover-background : @color-gamma;
+@p-small-screen-top : 146px;
+@p-large-display-start : @large-start-value;
// Fix spatneho vyhlazovani caretu na FF
.pine-has-subnav > a:before {
@@ -70,16 +70,16 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
// - .container mess
.site-nav {
- clear: both;
- background: @color-beta;
+ clear: both;
+ 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;
height: 41px;
- }
+ }
@media print {
display: none;
@@ -90,9 +90,9 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
margin: 0;
padding: 0;
- @media @large-start {
- display: flex;
- }
+ @media @large-start {
+ display: flex;
+ }
}
.site-nav__main .pine-level-1 > li {
@@ -103,7 +103,7 @@ 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;
}
// Layout: Všechny tři subnavigace jsou na malých displejích vedle sebe
@@ -166,7 +166,7 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
// Položka navigace obecně
.container .site-nav a {
- box-sizing:border-box;
+ box-sizing: border-box;
display: block;
padding: 12px 12px 11px;
color: #fff;
@@ -189,20 +189,18 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
// Stylování od 2. úrovně dál
.container .pine-level-2 a {
- padding: @base-font-size*.75 15px (@base-font-size*.75 + 1px);
+ padding: @base-font-size*0.75 15px (@base-font-size*0.75 + 1px);
}
-
// ## Velké displeje
@media @large-start {
-
- // Položky navigací jsou na velkých vedle sebe
- .pine-level-1 > li {
- display: inline-block;
- position: relative;
- float: left;
- }
+ // Položky navigací jsou na velkých vedle sebe
+ .pine-level-1 > li {
+ display: inline-block;
+ position: relative;
+ float: left;
+ }
// Položka navigace se subnavigací
// Zobáček jinak než výchozí v Pine.js
@@ -213,8 +211,7 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
top: 19px;
right: 50%;
margin-right: -27px;
- border-top-color: rgba(255, 255, 255, .5)
+ border-top-color: rgba(255, 255, 255, 0.5);
}
}
-
}
diff --git a/less/components/text.less b/less/components/text.less
index eb51247..6792c06 100644
--- a/less/components/text.less
+++ b/less/components/text.less
@@ -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/less/index.less b/less/index.less
index 96824bd..2f8a75b 100644
--- a/less/index.less
+++ b/less/index.less
@@ -1,34 +1,45 @@
-
// Promenne
@import "variables/variables";
// Knihovny a styly pro externi kod
@import "lib/mixins";
-@import "lib/fancygallery";
+
// Zakladna
@import "base/reset";
@import "base/body";
@import "base/typo";
-@import "base/helpers";
+
// Layout
@import "layout/container";
@import "layout/layout";
+// Unikatni moduly - strankove
+@import "components/page/about";
+
+
// Moduly
@import "components/content_head";
@import "components/fancybox";
@import "components/flag";
@import "components/foot";
-@import "components/inline-list";
-@import "components/list-item";
@import "components/price-date";
@import "components/site_logo";
@import "components/site_nav";
-// Unikatni moduly - strankove
-@import "components/page/about";
+// Zrefaktorovane komponenty
+@import "components-new/inline-list";
+@import "components-new/list-item";
+
+// Kod treti strany
+.fancygallery {
+ // Libraries
+ @import "lib/fancygallery";
+}
// Tmave tema
@import "themes/dark";
+
+// Helpery
+@import "base/helpers";
diff --git a/less/layout/container.less b/less/layout/container.less
index 8b946fd..0b385a3 100644
--- a/less/layout/container.less
+++ b/less/layout/container.less
@@ -10,5 +10,5 @@ Kontejner layoutu
margin: 0 auto;
margin-bottom: 15px;
position: relative;
- box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
}
diff --git a/less/layout/layout.less b/less/layout/layout.less
index 80bb0ea..00e4ded 100644
--- a/less/layout/layout.less
+++ b/less/layout/layout.less
@@ -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;
- .clearfix();
+ margin-bottom: @base-line-height;
+ .clearfix();
}
/*
@@ -156,7 +154,7 @@ v .list_item neco podobneho) =jeden sloupec: 304x171 (?? TODO)
.half_column {
@media @large-start {
float: left;
- width: (@column-width/2 - @gutter); // 145px
+ width: (@column-width / 2 - @gutter); // 145px
margin-right: @gutter;
}
}
@@ -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;
+ }
- .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 {
+ // 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 {
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/less/lib/fancygallery.less b/less/lib/fancygallery.less
index b5d05ee..a4d3e52 100644
--- a/less/lib/fancygallery.less
+++ b/less/lib/fancygallery.less
@@ -49,7 +49,7 @@
/* Do not show scrollbars when FB is open */
body.fancybox-active {
- overflow: hidden;
+ overflow: hidden;
}
#fancybox-loading {
@@ -108,7 +108,7 @@ body.fancybox-active {
position: relative;
width: 100%;
height: 100%;
- background: #FFF;
+ background: #fff;
}
#fancybox-inner {
@@ -202,12 +202,12 @@ body.fancybox-active {
.fancybox-title-outside {
padding-top: 5px;
- color: #FFF;
+ color: #fff;
text-align: center;
}
.fancybox-title-over {
- color: #FFF;
+ color: #fff;
text-align: left;
}
@@ -249,7 +249,7 @@ body.fancybox-active {
#fancybox-left,
#fancybox-right {
position: fixed;
- bottom: 0px;
+ bottom: 0;
height: 100%;
width: 35%;
cursor: pointer;
@@ -260,11 +260,11 @@ body.fancybox-active {
}
#fancybox-left {
- left: 0px;
+ left: 0;
}
#fancybox-right {
- right: 0px;
+ right: 0;
}
#fancybox-left-ico,
@@ -282,13 +282,13 @@ body.fancybox-active {
#fancybox-left-ico {
background-image: url('../../images/fancygallery/fancy_nav_left.png');
- left: 0px;
+ left: 0;
}
#fancybox-right-ico {
background-image: url('../../images/fancygallery/fancy_nav_right.png');
left: auto;
- right: 0px;
+ right: 0;
}
#fancybox-left:hover #fancybox-left-ico,
@@ -297,7 +297,7 @@ body.fancybox-active {
#fancybox-right:hover #fancybox-right-ico,
#fancybox-right:focus #fancybox-right-ico,
#fancybox-right:active #fancybox-right-ico {
- background-position: 0 -77px;
+ background-position: 0 -77px;
}
/* Shadows are off */
@@ -319,34 +319,35 @@ body.fancybox-active {
* and has the classname "jcarousel-container".
*/
.jcarousel-container {
- position: relative;
+ position: relative;
}
.jcarousel-clip {
- z-index: 2;
- padding: 0;
- margin: 0;
- overflow: hidden;
- position: relative;
+ z-index: 2;
+ padding: 0;
+ margin: 0;
+ overflow: hidden;
+ position: relative;
}
.jcarousel-list {
- z-index: 1;
- overflow: hidden;
- position: relative;
- top: 0;
- left: 0;
- margin: 0;
- padding: 0;
+ z-index: 1;
+ overflow: hidden;
+ position: relative;
+ top: 0;
+ left: 0;
+ margin: 0;
+ padding: 0;
}
.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;
+ float: left;
+ list-style: none;
+
+ /* We set the width/height explicitly. No width/height causes infinite loops. */
+ width: 75px;
+ height: 75px;
}
/**
@@ -355,13 +356,13 @@ body.fancybox-active {
* have the classnames "jcarousel-next" and "jcarousel-prev".
*/
.jcarousel-next {
- z-index: 3;
- display: none;
+ z-index: 3;
+ display: none;
}
.jcarousel-prev {
- z-index: 3;
- display: none;
+ z-index: 3;
+ display: none;
}
@@ -392,85 +393,85 @@ Author: Martin Michalek, Studio Shortcat, michalek@shortcat.cz
}
.jcarousel-skin-shortcat .jcarousel-clip-horizontal {
- height: 40px;
- width: auto;
+ height: 40px;
+ width: auto;
}
.jcarousel-skin-shortcat .jcarousel-item,
.jcarousel-skin-shortcat .jcarousel-item img {
- width: 40px;
- height: 40px;
+ width: 40px;
+ height: 40px;
}
.jcarousel-skin-shortcat .jcarousel-item img {
- opacity: .5;
- -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
- filter: alpha(opacity=50);
+ opacity: 0.5;
+ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
+ filter: alpha(opacity=50);
}
.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);
+ opacity: 1;
+ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+ filter: alpha(opacity=100);
}
.jcarousel-skin-shortcat .jcarousel-item-horizontal {
- margin-right: 3px;
+ margin-right: 3px;
}
.jcarousel-skin-shortcat .jcarousel-item-placeholder {
- background: #fff;
- color: #000;
+ background: #fff;
+ color: #000;
}
/**
* 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;
+ position: absolute;
+ top: 0;
+ right: 10px;
+ width: 33px;
+ height: 40px;
+ cursor: pointer;
+ background: transparent url(../../images/fancygallery/fancygallery_next.gif) no-repeat top right;
}
.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;
+ background-position: top right;
}
.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;
+ cursor: default;
+ background-image: none;
}
.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;
+ position: absolute;
+ top: 0;
+ left: 10px;
+ width: 33px;
+ height: 40px;
+ cursor: pointer;
+ background: transparent url(../../images/fancygallery/fancygallery_prev.gif) no-repeat 0 0;
}
.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;
+ background-position: 0 0;
}
.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;
+ cursor: default;
+ background-image: none;
}
@@ -487,7 +488,7 @@ Author: Martin Michalek, Studio Shortcat, michalek@shortcat.cz
position: fixed;
z-index: 1108;
bottom: 20px;
- left: 0px;
+ left: 0;
width: 100%;
height: 40px;
}
diff --git a/less/lib/mixins.less b/less/lib/mixins.less
index af3129d..d50870f 100644
--- a/less/lib/mixins.less
+++ b/less/lib/mixins.less
@@ -38,7 +38,7 @@
// mean that space between those elements will be .6em (~2 space characters) in IE7,
// instead of the 1 space in other browsers.
.ie7-restore-left-whitespace() {
- *margin-left: .3em;
+ *margin-left: 0.3em;
&:first-child {
*margin-left: 0;
@@ -46,7 +46,7 @@
}
.ie7-restore-right-whitespace() {
- *margin-right: .3em;
+ *margin-right: 0.3em;
}
// Sizing shortcuts
diff --git a/less/themes/dark.less b/less/themes/dark.less
index a5b3aa9..9bfe163 100644
--- a/less/themes/dark.less
+++ b/less/themes/dark.less
@@ -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/less/variables/variables.less b/less/variables/variables.less
index 6a9b82c..a07680d 100644
--- a/less/variables/variables.less
+++ b/less/variables/variables.less
@@ -1,13 +1,12 @@
-
// Pismo
// -----
-@base-font-size: 12px;
-@base-line-height: 18px;
-@smaller-font-size: 11px;
-@smaller-line-height: 13px;
-@larger-font-size: 14px;
-@larger-line-height: 20px;
+@base-font-size: 12px;
+@base-line-height: 18px;
+@smaller-font-size: 11px;
+@smaller-line-height: 13px;
+@larger-font-size: 14px;
+@larger-line-height: 20px;
// Barvy
// -----
@@ -16,9 +15,9 @@
//- Zde jen pro ESK, pridat vychozi sedive schema
//- Proc anchor a jeste color-alpha?
-@anchor-color: #0EB10E;
-@active-color: darken(@anchor-color, 20%);
-@text-color: #000;
+@anchor-color: #0eb10e;
+@active-color: darken(@anchor-color, 20%);
+@text-color: #000;
// Svetla barva pro pozadi prvku
// Smichana hlavni barva se svetle sedivou.
@@ -31,14 +30,13 @@
@color-dark-plus: mix(darken(@color-alpha, 20%), #666, 30%);
// 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;
// Layout
// ------
@@ -46,23 +44,21 @@
@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 @medium-start { … }
-@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
// -------
Minirelax v lázních AKCE -20%
-+
WELLNESS HOTEL POHODA, Luhačovice, Jižní Morava, Česká republika
termíny: 02.04.2018 - 20.04.2018
+
4 noci od 5 570 Kč
+
-
-
+
@@ -145,7 +145,7 @@
-
+
-
-
+
@@ -171,7 +171,7 @@
-
+
-
-
+
@@ -197,7 +197,7 @@
-
+
-
-
+
@@ -224,23 +224,23 @@
-
+
-
-
+
+
PENZION ONYX
-
+
Lednice
Penzion Onyx se nachází v klidové zóně obce Lednice. Je vzdálený jen 800 m od centra obce.
-
+
1 noc od 595 Kč
diff --git a/js/rekrea-footer.js b/js/rekrea-footer.js
index 8dc6e13..31802ab 100644
--- a/js/rekrea-footer.js
+++ b/js/rekrea-footer.js
@@ -16,393 +16,790 @@
* 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
@@ -419,34 +816,817 @@
* 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='";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 =
+ '";
+ 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 +1637,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 +1661,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 +1678,7 @@ easingIn:"swing",easingOut:"swing",showCloseButton:true,showNavArrows:true,enabl
unveil();
return this;
-
};
-
})(window.jQuery || window.Zepto);
/* =============================================================
@@ -524,123 +1700,117 @@ easingIn:"swing",easingOut:"swing",showCloseButton:true,showNavArrows:true,enabl
* limitations under the License.
* ============================================================ */
-!function( $ ){
-
- "use strict"
+!(function($) {
+ "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])
-
- }
-
- , hide: function () {
- var dimension = this.dimension()
- this.reset(this.$element[dimension]())
- this.transition('removeClass', 'hide', 'hidden')
- this.$element[dimension](0)
- }
+ this.$element[dimension](0);
+ this.transition("addClass", "show", "shown");
+ this.$element[dimension](this.$element[0][scroll]);
+ },
- , reset: function ( size ) {
- var dimension = this.dimension()
+ hide: function() {
+ var dimension = this.dimension();
+ this.reset(this.$element[dimension]());
+ this.transition("removeClass", "hide", "hidden");
+ this.$element[dimension](0);
+ },
- this.$element
- .removeClass('collapse')
- [dimension](size || 'auto')
- [0].offsetWidth
+ reset: function(size) {
+ var dimension = this.dimension();
- this.$element.addClass('collapse')
- }
+ this.$element.removeClass("collapse")[dimension](size || "auto")[0]
+ .offsetWidth;
- , 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
+ };
+ $.fn.collapse.Constructor = Collapse;
- /* COLLAPSIBLE DATA-API
+ /* 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 );
+ $(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 +1824,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 +2008,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 +2043,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 +2072,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 +2109,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 +2124,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 +2146,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 +2179,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 +2204,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/less/base/body.less b/less/base/body.less
index 166af10..d9b9352 100644
--- a/less/base/body.less
+++ b/less/base/body.less
@@ -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/less/base/helpers.less b/less/base/helpers.less
index 64e2062..d736590 100644
--- a/less/base/helpers.less
+++ b/less/base/helpers.less
@@ -5,13 +5,13 @@ Helpery
*/
-
// Clearfix
// --------
// For clearing floats like a boss h5bp.com/q
.clearfix {
*zoom: 1;
- &:before, &:after {
+ &:before,
+ &:after {
display: table;
content: "";
// Fixes Opera/contenteditable bug:
@@ -63,12 +63,12 @@ Helpery
}
}
-
.dumb_only {
display: none !important;
}
-.center, .text-center {
+.center,
+.text-center {
text-align: center;
}
@@ -126,7 +126,9 @@ Helpery
color: #999;
text-decoration: underline;
- &:hover, &:focus, &:active {
+ &:hover,
+ &:focus,
+ &:active {
color: #666;
}
}
@@ -146,7 +148,6 @@ Helpery
border: 0;
}
-
// Z old_layout.less
// -----------------
@@ -162,7 +163,8 @@ Helpery
width: 48%;
}
-.clearBothZero, .clear_zero {
+.clearBothZero,
+.clear_zero {
display: block;
clear: both;
font-size: 1px;
@@ -170,7 +172,6 @@ Helpery
height: 1px;
}
-
.marginBottom3 {
margin-bottom: 3em;
}
@@ -236,16 +237,17 @@ p.submit {
}
.fontSmall {
- font-size: .5em;
+ font-size: 0.5em;
font-weight: normal;
}
small.fontSmall {
- font-size: .6em;
+ font-size: 0.6em;
font-weight: normal;
}
-table.fontSmall td, table.fontSmall th {
+table.fontSmall td,
+table.fontSmall th {
font-size: 1.4em;
font-weight: normal;
}
@@ -282,7 +284,6 @@ table.fontSmall td, table.fontSmall th {
display: none;
}
-
// Nove helpery (verze 2012)
// Presunout do noveho layoutu (if newlayout TODO)
@@ -298,7 +299,6 @@ table.fontSmall td, table.fontSmall th {
display: block;
}
-
// Presunuto z new_layout.less
// ---------------------------
@@ -323,7 +323,7 @@ table.fontSmall td, table.fontSmall th {
.unveil {
opacity: 0;
- transition: opacity .5s ease-in;
+ transition: opacity 0.5s ease-in;
}
// Odkaz na vice informaci
@@ -380,7 +380,9 @@ table.fontSmall td, table.fontSmall th {
display: block;
}
-.more_photos a:hover, .more_photos a:focus, .more_photos a:active {
+.more_photos a:hover,
+.more_photos a:focus,
+.more_photos a:active {
background-color: #eee;
cursor: pointer;
}
diff --git a/less/base/reset.less b/less/base/reset.less
index 188af52..d8a922b 100644
--- a/less/base/reset.less
+++ b/less/base/reset.less
@@ -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/less/base/typo.less b/less/base/typo.less
index efc7f93..fdccfcb 100644
--- a/less/base/typo.less
+++ b/less/base/typo.less
@@ -12,11 +12,20 @@ Typografie a linearni design
// Typografie
// ----------
-body, input, textarea, option, select {
- font: @base-font-size/@base-line-height Arial, Helvetica, sans-serif;
+body,
+input,
+textarea,
+option,
+select {
+ font: @base-font-size / @base-line-height Arial, Helvetica, sans-serif;
}
-h1,h2,h3,h4,h5,h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
font-family: Arial, Helvetica, sans-serif;
}
@@ -38,8 +47,11 @@ a {
// Linearni design
// ---------------
-
-p, ul, ol, table, blockquote {
+p,
+ul,
+ol,
+table,
+blockquote {
padding: 0;
margin: 0;
margin-bottom: @base-line-height;
@@ -76,7 +88,7 @@ h2,
h3,
.h3 {
- display: block;
+ display: block;
font-size: 14px;
line-height: 18px;
margin: 0 0 4px 0;
@@ -87,7 +99,7 @@ h3,
h4,
.h4 {
- display: block;
+ display: block;
font-size: @base-font-size;
line-height: @base-line-height;
margin: 0;
@@ -96,12 +108,11 @@ h4,
color: #666;
}
-
h2 small,
h3 small {
font-size: @base-font-size;
line-height: @base-line-height;
- color: #999;
+ color: #999;
}
big {
@@ -121,7 +132,7 @@ ul ul,
ul ol,
ol ol,
ol ul {
- margin-bottom: 0;
+ margin-bottom: 0;
}
ul {
@@ -134,7 +145,6 @@ ol li {
}
@media @large-start {
-
h2 small.float_right {
margin-top: 5px;
}
diff --git a/less/components/inline-list.less b/less/components-new/inline-list.less
similarity index 95%
rename from less/components/inline-list.less
rename to less/components-new/inline-list.less
index 7d2e50e..82adf6c 100644
--- a/less/components/inline-list.less
+++ b/less/components-new/inline-list.less
@@ -6,6 +6,7 @@
// - seznam polozek v bublinach - napr. staty
.inline-list {
+
margin-left: 23px;
line-height: 36px;
margin-bottom: 12px;
@@ -49,7 +50,9 @@
// .inline-list--large-items .inline-list__item--three-stars { … }
}
- &--no-margin-bottom { margin-bottom: 0; }
+ &--no-margin-bottom {
+ margin-bottom: 0;
+ }
&.active,
&:hover,
diff --git a/less/components-new/list-item.less b/less/components-new/list-item.less
new file mode 100644
index 0000000..cd3a0ce
--- /dev/null
+++ b/less/components-new/list-item.less
@@ -0,0 +1,145 @@
+/* @define list-item; weak
+
+# Komponenta Velka polozka seznamu
+
+Napr. seznamy ubytovatelu, pobytu, last-minute atd.
+
+.list-item
+ __image
+ __image-img
+ __flags
+ __content
+ __heading
+ __perex
+ __price
+
+*/
+
+.list-item {
+ position: relative;
+ box-sizing: border-box;
+ padding: (@base-line-height / 2) 0;
+ border: 1px solid transparent;
+ color: #666; // TODO promenna
+
+ @media @large-start {
+ float: left;
+ width: ~"calc((100% - 42px) / 3)"; // TODO magic number
+ height: 352px; // TODO magic number
+ padding: @base-line-height (@base-line-height / 2) (@base-line-height / 2);
+ margin: 0 7px 0 7px; // TODO magic number
+ }
+
+ /* stylelint-disable plugin/selector-bem-pattern */
+
+ // Ukazka kontextoveho pristupu,
+ // kdy muze byt v poradku porusit BEM syntaxi:
+
+ .cart & {
+ font-size: 11px; // TODO magic number
+ }
+
+ /* stylelint-enable */
+}
+
+.list-item__image {
+ position: relative;
+ float: left;
+ width: 36%;
+ margin-right: 4%;
+
+ @media @large-start {
+ width: auto;
+ float: none;
+ height: 165px; // 4:3
+ overflow: hidden; // Obrazek nesmi pretekat
+ margin-bottom: 12px;
+ margin-right: 0;
+ }
+
+ @media @extra-large-start {
+ height: 215px; // 4:3
+ }
+
+ &-img {
+ max-width: 100%; // Prizpusobuje se vysce
+ }
+}
+
+// Textovy obsah
+
+.list-item__content {
+ float: left;
+ width: 60%;
+ padding: 0; // reset .content
+
+ @media @large-start {
+ float: none;
+ width: auto;
+ }
+}
+
+.list-item__perex {
+ margin-bottom: 0; // TODO zobecnit do utility = .mb-0
+}
+
+.list-item__heading {
+ font-size: 120%; // TODO promenna
+ margin-bottom: 0;
+}
+
+.list-item__price {
+ // TODO proc uvedene hodnoty?
+ @media @large-start {
+ position: absolute;
+ right: 3px;
+ top: 150px;
+ }
+
+ @media @extra-large-start {
+ top: 200px;
+ }
+}
+
+// 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; // TODO promenna
+}
+
+// Aktivni stavy
+
+.list-item--active,
+.list-item:hover,
+.list-item:focus,
+.list-item:active {
+ background-color: #eee; // TODO promenna
+ cursor: pointer;
+ color: #333; // TODO promenna
+ border: 1px solid #ddd; // TODO promenna
+
+ .list-item__heading-anchor {
+ color: darken(@color-alpha, 20%);
+ text-decoration: underline;
+ }
+
+ // Funkcnost s povolenym JS
+
+ /* stylelint-disable plugin/selector-bem-pattern */
+
+ // Ukazka kontextoveho pristupu,
+ // kdy muze byt v poradku porusit BEM syntaxi:
+
+ .no-flexbox & {
+ background-color: #dedede;
+ }
+
+ /* stylelint-enable */
+}
diff --git a/less/components/fancybox.less b/less/components/fancybox.less
index 581c353..cd747bc 100644
--- a/less/components/fancybox.less
+++ b/less/components/fancybox.less
@@ -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/less/components/flag.less b/less/components/flag.less
index 5172be4..34355c4 100644
--- a/less/components/flag.less
+++ b/less/components/flag.less
@@ -27,7 +27,7 @@ a.flag:active {
.mixin-flag-sm() {
font-size: 9px;
padding: 2px 3px;
- letter-spacing: .02em;
+ letter-spacing: 0.02em;
}
.flag--sm {
@@ -45,8 +45,8 @@ a.flag:active {
@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;
}
}
@@ -56,45 +56,43 @@ a.flag:active {
// "Oblibeny ubytovatel"
.flag--bestseller {
- background: fadeout(lighten(@color-alpha, 5%),9%);
+ background: fadeout(lighten(@color-alpha, 5%), 9%);
}
// "Skvele hodnoceni"
.flag--ratings {
- background: fadeout(lighten(@color-alpha, 5%),9%);
+ background: fadeout(lighten(@color-alpha, 5%), 9%);
}
// "Last Minute"
.flag--lastminute {
- background: #FF9900;
- background: fadeout(#FF9900,9%);
+ background: #f90;
+ background: fadeout(#f90, 9%);
}
// "Horky tip"
.flag--hottip {
- background: #FFCC00;
- background: fadeout(#FFCC00,9%);
+ background: #fc0;
+ background: fadeout(#fc0, 9%);
}
// "Novinka"
.flag--new {
background: lighten(@color-alpha, 15%);
- background: fadeout(lighten(@color-alpha, 15%),9%);
+ background: fadeout(lighten(@color-alpha, 15%), 9%);
}
// "Sleva"
.flag--discount {
- background: #FF6600;
- background: fadeout(#FF6600, 9%);
+ background: #f60;
+ background: fadeout(#f60, 9%);
}
-
-
// Pozicovani ikon, pokud jich je vice
// -----------------------------------
@@ -103,7 +101,6 @@ a.flag:active {
// * Zatim vzdy prekryvaji obrazek (.image_item v detailu a .list_item .image v seznamu)
.flags {
-
.flag {
position: absolute;
top: 2px;
@@ -114,13 +111,13 @@ a.flag:active {
// * 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.
@@ -144,57 +141,56 @@ a.flag:active {
}
.flag + .flag + .flag {
- top: (2*@flag-height + 2px);
+ top: (2 * @flag-height + 2px);
&.flag--lg {
@media @large-start {
- top: (2*@flag-large-height + 2px);
+ top: (2 * @flag-large-height + 2px);
}
}
&.flag--sm {
- top: (2*@flag-small-height + 2px);
+ top: (2 * @flag-small-height + 2px);
}
@media @media-for-smaller-flag {
- top: (2*@flag-small-height + 2px);
+ top: (2 * @flag-small-height + 2px);
}
}
.flag + .flag + .flag + .flag {
- top: (3*@flag-height + 2px);
+ top: (3 * @flag-height + 2px);
&.flag--lg {
@media @large-start {
- top: (3*@flag-large-height + 2px);
+ top: (3 * @flag-large-height + 2px);
}
}
&.flag--sm {
- top: (3*@flag-small-height + 2px);
+ top: (3 * @flag-small-height + 2px);
}
@media @media-for-smaller-flag {
- top: (3*@flag-small-height + 2px);
+ top: (3 * @flag-small-height + 2px);
}
}
.flag + .flag + .flag + .flag + .flag {
- top: (4*@flag-height + 2px);
+ top: (4 * @flag-height + 2px);
&.flag--lg {
@media @large-start {
- top: (4*@flag-large-height + 2px);
+ top: (4 * @flag-large-height + 2px);
}
}
&.flag--sm {
- top: (4*@flag-small-height + 2px);
+ top: (4 * @flag-small-height + 2px);
}
@media @media-for-smaller-flag {
- top: (4*@flag-small-height + 2px);
+ top: (4 * @flag-small-height + 2px);
}
}
-
} // .flags
diff --git a/less/components/foot.less b/less/components/foot.less
index dc7eeb6..240ae18 100644
--- a/less/components/foot.less
+++ b/less/components/foot.less
@@ -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/less/components/form.less b/less/components/form.less
index 2084722..5b02be1 100644
--- a/less/components/form.less
+++ b/less/components/form.less
@@ -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/less/components/freestyle_grid.less b/less/components/freestyle_grid.less
index e8b22d4..43ab32c 100644
--- a/less/components/freestyle_grid.less
+++ b/less/components/freestyle_grid.less
@@ -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/less/components/list-item.less b/less/components/list-item.less
deleted file mode 100644
index fe1aad4..0000000
--- a/less/components/list-item.less
+++ /dev/null
@@ -1,120 +0,0 @@
-/* # Komponenta Velka polozka seznamu
-
-Napr. seznamy ubytovatelu, pobytu, last-minute atd.
-
-*/
-
-
-.list-item {
- position: relative;
- padding: 9px 0;
- border: 1px solid transparent;
- color: #66;
-
- box-sizing: border-box;
-
-
- @media @large-start {
- float: left;
- width: ~"calc((100% - 42px) / 3)"; // 304
- height: 352px;
- padding: 18px 9px 9px;
- margin: 0 7px 0 7px;
- }
-}
-
-.list-item .image {
- position: relative;
- float: left;
- width: 36%;
- margin-right: 4%;
-
- @media @large-start {
- width: auto;
- float: none;
- height: 165px; // 4:3
- overflow: hidden;
- margin-bottom: 12px;
- margin-right: 0;
- }
-
- @media @extra-large-start {
- height: 215px; // 4:3
- }
-
- img {
- max-width: 100%;
- }
-}
-
-
-
-// Textovy obsah
-
-.list-item .content {
- float: left;
- width: 60%;
- padding: 0; // reset .content
-
- @media @large-start {
- float: none;
- width: auto;
- }
-
- p {
- margin-bottom: 0;
- }
-
- h2 {
- font-size: 120%;
- margin-bottom: 0;
- }
-}
-
-.list-item .content .price {
- @media @large-start {
- position: absolute;
- right: 3px;
- top: 150px;
- }
-
- @media @extra-large-start {
- top: 200px;
- }
-}
-
-// Varianta bez spodniho ramecku
-// Napr. na homepages verze 2014
-
-.list-item.without_border {
- border-bottom: 0;
-}
-
-.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/less/components/page/about.less b/less/components/page/about.less
index 0cd776e..942d078 100644
--- a/less/components/page/about.less
+++ b/less/components/page/about.less
@@ -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;
@@ -30,7 +30,7 @@
.about-person-image img {
border-radius: 50%;
overflow: hidden;
- max-width: (@column-width/2 - @gutter); // 145px
+ max-width: (@column-width / 2 - @gutter); // 145px
display: block;
margin: 0 auto;
}
@@ -44,7 +44,7 @@
.about-person-full-text,
.about-person-full-contact {
@media @large-start {
- margin-top: @base-line-height/2;
+ margin-top: @base-line-height / 2;
}
}
@@ -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/less/components/page/slovnik.less b/less/components/page/slovnik.less
index ef64104..0f19a93 100644
--- a/less/components/page/slovnik.less
+++ b/less/components/page/slovnik.less
@@ -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/less/components/price-date.less b/less/components/price-date.less
index b0dd383..bf37a96 100644
--- a/less/components/price-date.less
+++ b/less/components/price-date.less
@@ -9,7 +9,6 @@ Ceny, datumy - velke "cenovky"
// Dole pak velke displeje
// TODO sjednotit? Jaky je vztah k .flag?
-
// --- Modul Cena ---
// Uziva se v polozce seznamu ubytovatelu, last minute, v malych nahledech last minute atd.
//
5 nocí od 2 690 Kč
@@ -19,24 +18,24 @@ Ceny, datumy - velke "cenovky"
width: auto;
color: #444;
- strong {
- font-weight: normal;
- color: #888;
- }
+ strong {
+ font-weight: normal;
+ color: #888;
+ }
}
.price.price--big {
background-color: #ddd;
padding: 3px;
- margin: 0 6px 18px 0;
+ margin: 0 6px 18px 0;
}
-
// --- Modul Boxik s terminy ---
// Uziva se v detailu last minute, v seznamu LM nebo seznamu ubytovni
// Termíny: 28. 10. 2012 - 16. 11. 2012
-.date { }
+.date {
+}
// Varianta: Velky boxik pro detail last minute
.date.date--big {
@@ -45,15 +44,14 @@ Ceny, datumy - velke "cenovky"
color: #444;
background-color: #ddd;
padding: 3px;
- margin: 0 6px 18px 0;
+ margin: 0 6px 18px 0;
- strong {
- font-weight: normal;
- color: #888;
- }
+ strong {
+ font-weight: normal;
+ color: #888;
+ }
}
-
// --- Modul univerzalni velke navesti ---
// Uziva se v detailu last minute, pobytu, nebo v seznamech
// Polopenze
@@ -65,21 +63,18 @@ Ceny, datumy - velke "cenovky"
color: #444;
background-color: #ddd;
padding: 3px;
- margin: 0 6px 18px 0;
+ margin: 0 6px 18px 0;
- strong {
- font-weight: normal;
- color: #888;
- }
+ strong {
+ font-weight: normal;
+ color: #888;
+ }
}
-
// Velke displeje
// --------------
@media @large-start {
-
-
// --- Modul Cena ---
.price.price--big {
@@ -100,6 +95,4 @@ Ceny, datumy - velke "cenovky"
font-size: 16px;
padding: 7px;
}
-
-
} // @large-start
diff --git a/less/components/sister-websites.less b/less/components/sister-websites.less
index d3ed69c..4e7f738 100644
--- a/less/components/sister-websites.less
+++ b/less/components/sister-websites.less
@@ -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/less/components/site_logo.less b/less/components/site_logo.less
index 2a522d4..5d9e3c9 100644
--- a/less/components/site_logo.less
+++ b/less/components/site_logo.less
@@ -5,29 +5,26 @@ Na velkých displejích nalevo, na malých veprostřed nahoře.
*/
.site-logo {
- padding: @base-line-height 0;
+ padding: @base-line-height 0;
margin: 0;
- width: auto;
- text-align: center;
- font-size: 24px;
- font-weight: bold;
- color: @color-gamma;
+ width: auto;
+ text-align: center;
+ font-size: 24px;
+ font-weight: bold;
+ color: @color-gamma;
}
-
@media @large-start {
- .site-logo {
- float: left;
- margin-left: 30px;
- text-align: left;
- width: 300px;
- margin-top: 12px;
- margin-bottom: 12px;
- }
+ .site-logo {
+ float: left;
+ margin-left: 30px;
+ text-align: left;
+ width: 300px;
+ margin-top: 12px;
+ margin-bottom: 12px;
+ }
.site-logo a:hover {
text-decoration: none;
}
}
-
-
diff --git a/less/components/site_nav.less b/less/components/site_nav.less
index cff76b0..0d7e766 100644
--- a/less/components/site_nav.less
+++ b/less/components/site_nav.less
@@ -51,13 +51,13 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
// - s timto v prohlizeci kompiluju 10s, bez toho 3s :-( --> vzit jen jako CSS?
@import "../lib/pine/pine.less";
-@p-base-font-size : @base-font-size;
-@p-color : white;
-@p-background : @color-beta;
-@p-active-background : @color-gamma;
-@p-hover-background : @color-gamma;
-@p-small-screen-top : 146px;
-@p-large-display-start : @large-start-value;
+@p-base-font-size : @base-font-size;
+@p-color : white;
+@p-background : @color-beta;
+@p-active-background : @color-gamma;
+@p-hover-background : @color-gamma;
+@p-small-screen-top : 146px;
+@p-large-display-start : @large-start-value;
// Fix spatneho vyhlazovani caretu na FF
.pine-has-subnav > a:before {
@@ -70,16 +70,16 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
// - .container mess
.site-nav {
- clear: both;
- background: @color-beta;
+ clear: both;
+ 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;
height: 41px;
- }
+ }
@media print {
display: none;
@@ -90,9 +90,9 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
margin: 0;
padding: 0;
- @media @large-start {
- display: flex;
- }
+ @media @large-start {
+ display: flex;
+ }
}
.site-nav__main .pine-level-1 > li {
@@ -103,7 +103,7 @@ 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;
}
// Layout: Všechny tři subnavigace jsou na malých displejích vedle sebe
@@ -166,7 +166,7 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
// Položka navigace obecně
.container .site-nav a {
- box-sizing:border-box;
+ box-sizing: border-box;
display: block;
padding: 12px 12px 11px;
color: #fff;
@@ -189,20 +189,18 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
// Stylování od 2. úrovně dál
.container .pine-level-2 a {
- padding: @base-font-size*.75 15px (@base-font-size*.75 + 1px);
+ padding: @base-font-size*0.75 15px (@base-font-size*0.75 + 1px);
}
-
// ## Velké displeje
@media @large-start {
-
- // Položky navigací jsou na velkých vedle sebe
- .pine-level-1 > li {
- display: inline-block;
- position: relative;
- float: left;
- }
+ // Položky navigací jsou na velkých vedle sebe
+ .pine-level-1 > li {
+ display: inline-block;
+ position: relative;
+ float: left;
+ }
// Položka navigace se subnavigací
// Zobáček jinak než výchozí v Pine.js
@@ -213,8 +211,7 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
top: 19px;
right: 50%;
margin-right: -27px;
- border-top-color: rgba(255, 255, 255, .5)
+ border-top-color: rgba(255, 255, 255, 0.5);
}
}
-
}
diff --git a/less/components/text.less b/less/components/text.less
index eb51247..6792c06 100644
--- a/less/components/text.less
+++ b/less/components/text.less
@@ -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/less/index.less b/less/index.less
index 96824bd..2f8a75b 100644
--- a/less/index.less
+++ b/less/index.less
@@ -1,34 +1,45 @@
-
// Promenne
@import "variables/variables";
// Knihovny a styly pro externi kod
@import "lib/mixins";
-@import "lib/fancygallery";
+
// Zakladna
@import "base/reset";
@import "base/body";
@import "base/typo";
-@import "base/helpers";
+
// Layout
@import "layout/container";
@import "layout/layout";
+// Unikatni moduly - strankove
+@import "components/page/about";
+
+
// Moduly
@import "components/content_head";
@import "components/fancybox";
@import "components/flag";
@import "components/foot";
-@import "components/inline-list";
-@import "components/list-item";
@import "components/price-date";
@import "components/site_logo";
@import "components/site_nav";
-// Unikatni moduly - strankove
-@import "components/page/about";
+// Zrefaktorovane komponenty
+@import "components-new/inline-list";
+@import "components-new/list-item";
+
+// Kod treti strany
+.fancygallery {
+ // Libraries
+ @import "lib/fancygallery";
+}
// Tmave tema
@import "themes/dark";
+
+// Helpery
+@import "base/helpers";
diff --git a/less/layout/container.less b/less/layout/container.less
index 8b946fd..0b385a3 100644
--- a/less/layout/container.less
+++ b/less/layout/container.less
@@ -10,5 +10,5 @@ Kontejner layoutu
margin: 0 auto;
margin-bottom: 15px;
position: relative;
- box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
}
diff --git a/less/layout/layout.less b/less/layout/layout.less
index 80bb0ea..00e4ded 100644
--- a/less/layout/layout.less
+++ b/less/layout/layout.less
@@ -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;
- .clearfix();
+ margin-bottom: @base-line-height;
+ .clearfix();
}
/*
@@ -156,7 +154,7 @@ v .list_item neco podobneho) =jeden sloupec: 304x171 (?? TODO)
.half_column {
@media @large-start {
float: left;
- width: (@column-width/2 - @gutter); // 145px
+ width: (@column-width / 2 - @gutter); // 145px
margin-right: @gutter;
}
}
@@ -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;
+ }
- .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 {
+ // 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 {
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/less/lib/fancygallery.less b/less/lib/fancygallery.less
index b5d05ee..a4d3e52 100644
--- a/less/lib/fancygallery.less
+++ b/less/lib/fancygallery.less
@@ -49,7 +49,7 @@
/* Do not show scrollbars when FB is open */
body.fancybox-active {
- overflow: hidden;
+ overflow: hidden;
}
#fancybox-loading {
@@ -108,7 +108,7 @@ body.fancybox-active {
position: relative;
width: 100%;
height: 100%;
- background: #FFF;
+ background: #fff;
}
#fancybox-inner {
@@ -202,12 +202,12 @@ body.fancybox-active {
.fancybox-title-outside {
padding-top: 5px;
- color: #FFF;
+ color: #fff;
text-align: center;
}
.fancybox-title-over {
- color: #FFF;
+ color: #fff;
text-align: left;
}
@@ -249,7 +249,7 @@ body.fancybox-active {
#fancybox-left,
#fancybox-right {
position: fixed;
- bottom: 0px;
+ bottom: 0;
height: 100%;
width: 35%;
cursor: pointer;
@@ -260,11 +260,11 @@ body.fancybox-active {
}
#fancybox-left {
- left: 0px;
+ left: 0;
}
#fancybox-right {
- right: 0px;
+ right: 0;
}
#fancybox-left-ico,
@@ -282,13 +282,13 @@ body.fancybox-active {
#fancybox-left-ico {
background-image: url('../../images/fancygallery/fancy_nav_left.png');
- left: 0px;
+ left: 0;
}
#fancybox-right-ico {
background-image: url('../../images/fancygallery/fancy_nav_right.png');
left: auto;
- right: 0px;
+ right: 0;
}
#fancybox-left:hover #fancybox-left-ico,
@@ -297,7 +297,7 @@ body.fancybox-active {
#fancybox-right:hover #fancybox-right-ico,
#fancybox-right:focus #fancybox-right-ico,
#fancybox-right:active #fancybox-right-ico {
- background-position: 0 -77px;
+ background-position: 0 -77px;
}
/* Shadows are off */
@@ -319,34 +319,35 @@ body.fancybox-active {
* and has the classname "jcarousel-container".
*/
.jcarousel-container {
- position: relative;
+ position: relative;
}
.jcarousel-clip {
- z-index: 2;
- padding: 0;
- margin: 0;
- overflow: hidden;
- position: relative;
+ z-index: 2;
+ padding: 0;
+ margin: 0;
+ overflow: hidden;
+ position: relative;
}
.jcarousel-list {
- z-index: 1;
- overflow: hidden;
- position: relative;
- top: 0;
- left: 0;
- margin: 0;
- padding: 0;
+ z-index: 1;
+ overflow: hidden;
+ position: relative;
+ top: 0;
+ left: 0;
+ margin: 0;
+ padding: 0;
}
.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;
+ float: left;
+ list-style: none;
+
+ /* We set the width/height explicitly. No width/height causes infinite loops. */
+ width: 75px;
+ height: 75px;
}
/**
@@ -355,13 +356,13 @@ body.fancybox-active {
* have the classnames "jcarousel-next" and "jcarousel-prev".
*/
.jcarousel-next {
- z-index: 3;
- display: none;
+ z-index: 3;
+ display: none;
}
.jcarousel-prev {
- z-index: 3;
- display: none;
+ z-index: 3;
+ display: none;
}
@@ -392,85 +393,85 @@ Author: Martin Michalek, Studio Shortcat, michalek@shortcat.cz
}
.jcarousel-skin-shortcat .jcarousel-clip-horizontal {
- height: 40px;
- width: auto;
+ height: 40px;
+ width: auto;
}
.jcarousel-skin-shortcat .jcarousel-item,
.jcarousel-skin-shortcat .jcarousel-item img {
- width: 40px;
- height: 40px;
+ width: 40px;
+ height: 40px;
}
.jcarousel-skin-shortcat .jcarousel-item img {
- opacity: .5;
- -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
- filter: alpha(opacity=50);
+ opacity: 0.5;
+ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
+ filter: alpha(opacity=50);
}
.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);
+ opacity: 1;
+ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+ filter: alpha(opacity=100);
}
.jcarousel-skin-shortcat .jcarousel-item-horizontal {
- margin-right: 3px;
+ margin-right: 3px;
}
.jcarousel-skin-shortcat .jcarousel-item-placeholder {
- background: #fff;
- color: #000;
+ background: #fff;
+ color: #000;
}
/**
* 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;
+ position: absolute;
+ top: 0;
+ right: 10px;
+ width: 33px;
+ height: 40px;
+ cursor: pointer;
+ background: transparent url(../../images/fancygallery/fancygallery_next.gif) no-repeat top right;
}
.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;
+ background-position: top right;
}
.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;
+ cursor: default;
+ background-image: none;
}
.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;
+ position: absolute;
+ top: 0;
+ left: 10px;
+ width: 33px;
+ height: 40px;
+ cursor: pointer;
+ background: transparent url(../../images/fancygallery/fancygallery_prev.gif) no-repeat 0 0;
}
.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;
+ background-position: 0 0;
}
.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;
+ cursor: default;
+ background-image: none;
}
@@ -487,7 +488,7 @@ Author: Martin Michalek, Studio Shortcat, michalek@shortcat.cz
position: fixed;
z-index: 1108;
bottom: 20px;
- left: 0px;
+ left: 0;
width: 100%;
height: 40px;
}
diff --git a/less/lib/mixins.less b/less/lib/mixins.less
index af3129d..d50870f 100644
--- a/less/lib/mixins.less
+++ b/less/lib/mixins.less
@@ -38,7 +38,7 @@
// mean that space between those elements will be .6em (~2 space characters) in IE7,
// instead of the 1 space in other browsers.
.ie7-restore-left-whitespace() {
- *margin-left: .3em;
+ *margin-left: 0.3em;
&:first-child {
*margin-left: 0;
@@ -46,7 +46,7 @@
}
.ie7-restore-right-whitespace() {
- *margin-right: .3em;
+ *margin-right: 0.3em;
}
// Sizing shortcuts
diff --git a/less/themes/dark.less b/less/themes/dark.less
index a5b3aa9..9bfe163 100644
--- a/less/themes/dark.less
+++ b/less/themes/dark.less
@@ -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/less/variables/variables.less b/less/variables/variables.less
index 6a9b82c..a07680d 100644
--- a/less/variables/variables.less
+++ b/less/variables/variables.less
@@ -1,13 +1,12 @@
-
// Pismo
// -----
-@base-font-size: 12px;
-@base-line-height: 18px;
-@smaller-font-size: 11px;
-@smaller-line-height: 13px;
-@larger-font-size: 14px;
-@larger-line-height: 20px;
+@base-font-size: 12px;
+@base-line-height: 18px;
+@smaller-font-size: 11px;
+@smaller-line-height: 13px;
+@larger-font-size: 14px;
+@larger-line-height: 20px;
// Barvy
// -----
@@ -16,9 +15,9 @@
//- Zde jen pro ESK, pridat vychozi sedive schema
//- Proc anchor a jeste color-alpha?
-@anchor-color: #0EB10E;
-@active-color: darken(@anchor-color, 20%);
-@text-color: #000;
+@anchor-color: #0eb10e;
+@active-color: darken(@anchor-color, 20%);
+@text-color: #000;
// Svetla barva pro pozadi prvku
// Smichana hlavni barva se svetle sedivou.
@@ -31,14 +30,13 @@
@color-dark-plus: mix(darken(@color-alpha, 20%), #666, 30%);
// 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;
// Layout
// ------
@@ -46,23 +44,21 @@
@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 @medium-start { … }
-@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
// -------
+
@@ -145,7 +145,7 @@
-
+
-
-
+
@@ -171,7 +171,7 @@
-
+
-
-
+
@@ -197,7 +197,7 @@
-
+
-
-
+
@@ -224,23 +224,23 @@
-
+
-
-
+
+
PENZION ONYX
-
+
Lednice
Penzion Onyx se nachází v klidové zóně obce Lednice. Je vzdálený jen 800 m od centra obce.
-
+
1 noc od 595 Kč
diff --git a/js/rekrea-footer.js b/js/rekrea-footer.js
index 8dc6e13..31802ab 100644
--- a/js/rekrea-footer.js
+++ b/js/rekrea-footer.js
@@ -16,393 +16,790 @@
* 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
@@ -419,34 +816,817 @@
* 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='";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 =
+ '";
+ 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 +1637,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 +1661,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 +1678,7 @@ easingIn:"swing",easingOut:"swing",showCloseButton:true,showNavArrows:true,enabl
unveil();
return this;
-
};
-
})(window.jQuery || window.Zepto);
/* =============================================================
@@ -524,123 +1700,117 @@ easingIn:"swing",easingOut:"swing",showCloseButton:true,showNavArrows:true,enabl
* limitations under the License.
* ============================================================ */
-!function( $ ){
-
- "use strict"
+!(function($) {
+ "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])
-
- }
-
- , hide: function () {
- var dimension = this.dimension()
- this.reset(this.$element[dimension]())
- this.transition('removeClass', 'hide', 'hidden')
- this.$element[dimension](0)
- }
+ this.$element[dimension](0);
+ this.transition("addClass", "show", "shown");
+ this.$element[dimension](this.$element[0][scroll]);
+ },
- , reset: function ( size ) {
- var dimension = this.dimension()
+ hide: function() {
+ var dimension = this.dimension();
+ this.reset(this.$element[dimension]());
+ this.transition("removeClass", "hide", "hidden");
+ this.$element[dimension](0);
+ },
- this.$element
- .removeClass('collapse')
- [dimension](size || 'auto')
- [0].offsetWidth
+ reset: function(size) {
+ var dimension = this.dimension();
- this.$element.addClass('collapse')
- }
+ this.$element.removeClass("collapse")[dimension](size || "auto")[0]
+ .offsetWidth;
- , 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
+ };
+ $.fn.collapse.Constructor = Collapse;
- /* COLLAPSIBLE DATA-API
+ /* 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 );
+ $(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 +1824,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 +2008,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 +2043,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 +2072,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 +2109,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 +2124,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 +2146,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 +2179,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 +2204,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/less/base/body.less b/less/base/body.less
index 166af10..d9b9352 100644
--- a/less/base/body.less
+++ b/less/base/body.less
@@ -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/less/base/helpers.less b/less/base/helpers.less
index 64e2062..d736590 100644
--- a/less/base/helpers.less
+++ b/less/base/helpers.less
@@ -5,13 +5,13 @@ Helpery
*/
-
// Clearfix
// --------
// For clearing floats like a boss h5bp.com/q
.clearfix {
*zoom: 1;
- &:before, &:after {
+ &:before,
+ &:after {
display: table;
content: "";
// Fixes Opera/contenteditable bug:
@@ -63,12 +63,12 @@ Helpery
}
}
-
.dumb_only {
display: none !important;
}
-.center, .text-center {
+.center,
+.text-center {
text-align: center;
}
@@ -126,7 +126,9 @@ Helpery
color: #999;
text-decoration: underline;
- &:hover, &:focus, &:active {
+ &:hover,
+ &:focus,
+ &:active {
color: #666;
}
}
@@ -146,7 +148,6 @@ Helpery
border: 0;
}
-
// Z old_layout.less
// -----------------
@@ -162,7 +163,8 @@ Helpery
width: 48%;
}
-.clearBothZero, .clear_zero {
+.clearBothZero,
+.clear_zero {
display: block;
clear: both;
font-size: 1px;
@@ -170,7 +172,6 @@ Helpery
height: 1px;
}
-
.marginBottom3 {
margin-bottom: 3em;
}
@@ -236,16 +237,17 @@ p.submit {
}
.fontSmall {
- font-size: .5em;
+ font-size: 0.5em;
font-weight: normal;
}
small.fontSmall {
- font-size: .6em;
+ font-size: 0.6em;
font-weight: normal;
}
-table.fontSmall td, table.fontSmall th {
+table.fontSmall td,
+table.fontSmall th {
font-size: 1.4em;
font-weight: normal;
}
@@ -282,7 +284,6 @@ table.fontSmall td, table.fontSmall th {
display: none;
}
-
// Nove helpery (verze 2012)
// Presunout do noveho layoutu (if newlayout TODO)
@@ -298,7 +299,6 @@ table.fontSmall td, table.fontSmall th {
display: block;
}
-
// Presunuto z new_layout.less
// ---------------------------
@@ -323,7 +323,7 @@ table.fontSmall td, table.fontSmall th {
.unveil {
opacity: 0;
- transition: opacity .5s ease-in;
+ transition: opacity 0.5s ease-in;
}
// Odkaz na vice informaci
@@ -380,7 +380,9 @@ table.fontSmall td, table.fontSmall th {
display: block;
}
-.more_photos a:hover, .more_photos a:focus, .more_photos a:active {
+.more_photos a:hover,
+.more_photos a:focus,
+.more_photos a:active {
background-color: #eee;
cursor: pointer;
}
diff --git a/less/base/reset.less b/less/base/reset.less
index 188af52..d8a922b 100644
--- a/less/base/reset.less
+++ b/less/base/reset.less
@@ -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/less/base/typo.less b/less/base/typo.less
index efc7f93..fdccfcb 100644
--- a/less/base/typo.less
+++ b/less/base/typo.less
@@ -12,11 +12,20 @@ Typografie a linearni design
// Typografie
// ----------
-body, input, textarea, option, select {
- font: @base-font-size/@base-line-height Arial, Helvetica, sans-serif;
+body,
+input,
+textarea,
+option,
+select {
+ font: @base-font-size / @base-line-height Arial, Helvetica, sans-serif;
}
-h1,h2,h3,h4,h5,h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
font-family: Arial, Helvetica, sans-serif;
}
@@ -38,8 +47,11 @@ a {
// Linearni design
// ---------------
-
-p, ul, ol, table, blockquote {
+p,
+ul,
+ol,
+table,
+blockquote {
padding: 0;
margin: 0;
margin-bottom: @base-line-height;
@@ -76,7 +88,7 @@ h2,
h3,
.h3 {
- display: block;
+ display: block;
font-size: 14px;
line-height: 18px;
margin: 0 0 4px 0;
@@ -87,7 +99,7 @@ h3,
h4,
.h4 {
- display: block;
+ display: block;
font-size: @base-font-size;
line-height: @base-line-height;
margin: 0;
@@ -96,12 +108,11 @@ h4,
color: #666;
}
-
h2 small,
h3 small {
font-size: @base-font-size;
line-height: @base-line-height;
- color: #999;
+ color: #999;
}
big {
@@ -121,7 +132,7 @@ ul ul,
ul ol,
ol ol,
ol ul {
- margin-bottom: 0;
+ margin-bottom: 0;
}
ul {
@@ -134,7 +145,6 @@ ol li {
}
@media @large-start {
-
h2 small.float_right {
margin-top: 5px;
}
diff --git a/less/components/inline-list.less b/less/components-new/inline-list.less
similarity index 95%
rename from less/components/inline-list.less
rename to less/components-new/inline-list.less
index 7d2e50e..82adf6c 100644
--- a/less/components/inline-list.less
+++ b/less/components-new/inline-list.less
@@ -6,6 +6,7 @@
// - seznam polozek v bublinach - napr. staty
.inline-list {
+
margin-left: 23px;
line-height: 36px;
margin-bottom: 12px;
@@ -49,7 +50,9 @@
// .inline-list--large-items .inline-list__item--three-stars { … }
}
- &--no-margin-bottom { margin-bottom: 0; }
+ &--no-margin-bottom {
+ margin-bottom: 0;
+ }
&.active,
&:hover,
diff --git a/less/components-new/list-item.less b/less/components-new/list-item.less
new file mode 100644
index 0000000..cd3a0ce
--- /dev/null
+++ b/less/components-new/list-item.less
@@ -0,0 +1,145 @@
+/* @define list-item; weak
+
+# Komponenta Velka polozka seznamu
+
+Napr. seznamy ubytovatelu, pobytu, last-minute atd.
+
+.list-item
+ __image
+ __image-img
+ __flags
+ __content
+ __heading
+ __perex
+ __price
+
+*/
+
+.list-item {
+ position: relative;
+ box-sizing: border-box;
+ padding: (@base-line-height / 2) 0;
+ border: 1px solid transparent;
+ color: #666; // TODO promenna
+
+ @media @large-start {
+ float: left;
+ width: ~"calc((100% - 42px) / 3)"; // TODO magic number
+ height: 352px; // TODO magic number
+ padding: @base-line-height (@base-line-height / 2) (@base-line-height / 2);
+ margin: 0 7px 0 7px; // TODO magic number
+ }
+
+ /* stylelint-disable plugin/selector-bem-pattern */
+
+ // Ukazka kontextoveho pristupu,
+ // kdy muze byt v poradku porusit BEM syntaxi:
+
+ .cart & {
+ font-size: 11px; // TODO magic number
+ }
+
+ /* stylelint-enable */
+}
+
+.list-item__image {
+ position: relative;
+ float: left;
+ width: 36%;
+ margin-right: 4%;
+
+ @media @large-start {
+ width: auto;
+ float: none;
+ height: 165px; // 4:3
+ overflow: hidden; // Obrazek nesmi pretekat
+ margin-bottom: 12px;
+ margin-right: 0;
+ }
+
+ @media @extra-large-start {
+ height: 215px; // 4:3
+ }
+
+ &-img {
+ max-width: 100%; // Prizpusobuje se vysce
+ }
+}
+
+// Textovy obsah
+
+.list-item__content {
+ float: left;
+ width: 60%;
+ padding: 0; // reset .content
+
+ @media @large-start {
+ float: none;
+ width: auto;
+ }
+}
+
+.list-item__perex {
+ margin-bottom: 0; // TODO zobecnit do utility = .mb-0
+}
+
+.list-item__heading {
+ font-size: 120%; // TODO promenna
+ margin-bottom: 0;
+}
+
+.list-item__price {
+ // TODO proc uvedene hodnoty?
+ @media @large-start {
+ position: absolute;
+ right: 3px;
+ top: 150px;
+ }
+
+ @media @extra-large-start {
+ top: 200px;
+ }
+}
+
+// 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; // TODO promenna
+}
+
+// Aktivni stavy
+
+.list-item--active,
+.list-item:hover,
+.list-item:focus,
+.list-item:active {
+ background-color: #eee; // TODO promenna
+ cursor: pointer;
+ color: #333; // TODO promenna
+ border: 1px solid #ddd; // TODO promenna
+
+ .list-item__heading-anchor {
+ color: darken(@color-alpha, 20%);
+ text-decoration: underline;
+ }
+
+ // Funkcnost s povolenym JS
+
+ /* stylelint-disable plugin/selector-bem-pattern */
+
+ // Ukazka kontextoveho pristupu,
+ // kdy muze byt v poradku porusit BEM syntaxi:
+
+ .no-flexbox & {
+ background-color: #dedede;
+ }
+
+ /* stylelint-enable */
+}
diff --git a/less/components/fancybox.less b/less/components/fancybox.less
index 581c353..cd747bc 100644
--- a/less/components/fancybox.less
+++ b/less/components/fancybox.less
@@ -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/less/components/flag.less b/less/components/flag.less
index 5172be4..34355c4 100644
--- a/less/components/flag.less
+++ b/less/components/flag.less
@@ -27,7 +27,7 @@ a.flag:active {
.mixin-flag-sm() {
font-size: 9px;
padding: 2px 3px;
- letter-spacing: .02em;
+ letter-spacing: 0.02em;
}
.flag--sm {
@@ -45,8 +45,8 @@ a.flag:active {
@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;
}
}
@@ -56,45 +56,43 @@ a.flag:active {
// "Oblibeny ubytovatel"
.flag--bestseller {
- background: fadeout(lighten(@color-alpha, 5%),9%);
+ background: fadeout(lighten(@color-alpha, 5%), 9%);
}
// "Skvele hodnoceni"
.flag--ratings {
- background: fadeout(lighten(@color-alpha, 5%),9%);
+ background: fadeout(lighten(@color-alpha, 5%), 9%);
}
// "Last Minute"
.flag--lastminute {
- background: #FF9900;
- background: fadeout(#FF9900,9%);
+ background: #f90;
+ background: fadeout(#f90, 9%);
}
// "Horky tip"
.flag--hottip {
- background: #FFCC00;
- background: fadeout(#FFCC00,9%);
+ background: #fc0;
+ background: fadeout(#fc0, 9%);
}
// "Novinka"
.flag--new {
background: lighten(@color-alpha, 15%);
- background: fadeout(lighten(@color-alpha, 15%),9%);
+ background: fadeout(lighten(@color-alpha, 15%), 9%);
}
// "Sleva"
.flag--discount {
- background: #FF6600;
- background: fadeout(#FF6600, 9%);
+ background: #f60;
+ background: fadeout(#f60, 9%);
}
-
-
// Pozicovani ikon, pokud jich je vice
// -----------------------------------
@@ -103,7 +101,6 @@ a.flag:active {
// * Zatim vzdy prekryvaji obrazek (.image_item v detailu a .list_item .image v seznamu)
.flags {
-
.flag {
position: absolute;
top: 2px;
@@ -114,13 +111,13 @@ a.flag:active {
// * 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.
@@ -144,57 +141,56 @@ a.flag:active {
}
.flag + .flag + .flag {
- top: (2*@flag-height + 2px);
+ top: (2 * @flag-height + 2px);
&.flag--lg {
@media @large-start {
- top: (2*@flag-large-height + 2px);
+ top: (2 * @flag-large-height + 2px);
}
}
&.flag--sm {
- top: (2*@flag-small-height + 2px);
+ top: (2 * @flag-small-height + 2px);
}
@media @media-for-smaller-flag {
- top: (2*@flag-small-height + 2px);
+ top: (2 * @flag-small-height + 2px);
}
}
.flag + .flag + .flag + .flag {
- top: (3*@flag-height + 2px);
+ top: (3 * @flag-height + 2px);
&.flag--lg {
@media @large-start {
- top: (3*@flag-large-height + 2px);
+ top: (3 * @flag-large-height + 2px);
}
}
&.flag--sm {
- top: (3*@flag-small-height + 2px);
+ top: (3 * @flag-small-height + 2px);
}
@media @media-for-smaller-flag {
- top: (3*@flag-small-height + 2px);
+ top: (3 * @flag-small-height + 2px);
}
}
.flag + .flag + .flag + .flag + .flag {
- top: (4*@flag-height + 2px);
+ top: (4 * @flag-height + 2px);
&.flag--lg {
@media @large-start {
- top: (4*@flag-large-height + 2px);
+ top: (4 * @flag-large-height + 2px);
}
}
&.flag--sm {
- top: (4*@flag-small-height + 2px);
+ top: (4 * @flag-small-height + 2px);
}
@media @media-for-smaller-flag {
- top: (4*@flag-small-height + 2px);
+ top: (4 * @flag-small-height + 2px);
}
}
-
} // .flags
diff --git a/less/components/foot.less b/less/components/foot.less
index dc7eeb6..240ae18 100644
--- a/less/components/foot.less
+++ b/less/components/foot.less
@@ -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/less/components/form.less b/less/components/form.less
index 2084722..5b02be1 100644
--- a/less/components/form.less
+++ b/less/components/form.less
@@ -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/less/components/freestyle_grid.less b/less/components/freestyle_grid.less
index e8b22d4..43ab32c 100644
--- a/less/components/freestyle_grid.less
+++ b/less/components/freestyle_grid.less
@@ -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/less/components/list-item.less b/less/components/list-item.less
deleted file mode 100644
index fe1aad4..0000000
--- a/less/components/list-item.less
+++ /dev/null
@@ -1,120 +0,0 @@
-/* # Komponenta Velka polozka seznamu
-
-Napr. seznamy ubytovatelu, pobytu, last-minute atd.
-
-*/
-
-
-.list-item {
- position: relative;
- padding: 9px 0;
- border: 1px solid transparent;
- color: #66;
-
- box-sizing: border-box;
-
-
- @media @large-start {
- float: left;
- width: ~"calc((100% - 42px) / 3)"; // 304
- height: 352px;
- padding: 18px 9px 9px;
- margin: 0 7px 0 7px;
- }
-}
-
-.list-item .image {
- position: relative;
- float: left;
- width: 36%;
- margin-right: 4%;
-
- @media @large-start {
- width: auto;
- float: none;
- height: 165px; // 4:3
- overflow: hidden;
- margin-bottom: 12px;
- margin-right: 0;
- }
-
- @media @extra-large-start {
- height: 215px; // 4:3
- }
-
- img {
- max-width: 100%;
- }
-}
-
-
-
-// Textovy obsah
-
-.list-item .content {
- float: left;
- width: 60%;
- padding: 0; // reset .content
-
- @media @large-start {
- float: none;
- width: auto;
- }
-
- p {
- margin-bottom: 0;
- }
-
- h2 {
- font-size: 120%;
- margin-bottom: 0;
- }
-}
-
-.list-item .content .price {
- @media @large-start {
- position: absolute;
- right: 3px;
- top: 150px;
- }
-
- @media @extra-large-start {
- top: 200px;
- }
-}
-
-// Varianta bez spodniho ramecku
-// Napr. na homepages verze 2014
-
-.list-item.without_border {
- border-bottom: 0;
-}
-
-.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/less/components/page/about.less b/less/components/page/about.less
index 0cd776e..942d078 100644
--- a/less/components/page/about.less
+++ b/less/components/page/about.less
@@ -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;
@@ -30,7 +30,7 @@
.about-person-image img {
border-radius: 50%;
overflow: hidden;
- max-width: (@column-width/2 - @gutter); // 145px
+ max-width: (@column-width / 2 - @gutter); // 145px
display: block;
margin: 0 auto;
}
@@ -44,7 +44,7 @@
.about-person-full-text,
.about-person-full-contact {
@media @large-start {
- margin-top: @base-line-height/2;
+ margin-top: @base-line-height / 2;
}
}
@@ -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/less/components/page/slovnik.less b/less/components/page/slovnik.less
index ef64104..0f19a93 100644
--- a/less/components/page/slovnik.less
+++ b/less/components/page/slovnik.less
@@ -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/less/components/price-date.less b/less/components/price-date.less
index b0dd383..bf37a96 100644
--- a/less/components/price-date.less
+++ b/less/components/price-date.less
@@ -9,7 +9,6 @@ Ceny, datumy - velke "cenovky"
// Dole pak velke displeje
// TODO sjednotit? Jaky je vztah k .flag?
-
// --- Modul Cena ---
// Uziva se v polozce seznamu ubytovatelu, last minute, v malych nahledech last minute atd.
//
5 nocí od 2 690 Kč
@@ -19,24 +18,24 @@ Ceny, datumy - velke "cenovky"
width: auto;
color: #444;
- strong {
- font-weight: normal;
- color: #888;
- }
+ strong {
+ font-weight: normal;
+ color: #888;
+ }
}
.price.price--big {
background-color: #ddd;
padding: 3px;
- margin: 0 6px 18px 0;
+ margin: 0 6px 18px 0;
}
-
// --- Modul Boxik s terminy ---
// Uziva se v detailu last minute, v seznamu LM nebo seznamu ubytovni
// Termíny: 28. 10. 2012 - 16. 11. 2012
-.date { }
+.date {
+}
// Varianta: Velky boxik pro detail last minute
.date.date--big {
@@ -45,15 +44,14 @@ Ceny, datumy - velke "cenovky"
color: #444;
background-color: #ddd;
padding: 3px;
- margin: 0 6px 18px 0;
+ margin: 0 6px 18px 0;
- strong {
- font-weight: normal;
- color: #888;
- }
+ strong {
+ font-weight: normal;
+ color: #888;
+ }
}
-
// --- Modul univerzalni velke navesti ---
// Uziva se v detailu last minute, pobytu, nebo v seznamech
// Polopenze
@@ -65,21 +63,18 @@ Ceny, datumy - velke "cenovky"
color: #444;
background-color: #ddd;
padding: 3px;
- margin: 0 6px 18px 0;
+ margin: 0 6px 18px 0;
- strong {
- font-weight: normal;
- color: #888;
- }
+ strong {
+ font-weight: normal;
+ color: #888;
+ }
}
-
// Velke displeje
// --------------
@media @large-start {
-
-
// --- Modul Cena ---
.price.price--big {
@@ -100,6 +95,4 @@ Ceny, datumy - velke "cenovky"
font-size: 16px;
padding: 7px;
}
-
-
} // @large-start
diff --git a/less/components/sister-websites.less b/less/components/sister-websites.less
index d3ed69c..4e7f738 100644
--- a/less/components/sister-websites.less
+++ b/less/components/sister-websites.less
@@ -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/less/components/site_logo.less b/less/components/site_logo.less
index 2a522d4..5d9e3c9 100644
--- a/less/components/site_logo.less
+++ b/less/components/site_logo.less
@@ -5,29 +5,26 @@ Na velkých displejích nalevo, na malých veprostřed nahoře.
*/
.site-logo {
- padding: @base-line-height 0;
+ padding: @base-line-height 0;
margin: 0;
- width: auto;
- text-align: center;
- font-size: 24px;
- font-weight: bold;
- color: @color-gamma;
+ width: auto;
+ text-align: center;
+ font-size: 24px;
+ font-weight: bold;
+ color: @color-gamma;
}
-
@media @large-start {
- .site-logo {
- float: left;
- margin-left: 30px;
- text-align: left;
- width: 300px;
- margin-top: 12px;
- margin-bottom: 12px;
- }
+ .site-logo {
+ float: left;
+ margin-left: 30px;
+ text-align: left;
+ width: 300px;
+ margin-top: 12px;
+ margin-bottom: 12px;
+ }
.site-logo a:hover {
text-decoration: none;
}
}
-
-
diff --git a/less/components/site_nav.less b/less/components/site_nav.less
index cff76b0..0d7e766 100644
--- a/less/components/site_nav.less
+++ b/less/components/site_nav.less
@@ -51,13 +51,13 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
// - s timto v prohlizeci kompiluju 10s, bez toho 3s :-( --> vzit jen jako CSS?
@import "../lib/pine/pine.less";
-@p-base-font-size : @base-font-size;
-@p-color : white;
-@p-background : @color-beta;
-@p-active-background : @color-gamma;
-@p-hover-background : @color-gamma;
-@p-small-screen-top : 146px;
-@p-large-display-start : @large-start-value;
+@p-base-font-size : @base-font-size;
+@p-color : white;
+@p-background : @color-beta;
+@p-active-background : @color-gamma;
+@p-hover-background : @color-gamma;
+@p-small-screen-top : 146px;
+@p-large-display-start : @large-start-value;
// Fix spatneho vyhlazovani caretu na FF
.pine-has-subnav > a:before {
@@ -70,16 +70,16 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
// - .container mess
.site-nav {
- clear: both;
- background: @color-beta;
+ clear: both;
+ 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;
height: 41px;
- }
+ }
@media print {
display: none;
@@ -90,9 +90,9 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
margin: 0;
padding: 0;
- @media @large-start {
- display: flex;
- }
+ @media @large-start {
+ display: flex;
+ }
}
.site-nav__main .pine-level-1 > li {
@@ -103,7 +103,7 @@ 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;
}
// Layout: Všechny tři subnavigace jsou na malých displejích vedle sebe
@@ -166,7 +166,7 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
// Položka navigace obecně
.container .site-nav a {
- box-sizing:border-box;
+ box-sizing: border-box;
display: block;
padding: 12px 12px 11px;
color: #fff;
@@ -189,20 +189,18 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
// Stylování od 2. úrovně dál
.container .pine-level-2 a {
- padding: @base-font-size*.75 15px (@base-font-size*.75 + 1px);
+ padding: @base-font-size*0.75 15px (@base-font-size*0.75 + 1px);
}
-
// ## Velké displeje
@media @large-start {
-
- // Položky navigací jsou na velkých vedle sebe
- .pine-level-1 > li {
- display: inline-block;
- position: relative;
- float: left;
- }
+ // Položky navigací jsou na velkých vedle sebe
+ .pine-level-1 > li {
+ display: inline-block;
+ position: relative;
+ float: left;
+ }
// Položka navigace se subnavigací
// Zobáček jinak než výchozí v Pine.js
@@ -213,8 +211,7 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
top: 19px;
right: 50%;
margin-right: -27px;
- border-top-color: rgba(255, 255, 255, .5)
+ border-top-color: rgba(255, 255, 255, 0.5);
}
}
-
}
diff --git a/less/components/text.less b/less/components/text.less
index eb51247..6792c06 100644
--- a/less/components/text.less
+++ b/less/components/text.less
@@ -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/less/index.less b/less/index.less
index 96824bd..2f8a75b 100644
--- a/less/index.less
+++ b/less/index.less
@@ -1,34 +1,45 @@
-
// Promenne
@import "variables/variables";
// Knihovny a styly pro externi kod
@import "lib/mixins";
-@import "lib/fancygallery";
+
// Zakladna
@import "base/reset";
@import "base/body";
@import "base/typo";
-@import "base/helpers";
+
// Layout
@import "layout/container";
@import "layout/layout";
+// Unikatni moduly - strankove
+@import "components/page/about";
+
+
// Moduly
@import "components/content_head";
@import "components/fancybox";
@import "components/flag";
@import "components/foot";
-@import "components/inline-list";
-@import "components/list-item";
@import "components/price-date";
@import "components/site_logo";
@import "components/site_nav";
-// Unikatni moduly - strankove
-@import "components/page/about";
+// Zrefaktorovane komponenty
+@import "components-new/inline-list";
+@import "components-new/list-item";
+
+// Kod treti strany
+.fancygallery {
+ // Libraries
+ @import "lib/fancygallery";
+}
// Tmave tema
@import "themes/dark";
+
+// Helpery
+@import "base/helpers";
diff --git a/less/layout/container.less b/less/layout/container.less
index 8b946fd..0b385a3 100644
--- a/less/layout/container.less
+++ b/less/layout/container.less
@@ -10,5 +10,5 @@ Kontejner layoutu
margin: 0 auto;
margin-bottom: 15px;
position: relative;
- box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
}
diff --git a/less/layout/layout.less b/less/layout/layout.less
index 80bb0ea..00e4ded 100644
--- a/less/layout/layout.less
+++ b/less/layout/layout.less
@@ -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;
- .clearfix();
+ margin-bottom: @base-line-height;
+ .clearfix();
}
/*
@@ -156,7 +154,7 @@ v .list_item neco podobneho) =jeden sloupec: 304x171 (?? TODO)
.half_column {
@media @large-start {
float: left;
- width: (@column-width/2 - @gutter); // 145px
+ width: (@column-width / 2 - @gutter); // 145px
margin-right: @gutter;
}
}
@@ -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;
+ }
- .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 {
+ // 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 {
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/less/lib/fancygallery.less b/less/lib/fancygallery.less
index b5d05ee..a4d3e52 100644
--- a/less/lib/fancygallery.less
+++ b/less/lib/fancygallery.less
@@ -49,7 +49,7 @@
/* Do not show scrollbars when FB is open */
body.fancybox-active {
- overflow: hidden;
+ overflow: hidden;
}
#fancybox-loading {
@@ -108,7 +108,7 @@ body.fancybox-active {
position: relative;
width: 100%;
height: 100%;
- background: #FFF;
+ background: #fff;
}
#fancybox-inner {
@@ -202,12 +202,12 @@ body.fancybox-active {
.fancybox-title-outside {
padding-top: 5px;
- color: #FFF;
+ color: #fff;
text-align: center;
}
.fancybox-title-over {
- color: #FFF;
+ color: #fff;
text-align: left;
}
@@ -249,7 +249,7 @@ body.fancybox-active {
#fancybox-left,
#fancybox-right {
position: fixed;
- bottom: 0px;
+ bottom: 0;
height: 100%;
width: 35%;
cursor: pointer;
@@ -260,11 +260,11 @@ body.fancybox-active {
}
#fancybox-left {
- left: 0px;
+ left: 0;
}
#fancybox-right {
- right: 0px;
+ right: 0;
}
#fancybox-left-ico,
@@ -282,13 +282,13 @@ body.fancybox-active {
#fancybox-left-ico {
background-image: url('../../images/fancygallery/fancy_nav_left.png');
- left: 0px;
+ left: 0;
}
#fancybox-right-ico {
background-image: url('../../images/fancygallery/fancy_nav_right.png');
left: auto;
- right: 0px;
+ right: 0;
}
#fancybox-left:hover #fancybox-left-ico,
@@ -297,7 +297,7 @@ body.fancybox-active {
#fancybox-right:hover #fancybox-right-ico,
#fancybox-right:focus #fancybox-right-ico,
#fancybox-right:active #fancybox-right-ico {
- background-position: 0 -77px;
+ background-position: 0 -77px;
}
/* Shadows are off */
@@ -319,34 +319,35 @@ body.fancybox-active {
* and has the classname "jcarousel-container".
*/
.jcarousel-container {
- position: relative;
+ position: relative;
}
.jcarousel-clip {
- z-index: 2;
- padding: 0;
- margin: 0;
- overflow: hidden;
- position: relative;
+ z-index: 2;
+ padding: 0;
+ margin: 0;
+ overflow: hidden;
+ position: relative;
}
.jcarousel-list {
- z-index: 1;
- overflow: hidden;
- position: relative;
- top: 0;
- left: 0;
- margin: 0;
- padding: 0;
+ z-index: 1;
+ overflow: hidden;
+ position: relative;
+ top: 0;
+ left: 0;
+ margin: 0;
+ padding: 0;
}
.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;
+ float: left;
+ list-style: none;
+
+ /* We set the width/height explicitly. No width/height causes infinite loops. */
+ width: 75px;
+ height: 75px;
}
/**
@@ -355,13 +356,13 @@ body.fancybox-active {
* have the classnames "jcarousel-next" and "jcarousel-prev".
*/
.jcarousel-next {
- z-index: 3;
- display: none;
+ z-index: 3;
+ display: none;
}
.jcarousel-prev {
- z-index: 3;
- display: none;
+ z-index: 3;
+ display: none;
}
@@ -392,85 +393,85 @@ Author: Martin Michalek, Studio Shortcat, michalek@shortcat.cz
}
.jcarousel-skin-shortcat .jcarousel-clip-horizontal {
- height: 40px;
- width: auto;
+ height: 40px;
+ width: auto;
}
.jcarousel-skin-shortcat .jcarousel-item,
.jcarousel-skin-shortcat .jcarousel-item img {
- width: 40px;
- height: 40px;
+ width: 40px;
+ height: 40px;
}
.jcarousel-skin-shortcat .jcarousel-item img {
- opacity: .5;
- -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
- filter: alpha(opacity=50);
+ opacity: 0.5;
+ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
+ filter: alpha(opacity=50);
}
.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);
+ opacity: 1;
+ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+ filter: alpha(opacity=100);
}
.jcarousel-skin-shortcat .jcarousel-item-horizontal {
- margin-right: 3px;
+ margin-right: 3px;
}
.jcarousel-skin-shortcat .jcarousel-item-placeholder {
- background: #fff;
- color: #000;
+ background: #fff;
+ color: #000;
}
/**
* 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;
+ position: absolute;
+ top: 0;
+ right: 10px;
+ width: 33px;
+ height: 40px;
+ cursor: pointer;
+ background: transparent url(../../images/fancygallery/fancygallery_next.gif) no-repeat top right;
}
.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;
+ background-position: top right;
}
.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;
+ cursor: default;
+ background-image: none;
}
.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;
+ position: absolute;
+ top: 0;
+ left: 10px;
+ width: 33px;
+ height: 40px;
+ cursor: pointer;
+ background: transparent url(../../images/fancygallery/fancygallery_prev.gif) no-repeat 0 0;
}
.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;
+ background-position: 0 0;
}
.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;
+ cursor: default;
+ background-image: none;
}
@@ -487,7 +488,7 @@ Author: Martin Michalek, Studio Shortcat, michalek@shortcat.cz
position: fixed;
z-index: 1108;
bottom: 20px;
- left: 0px;
+ left: 0;
width: 100%;
height: 40px;
}
diff --git a/less/lib/mixins.less b/less/lib/mixins.less
index af3129d..d50870f 100644
--- a/less/lib/mixins.less
+++ b/less/lib/mixins.less
@@ -38,7 +38,7 @@
// mean that space between those elements will be .6em (~2 space characters) in IE7,
// instead of the 1 space in other browsers.
.ie7-restore-left-whitespace() {
- *margin-left: .3em;
+ *margin-left: 0.3em;
&:first-child {
*margin-left: 0;
@@ -46,7 +46,7 @@
}
.ie7-restore-right-whitespace() {
- *margin-right: .3em;
+ *margin-right: 0.3em;
}
// Sizing shortcuts
diff --git a/less/themes/dark.less b/less/themes/dark.less
index a5b3aa9..9bfe163 100644
--- a/less/themes/dark.less
+++ b/less/themes/dark.less
@@ -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/less/variables/variables.less b/less/variables/variables.less
index 6a9b82c..a07680d 100644
--- a/less/variables/variables.less
+++ b/less/variables/variables.less
@@ -1,13 +1,12 @@
-
// Pismo
// -----
-@base-font-size: 12px;
-@base-line-height: 18px;
-@smaller-font-size: 11px;
-@smaller-line-height: 13px;
-@larger-font-size: 14px;
-@larger-line-height: 20px;
+@base-font-size: 12px;
+@base-line-height: 18px;
+@smaller-font-size: 11px;
+@smaller-line-height: 13px;
+@larger-font-size: 14px;
+@larger-line-height: 20px;
// Barvy
// -----
@@ -16,9 +15,9 @@
//- Zde jen pro ESK, pridat vychozi sedive schema
//- Proc anchor a jeste color-alpha?
-@anchor-color: #0EB10E;
-@active-color: darken(@anchor-color, 20%);
-@text-color: #000;
+@anchor-color: #0eb10e;
+@active-color: darken(@anchor-color, 20%);
+@text-color: #000;
// Svetla barva pro pozadi prvku
// Smichana hlavni barva se svetle sedivou.
@@ -31,14 +30,13 @@
@color-dark-plus: mix(darken(@color-alpha, 20%), #666, 30%);
// 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;
// Layout
// ------
@@ -46,23 +44,21 @@
@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 @medium-start { … }
-@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
// -------
+
-
-
+
@@ -171,7 +171,7 @@
-
+
-
-
+
@@ -197,7 +197,7 @@
-
+
-
-
+
@@ -224,23 +224,23 @@
-
+
-
-
+
+
PENZION ONYX
-
+
Lednice
Penzion Onyx se nachází v klidové zóně obce Lednice. Je vzdálený jen 800 m od centra obce.
-
+
1 noc od 595 Kč
diff --git a/js/rekrea-footer.js b/js/rekrea-footer.js
index 8dc6e13..31802ab 100644
--- a/js/rekrea-footer.js
+++ b/js/rekrea-footer.js
@@ -16,393 +16,790 @@
* 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
@@ -419,34 +816,817 @@
* 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='";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 =
+ '";
+ 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 +1637,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 +1661,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 +1678,7 @@ easingIn:"swing",easingOut:"swing",showCloseButton:true,showNavArrows:true,enabl
unveil();
return this;
-
};
-
})(window.jQuery || window.Zepto);
/* =============================================================
@@ -524,123 +1700,117 @@ easingIn:"swing",easingOut:"swing",showCloseButton:true,showNavArrows:true,enabl
* limitations under the License.
* ============================================================ */
-!function( $ ){
-
- "use strict"
+!(function($) {
+ "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])
-
- }
-
- , hide: function () {
- var dimension = this.dimension()
- this.reset(this.$element[dimension]())
- this.transition('removeClass', 'hide', 'hidden')
- this.$element[dimension](0)
- }
+ this.$element[dimension](0);
+ this.transition("addClass", "show", "shown");
+ this.$element[dimension](this.$element[0][scroll]);
+ },
- , reset: function ( size ) {
- var dimension = this.dimension()
+ hide: function() {
+ var dimension = this.dimension();
+ this.reset(this.$element[dimension]());
+ this.transition("removeClass", "hide", "hidden");
+ this.$element[dimension](0);
+ },
- this.$element
- .removeClass('collapse')
- [dimension](size || 'auto')
- [0].offsetWidth
+ reset: function(size) {
+ var dimension = this.dimension();
- this.$element.addClass('collapse')
- }
+ this.$element.removeClass("collapse")[dimension](size || "auto")[0]
+ .offsetWidth;
- , 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
+ };
+ $.fn.collapse.Constructor = Collapse;
- /* COLLAPSIBLE DATA-API
+ /* 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 );
+ $(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 +1824,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 +2008,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 +2043,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 +2072,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 +2109,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 +2124,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 +2146,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 +2179,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 +2204,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/less/base/body.less b/less/base/body.less
index 166af10..d9b9352 100644
--- a/less/base/body.less
+++ b/less/base/body.less
@@ -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/less/base/helpers.less b/less/base/helpers.less
index 64e2062..d736590 100644
--- a/less/base/helpers.less
+++ b/less/base/helpers.less
@@ -5,13 +5,13 @@ Helpery
*/
-
// Clearfix
// --------
// For clearing floats like a boss h5bp.com/q
.clearfix {
*zoom: 1;
- &:before, &:after {
+ &:before,
+ &:after {
display: table;
content: "";
// Fixes Opera/contenteditable bug:
@@ -63,12 +63,12 @@ Helpery
}
}
-
.dumb_only {
display: none !important;
}
-.center, .text-center {
+.center,
+.text-center {
text-align: center;
}
@@ -126,7 +126,9 @@ Helpery
color: #999;
text-decoration: underline;
- &:hover, &:focus, &:active {
+ &:hover,
+ &:focus,
+ &:active {
color: #666;
}
}
@@ -146,7 +148,6 @@ Helpery
border: 0;
}
-
// Z old_layout.less
// -----------------
@@ -162,7 +163,8 @@ Helpery
width: 48%;
}
-.clearBothZero, .clear_zero {
+.clearBothZero,
+.clear_zero {
display: block;
clear: both;
font-size: 1px;
@@ -170,7 +172,6 @@ Helpery
height: 1px;
}
-
.marginBottom3 {
margin-bottom: 3em;
}
@@ -236,16 +237,17 @@ p.submit {
}
.fontSmall {
- font-size: .5em;
+ font-size: 0.5em;
font-weight: normal;
}
small.fontSmall {
- font-size: .6em;
+ font-size: 0.6em;
font-weight: normal;
}
-table.fontSmall td, table.fontSmall th {
+table.fontSmall td,
+table.fontSmall th {
font-size: 1.4em;
font-weight: normal;
}
@@ -282,7 +284,6 @@ table.fontSmall td, table.fontSmall th {
display: none;
}
-
// Nove helpery (verze 2012)
// Presunout do noveho layoutu (if newlayout TODO)
@@ -298,7 +299,6 @@ table.fontSmall td, table.fontSmall th {
display: block;
}
-
// Presunuto z new_layout.less
// ---------------------------
@@ -323,7 +323,7 @@ table.fontSmall td, table.fontSmall th {
.unveil {
opacity: 0;
- transition: opacity .5s ease-in;
+ transition: opacity 0.5s ease-in;
}
// Odkaz na vice informaci
@@ -380,7 +380,9 @@ table.fontSmall td, table.fontSmall th {
display: block;
}
-.more_photos a:hover, .more_photos a:focus, .more_photos a:active {
+.more_photos a:hover,
+.more_photos a:focus,
+.more_photos a:active {
background-color: #eee;
cursor: pointer;
}
diff --git a/less/base/reset.less b/less/base/reset.less
index 188af52..d8a922b 100644
--- a/less/base/reset.less
+++ b/less/base/reset.less
@@ -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/less/base/typo.less b/less/base/typo.less
index efc7f93..fdccfcb 100644
--- a/less/base/typo.less
+++ b/less/base/typo.less
@@ -12,11 +12,20 @@ Typografie a linearni design
// Typografie
// ----------
-body, input, textarea, option, select {
- font: @base-font-size/@base-line-height Arial, Helvetica, sans-serif;
+body,
+input,
+textarea,
+option,
+select {
+ font: @base-font-size / @base-line-height Arial, Helvetica, sans-serif;
}
-h1,h2,h3,h4,h5,h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
font-family: Arial, Helvetica, sans-serif;
}
@@ -38,8 +47,11 @@ a {
// Linearni design
// ---------------
-
-p, ul, ol, table, blockquote {
+p,
+ul,
+ol,
+table,
+blockquote {
padding: 0;
margin: 0;
margin-bottom: @base-line-height;
@@ -76,7 +88,7 @@ h2,
h3,
.h3 {
- display: block;
+ display: block;
font-size: 14px;
line-height: 18px;
margin: 0 0 4px 0;
@@ -87,7 +99,7 @@ h3,
h4,
.h4 {
- display: block;
+ display: block;
font-size: @base-font-size;
line-height: @base-line-height;
margin: 0;
@@ -96,12 +108,11 @@ h4,
color: #666;
}
-
h2 small,
h3 small {
font-size: @base-font-size;
line-height: @base-line-height;
- color: #999;
+ color: #999;
}
big {
@@ -121,7 +132,7 @@ ul ul,
ul ol,
ol ol,
ol ul {
- margin-bottom: 0;
+ margin-bottom: 0;
}
ul {
@@ -134,7 +145,6 @@ ol li {
}
@media @large-start {
-
h2 small.float_right {
margin-top: 5px;
}
diff --git a/less/components/inline-list.less b/less/components-new/inline-list.less
similarity index 95%
rename from less/components/inline-list.less
rename to less/components-new/inline-list.less
index 7d2e50e..82adf6c 100644
--- a/less/components/inline-list.less
+++ b/less/components-new/inline-list.less
@@ -6,6 +6,7 @@
// - seznam polozek v bublinach - napr. staty
.inline-list {
+
margin-left: 23px;
line-height: 36px;
margin-bottom: 12px;
@@ -49,7 +50,9 @@
// .inline-list--large-items .inline-list__item--three-stars { … }
}
- &--no-margin-bottom { margin-bottom: 0; }
+ &--no-margin-bottom {
+ margin-bottom: 0;
+ }
&.active,
&:hover,
diff --git a/less/components-new/list-item.less b/less/components-new/list-item.less
new file mode 100644
index 0000000..cd3a0ce
--- /dev/null
+++ b/less/components-new/list-item.less
@@ -0,0 +1,145 @@
+/* @define list-item; weak
+
+# Komponenta Velka polozka seznamu
+
+Napr. seznamy ubytovatelu, pobytu, last-minute atd.
+
+.list-item
+ __image
+ __image-img
+ __flags
+ __content
+ __heading
+ __perex
+ __price
+
+*/
+
+.list-item {
+ position: relative;
+ box-sizing: border-box;
+ padding: (@base-line-height / 2) 0;
+ border: 1px solid transparent;
+ color: #666; // TODO promenna
+
+ @media @large-start {
+ float: left;
+ width: ~"calc((100% - 42px) / 3)"; // TODO magic number
+ height: 352px; // TODO magic number
+ padding: @base-line-height (@base-line-height / 2) (@base-line-height / 2);
+ margin: 0 7px 0 7px; // TODO magic number
+ }
+
+ /* stylelint-disable plugin/selector-bem-pattern */
+
+ // Ukazka kontextoveho pristupu,
+ // kdy muze byt v poradku porusit BEM syntaxi:
+
+ .cart & {
+ font-size: 11px; // TODO magic number
+ }
+
+ /* stylelint-enable */
+}
+
+.list-item__image {
+ position: relative;
+ float: left;
+ width: 36%;
+ margin-right: 4%;
+
+ @media @large-start {
+ width: auto;
+ float: none;
+ height: 165px; // 4:3
+ overflow: hidden; // Obrazek nesmi pretekat
+ margin-bottom: 12px;
+ margin-right: 0;
+ }
+
+ @media @extra-large-start {
+ height: 215px; // 4:3
+ }
+
+ &-img {
+ max-width: 100%; // Prizpusobuje se vysce
+ }
+}
+
+// Textovy obsah
+
+.list-item__content {
+ float: left;
+ width: 60%;
+ padding: 0; // reset .content
+
+ @media @large-start {
+ float: none;
+ width: auto;
+ }
+}
+
+.list-item__perex {
+ margin-bottom: 0; // TODO zobecnit do utility = .mb-0
+}
+
+.list-item__heading {
+ font-size: 120%; // TODO promenna
+ margin-bottom: 0;
+}
+
+.list-item__price {
+ // TODO proc uvedene hodnoty?
+ @media @large-start {
+ position: absolute;
+ right: 3px;
+ top: 150px;
+ }
+
+ @media @extra-large-start {
+ top: 200px;
+ }
+}
+
+// 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; // TODO promenna
+}
+
+// Aktivni stavy
+
+.list-item--active,
+.list-item:hover,
+.list-item:focus,
+.list-item:active {
+ background-color: #eee; // TODO promenna
+ cursor: pointer;
+ color: #333; // TODO promenna
+ border: 1px solid #ddd; // TODO promenna
+
+ .list-item__heading-anchor {
+ color: darken(@color-alpha, 20%);
+ text-decoration: underline;
+ }
+
+ // Funkcnost s povolenym JS
+
+ /* stylelint-disable plugin/selector-bem-pattern */
+
+ // Ukazka kontextoveho pristupu,
+ // kdy muze byt v poradku porusit BEM syntaxi:
+
+ .no-flexbox & {
+ background-color: #dedede;
+ }
+
+ /* stylelint-enable */
+}
diff --git a/less/components/fancybox.less b/less/components/fancybox.less
index 581c353..cd747bc 100644
--- a/less/components/fancybox.less
+++ b/less/components/fancybox.less
@@ -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/less/components/flag.less b/less/components/flag.less
index 5172be4..34355c4 100644
--- a/less/components/flag.less
+++ b/less/components/flag.less
@@ -27,7 +27,7 @@ a.flag:active {
.mixin-flag-sm() {
font-size: 9px;
padding: 2px 3px;
- letter-spacing: .02em;
+ letter-spacing: 0.02em;
}
.flag--sm {
@@ -45,8 +45,8 @@ a.flag:active {
@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;
}
}
@@ -56,45 +56,43 @@ a.flag:active {
// "Oblibeny ubytovatel"
.flag--bestseller {
- background: fadeout(lighten(@color-alpha, 5%),9%);
+ background: fadeout(lighten(@color-alpha, 5%), 9%);
}
// "Skvele hodnoceni"
.flag--ratings {
- background: fadeout(lighten(@color-alpha, 5%),9%);
+ background: fadeout(lighten(@color-alpha, 5%), 9%);
}
// "Last Minute"
.flag--lastminute {
- background: #FF9900;
- background: fadeout(#FF9900,9%);
+ background: #f90;
+ background: fadeout(#f90, 9%);
}
// "Horky tip"
.flag--hottip {
- background: #FFCC00;
- background: fadeout(#FFCC00,9%);
+ background: #fc0;
+ background: fadeout(#fc0, 9%);
}
// "Novinka"
.flag--new {
background: lighten(@color-alpha, 15%);
- background: fadeout(lighten(@color-alpha, 15%),9%);
+ background: fadeout(lighten(@color-alpha, 15%), 9%);
}
// "Sleva"
.flag--discount {
- background: #FF6600;
- background: fadeout(#FF6600, 9%);
+ background: #f60;
+ background: fadeout(#f60, 9%);
}
-
-
// Pozicovani ikon, pokud jich je vice
// -----------------------------------
@@ -103,7 +101,6 @@ a.flag:active {
// * Zatim vzdy prekryvaji obrazek (.image_item v detailu a .list_item .image v seznamu)
.flags {
-
.flag {
position: absolute;
top: 2px;
@@ -114,13 +111,13 @@ a.flag:active {
// * 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.
@@ -144,57 +141,56 @@ a.flag:active {
}
.flag + .flag + .flag {
- top: (2*@flag-height + 2px);
+ top: (2 * @flag-height + 2px);
&.flag--lg {
@media @large-start {
- top: (2*@flag-large-height + 2px);
+ top: (2 * @flag-large-height + 2px);
}
}
&.flag--sm {
- top: (2*@flag-small-height + 2px);
+ top: (2 * @flag-small-height + 2px);
}
@media @media-for-smaller-flag {
- top: (2*@flag-small-height + 2px);
+ top: (2 * @flag-small-height + 2px);
}
}
.flag + .flag + .flag + .flag {
- top: (3*@flag-height + 2px);
+ top: (3 * @flag-height + 2px);
&.flag--lg {
@media @large-start {
- top: (3*@flag-large-height + 2px);
+ top: (3 * @flag-large-height + 2px);
}
}
&.flag--sm {
- top: (3*@flag-small-height + 2px);
+ top: (3 * @flag-small-height + 2px);
}
@media @media-for-smaller-flag {
- top: (3*@flag-small-height + 2px);
+ top: (3 * @flag-small-height + 2px);
}
}
.flag + .flag + .flag + .flag + .flag {
- top: (4*@flag-height + 2px);
+ top: (4 * @flag-height + 2px);
&.flag--lg {
@media @large-start {
- top: (4*@flag-large-height + 2px);
+ top: (4 * @flag-large-height + 2px);
}
}
&.flag--sm {
- top: (4*@flag-small-height + 2px);
+ top: (4 * @flag-small-height + 2px);
}
@media @media-for-smaller-flag {
- top: (4*@flag-small-height + 2px);
+ top: (4 * @flag-small-height + 2px);
}
}
-
} // .flags
diff --git a/less/components/foot.less b/less/components/foot.less
index dc7eeb6..240ae18 100644
--- a/less/components/foot.less
+++ b/less/components/foot.less
@@ -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/less/components/form.less b/less/components/form.less
index 2084722..5b02be1 100644
--- a/less/components/form.less
+++ b/less/components/form.less
@@ -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/less/components/freestyle_grid.less b/less/components/freestyle_grid.less
index e8b22d4..43ab32c 100644
--- a/less/components/freestyle_grid.less
+++ b/less/components/freestyle_grid.less
@@ -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/less/components/list-item.less b/less/components/list-item.less
deleted file mode 100644
index fe1aad4..0000000
--- a/less/components/list-item.less
+++ /dev/null
@@ -1,120 +0,0 @@
-/* # Komponenta Velka polozka seznamu
-
-Napr. seznamy ubytovatelu, pobytu, last-minute atd.
-
-*/
-
-
-.list-item {
- position: relative;
- padding: 9px 0;
- border: 1px solid transparent;
- color: #66;
-
- box-sizing: border-box;
-
-
- @media @large-start {
- float: left;
- width: ~"calc((100% - 42px) / 3)"; // 304
- height: 352px;
- padding: 18px 9px 9px;
- margin: 0 7px 0 7px;
- }
-}
-
-.list-item .image {
- position: relative;
- float: left;
- width: 36%;
- margin-right: 4%;
-
- @media @large-start {
- width: auto;
- float: none;
- height: 165px; // 4:3
- overflow: hidden;
- margin-bottom: 12px;
- margin-right: 0;
- }
-
- @media @extra-large-start {
- height: 215px; // 4:3
- }
-
- img {
- max-width: 100%;
- }
-}
-
-
-
-// Textovy obsah
-
-.list-item .content {
- float: left;
- width: 60%;
- padding: 0; // reset .content
-
- @media @large-start {
- float: none;
- width: auto;
- }
-
- p {
- margin-bottom: 0;
- }
-
- h2 {
- font-size: 120%;
- margin-bottom: 0;
- }
-}
-
-.list-item .content .price {
- @media @large-start {
- position: absolute;
- right: 3px;
- top: 150px;
- }
-
- @media @extra-large-start {
- top: 200px;
- }
-}
-
-// Varianta bez spodniho ramecku
-// Napr. na homepages verze 2014
-
-.list-item.without_border {
- border-bottom: 0;
-}
-
-.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/less/components/page/about.less b/less/components/page/about.less
index 0cd776e..942d078 100644
--- a/less/components/page/about.less
+++ b/less/components/page/about.less
@@ -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;
@@ -30,7 +30,7 @@
.about-person-image img {
border-radius: 50%;
overflow: hidden;
- max-width: (@column-width/2 - @gutter); // 145px
+ max-width: (@column-width / 2 - @gutter); // 145px
display: block;
margin: 0 auto;
}
@@ -44,7 +44,7 @@
.about-person-full-text,
.about-person-full-contact {
@media @large-start {
- margin-top: @base-line-height/2;
+ margin-top: @base-line-height / 2;
}
}
@@ -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/less/components/page/slovnik.less b/less/components/page/slovnik.less
index ef64104..0f19a93 100644
--- a/less/components/page/slovnik.less
+++ b/less/components/page/slovnik.less
@@ -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/less/components/price-date.less b/less/components/price-date.less
index b0dd383..bf37a96 100644
--- a/less/components/price-date.less
+++ b/less/components/price-date.less
@@ -9,7 +9,6 @@ Ceny, datumy - velke "cenovky"
// Dole pak velke displeje
// TODO sjednotit? Jaky je vztah k .flag?
-
// --- Modul Cena ---
// Uziva se v polozce seznamu ubytovatelu, last minute, v malych nahledech last minute atd.
//
5 nocí od 2 690 Kč
@@ -19,24 +18,24 @@ Ceny, datumy - velke "cenovky"
width: auto;
color: #444;
- strong {
- font-weight: normal;
- color: #888;
- }
+ strong {
+ font-weight: normal;
+ color: #888;
+ }
}
.price.price--big {
background-color: #ddd;
padding: 3px;
- margin: 0 6px 18px 0;
+ margin: 0 6px 18px 0;
}
-
// --- Modul Boxik s terminy ---
// Uziva se v detailu last minute, v seznamu LM nebo seznamu ubytovni
// Termíny: 28. 10. 2012 - 16. 11. 2012
-.date { }
+.date {
+}
// Varianta: Velky boxik pro detail last minute
.date.date--big {
@@ -45,15 +44,14 @@ Ceny, datumy - velke "cenovky"
color: #444;
background-color: #ddd;
padding: 3px;
- margin: 0 6px 18px 0;
+ margin: 0 6px 18px 0;
- strong {
- font-weight: normal;
- color: #888;
- }
+ strong {
+ font-weight: normal;
+ color: #888;
+ }
}
-
// --- Modul univerzalni velke navesti ---
// Uziva se v detailu last minute, pobytu, nebo v seznamech
// Polopenze
@@ -65,21 +63,18 @@ Ceny, datumy - velke "cenovky"
color: #444;
background-color: #ddd;
padding: 3px;
- margin: 0 6px 18px 0;
+ margin: 0 6px 18px 0;
- strong {
- font-weight: normal;
- color: #888;
- }
+ strong {
+ font-weight: normal;
+ color: #888;
+ }
}
-
// Velke displeje
// --------------
@media @large-start {
-
-
// --- Modul Cena ---
.price.price--big {
@@ -100,6 +95,4 @@ Ceny, datumy - velke "cenovky"
font-size: 16px;
padding: 7px;
}
-
-
} // @large-start
diff --git a/less/components/sister-websites.less b/less/components/sister-websites.less
index d3ed69c..4e7f738 100644
--- a/less/components/sister-websites.less
+++ b/less/components/sister-websites.less
@@ -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/less/components/site_logo.less b/less/components/site_logo.less
index 2a522d4..5d9e3c9 100644
--- a/less/components/site_logo.less
+++ b/less/components/site_logo.less
@@ -5,29 +5,26 @@ Na velkých displejích nalevo, na malých veprostřed nahoře.
*/
.site-logo {
- padding: @base-line-height 0;
+ padding: @base-line-height 0;
margin: 0;
- width: auto;
- text-align: center;
- font-size: 24px;
- font-weight: bold;
- color: @color-gamma;
+ width: auto;
+ text-align: center;
+ font-size: 24px;
+ font-weight: bold;
+ color: @color-gamma;
}
-
@media @large-start {
- .site-logo {
- float: left;
- margin-left: 30px;
- text-align: left;
- width: 300px;
- margin-top: 12px;
- margin-bottom: 12px;
- }
+ .site-logo {
+ float: left;
+ margin-left: 30px;
+ text-align: left;
+ width: 300px;
+ margin-top: 12px;
+ margin-bottom: 12px;
+ }
.site-logo a:hover {
text-decoration: none;
}
}
-
-
diff --git a/less/components/site_nav.less b/less/components/site_nav.less
index cff76b0..0d7e766 100644
--- a/less/components/site_nav.less
+++ b/less/components/site_nav.less
@@ -51,13 +51,13 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
// - s timto v prohlizeci kompiluju 10s, bez toho 3s :-( --> vzit jen jako CSS?
@import "../lib/pine/pine.less";
-@p-base-font-size : @base-font-size;
-@p-color : white;
-@p-background : @color-beta;
-@p-active-background : @color-gamma;
-@p-hover-background : @color-gamma;
-@p-small-screen-top : 146px;
-@p-large-display-start : @large-start-value;
+@p-base-font-size : @base-font-size;
+@p-color : white;
+@p-background : @color-beta;
+@p-active-background : @color-gamma;
+@p-hover-background : @color-gamma;
+@p-small-screen-top : 146px;
+@p-large-display-start : @large-start-value;
// Fix spatneho vyhlazovani caretu na FF
.pine-has-subnav > a:before {
@@ -70,16 +70,16 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
// - .container mess
.site-nav {
- clear: both;
- background: @color-beta;
+ clear: both;
+ 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;
height: 41px;
- }
+ }
@media print {
display: none;
@@ -90,9 +90,9 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
margin: 0;
padding: 0;
- @media @large-start {
- display: flex;
- }
+ @media @large-start {
+ display: flex;
+ }
}
.site-nav__main .pine-level-1 > li {
@@ -103,7 +103,7 @@ 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;
}
// Layout: Všechny tři subnavigace jsou na malých displejích vedle sebe
@@ -166,7 +166,7 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
// Položka navigace obecně
.container .site-nav a {
- box-sizing:border-box;
+ box-sizing: border-box;
display: block;
padding: 12px 12px 11px;
color: #fff;
@@ -189,20 +189,18 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
// Stylování od 2. úrovně dál
.container .pine-level-2 a {
- padding: @base-font-size*.75 15px (@base-font-size*.75 + 1px);
+ padding: @base-font-size*0.75 15px (@base-font-size*0.75 + 1px);
}
-
// ## Velké displeje
@media @large-start {
-
- // Položky navigací jsou na velkých vedle sebe
- .pine-level-1 > li {
- display: inline-block;
- position: relative;
- float: left;
- }
+ // Položky navigací jsou na velkých vedle sebe
+ .pine-level-1 > li {
+ display: inline-block;
+ position: relative;
+ float: left;
+ }
// Položka navigace se subnavigací
// Zobáček jinak než výchozí v Pine.js
@@ -213,8 +211,7 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
top: 19px;
right: 50%;
margin-right: -27px;
- border-top-color: rgba(255, 255, 255, .5)
+ border-top-color: rgba(255, 255, 255, 0.5);
}
}
-
}
diff --git a/less/components/text.less b/less/components/text.less
index eb51247..6792c06 100644
--- a/less/components/text.less
+++ b/less/components/text.less
@@ -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/less/index.less b/less/index.less
index 96824bd..2f8a75b 100644
--- a/less/index.less
+++ b/less/index.less
@@ -1,34 +1,45 @@
-
// Promenne
@import "variables/variables";
// Knihovny a styly pro externi kod
@import "lib/mixins";
-@import "lib/fancygallery";
+
// Zakladna
@import "base/reset";
@import "base/body";
@import "base/typo";
-@import "base/helpers";
+
// Layout
@import "layout/container";
@import "layout/layout";
+// Unikatni moduly - strankove
+@import "components/page/about";
+
+
// Moduly
@import "components/content_head";
@import "components/fancybox";
@import "components/flag";
@import "components/foot";
-@import "components/inline-list";
-@import "components/list-item";
@import "components/price-date";
@import "components/site_logo";
@import "components/site_nav";
-// Unikatni moduly - strankove
-@import "components/page/about";
+// Zrefaktorovane komponenty
+@import "components-new/inline-list";
+@import "components-new/list-item";
+
+// Kod treti strany
+.fancygallery {
+ // Libraries
+ @import "lib/fancygallery";
+}
// Tmave tema
@import "themes/dark";
+
+// Helpery
+@import "base/helpers";
diff --git a/less/layout/container.less b/less/layout/container.less
index 8b946fd..0b385a3 100644
--- a/less/layout/container.less
+++ b/less/layout/container.less
@@ -10,5 +10,5 @@ Kontejner layoutu
margin: 0 auto;
margin-bottom: 15px;
position: relative;
- box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
}
diff --git a/less/layout/layout.less b/less/layout/layout.less
index 80bb0ea..00e4ded 100644
--- a/less/layout/layout.less
+++ b/less/layout/layout.less
@@ -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;
- .clearfix();
+ margin-bottom: @base-line-height;
+ .clearfix();
}
/*
@@ -156,7 +154,7 @@ v .list_item neco podobneho) =jeden sloupec: 304x171 (?? TODO)
.half_column {
@media @large-start {
float: left;
- width: (@column-width/2 - @gutter); // 145px
+ width: (@column-width / 2 - @gutter); // 145px
margin-right: @gutter;
}
}
@@ -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;
+ }
- .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 {
+ // 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 {
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/less/lib/fancygallery.less b/less/lib/fancygallery.less
index b5d05ee..a4d3e52 100644
--- a/less/lib/fancygallery.less
+++ b/less/lib/fancygallery.less
@@ -49,7 +49,7 @@
/* Do not show scrollbars when FB is open */
body.fancybox-active {
- overflow: hidden;
+ overflow: hidden;
}
#fancybox-loading {
@@ -108,7 +108,7 @@ body.fancybox-active {
position: relative;
width: 100%;
height: 100%;
- background: #FFF;
+ background: #fff;
}
#fancybox-inner {
@@ -202,12 +202,12 @@ body.fancybox-active {
.fancybox-title-outside {
padding-top: 5px;
- color: #FFF;
+ color: #fff;
text-align: center;
}
.fancybox-title-over {
- color: #FFF;
+ color: #fff;
text-align: left;
}
@@ -249,7 +249,7 @@ body.fancybox-active {
#fancybox-left,
#fancybox-right {
position: fixed;
- bottom: 0px;
+ bottom: 0;
height: 100%;
width: 35%;
cursor: pointer;
@@ -260,11 +260,11 @@ body.fancybox-active {
}
#fancybox-left {
- left: 0px;
+ left: 0;
}
#fancybox-right {
- right: 0px;
+ right: 0;
}
#fancybox-left-ico,
@@ -282,13 +282,13 @@ body.fancybox-active {
#fancybox-left-ico {
background-image: url('../../images/fancygallery/fancy_nav_left.png');
- left: 0px;
+ left: 0;
}
#fancybox-right-ico {
background-image: url('../../images/fancygallery/fancy_nav_right.png');
left: auto;
- right: 0px;
+ right: 0;
}
#fancybox-left:hover #fancybox-left-ico,
@@ -297,7 +297,7 @@ body.fancybox-active {
#fancybox-right:hover #fancybox-right-ico,
#fancybox-right:focus #fancybox-right-ico,
#fancybox-right:active #fancybox-right-ico {
- background-position: 0 -77px;
+ background-position: 0 -77px;
}
/* Shadows are off */
@@ -319,34 +319,35 @@ body.fancybox-active {
* and has the classname "jcarousel-container".
*/
.jcarousel-container {
- position: relative;
+ position: relative;
}
.jcarousel-clip {
- z-index: 2;
- padding: 0;
- margin: 0;
- overflow: hidden;
- position: relative;
+ z-index: 2;
+ padding: 0;
+ margin: 0;
+ overflow: hidden;
+ position: relative;
}
.jcarousel-list {
- z-index: 1;
- overflow: hidden;
- position: relative;
- top: 0;
- left: 0;
- margin: 0;
- padding: 0;
+ z-index: 1;
+ overflow: hidden;
+ position: relative;
+ top: 0;
+ left: 0;
+ margin: 0;
+ padding: 0;
}
.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;
+ float: left;
+ list-style: none;
+
+ /* We set the width/height explicitly. No width/height causes infinite loops. */
+ width: 75px;
+ height: 75px;
}
/**
@@ -355,13 +356,13 @@ body.fancybox-active {
* have the classnames "jcarousel-next" and "jcarousel-prev".
*/
.jcarousel-next {
- z-index: 3;
- display: none;
+ z-index: 3;
+ display: none;
}
.jcarousel-prev {
- z-index: 3;
- display: none;
+ z-index: 3;
+ display: none;
}
@@ -392,85 +393,85 @@ Author: Martin Michalek, Studio Shortcat, michalek@shortcat.cz
}
.jcarousel-skin-shortcat .jcarousel-clip-horizontal {
- height: 40px;
- width: auto;
+ height: 40px;
+ width: auto;
}
.jcarousel-skin-shortcat .jcarousel-item,
.jcarousel-skin-shortcat .jcarousel-item img {
- width: 40px;
- height: 40px;
+ width: 40px;
+ height: 40px;
}
.jcarousel-skin-shortcat .jcarousel-item img {
- opacity: .5;
- -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
- filter: alpha(opacity=50);
+ opacity: 0.5;
+ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
+ filter: alpha(opacity=50);
}
.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);
+ opacity: 1;
+ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+ filter: alpha(opacity=100);
}
.jcarousel-skin-shortcat .jcarousel-item-horizontal {
- margin-right: 3px;
+ margin-right: 3px;
}
.jcarousel-skin-shortcat .jcarousel-item-placeholder {
- background: #fff;
- color: #000;
+ background: #fff;
+ color: #000;
}
/**
* 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;
+ position: absolute;
+ top: 0;
+ right: 10px;
+ width: 33px;
+ height: 40px;
+ cursor: pointer;
+ background: transparent url(../../images/fancygallery/fancygallery_next.gif) no-repeat top right;
}
.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;
+ background-position: top right;
}
.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;
+ cursor: default;
+ background-image: none;
}
.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;
+ position: absolute;
+ top: 0;
+ left: 10px;
+ width: 33px;
+ height: 40px;
+ cursor: pointer;
+ background: transparent url(../../images/fancygallery/fancygallery_prev.gif) no-repeat 0 0;
}
.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;
+ background-position: 0 0;
}
.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;
+ cursor: default;
+ background-image: none;
}
@@ -487,7 +488,7 @@ Author: Martin Michalek, Studio Shortcat, michalek@shortcat.cz
position: fixed;
z-index: 1108;
bottom: 20px;
- left: 0px;
+ left: 0;
width: 100%;
height: 40px;
}
diff --git a/less/lib/mixins.less b/less/lib/mixins.less
index af3129d..d50870f 100644
--- a/less/lib/mixins.less
+++ b/less/lib/mixins.less
@@ -38,7 +38,7 @@
// mean that space between those elements will be .6em (~2 space characters) in IE7,
// instead of the 1 space in other browsers.
.ie7-restore-left-whitespace() {
- *margin-left: .3em;
+ *margin-left: 0.3em;
&:first-child {
*margin-left: 0;
@@ -46,7 +46,7 @@
}
.ie7-restore-right-whitespace() {
- *margin-right: .3em;
+ *margin-right: 0.3em;
}
// Sizing shortcuts
diff --git a/less/themes/dark.less b/less/themes/dark.less
index a5b3aa9..9bfe163 100644
--- a/less/themes/dark.less
+++ b/less/themes/dark.less
@@ -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/less/variables/variables.less b/less/variables/variables.less
index 6a9b82c..a07680d 100644
--- a/less/variables/variables.less
+++ b/less/variables/variables.less
@@ -1,13 +1,12 @@
-
// Pismo
// -----
-@base-font-size: 12px;
-@base-line-height: 18px;
-@smaller-font-size: 11px;
-@smaller-line-height: 13px;
-@larger-font-size: 14px;
-@larger-line-height: 20px;
+@base-font-size: 12px;
+@base-line-height: 18px;
+@smaller-font-size: 11px;
+@smaller-line-height: 13px;
+@larger-font-size: 14px;
+@larger-line-height: 20px;
// Barvy
// -----
@@ -16,9 +15,9 @@
//- Zde jen pro ESK, pridat vychozi sedive schema
//- Proc anchor a jeste color-alpha?
-@anchor-color: #0EB10E;
-@active-color: darken(@anchor-color, 20%);
-@text-color: #000;
+@anchor-color: #0eb10e;
+@active-color: darken(@anchor-color, 20%);
+@text-color: #000;
// Svetla barva pro pozadi prvku
// Smichana hlavni barva se svetle sedivou.
@@ -31,14 +30,13 @@
@color-dark-plus: mix(darken(@color-alpha, 20%), #666, 30%);
// 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;
// Layout
// ------
@@ -46,23 +44,21 @@
@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 @medium-start { … }
-@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
// -------
+
@@ -171,7 +171,7 @@
-
+
-
-
+
@@ -197,7 +197,7 @@
-
+
-
-
+
@@ -224,23 +224,23 @@
-
+
-
-
+
+
PENZION ONYX
-
+
Lednice
Penzion Onyx se nachází v klidové zóně obce Lednice. Je vzdálený jen 800 m od centra obce.
-
+
1 noc od 595 Kč
diff --git a/js/rekrea-footer.js b/js/rekrea-footer.js
index 8dc6e13..31802ab 100644
--- a/js/rekrea-footer.js
+++ b/js/rekrea-footer.js
@@ -16,393 +16,790 @@
* 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
@@ -419,34 +816,817 @@
* 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='";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 =
+ '";
+ 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 +1637,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 +1661,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 +1678,7 @@ easingIn:"swing",easingOut:"swing",showCloseButton:true,showNavArrows:true,enabl
unveil();
return this;
-
};
-
})(window.jQuery || window.Zepto);
/* =============================================================
@@ -524,123 +1700,117 @@ easingIn:"swing",easingOut:"swing",showCloseButton:true,showNavArrows:true,enabl
* limitations under the License.
* ============================================================ */
-!function( $ ){
-
- "use strict"
+!(function($) {
+ "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])
-
- }
-
- , hide: function () {
- var dimension = this.dimension()
- this.reset(this.$element[dimension]())
- this.transition('removeClass', 'hide', 'hidden')
- this.$element[dimension](0)
- }
+ this.$element[dimension](0);
+ this.transition("addClass", "show", "shown");
+ this.$element[dimension](this.$element[0][scroll]);
+ },
- , reset: function ( size ) {
- var dimension = this.dimension()
+ hide: function() {
+ var dimension = this.dimension();
+ this.reset(this.$element[dimension]());
+ this.transition("removeClass", "hide", "hidden");
+ this.$element[dimension](0);
+ },
- this.$element
- .removeClass('collapse')
- [dimension](size || 'auto')
- [0].offsetWidth
+ reset: function(size) {
+ var dimension = this.dimension();
- this.$element.addClass('collapse')
- }
+ this.$element.removeClass("collapse")[dimension](size || "auto")[0]
+ .offsetWidth;
- , 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
+ };
+ $.fn.collapse.Constructor = Collapse;
- /* COLLAPSIBLE DATA-API
+ /* 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 );
+ $(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 +1824,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 +2008,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 +2043,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 +2072,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 +2109,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 +2124,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 +2146,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 +2179,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 +2204,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/less/base/body.less b/less/base/body.less
index 166af10..d9b9352 100644
--- a/less/base/body.less
+++ b/less/base/body.less
@@ -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/less/base/helpers.less b/less/base/helpers.less
index 64e2062..d736590 100644
--- a/less/base/helpers.less
+++ b/less/base/helpers.less
@@ -5,13 +5,13 @@ Helpery
*/
-
// Clearfix
// --------
// For clearing floats like a boss h5bp.com/q
.clearfix {
*zoom: 1;
- &:before, &:after {
+ &:before,
+ &:after {
display: table;
content: "";
// Fixes Opera/contenteditable bug:
@@ -63,12 +63,12 @@ Helpery
}
}
-
.dumb_only {
display: none !important;
}
-.center, .text-center {
+.center,
+.text-center {
text-align: center;
}
@@ -126,7 +126,9 @@ Helpery
color: #999;
text-decoration: underline;
- &:hover, &:focus, &:active {
+ &:hover,
+ &:focus,
+ &:active {
color: #666;
}
}
@@ -146,7 +148,6 @@ Helpery
border: 0;
}
-
// Z old_layout.less
// -----------------
@@ -162,7 +163,8 @@ Helpery
width: 48%;
}
-.clearBothZero, .clear_zero {
+.clearBothZero,
+.clear_zero {
display: block;
clear: both;
font-size: 1px;
@@ -170,7 +172,6 @@ Helpery
height: 1px;
}
-
.marginBottom3 {
margin-bottom: 3em;
}
@@ -236,16 +237,17 @@ p.submit {
}
.fontSmall {
- font-size: .5em;
+ font-size: 0.5em;
font-weight: normal;
}
small.fontSmall {
- font-size: .6em;
+ font-size: 0.6em;
font-weight: normal;
}
-table.fontSmall td, table.fontSmall th {
+table.fontSmall td,
+table.fontSmall th {
font-size: 1.4em;
font-weight: normal;
}
@@ -282,7 +284,6 @@ table.fontSmall td, table.fontSmall th {
display: none;
}
-
// Nove helpery (verze 2012)
// Presunout do noveho layoutu (if newlayout TODO)
@@ -298,7 +299,6 @@ table.fontSmall td, table.fontSmall th {
display: block;
}
-
// Presunuto z new_layout.less
// ---------------------------
@@ -323,7 +323,7 @@ table.fontSmall td, table.fontSmall th {
.unveil {
opacity: 0;
- transition: opacity .5s ease-in;
+ transition: opacity 0.5s ease-in;
}
// Odkaz na vice informaci
@@ -380,7 +380,9 @@ table.fontSmall td, table.fontSmall th {
display: block;
}
-.more_photos a:hover, .more_photos a:focus, .more_photos a:active {
+.more_photos a:hover,
+.more_photos a:focus,
+.more_photos a:active {
background-color: #eee;
cursor: pointer;
}
diff --git a/less/base/reset.less b/less/base/reset.less
index 188af52..d8a922b 100644
--- a/less/base/reset.less
+++ b/less/base/reset.less
@@ -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/less/base/typo.less b/less/base/typo.less
index efc7f93..fdccfcb 100644
--- a/less/base/typo.less
+++ b/less/base/typo.less
@@ -12,11 +12,20 @@ Typografie a linearni design
// Typografie
// ----------
-body, input, textarea, option, select {
- font: @base-font-size/@base-line-height Arial, Helvetica, sans-serif;
+body,
+input,
+textarea,
+option,
+select {
+ font: @base-font-size / @base-line-height Arial, Helvetica, sans-serif;
}
-h1,h2,h3,h4,h5,h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
font-family: Arial, Helvetica, sans-serif;
}
@@ -38,8 +47,11 @@ a {
// Linearni design
// ---------------
-
-p, ul, ol, table, blockquote {
+p,
+ul,
+ol,
+table,
+blockquote {
padding: 0;
margin: 0;
margin-bottom: @base-line-height;
@@ -76,7 +88,7 @@ h2,
h3,
.h3 {
- display: block;
+ display: block;
font-size: 14px;
line-height: 18px;
margin: 0 0 4px 0;
@@ -87,7 +99,7 @@ h3,
h4,
.h4 {
- display: block;
+ display: block;
font-size: @base-font-size;
line-height: @base-line-height;
margin: 0;
@@ -96,12 +108,11 @@ h4,
color: #666;
}
-
h2 small,
h3 small {
font-size: @base-font-size;
line-height: @base-line-height;
- color: #999;
+ color: #999;
}
big {
@@ -121,7 +132,7 @@ ul ul,
ul ol,
ol ol,
ol ul {
- margin-bottom: 0;
+ margin-bottom: 0;
}
ul {
@@ -134,7 +145,6 @@ ol li {
}
@media @large-start {
-
h2 small.float_right {
margin-top: 5px;
}
diff --git a/less/components/inline-list.less b/less/components-new/inline-list.less
similarity index 95%
rename from less/components/inline-list.less
rename to less/components-new/inline-list.less
index 7d2e50e..82adf6c 100644
--- a/less/components/inline-list.less
+++ b/less/components-new/inline-list.less
@@ -6,6 +6,7 @@
// - seznam polozek v bublinach - napr. staty
.inline-list {
+
margin-left: 23px;
line-height: 36px;
margin-bottom: 12px;
@@ -49,7 +50,9 @@
// .inline-list--large-items .inline-list__item--three-stars { … }
}
- &--no-margin-bottom { margin-bottom: 0; }
+ &--no-margin-bottom {
+ margin-bottom: 0;
+ }
&.active,
&:hover,
diff --git a/less/components-new/list-item.less b/less/components-new/list-item.less
new file mode 100644
index 0000000..cd3a0ce
--- /dev/null
+++ b/less/components-new/list-item.less
@@ -0,0 +1,145 @@
+/* @define list-item; weak
+
+# Komponenta Velka polozka seznamu
+
+Napr. seznamy ubytovatelu, pobytu, last-minute atd.
+
+.list-item
+ __image
+ __image-img
+ __flags
+ __content
+ __heading
+ __perex
+ __price
+
+*/
+
+.list-item {
+ position: relative;
+ box-sizing: border-box;
+ padding: (@base-line-height / 2) 0;
+ border: 1px solid transparent;
+ color: #666; // TODO promenna
+
+ @media @large-start {
+ float: left;
+ width: ~"calc((100% - 42px) / 3)"; // TODO magic number
+ height: 352px; // TODO magic number
+ padding: @base-line-height (@base-line-height / 2) (@base-line-height / 2);
+ margin: 0 7px 0 7px; // TODO magic number
+ }
+
+ /* stylelint-disable plugin/selector-bem-pattern */
+
+ // Ukazka kontextoveho pristupu,
+ // kdy muze byt v poradku porusit BEM syntaxi:
+
+ .cart & {
+ font-size: 11px; // TODO magic number
+ }
+
+ /* stylelint-enable */
+}
+
+.list-item__image {
+ position: relative;
+ float: left;
+ width: 36%;
+ margin-right: 4%;
+
+ @media @large-start {
+ width: auto;
+ float: none;
+ height: 165px; // 4:3
+ overflow: hidden; // Obrazek nesmi pretekat
+ margin-bottom: 12px;
+ margin-right: 0;
+ }
+
+ @media @extra-large-start {
+ height: 215px; // 4:3
+ }
+
+ &-img {
+ max-width: 100%; // Prizpusobuje se vysce
+ }
+}
+
+// Textovy obsah
+
+.list-item__content {
+ float: left;
+ width: 60%;
+ padding: 0; // reset .content
+
+ @media @large-start {
+ float: none;
+ width: auto;
+ }
+}
+
+.list-item__perex {
+ margin-bottom: 0; // TODO zobecnit do utility = .mb-0
+}
+
+.list-item__heading {
+ font-size: 120%; // TODO promenna
+ margin-bottom: 0;
+}
+
+.list-item__price {
+ // TODO proc uvedene hodnoty?
+ @media @large-start {
+ position: absolute;
+ right: 3px;
+ top: 150px;
+ }
+
+ @media @extra-large-start {
+ top: 200px;
+ }
+}
+
+// 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; // TODO promenna
+}
+
+// Aktivni stavy
+
+.list-item--active,
+.list-item:hover,
+.list-item:focus,
+.list-item:active {
+ background-color: #eee; // TODO promenna
+ cursor: pointer;
+ color: #333; // TODO promenna
+ border: 1px solid #ddd; // TODO promenna
+
+ .list-item__heading-anchor {
+ color: darken(@color-alpha, 20%);
+ text-decoration: underline;
+ }
+
+ // Funkcnost s povolenym JS
+
+ /* stylelint-disable plugin/selector-bem-pattern */
+
+ // Ukazka kontextoveho pristupu,
+ // kdy muze byt v poradku porusit BEM syntaxi:
+
+ .no-flexbox & {
+ background-color: #dedede;
+ }
+
+ /* stylelint-enable */
+}
diff --git a/less/components/fancybox.less b/less/components/fancybox.less
index 581c353..cd747bc 100644
--- a/less/components/fancybox.less
+++ b/less/components/fancybox.less
@@ -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/less/components/flag.less b/less/components/flag.less
index 5172be4..34355c4 100644
--- a/less/components/flag.less
+++ b/less/components/flag.less
@@ -27,7 +27,7 @@ a.flag:active {
.mixin-flag-sm() {
font-size: 9px;
padding: 2px 3px;
- letter-spacing: .02em;
+ letter-spacing: 0.02em;
}
.flag--sm {
@@ -45,8 +45,8 @@ a.flag:active {
@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;
}
}
@@ -56,45 +56,43 @@ a.flag:active {
// "Oblibeny ubytovatel"
.flag--bestseller {
- background: fadeout(lighten(@color-alpha, 5%),9%);
+ background: fadeout(lighten(@color-alpha, 5%), 9%);
}
// "Skvele hodnoceni"
.flag--ratings {
- background: fadeout(lighten(@color-alpha, 5%),9%);
+ background: fadeout(lighten(@color-alpha, 5%), 9%);
}
// "Last Minute"
.flag--lastminute {
- background: #FF9900;
- background: fadeout(#FF9900,9%);
+ background: #f90;
+ background: fadeout(#f90, 9%);
}
// "Horky tip"
.flag--hottip {
- background: #FFCC00;
- background: fadeout(#FFCC00,9%);
+ background: #fc0;
+ background: fadeout(#fc0, 9%);
}
// "Novinka"
.flag--new {
background: lighten(@color-alpha, 15%);
- background: fadeout(lighten(@color-alpha, 15%),9%);
+ background: fadeout(lighten(@color-alpha, 15%), 9%);
}
// "Sleva"
.flag--discount {
- background: #FF6600;
- background: fadeout(#FF6600, 9%);
+ background: #f60;
+ background: fadeout(#f60, 9%);
}
-
-
// Pozicovani ikon, pokud jich je vice
// -----------------------------------
@@ -103,7 +101,6 @@ a.flag:active {
// * Zatim vzdy prekryvaji obrazek (.image_item v detailu a .list_item .image v seznamu)
.flags {
-
.flag {
position: absolute;
top: 2px;
@@ -114,13 +111,13 @@ a.flag:active {
// * 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.
@@ -144,57 +141,56 @@ a.flag:active {
}
.flag + .flag + .flag {
- top: (2*@flag-height + 2px);
+ top: (2 * @flag-height + 2px);
&.flag--lg {
@media @large-start {
- top: (2*@flag-large-height + 2px);
+ top: (2 * @flag-large-height + 2px);
}
}
&.flag--sm {
- top: (2*@flag-small-height + 2px);
+ top: (2 * @flag-small-height + 2px);
}
@media @media-for-smaller-flag {
- top: (2*@flag-small-height + 2px);
+ top: (2 * @flag-small-height + 2px);
}
}
.flag + .flag + .flag + .flag {
- top: (3*@flag-height + 2px);
+ top: (3 * @flag-height + 2px);
&.flag--lg {
@media @large-start {
- top: (3*@flag-large-height + 2px);
+ top: (3 * @flag-large-height + 2px);
}
}
&.flag--sm {
- top: (3*@flag-small-height + 2px);
+ top: (3 * @flag-small-height + 2px);
}
@media @media-for-smaller-flag {
- top: (3*@flag-small-height + 2px);
+ top: (3 * @flag-small-height + 2px);
}
}
.flag + .flag + .flag + .flag + .flag {
- top: (4*@flag-height + 2px);
+ top: (4 * @flag-height + 2px);
&.flag--lg {
@media @large-start {
- top: (4*@flag-large-height + 2px);
+ top: (4 * @flag-large-height + 2px);
}
}
&.flag--sm {
- top: (4*@flag-small-height + 2px);
+ top: (4 * @flag-small-height + 2px);
}
@media @media-for-smaller-flag {
- top: (4*@flag-small-height + 2px);
+ top: (4 * @flag-small-height + 2px);
}
}
-
} // .flags
diff --git a/less/components/foot.less b/less/components/foot.less
index dc7eeb6..240ae18 100644
--- a/less/components/foot.less
+++ b/less/components/foot.less
@@ -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/less/components/form.less b/less/components/form.less
index 2084722..5b02be1 100644
--- a/less/components/form.less
+++ b/less/components/form.less
@@ -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/less/components/freestyle_grid.less b/less/components/freestyle_grid.less
index e8b22d4..43ab32c 100644
--- a/less/components/freestyle_grid.less
+++ b/less/components/freestyle_grid.less
@@ -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/less/components/list-item.less b/less/components/list-item.less
deleted file mode 100644
index fe1aad4..0000000
--- a/less/components/list-item.less
+++ /dev/null
@@ -1,120 +0,0 @@
-/* # Komponenta Velka polozka seznamu
-
-Napr. seznamy ubytovatelu, pobytu, last-minute atd.
-
-*/
-
-
-.list-item {
- position: relative;
- padding: 9px 0;
- border: 1px solid transparent;
- color: #66;
-
- box-sizing: border-box;
-
-
- @media @large-start {
- float: left;
- width: ~"calc((100% - 42px) / 3)"; // 304
- height: 352px;
- padding: 18px 9px 9px;
- margin: 0 7px 0 7px;
- }
-}
-
-.list-item .image {
- position: relative;
- float: left;
- width: 36%;
- margin-right: 4%;
-
- @media @large-start {
- width: auto;
- float: none;
- height: 165px; // 4:3
- overflow: hidden;
- margin-bottom: 12px;
- margin-right: 0;
- }
-
- @media @extra-large-start {
- height: 215px; // 4:3
- }
-
- img {
- max-width: 100%;
- }
-}
-
-
-
-// Textovy obsah
-
-.list-item .content {
- float: left;
- width: 60%;
- padding: 0; // reset .content
-
- @media @large-start {
- float: none;
- width: auto;
- }
-
- p {
- margin-bottom: 0;
- }
-
- h2 {
- font-size: 120%;
- margin-bottom: 0;
- }
-}
-
-.list-item .content .price {
- @media @large-start {
- position: absolute;
- right: 3px;
- top: 150px;
- }
-
- @media @extra-large-start {
- top: 200px;
- }
-}
-
-// Varianta bez spodniho ramecku
-// Napr. na homepages verze 2014
-
-.list-item.without_border {
- border-bottom: 0;
-}
-
-.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/less/components/page/about.less b/less/components/page/about.less
index 0cd776e..942d078 100644
--- a/less/components/page/about.less
+++ b/less/components/page/about.less
@@ -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;
@@ -30,7 +30,7 @@
.about-person-image img {
border-radius: 50%;
overflow: hidden;
- max-width: (@column-width/2 - @gutter); // 145px
+ max-width: (@column-width / 2 - @gutter); // 145px
display: block;
margin: 0 auto;
}
@@ -44,7 +44,7 @@
.about-person-full-text,
.about-person-full-contact {
@media @large-start {
- margin-top: @base-line-height/2;
+ margin-top: @base-line-height / 2;
}
}
@@ -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/less/components/page/slovnik.less b/less/components/page/slovnik.less
index ef64104..0f19a93 100644
--- a/less/components/page/slovnik.less
+++ b/less/components/page/slovnik.less
@@ -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/less/components/price-date.less b/less/components/price-date.less
index b0dd383..bf37a96 100644
--- a/less/components/price-date.less
+++ b/less/components/price-date.less
@@ -9,7 +9,6 @@ Ceny, datumy - velke "cenovky"
// Dole pak velke displeje
// TODO sjednotit? Jaky je vztah k .flag?
-
// --- Modul Cena ---
// Uziva se v polozce seznamu ubytovatelu, last minute, v malych nahledech last minute atd.
//
5 nocí od 2 690 Kč
@@ -19,24 +18,24 @@ Ceny, datumy - velke "cenovky"
width: auto;
color: #444;
- strong {
- font-weight: normal;
- color: #888;
- }
+ strong {
+ font-weight: normal;
+ color: #888;
+ }
}
.price.price--big {
background-color: #ddd;
padding: 3px;
- margin: 0 6px 18px 0;
+ margin: 0 6px 18px 0;
}
-
// --- Modul Boxik s terminy ---
// Uziva se v detailu last minute, v seznamu LM nebo seznamu ubytovni
// Termíny: 28. 10. 2012 - 16. 11. 2012
-.date { }
+.date {
+}
// Varianta: Velky boxik pro detail last minute
.date.date--big {
@@ -45,15 +44,14 @@ Ceny, datumy - velke "cenovky"
color: #444;
background-color: #ddd;
padding: 3px;
- margin: 0 6px 18px 0;
+ margin: 0 6px 18px 0;
- strong {
- font-weight: normal;
- color: #888;
- }
+ strong {
+ font-weight: normal;
+ color: #888;
+ }
}
-
// --- Modul univerzalni velke navesti ---
// Uziva se v detailu last minute, pobytu, nebo v seznamech
// Polopenze
@@ -65,21 +63,18 @@ Ceny, datumy - velke "cenovky"
color: #444;
background-color: #ddd;
padding: 3px;
- margin: 0 6px 18px 0;
+ margin: 0 6px 18px 0;
- strong {
- font-weight: normal;
- color: #888;
- }
+ strong {
+ font-weight: normal;
+ color: #888;
+ }
}
-
// Velke displeje
// --------------
@media @large-start {
-
-
// --- Modul Cena ---
.price.price--big {
@@ -100,6 +95,4 @@ Ceny, datumy - velke "cenovky"
font-size: 16px;
padding: 7px;
}
-
-
} // @large-start
diff --git a/less/components/sister-websites.less b/less/components/sister-websites.less
index d3ed69c..4e7f738 100644
--- a/less/components/sister-websites.less
+++ b/less/components/sister-websites.less
@@ -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/less/components/site_logo.less b/less/components/site_logo.less
index 2a522d4..5d9e3c9 100644
--- a/less/components/site_logo.less
+++ b/less/components/site_logo.less
@@ -5,29 +5,26 @@ Na velkých displejích nalevo, na malých veprostřed nahoře.
*/
.site-logo {
- padding: @base-line-height 0;
+ padding: @base-line-height 0;
margin: 0;
- width: auto;
- text-align: center;
- font-size: 24px;
- font-weight: bold;
- color: @color-gamma;
+ width: auto;
+ text-align: center;
+ font-size: 24px;
+ font-weight: bold;
+ color: @color-gamma;
}
-
@media @large-start {
- .site-logo {
- float: left;
- margin-left: 30px;
- text-align: left;
- width: 300px;
- margin-top: 12px;
- margin-bottom: 12px;
- }
+ .site-logo {
+ float: left;
+ margin-left: 30px;
+ text-align: left;
+ width: 300px;
+ margin-top: 12px;
+ margin-bottom: 12px;
+ }
.site-logo a:hover {
text-decoration: none;
}
}
-
-
diff --git a/less/components/site_nav.less b/less/components/site_nav.less
index cff76b0..0d7e766 100644
--- a/less/components/site_nav.less
+++ b/less/components/site_nav.less
@@ -51,13 +51,13 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
// - s timto v prohlizeci kompiluju 10s, bez toho 3s :-( --> vzit jen jako CSS?
@import "../lib/pine/pine.less";
-@p-base-font-size : @base-font-size;
-@p-color : white;
-@p-background : @color-beta;
-@p-active-background : @color-gamma;
-@p-hover-background : @color-gamma;
-@p-small-screen-top : 146px;
-@p-large-display-start : @large-start-value;
+@p-base-font-size : @base-font-size;
+@p-color : white;
+@p-background : @color-beta;
+@p-active-background : @color-gamma;
+@p-hover-background : @color-gamma;
+@p-small-screen-top : 146px;
+@p-large-display-start : @large-start-value;
// Fix spatneho vyhlazovani caretu na FF
.pine-has-subnav > a:before {
@@ -70,16 +70,16 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
// - .container mess
.site-nav {
- clear: both;
- background: @color-beta;
+ clear: both;
+ 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;
height: 41px;
- }
+ }
@media print {
display: none;
@@ -90,9 +90,9 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
margin: 0;
padding: 0;
- @media @large-start {
- display: flex;
- }
+ @media @large-start {
+ display: flex;
+ }
}
.site-nav__main .pine-level-1 > li {
@@ -103,7 +103,7 @@ 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;
}
// Layout: Všechny tři subnavigace jsou na malých displejích vedle sebe
@@ -166,7 +166,7 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
// Položka navigace obecně
.container .site-nav a {
- box-sizing:border-box;
+ box-sizing: border-box;
display: block;
padding: 12px 12px 11px;
color: #fff;
@@ -189,20 +189,18 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
// Stylování od 2. úrovně dál
.container .pine-level-2 a {
- padding: @base-font-size*.75 15px (@base-font-size*.75 + 1px);
+ padding: @base-font-size*0.75 15px (@base-font-size*0.75 + 1px);
}
-
// ## Velké displeje
@media @large-start {
-
- // Položky navigací jsou na velkých vedle sebe
- .pine-level-1 > li {
- display: inline-block;
- position: relative;
- float: left;
- }
+ // Položky navigací jsou na velkých vedle sebe
+ .pine-level-1 > li {
+ display: inline-block;
+ position: relative;
+ float: left;
+ }
// Položka navigace se subnavigací
// Zobáček jinak než výchozí v Pine.js
@@ -213,8 +211,7 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
top: 19px;
right: 50%;
margin-right: -27px;
- border-top-color: rgba(255, 255, 255, .5)
+ border-top-color: rgba(255, 255, 255, 0.5);
}
}
-
}
diff --git a/less/components/text.less b/less/components/text.less
index eb51247..6792c06 100644
--- a/less/components/text.less
+++ b/less/components/text.less
@@ -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/less/index.less b/less/index.less
index 96824bd..2f8a75b 100644
--- a/less/index.less
+++ b/less/index.less
@@ -1,34 +1,45 @@
-
// Promenne
@import "variables/variables";
// Knihovny a styly pro externi kod
@import "lib/mixins";
-@import "lib/fancygallery";
+
// Zakladna
@import "base/reset";
@import "base/body";
@import "base/typo";
-@import "base/helpers";
+
// Layout
@import "layout/container";
@import "layout/layout";
+// Unikatni moduly - strankove
+@import "components/page/about";
+
+
// Moduly
@import "components/content_head";
@import "components/fancybox";
@import "components/flag";
@import "components/foot";
-@import "components/inline-list";
-@import "components/list-item";
@import "components/price-date";
@import "components/site_logo";
@import "components/site_nav";
-// Unikatni moduly - strankove
-@import "components/page/about";
+// Zrefaktorovane komponenty
+@import "components-new/inline-list";
+@import "components-new/list-item";
+
+// Kod treti strany
+.fancygallery {
+ // Libraries
+ @import "lib/fancygallery";
+}
// Tmave tema
@import "themes/dark";
+
+// Helpery
+@import "base/helpers";
diff --git a/less/layout/container.less b/less/layout/container.less
index 8b946fd..0b385a3 100644
--- a/less/layout/container.less
+++ b/less/layout/container.less
@@ -10,5 +10,5 @@ Kontejner layoutu
margin: 0 auto;
margin-bottom: 15px;
position: relative;
- box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
}
diff --git a/less/layout/layout.less b/less/layout/layout.less
index 80bb0ea..00e4ded 100644
--- a/less/layout/layout.less
+++ b/less/layout/layout.less
@@ -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;
- .clearfix();
+ margin-bottom: @base-line-height;
+ .clearfix();
}
/*
@@ -156,7 +154,7 @@ v .list_item neco podobneho) =jeden sloupec: 304x171 (?? TODO)
.half_column {
@media @large-start {
float: left;
- width: (@column-width/2 - @gutter); // 145px
+ width: (@column-width / 2 - @gutter); // 145px
margin-right: @gutter;
}
}
@@ -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;
+ }
- .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 {
+ // 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 {
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/less/lib/fancygallery.less b/less/lib/fancygallery.less
index b5d05ee..a4d3e52 100644
--- a/less/lib/fancygallery.less
+++ b/less/lib/fancygallery.less
@@ -49,7 +49,7 @@
/* Do not show scrollbars when FB is open */
body.fancybox-active {
- overflow: hidden;
+ overflow: hidden;
}
#fancybox-loading {
@@ -108,7 +108,7 @@ body.fancybox-active {
position: relative;
width: 100%;
height: 100%;
- background: #FFF;
+ background: #fff;
}
#fancybox-inner {
@@ -202,12 +202,12 @@ body.fancybox-active {
.fancybox-title-outside {
padding-top: 5px;
- color: #FFF;
+ color: #fff;
text-align: center;
}
.fancybox-title-over {
- color: #FFF;
+ color: #fff;
text-align: left;
}
@@ -249,7 +249,7 @@ body.fancybox-active {
#fancybox-left,
#fancybox-right {
position: fixed;
- bottom: 0px;
+ bottom: 0;
height: 100%;
width: 35%;
cursor: pointer;
@@ -260,11 +260,11 @@ body.fancybox-active {
}
#fancybox-left {
- left: 0px;
+ left: 0;
}
#fancybox-right {
- right: 0px;
+ right: 0;
}
#fancybox-left-ico,
@@ -282,13 +282,13 @@ body.fancybox-active {
#fancybox-left-ico {
background-image: url('../../images/fancygallery/fancy_nav_left.png');
- left: 0px;
+ left: 0;
}
#fancybox-right-ico {
background-image: url('../../images/fancygallery/fancy_nav_right.png');
left: auto;
- right: 0px;
+ right: 0;
}
#fancybox-left:hover #fancybox-left-ico,
@@ -297,7 +297,7 @@ body.fancybox-active {
#fancybox-right:hover #fancybox-right-ico,
#fancybox-right:focus #fancybox-right-ico,
#fancybox-right:active #fancybox-right-ico {
- background-position: 0 -77px;
+ background-position: 0 -77px;
}
/* Shadows are off */
@@ -319,34 +319,35 @@ body.fancybox-active {
* and has the classname "jcarousel-container".
*/
.jcarousel-container {
- position: relative;
+ position: relative;
}
.jcarousel-clip {
- z-index: 2;
- padding: 0;
- margin: 0;
- overflow: hidden;
- position: relative;
+ z-index: 2;
+ padding: 0;
+ margin: 0;
+ overflow: hidden;
+ position: relative;
}
.jcarousel-list {
- z-index: 1;
- overflow: hidden;
- position: relative;
- top: 0;
- left: 0;
- margin: 0;
- padding: 0;
+ z-index: 1;
+ overflow: hidden;
+ position: relative;
+ top: 0;
+ left: 0;
+ margin: 0;
+ padding: 0;
}
.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;
+ float: left;
+ list-style: none;
+
+ /* We set the width/height explicitly. No width/height causes infinite loops. */
+ width: 75px;
+ height: 75px;
}
/**
@@ -355,13 +356,13 @@ body.fancybox-active {
* have the classnames "jcarousel-next" and "jcarousel-prev".
*/
.jcarousel-next {
- z-index: 3;
- display: none;
+ z-index: 3;
+ display: none;
}
.jcarousel-prev {
- z-index: 3;
- display: none;
+ z-index: 3;
+ display: none;
}
@@ -392,85 +393,85 @@ Author: Martin Michalek, Studio Shortcat, michalek@shortcat.cz
}
.jcarousel-skin-shortcat .jcarousel-clip-horizontal {
- height: 40px;
- width: auto;
+ height: 40px;
+ width: auto;
}
.jcarousel-skin-shortcat .jcarousel-item,
.jcarousel-skin-shortcat .jcarousel-item img {
- width: 40px;
- height: 40px;
+ width: 40px;
+ height: 40px;
}
.jcarousel-skin-shortcat .jcarousel-item img {
- opacity: .5;
- -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
- filter: alpha(opacity=50);
+ opacity: 0.5;
+ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
+ filter: alpha(opacity=50);
}
.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);
+ opacity: 1;
+ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+ filter: alpha(opacity=100);
}
.jcarousel-skin-shortcat .jcarousel-item-horizontal {
- margin-right: 3px;
+ margin-right: 3px;
}
.jcarousel-skin-shortcat .jcarousel-item-placeholder {
- background: #fff;
- color: #000;
+ background: #fff;
+ color: #000;
}
/**
* 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;
+ position: absolute;
+ top: 0;
+ right: 10px;
+ width: 33px;
+ height: 40px;
+ cursor: pointer;
+ background: transparent url(../../images/fancygallery/fancygallery_next.gif) no-repeat top right;
}
.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;
+ background-position: top right;
}
.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;
+ cursor: default;
+ background-image: none;
}
.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;
+ position: absolute;
+ top: 0;
+ left: 10px;
+ width: 33px;
+ height: 40px;
+ cursor: pointer;
+ background: transparent url(../../images/fancygallery/fancygallery_prev.gif) no-repeat 0 0;
}
.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;
+ background-position: 0 0;
}
.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;
+ cursor: default;
+ background-image: none;
}
@@ -487,7 +488,7 @@ Author: Martin Michalek, Studio Shortcat, michalek@shortcat.cz
position: fixed;
z-index: 1108;
bottom: 20px;
- left: 0px;
+ left: 0;
width: 100%;
height: 40px;
}
diff --git a/less/lib/mixins.less b/less/lib/mixins.less
index af3129d..d50870f 100644
--- a/less/lib/mixins.less
+++ b/less/lib/mixins.less
@@ -38,7 +38,7 @@
// mean that space between those elements will be .6em (~2 space characters) in IE7,
// instead of the 1 space in other browsers.
.ie7-restore-left-whitespace() {
- *margin-left: .3em;
+ *margin-left: 0.3em;
&:first-child {
*margin-left: 0;
@@ -46,7 +46,7 @@
}
.ie7-restore-right-whitespace() {
- *margin-right: .3em;
+ *margin-right: 0.3em;
}
// Sizing shortcuts
diff --git a/less/themes/dark.less b/less/themes/dark.less
index a5b3aa9..9bfe163 100644
--- a/less/themes/dark.less
+++ b/less/themes/dark.less
@@ -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/less/variables/variables.less b/less/variables/variables.less
index 6a9b82c..a07680d 100644
--- a/less/variables/variables.less
+++ b/less/variables/variables.less
@@ -1,13 +1,12 @@
-
// Pismo
// -----
-@base-font-size: 12px;
-@base-line-height: 18px;
-@smaller-font-size: 11px;
-@smaller-line-height: 13px;
-@larger-font-size: 14px;
-@larger-line-height: 20px;
+@base-font-size: 12px;
+@base-line-height: 18px;
+@smaller-font-size: 11px;
+@smaller-line-height: 13px;
+@larger-font-size: 14px;
+@larger-line-height: 20px;
// Barvy
// -----
@@ -16,9 +15,9 @@
//- Zde jen pro ESK, pridat vychozi sedive schema
//- Proc anchor a jeste color-alpha?
-@anchor-color: #0EB10E;
-@active-color: darken(@anchor-color, 20%);
-@text-color: #000;
+@anchor-color: #0eb10e;
+@active-color: darken(@anchor-color, 20%);
+@text-color: #000;
// Svetla barva pro pozadi prvku
// Smichana hlavni barva se svetle sedivou.
@@ -31,14 +30,13 @@
@color-dark-plus: mix(darken(@color-alpha, 20%), #666, 30%);
// 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;
// Layout
// ------
@@ -46,23 +44,21 @@
@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 @medium-start { … }
-@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
// -------
+
-
-
+
@@ -197,7 +197,7 @@
-
+
-
-
+
@@ -224,23 +224,23 @@
-
+
-
-
+
+
PENZION ONYX
-
+
Lednice
Penzion Onyx se nachází v klidové zóně obce Lednice. Je vzdálený jen 800 m od centra obce.
-
+
1 noc od 595 Kč
diff --git a/js/rekrea-footer.js b/js/rekrea-footer.js
index 8dc6e13..31802ab 100644
--- a/js/rekrea-footer.js
+++ b/js/rekrea-footer.js
@@ -16,393 +16,790 @@
* 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
@@ -419,34 +816,817 @@
* 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='";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 =
+ '";
+ 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 +1637,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 +1661,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 +1678,7 @@ easingIn:"swing",easingOut:"swing",showCloseButton:true,showNavArrows:true,enabl
unveil();
return this;
-
};
-
})(window.jQuery || window.Zepto);
/* =============================================================
@@ -524,123 +1700,117 @@ easingIn:"swing",easingOut:"swing",showCloseButton:true,showNavArrows:true,enabl
* limitations under the License.
* ============================================================ */
-!function( $ ){
-
- "use strict"
+!(function($) {
+ "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])
-
- }
-
- , hide: function () {
- var dimension = this.dimension()
- this.reset(this.$element[dimension]())
- this.transition('removeClass', 'hide', 'hidden')
- this.$element[dimension](0)
- }
+ this.$element[dimension](0);
+ this.transition("addClass", "show", "shown");
+ this.$element[dimension](this.$element[0][scroll]);
+ },
- , reset: function ( size ) {
- var dimension = this.dimension()
+ hide: function() {
+ var dimension = this.dimension();
+ this.reset(this.$element[dimension]());
+ this.transition("removeClass", "hide", "hidden");
+ this.$element[dimension](0);
+ },
- this.$element
- .removeClass('collapse')
- [dimension](size || 'auto')
- [0].offsetWidth
+ reset: function(size) {
+ var dimension = this.dimension();
- this.$element.addClass('collapse')
- }
+ this.$element.removeClass("collapse")[dimension](size || "auto")[0]
+ .offsetWidth;
- , 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
+ };
+ $.fn.collapse.Constructor = Collapse;
- /* COLLAPSIBLE DATA-API
+ /* 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 );
+ $(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 +1824,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 +2008,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 +2043,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 +2072,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 +2109,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 +2124,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 +2146,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 +2179,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 +2204,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/less/base/body.less b/less/base/body.less
index 166af10..d9b9352 100644
--- a/less/base/body.less
+++ b/less/base/body.less
@@ -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/less/base/helpers.less b/less/base/helpers.less
index 64e2062..d736590 100644
--- a/less/base/helpers.less
+++ b/less/base/helpers.less
@@ -5,13 +5,13 @@ Helpery
*/
-
// Clearfix
// --------
// For clearing floats like a boss h5bp.com/q
.clearfix {
*zoom: 1;
- &:before, &:after {
+ &:before,
+ &:after {
display: table;
content: "";
// Fixes Opera/contenteditable bug:
@@ -63,12 +63,12 @@ Helpery
}
}
-
.dumb_only {
display: none !important;
}
-.center, .text-center {
+.center,
+.text-center {
text-align: center;
}
@@ -126,7 +126,9 @@ Helpery
color: #999;
text-decoration: underline;
- &:hover, &:focus, &:active {
+ &:hover,
+ &:focus,
+ &:active {
color: #666;
}
}
@@ -146,7 +148,6 @@ Helpery
border: 0;
}
-
// Z old_layout.less
// -----------------
@@ -162,7 +163,8 @@ Helpery
width: 48%;
}
-.clearBothZero, .clear_zero {
+.clearBothZero,
+.clear_zero {
display: block;
clear: both;
font-size: 1px;
@@ -170,7 +172,6 @@ Helpery
height: 1px;
}
-
.marginBottom3 {
margin-bottom: 3em;
}
@@ -236,16 +237,17 @@ p.submit {
}
.fontSmall {
- font-size: .5em;
+ font-size: 0.5em;
font-weight: normal;
}
small.fontSmall {
- font-size: .6em;
+ font-size: 0.6em;
font-weight: normal;
}
-table.fontSmall td, table.fontSmall th {
+table.fontSmall td,
+table.fontSmall th {
font-size: 1.4em;
font-weight: normal;
}
@@ -282,7 +284,6 @@ table.fontSmall td, table.fontSmall th {
display: none;
}
-
// Nove helpery (verze 2012)
// Presunout do noveho layoutu (if newlayout TODO)
@@ -298,7 +299,6 @@ table.fontSmall td, table.fontSmall th {
display: block;
}
-
// Presunuto z new_layout.less
// ---------------------------
@@ -323,7 +323,7 @@ table.fontSmall td, table.fontSmall th {
.unveil {
opacity: 0;
- transition: opacity .5s ease-in;
+ transition: opacity 0.5s ease-in;
}
// Odkaz na vice informaci
@@ -380,7 +380,9 @@ table.fontSmall td, table.fontSmall th {
display: block;
}
-.more_photos a:hover, .more_photos a:focus, .more_photos a:active {
+.more_photos a:hover,
+.more_photos a:focus,
+.more_photos a:active {
background-color: #eee;
cursor: pointer;
}
diff --git a/less/base/reset.less b/less/base/reset.less
index 188af52..d8a922b 100644
--- a/less/base/reset.less
+++ b/less/base/reset.less
@@ -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/less/base/typo.less b/less/base/typo.less
index efc7f93..fdccfcb 100644
--- a/less/base/typo.less
+++ b/less/base/typo.less
@@ -12,11 +12,20 @@ Typografie a linearni design
// Typografie
// ----------
-body, input, textarea, option, select {
- font: @base-font-size/@base-line-height Arial, Helvetica, sans-serif;
+body,
+input,
+textarea,
+option,
+select {
+ font: @base-font-size / @base-line-height Arial, Helvetica, sans-serif;
}
-h1,h2,h3,h4,h5,h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
font-family: Arial, Helvetica, sans-serif;
}
@@ -38,8 +47,11 @@ a {
// Linearni design
// ---------------
-
-p, ul, ol, table, blockquote {
+p,
+ul,
+ol,
+table,
+blockquote {
padding: 0;
margin: 0;
margin-bottom: @base-line-height;
@@ -76,7 +88,7 @@ h2,
h3,
.h3 {
- display: block;
+ display: block;
font-size: 14px;
line-height: 18px;
margin: 0 0 4px 0;
@@ -87,7 +99,7 @@ h3,
h4,
.h4 {
- display: block;
+ display: block;
font-size: @base-font-size;
line-height: @base-line-height;
margin: 0;
@@ -96,12 +108,11 @@ h4,
color: #666;
}
-
h2 small,
h3 small {
font-size: @base-font-size;
line-height: @base-line-height;
- color: #999;
+ color: #999;
}
big {
@@ -121,7 +132,7 @@ ul ul,
ul ol,
ol ol,
ol ul {
- margin-bottom: 0;
+ margin-bottom: 0;
}
ul {
@@ -134,7 +145,6 @@ ol li {
}
@media @large-start {
-
h2 small.float_right {
margin-top: 5px;
}
diff --git a/less/components/inline-list.less b/less/components-new/inline-list.less
similarity index 95%
rename from less/components/inline-list.less
rename to less/components-new/inline-list.less
index 7d2e50e..82adf6c 100644
--- a/less/components/inline-list.less
+++ b/less/components-new/inline-list.less
@@ -6,6 +6,7 @@
// - seznam polozek v bublinach - napr. staty
.inline-list {
+
margin-left: 23px;
line-height: 36px;
margin-bottom: 12px;
@@ -49,7 +50,9 @@
// .inline-list--large-items .inline-list__item--three-stars { … }
}
- &--no-margin-bottom { margin-bottom: 0; }
+ &--no-margin-bottom {
+ margin-bottom: 0;
+ }
&.active,
&:hover,
diff --git a/less/components-new/list-item.less b/less/components-new/list-item.less
new file mode 100644
index 0000000..cd3a0ce
--- /dev/null
+++ b/less/components-new/list-item.less
@@ -0,0 +1,145 @@
+/* @define list-item; weak
+
+# Komponenta Velka polozka seznamu
+
+Napr. seznamy ubytovatelu, pobytu, last-minute atd.
+
+.list-item
+ __image
+ __image-img
+ __flags
+ __content
+ __heading
+ __perex
+ __price
+
+*/
+
+.list-item {
+ position: relative;
+ box-sizing: border-box;
+ padding: (@base-line-height / 2) 0;
+ border: 1px solid transparent;
+ color: #666; // TODO promenna
+
+ @media @large-start {
+ float: left;
+ width: ~"calc((100% - 42px) / 3)"; // TODO magic number
+ height: 352px; // TODO magic number
+ padding: @base-line-height (@base-line-height / 2) (@base-line-height / 2);
+ margin: 0 7px 0 7px; // TODO magic number
+ }
+
+ /* stylelint-disable plugin/selector-bem-pattern */
+
+ // Ukazka kontextoveho pristupu,
+ // kdy muze byt v poradku porusit BEM syntaxi:
+
+ .cart & {
+ font-size: 11px; // TODO magic number
+ }
+
+ /* stylelint-enable */
+}
+
+.list-item__image {
+ position: relative;
+ float: left;
+ width: 36%;
+ margin-right: 4%;
+
+ @media @large-start {
+ width: auto;
+ float: none;
+ height: 165px; // 4:3
+ overflow: hidden; // Obrazek nesmi pretekat
+ margin-bottom: 12px;
+ margin-right: 0;
+ }
+
+ @media @extra-large-start {
+ height: 215px; // 4:3
+ }
+
+ &-img {
+ max-width: 100%; // Prizpusobuje se vysce
+ }
+}
+
+// Textovy obsah
+
+.list-item__content {
+ float: left;
+ width: 60%;
+ padding: 0; // reset .content
+
+ @media @large-start {
+ float: none;
+ width: auto;
+ }
+}
+
+.list-item__perex {
+ margin-bottom: 0; // TODO zobecnit do utility = .mb-0
+}
+
+.list-item__heading {
+ font-size: 120%; // TODO promenna
+ margin-bottom: 0;
+}
+
+.list-item__price {
+ // TODO proc uvedene hodnoty?
+ @media @large-start {
+ position: absolute;
+ right: 3px;
+ top: 150px;
+ }
+
+ @media @extra-large-start {
+ top: 200px;
+ }
+}
+
+// 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; // TODO promenna
+}
+
+// Aktivni stavy
+
+.list-item--active,
+.list-item:hover,
+.list-item:focus,
+.list-item:active {
+ background-color: #eee; // TODO promenna
+ cursor: pointer;
+ color: #333; // TODO promenna
+ border: 1px solid #ddd; // TODO promenna
+
+ .list-item__heading-anchor {
+ color: darken(@color-alpha, 20%);
+ text-decoration: underline;
+ }
+
+ // Funkcnost s povolenym JS
+
+ /* stylelint-disable plugin/selector-bem-pattern */
+
+ // Ukazka kontextoveho pristupu,
+ // kdy muze byt v poradku porusit BEM syntaxi:
+
+ .no-flexbox & {
+ background-color: #dedede;
+ }
+
+ /* stylelint-enable */
+}
diff --git a/less/components/fancybox.less b/less/components/fancybox.less
index 581c353..cd747bc 100644
--- a/less/components/fancybox.less
+++ b/less/components/fancybox.less
@@ -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/less/components/flag.less b/less/components/flag.less
index 5172be4..34355c4 100644
--- a/less/components/flag.less
+++ b/less/components/flag.less
@@ -27,7 +27,7 @@ a.flag:active {
.mixin-flag-sm() {
font-size: 9px;
padding: 2px 3px;
- letter-spacing: .02em;
+ letter-spacing: 0.02em;
}
.flag--sm {
@@ -45,8 +45,8 @@ a.flag:active {
@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;
}
}
@@ -56,45 +56,43 @@ a.flag:active {
// "Oblibeny ubytovatel"
.flag--bestseller {
- background: fadeout(lighten(@color-alpha, 5%),9%);
+ background: fadeout(lighten(@color-alpha, 5%), 9%);
}
// "Skvele hodnoceni"
.flag--ratings {
- background: fadeout(lighten(@color-alpha, 5%),9%);
+ background: fadeout(lighten(@color-alpha, 5%), 9%);
}
// "Last Minute"
.flag--lastminute {
- background: #FF9900;
- background: fadeout(#FF9900,9%);
+ background: #f90;
+ background: fadeout(#f90, 9%);
}
// "Horky tip"
.flag--hottip {
- background: #FFCC00;
- background: fadeout(#FFCC00,9%);
+ background: #fc0;
+ background: fadeout(#fc0, 9%);
}
// "Novinka"
.flag--new {
background: lighten(@color-alpha, 15%);
- background: fadeout(lighten(@color-alpha, 15%),9%);
+ background: fadeout(lighten(@color-alpha, 15%), 9%);
}
// "Sleva"
.flag--discount {
- background: #FF6600;
- background: fadeout(#FF6600, 9%);
+ background: #f60;
+ background: fadeout(#f60, 9%);
}
-
-
// Pozicovani ikon, pokud jich je vice
// -----------------------------------
@@ -103,7 +101,6 @@ a.flag:active {
// * Zatim vzdy prekryvaji obrazek (.image_item v detailu a .list_item .image v seznamu)
.flags {
-
.flag {
position: absolute;
top: 2px;
@@ -114,13 +111,13 @@ a.flag:active {
// * 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.
@@ -144,57 +141,56 @@ a.flag:active {
}
.flag + .flag + .flag {
- top: (2*@flag-height + 2px);
+ top: (2 * @flag-height + 2px);
&.flag--lg {
@media @large-start {
- top: (2*@flag-large-height + 2px);
+ top: (2 * @flag-large-height + 2px);
}
}
&.flag--sm {
- top: (2*@flag-small-height + 2px);
+ top: (2 * @flag-small-height + 2px);
}
@media @media-for-smaller-flag {
- top: (2*@flag-small-height + 2px);
+ top: (2 * @flag-small-height + 2px);
}
}
.flag + .flag + .flag + .flag {
- top: (3*@flag-height + 2px);
+ top: (3 * @flag-height + 2px);
&.flag--lg {
@media @large-start {
- top: (3*@flag-large-height + 2px);
+ top: (3 * @flag-large-height + 2px);
}
}
&.flag--sm {
- top: (3*@flag-small-height + 2px);
+ top: (3 * @flag-small-height + 2px);
}
@media @media-for-smaller-flag {
- top: (3*@flag-small-height + 2px);
+ top: (3 * @flag-small-height + 2px);
}
}
.flag + .flag + .flag + .flag + .flag {
- top: (4*@flag-height + 2px);
+ top: (4 * @flag-height + 2px);
&.flag--lg {
@media @large-start {
- top: (4*@flag-large-height + 2px);
+ top: (4 * @flag-large-height + 2px);
}
}
&.flag--sm {
- top: (4*@flag-small-height + 2px);
+ top: (4 * @flag-small-height + 2px);
}
@media @media-for-smaller-flag {
- top: (4*@flag-small-height + 2px);
+ top: (4 * @flag-small-height + 2px);
}
}
-
} // .flags
diff --git a/less/components/foot.less b/less/components/foot.less
index dc7eeb6..240ae18 100644
--- a/less/components/foot.less
+++ b/less/components/foot.less
@@ -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/less/components/form.less b/less/components/form.less
index 2084722..5b02be1 100644
--- a/less/components/form.less
+++ b/less/components/form.less
@@ -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/less/components/freestyle_grid.less b/less/components/freestyle_grid.less
index e8b22d4..43ab32c 100644
--- a/less/components/freestyle_grid.less
+++ b/less/components/freestyle_grid.less
@@ -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/less/components/list-item.less b/less/components/list-item.less
deleted file mode 100644
index fe1aad4..0000000
--- a/less/components/list-item.less
+++ /dev/null
@@ -1,120 +0,0 @@
-/* # Komponenta Velka polozka seznamu
-
-Napr. seznamy ubytovatelu, pobytu, last-minute atd.
-
-*/
-
-
-.list-item {
- position: relative;
- padding: 9px 0;
- border: 1px solid transparent;
- color: #66;
-
- box-sizing: border-box;
-
-
- @media @large-start {
- float: left;
- width: ~"calc((100% - 42px) / 3)"; // 304
- height: 352px;
- padding: 18px 9px 9px;
- margin: 0 7px 0 7px;
- }
-}
-
-.list-item .image {
- position: relative;
- float: left;
- width: 36%;
- margin-right: 4%;
-
- @media @large-start {
- width: auto;
- float: none;
- height: 165px; // 4:3
- overflow: hidden;
- margin-bottom: 12px;
- margin-right: 0;
- }
-
- @media @extra-large-start {
- height: 215px; // 4:3
- }
-
- img {
- max-width: 100%;
- }
-}
-
-
-
-// Textovy obsah
-
-.list-item .content {
- float: left;
- width: 60%;
- padding: 0; // reset .content
-
- @media @large-start {
- float: none;
- width: auto;
- }
-
- p {
- margin-bottom: 0;
- }
-
- h2 {
- font-size: 120%;
- margin-bottom: 0;
- }
-}
-
-.list-item .content .price {
- @media @large-start {
- position: absolute;
- right: 3px;
- top: 150px;
- }
-
- @media @extra-large-start {
- top: 200px;
- }
-}
-
-// Varianta bez spodniho ramecku
-// Napr. na homepages verze 2014
-
-.list-item.without_border {
- border-bottom: 0;
-}
-
-.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/less/components/page/about.less b/less/components/page/about.less
index 0cd776e..942d078 100644
--- a/less/components/page/about.less
+++ b/less/components/page/about.less
@@ -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;
@@ -30,7 +30,7 @@
.about-person-image img {
border-radius: 50%;
overflow: hidden;
- max-width: (@column-width/2 - @gutter); // 145px
+ max-width: (@column-width / 2 - @gutter); // 145px
display: block;
margin: 0 auto;
}
@@ -44,7 +44,7 @@
.about-person-full-text,
.about-person-full-contact {
@media @large-start {
- margin-top: @base-line-height/2;
+ margin-top: @base-line-height / 2;
}
}
@@ -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/less/components/page/slovnik.less b/less/components/page/slovnik.less
index ef64104..0f19a93 100644
--- a/less/components/page/slovnik.less
+++ b/less/components/page/slovnik.less
@@ -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/less/components/price-date.less b/less/components/price-date.less
index b0dd383..bf37a96 100644
--- a/less/components/price-date.less
+++ b/less/components/price-date.less
@@ -9,7 +9,6 @@ Ceny, datumy - velke "cenovky"
// Dole pak velke displeje
// TODO sjednotit? Jaky je vztah k .flag?
-
// --- Modul Cena ---
// Uziva se v polozce seznamu ubytovatelu, last minute, v malych nahledech last minute atd.
//
5 nocí od 2 690 Kč
@@ -19,24 +18,24 @@ Ceny, datumy - velke "cenovky"
width: auto;
color: #444;
- strong {
- font-weight: normal;
- color: #888;
- }
+ strong {
+ font-weight: normal;
+ color: #888;
+ }
}
.price.price--big {
background-color: #ddd;
padding: 3px;
- margin: 0 6px 18px 0;
+ margin: 0 6px 18px 0;
}
-
// --- Modul Boxik s terminy ---
// Uziva se v detailu last minute, v seznamu LM nebo seznamu ubytovni
// Termíny: 28. 10. 2012 - 16. 11. 2012
-.date { }
+.date {
+}
// Varianta: Velky boxik pro detail last minute
.date.date--big {
@@ -45,15 +44,14 @@ Ceny, datumy - velke "cenovky"
color: #444;
background-color: #ddd;
padding: 3px;
- margin: 0 6px 18px 0;
+ margin: 0 6px 18px 0;
- strong {
- font-weight: normal;
- color: #888;
- }
+ strong {
+ font-weight: normal;
+ color: #888;
+ }
}
-
// --- Modul univerzalni velke navesti ---
// Uziva se v detailu last minute, pobytu, nebo v seznamech
// Polopenze
@@ -65,21 +63,18 @@ Ceny, datumy - velke "cenovky"
color: #444;
background-color: #ddd;
padding: 3px;
- margin: 0 6px 18px 0;
+ margin: 0 6px 18px 0;
- strong {
- font-weight: normal;
- color: #888;
- }
+ strong {
+ font-weight: normal;
+ color: #888;
+ }
}
-
// Velke displeje
// --------------
@media @large-start {
-
-
// --- Modul Cena ---
.price.price--big {
@@ -100,6 +95,4 @@ Ceny, datumy - velke "cenovky"
font-size: 16px;
padding: 7px;
}
-
-
} // @large-start
diff --git a/less/components/sister-websites.less b/less/components/sister-websites.less
index d3ed69c..4e7f738 100644
--- a/less/components/sister-websites.less
+++ b/less/components/sister-websites.less
@@ -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/less/components/site_logo.less b/less/components/site_logo.less
index 2a522d4..5d9e3c9 100644
--- a/less/components/site_logo.less
+++ b/less/components/site_logo.less
@@ -5,29 +5,26 @@ Na velkých displejích nalevo, na malých veprostřed nahoře.
*/
.site-logo {
- padding: @base-line-height 0;
+ padding: @base-line-height 0;
margin: 0;
- width: auto;
- text-align: center;
- font-size: 24px;
- font-weight: bold;
- color: @color-gamma;
+ width: auto;
+ text-align: center;
+ font-size: 24px;
+ font-weight: bold;
+ color: @color-gamma;
}
-
@media @large-start {
- .site-logo {
- float: left;
- margin-left: 30px;
- text-align: left;
- width: 300px;
- margin-top: 12px;
- margin-bottom: 12px;
- }
+ .site-logo {
+ float: left;
+ margin-left: 30px;
+ text-align: left;
+ width: 300px;
+ margin-top: 12px;
+ margin-bottom: 12px;
+ }
.site-logo a:hover {
text-decoration: none;
}
}
-
-
diff --git a/less/components/site_nav.less b/less/components/site_nav.less
index cff76b0..0d7e766 100644
--- a/less/components/site_nav.less
+++ b/less/components/site_nav.less
@@ -51,13 +51,13 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
// - s timto v prohlizeci kompiluju 10s, bez toho 3s :-( --> vzit jen jako CSS?
@import "../lib/pine/pine.less";
-@p-base-font-size : @base-font-size;
-@p-color : white;
-@p-background : @color-beta;
-@p-active-background : @color-gamma;
-@p-hover-background : @color-gamma;
-@p-small-screen-top : 146px;
-@p-large-display-start : @large-start-value;
+@p-base-font-size : @base-font-size;
+@p-color : white;
+@p-background : @color-beta;
+@p-active-background : @color-gamma;
+@p-hover-background : @color-gamma;
+@p-small-screen-top : 146px;
+@p-large-display-start : @large-start-value;
// Fix spatneho vyhlazovani caretu na FF
.pine-has-subnav > a:before {
@@ -70,16 +70,16 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
// - .container mess
.site-nav {
- clear: both;
- background: @color-beta;
+ clear: both;
+ 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;
height: 41px;
- }
+ }
@media print {
display: none;
@@ -90,9 +90,9 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
margin: 0;
padding: 0;
- @media @large-start {
- display: flex;
- }
+ @media @large-start {
+ display: flex;
+ }
}
.site-nav__main .pine-level-1 > li {
@@ -103,7 +103,7 @@ 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;
}
// Layout: Všechny tři subnavigace jsou na malých displejích vedle sebe
@@ -166,7 +166,7 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
// Položka navigace obecně
.container .site-nav a {
- box-sizing:border-box;
+ box-sizing: border-box;
display: block;
padding: 12px 12px 11px;
color: #fff;
@@ -189,20 +189,18 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
// Stylování od 2. úrovně dál
.container .pine-level-2 a {
- padding: @base-font-size*.75 15px (@base-font-size*.75 + 1px);
+ padding: @base-font-size*0.75 15px (@base-font-size*0.75 + 1px);
}
-
// ## Velké displeje
@media @large-start {
-
- // Položky navigací jsou na velkých vedle sebe
- .pine-level-1 > li {
- display: inline-block;
- position: relative;
- float: left;
- }
+ // Položky navigací jsou na velkých vedle sebe
+ .pine-level-1 > li {
+ display: inline-block;
+ position: relative;
+ float: left;
+ }
// Položka navigace se subnavigací
// Zobáček jinak než výchozí v Pine.js
@@ -213,8 +211,7 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
top: 19px;
right: 50%;
margin-right: -27px;
- border-top-color: rgba(255, 255, 255, .5)
+ border-top-color: rgba(255, 255, 255, 0.5);
}
}
-
}
diff --git a/less/components/text.less b/less/components/text.less
index eb51247..6792c06 100644
--- a/less/components/text.less
+++ b/less/components/text.less
@@ -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/less/index.less b/less/index.less
index 96824bd..2f8a75b 100644
--- a/less/index.less
+++ b/less/index.less
@@ -1,34 +1,45 @@
-
// Promenne
@import "variables/variables";
// Knihovny a styly pro externi kod
@import "lib/mixins";
-@import "lib/fancygallery";
+
// Zakladna
@import "base/reset";
@import "base/body";
@import "base/typo";
-@import "base/helpers";
+
// Layout
@import "layout/container";
@import "layout/layout";
+// Unikatni moduly - strankove
+@import "components/page/about";
+
+
// Moduly
@import "components/content_head";
@import "components/fancybox";
@import "components/flag";
@import "components/foot";
-@import "components/inline-list";
-@import "components/list-item";
@import "components/price-date";
@import "components/site_logo";
@import "components/site_nav";
-// Unikatni moduly - strankove
-@import "components/page/about";
+// Zrefaktorovane komponenty
+@import "components-new/inline-list";
+@import "components-new/list-item";
+
+// Kod treti strany
+.fancygallery {
+ // Libraries
+ @import "lib/fancygallery";
+}
// Tmave tema
@import "themes/dark";
+
+// Helpery
+@import "base/helpers";
diff --git a/less/layout/container.less b/less/layout/container.less
index 8b946fd..0b385a3 100644
--- a/less/layout/container.less
+++ b/less/layout/container.less
@@ -10,5 +10,5 @@ Kontejner layoutu
margin: 0 auto;
margin-bottom: 15px;
position: relative;
- box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
}
diff --git a/less/layout/layout.less b/less/layout/layout.less
index 80bb0ea..00e4ded 100644
--- a/less/layout/layout.less
+++ b/less/layout/layout.less
@@ -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;
- .clearfix();
+ margin-bottom: @base-line-height;
+ .clearfix();
}
/*
@@ -156,7 +154,7 @@ v .list_item neco podobneho) =jeden sloupec: 304x171 (?? TODO)
.half_column {
@media @large-start {
float: left;
- width: (@column-width/2 - @gutter); // 145px
+ width: (@column-width / 2 - @gutter); // 145px
margin-right: @gutter;
}
}
@@ -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;
+ }
- .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 {
+ // 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 {
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/less/lib/fancygallery.less b/less/lib/fancygallery.less
index b5d05ee..a4d3e52 100644
--- a/less/lib/fancygallery.less
+++ b/less/lib/fancygallery.less
@@ -49,7 +49,7 @@
/* Do not show scrollbars when FB is open */
body.fancybox-active {
- overflow: hidden;
+ overflow: hidden;
}
#fancybox-loading {
@@ -108,7 +108,7 @@ body.fancybox-active {
position: relative;
width: 100%;
height: 100%;
- background: #FFF;
+ background: #fff;
}
#fancybox-inner {
@@ -202,12 +202,12 @@ body.fancybox-active {
.fancybox-title-outside {
padding-top: 5px;
- color: #FFF;
+ color: #fff;
text-align: center;
}
.fancybox-title-over {
- color: #FFF;
+ color: #fff;
text-align: left;
}
@@ -249,7 +249,7 @@ body.fancybox-active {
#fancybox-left,
#fancybox-right {
position: fixed;
- bottom: 0px;
+ bottom: 0;
height: 100%;
width: 35%;
cursor: pointer;
@@ -260,11 +260,11 @@ body.fancybox-active {
}
#fancybox-left {
- left: 0px;
+ left: 0;
}
#fancybox-right {
- right: 0px;
+ right: 0;
}
#fancybox-left-ico,
@@ -282,13 +282,13 @@ body.fancybox-active {
#fancybox-left-ico {
background-image: url('../../images/fancygallery/fancy_nav_left.png');
- left: 0px;
+ left: 0;
}
#fancybox-right-ico {
background-image: url('../../images/fancygallery/fancy_nav_right.png');
left: auto;
- right: 0px;
+ right: 0;
}
#fancybox-left:hover #fancybox-left-ico,
@@ -297,7 +297,7 @@ body.fancybox-active {
#fancybox-right:hover #fancybox-right-ico,
#fancybox-right:focus #fancybox-right-ico,
#fancybox-right:active #fancybox-right-ico {
- background-position: 0 -77px;
+ background-position: 0 -77px;
}
/* Shadows are off */
@@ -319,34 +319,35 @@ body.fancybox-active {
* and has the classname "jcarousel-container".
*/
.jcarousel-container {
- position: relative;
+ position: relative;
}
.jcarousel-clip {
- z-index: 2;
- padding: 0;
- margin: 0;
- overflow: hidden;
- position: relative;
+ z-index: 2;
+ padding: 0;
+ margin: 0;
+ overflow: hidden;
+ position: relative;
}
.jcarousel-list {
- z-index: 1;
- overflow: hidden;
- position: relative;
- top: 0;
- left: 0;
- margin: 0;
- padding: 0;
+ z-index: 1;
+ overflow: hidden;
+ position: relative;
+ top: 0;
+ left: 0;
+ margin: 0;
+ padding: 0;
}
.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;
+ float: left;
+ list-style: none;
+
+ /* We set the width/height explicitly. No width/height causes infinite loops. */
+ width: 75px;
+ height: 75px;
}
/**
@@ -355,13 +356,13 @@ body.fancybox-active {
* have the classnames "jcarousel-next" and "jcarousel-prev".
*/
.jcarousel-next {
- z-index: 3;
- display: none;
+ z-index: 3;
+ display: none;
}
.jcarousel-prev {
- z-index: 3;
- display: none;
+ z-index: 3;
+ display: none;
}
@@ -392,85 +393,85 @@ Author: Martin Michalek, Studio Shortcat, michalek@shortcat.cz
}
.jcarousel-skin-shortcat .jcarousel-clip-horizontal {
- height: 40px;
- width: auto;
+ height: 40px;
+ width: auto;
}
.jcarousel-skin-shortcat .jcarousel-item,
.jcarousel-skin-shortcat .jcarousel-item img {
- width: 40px;
- height: 40px;
+ width: 40px;
+ height: 40px;
}
.jcarousel-skin-shortcat .jcarousel-item img {
- opacity: .5;
- -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
- filter: alpha(opacity=50);
+ opacity: 0.5;
+ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
+ filter: alpha(opacity=50);
}
.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);
+ opacity: 1;
+ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+ filter: alpha(opacity=100);
}
.jcarousel-skin-shortcat .jcarousel-item-horizontal {
- margin-right: 3px;
+ margin-right: 3px;
}
.jcarousel-skin-shortcat .jcarousel-item-placeholder {
- background: #fff;
- color: #000;
+ background: #fff;
+ color: #000;
}
/**
* 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;
+ position: absolute;
+ top: 0;
+ right: 10px;
+ width: 33px;
+ height: 40px;
+ cursor: pointer;
+ background: transparent url(../../images/fancygallery/fancygallery_next.gif) no-repeat top right;
}
.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;
+ background-position: top right;
}
.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;
+ cursor: default;
+ background-image: none;
}
.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;
+ position: absolute;
+ top: 0;
+ left: 10px;
+ width: 33px;
+ height: 40px;
+ cursor: pointer;
+ background: transparent url(../../images/fancygallery/fancygallery_prev.gif) no-repeat 0 0;
}
.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;
+ background-position: 0 0;
}
.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;
+ cursor: default;
+ background-image: none;
}
@@ -487,7 +488,7 @@ Author: Martin Michalek, Studio Shortcat, michalek@shortcat.cz
position: fixed;
z-index: 1108;
bottom: 20px;
- left: 0px;
+ left: 0;
width: 100%;
height: 40px;
}
diff --git a/less/lib/mixins.less b/less/lib/mixins.less
index af3129d..d50870f 100644
--- a/less/lib/mixins.less
+++ b/less/lib/mixins.less
@@ -38,7 +38,7 @@
// mean that space between those elements will be .6em (~2 space characters) in IE7,
// instead of the 1 space in other browsers.
.ie7-restore-left-whitespace() {
- *margin-left: .3em;
+ *margin-left: 0.3em;
&:first-child {
*margin-left: 0;
@@ -46,7 +46,7 @@
}
.ie7-restore-right-whitespace() {
- *margin-right: .3em;
+ *margin-right: 0.3em;
}
// Sizing shortcuts
diff --git a/less/themes/dark.less b/less/themes/dark.less
index a5b3aa9..9bfe163 100644
--- a/less/themes/dark.less
+++ b/less/themes/dark.less
@@ -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/less/variables/variables.less b/less/variables/variables.less
index 6a9b82c..a07680d 100644
--- a/less/variables/variables.less
+++ b/less/variables/variables.less
@@ -1,13 +1,12 @@
-
// Pismo
// -----
-@base-font-size: 12px;
-@base-line-height: 18px;
-@smaller-font-size: 11px;
-@smaller-line-height: 13px;
-@larger-font-size: 14px;
-@larger-line-height: 20px;
+@base-font-size: 12px;
+@base-line-height: 18px;
+@smaller-font-size: 11px;
+@smaller-line-height: 13px;
+@larger-font-size: 14px;
+@larger-line-height: 20px;
// Barvy
// -----
@@ -16,9 +15,9 @@
//- Zde jen pro ESK, pridat vychozi sedive schema
//- Proc anchor a jeste color-alpha?
-@anchor-color: #0EB10E;
-@active-color: darken(@anchor-color, 20%);
-@text-color: #000;
+@anchor-color: #0eb10e;
+@active-color: darken(@anchor-color, 20%);
+@text-color: #000;
// Svetla barva pro pozadi prvku
// Smichana hlavni barva se svetle sedivou.
@@ -31,14 +30,13 @@
@color-dark-plus: mix(darken(@color-alpha, 20%), #666, 30%);
// 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;
// Layout
// ------
@@ -46,23 +44,21 @@
@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 @medium-start { … }
-@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
// -------
+
@@ -197,7 +197,7 @@
-
+
-
-
+
@@ -224,23 +224,23 @@
-
+
-
-
+
+
PENZION ONYX
-
+
Lednice
Penzion Onyx se nachází v klidové zóně obce Lednice. Je vzdálený jen 800 m od centra obce.
-
+
1 noc od 595 Kč
diff --git a/js/rekrea-footer.js b/js/rekrea-footer.js
index 8dc6e13..31802ab 100644
--- a/js/rekrea-footer.js
+++ b/js/rekrea-footer.js
@@ -16,393 +16,790 @@
* 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
@@ -419,34 +816,817 @@
* 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='";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 =
+ '";
+ 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 +1637,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 +1661,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 +1678,7 @@ easingIn:"swing",easingOut:"swing",showCloseButton:true,showNavArrows:true,enabl
unveil();
return this;
-
};
-
})(window.jQuery || window.Zepto);
/* =============================================================
@@ -524,123 +1700,117 @@ easingIn:"swing",easingOut:"swing",showCloseButton:true,showNavArrows:true,enabl
* limitations under the License.
* ============================================================ */
-!function( $ ){
-
- "use strict"
+!(function($) {
+ "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])
-
- }
-
- , hide: function () {
- var dimension = this.dimension()
- this.reset(this.$element[dimension]())
- this.transition('removeClass', 'hide', 'hidden')
- this.$element[dimension](0)
- }
+ this.$element[dimension](0);
+ this.transition("addClass", "show", "shown");
+ this.$element[dimension](this.$element[0][scroll]);
+ },
- , reset: function ( size ) {
- var dimension = this.dimension()
+ hide: function() {
+ var dimension = this.dimension();
+ this.reset(this.$element[dimension]());
+ this.transition("removeClass", "hide", "hidden");
+ this.$element[dimension](0);
+ },
- this.$element
- .removeClass('collapse')
- [dimension](size || 'auto')
- [0].offsetWidth
+ reset: function(size) {
+ var dimension = this.dimension();
- this.$element.addClass('collapse')
- }
+ this.$element.removeClass("collapse")[dimension](size || "auto")[0]
+ .offsetWidth;
- , 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
+ };
+ $.fn.collapse.Constructor = Collapse;
- /* COLLAPSIBLE DATA-API
+ /* 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 );
+ $(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 +1824,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 +2008,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 +2043,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 +2072,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 +2109,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 +2124,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 +2146,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 +2179,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 +2204,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/less/base/body.less b/less/base/body.less
index 166af10..d9b9352 100644
--- a/less/base/body.less
+++ b/less/base/body.less
@@ -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/less/base/helpers.less b/less/base/helpers.less
index 64e2062..d736590 100644
--- a/less/base/helpers.less
+++ b/less/base/helpers.less
@@ -5,13 +5,13 @@ Helpery
*/
-
// Clearfix
// --------
// For clearing floats like a boss h5bp.com/q
.clearfix {
*zoom: 1;
- &:before, &:after {
+ &:before,
+ &:after {
display: table;
content: "";
// Fixes Opera/contenteditable bug:
@@ -63,12 +63,12 @@ Helpery
}
}
-
.dumb_only {
display: none !important;
}
-.center, .text-center {
+.center,
+.text-center {
text-align: center;
}
@@ -126,7 +126,9 @@ Helpery
color: #999;
text-decoration: underline;
- &:hover, &:focus, &:active {
+ &:hover,
+ &:focus,
+ &:active {
color: #666;
}
}
@@ -146,7 +148,6 @@ Helpery
border: 0;
}
-
// Z old_layout.less
// -----------------
@@ -162,7 +163,8 @@ Helpery
width: 48%;
}
-.clearBothZero, .clear_zero {
+.clearBothZero,
+.clear_zero {
display: block;
clear: both;
font-size: 1px;
@@ -170,7 +172,6 @@ Helpery
height: 1px;
}
-
.marginBottom3 {
margin-bottom: 3em;
}
@@ -236,16 +237,17 @@ p.submit {
}
.fontSmall {
- font-size: .5em;
+ font-size: 0.5em;
font-weight: normal;
}
small.fontSmall {
- font-size: .6em;
+ font-size: 0.6em;
font-weight: normal;
}
-table.fontSmall td, table.fontSmall th {
+table.fontSmall td,
+table.fontSmall th {
font-size: 1.4em;
font-weight: normal;
}
@@ -282,7 +284,6 @@ table.fontSmall td, table.fontSmall th {
display: none;
}
-
// Nove helpery (verze 2012)
// Presunout do noveho layoutu (if newlayout TODO)
@@ -298,7 +299,6 @@ table.fontSmall td, table.fontSmall th {
display: block;
}
-
// Presunuto z new_layout.less
// ---------------------------
@@ -323,7 +323,7 @@ table.fontSmall td, table.fontSmall th {
.unveil {
opacity: 0;
- transition: opacity .5s ease-in;
+ transition: opacity 0.5s ease-in;
}
// Odkaz na vice informaci
@@ -380,7 +380,9 @@ table.fontSmall td, table.fontSmall th {
display: block;
}
-.more_photos a:hover, .more_photos a:focus, .more_photos a:active {
+.more_photos a:hover,
+.more_photos a:focus,
+.more_photos a:active {
background-color: #eee;
cursor: pointer;
}
diff --git a/less/base/reset.less b/less/base/reset.less
index 188af52..d8a922b 100644
--- a/less/base/reset.less
+++ b/less/base/reset.less
@@ -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/less/base/typo.less b/less/base/typo.less
index efc7f93..fdccfcb 100644
--- a/less/base/typo.less
+++ b/less/base/typo.less
@@ -12,11 +12,20 @@ Typografie a linearni design
// Typografie
// ----------
-body, input, textarea, option, select {
- font: @base-font-size/@base-line-height Arial, Helvetica, sans-serif;
+body,
+input,
+textarea,
+option,
+select {
+ font: @base-font-size / @base-line-height Arial, Helvetica, sans-serif;
}
-h1,h2,h3,h4,h5,h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
font-family: Arial, Helvetica, sans-serif;
}
@@ -38,8 +47,11 @@ a {
// Linearni design
// ---------------
-
-p, ul, ol, table, blockquote {
+p,
+ul,
+ol,
+table,
+blockquote {
padding: 0;
margin: 0;
margin-bottom: @base-line-height;
@@ -76,7 +88,7 @@ h2,
h3,
.h3 {
- display: block;
+ display: block;
font-size: 14px;
line-height: 18px;
margin: 0 0 4px 0;
@@ -87,7 +99,7 @@ h3,
h4,
.h4 {
- display: block;
+ display: block;
font-size: @base-font-size;
line-height: @base-line-height;
margin: 0;
@@ -96,12 +108,11 @@ h4,
color: #666;
}
-
h2 small,
h3 small {
font-size: @base-font-size;
line-height: @base-line-height;
- color: #999;
+ color: #999;
}
big {
@@ -121,7 +132,7 @@ ul ul,
ul ol,
ol ol,
ol ul {
- margin-bottom: 0;
+ margin-bottom: 0;
}
ul {
@@ -134,7 +145,6 @@ ol li {
}
@media @large-start {
-
h2 small.float_right {
margin-top: 5px;
}
diff --git a/less/components/inline-list.less b/less/components-new/inline-list.less
similarity index 95%
rename from less/components/inline-list.less
rename to less/components-new/inline-list.less
index 7d2e50e..82adf6c 100644
--- a/less/components/inline-list.less
+++ b/less/components-new/inline-list.less
@@ -6,6 +6,7 @@
// - seznam polozek v bublinach - napr. staty
.inline-list {
+
margin-left: 23px;
line-height: 36px;
margin-bottom: 12px;
@@ -49,7 +50,9 @@
// .inline-list--large-items .inline-list__item--three-stars { … }
}
- &--no-margin-bottom { margin-bottom: 0; }
+ &--no-margin-bottom {
+ margin-bottom: 0;
+ }
&.active,
&:hover,
diff --git a/less/components-new/list-item.less b/less/components-new/list-item.less
new file mode 100644
index 0000000..cd3a0ce
--- /dev/null
+++ b/less/components-new/list-item.less
@@ -0,0 +1,145 @@
+/* @define list-item; weak
+
+# Komponenta Velka polozka seznamu
+
+Napr. seznamy ubytovatelu, pobytu, last-minute atd.
+
+.list-item
+ __image
+ __image-img
+ __flags
+ __content
+ __heading
+ __perex
+ __price
+
+*/
+
+.list-item {
+ position: relative;
+ box-sizing: border-box;
+ padding: (@base-line-height / 2) 0;
+ border: 1px solid transparent;
+ color: #666; // TODO promenna
+
+ @media @large-start {
+ float: left;
+ width: ~"calc((100% - 42px) / 3)"; // TODO magic number
+ height: 352px; // TODO magic number
+ padding: @base-line-height (@base-line-height / 2) (@base-line-height / 2);
+ margin: 0 7px 0 7px; // TODO magic number
+ }
+
+ /* stylelint-disable plugin/selector-bem-pattern */
+
+ // Ukazka kontextoveho pristupu,
+ // kdy muze byt v poradku porusit BEM syntaxi:
+
+ .cart & {
+ font-size: 11px; // TODO magic number
+ }
+
+ /* stylelint-enable */
+}
+
+.list-item__image {
+ position: relative;
+ float: left;
+ width: 36%;
+ margin-right: 4%;
+
+ @media @large-start {
+ width: auto;
+ float: none;
+ height: 165px; // 4:3
+ overflow: hidden; // Obrazek nesmi pretekat
+ margin-bottom: 12px;
+ margin-right: 0;
+ }
+
+ @media @extra-large-start {
+ height: 215px; // 4:3
+ }
+
+ &-img {
+ max-width: 100%; // Prizpusobuje se vysce
+ }
+}
+
+// Textovy obsah
+
+.list-item__content {
+ float: left;
+ width: 60%;
+ padding: 0; // reset .content
+
+ @media @large-start {
+ float: none;
+ width: auto;
+ }
+}
+
+.list-item__perex {
+ margin-bottom: 0; // TODO zobecnit do utility = .mb-0
+}
+
+.list-item__heading {
+ font-size: 120%; // TODO promenna
+ margin-bottom: 0;
+}
+
+.list-item__price {
+ // TODO proc uvedene hodnoty?
+ @media @large-start {
+ position: absolute;
+ right: 3px;
+ top: 150px;
+ }
+
+ @media @extra-large-start {
+ top: 200px;
+ }
+}
+
+// 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; // TODO promenna
+}
+
+// Aktivni stavy
+
+.list-item--active,
+.list-item:hover,
+.list-item:focus,
+.list-item:active {
+ background-color: #eee; // TODO promenna
+ cursor: pointer;
+ color: #333; // TODO promenna
+ border: 1px solid #ddd; // TODO promenna
+
+ .list-item__heading-anchor {
+ color: darken(@color-alpha, 20%);
+ text-decoration: underline;
+ }
+
+ // Funkcnost s povolenym JS
+
+ /* stylelint-disable plugin/selector-bem-pattern */
+
+ // Ukazka kontextoveho pristupu,
+ // kdy muze byt v poradku porusit BEM syntaxi:
+
+ .no-flexbox & {
+ background-color: #dedede;
+ }
+
+ /* stylelint-enable */
+}
diff --git a/less/components/fancybox.less b/less/components/fancybox.less
index 581c353..cd747bc 100644
--- a/less/components/fancybox.less
+++ b/less/components/fancybox.less
@@ -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/less/components/flag.less b/less/components/flag.less
index 5172be4..34355c4 100644
--- a/less/components/flag.less
+++ b/less/components/flag.less
@@ -27,7 +27,7 @@ a.flag:active {
.mixin-flag-sm() {
font-size: 9px;
padding: 2px 3px;
- letter-spacing: .02em;
+ letter-spacing: 0.02em;
}
.flag--sm {
@@ -45,8 +45,8 @@ a.flag:active {
@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;
}
}
@@ -56,45 +56,43 @@ a.flag:active {
// "Oblibeny ubytovatel"
.flag--bestseller {
- background: fadeout(lighten(@color-alpha, 5%),9%);
+ background: fadeout(lighten(@color-alpha, 5%), 9%);
}
// "Skvele hodnoceni"
.flag--ratings {
- background: fadeout(lighten(@color-alpha, 5%),9%);
+ background: fadeout(lighten(@color-alpha, 5%), 9%);
}
// "Last Minute"
.flag--lastminute {
- background: #FF9900;
- background: fadeout(#FF9900,9%);
+ background: #f90;
+ background: fadeout(#f90, 9%);
}
// "Horky tip"
.flag--hottip {
- background: #FFCC00;
- background: fadeout(#FFCC00,9%);
+ background: #fc0;
+ background: fadeout(#fc0, 9%);
}
// "Novinka"
.flag--new {
background: lighten(@color-alpha, 15%);
- background: fadeout(lighten(@color-alpha, 15%),9%);
+ background: fadeout(lighten(@color-alpha, 15%), 9%);
}
// "Sleva"
.flag--discount {
- background: #FF6600;
- background: fadeout(#FF6600, 9%);
+ background: #f60;
+ background: fadeout(#f60, 9%);
}
-
-
// Pozicovani ikon, pokud jich je vice
// -----------------------------------
@@ -103,7 +101,6 @@ a.flag:active {
// * Zatim vzdy prekryvaji obrazek (.image_item v detailu a .list_item .image v seznamu)
.flags {
-
.flag {
position: absolute;
top: 2px;
@@ -114,13 +111,13 @@ a.flag:active {
// * 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.
@@ -144,57 +141,56 @@ a.flag:active {
}
.flag + .flag + .flag {
- top: (2*@flag-height + 2px);
+ top: (2 * @flag-height + 2px);
&.flag--lg {
@media @large-start {
- top: (2*@flag-large-height + 2px);
+ top: (2 * @flag-large-height + 2px);
}
}
&.flag--sm {
- top: (2*@flag-small-height + 2px);
+ top: (2 * @flag-small-height + 2px);
}
@media @media-for-smaller-flag {
- top: (2*@flag-small-height + 2px);
+ top: (2 * @flag-small-height + 2px);
}
}
.flag + .flag + .flag + .flag {
- top: (3*@flag-height + 2px);
+ top: (3 * @flag-height + 2px);
&.flag--lg {
@media @large-start {
- top: (3*@flag-large-height + 2px);
+ top: (3 * @flag-large-height + 2px);
}
}
&.flag--sm {
- top: (3*@flag-small-height + 2px);
+ top: (3 * @flag-small-height + 2px);
}
@media @media-for-smaller-flag {
- top: (3*@flag-small-height + 2px);
+ top: (3 * @flag-small-height + 2px);
}
}
.flag + .flag + .flag + .flag + .flag {
- top: (4*@flag-height + 2px);
+ top: (4 * @flag-height + 2px);
&.flag--lg {
@media @large-start {
- top: (4*@flag-large-height + 2px);
+ top: (4 * @flag-large-height + 2px);
}
}
&.flag--sm {
- top: (4*@flag-small-height + 2px);
+ top: (4 * @flag-small-height + 2px);
}
@media @media-for-smaller-flag {
- top: (4*@flag-small-height + 2px);
+ top: (4 * @flag-small-height + 2px);
}
}
-
} // .flags
diff --git a/less/components/foot.less b/less/components/foot.less
index dc7eeb6..240ae18 100644
--- a/less/components/foot.less
+++ b/less/components/foot.less
@@ -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/less/components/form.less b/less/components/form.less
index 2084722..5b02be1 100644
--- a/less/components/form.less
+++ b/less/components/form.less
@@ -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/less/components/freestyle_grid.less b/less/components/freestyle_grid.less
index e8b22d4..43ab32c 100644
--- a/less/components/freestyle_grid.less
+++ b/less/components/freestyle_grid.less
@@ -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/less/components/list-item.less b/less/components/list-item.less
deleted file mode 100644
index fe1aad4..0000000
--- a/less/components/list-item.less
+++ /dev/null
@@ -1,120 +0,0 @@
-/* # Komponenta Velka polozka seznamu
-
-Napr. seznamy ubytovatelu, pobytu, last-minute atd.
-
-*/
-
-
-.list-item {
- position: relative;
- padding: 9px 0;
- border: 1px solid transparent;
- color: #66;
-
- box-sizing: border-box;
-
-
- @media @large-start {
- float: left;
- width: ~"calc((100% - 42px) / 3)"; // 304
- height: 352px;
- padding: 18px 9px 9px;
- margin: 0 7px 0 7px;
- }
-}
-
-.list-item .image {
- position: relative;
- float: left;
- width: 36%;
- margin-right: 4%;
-
- @media @large-start {
- width: auto;
- float: none;
- height: 165px; // 4:3
- overflow: hidden;
- margin-bottom: 12px;
- margin-right: 0;
- }
-
- @media @extra-large-start {
- height: 215px; // 4:3
- }
-
- img {
- max-width: 100%;
- }
-}
-
-
-
-// Textovy obsah
-
-.list-item .content {
- float: left;
- width: 60%;
- padding: 0; // reset .content
-
- @media @large-start {
- float: none;
- width: auto;
- }
-
- p {
- margin-bottom: 0;
- }
-
- h2 {
- font-size: 120%;
- margin-bottom: 0;
- }
-}
-
-.list-item .content .price {
- @media @large-start {
- position: absolute;
- right: 3px;
- top: 150px;
- }
-
- @media @extra-large-start {
- top: 200px;
- }
-}
-
-// Varianta bez spodniho ramecku
-// Napr. na homepages verze 2014
-
-.list-item.without_border {
- border-bottom: 0;
-}
-
-.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/less/components/page/about.less b/less/components/page/about.less
index 0cd776e..942d078 100644
--- a/less/components/page/about.less
+++ b/less/components/page/about.less
@@ -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;
@@ -30,7 +30,7 @@
.about-person-image img {
border-radius: 50%;
overflow: hidden;
- max-width: (@column-width/2 - @gutter); // 145px
+ max-width: (@column-width / 2 - @gutter); // 145px
display: block;
margin: 0 auto;
}
@@ -44,7 +44,7 @@
.about-person-full-text,
.about-person-full-contact {
@media @large-start {
- margin-top: @base-line-height/2;
+ margin-top: @base-line-height / 2;
}
}
@@ -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/less/components/page/slovnik.less b/less/components/page/slovnik.less
index ef64104..0f19a93 100644
--- a/less/components/page/slovnik.less
+++ b/less/components/page/slovnik.less
@@ -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/less/components/price-date.less b/less/components/price-date.less
index b0dd383..bf37a96 100644
--- a/less/components/price-date.less
+++ b/less/components/price-date.less
@@ -9,7 +9,6 @@ Ceny, datumy - velke "cenovky"
// Dole pak velke displeje
// TODO sjednotit? Jaky je vztah k .flag?
-
// --- Modul Cena ---
// Uziva se v polozce seznamu ubytovatelu, last minute, v malych nahledech last minute atd.
//
5 nocí od 2 690 Kč
@@ -19,24 +18,24 @@ Ceny, datumy - velke "cenovky"
width: auto;
color: #444;
- strong {
- font-weight: normal;
- color: #888;
- }
+ strong {
+ font-weight: normal;
+ color: #888;
+ }
}
.price.price--big {
background-color: #ddd;
padding: 3px;
- margin: 0 6px 18px 0;
+ margin: 0 6px 18px 0;
}
-
// --- Modul Boxik s terminy ---
// Uziva se v detailu last minute, v seznamu LM nebo seznamu ubytovni
// Termíny: 28. 10. 2012 - 16. 11. 2012
-.date { }
+.date {
+}
// Varianta: Velky boxik pro detail last minute
.date.date--big {
@@ -45,15 +44,14 @@ Ceny, datumy - velke "cenovky"
color: #444;
background-color: #ddd;
padding: 3px;
- margin: 0 6px 18px 0;
+ margin: 0 6px 18px 0;
- strong {
- font-weight: normal;
- color: #888;
- }
+ strong {
+ font-weight: normal;
+ color: #888;
+ }
}
-
// --- Modul univerzalni velke navesti ---
// Uziva se v detailu last minute, pobytu, nebo v seznamech
// Polopenze
@@ -65,21 +63,18 @@ Ceny, datumy - velke "cenovky"
color: #444;
background-color: #ddd;
padding: 3px;
- margin: 0 6px 18px 0;
+ margin: 0 6px 18px 0;
- strong {
- font-weight: normal;
- color: #888;
- }
+ strong {
+ font-weight: normal;
+ color: #888;
+ }
}
-
// Velke displeje
// --------------
@media @large-start {
-
-
// --- Modul Cena ---
.price.price--big {
@@ -100,6 +95,4 @@ Ceny, datumy - velke "cenovky"
font-size: 16px;
padding: 7px;
}
-
-
} // @large-start
diff --git a/less/components/sister-websites.less b/less/components/sister-websites.less
index d3ed69c..4e7f738 100644
--- a/less/components/sister-websites.less
+++ b/less/components/sister-websites.less
@@ -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/less/components/site_logo.less b/less/components/site_logo.less
index 2a522d4..5d9e3c9 100644
--- a/less/components/site_logo.less
+++ b/less/components/site_logo.less
@@ -5,29 +5,26 @@ Na velkých displejích nalevo, na malých veprostřed nahoře.
*/
.site-logo {
- padding: @base-line-height 0;
+ padding: @base-line-height 0;
margin: 0;
- width: auto;
- text-align: center;
- font-size: 24px;
- font-weight: bold;
- color: @color-gamma;
+ width: auto;
+ text-align: center;
+ font-size: 24px;
+ font-weight: bold;
+ color: @color-gamma;
}
-
@media @large-start {
- .site-logo {
- float: left;
- margin-left: 30px;
- text-align: left;
- width: 300px;
- margin-top: 12px;
- margin-bottom: 12px;
- }
+ .site-logo {
+ float: left;
+ margin-left: 30px;
+ text-align: left;
+ width: 300px;
+ margin-top: 12px;
+ margin-bottom: 12px;
+ }
.site-logo a:hover {
text-decoration: none;
}
}
-
-
diff --git a/less/components/site_nav.less b/less/components/site_nav.less
index cff76b0..0d7e766 100644
--- a/less/components/site_nav.less
+++ b/less/components/site_nav.less
@@ -51,13 +51,13 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
// - s timto v prohlizeci kompiluju 10s, bez toho 3s :-( --> vzit jen jako CSS?
@import "../lib/pine/pine.less";
-@p-base-font-size : @base-font-size;
-@p-color : white;
-@p-background : @color-beta;
-@p-active-background : @color-gamma;
-@p-hover-background : @color-gamma;
-@p-small-screen-top : 146px;
-@p-large-display-start : @large-start-value;
+@p-base-font-size : @base-font-size;
+@p-color : white;
+@p-background : @color-beta;
+@p-active-background : @color-gamma;
+@p-hover-background : @color-gamma;
+@p-small-screen-top : 146px;
+@p-large-display-start : @large-start-value;
// Fix spatneho vyhlazovani caretu na FF
.pine-has-subnav > a:before {
@@ -70,16 +70,16 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
// - .container mess
.site-nav {
- clear: both;
- background: @color-beta;
+ clear: both;
+ 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;
height: 41px;
- }
+ }
@media print {
display: none;
@@ -90,9 +90,9 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
margin: 0;
padding: 0;
- @media @large-start {
- display: flex;
- }
+ @media @large-start {
+ display: flex;
+ }
}
.site-nav__main .pine-level-1 > li {
@@ -103,7 +103,7 @@ 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;
}
// Layout: Všechny tři subnavigace jsou na malých displejích vedle sebe
@@ -166,7 +166,7 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
// Položka navigace obecně
.container .site-nav a {
- box-sizing:border-box;
+ box-sizing: border-box;
display: block;
padding: 12px 12px 11px;
color: #fff;
@@ -189,20 +189,18 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
// Stylování od 2. úrovně dál
.container .pine-level-2 a {
- padding: @base-font-size*.75 15px (@base-font-size*.75 + 1px);
+ padding: @base-font-size*0.75 15px (@base-font-size*0.75 + 1px);
}
-
// ## Velké displeje
@media @large-start {
-
- // Položky navigací jsou na velkých vedle sebe
- .pine-level-1 > li {
- display: inline-block;
- position: relative;
- float: left;
- }
+ // Položky navigací jsou na velkých vedle sebe
+ .pine-level-1 > li {
+ display: inline-block;
+ position: relative;
+ float: left;
+ }
// Položka navigace se subnavigací
// Zobáček jinak než výchozí v Pine.js
@@ -213,8 +211,7 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
top: 19px;
right: 50%;
margin-right: -27px;
- border-top-color: rgba(255, 255, 255, .5)
+ border-top-color: rgba(255, 255, 255, 0.5);
}
}
-
}
diff --git a/less/components/text.less b/less/components/text.less
index eb51247..6792c06 100644
--- a/less/components/text.less
+++ b/less/components/text.less
@@ -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/less/index.less b/less/index.less
index 96824bd..2f8a75b 100644
--- a/less/index.less
+++ b/less/index.less
@@ -1,34 +1,45 @@
-
// Promenne
@import "variables/variables";
// Knihovny a styly pro externi kod
@import "lib/mixins";
-@import "lib/fancygallery";
+
// Zakladna
@import "base/reset";
@import "base/body";
@import "base/typo";
-@import "base/helpers";
+
// Layout
@import "layout/container";
@import "layout/layout";
+// Unikatni moduly - strankove
+@import "components/page/about";
+
+
// Moduly
@import "components/content_head";
@import "components/fancybox";
@import "components/flag";
@import "components/foot";
-@import "components/inline-list";
-@import "components/list-item";
@import "components/price-date";
@import "components/site_logo";
@import "components/site_nav";
-// Unikatni moduly - strankove
-@import "components/page/about";
+// Zrefaktorovane komponenty
+@import "components-new/inline-list";
+@import "components-new/list-item";
+
+// Kod treti strany
+.fancygallery {
+ // Libraries
+ @import "lib/fancygallery";
+}
// Tmave tema
@import "themes/dark";
+
+// Helpery
+@import "base/helpers";
diff --git a/less/layout/container.less b/less/layout/container.less
index 8b946fd..0b385a3 100644
--- a/less/layout/container.less
+++ b/less/layout/container.less
@@ -10,5 +10,5 @@ Kontejner layoutu
margin: 0 auto;
margin-bottom: 15px;
position: relative;
- box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
}
diff --git a/less/layout/layout.less b/less/layout/layout.less
index 80bb0ea..00e4ded 100644
--- a/less/layout/layout.less
+++ b/less/layout/layout.less
@@ -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;
- .clearfix();
+ margin-bottom: @base-line-height;
+ .clearfix();
}
/*
@@ -156,7 +154,7 @@ v .list_item neco podobneho) =jeden sloupec: 304x171 (?? TODO)
.half_column {
@media @large-start {
float: left;
- width: (@column-width/2 - @gutter); // 145px
+ width: (@column-width / 2 - @gutter); // 145px
margin-right: @gutter;
}
}
@@ -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;
+ }
- .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 {
+ // 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 {
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/less/lib/fancygallery.less b/less/lib/fancygallery.less
index b5d05ee..a4d3e52 100644
--- a/less/lib/fancygallery.less
+++ b/less/lib/fancygallery.less
@@ -49,7 +49,7 @@
/* Do not show scrollbars when FB is open */
body.fancybox-active {
- overflow: hidden;
+ overflow: hidden;
}
#fancybox-loading {
@@ -108,7 +108,7 @@ body.fancybox-active {
position: relative;
width: 100%;
height: 100%;
- background: #FFF;
+ background: #fff;
}
#fancybox-inner {
@@ -202,12 +202,12 @@ body.fancybox-active {
.fancybox-title-outside {
padding-top: 5px;
- color: #FFF;
+ color: #fff;
text-align: center;
}
.fancybox-title-over {
- color: #FFF;
+ color: #fff;
text-align: left;
}
@@ -249,7 +249,7 @@ body.fancybox-active {
#fancybox-left,
#fancybox-right {
position: fixed;
- bottom: 0px;
+ bottom: 0;
height: 100%;
width: 35%;
cursor: pointer;
@@ -260,11 +260,11 @@ body.fancybox-active {
}
#fancybox-left {
- left: 0px;
+ left: 0;
}
#fancybox-right {
- right: 0px;
+ right: 0;
}
#fancybox-left-ico,
@@ -282,13 +282,13 @@ body.fancybox-active {
#fancybox-left-ico {
background-image: url('../../images/fancygallery/fancy_nav_left.png');
- left: 0px;
+ left: 0;
}
#fancybox-right-ico {
background-image: url('../../images/fancygallery/fancy_nav_right.png');
left: auto;
- right: 0px;
+ right: 0;
}
#fancybox-left:hover #fancybox-left-ico,
@@ -297,7 +297,7 @@ body.fancybox-active {
#fancybox-right:hover #fancybox-right-ico,
#fancybox-right:focus #fancybox-right-ico,
#fancybox-right:active #fancybox-right-ico {
- background-position: 0 -77px;
+ background-position: 0 -77px;
}
/* Shadows are off */
@@ -319,34 +319,35 @@ body.fancybox-active {
* and has the classname "jcarousel-container".
*/
.jcarousel-container {
- position: relative;
+ position: relative;
}
.jcarousel-clip {
- z-index: 2;
- padding: 0;
- margin: 0;
- overflow: hidden;
- position: relative;
+ z-index: 2;
+ padding: 0;
+ margin: 0;
+ overflow: hidden;
+ position: relative;
}
.jcarousel-list {
- z-index: 1;
- overflow: hidden;
- position: relative;
- top: 0;
- left: 0;
- margin: 0;
- padding: 0;
+ z-index: 1;
+ overflow: hidden;
+ position: relative;
+ top: 0;
+ left: 0;
+ margin: 0;
+ padding: 0;
}
.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;
+ float: left;
+ list-style: none;
+
+ /* We set the width/height explicitly. No width/height causes infinite loops. */
+ width: 75px;
+ height: 75px;
}
/**
@@ -355,13 +356,13 @@ body.fancybox-active {
* have the classnames "jcarousel-next" and "jcarousel-prev".
*/
.jcarousel-next {
- z-index: 3;
- display: none;
+ z-index: 3;
+ display: none;
}
.jcarousel-prev {
- z-index: 3;
- display: none;
+ z-index: 3;
+ display: none;
}
@@ -392,85 +393,85 @@ Author: Martin Michalek, Studio Shortcat, michalek@shortcat.cz
}
.jcarousel-skin-shortcat .jcarousel-clip-horizontal {
- height: 40px;
- width: auto;
+ height: 40px;
+ width: auto;
}
.jcarousel-skin-shortcat .jcarousel-item,
.jcarousel-skin-shortcat .jcarousel-item img {
- width: 40px;
- height: 40px;
+ width: 40px;
+ height: 40px;
}
.jcarousel-skin-shortcat .jcarousel-item img {
- opacity: .5;
- -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
- filter: alpha(opacity=50);
+ opacity: 0.5;
+ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
+ filter: alpha(opacity=50);
}
.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);
+ opacity: 1;
+ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+ filter: alpha(opacity=100);
}
.jcarousel-skin-shortcat .jcarousel-item-horizontal {
- margin-right: 3px;
+ margin-right: 3px;
}
.jcarousel-skin-shortcat .jcarousel-item-placeholder {
- background: #fff;
- color: #000;
+ background: #fff;
+ color: #000;
}
/**
* 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;
+ position: absolute;
+ top: 0;
+ right: 10px;
+ width: 33px;
+ height: 40px;
+ cursor: pointer;
+ background: transparent url(../../images/fancygallery/fancygallery_next.gif) no-repeat top right;
}
.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;
+ background-position: top right;
}
.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;
+ cursor: default;
+ background-image: none;
}
.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;
+ position: absolute;
+ top: 0;
+ left: 10px;
+ width: 33px;
+ height: 40px;
+ cursor: pointer;
+ background: transparent url(../../images/fancygallery/fancygallery_prev.gif) no-repeat 0 0;
}
.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;
+ background-position: 0 0;
}
.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;
+ cursor: default;
+ background-image: none;
}
@@ -487,7 +488,7 @@ Author: Martin Michalek, Studio Shortcat, michalek@shortcat.cz
position: fixed;
z-index: 1108;
bottom: 20px;
- left: 0px;
+ left: 0;
width: 100%;
height: 40px;
}
diff --git a/less/lib/mixins.less b/less/lib/mixins.less
index af3129d..d50870f 100644
--- a/less/lib/mixins.less
+++ b/less/lib/mixins.less
@@ -38,7 +38,7 @@
// mean that space between those elements will be .6em (~2 space characters) in IE7,
// instead of the 1 space in other browsers.
.ie7-restore-left-whitespace() {
- *margin-left: .3em;
+ *margin-left: 0.3em;
&:first-child {
*margin-left: 0;
@@ -46,7 +46,7 @@
}
.ie7-restore-right-whitespace() {
- *margin-right: .3em;
+ *margin-right: 0.3em;
}
// Sizing shortcuts
diff --git a/less/themes/dark.less b/less/themes/dark.less
index a5b3aa9..9bfe163 100644
--- a/less/themes/dark.less
+++ b/less/themes/dark.less
@@ -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/less/variables/variables.less b/less/variables/variables.less
index 6a9b82c..a07680d 100644
--- a/less/variables/variables.less
+++ b/less/variables/variables.less
@@ -1,13 +1,12 @@
-
// Pismo
// -----
-@base-font-size: 12px;
-@base-line-height: 18px;
-@smaller-font-size: 11px;
-@smaller-line-height: 13px;
-@larger-font-size: 14px;
-@larger-line-height: 20px;
+@base-font-size: 12px;
+@base-line-height: 18px;
+@smaller-font-size: 11px;
+@smaller-line-height: 13px;
+@larger-font-size: 14px;
+@larger-line-height: 20px;
// Barvy
// -----
@@ -16,9 +15,9 @@
//- Zde jen pro ESK, pridat vychozi sedive schema
//- Proc anchor a jeste color-alpha?
-@anchor-color: #0EB10E;
-@active-color: darken(@anchor-color, 20%);
-@text-color: #000;
+@anchor-color: #0eb10e;
+@active-color: darken(@anchor-color, 20%);
+@text-color: #000;
// Svetla barva pro pozadi prvku
// Smichana hlavni barva se svetle sedivou.
@@ -31,14 +30,13 @@
@color-dark-plus: mix(darken(@color-alpha, 20%), #666, 30%);
// 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;
// Layout
// ------
@@ -46,23 +44,21 @@
@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 @medium-start { … }
-@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
// -------
+
-
-
+
@@ -224,23 +224,23 @@
-
+
-
-
+
+
PENZION ONYX
-
+
Lednice
Penzion Onyx se nachází v klidové zóně obce Lednice. Je vzdálený jen 800 m od centra obce.
-
+
1 noc od 595 Kč
diff --git a/js/rekrea-footer.js b/js/rekrea-footer.js
index 8dc6e13..31802ab 100644
--- a/js/rekrea-footer.js
+++ b/js/rekrea-footer.js
@@ -16,393 +16,790 @@
* 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
@@ -419,34 +816,817 @@
* 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='";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 =
+ '";
+ 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 +1637,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 +1661,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 +1678,7 @@ easingIn:"swing",easingOut:"swing",showCloseButton:true,showNavArrows:true,enabl
unveil();
return this;
-
};
-
})(window.jQuery || window.Zepto);
/* =============================================================
@@ -524,123 +1700,117 @@ easingIn:"swing",easingOut:"swing",showCloseButton:true,showNavArrows:true,enabl
* limitations under the License.
* ============================================================ */
-!function( $ ){
-
- "use strict"
+!(function($) {
+ "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])
-
- }
-
- , hide: function () {
- var dimension = this.dimension()
- this.reset(this.$element[dimension]())
- this.transition('removeClass', 'hide', 'hidden')
- this.$element[dimension](0)
- }
+ this.$element[dimension](0);
+ this.transition("addClass", "show", "shown");
+ this.$element[dimension](this.$element[0][scroll]);
+ },
- , reset: function ( size ) {
- var dimension = this.dimension()
+ hide: function() {
+ var dimension = this.dimension();
+ this.reset(this.$element[dimension]());
+ this.transition("removeClass", "hide", "hidden");
+ this.$element[dimension](0);
+ },
- this.$element
- .removeClass('collapse')
- [dimension](size || 'auto')
- [0].offsetWidth
+ reset: function(size) {
+ var dimension = this.dimension();
- this.$element.addClass('collapse')
- }
+ this.$element.removeClass("collapse")[dimension](size || "auto")[0]
+ .offsetWidth;
- , 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
+ };
+ $.fn.collapse.Constructor = Collapse;
- /* COLLAPSIBLE DATA-API
+ /* 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 );
+ $(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 +1824,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 +2008,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 +2043,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 +2072,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 +2109,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 +2124,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 +2146,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 +2179,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 +2204,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/less/base/body.less b/less/base/body.less
index 166af10..d9b9352 100644
--- a/less/base/body.less
+++ b/less/base/body.less
@@ -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/less/base/helpers.less b/less/base/helpers.less
index 64e2062..d736590 100644
--- a/less/base/helpers.less
+++ b/less/base/helpers.less
@@ -5,13 +5,13 @@ Helpery
*/
-
// Clearfix
// --------
// For clearing floats like a boss h5bp.com/q
.clearfix {
*zoom: 1;
- &:before, &:after {
+ &:before,
+ &:after {
display: table;
content: "";
// Fixes Opera/contenteditable bug:
@@ -63,12 +63,12 @@ Helpery
}
}
-
.dumb_only {
display: none !important;
}
-.center, .text-center {
+.center,
+.text-center {
text-align: center;
}
@@ -126,7 +126,9 @@ Helpery
color: #999;
text-decoration: underline;
- &:hover, &:focus, &:active {
+ &:hover,
+ &:focus,
+ &:active {
color: #666;
}
}
@@ -146,7 +148,6 @@ Helpery
border: 0;
}
-
// Z old_layout.less
// -----------------
@@ -162,7 +163,8 @@ Helpery
width: 48%;
}
-.clearBothZero, .clear_zero {
+.clearBothZero,
+.clear_zero {
display: block;
clear: both;
font-size: 1px;
@@ -170,7 +172,6 @@ Helpery
height: 1px;
}
-
.marginBottom3 {
margin-bottom: 3em;
}
@@ -236,16 +237,17 @@ p.submit {
}
.fontSmall {
- font-size: .5em;
+ font-size: 0.5em;
font-weight: normal;
}
small.fontSmall {
- font-size: .6em;
+ font-size: 0.6em;
font-weight: normal;
}
-table.fontSmall td, table.fontSmall th {
+table.fontSmall td,
+table.fontSmall th {
font-size: 1.4em;
font-weight: normal;
}
@@ -282,7 +284,6 @@ table.fontSmall td, table.fontSmall th {
display: none;
}
-
// Nove helpery (verze 2012)
// Presunout do noveho layoutu (if newlayout TODO)
@@ -298,7 +299,6 @@ table.fontSmall td, table.fontSmall th {
display: block;
}
-
// Presunuto z new_layout.less
// ---------------------------
@@ -323,7 +323,7 @@ table.fontSmall td, table.fontSmall th {
.unveil {
opacity: 0;
- transition: opacity .5s ease-in;
+ transition: opacity 0.5s ease-in;
}
// Odkaz na vice informaci
@@ -380,7 +380,9 @@ table.fontSmall td, table.fontSmall th {
display: block;
}
-.more_photos a:hover, .more_photos a:focus, .more_photos a:active {
+.more_photos a:hover,
+.more_photos a:focus,
+.more_photos a:active {
background-color: #eee;
cursor: pointer;
}
diff --git a/less/base/reset.less b/less/base/reset.less
index 188af52..d8a922b 100644
--- a/less/base/reset.less
+++ b/less/base/reset.less
@@ -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/less/base/typo.less b/less/base/typo.less
index efc7f93..fdccfcb 100644
--- a/less/base/typo.less
+++ b/less/base/typo.less
@@ -12,11 +12,20 @@ Typografie a linearni design
// Typografie
// ----------
-body, input, textarea, option, select {
- font: @base-font-size/@base-line-height Arial, Helvetica, sans-serif;
+body,
+input,
+textarea,
+option,
+select {
+ font: @base-font-size / @base-line-height Arial, Helvetica, sans-serif;
}
-h1,h2,h3,h4,h5,h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
font-family: Arial, Helvetica, sans-serif;
}
@@ -38,8 +47,11 @@ a {
// Linearni design
// ---------------
-
-p, ul, ol, table, blockquote {
+p,
+ul,
+ol,
+table,
+blockquote {
padding: 0;
margin: 0;
margin-bottom: @base-line-height;
@@ -76,7 +88,7 @@ h2,
h3,
.h3 {
- display: block;
+ display: block;
font-size: 14px;
line-height: 18px;
margin: 0 0 4px 0;
@@ -87,7 +99,7 @@ h3,
h4,
.h4 {
- display: block;
+ display: block;
font-size: @base-font-size;
line-height: @base-line-height;
margin: 0;
@@ -96,12 +108,11 @@ h4,
color: #666;
}
-
h2 small,
h3 small {
font-size: @base-font-size;
line-height: @base-line-height;
- color: #999;
+ color: #999;
}
big {
@@ -121,7 +132,7 @@ ul ul,
ul ol,
ol ol,
ol ul {
- margin-bottom: 0;
+ margin-bottom: 0;
}
ul {
@@ -134,7 +145,6 @@ ol li {
}
@media @large-start {
-
h2 small.float_right {
margin-top: 5px;
}
diff --git a/less/components/inline-list.less b/less/components-new/inline-list.less
similarity index 95%
rename from less/components/inline-list.less
rename to less/components-new/inline-list.less
index 7d2e50e..82adf6c 100644
--- a/less/components/inline-list.less
+++ b/less/components-new/inline-list.less
@@ -6,6 +6,7 @@
// - seznam polozek v bublinach - napr. staty
.inline-list {
+
margin-left: 23px;
line-height: 36px;
margin-bottom: 12px;
@@ -49,7 +50,9 @@
// .inline-list--large-items .inline-list__item--three-stars { … }
}
- &--no-margin-bottom { margin-bottom: 0; }
+ &--no-margin-bottom {
+ margin-bottom: 0;
+ }
&.active,
&:hover,
diff --git a/less/components-new/list-item.less b/less/components-new/list-item.less
new file mode 100644
index 0000000..cd3a0ce
--- /dev/null
+++ b/less/components-new/list-item.less
@@ -0,0 +1,145 @@
+/* @define list-item; weak
+
+# Komponenta Velka polozka seznamu
+
+Napr. seznamy ubytovatelu, pobytu, last-minute atd.
+
+.list-item
+ __image
+ __image-img
+ __flags
+ __content
+ __heading
+ __perex
+ __price
+
+*/
+
+.list-item {
+ position: relative;
+ box-sizing: border-box;
+ padding: (@base-line-height / 2) 0;
+ border: 1px solid transparent;
+ color: #666; // TODO promenna
+
+ @media @large-start {
+ float: left;
+ width: ~"calc((100% - 42px) / 3)"; // TODO magic number
+ height: 352px; // TODO magic number
+ padding: @base-line-height (@base-line-height / 2) (@base-line-height / 2);
+ margin: 0 7px 0 7px; // TODO magic number
+ }
+
+ /* stylelint-disable plugin/selector-bem-pattern */
+
+ // Ukazka kontextoveho pristupu,
+ // kdy muze byt v poradku porusit BEM syntaxi:
+
+ .cart & {
+ font-size: 11px; // TODO magic number
+ }
+
+ /* stylelint-enable */
+}
+
+.list-item__image {
+ position: relative;
+ float: left;
+ width: 36%;
+ margin-right: 4%;
+
+ @media @large-start {
+ width: auto;
+ float: none;
+ height: 165px; // 4:3
+ overflow: hidden; // Obrazek nesmi pretekat
+ margin-bottom: 12px;
+ margin-right: 0;
+ }
+
+ @media @extra-large-start {
+ height: 215px; // 4:3
+ }
+
+ &-img {
+ max-width: 100%; // Prizpusobuje se vysce
+ }
+}
+
+// Textovy obsah
+
+.list-item__content {
+ float: left;
+ width: 60%;
+ padding: 0; // reset .content
+
+ @media @large-start {
+ float: none;
+ width: auto;
+ }
+}
+
+.list-item__perex {
+ margin-bottom: 0; // TODO zobecnit do utility = .mb-0
+}
+
+.list-item__heading {
+ font-size: 120%; // TODO promenna
+ margin-bottom: 0;
+}
+
+.list-item__price {
+ // TODO proc uvedene hodnoty?
+ @media @large-start {
+ position: absolute;
+ right: 3px;
+ top: 150px;
+ }
+
+ @media @extra-large-start {
+ top: 200px;
+ }
+}
+
+// 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; // TODO promenna
+}
+
+// Aktivni stavy
+
+.list-item--active,
+.list-item:hover,
+.list-item:focus,
+.list-item:active {
+ background-color: #eee; // TODO promenna
+ cursor: pointer;
+ color: #333; // TODO promenna
+ border: 1px solid #ddd; // TODO promenna
+
+ .list-item__heading-anchor {
+ color: darken(@color-alpha, 20%);
+ text-decoration: underline;
+ }
+
+ // Funkcnost s povolenym JS
+
+ /* stylelint-disable plugin/selector-bem-pattern */
+
+ // Ukazka kontextoveho pristupu,
+ // kdy muze byt v poradku porusit BEM syntaxi:
+
+ .no-flexbox & {
+ background-color: #dedede;
+ }
+
+ /* stylelint-enable */
+}
diff --git a/less/components/fancybox.less b/less/components/fancybox.less
index 581c353..cd747bc 100644
--- a/less/components/fancybox.less
+++ b/less/components/fancybox.less
@@ -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/less/components/flag.less b/less/components/flag.less
index 5172be4..34355c4 100644
--- a/less/components/flag.less
+++ b/less/components/flag.less
@@ -27,7 +27,7 @@ a.flag:active {
.mixin-flag-sm() {
font-size: 9px;
padding: 2px 3px;
- letter-spacing: .02em;
+ letter-spacing: 0.02em;
}
.flag--sm {
@@ -45,8 +45,8 @@ a.flag:active {
@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;
}
}
@@ -56,45 +56,43 @@ a.flag:active {
// "Oblibeny ubytovatel"
.flag--bestseller {
- background: fadeout(lighten(@color-alpha, 5%),9%);
+ background: fadeout(lighten(@color-alpha, 5%), 9%);
}
// "Skvele hodnoceni"
.flag--ratings {
- background: fadeout(lighten(@color-alpha, 5%),9%);
+ background: fadeout(lighten(@color-alpha, 5%), 9%);
}
// "Last Minute"
.flag--lastminute {
- background: #FF9900;
- background: fadeout(#FF9900,9%);
+ background: #f90;
+ background: fadeout(#f90, 9%);
}
// "Horky tip"
.flag--hottip {
- background: #FFCC00;
- background: fadeout(#FFCC00,9%);
+ background: #fc0;
+ background: fadeout(#fc0, 9%);
}
// "Novinka"
.flag--new {
background: lighten(@color-alpha, 15%);
- background: fadeout(lighten(@color-alpha, 15%),9%);
+ background: fadeout(lighten(@color-alpha, 15%), 9%);
}
// "Sleva"
.flag--discount {
- background: #FF6600;
- background: fadeout(#FF6600, 9%);
+ background: #f60;
+ background: fadeout(#f60, 9%);
}
-
-
// Pozicovani ikon, pokud jich je vice
// -----------------------------------
@@ -103,7 +101,6 @@ a.flag:active {
// * Zatim vzdy prekryvaji obrazek (.image_item v detailu a .list_item .image v seznamu)
.flags {
-
.flag {
position: absolute;
top: 2px;
@@ -114,13 +111,13 @@ a.flag:active {
// * 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.
@@ -144,57 +141,56 @@ a.flag:active {
}
.flag + .flag + .flag {
- top: (2*@flag-height + 2px);
+ top: (2 * @flag-height + 2px);
&.flag--lg {
@media @large-start {
- top: (2*@flag-large-height + 2px);
+ top: (2 * @flag-large-height + 2px);
}
}
&.flag--sm {
- top: (2*@flag-small-height + 2px);
+ top: (2 * @flag-small-height + 2px);
}
@media @media-for-smaller-flag {
- top: (2*@flag-small-height + 2px);
+ top: (2 * @flag-small-height + 2px);
}
}
.flag + .flag + .flag + .flag {
- top: (3*@flag-height + 2px);
+ top: (3 * @flag-height + 2px);
&.flag--lg {
@media @large-start {
- top: (3*@flag-large-height + 2px);
+ top: (3 * @flag-large-height + 2px);
}
}
&.flag--sm {
- top: (3*@flag-small-height + 2px);
+ top: (3 * @flag-small-height + 2px);
}
@media @media-for-smaller-flag {
- top: (3*@flag-small-height + 2px);
+ top: (3 * @flag-small-height + 2px);
}
}
.flag + .flag + .flag + .flag + .flag {
- top: (4*@flag-height + 2px);
+ top: (4 * @flag-height + 2px);
&.flag--lg {
@media @large-start {
- top: (4*@flag-large-height + 2px);
+ top: (4 * @flag-large-height + 2px);
}
}
&.flag--sm {
- top: (4*@flag-small-height + 2px);
+ top: (4 * @flag-small-height + 2px);
}
@media @media-for-smaller-flag {
- top: (4*@flag-small-height + 2px);
+ top: (4 * @flag-small-height + 2px);
}
}
-
} // .flags
diff --git a/less/components/foot.less b/less/components/foot.less
index dc7eeb6..240ae18 100644
--- a/less/components/foot.less
+++ b/less/components/foot.less
@@ -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/less/components/form.less b/less/components/form.less
index 2084722..5b02be1 100644
--- a/less/components/form.less
+++ b/less/components/form.less
@@ -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/less/components/freestyle_grid.less b/less/components/freestyle_grid.less
index e8b22d4..43ab32c 100644
--- a/less/components/freestyle_grid.less
+++ b/less/components/freestyle_grid.less
@@ -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/less/components/list-item.less b/less/components/list-item.less
deleted file mode 100644
index fe1aad4..0000000
--- a/less/components/list-item.less
+++ /dev/null
@@ -1,120 +0,0 @@
-/* # Komponenta Velka polozka seznamu
-
-Napr. seznamy ubytovatelu, pobytu, last-minute atd.
-
-*/
-
-
-.list-item {
- position: relative;
- padding: 9px 0;
- border: 1px solid transparent;
- color: #66;
-
- box-sizing: border-box;
-
-
- @media @large-start {
- float: left;
- width: ~"calc((100% - 42px) / 3)"; // 304
- height: 352px;
- padding: 18px 9px 9px;
- margin: 0 7px 0 7px;
- }
-}
-
-.list-item .image {
- position: relative;
- float: left;
- width: 36%;
- margin-right: 4%;
-
- @media @large-start {
- width: auto;
- float: none;
- height: 165px; // 4:3
- overflow: hidden;
- margin-bottom: 12px;
- margin-right: 0;
- }
-
- @media @extra-large-start {
- height: 215px; // 4:3
- }
-
- img {
- max-width: 100%;
- }
-}
-
-
-
-// Textovy obsah
-
-.list-item .content {
- float: left;
- width: 60%;
- padding: 0; // reset .content
-
- @media @large-start {
- float: none;
- width: auto;
- }
-
- p {
- margin-bottom: 0;
- }
-
- h2 {
- font-size: 120%;
- margin-bottom: 0;
- }
-}
-
-.list-item .content .price {
- @media @large-start {
- position: absolute;
- right: 3px;
- top: 150px;
- }
-
- @media @extra-large-start {
- top: 200px;
- }
-}
-
-// Varianta bez spodniho ramecku
-// Napr. na homepages verze 2014
-
-.list-item.without_border {
- border-bottom: 0;
-}
-
-.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/less/components/page/about.less b/less/components/page/about.less
index 0cd776e..942d078 100644
--- a/less/components/page/about.less
+++ b/less/components/page/about.less
@@ -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;
@@ -30,7 +30,7 @@
.about-person-image img {
border-radius: 50%;
overflow: hidden;
- max-width: (@column-width/2 - @gutter); // 145px
+ max-width: (@column-width / 2 - @gutter); // 145px
display: block;
margin: 0 auto;
}
@@ -44,7 +44,7 @@
.about-person-full-text,
.about-person-full-contact {
@media @large-start {
- margin-top: @base-line-height/2;
+ margin-top: @base-line-height / 2;
}
}
@@ -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/less/components/page/slovnik.less b/less/components/page/slovnik.less
index ef64104..0f19a93 100644
--- a/less/components/page/slovnik.less
+++ b/less/components/page/slovnik.less
@@ -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/less/components/price-date.less b/less/components/price-date.less
index b0dd383..bf37a96 100644
--- a/less/components/price-date.less
+++ b/less/components/price-date.less
@@ -9,7 +9,6 @@ Ceny, datumy - velke "cenovky"
// Dole pak velke displeje
// TODO sjednotit? Jaky je vztah k .flag?
-
// --- Modul Cena ---
// Uziva se v polozce seznamu ubytovatelu, last minute, v malych nahledech last minute atd.
//
5 nocí od 2 690 Kč
@@ -19,24 +18,24 @@ Ceny, datumy - velke "cenovky"
width: auto;
color: #444;
- strong {
- font-weight: normal;
- color: #888;
- }
+ strong {
+ font-weight: normal;
+ color: #888;
+ }
}
.price.price--big {
background-color: #ddd;
padding: 3px;
- margin: 0 6px 18px 0;
+ margin: 0 6px 18px 0;
}
-
// --- Modul Boxik s terminy ---
// Uziva se v detailu last minute, v seznamu LM nebo seznamu ubytovni
// Termíny: 28. 10. 2012 - 16. 11. 2012
-.date { }
+.date {
+}
// Varianta: Velky boxik pro detail last minute
.date.date--big {
@@ -45,15 +44,14 @@ Ceny, datumy - velke "cenovky"
color: #444;
background-color: #ddd;
padding: 3px;
- margin: 0 6px 18px 0;
+ margin: 0 6px 18px 0;
- strong {
- font-weight: normal;
- color: #888;
- }
+ strong {
+ font-weight: normal;
+ color: #888;
+ }
}
-
// --- Modul univerzalni velke navesti ---
// Uziva se v detailu last minute, pobytu, nebo v seznamech
// Polopenze
@@ -65,21 +63,18 @@ Ceny, datumy - velke "cenovky"
color: #444;
background-color: #ddd;
padding: 3px;
- margin: 0 6px 18px 0;
+ margin: 0 6px 18px 0;
- strong {
- font-weight: normal;
- color: #888;
- }
+ strong {
+ font-weight: normal;
+ color: #888;
+ }
}
-
// Velke displeje
// --------------
@media @large-start {
-
-
// --- Modul Cena ---
.price.price--big {
@@ -100,6 +95,4 @@ Ceny, datumy - velke "cenovky"
font-size: 16px;
padding: 7px;
}
-
-
} // @large-start
diff --git a/less/components/sister-websites.less b/less/components/sister-websites.less
index d3ed69c..4e7f738 100644
--- a/less/components/sister-websites.less
+++ b/less/components/sister-websites.less
@@ -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/less/components/site_logo.less b/less/components/site_logo.less
index 2a522d4..5d9e3c9 100644
--- a/less/components/site_logo.less
+++ b/less/components/site_logo.less
@@ -5,29 +5,26 @@ Na velkých displejích nalevo, na malých veprostřed nahoře.
*/
.site-logo {
- padding: @base-line-height 0;
+ padding: @base-line-height 0;
margin: 0;
- width: auto;
- text-align: center;
- font-size: 24px;
- font-weight: bold;
- color: @color-gamma;
+ width: auto;
+ text-align: center;
+ font-size: 24px;
+ font-weight: bold;
+ color: @color-gamma;
}
-
@media @large-start {
- .site-logo {
- float: left;
- margin-left: 30px;
- text-align: left;
- width: 300px;
- margin-top: 12px;
- margin-bottom: 12px;
- }
+ .site-logo {
+ float: left;
+ margin-left: 30px;
+ text-align: left;
+ width: 300px;
+ margin-top: 12px;
+ margin-bottom: 12px;
+ }
.site-logo a:hover {
text-decoration: none;
}
}
-
-
diff --git a/less/components/site_nav.less b/less/components/site_nav.less
index cff76b0..0d7e766 100644
--- a/less/components/site_nav.less
+++ b/less/components/site_nav.less
@@ -51,13 +51,13 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
// - s timto v prohlizeci kompiluju 10s, bez toho 3s :-( --> vzit jen jako CSS?
@import "../lib/pine/pine.less";
-@p-base-font-size : @base-font-size;
-@p-color : white;
-@p-background : @color-beta;
-@p-active-background : @color-gamma;
-@p-hover-background : @color-gamma;
-@p-small-screen-top : 146px;
-@p-large-display-start : @large-start-value;
+@p-base-font-size : @base-font-size;
+@p-color : white;
+@p-background : @color-beta;
+@p-active-background : @color-gamma;
+@p-hover-background : @color-gamma;
+@p-small-screen-top : 146px;
+@p-large-display-start : @large-start-value;
// Fix spatneho vyhlazovani caretu na FF
.pine-has-subnav > a:before {
@@ -70,16 +70,16 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
// - .container mess
.site-nav {
- clear: both;
- background: @color-beta;
+ clear: both;
+ 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;
height: 41px;
- }
+ }
@media print {
display: none;
@@ -90,9 +90,9 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
margin: 0;
padding: 0;
- @media @large-start {
- display: flex;
- }
+ @media @large-start {
+ display: flex;
+ }
}
.site-nav__main .pine-level-1 > li {
@@ -103,7 +103,7 @@ 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;
}
// Layout: Všechny tři subnavigace jsou na malých displejích vedle sebe
@@ -166,7 +166,7 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
// Položka navigace obecně
.container .site-nav a {
- box-sizing:border-box;
+ box-sizing: border-box;
display: block;
padding: 12px 12px 11px;
color: #fff;
@@ -189,20 +189,18 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
// Stylování od 2. úrovně dál
.container .pine-level-2 a {
- padding: @base-font-size*.75 15px (@base-font-size*.75 + 1px);
+ padding: @base-font-size*0.75 15px (@base-font-size*0.75 + 1px);
}
-
// ## Velké displeje
@media @large-start {
-
- // Položky navigací jsou na velkých vedle sebe
- .pine-level-1 > li {
- display: inline-block;
- position: relative;
- float: left;
- }
+ // Položky navigací jsou na velkých vedle sebe
+ .pine-level-1 > li {
+ display: inline-block;
+ position: relative;
+ float: left;
+ }
// Položka navigace se subnavigací
// Zobáček jinak než výchozí v Pine.js
@@ -213,8 +211,7 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
top: 19px;
right: 50%;
margin-right: -27px;
- border-top-color: rgba(255, 255, 255, .5)
+ border-top-color: rgba(255, 255, 255, 0.5);
}
}
-
}
diff --git a/less/components/text.less b/less/components/text.less
index eb51247..6792c06 100644
--- a/less/components/text.less
+++ b/less/components/text.less
@@ -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/less/index.less b/less/index.less
index 96824bd..2f8a75b 100644
--- a/less/index.less
+++ b/less/index.less
@@ -1,34 +1,45 @@
-
// Promenne
@import "variables/variables";
// Knihovny a styly pro externi kod
@import "lib/mixins";
-@import "lib/fancygallery";
+
// Zakladna
@import "base/reset";
@import "base/body";
@import "base/typo";
-@import "base/helpers";
+
// Layout
@import "layout/container";
@import "layout/layout";
+// Unikatni moduly - strankove
+@import "components/page/about";
+
+
// Moduly
@import "components/content_head";
@import "components/fancybox";
@import "components/flag";
@import "components/foot";
-@import "components/inline-list";
-@import "components/list-item";
@import "components/price-date";
@import "components/site_logo";
@import "components/site_nav";
-// Unikatni moduly - strankove
-@import "components/page/about";
+// Zrefaktorovane komponenty
+@import "components-new/inline-list";
+@import "components-new/list-item";
+
+// Kod treti strany
+.fancygallery {
+ // Libraries
+ @import "lib/fancygallery";
+}
// Tmave tema
@import "themes/dark";
+
+// Helpery
+@import "base/helpers";
diff --git a/less/layout/container.less b/less/layout/container.less
index 8b946fd..0b385a3 100644
--- a/less/layout/container.less
+++ b/less/layout/container.less
@@ -10,5 +10,5 @@ Kontejner layoutu
margin: 0 auto;
margin-bottom: 15px;
position: relative;
- box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
}
diff --git a/less/layout/layout.less b/less/layout/layout.less
index 80bb0ea..00e4ded 100644
--- a/less/layout/layout.less
+++ b/less/layout/layout.less
@@ -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;
- .clearfix();
+ margin-bottom: @base-line-height;
+ .clearfix();
}
/*
@@ -156,7 +154,7 @@ v .list_item neco podobneho) =jeden sloupec: 304x171 (?? TODO)
.half_column {
@media @large-start {
float: left;
- width: (@column-width/2 - @gutter); // 145px
+ width: (@column-width / 2 - @gutter); // 145px
margin-right: @gutter;
}
}
@@ -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;
+ }
- .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 {
+ // 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 {
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/less/lib/fancygallery.less b/less/lib/fancygallery.less
index b5d05ee..a4d3e52 100644
--- a/less/lib/fancygallery.less
+++ b/less/lib/fancygallery.less
@@ -49,7 +49,7 @@
/* Do not show scrollbars when FB is open */
body.fancybox-active {
- overflow: hidden;
+ overflow: hidden;
}
#fancybox-loading {
@@ -108,7 +108,7 @@ body.fancybox-active {
position: relative;
width: 100%;
height: 100%;
- background: #FFF;
+ background: #fff;
}
#fancybox-inner {
@@ -202,12 +202,12 @@ body.fancybox-active {
.fancybox-title-outside {
padding-top: 5px;
- color: #FFF;
+ color: #fff;
text-align: center;
}
.fancybox-title-over {
- color: #FFF;
+ color: #fff;
text-align: left;
}
@@ -249,7 +249,7 @@ body.fancybox-active {
#fancybox-left,
#fancybox-right {
position: fixed;
- bottom: 0px;
+ bottom: 0;
height: 100%;
width: 35%;
cursor: pointer;
@@ -260,11 +260,11 @@ body.fancybox-active {
}
#fancybox-left {
- left: 0px;
+ left: 0;
}
#fancybox-right {
- right: 0px;
+ right: 0;
}
#fancybox-left-ico,
@@ -282,13 +282,13 @@ body.fancybox-active {
#fancybox-left-ico {
background-image: url('../../images/fancygallery/fancy_nav_left.png');
- left: 0px;
+ left: 0;
}
#fancybox-right-ico {
background-image: url('../../images/fancygallery/fancy_nav_right.png');
left: auto;
- right: 0px;
+ right: 0;
}
#fancybox-left:hover #fancybox-left-ico,
@@ -297,7 +297,7 @@ body.fancybox-active {
#fancybox-right:hover #fancybox-right-ico,
#fancybox-right:focus #fancybox-right-ico,
#fancybox-right:active #fancybox-right-ico {
- background-position: 0 -77px;
+ background-position: 0 -77px;
}
/* Shadows are off */
@@ -319,34 +319,35 @@ body.fancybox-active {
* and has the classname "jcarousel-container".
*/
.jcarousel-container {
- position: relative;
+ position: relative;
}
.jcarousel-clip {
- z-index: 2;
- padding: 0;
- margin: 0;
- overflow: hidden;
- position: relative;
+ z-index: 2;
+ padding: 0;
+ margin: 0;
+ overflow: hidden;
+ position: relative;
}
.jcarousel-list {
- z-index: 1;
- overflow: hidden;
- position: relative;
- top: 0;
- left: 0;
- margin: 0;
- padding: 0;
+ z-index: 1;
+ overflow: hidden;
+ position: relative;
+ top: 0;
+ left: 0;
+ margin: 0;
+ padding: 0;
}
.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;
+ float: left;
+ list-style: none;
+
+ /* We set the width/height explicitly. No width/height causes infinite loops. */
+ width: 75px;
+ height: 75px;
}
/**
@@ -355,13 +356,13 @@ body.fancybox-active {
* have the classnames "jcarousel-next" and "jcarousel-prev".
*/
.jcarousel-next {
- z-index: 3;
- display: none;
+ z-index: 3;
+ display: none;
}
.jcarousel-prev {
- z-index: 3;
- display: none;
+ z-index: 3;
+ display: none;
}
@@ -392,85 +393,85 @@ Author: Martin Michalek, Studio Shortcat, michalek@shortcat.cz
}
.jcarousel-skin-shortcat .jcarousel-clip-horizontal {
- height: 40px;
- width: auto;
+ height: 40px;
+ width: auto;
}
.jcarousel-skin-shortcat .jcarousel-item,
.jcarousel-skin-shortcat .jcarousel-item img {
- width: 40px;
- height: 40px;
+ width: 40px;
+ height: 40px;
}
.jcarousel-skin-shortcat .jcarousel-item img {
- opacity: .5;
- -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
- filter: alpha(opacity=50);
+ opacity: 0.5;
+ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
+ filter: alpha(opacity=50);
}
.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);
+ opacity: 1;
+ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+ filter: alpha(opacity=100);
}
.jcarousel-skin-shortcat .jcarousel-item-horizontal {
- margin-right: 3px;
+ margin-right: 3px;
}
.jcarousel-skin-shortcat .jcarousel-item-placeholder {
- background: #fff;
- color: #000;
+ background: #fff;
+ color: #000;
}
/**
* 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;
+ position: absolute;
+ top: 0;
+ right: 10px;
+ width: 33px;
+ height: 40px;
+ cursor: pointer;
+ background: transparent url(../../images/fancygallery/fancygallery_next.gif) no-repeat top right;
}
.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;
+ background-position: top right;
}
.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;
+ cursor: default;
+ background-image: none;
}
.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;
+ position: absolute;
+ top: 0;
+ left: 10px;
+ width: 33px;
+ height: 40px;
+ cursor: pointer;
+ background: transparent url(../../images/fancygallery/fancygallery_prev.gif) no-repeat 0 0;
}
.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;
+ background-position: 0 0;
}
.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;
+ cursor: default;
+ background-image: none;
}
@@ -487,7 +488,7 @@ Author: Martin Michalek, Studio Shortcat, michalek@shortcat.cz
position: fixed;
z-index: 1108;
bottom: 20px;
- left: 0px;
+ left: 0;
width: 100%;
height: 40px;
}
diff --git a/less/lib/mixins.less b/less/lib/mixins.less
index af3129d..d50870f 100644
--- a/less/lib/mixins.less
+++ b/less/lib/mixins.less
@@ -38,7 +38,7 @@
// mean that space between those elements will be .6em (~2 space characters) in IE7,
// instead of the 1 space in other browsers.
.ie7-restore-left-whitespace() {
- *margin-left: .3em;
+ *margin-left: 0.3em;
&:first-child {
*margin-left: 0;
@@ -46,7 +46,7 @@
}
.ie7-restore-right-whitespace() {
- *margin-right: .3em;
+ *margin-right: 0.3em;
}
// Sizing shortcuts
diff --git a/less/themes/dark.less b/less/themes/dark.less
index a5b3aa9..9bfe163 100644
--- a/less/themes/dark.less
+++ b/less/themes/dark.less
@@ -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/less/variables/variables.less b/less/variables/variables.less
index 6a9b82c..a07680d 100644
--- a/less/variables/variables.less
+++ b/less/variables/variables.less
@@ -1,13 +1,12 @@
-
// Pismo
// -----
-@base-font-size: 12px;
-@base-line-height: 18px;
-@smaller-font-size: 11px;
-@smaller-line-height: 13px;
-@larger-font-size: 14px;
-@larger-line-height: 20px;
+@base-font-size: 12px;
+@base-line-height: 18px;
+@smaller-font-size: 11px;
+@smaller-line-height: 13px;
+@larger-font-size: 14px;
+@larger-line-height: 20px;
// Barvy
// -----
@@ -16,9 +15,9 @@
//- Zde jen pro ESK, pridat vychozi sedive schema
//- Proc anchor a jeste color-alpha?
-@anchor-color: #0EB10E;
-@active-color: darken(@anchor-color, 20%);
-@text-color: #000;
+@anchor-color: #0eb10e;
+@active-color: darken(@anchor-color, 20%);
+@text-color: #000;
// Svetla barva pro pozadi prvku
// Smichana hlavni barva se svetle sedivou.
@@ -31,14 +30,13 @@
@color-dark-plus: mix(darken(@color-alpha, 20%), #666, 30%);
// 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;
// Layout
// ------
@@ -46,23 +44,21 @@
@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 @medium-start { … }
-@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
// -------
+
@@ -224,23 +224,23 @@
-
+
-
-
+
+
PENZION ONYX
-
+
Lednice
Penzion Onyx se nachází v klidové zóně obce Lednice. Je vzdálený jen 800 m od centra obce.
-
+
1 noc od 595 Kč
diff --git a/js/rekrea-footer.js b/js/rekrea-footer.js
index 8dc6e13..31802ab 100644
--- a/js/rekrea-footer.js
+++ b/js/rekrea-footer.js
@@ -16,393 +16,790 @@
* 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
@@ -419,34 +816,817 @@
* 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='";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 =
+ '";
+ 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 +1637,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 +1661,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 +1678,7 @@ easingIn:"swing",easingOut:"swing",showCloseButton:true,showNavArrows:true,enabl
unveil();
return this;
-
};
-
})(window.jQuery || window.Zepto);
/* =============================================================
@@ -524,123 +1700,117 @@ easingIn:"swing",easingOut:"swing",showCloseButton:true,showNavArrows:true,enabl
* limitations under the License.
* ============================================================ */
-!function( $ ){
-
- "use strict"
+!(function($) {
+ "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])
-
- }
-
- , hide: function () {
- var dimension = this.dimension()
- this.reset(this.$element[dimension]())
- this.transition('removeClass', 'hide', 'hidden')
- this.$element[dimension](0)
- }
+ this.$element[dimension](0);
+ this.transition("addClass", "show", "shown");
+ this.$element[dimension](this.$element[0][scroll]);
+ },
- , reset: function ( size ) {
- var dimension = this.dimension()
+ hide: function() {
+ var dimension = this.dimension();
+ this.reset(this.$element[dimension]());
+ this.transition("removeClass", "hide", "hidden");
+ this.$element[dimension](0);
+ },
- this.$element
- .removeClass('collapse')
- [dimension](size || 'auto')
- [0].offsetWidth
+ reset: function(size) {
+ var dimension = this.dimension();
- this.$element.addClass('collapse')
- }
+ this.$element.removeClass("collapse")[dimension](size || "auto")[0]
+ .offsetWidth;
- , 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
+ };
+ $.fn.collapse.Constructor = Collapse;
- /* COLLAPSIBLE DATA-API
+ /* 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 );
+ $(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 +1824,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 +2008,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 +2043,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 +2072,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 +2109,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 +2124,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 +2146,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 +2179,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 +2204,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/less/base/body.less b/less/base/body.less
index 166af10..d9b9352 100644
--- a/less/base/body.less
+++ b/less/base/body.less
@@ -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/less/base/helpers.less b/less/base/helpers.less
index 64e2062..d736590 100644
--- a/less/base/helpers.less
+++ b/less/base/helpers.less
@@ -5,13 +5,13 @@ Helpery
*/
-
// Clearfix
// --------
// For clearing floats like a boss h5bp.com/q
.clearfix {
*zoom: 1;
- &:before, &:after {
+ &:before,
+ &:after {
display: table;
content: "";
// Fixes Opera/contenteditable bug:
@@ -63,12 +63,12 @@ Helpery
}
}
-
.dumb_only {
display: none !important;
}
-.center, .text-center {
+.center,
+.text-center {
text-align: center;
}
@@ -126,7 +126,9 @@ Helpery
color: #999;
text-decoration: underline;
- &:hover, &:focus, &:active {
+ &:hover,
+ &:focus,
+ &:active {
color: #666;
}
}
@@ -146,7 +148,6 @@ Helpery
border: 0;
}
-
// Z old_layout.less
// -----------------
@@ -162,7 +163,8 @@ Helpery
width: 48%;
}
-.clearBothZero, .clear_zero {
+.clearBothZero,
+.clear_zero {
display: block;
clear: both;
font-size: 1px;
@@ -170,7 +172,6 @@ Helpery
height: 1px;
}
-
.marginBottom3 {
margin-bottom: 3em;
}
@@ -236,16 +237,17 @@ p.submit {
}
.fontSmall {
- font-size: .5em;
+ font-size: 0.5em;
font-weight: normal;
}
small.fontSmall {
- font-size: .6em;
+ font-size: 0.6em;
font-weight: normal;
}
-table.fontSmall td, table.fontSmall th {
+table.fontSmall td,
+table.fontSmall th {
font-size: 1.4em;
font-weight: normal;
}
@@ -282,7 +284,6 @@ table.fontSmall td, table.fontSmall th {
display: none;
}
-
// Nove helpery (verze 2012)
// Presunout do noveho layoutu (if newlayout TODO)
@@ -298,7 +299,6 @@ table.fontSmall td, table.fontSmall th {
display: block;
}
-
// Presunuto z new_layout.less
// ---------------------------
@@ -323,7 +323,7 @@ table.fontSmall td, table.fontSmall th {
.unveil {
opacity: 0;
- transition: opacity .5s ease-in;
+ transition: opacity 0.5s ease-in;
}
// Odkaz na vice informaci
@@ -380,7 +380,9 @@ table.fontSmall td, table.fontSmall th {
display: block;
}
-.more_photos a:hover, .more_photos a:focus, .more_photos a:active {
+.more_photos a:hover,
+.more_photos a:focus,
+.more_photos a:active {
background-color: #eee;
cursor: pointer;
}
diff --git a/less/base/reset.less b/less/base/reset.less
index 188af52..d8a922b 100644
--- a/less/base/reset.less
+++ b/less/base/reset.less
@@ -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/less/base/typo.less b/less/base/typo.less
index efc7f93..fdccfcb 100644
--- a/less/base/typo.less
+++ b/less/base/typo.less
@@ -12,11 +12,20 @@ Typografie a linearni design
// Typografie
// ----------
-body, input, textarea, option, select {
- font: @base-font-size/@base-line-height Arial, Helvetica, sans-serif;
+body,
+input,
+textarea,
+option,
+select {
+ font: @base-font-size / @base-line-height Arial, Helvetica, sans-serif;
}
-h1,h2,h3,h4,h5,h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
font-family: Arial, Helvetica, sans-serif;
}
@@ -38,8 +47,11 @@ a {
// Linearni design
// ---------------
-
-p, ul, ol, table, blockquote {
+p,
+ul,
+ol,
+table,
+blockquote {
padding: 0;
margin: 0;
margin-bottom: @base-line-height;
@@ -76,7 +88,7 @@ h2,
h3,
.h3 {
- display: block;
+ display: block;
font-size: 14px;
line-height: 18px;
margin: 0 0 4px 0;
@@ -87,7 +99,7 @@ h3,
h4,
.h4 {
- display: block;
+ display: block;
font-size: @base-font-size;
line-height: @base-line-height;
margin: 0;
@@ -96,12 +108,11 @@ h4,
color: #666;
}
-
h2 small,
h3 small {
font-size: @base-font-size;
line-height: @base-line-height;
- color: #999;
+ color: #999;
}
big {
@@ -121,7 +132,7 @@ ul ul,
ul ol,
ol ol,
ol ul {
- margin-bottom: 0;
+ margin-bottom: 0;
}
ul {
@@ -134,7 +145,6 @@ ol li {
}
@media @large-start {
-
h2 small.float_right {
margin-top: 5px;
}
diff --git a/less/components/inline-list.less b/less/components-new/inline-list.less
similarity index 95%
rename from less/components/inline-list.less
rename to less/components-new/inline-list.less
index 7d2e50e..82adf6c 100644
--- a/less/components/inline-list.less
+++ b/less/components-new/inline-list.less
@@ -6,6 +6,7 @@
// - seznam polozek v bublinach - napr. staty
.inline-list {
+
margin-left: 23px;
line-height: 36px;
margin-bottom: 12px;
@@ -49,7 +50,9 @@
// .inline-list--large-items .inline-list__item--three-stars { … }
}
- &--no-margin-bottom { margin-bottom: 0; }
+ &--no-margin-bottom {
+ margin-bottom: 0;
+ }
&.active,
&:hover,
diff --git a/less/components-new/list-item.less b/less/components-new/list-item.less
new file mode 100644
index 0000000..cd3a0ce
--- /dev/null
+++ b/less/components-new/list-item.less
@@ -0,0 +1,145 @@
+/* @define list-item; weak
+
+# Komponenta Velka polozka seznamu
+
+Napr. seznamy ubytovatelu, pobytu, last-minute atd.
+
+.list-item
+ __image
+ __image-img
+ __flags
+ __content
+ __heading
+ __perex
+ __price
+
+*/
+
+.list-item {
+ position: relative;
+ box-sizing: border-box;
+ padding: (@base-line-height / 2) 0;
+ border: 1px solid transparent;
+ color: #666; // TODO promenna
+
+ @media @large-start {
+ float: left;
+ width: ~"calc((100% - 42px) / 3)"; // TODO magic number
+ height: 352px; // TODO magic number
+ padding: @base-line-height (@base-line-height / 2) (@base-line-height / 2);
+ margin: 0 7px 0 7px; // TODO magic number
+ }
+
+ /* stylelint-disable plugin/selector-bem-pattern */
+
+ // Ukazka kontextoveho pristupu,
+ // kdy muze byt v poradku porusit BEM syntaxi:
+
+ .cart & {
+ font-size: 11px; // TODO magic number
+ }
+
+ /* stylelint-enable */
+}
+
+.list-item__image {
+ position: relative;
+ float: left;
+ width: 36%;
+ margin-right: 4%;
+
+ @media @large-start {
+ width: auto;
+ float: none;
+ height: 165px; // 4:3
+ overflow: hidden; // Obrazek nesmi pretekat
+ margin-bottom: 12px;
+ margin-right: 0;
+ }
+
+ @media @extra-large-start {
+ height: 215px; // 4:3
+ }
+
+ &-img {
+ max-width: 100%; // Prizpusobuje se vysce
+ }
+}
+
+// Textovy obsah
+
+.list-item__content {
+ float: left;
+ width: 60%;
+ padding: 0; // reset .content
+
+ @media @large-start {
+ float: none;
+ width: auto;
+ }
+}
+
+.list-item__perex {
+ margin-bottom: 0; // TODO zobecnit do utility = .mb-0
+}
+
+.list-item__heading {
+ font-size: 120%; // TODO promenna
+ margin-bottom: 0;
+}
+
+.list-item__price {
+ // TODO proc uvedene hodnoty?
+ @media @large-start {
+ position: absolute;
+ right: 3px;
+ top: 150px;
+ }
+
+ @media @extra-large-start {
+ top: 200px;
+ }
+}
+
+// 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; // TODO promenna
+}
+
+// Aktivni stavy
+
+.list-item--active,
+.list-item:hover,
+.list-item:focus,
+.list-item:active {
+ background-color: #eee; // TODO promenna
+ cursor: pointer;
+ color: #333; // TODO promenna
+ border: 1px solid #ddd; // TODO promenna
+
+ .list-item__heading-anchor {
+ color: darken(@color-alpha, 20%);
+ text-decoration: underline;
+ }
+
+ // Funkcnost s povolenym JS
+
+ /* stylelint-disable plugin/selector-bem-pattern */
+
+ // Ukazka kontextoveho pristupu,
+ // kdy muze byt v poradku porusit BEM syntaxi:
+
+ .no-flexbox & {
+ background-color: #dedede;
+ }
+
+ /* stylelint-enable */
+}
diff --git a/less/components/fancybox.less b/less/components/fancybox.less
index 581c353..cd747bc 100644
--- a/less/components/fancybox.less
+++ b/less/components/fancybox.less
@@ -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/less/components/flag.less b/less/components/flag.less
index 5172be4..34355c4 100644
--- a/less/components/flag.less
+++ b/less/components/flag.less
@@ -27,7 +27,7 @@ a.flag:active {
.mixin-flag-sm() {
font-size: 9px;
padding: 2px 3px;
- letter-spacing: .02em;
+ letter-spacing: 0.02em;
}
.flag--sm {
@@ -45,8 +45,8 @@ a.flag:active {
@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;
}
}
@@ -56,45 +56,43 @@ a.flag:active {
// "Oblibeny ubytovatel"
.flag--bestseller {
- background: fadeout(lighten(@color-alpha, 5%),9%);
+ background: fadeout(lighten(@color-alpha, 5%), 9%);
}
// "Skvele hodnoceni"
.flag--ratings {
- background: fadeout(lighten(@color-alpha, 5%),9%);
+ background: fadeout(lighten(@color-alpha, 5%), 9%);
}
// "Last Minute"
.flag--lastminute {
- background: #FF9900;
- background: fadeout(#FF9900,9%);
+ background: #f90;
+ background: fadeout(#f90, 9%);
}
// "Horky tip"
.flag--hottip {
- background: #FFCC00;
- background: fadeout(#FFCC00,9%);
+ background: #fc0;
+ background: fadeout(#fc0, 9%);
}
// "Novinka"
.flag--new {
background: lighten(@color-alpha, 15%);
- background: fadeout(lighten(@color-alpha, 15%),9%);
+ background: fadeout(lighten(@color-alpha, 15%), 9%);
}
// "Sleva"
.flag--discount {
- background: #FF6600;
- background: fadeout(#FF6600, 9%);
+ background: #f60;
+ background: fadeout(#f60, 9%);
}
-
-
// Pozicovani ikon, pokud jich je vice
// -----------------------------------
@@ -103,7 +101,6 @@ a.flag:active {
// * Zatim vzdy prekryvaji obrazek (.image_item v detailu a .list_item .image v seznamu)
.flags {
-
.flag {
position: absolute;
top: 2px;
@@ -114,13 +111,13 @@ a.flag:active {
// * 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.
@@ -144,57 +141,56 @@ a.flag:active {
}
.flag + .flag + .flag {
- top: (2*@flag-height + 2px);
+ top: (2 * @flag-height + 2px);
&.flag--lg {
@media @large-start {
- top: (2*@flag-large-height + 2px);
+ top: (2 * @flag-large-height + 2px);
}
}
&.flag--sm {
- top: (2*@flag-small-height + 2px);
+ top: (2 * @flag-small-height + 2px);
}
@media @media-for-smaller-flag {
- top: (2*@flag-small-height + 2px);
+ top: (2 * @flag-small-height + 2px);
}
}
.flag + .flag + .flag + .flag {
- top: (3*@flag-height + 2px);
+ top: (3 * @flag-height + 2px);
&.flag--lg {
@media @large-start {
- top: (3*@flag-large-height + 2px);
+ top: (3 * @flag-large-height + 2px);
}
}
&.flag--sm {
- top: (3*@flag-small-height + 2px);
+ top: (3 * @flag-small-height + 2px);
}
@media @media-for-smaller-flag {
- top: (3*@flag-small-height + 2px);
+ top: (3 * @flag-small-height + 2px);
}
}
.flag + .flag + .flag + .flag + .flag {
- top: (4*@flag-height + 2px);
+ top: (4 * @flag-height + 2px);
&.flag--lg {
@media @large-start {
- top: (4*@flag-large-height + 2px);
+ top: (4 * @flag-large-height + 2px);
}
}
&.flag--sm {
- top: (4*@flag-small-height + 2px);
+ top: (4 * @flag-small-height + 2px);
}
@media @media-for-smaller-flag {
- top: (4*@flag-small-height + 2px);
+ top: (4 * @flag-small-height + 2px);
}
}
-
} // .flags
diff --git a/less/components/foot.less b/less/components/foot.less
index dc7eeb6..240ae18 100644
--- a/less/components/foot.less
+++ b/less/components/foot.less
@@ -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/less/components/form.less b/less/components/form.less
index 2084722..5b02be1 100644
--- a/less/components/form.less
+++ b/less/components/form.less
@@ -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/less/components/freestyle_grid.less b/less/components/freestyle_grid.less
index e8b22d4..43ab32c 100644
--- a/less/components/freestyle_grid.less
+++ b/less/components/freestyle_grid.less
@@ -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/less/components/list-item.less b/less/components/list-item.less
deleted file mode 100644
index fe1aad4..0000000
--- a/less/components/list-item.less
+++ /dev/null
@@ -1,120 +0,0 @@
-/* # Komponenta Velka polozka seznamu
-
-Napr. seznamy ubytovatelu, pobytu, last-minute atd.
-
-*/
-
-
-.list-item {
- position: relative;
- padding: 9px 0;
- border: 1px solid transparent;
- color: #66;
-
- box-sizing: border-box;
-
-
- @media @large-start {
- float: left;
- width: ~"calc((100% - 42px) / 3)"; // 304
- height: 352px;
- padding: 18px 9px 9px;
- margin: 0 7px 0 7px;
- }
-}
-
-.list-item .image {
- position: relative;
- float: left;
- width: 36%;
- margin-right: 4%;
-
- @media @large-start {
- width: auto;
- float: none;
- height: 165px; // 4:3
- overflow: hidden;
- margin-bottom: 12px;
- margin-right: 0;
- }
-
- @media @extra-large-start {
- height: 215px; // 4:3
- }
-
- img {
- max-width: 100%;
- }
-}
-
-
-
-// Textovy obsah
-
-.list-item .content {
- float: left;
- width: 60%;
- padding: 0; // reset .content
-
- @media @large-start {
- float: none;
- width: auto;
- }
-
- p {
- margin-bottom: 0;
- }
-
- h2 {
- font-size: 120%;
- margin-bottom: 0;
- }
-}
-
-.list-item .content .price {
- @media @large-start {
- position: absolute;
- right: 3px;
- top: 150px;
- }
-
- @media @extra-large-start {
- top: 200px;
- }
-}
-
-// Varianta bez spodniho ramecku
-// Napr. na homepages verze 2014
-
-.list-item.without_border {
- border-bottom: 0;
-}
-
-.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/less/components/page/about.less b/less/components/page/about.less
index 0cd776e..942d078 100644
--- a/less/components/page/about.less
+++ b/less/components/page/about.less
@@ -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;
@@ -30,7 +30,7 @@
.about-person-image img {
border-radius: 50%;
overflow: hidden;
- max-width: (@column-width/2 - @gutter); // 145px
+ max-width: (@column-width / 2 - @gutter); // 145px
display: block;
margin: 0 auto;
}
@@ -44,7 +44,7 @@
.about-person-full-text,
.about-person-full-contact {
@media @large-start {
- margin-top: @base-line-height/2;
+ margin-top: @base-line-height / 2;
}
}
@@ -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/less/components/page/slovnik.less b/less/components/page/slovnik.less
index ef64104..0f19a93 100644
--- a/less/components/page/slovnik.less
+++ b/less/components/page/slovnik.less
@@ -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/less/components/price-date.less b/less/components/price-date.less
index b0dd383..bf37a96 100644
--- a/less/components/price-date.less
+++ b/less/components/price-date.less
@@ -9,7 +9,6 @@ Ceny, datumy - velke "cenovky"
// Dole pak velke displeje
// TODO sjednotit? Jaky je vztah k .flag?
-
// --- Modul Cena ---
// Uziva se v polozce seznamu ubytovatelu, last minute, v malych nahledech last minute atd.
//
5 nocí od 2 690 Kč
@@ -19,24 +18,24 @@ Ceny, datumy - velke "cenovky"
width: auto;
color: #444;
- strong {
- font-weight: normal;
- color: #888;
- }
+ strong {
+ font-weight: normal;
+ color: #888;
+ }
}
.price.price--big {
background-color: #ddd;
padding: 3px;
- margin: 0 6px 18px 0;
+ margin: 0 6px 18px 0;
}
-
// --- Modul Boxik s terminy ---
// Uziva se v detailu last minute, v seznamu LM nebo seznamu ubytovni
// Termíny: 28. 10. 2012 - 16. 11. 2012
-.date { }
+.date {
+}
// Varianta: Velky boxik pro detail last minute
.date.date--big {
@@ -45,15 +44,14 @@ Ceny, datumy - velke "cenovky"
color: #444;
background-color: #ddd;
padding: 3px;
- margin: 0 6px 18px 0;
+ margin: 0 6px 18px 0;
- strong {
- font-weight: normal;
- color: #888;
- }
+ strong {
+ font-weight: normal;
+ color: #888;
+ }
}
-
// --- Modul univerzalni velke navesti ---
// Uziva se v detailu last minute, pobytu, nebo v seznamech
// Polopenze
@@ -65,21 +63,18 @@ Ceny, datumy - velke "cenovky"
color: #444;
background-color: #ddd;
padding: 3px;
- margin: 0 6px 18px 0;
+ margin: 0 6px 18px 0;
- strong {
- font-weight: normal;
- color: #888;
- }
+ strong {
+ font-weight: normal;
+ color: #888;
+ }
}
-
// Velke displeje
// --------------
@media @large-start {
-
-
// --- Modul Cena ---
.price.price--big {
@@ -100,6 +95,4 @@ Ceny, datumy - velke "cenovky"
font-size: 16px;
padding: 7px;
}
-
-
} // @large-start
diff --git a/less/components/sister-websites.less b/less/components/sister-websites.less
index d3ed69c..4e7f738 100644
--- a/less/components/sister-websites.less
+++ b/less/components/sister-websites.less
@@ -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/less/components/site_logo.less b/less/components/site_logo.less
index 2a522d4..5d9e3c9 100644
--- a/less/components/site_logo.less
+++ b/less/components/site_logo.less
@@ -5,29 +5,26 @@ Na velkých displejích nalevo, na malých veprostřed nahoře.
*/
.site-logo {
- padding: @base-line-height 0;
+ padding: @base-line-height 0;
margin: 0;
- width: auto;
- text-align: center;
- font-size: 24px;
- font-weight: bold;
- color: @color-gamma;
+ width: auto;
+ text-align: center;
+ font-size: 24px;
+ font-weight: bold;
+ color: @color-gamma;
}
-
@media @large-start {
- .site-logo {
- float: left;
- margin-left: 30px;
- text-align: left;
- width: 300px;
- margin-top: 12px;
- margin-bottom: 12px;
- }
+ .site-logo {
+ float: left;
+ margin-left: 30px;
+ text-align: left;
+ width: 300px;
+ margin-top: 12px;
+ margin-bottom: 12px;
+ }
.site-logo a:hover {
text-decoration: none;
}
}
-
-
diff --git a/less/components/site_nav.less b/less/components/site_nav.less
index cff76b0..0d7e766 100644
--- a/less/components/site_nav.less
+++ b/less/components/site_nav.less
@@ -51,13 +51,13 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
// - s timto v prohlizeci kompiluju 10s, bez toho 3s :-( --> vzit jen jako CSS?
@import "../lib/pine/pine.less";
-@p-base-font-size : @base-font-size;
-@p-color : white;
-@p-background : @color-beta;
-@p-active-background : @color-gamma;
-@p-hover-background : @color-gamma;
-@p-small-screen-top : 146px;
-@p-large-display-start : @large-start-value;
+@p-base-font-size : @base-font-size;
+@p-color : white;
+@p-background : @color-beta;
+@p-active-background : @color-gamma;
+@p-hover-background : @color-gamma;
+@p-small-screen-top : 146px;
+@p-large-display-start : @large-start-value;
// Fix spatneho vyhlazovani caretu na FF
.pine-has-subnav > a:before {
@@ -70,16 +70,16 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
// - .container mess
.site-nav {
- clear: both;
- background: @color-beta;
+ clear: both;
+ 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;
height: 41px;
- }
+ }
@media print {
display: none;
@@ -90,9 +90,9 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
margin: 0;
padding: 0;
- @media @large-start {
- display: flex;
- }
+ @media @large-start {
+ display: flex;
+ }
}
.site-nav__main .pine-level-1 > li {
@@ -103,7 +103,7 @@ 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;
}
// Layout: Všechny tři subnavigace jsou na malých displejích vedle sebe
@@ -166,7 +166,7 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
// Položka navigace obecně
.container .site-nav a {
- box-sizing:border-box;
+ box-sizing: border-box;
display: block;
padding: 12px 12px 11px;
color: #fff;
@@ -189,20 +189,18 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
// Stylování od 2. úrovně dál
.container .pine-level-2 a {
- padding: @base-font-size*.75 15px (@base-font-size*.75 + 1px);
+ padding: @base-font-size*0.75 15px (@base-font-size*0.75 + 1px);
}
-
// ## Velké displeje
@media @large-start {
-
- // Položky navigací jsou na velkých vedle sebe
- .pine-level-1 > li {
- display: inline-block;
- position: relative;
- float: left;
- }
+ // Položky navigací jsou na velkých vedle sebe
+ .pine-level-1 > li {
+ display: inline-block;
+ position: relative;
+ float: left;
+ }
// Položka navigace se subnavigací
// Zobáček jinak než výchozí v Pine.js
@@ -213,8 +211,7 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
top: 19px;
right: 50%;
margin-right: -27px;
- border-top-color: rgba(255, 255, 255, .5)
+ border-top-color: rgba(255, 255, 255, 0.5);
}
}
-
}
diff --git a/less/components/text.less b/less/components/text.less
index eb51247..6792c06 100644
--- a/less/components/text.less
+++ b/less/components/text.less
@@ -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/less/index.less b/less/index.less
index 96824bd..2f8a75b 100644
--- a/less/index.less
+++ b/less/index.less
@@ -1,34 +1,45 @@
-
// Promenne
@import "variables/variables";
// Knihovny a styly pro externi kod
@import "lib/mixins";
-@import "lib/fancygallery";
+
// Zakladna
@import "base/reset";
@import "base/body";
@import "base/typo";
-@import "base/helpers";
+
// Layout
@import "layout/container";
@import "layout/layout";
+// Unikatni moduly - strankove
+@import "components/page/about";
+
+
// Moduly
@import "components/content_head";
@import "components/fancybox";
@import "components/flag";
@import "components/foot";
-@import "components/inline-list";
-@import "components/list-item";
@import "components/price-date";
@import "components/site_logo";
@import "components/site_nav";
-// Unikatni moduly - strankove
-@import "components/page/about";
+// Zrefaktorovane komponenty
+@import "components-new/inline-list";
+@import "components-new/list-item";
+
+// Kod treti strany
+.fancygallery {
+ // Libraries
+ @import "lib/fancygallery";
+}
// Tmave tema
@import "themes/dark";
+
+// Helpery
+@import "base/helpers";
diff --git a/less/layout/container.less b/less/layout/container.less
index 8b946fd..0b385a3 100644
--- a/less/layout/container.less
+++ b/less/layout/container.less
@@ -10,5 +10,5 @@ Kontejner layoutu
margin: 0 auto;
margin-bottom: 15px;
position: relative;
- box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
}
diff --git a/less/layout/layout.less b/less/layout/layout.less
index 80bb0ea..00e4ded 100644
--- a/less/layout/layout.less
+++ b/less/layout/layout.less
@@ -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;
- .clearfix();
+ margin-bottom: @base-line-height;
+ .clearfix();
}
/*
@@ -156,7 +154,7 @@ v .list_item neco podobneho) =jeden sloupec: 304x171 (?? TODO)
.half_column {
@media @large-start {
float: left;
- width: (@column-width/2 - @gutter); // 145px
+ width: (@column-width / 2 - @gutter); // 145px
margin-right: @gutter;
}
}
@@ -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;
+ }
- .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 {
+ // 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 {
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/less/lib/fancygallery.less b/less/lib/fancygallery.less
index b5d05ee..a4d3e52 100644
--- a/less/lib/fancygallery.less
+++ b/less/lib/fancygallery.less
@@ -49,7 +49,7 @@
/* Do not show scrollbars when FB is open */
body.fancybox-active {
- overflow: hidden;
+ overflow: hidden;
}
#fancybox-loading {
@@ -108,7 +108,7 @@ body.fancybox-active {
position: relative;
width: 100%;
height: 100%;
- background: #FFF;
+ background: #fff;
}
#fancybox-inner {
@@ -202,12 +202,12 @@ body.fancybox-active {
.fancybox-title-outside {
padding-top: 5px;
- color: #FFF;
+ color: #fff;
text-align: center;
}
.fancybox-title-over {
- color: #FFF;
+ color: #fff;
text-align: left;
}
@@ -249,7 +249,7 @@ body.fancybox-active {
#fancybox-left,
#fancybox-right {
position: fixed;
- bottom: 0px;
+ bottom: 0;
height: 100%;
width: 35%;
cursor: pointer;
@@ -260,11 +260,11 @@ body.fancybox-active {
}
#fancybox-left {
- left: 0px;
+ left: 0;
}
#fancybox-right {
- right: 0px;
+ right: 0;
}
#fancybox-left-ico,
@@ -282,13 +282,13 @@ body.fancybox-active {
#fancybox-left-ico {
background-image: url('../../images/fancygallery/fancy_nav_left.png');
- left: 0px;
+ left: 0;
}
#fancybox-right-ico {
background-image: url('../../images/fancygallery/fancy_nav_right.png');
left: auto;
- right: 0px;
+ right: 0;
}
#fancybox-left:hover #fancybox-left-ico,
@@ -297,7 +297,7 @@ body.fancybox-active {
#fancybox-right:hover #fancybox-right-ico,
#fancybox-right:focus #fancybox-right-ico,
#fancybox-right:active #fancybox-right-ico {
- background-position: 0 -77px;
+ background-position: 0 -77px;
}
/* Shadows are off */
@@ -319,34 +319,35 @@ body.fancybox-active {
* and has the classname "jcarousel-container".
*/
.jcarousel-container {
- position: relative;
+ position: relative;
}
.jcarousel-clip {
- z-index: 2;
- padding: 0;
- margin: 0;
- overflow: hidden;
- position: relative;
+ z-index: 2;
+ padding: 0;
+ margin: 0;
+ overflow: hidden;
+ position: relative;
}
.jcarousel-list {
- z-index: 1;
- overflow: hidden;
- position: relative;
- top: 0;
- left: 0;
- margin: 0;
- padding: 0;
+ z-index: 1;
+ overflow: hidden;
+ position: relative;
+ top: 0;
+ left: 0;
+ margin: 0;
+ padding: 0;
}
.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;
+ float: left;
+ list-style: none;
+
+ /* We set the width/height explicitly. No width/height causes infinite loops. */
+ width: 75px;
+ height: 75px;
}
/**
@@ -355,13 +356,13 @@ body.fancybox-active {
* have the classnames "jcarousel-next" and "jcarousel-prev".
*/
.jcarousel-next {
- z-index: 3;
- display: none;
+ z-index: 3;
+ display: none;
}
.jcarousel-prev {
- z-index: 3;
- display: none;
+ z-index: 3;
+ display: none;
}
@@ -392,85 +393,85 @@ Author: Martin Michalek, Studio Shortcat, michalek@shortcat.cz
}
.jcarousel-skin-shortcat .jcarousel-clip-horizontal {
- height: 40px;
- width: auto;
+ height: 40px;
+ width: auto;
}
.jcarousel-skin-shortcat .jcarousel-item,
.jcarousel-skin-shortcat .jcarousel-item img {
- width: 40px;
- height: 40px;
+ width: 40px;
+ height: 40px;
}
.jcarousel-skin-shortcat .jcarousel-item img {
- opacity: .5;
- -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
- filter: alpha(opacity=50);
+ opacity: 0.5;
+ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
+ filter: alpha(opacity=50);
}
.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);
+ opacity: 1;
+ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+ filter: alpha(opacity=100);
}
.jcarousel-skin-shortcat .jcarousel-item-horizontal {
- margin-right: 3px;
+ margin-right: 3px;
}
.jcarousel-skin-shortcat .jcarousel-item-placeholder {
- background: #fff;
- color: #000;
+ background: #fff;
+ color: #000;
}
/**
* 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;
+ position: absolute;
+ top: 0;
+ right: 10px;
+ width: 33px;
+ height: 40px;
+ cursor: pointer;
+ background: transparent url(../../images/fancygallery/fancygallery_next.gif) no-repeat top right;
}
.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;
+ background-position: top right;
}
.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;
+ cursor: default;
+ background-image: none;
}
.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;
+ position: absolute;
+ top: 0;
+ left: 10px;
+ width: 33px;
+ height: 40px;
+ cursor: pointer;
+ background: transparent url(../../images/fancygallery/fancygallery_prev.gif) no-repeat 0 0;
}
.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;
+ background-position: 0 0;
}
.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;
+ cursor: default;
+ background-image: none;
}
@@ -487,7 +488,7 @@ Author: Martin Michalek, Studio Shortcat, michalek@shortcat.cz
position: fixed;
z-index: 1108;
bottom: 20px;
- left: 0px;
+ left: 0;
width: 100%;
height: 40px;
}
diff --git a/less/lib/mixins.less b/less/lib/mixins.less
index af3129d..d50870f 100644
--- a/less/lib/mixins.less
+++ b/less/lib/mixins.less
@@ -38,7 +38,7 @@
// mean that space between those elements will be .6em (~2 space characters) in IE7,
// instead of the 1 space in other browsers.
.ie7-restore-left-whitespace() {
- *margin-left: .3em;
+ *margin-left: 0.3em;
&:first-child {
*margin-left: 0;
@@ -46,7 +46,7 @@
}
.ie7-restore-right-whitespace() {
- *margin-right: .3em;
+ *margin-right: 0.3em;
}
// Sizing shortcuts
diff --git a/less/themes/dark.less b/less/themes/dark.less
index a5b3aa9..9bfe163 100644
--- a/less/themes/dark.less
+++ b/less/themes/dark.less
@@ -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/less/variables/variables.less b/less/variables/variables.less
index 6a9b82c..a07680d 100644
--- a/less/variables/variables.less
+++ b/less/variables/variables.less
@@ -1,13 +1,12 @@
-
// Pismo
// -----
-@base-font-size: 12px;
-@base-line-height: 18px;
-@smaller-font-size: 11px;
-@smaller-line-height: 13px;
-@larger-font-size: 14px;
-@larger-line-height: 20px;
+@base-font-size: 12px;
+@base-line-height: 18px;
+@smaller-font-size: 11px;
+@smaller-line-height: 13px;
+@larger-font-size: 14px;
+@larger-line-height: 20px;
// Barvy
// -----
@@ -16,9 +15,9 @@
//- Zde jen pro ESK, pridat vychozi sedive schema
//- Proc anchor a jeste color-alpha?
-@anchor-color: #0EB10E;
-@active-color: darken(@anchor-color, 20%);
-@text-color: #000;
+@anchor-color: #0eb10e;
+@active-color: darken(@anchor-color, 20%);
+@text-color: #000;
// Svetla barva pro pozadi prvku
// Smichana hlavni barva se svetle sedivou.
@@ -31,14 +30,13 @@
@color-dark-plus: mix(darken(@color-alpha, 20%), #666, 30%);
// 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;
// Layout
// ------
@@ -46,23 +44,21 @@
@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 @medium-start { … }
-@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
// -------
+
-
+
+
PENZION ONYX
-
+
Lednice
Penzion Onyx se nachází v klidové zóně obce Lednice. Je vzdálený jen 800 m od centra obce.
-
+
1 noc od 595 Kč
diff --git a/js/rekrea-footer.js b/js/rekrea-footer.js
index 8dc6e13..31802ab 100644
--- a/js/rekrea-footer.js
+++ b/js/rekrea-footer.js
@@ -16,393 +16,790 @@
* 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($('
PENZION ONYX
-+
Lednice
Penzion Onyx se nachází v klidové zóně obce Lednice. Je vzdálený jen 800 m od centra obce.
+
1 noc od 595 Kč
The requested content cannot be loaded.
Please try again later.
The requested content cannot be loaded.
Please try again later.
5 nocí od 2 690 Kč
@@ -19,24 +18,24 @@ Ceny, datumy - velke "cenovky" width: auto; color: #444; - strong { - font-weight: normal; - color: #888; - } + strong { + font-weight: normal; + color: #888; + } } .price.price--big { background-color: #ddd; padding: 3px; - margin: 0 6px 18px 0; + margin: 0 6px 18px 0; } - // --- Modul Boxik s terminy --- // Uziva se v detailu last minute, v seznamu LM nebo seznamu ubytovni //Termíny: 28. 10. 2012 - 16. 11. 2012
-.date { } +.date { +} // Varianta: Velky boxik pro detail last minute .date.date--big { @@ -45,15 +44,14 @@ Ceny, datumy - velke "cenovky" color: #444; background-color: #ddd; padding: 3px; - margin: 0 6px 18px 0; + margin: 0 6px 18px 0; - strong { - font-weight: normal; - color: #888; - } + strong { + font-weight: normal; + color: #888; + } } - // --- Modul univerzalni velke navesti --- // Uziva se v detailu last minute, pobytu, nebo v seznamech //Polopenze
@@ -65,21 +63,18 @@ Ceny, datumy - velke "cenovky" color: #444; background-color: #ddd; padding: 3px; - margin: 0 6px 18px 0; + margin: 0 6px 18px 0; - strong { - font-weight: normal; - color: #888; - } + strong { + font-weight: normal; + color: #888; + } } - // Velke displeje // -------------- @media @large-start { - - // --- Modul Cena --- .price.price--big { @@ -100,6 +95,4 @@ Ceny, datumy - velke "cenovky" font-size: 16px; padding: 7px; } - - } // @large-start diff --git a/less/components/sister-websites.less b/less/components/sister-websites.less index d3ed69c..4e7f738 100644 --- a/less/components/sister-websites.less +++ b/less/components/sister-websites.less @@ -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/less/components/site_logo.less b/less/components/site_logo.less index 2a522d4..5d9e3c9 100644 --- a/less/components/site_logo.less +++ b/less/components/site_logo.less @@ -5,29 +5,26 @@ Na velkých displejích nalevo, na malých veprostřed nahoře. */ .site-logo { - padding: @base-line-height 0; + padding: @base-line-height 0; margin: 0; - width: auto; - text-align: center; - font-size: 24px; - font-weight: bold; - color: @color-gamma; + width: auto; + text-align: center; + font-size: 24px; + font-weight: bold; + color: @color-gamma; } - @media @large-start { - .site-logo { - float: left; - margin-left: 30px; - text-align: left; - width: 300px; - margin-top: 12px; - margin-bottom: 12px; - } + .site-logo { + float: left; + margin-left: 30px; + text-align: left; + width: 300px; + margin-top: 12px; + margin-bottom: 12px; + } .site-logo a:hover { text-decoration: none; } } - - diff --git a/less/components/site_nav.less b/less/components/site_nav.less index cff76b0..0d7e766 100644 --- a/less/components/site_nav.less +++ b/less/components/site_nav.less @@ -51,13 +51,13 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek. // - s timto v prohlizeci kompiluju 10s, bez toho 3s :-( --> vzit jen jako CSS? @import "../lib/pine/pine.less"; -@p-base-font-size : @base-font-size; -@p-color : white; -@p-background : @color-beta; -@p-active-background : @color-gamma; -@p-hover-background : @color-gamma; -@p-small-screen-top : 146px; -@p-large-display-start : @large-start-value; +@p-base-font-size : @base-font-size; +@p-color : white; +@p-background : @color-beta; +@p-active-background : @color-gamma; +@p-hover-background : @color-gamma; +@p-small-screen-top : 146px; +@p-large-display-start : @large-start-value; // Fix spatneho vyhlazovani caretu na FF .pine-has-subnav > a:before { @@ -70,16 +70,16 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek. // - .container mess .site-nav { - clear: both; - background: @color-beta; + clear: both; + 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; height: 41px; - } + } @media print { display: none; @@ -90,9 +90,9 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek. margin: 0; padding: 0; - @media @large-start { - display: flex; - } + @media @large-start { + display: flex; + } } .site-nav__main .pine-level-1 > li { @@ -103,7 +103,7 @@ 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; } // Layout: Všechny tři subnavigace jsou na malých displejích vedle sebe @@ -166,7 +166,7 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek. // Položka navigace obecně .container .site-nav a { - box-sizing:border-box; + box-sizing: border-box; display: block; padding: 12px 12px 11px; color: #fff; @@ -189,20 +189,18 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek. // Stylování od 2. úrovně dál .container .pine-level-2 a { - padding: @base-font-size*.75 15px (@base-font-size*.75 + 1px); + padding: @base-font-size*0.75 15px (@base-font-size*0.75 + 1px); } - // ## Velké displeje @media @large-start { - - // Položky navigací jsou na velkých vedle sebe - .pine-level-1 > li { - display: inline-block; - position: relative; - float: left; - } + // Položky navigací jsou na velkých vedle sebe + .pine-level-1 > li { + display: inline-block; + position: relative; + float: left; + } // Položka navigace se subnavigací // Zobáček jinak než výchozí v Pine.js @@ -213,8 +211,7 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek. top: 19px; right: 50%; margin-right: -27px; - border-top-color: rgba(255, 255, 255, .5) + border-top-color: rgba(255, 255, 255, 0.5); } } - } diff --git a/less/components/text.less b/less/components/text.less index eb51247..6792c06 100644 --- a/less/components/text.less +++ b/less/components/text.less @@ -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.