"
Template:Team:Waterloo/JS/jgallery
From 2014.igem.org
(Difference between revisions)
| (14 intermediate revisions not shown) | |||
| Line 1: | Line 1: | ||
<html> | <html> | ||
| + | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> | ||
| + | |||
<link rel="stylesheet" type="text/css" media="all" href="https://cdn.rawgit.com/jakubkowalczyk-pl/jgallery/c4cdb0467c8e9cb60dcdc086d411ad62ba09288a/css/font-awesome.min.css" /> | <link rel="stylesheet" type="text/css" media="all" href="https://cdn.rawgit.com/jakubkowalczyk-pl/jgallery/c4cdb0467c8e9cb60dcdc086d411ad62ba09288a/css/font-awesome.min.css" /> | ||
<link rel="stylesheet" type="text/css" media="all" href="https://cdn.rawgit.com/jakubkowalczyk-pl/jgallery/c4cdb0467c8e9cb60dcdc086d411ad62ba09288a/css/jgallery.min.css" /> | <link rel="stylesheet" type="text/css" media="all" href="https://cdn.rawgit.com/jakubkowalczyk-pl/jgallery/c4cdb0467c8e9cb60dcdc086d411ad62ba09288a/css/jgallery.min.css" /> | ||
| - | |||
| - | |||
<script src="https://cdn.rawgit.com/jakubkowalczyk-pl/jgallery/c4cdb0467c8e9cb60dcdc086d411ad62ba09288a/js/tinycolor-0.9.16.min.js"></script> | <script src="https://cdn.rawgit.com/jakubkowalczyk-pl/jgallery/c4cdb0467c8e9cb60dcdc086d411ad62ba09288a/js/tinycolor-0.9.16.min.js"></script> | ||
<script src="https://cdn.rawgit.com/jakubkowalczyk-pl/jgallery/c4cdb0467c8e9cb60dcdc086d411ad62ba09288a/js/jgallery.min.js"></script> | <script src="https://cdn.rawgit.com/jakubkowalczyk-pl/jgallery/c4cdb0467c8e9cb60dcdc086d411ad62ba09288a/js/jgallery.min.js"></script> | ||
| + | |||
| + | <!-- | ||
| + | <style> | ||
| + | /*! | ||
| + | * Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome | ||
| + | * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) | ||
| + | */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.1.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1)}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-square:before,.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-his | ||
| + | 100 20766 0 20766 0 0 68043 0 --:--:-- --:--:-- --:--:-- 171k | ||
| + | tory:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"} | ||
| + | |||
| + | |||
| + | .jgallery .jgallery-btn{-webkit-transition:all 0.2s;transition:all 0.2s;cursor:pointer;}.jgallery .jgallery-btn:hover{text-shadow:0 0 .15em #fff;}.jgallery .jgallery-btn.inactive{opacity:.5;}.jgallery .jgallery-btn.inactive:hover{opacity:1;}.jgallery .jgallery-btn.active{color:#fff;opacity:1;}.jgallery .jgallery-btn-large{width:60px;height:60px;line-height:64px;font-size:30px;text-align:center;color:#fff;}.jgallery .jgallery-btn-small{width:40px;height:40px;margin:0;line-height:43px;font-size:18px;text-align:center;color:#fff;}.jgallery .change-album{position:relative;}.jgallery .change-album .menu{left:0;bottom:42px;background:#111;position:absolute;overflow:auto;display:none;}.jgallery .change-album .menu .item{margin:0;padding:10px 40px 10px 10px;border-bottom:1px solid rgba(127,127,127,0.5);font-family:"Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;font-weight:bold;font-size:14px;text-align:left;-webkit-transition:all 0.3s;transition:all 0.3s;line-height:normal;white-space:pre;color:#ddd;text-shadow:none;display:block;}.jgallery .change-album .menu .item:hover{color:#fff;background:#222;}.jgallery .change-album .menu .item.active{color:#ddd;background:#333;}.jgallery .change-album .title{padding:0;line-height:40px;left:48px;top:0;bottom:auto;right:auto;font-family:"Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;font-size:14px;position:absolute;white-space:pre;}.jgallery .change-album.active{border-radius:2px;}.jgallery .change-album.active .menu{display:block;}.jgallery.jgallery-standard{top:auto;left:auto;right:auto;bottom:auto;position:relative;z-index:0;overflow:hidden;}.jgallery.jgallery-slider{margin-left:auto;margin-right:auto;top:auto;left:auto;right:auto;bottom:auto;-webkit-perspective:1200px;perspective:1200px;position:relative;z-index:0;background:transparent !important;}.jgallery.jgallery-slider .jgallery-thumbnails{background:none !important;overflow:hidden;}.jgallery.jgallery-slider .jgallery-thumbnails .jgallery-container{-webkit-box-shadow:none !important;box-shadow:none !important;}.jgallery.jgallery-slider .jgallery-thumbnails.jgallery-thumbnails-bottom{padding-bottom:4px;}.jgallery.jgallery-slider .jgallery-thumbnails.jgallery-thumbnails-bottom ~ * .nav-bottom{padding-bottom:30px;}.jgallery.jgallery-slider .jgallery-thumbnails.square:not(.full-screen) a,.jgallery.jgallery-slider .jgallery-thumbnails.square.number:not(.full-screen) a{width:1.6em;height:1.6em;margin:4px;font-size:10px;line-height:1.6em;-webkit-box-shadow:0 0 0 2px rgba( 0, 0, 0, .6 ), 0 0 0 3px rgba( 255, 255, 255, .6 );box-shadow:0 0 0 2px rgba( 0, 0, 0, .6 ), 0 0 0 3px rgba( 255, 255, 255, .6 );opacity:1;}.jgallery.jgallery-slider .jgallery-thumbnails.square:not(.full-screen) a.active,.jgallery.jgallery-slider .jgallery-thumbnails.square.number:not(.full-screen) a.active{opacity:.6;}.jgallery.jgallery-slider .jgallery-thumbnails.square:not(.full-screen).jgallery-thumbnails-horizontal,.jgallery.jgallery-slider .jgallery-thumbnails.square.number:not(.full-screen).jgallery-thumbnails-horizontal{height:28px;}.jgallery.jgallery-slider .jgallery-thumbnails.square:not(.full-screen).jgallery-thumbnails-vertical,.jgallery.jgallery-slider .jgallery-thumbnails.square.number:not(.full-screen).jgallery-thumbnails-vertical{width:28px;}.jgallery.jgallery-slider .zoom-container .nav-bottom{height:auto;-webkit-box-shadow:none !important;box-shadow:none !important;background:none;-webkit-transition:-webkit-transform 0.2s, opacity 0.2s;transition:transform 0.2s, opacity 0.2s;left:4px;right:4px;top:auto;bottom:3px;}.jgallery.jgallery-slider .zoom-container .nav-bottom .icons{width:240px;height:40px;margin:-20px -120px;background:none !important;-webkit-transform:scale( .8 );-moz-transform:scale( .8 );transform:scale( .8 );opacity:0;float:none;text-align:center;top:-40px;left:50%;position:absolute;}.jgallery.jgallery-slider .zoom-container .nav-bottom .jgallery-btn{margin-left:4px;margin-right:4px;border-radius:27px;}.jgallery.jgallery-slider .zoom-container .nav-bottom > .title.fade,.jgallery.jgallery-slider .zoom-container .nav-bottom > .title.fade.expanded{padding-bottom:12px;white-space:normal;cursor:default;top:3px;left:8px;right:8px;bottom:auto;position:relative;}.jgallery.jgallery-slider .zoom-container .progress{bottom:-1px;}.jgallery.jgallery-slider .zoom .container{background:none !important;}.jgallery.jgallery-slider .overlayContainer .overlay{background:transparent !important;}.jgallery.jgallery-slider:hover .zoom-container .nav-bottom .icons{-webkit-transform:scale( 1 );-moz-transform:scale( 1 );transform:scale( 1 );opacity:1;}.jgallery.jgallery-slider:after{margin-top:-15px;left:100px;right:100px;top:100%;height:30px;background:rgba(0,0,0,0.5);-webkit-box-shadow:0 0 40px 40px rgba( 0, 0, 0, .5 );box-shadow:0 0 40px 40px rgba( 0, 0, 0, .5 );-webkit-transform:rotateX( 75deg );-moz-transform:rotateX( 75deg );transform:rotateX( 75deg );content:"";position:absolute;display:block;}html,body{height:100%;margin:0;}.overlayContainer{z-index:1;position:relative;display:block;}.overlayContainer .overlay{color:#fff;left:0;top:0;background:center center no-repeat #000;position:absolute;z-index:10000;}.overlayContainer .imageLoaderPositionAbsolute{width:60px;height:60px;line-height:60px;margin:-30px 0 0 -30px;font-size:60px;font-weight:bold;letter-spacing:-0.02em;text-align:center;position:absolute;z-index:10001;}.overlayContainer .imageLoaderPositionAbsolute [class*="fa-"]{width:60px;height:60px;line-height:60px;}.overlayContainer .imageLoaderPositionAbsolute.preloadAll:after{border-radius:1.7em;left:0;top:0;bottom:0;right:0;content:"";position:absolute;z-index:0;}.overlayContainer .imageLoaderPositionAbsolute .circle{margin:-42px 0 0 -42px;left:50%;top:50%;position:absolute;}.overlayContainer .imageLoaderPositionAbsolute .progress-value{width:200px;height:200px;line-height:200px;margin:-100px;padding-left:.25em;left:50%;top:50%;position:absolute;z-index:1;}.overlayContainer .imageLoaderPositionAbsolute .progress-value:after{padding-left:.117em;font-size:.5em;font-weight:normal;-webkit-animation:percent 1s linear infinite;animation:percent 1s linear infinite;content:"%";}.imageLoaderPositionAbsolute{left:50%;}body.overlayContainer > .overlay{position:fixed;}body.overlayContainer > .overlay .imageLoaderPositionAbsolute{top:50% !important;position:fixed;}@keyframes percent{0%{opacity:.1;}50%{opacity:1;}100%{opacity:.1;}}@-webkit-keyframes percent{0%{opacity:.1;}50%{opacity:1;}100%{opacity:.1;}}.jgallery .zoom-container .progress{width:0;height:4px;margin:0;padding:0;border:0;line-height:4px;background:#fff;background:rgba(255,255,255,0.5);left:0;bottom:0;overflow:hidden;position:absolute;z-index:10003;}.jgallery .zoom-container .progress:after{width:4px;height:4px;background:#fff;-webkit-box-shadow:0 0 30px 15px rgba( 255, 255, 255, 1 );box-shadow:0 0 30px 15px rgba( 255, 255, 255, 1 );right:64px;top:0;content:"";position:absolute;}.jgallery .jgallery-thumbnails{background:#111;-webkit-transition:background 0.2s, background-color 0.2s;transition:background 0.2s, background-color 0.2s;position:absolute;z-index:3;font-size:0;line-height:0;}.jgallery .jgallery-thumbnails.hidden{display:none;}.jgallery .jgallery-thumbnails .jgallery-container{left:0;top:0;right:0;bottom:0;-webkit-transition:box-shadow 0.2s, -webkit-box-shadow 0.2s;transition:box-shadow 0.2s, -webkit-box-shadow 0.2s;position:absolute;overflow:hidden;}.jgallery .jgallery-thumbnails .album{display:none;}.jgallery .jgallery-thumbnails .album.active{display:inline;}.jgallery .jgallery-thumbnails a{border-radius:.7em;white-space:normal;display:inline-block;}.jgallery .jgallery-thumbnails a:hover:not(.active){border-radius:2px !important;}.jgallery .jgallery-thumbnails a:hover:not(.active) img{border-radius:2px !important;}.jgallery .jgallery-thumbnails a img{border-radius:.7em;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}.jgallery .jgallery-thumbnails .prev,.jgallery .jgallery-thumbnails .next{font-size:24px;text-align:center;background:#111;opacity:1;-webkit-box-shadow:none;box-shadow:none;cursor:pointer;position:absolute;}.jgallery .jgallery-thumbnails .ico{width:40px;height:40px;margin:-20px 0 0 -20px;line-height:40px;color:#fff;top:50%;left:50%;position:absolute;}.jgallery .jgallery-thumbnails .jgallery-close{opacity:0;display:none;}.jgallery .jgallery-thumbnails .change-album{display:none;}.jgallery .jgallery-thumbnails-horizontal{left:0;right:0;white-space:pre;}.jgallery .jgallery-thumbnails-horizontal .prev,.jgallery .jgallery-thumbnails-horizontal .next{width:40px;top:0;bottom:0;}.jgallery .jgallery-thumbnails-horizontal .prev{padding-left:8px;left:-100px;}.jgallery .jgallery-thumbnails-horizontal .prev:before{width:40px;right:-40px;background:-moz-linear-gradient(left,#111 0%,rgba(17,17,17,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,#111),color-stop(100%,rgba(17,17,17,0)));background:-webkit-linear-gradient(left,#111 0%,rgba(17,17,17,0) 100%);background:-o-linear-gradient(left,#111 0%,rgba(17,17,17,0) 100%);background:-ms-linear-gradient(left,#111 0%,rgba(17,17,17,0) 100%);background:linear-gradient(to right,#111 0%,rgba(17,17,17,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111',endColorstr='#00111111',GradientType=1);top:0;bottom:0;content:"";position:absolute;}.jgallery .jgallery-thumbnails-horizontal .next{padding-right:8px;right:-100px;}.jgallery .jgallery-thumbnails-horizontal .next:before{width:40px;left:-40px;background:-moz-linear-gradient(left,rgba(17,17,17,0) 0%,#111 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(17,17,17,0)),color-stop(100%,#111));background:-webkit-linear-gradient(left,rgba(17,17,17,0) 0%,#111 100%);background:-o-linear-gradient(left,rgba(17,17,17,0) 0%,#111 100%);background:-ms-linear-gradient(left,rgba(17,17,17,0) 0%,#111 100%);background:linear-gradient(to right,rgba(17,17,17,0) 0%,#111 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00111111',endColorstr='#111111',GradientType=1);top:0;bottom:0;content:"";position:absolute;}.jgallery .jgallery-thumbnails-horizontal:hover .prev.visible{left:0;}.jgallery .jgallery-thumbnails-horizontal:hover .next.visible{right:0;}.jgallery .jgallery-thumbnails-vertical{top:0;bottom:0;}.jgallery .jgallery-thumbnails-vertical .prev,.jgallery .jgallery-thumbnails-vertical .next{height:40px;left:0;right:0;}.jgallery .jgallery-thumbnails-vertical .prev{padding-top:8px;top:-100px;}.jgallery .jgallery-thumbnails-vertical .prev:before{height:40px;bottom:-40px;background:-moz-linear-gradient(top,#111 0%,rgba(17,17,17,0) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#111),color-stop(100%,rgba(17,17,17,0)));background:-webkit-linear-gradient(top,#111 0%,rgba(17,17,17,0) 100%);background:-o-linear-gradient(top,#111 0%,rgba(17,17,17,0) 100%);background:-ms-linear-gradient(top,#111 0%,rgba(17,17,17,0) 100%);background:linear-gradient(to bottom,#111 0%,rgba(17,17,17,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111',endColorstr='#00111111',GradientType=0);left:0;right:0;content:"";position:absolute;}.jgallery .jgallery-thumbnails-vertical .next{padding-bottom:8px;bottom:-100px;}.jgallery .jgallery-thumbnails-vertical .next:before{height:40px;top:-40px;background:-moz-linear-gradient(top,rgba(17,17,17,0) 0%,#111 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(17,17,17,0)),color-stop(100%,#111));background:-webkit-linear-gradient(top,rgba(17,17,17,0) 0%,#111 100%);background:-o-linear-gradient(top,rgba(17,17,17,0) 0%,#111 100%);background:-ms-linear-gradient(top,rgba(17,17,17,0) 0%,#111 100%);background:linear-gradient(to bottom,rgba(17,17,17,0) 0%,#111 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00111111',endColorstr='#111111',GradientType=0);left:0;right:0;content:"";position:absolute;}.jgallery .jgallery-thumbnails-vertical:hover .prev.visible{top:0;}.jgallery .jgallery-thumbnails-vertical:hover .next.visible{bottom:0;}.jgallery .jgallery-thumbnails-vertical .prev .ico,.jgallery .jgallery-thumbnails-vertical .next .ico{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);display:block;}.jgallery .jgallery-thumbnails-bottom.images:not(.full-screen),.jgallery .jgallery-thumbnails.jgallery-thumbnails-bottom.images.images:not(.full-screen){padding-top:7px;}.jgallery .jgallery-thumbnails-bottom.images:not(.full-screen) .jgallery-container-inner,.jgallery .jgallery-thumbnails.jgallery-thumbnails-bottom.images.images:not(.full-screen) .jgallery-container-inner{padding-top:7px;}.jgallery .jgallery-thumbnails-top{top:0;}.jgallery .jgallery-thumbnails-bottom{bottom:0;}.jgallery .jgallery-thumbnails-left{left:0;}.jgallery .jgallery-thumbnails-right{right:0;}.jgallery .jgallery-thumbnails a.hidden{opacity:0;}.jgallery .jgallery-thumbnails a{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;overflow:hidden;opacity:1;display:inline-block;position:relative;}.jgallery .jgallery-thumbnails.images{padding:15px;}.jgallery .jgallery-thumbnails.images .jgallery-container-inner{padding:15px;}.jgallery .jgallery-thumbnails.images.jgallery-thumbnails-horizontal .jgallery-container-inner:after{width:15px;height:15px;content:"";display:inline-block;}.jgallery .jgallery-thumbnails.images a{-webkit-border-radius:0;border-radius:0;-webkit-transition:opacity 0.5s;transition:opacity 0.5s;font-size:0;}.jgallery .jgallery-thumbnails.images a img{-webkit-transition:-webkit-filter 0.2s, filter 0.2s;transition:-webkit-filter 0.2s, filter 0.2s;-webkit-filter:#000;filter:#000;}.jgallery .jgallery-thumbnails.images a:hover img{-webkit-filter:#000;filter:#000;}.jgallery .jgallery-thumbnails.images a:hover:after{opacity:0;}.jgallery .jgallery-thumbnails.images a.active img{-webkit-filter:#000;filter:#000;}.jgallery .jgallery-thumbnails.images a.active:after{opacity:.25;}.jgallery .jgallery-thumbnails.images a:after{opacity:.5;background:#111;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;left:0;top:0;right:0;bottom:0;content:"";position:absolute;}.jgallery .jgallery-thumbnails.images:hover a:after{opacity:0;}.jgallery .jgallery-thumbnails.images img{padding:1px;border:0;-webkit-border-radius:0;border-radius:0;}.jgallery .jgallery-thumbnails.images.jgallery-thumbnails-vertical .prev,.jgallery .jgallery-thumbnails.images.jgallery-thumbnails-vertical .next{left:8px;right:8px;}.jgallery .jgallery-thumbnails.images.jgallery-thumbnails-vertical:hover .prev.visible{top:0;}.jgallery .jgallery-thumbnails.images.jgallery-thumbnails-vertical:hover .next.visible{bottom:0;}.jgallery .jgallery-thumbnails.images.jgallery-thumbnails-horizontal{padding-right:0;}.jgallery .jgallery-thumbnails.images.jgallery-thumbnails-horizontal .prev,.jgallery .jgallery-thumbnails.images.jgallery-thumbnails-horizontal .next{top:0px;bottom:8px;}.jgallery .jgallery-thumbnails.images.jgallery-thumbnails-horizontal:hover .prev.visible{left:0;}.jgallery .jgallery-thumbnails.images.jgallery-thumbnails-horizontal:hover .next.visible{right:0;}.jgallery .jgallery-thumbnails.full-screen{width:auto !important;height:auto !important;top:0;left:0;right:0;bottom:0;display:block;}.jgallery .jgallery-thumbnails.full-screen .jgallery-container{text-align:left;white-space:normal;}.jgallery .jgallery-thumbnails.full-screen .jgallery-container-inner{padding:60px 45px 45px;}.jgallery .jgallery-thumbnails.full-screen .jgallery-container-inner:after{width:auto;height:45px;content:"";display:block;}.jgallery .jgallery-thumbnails.full-screen .jgallery-close{right:0;top:0;opacity:1;position:absolute;display:block;}.jgallery .jgallery-thumbnails.full-screen .prev{background:#000;}.jgallery .jgallery-thumbnails.full-screen .prev:before{background-image:-webkit-gradient(linear,left 0%,left 100%,from(rgba(0,0,0,1)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,1),0%,rgba(0,0,0,0),100%);background-image:-moz-linear-gradient(top,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);background-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);background-repeat:repeat-x;}.jgallery .jgallery-thumbnails.full-screen .next{background:#000;}.jgallery .jgallery-thumbnails.full-screen .next:before{background-image:-webkit-gradient(linear,left 0%,left 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,1)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,0),0%,rgba(0,0,0,1),100%);background-image:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);background-repeat:repeat-x;}.jgallery .jgallery-thumbnails.full-screen .change-album{right:40px;top:0;position:absolute;display:block;}.jgallery .jgallery-thumbnails.full-screen .change-album .title{right:48px;top:0;left:auto;bottom:auto;}.jgallery .jgallery-thumbnails.full-screen .change-album .menu{right:0;top:42px;left:auto;bottom:auto;position:absolute;}.jgallery .jgallery-thumbnails.full-screen img{display:inline-block;}.jgallery .jgallery-thumbnails.square:not(.full-screen){font-size:0;}.jgallery .jgallery-thumbnails.square:not(.full-screen).jgallery-thumbnails-horizontal{height:40px;}.jgallery .jgallery-thumbnails.square:not(.full-screen).jgallery-thumbnails-left .next,.jgallery .jgallery-thumbnails.square:not(.full-screen).jgallery-thumbnails-left .prev{left:20px;}.jgallery .jgallery-thumbnails.square:not(.full-screen).jgallery-thumbnails-right .next,.jgallery .jgallery-thumbnails.square:not(.full-screen).jgallery-thumbnails-right .prev{right:20px;}.jgallery .jgallery-thumbnails.square:not(.full-screen).jgallery-thumbnails-top .next,.jgallery .jgallery-thumbnails.square:not(.full-screen).jgallery-thumbnails-top .prev{top:20px;}.jgallery .jgallery-thumbnails.square:not(.full-screen).jgallery-thumbnails-bottom .next,.jgallery .jgallery-thumbnails.square:not(.full-screen).jgallery-thumbnails-bottom .prev{bottom:20px;}.jgallery .jgallery-thumbnails.square:not(.full-screen).jgallery-thumbnails-vertical{width:40px;}.jgallery .jgallery-thumbnails.square:not(.full-screen) a{width:20px;height:20px;margin:10px 4px;font-size:20px;text-indent:-9999px;background:#fff;color:#000;text-decoration:none;opacity:.7;}.jgallery .jgallery-thumbnails.square:not(.full-screen) a:hover{opacity:1;}.jgallery .jgallery-thumbnails.square:not(.full-screen) a.active{opacity:.3;cursor:default;}.jgallery .jgallery-thumbnails.square:not(.full-screen) a img{display:none;}.jgallery .jgallery-thumbnails.square:not(.full-screen).jgallery-thumbnails-vertical a{margin-top:4px;margin-bottom:4px;}.jgallery .jgallery-thumbnails.square:not(.full-screen).jgallery-thumbnails-vertical a:first-child{margin-top:8px;}.jgallery .jgallery-thumbnails.square:not(.full-screen).jgallery-thumbnails-vertical a:last-child{margin-bottom:8px;}.jgallery .jgallery-thumbnails.square:not(.full-screen).jgallery-thumbnails-horizontal a:first-child{margin-left:8px;}.jgallery .jgallery-thumbnails.square:not(.full-screen).jgallery-thumbnails-horizontal a:last-child{margin-right:8px;}.jgallery .jgallery-thumbnails.square.number:not(.full-screen).jgallery-thumbnails-horizontal{height:50px;}.jgallery .jgallery-thumbnails.square.number:not(.full-screen).jgallery-thumbnails-vertical{width:50px;}.jgallery .jgallery-thumbnails.square.number:not(.full-screen).jgallery-thumbnails-left .next,.jgallery .jgallery-thumbnails.square.number:not(.full-screen).jgallery-thumbnails-left .prev{left:25px;}.jgallery .jgallery-thumbnails.square.number:not(.full-screen).jgallery-thumbnails-right .next,.jgallery .jgallery-thumbnails.square.number:not(.full-screen).jgallery-thumbnails-right .prev{right:25px;}.jgallery .jgallery-thumbnails.square.number:not(.full-screen).jgallery-thumbnails-top .next,.jgallery .jgallery-thumbnails.square.number:not(.full-screen).jgallery-thumbnails-top .prev{top:25px;}.jgallery .jgallery-thumbnails.square.number:not(.full-screen).jgallery-thumbnails-bottom .next,.jgallery .jgallery-thumbnails.square.number:not(.full-screen).jgallery-thumbnails-bottom .prev{bottom:25px;}.jgallery .jgallery-thumbnails.square.number:not(.full-screen) a{width:30px;height:30px;-webkit-border-radius:18px;border-radius:18px;font-size:14px;line-height:30px;text-indent:0;font-weight:bold;text-align:center;}.jgallery .jgallery-thumbnails.square.number:not(.full-screen) a:after{content:attr(data-jgallery-number);}.jgallery .jgallery-thumbnails.square.number:not(.full-screen) img{display:none;}.jgallery .zoom-container .nav-bottom > .title{padding:4px 0;bottom:5px;right:18px;font-size:14px;color:#fff;-webkit-transition:top, left, right, bottom, opacity, text-shadow, color 0.5s;-moz-transition:top, left, right, bottom, opacity, text-shadow, color 0.5s;-o-transition:top, left, right, bottom, opacity, text-shadow, color 0.5s;transition:top, left, right, bottom, opacity, text-shadow, color 0.5s;cursor:pointer;text-overflow:ellipsis;white-space:pre;overflow:hidden;opacity:1;position:absolute;z-index:0;}.jgallery .zoom-container .nav-bottom > .title.hidden{bottom:-50%;right:-50%;opacity:0;}.jgallery .zoom-container .nav-bottom > .title.hidden,.jgallery .zoom-container .nav-bottom > .title.after,.jgallery .zoom-container .nav-bottom > .title.before{text-shadow:0 0 .25em #fff;color:transparent;opacity:.5;-webkit-transition:top, left, right, bottom, opacity 0.5s;-moz-transition:top, left, right, bottom, opacity 0.5s;-o-transition:top, left, right, bottom, opacity 0.5s;transition:top, left, right, bottom, opacity 0.5s;}.jgallery .zoom-container .nav-bottom > .title.fade{bottom:5px;right:10px;}.jgallery .zoom-container .nav-bottom > .title.fade.expanded{padding-right:10px;padding-bottom:8px;padding-left:10px;left:0;right:0;bottom:40px;white-space:normal;}.jgallery .zoom-container .nav-bottom > .title.fade.before{opacity:0;}.jgallery .zoom-container .nav-bottom > .title.fade.after{opacity:0;}.pt-perspective{position:relative;width:100%;height:100%;-webkit-perspective:1200px;-moz-perspective:1200px;perspective:1200px;}.pt-page{width:100%;height:100%;position:absolute;top:0;left:0;visibility:hidden;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;}.pt-page-current,.no-js .pt-page{visibility:visible;z-index:1;}.no-js body{overflow:auto;}.pt-page-ontop{z-index:999;}.pt-page h1{position:absolute;font-weight:300;font-size:4.4em;line-height:1;letter-spacing:6px;margin:0;top:12%;width:100%;text-align:center;text-transform:uppercase;word-spacing:-0.3em;}.pt-page h1 span{font-family:'Satisfy', serif;font-weight:400;font-size:40%;text-transform:none;word-spacing:0;letter-spacing:0;display:block;opacity:0.4;}.pt-page h1 strong{color:rgba(0,0,0,0.1);}.pt-page-1{background:#0ac2d2;}.pt-page-2{background:#7bb7fa;}.pt-page-3{background:#60d7a9;}.pt-page-4{background:#fdc162;}.pt-page-5{background:#fd6a62;}.pt-page-6{background:#f68dbb;}.pt-triggers{position:absolute;width:300px;z-index:999999;top:12%;left:50%;margin-top:130px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}.no-js .pt-triggers{display:none;}.pt-triggers .dl-menuwrapper button,.pt-touch-button{border:none;font-size:13px;font-weight:700;text-transform:uppercase;margin:10px 0 20px;padding:0px 20px;line-height:50px;height:50px;letter-spacing:1px;width:100%;cursor:pointer;display:block;font-family:'Lato', Calibri, Arial, sans-serif;box-shadow:0 3px 0 rgba(0,0,0,0.1);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.pt-touch-button{background:#fff;color:#aaa;}.pt-triggers .dl-menuwrapper button{margin-bottom:0;}.pt-touch-button:active{box-shadow:0 1px 0 rgba(0,0,0,0.1);}.touch .pt-triggers .dl-menuwrapper{display:none;}.pt-message{display:none;position:absolute;z-index:99999;bottom:0;left:0;width:100%;background:#da475c;color:#fff;text-align:center;}.pt-message p{margin:0;line-height:60px;font-size:26px;}.no-cssanimations .pt-message{display:block;}@media screen and (max-width: 47.4375em){.pt-page h1{font-size:3em;}.pt-triggers .dl-menuwrapper{display:none;}}@media screen and (max-height: 45.9em){.pt-triggers .dl-menuwrapper li a{padding-top:2px;padding-bottom:2px;}.pt-triggers .dl-menuwrapper li.dl-back:after,.dl-menuwrapper li > a:not(:only-child):after{line-height:24px;}}@media screen and (max-height: 38em){.pt-triggers .dl-menuwrapper{display:none;}}.pt-page-moveToLeft{-webkit-animation:moveToLeft .6s ease both;-moz-animation:moveToLeft .6s ease both;animation:moveToLeft .6s ease both;}.pt-page-moveFromLeft{-webkit-animation:moveFromLeft .6s ease both;-moz-animation:moveFromLeft .6s ease both;animation:moveFromLeft .6s ease both;}.pt-page-moveToRight{-webkit-animation:moveToRight .6s ease both;-moz-animation:moveToRight .6s ease both;animation:moveToRight .6s ease both;}.pt-page-moveFromRight{-webkit-animation:moveFromRight .6s ease both;-moz-animation:moveFromRight .6s ease both;animation:moveFromRight .6s ease both;}.pt-page-moveToTop{-webkit-animation:moveToTop .6s ease both;-moz-animation:moveToTop .6s ease both;animation:moveToTop .6s ease both;}.pt-page-moveFromTop{-webkit-animation:moveFromTop .6s ease both;-moz-animation:moveFromTop .6s ease both;animation:moveFromTop .6s ease both;}.pt-page-moveToBottom{-webkit-animation:moveToBottom .6s ease both;-moz-animation:moveToBottom .6s ease both;animation:moveToBottom .6s ease both;}.pt-page-moveFromBottom{-webkit-animation:moveFromBottom .6s ease both;-moz-animation:moveFromBottom .6s ease both;animation:moveFromBottom .6s ease both;}.pt-page-fade{-webkit-animation:fade .7s ease both;-moz-animation:fade .7s ease both;animation:fade .7s ease both;}.pt-page-moveToLeftFade{-webkit-animation:moveToLeftFade .7s ease both;-moz-animation:moveToLeftFade .7s ease both;animation:moveToLeftFade .7s ease both;}.pt-page-moveFromLeftFade{-webkit-animation:moveFromLeftFade .7s ease both;-moz-animation:moveFromLeftFade .7s ease both;animation:moveFromLeftFade .7s ease both;}.pt-page-moveToRightFade{-webkit-animation:moveToRightFade .7s ease both;-moz-animation:moveToRightFade .7s ease both;animation:moveToRightFade .7s ease both;}.pt-page-moveFromRightFade{-webkit-animation:moveFromRightFade .7s ease both;-moz-animation:moveFromRightFade .7s ease both;animation:moveFromRightFade .7s ease both;}.pt-page-moveToTopFade{-webkit-animation:moveToTopFade .7s ease both;-moz-animation:moveToTopFade .7s ease both;animation:moveToTopFade .7s ease both;}.pt-page-moveFromTopFade{-webkit-animation:moveFromTopFade .7s ease both;-moz-animation:moveFromTopFade .7s ease both;animation:moveFromTopFade .7s ease both;}.pt-page-moveToBottomFade{-webkit-animation:moveToBottomFade .7s ease both;-moz-animation:moveToBottomFade .7s ease both;animation:moveToBottomFade .7s ease both;}.pt-page-moveFromBottomFade{-webkit-animation:moveFromBottomFade .7s ease both;-moz-animation:moveFromBottomFade .7s ease both;animation:moveFromBottomFade .7s ease both;}.pt-page-moveToLeftEasing{-webkit-animation:moveToLeft .7s ease-in-out both;-moz-animation:moveToLeft .7s ease-in-out both;animation:moveToLeft .7s ease-in-out both;}.pt-page-moveToRightEasing{-webkit-animation:moveToRight .7s ease-in-out both;-moz-animation:moveToRight .7s ease-in-out both;animation:moveToRight .7s ease-in-out both;}.pt-page-moveToTopEasing{-webkit-animation:moveToTop .7s ease-in-out both;-moz-animation:moveToTop .7s ease-in-out both;animation:moveToTop .7s ease-in-out both;}.pt-page-moveToBottomEasing{-webkit-animation:moveToBottom .7s ease-in-out both;-moz-animation:moveToBottom .7s ease-in-out both;animation:moveToBottom .7s ease-in-out both;}@-webkit-keyframes moveToLeft{to{-webkit-transform:translateX(-100%);}}@-moz-keyframes moveToLeft{to{-moz-transform:translateX(-100%);}}@keyframes moveToLeft{to{transform:translateX(-100%);}}@-webkit-keyframes moveFromLeft{from{-webkit-transform:translateX(-100%);}}@-moz-keyframes moveFromLeft{from{-moz-transform:translateX(-100%);}}@keyframes moveFromLeft{from{transform:translateX(-100%);}}@-webkit-keyframes moveToRight{to{-webkit-transform:translateX(100%);}}@-moz-keyframes moveToRight{to{-moz-transform:translateX(100%);}}@keyframes moveToRight{to{transform:translateX(100%);}}@-webkit-keyframes moveFromRight{from{-webkit-transform:translateX(100%);}}@-moz-keyframes moveFromRight{from{-moz-transform:translateX(100%);}}@keyframes moveFromRight{from{transform:translateX(100%);}}@-webkit-keyframes moveToTop{to{-webkit-transform:translateY(-100%);}}@-moz-keyframes moveToTop{to{-moz-transform:translateY(-100%);}}@keyframes moveToTop{to{transform:translateY(-100%);}}@-webkit-keyframes moveFromTop{from{-webkit-transform:translateY(-100%);}}@-moz-keyframes moveFromTop{from{-moz-transform:translateY(-100%);}}@keyframes moveFromTop{from{transform:translateY(-100%);}}@-webkit-keyframes moveToBottom{to{-webkit-transform:translateY(100%);}}@-moz-keyframes moveToBottom{to{-moz-transform:translateY(100%);}}@keyframes moveToBottom{to{transform:translateY(100%);}}@-webkit-keyframes moveFromBottom{from{-webkit-transform:translateY(100%);}}@-moz-keyframes moveFromBottom{from{-moz-transform:translateY(100%);}}@keyframes moveFromBottom{from{transform:translateY(100%);}}@-webkit-keyframes fade{to{opacity:0.3;}}@-moz-keyframes fade{to{opacity:0.3;}}@keyframes fade{to{opacity:0.3;}}@-webkit-keyframes moveToLeftFade{to{opacity:0.3;-webkit-transform:translateX(-100%);}}@-moz-keyframes moveToLeftFade{to{opacity:0.3;-moz-transform:translateX(-100%);}}@keyframes moveToLeftFade{to{opacity:0.3;transform:translateX(-100%);}}@-webkit-keyframes moveFromLeftFade{from{opacity:0.3;-webkit-transform:translateX(-100%);}}@-moz-keyframes moveFromLeftFade{from{opacity:0.3;-moz-transform:translateX(-100%);}}@keyframes moveFromLeftFade{from{opacity:0.3;transform:translateX(-100%);}}@-webkit-keyframes moveToRightFade{to{opacity:0.3;-webkit-transform:translateX(100%);}}@-moz-keyframes moveToRightFade{to{opacity:0.3;-moz-transform:translateX(100%);}}@keyframes moveToRightFade{to{opacity:0.3;transform:translateX(100%);}}@-webkit-keyframes moveFromRightFade{from{opacity:0.3;-webkit-transform:translateX(100%);}}@-moz-keyframes moveFromRightFade{from{opacity:0.3;-moz-transform:translateX(100%);}}@keyframes moveFromRightFade{from{opacity:0.3;transform:translateX(100%);}}@-webkit-keyframes moveToTopFade{to{opacity:0.3;-webkit-transform:translateY(-100%);}}@-moz-keyframes moveToTopFade{to{opacity:0.3;-moz-transform:translateY(-100%);}}@keyframes moveToTopFade{to{opacity:0.3;transform:translateY(-100%);}}@-webkit-keyframes moveFromTopFade{from{opacity:0.3;-webkit-transform:translateY(-100%);}}@-moz-keyframes moveFromTopFade{from{opacity:0.3;-moz-transform:translateY(-100%);}}@keyframes moveFromTopFade{from{opacity:0.3;transform:translateY(-100%);}}@-webkit-keyframes moveToBottomFade{to{opacity:0.3;-webkit-transform:translateY(100%);}}@-moz-keyframes moveToBottomFade{to{opacity:0.3;-moz-transform:translateY(100%);}}@keyframes moveToBottomFade{to{opacity:0.3;transform:translateY(100%);}}@-webkit-keyframes moveFromBottomFade{from{opacity:0.3;-webkit-transform:translateY(100%);}}@-moz-keyframes moveFromBottomFade{from{opacity:0.3;-moz-transform:translateY(100%);}}@keyframes moveFromBottomFade{from{opacity:0.3;transform:translateY(100%);}}.pt-page-scaleDown{-webkit-animation:scaleDown .7s ease both;-moz-animation:scaleDown .7s ease both;animation:scaleDown .7s ease both;}.pt-page-scaleUp{-webkit-animation:scaleUp .7s ease both;-moz-animation:scaleUp .7s ease both;animation:scaleUp .7s ease both;}.pt-page-scaleUpDown{-webkit-animation:scaleUpDown .5s ease both;-moz-animation:scaleUpDown .5s ease both;animation:scaleUpDown .5s ease both;}.pt-page-scaleDownUp{-webkit-animation:scaleDownUp .5s ease both;-moz-animation:scaleDownUp .5s ease both;animation:scaleDownUp .5s ease both;}.pt-page-scaleDownCenter{-webkit-animation:scaleDownCenter .4s ease-in both;-moz-animation:scaleDownCenter .4s ease-in both;animation:scaleDownCenter .4s ease-in both;}.pt-page-scaleUpCenter{-webkit-animation:scaleUpCenter .4s ease-out both;-moz-animation:scaleUpCenter .4s ease-out both;animation:scaleUpCenter .4s ease-out both;}@-webkit-keyframes scaleDown{to{opacity:0;-webkit-transform:scale(.8);}}@-moz-keyframes scaleDown{to{opacity:0;-moz-transform:scale(.8);}}@keyframes scaleDown{to{opacity:0;transform:scale(.8);}}@-webkit-keyframes scaleUp{from{opacity:0;-webkit-transform:scale(.8);}}@-moz-keyframes scaleUp{from{opacity:0;-moz-transform:scale(.8);}}@keyframes scaleUp{from{opacity:0;transform:scale(.8);}}@-webkit-keyframes scaleUpDown{from{opacity:0;-webkit-transform:scale(1.2);}}@-moz-keyframes scaleUpDown{from{opacity:0;-moz-transform:scale(1.2);}}@keyframes scaleUpDown{from{opacity:0;transform:scale(1.2);}}@-webkit-keyframes scaleDownUp{to{opacity:0;-webkit-transform:scale(1.2);}}@-moz-keyframes scaleDownUp{to{opacity:0;-moz-transform:scale(1.2);}}@keyframes scaleDownUp{to{opacity:0;transform:scale(1.2);}}@-webkit-keyframes scaleDownCenter{to{opacity:0;-webkit-transform:scale(.7);}}@-moz-keyframes scaleDownCenter{to{opacity:0;-moz-transform:scale(.7);}}@keyframes scaleDownCenter{to{opacity:0;transform:scale(.7);}}@-webkit-keyframes scaleUpCenter{from{opacity:0;-webkit-transform:scale(.7);}}@-moz-keyframes scaleUpCenter{from{opacity:0;-moz-transform:scale(.7);}}@keyframes scaleUpCenter{from{opacity:0;transform:scale(.7);}}.pt-page-rotateRightSideFirst{-webkit-transform-origin:0% 50%;-webkit-animation:rotateRightSideFirst .8s both ease-in;-moz-transform-origin:0% 50%;-moz-animation:rotateRightSideFirst .8s both ease-in;transform-origin:0% 50%;animation:rotateRightSideFirst .8s both ease-in;}.pt-page-rotateLeftSideFirst{-webkit-transform-origin:100% 50%;-webkit-animation:rotateLeftSideFirst .8s both ease-in;-moz-transform-origin:100% 50%;-moz-animation:rotateLeftSideFirst .8s both ease-in;transform-origin:100% 50%;animation:rotateLeftSideFirst .8s both ease-in;}.pt-page-rotateTopSideFirst{-webkit-transform-origin:50% 100%;-webkit-animation:rotateTopSideFirst .8s both ease-in;-moz-transform-origin:50% 100%;-moz-animation:rotateTopSideFirst .8s both ease-in;transform-origin:50% 100%;animation:rotateTopSideFirst .8s both ease-in;}.pt-page-rotateBottomSideFirst{-webkit-transform-origin:50% 0%;-webkit-animation:rotateBottomSideFirst .8s both ease-in;-moz-transform-origin:50% 0%;-moz-animation:rotateBottomSideFirst .8s both ease-in;transform-origin:50% 0%;animation:rotateBottomSideFirst .8s both ease-in;}.pt-page-flipOutRight{-webkit-transform-origin:50% 50%;-webkit-animation:flipOutRight .5s both ease-in;-moz-transform-origin:50% 50%;-moz-animation:flipOutRight .5s both ease-in;transform-origin:50% 50%;animation:flipOutRight .5s both ease-in;}.pt-page-flipInLeft{-webkit-transform-origin:50% 50%;-webkit-animation:flipInLeft .5s both ease-out;-moz-transform-origin:50% 50%;-moz-animation:flipInLeft .5s both ease-out;transform-origin:50% 50%;animation:flipInLeft .5s both ease-out;}.pt-page-flipOutLeft{-webkit-transform-origin:50% 50%;-webkit-animation:flipOutLeft .5s both ease-in;-moz-transform-origin:50% 50%;-moz-animation:flipOutLeft .5s both ease-in;transform-origin:50% 50%;animation:flipOutLeft .5s both ease-in;}.pt-page-flipInRight{-webkit-transform-origin:50% 50%;-webkit-animation:flipInRight .5s both ease-out;-moz-transform-origin:50% 50%;-moz-animation:flipInRight .5s both ease-out;transform-origin:50% 50%;animation:flipInRight .5s both ease-out;}.pt-page-flipOutTop{-webkit-transform-origin:50% 50%;-webkit-animation:flipOutTop .5s both ease-in;-moz-transform-origin:50% 50%;-moz-animation:flipOutTop .5s both ease-in;transform-origin:50% 50%;animation:flipOutTop .5s both ease-in;}.pt-page-flipInBottom{-webkit-transform-origin:50% 50%;-webkit-animation:flipInBottom .5s both ease-out;-moz-transform-origin:50% 50%;-moz-animation:flipInBottom .5s both ease-out;transform-origin:50% 50%;animation:flipInBottom .5s both ease-out;}.pt-page-flipOutBottom{-webkit-transform-origin:50% 50%;-webkit-animation:flipOutBottom .5s both ease-in;-moz-transform-origin:50% 50%;-moz-animation:flipOutBottom .5s both ease-in;transform-origin:50% 50%;animation:flipOutBottom .5s both ease-in;}.pt-page-flipInTop{-webkit-transform-origin:50% 50%;-webkit-animation:flipInTop .5s both ease-out;-moz-transform-origin:50% 50%;-moz-animation:flipInTop .5s both ease-out;transform-origin:50% 50%;animation:flipInTop .5s both ease-out;}.pt-page-rotateFall{-webkit-transform-origin:0% 0%;-webkit-animation:rotateFall 1s both ease-in;-moz-transform-origin:0% 0%;-moz-animation:rotateFall 1s both ease-in;transform-origin:0% 0%;animation:rotateFall 1s both ease-in;}.pt-page-rotateOutNewspaper{-webkit-transform-origin:50% 50%;-webkit-animation:rotateOutNewspaper .5s both ease-in;-moz-transform-origin:50% 50%;-moz-animation:rotateOutNewspaper .5s both ease-in;transform-origin:50% 50%;animation:rotateOutNewspaper .5s both ease-in;}.pt-page-rotateInNewspaper{-webkit-transform-origin:50% 50%;-webkit-animation:rotateInNewspaper .5s both ease-out;-moz-transform-origin:50% 50%;-moz-animation:rotateInNewspaper .5s both ease-out;transform-origin:50% 50%;animation:rotateInNewspaper .5s both ease-out;}.pt-page-rotatePushLeft{-webkit-transform-origin:0% 50%;-webkit-animation:rotatePushLeft .8s both ease;-moz-transform-origin:0% 50%;-moz-animation:rotatePushLeft .8s both ease;transform-origin:0% 50%;animation:rotatePushLeft .8s both ease;}.pt-page-rotatePushRight{-webkit-transform-origin:100% 50%;-webkit-animation:rotatePushRight .8s both ease;-moz-transform-origin:100% 50%;-moz-animation:rotatePushRight .8s both ease;transform-origin:100% 50%;animation:rotatePushRight .8s both ease;}.pt-page-rotatePushTop{-webkit-transform-origin:50% 0%;-webkit-animation:rotatePushTop .8s both ease;-moz-transform-origin:50% 0%;-moz-animation:rotatePushTop .8s both ease;transform-origin:50% 0%;animation:rotatePushTop .8s both ease;}.pt-page-rotatePushBottom{-webkit-transform-origin:50% 100%;-webkit-animation:rotatePushBottom .8s both ease;-moz-transform-origin:50% 100%;-moz-animation:rotatePushBottom .8s both ease;transform-origin:50% 100%;animation:rotatePushBottom .8s both ease;}.pt-page-rotatePullRight{-webkit-transform-origin:100% 50%;-webkit-animation:rotatePullRight .5s both ease;-moz-transform-origin:100% 50%;-moz-animation:rotatePullRight .5s both ease;transform-origin:100% 50%;animation:rotatePullRight .5s both ease;}.pt-page-rotatePullLeft{-webkit-transform-origin:0% 50%;-webkit-animation:rotatePullLeft .5s both ease;-moz-transform-origin:0% 50%;-moz-animation:rotatePullLeft .5s both ease;transform-origin:0% 50%;animation:rotatePullLeft .5s both ease;}.pt-page-rotatePullTop{-webkit-transform-origin:50% 0%;-webkit-animation:rotatePullTop .5s both ease;-moz-transform-origin:50% 0%;-moz-animation:rotatePullTop .5s both ease;transform-origin:50% 0%;animation:rotatePullTop .5s both ease;}.pt-page-rotatePullBottom{-webkit-transform-origin:50% 100%;-webkit-animation:rotatePullBottom .5s both ease;-moz-transform-origin:50% 100%;-moz-animation:rotatePullBottom .5s both ease;transform-origin:50% 100%;animation:rotatePullBottom .5s both ease;}.pt-page-rotateFoldRight{-webkit-transform-origin:0% 50%;-webkit-animation:rotateFoldRight .7s both ease;-moz-transform-origin:0% 50%;-moz-animation:rotateFoldRight .7s both ease;transform-origin:0% 50%;animation:rotateFoldRight .7s both ease;}.pt-page-rotateFoldLeft{-webkit-transform-origin:100% 50%;-webkit-animation:rotateFoldLeft .7s both ease;-moz-transform-origin:100% 50%;-moz-animation:rotateFoldLeft .7s both ease;transform-origin:100% 50%;animation:rotateFoldLeft .7s both ease;}.pt-page-rotateFoldTop{-webkit-transform-origin:50% 100%;-webkit-animation:rotateFoldTop .7s both ease;-moz-transform-origin:50% 100%;-moz-animation:rotateFoldTop .7s both ease;transform-origin:50% 100%;animation:rotateFoldTop .7s both ease;}.pt-page-rotateFoldBottom{-webkit-transform-origin:50% 0%;-webkit-animation:rotateFoldBottom .7s both ease;-moz-transform-origin:50% 0%;-moz-animation:rotateFoldBottom .7s both ease;transform-origin:50% 0%;animation:rotateFoldBottom .7s both ease;}.pt-page-rotateUnfoldLeft{-webkit-transform-origin:100% 50%;-webkit-animation:rotateUnfoldLeft .7s both ease;-moz-transform-origin:100% 50%;-moz-animation:rotateUnfoldLeft .7s both ease;transform-origin:100% 50%;animation:rotateUnfoldLeft .7s both ease;}.pt-page-rotateUnfoldRight{-webkit-transform-origin:0% 50%;-webkit-animation:rotateUnfoldRight .7s both ease;-moz-transform-origin:0% 50%;-moz-animation:rotateUnfoldRight .7s both ease;transform-origin:0% 50%;animation:rotateUnfoldRight .7s both ease;}.pt-page-rotateUnfoldTop{-webkit-transform-origin:50% 100%;-webkit-animation:rotateUnfoldTop .7s both ease;-moz-transform-origin:50% 100%;-moz-animation:rotateUnfoldTop .7s both ease;transform-origin:50% 100%;animation:rotateUnfoldTop .7s both ease;}.pt-page-rotateUnfoldBottom{-webkit-transform-origin:50% 0%;-webkit-animation:rotateUnfoldBottom .7s both ease;-moz-transform-origin:50% 0%;-moz-animation:rotateUnfoldBottom .7s both ease;transform-origin:50% 0%;animation:rotateUnfoldBottom .7s both ease;}.pt-page-rotateRoomLeftOut{-webkit-transform-origin:100% 50%;-webkit-animation:rotateRoomLeftOut .8s both ease;-moz-transform-origin:100% 50%;-moz-animation:rotateRoomLeftOut .8s both ease;transform-origin:100% 50%;animation:rotateRoomLeftOut .8s both ease;}.pt-page-rotateRoomLeftIn{-webkit-transform-origin:0% 50%;-webkit-animation:rotateRoomLeftIn .8s both ease;-moz-transform-origin:0% 50%;-moz-animation:rotateRoomLeftIn .8s both ease;transform-origin:0% 50%;animation:rotateRoomLeftIn .8s both ease;}.pt-page-rotateRoomRightOut{-webkit-transform-origin:0% 50%;-webkit-animation:rotateRoomRightOut .8s both ease;-moz-transform-origin:0% 50%;-moz-animation:rotateRoomRightOut .8s both ease;transform-origin:0% 50%;animation:rotateRoomRightOut .8s both ease;}.pt-page-rotateRoomRightIn{-webkit-transform-origin:100% 50%;-webkit-animation:rotateRoomRightIn .8s both ease;-moz-transform-origin:100% 50%;-moz-animation:rotateRoomRightIn .8s both ease;transform-origin:100% 50%;animation:rotateRoomRightIn .8s both ease;}.pt-page-rotateRoomTopOut{-webkit-transform-origin:50% 100%;-webkit-animation:rotateRoomTopOut .8s both ease;-moz-transform-origin:50% 100%;-moz-animation:rotateRoomTopOut .8s both ease;transform-origin:50% 100%;animation:rotateRoomTopOut .8s both ease;}.pt-page-rotateRoomTopIn{-webkit-transform-origin:50% 0%;-webkit-animation:rotateRoomTopIn .8s both ease;-moz-transform-origin:50% 0%;-moz-animation:rotateRoomTopIn .8s both ease;transform-origin:50% 0%;animation:rotateRoomTopIn .8s both ease;}.pt-page-rotateRoomBottomOut{-webkit-transform-origin:50% 0%;-webkit-animation:rotateRoomBottomOut .8s both ease;-moz-transform-origin:50% 0%;-moz-animation:rotateRoomBottomOut .8s both ease;transform-origin:50% 0%;animation:rotateRoomBottomOut .8s both ease;}.pt-page-rotateRoomBottomIn{-webkit-transform-origin:50% 100%;-webkit-animation:rotateRoomBottomIn .8s both ease;-moz-transform-origin:50% 100%;-moz-animation:rotateRoomBottomIn .8s both ease;transform-origin:50% 100%;animation:rotateRoomBottomIn .8s both ease;}.pt-page-rotateCubeLeftOut{-webkit-transform-origin:100% 50%;-webkit-animation:rotateCubeLeftOut .6s both ease-in;-moz-transform-origin:100% 50%;-moz-animation:rotateCubeLeftOut .6s both ease-in;transform-origin:100% 50%;animation:rotateCubeLeftOut .6s both ease-in;}.pt-page-rotateCubeLeftIn{-webkit-transform-origin:0% 50%;-webkit-animation:rotateCubeLeftIn .6s both ease-in;-moz-transform-origin:0% 50%;-moz-animation:rotateCubeLeftIn .6s both ease-in;transform-origin:0% 50%;animation:rotateCubeLeftIn .6s both ease-in;}.pt-page-rotateCubeRightOut{-webkit-transform-origin:0% 50%;-webkit-animation:rotateCubeRightOut .6s both ease-in;-moz-transform-origin:0% 50%;-moz-animation:rotateCubeRightOut .6s both ease-in;transform-origin:0% 50%;animation:rotateCubeRightOut .6s both ease-in;}.pt-page-rotateCubeRightIn{-webkit-transform-origin:100% 50%;-webkit-animation:rotateCubeRightIn .6s both ease-in;-moz-transform-origin:100% 50%;-moz-animation:rotateCubeRightIn .6s both ease-in;transform-origin:100% 50%;animation:rotateCubeRightIn .6s both ease-in;}.pt-page-rotateCubeTopOut{-webkit-transform-origin:50% 100%;-webkit-animation:rotateCubeTopOut .6s both ease-in;-moz-transform-origin:50% 100%;-moz-animation:rotateCubeTopOut .6s both ease-in;transform-origin:50% 100%;animation:rotateCubeTopOut .6s both ease-in;}.pt-page-rotateCubeTopIn{-webkit-transform-origin:50% 0%;-webkit-animation:rotateCubeTopIn .6s both ease-in;-moz-transform-origin:50% 0%;-moz-animation:rotateCubeTopIn .6s both ease-in;transform-origin:50% 0%;animation:rotateCubeTopIn .6s both ease-in;}.pt-page-rotateCubeBottomOut{-webkit-transform-origin:50% 0%;-webkit-animation:rotateCubeBottomOut .6s both ease-in;-moz-transform-origin:50% 0%;-moz-animation:rotateCubeBottomOut .6s both ease-in;transform-origin:50% 0%;animation:rotateCubeBottomOut .6s both ease-in;}.pt-page-rotateCubeBottomIn{-webkit-transform-origin:50% 100%;-webkit-animation:rotateCubeBottomIn .6s both ease-in;-moz-transform-origin:50% 100%;-moz-animation:rotateCubeBottomIn .6s both ease-in;transform-origin:50% 100%;animation:rotateCubeBottomIn .6s both ease-in;}.pt-page-rotateCarouselLeftOut{-webkit-transform-origin:100% 50%;-webkit-animation:rotateCarouselLeftOut .8s both ease;-moz-transform-origin:100% 50%;-moz-animation:rotateCarouselLeftOut .8s both ease;transform-origin:100% 50%;animation:rotateCarouselLeftOut .8s both ease;}.pt-page-rotateCarouselLeftIn{-webkit-transform-origin:0% 50%;-webkit-animation:rotateCarouselLeftIn .8s both ease;-moz-transform-origin:0% 50%;-moz-animation:rotateCarouselLeftIn .8s both ease;transform-origin:0% 50%;animation:rotateCarouselLeftIn .8s both ease;}.pt-page-rotateCarouselRightOut{-webkit-transform-origin:0% 50%;-webkit-animation:rotateCarouselRightOut .8s both ease;-moz-transform-origin:0% 50%;-moz-animation:rotateCarouselRightOut .8s both ease;transform-origin:0% 50%;animation:rotateCarouselRightOut .8s both ease;}.pt-page-rotateCarouselRightIn{-webkit-transform-origin:100% 50%;-webkit-animation:rotateCarouselRightIn .8s both ease;-moz-transform-origin:100% 50%;-moz-animation:rotateCarouselRightIn .8s both ease;transform-origin:100% 50%;animation:rotateCarouselRightIn .8s both ease;}.pt-page-rotateCarouselTopOut{-webkit-transform-origin:50% 100%;-webkit-animation:rotateCarouselTopOut .8s both ease;-moz-transform-origin:50% 100%;-moz-animation:rotateCarouselTopOut .8s both ease;transform-origin:50% 100%;animation:rotateCarouselTopOut .8s both ease;}.pt-page-rotateCarouselTopIn{-webkit-transform-origin:50% 0%;-webkit-animation:rotateCarouselTopIn .8s both ease;-moz-transform-origin:50% 0%;-moz-animation:rotateCarouselTopIn .8s both ease;transform-origin:50% 0%;animation:rotateCarouselTopIn .8s both ease;}.pt-page-rotateCarouselBottomOut{-webkit-transform-origin:50% 0%;-webkit-animation:rotateCarouselBottomOut .8s both ease;-moz-transform-origin:50% 0%;-moz-animation:rotateCarouselBottomOut .8s both ease;transform-origin:50% 0%;animation:rotateCarouselBottomOut .8s both ease;}.pt-page-rotateCarouselBottomIn{-webkit-transform-origin:50% 100%;-webkit-animation:rotateCarouselBottomIn .8s both ease;-moz-transform-origin:50% 100%;-moz-animation:rotateCarouselBottomIn .8s both ease;transform-origin:50% 100%;animation:rotateCarouselBottomIn .8s both ease;}.pt-page-rotateSidesOut{-webkit-transform-origin:-50% 50%;-webkit-animation:rotateSidesOut .5s both ease-in;-moz-transform-origin:-50% 50%;-moz-animation:rotateSidesOut .5s both ease-in;transform-origin:-50% 50%;animation:rotateSidesOut .5s both ease-in;}.pt-page-rotateSidesIn{-webkit-transform-origin:150% 50%;-webkit-animation:rotateSidesIn .5s both ease-out;-moz-transform-origin:150% 50%;-moz-animation:rotateSidesIn .5s both ease-out;transform-origin:150% 50%;animation:rotateSidesIn .5s both ease-out;}.pt-page-rotateSlideOut{-webkit-animation:rotateSlideOut 1s both ease;-moz-animation:rotateSlideOut 1s both ease;animation:rotateSlideOut 1s both ease;}.pt-page-rotateSlideIn{-webkit-animation:rotateSlideIn 1s both ease;-moz-animation:rotateSlideIn 1s both ease;animation:rotateSlideIn 1s both ease;}@-webkit-keyframes rotateRightSideFirst{40%{-webkit-transform:rotateY(15deg);opacity:.8;-webkit-animation-timing-function:ease-out;}100%{-webkit-transform:scale(0.8) translateZ(-200px);opacity:0;}}@-moz-keyframes rotateRightSideFirst{40%{-moz-transform:rotateY(15deg);opacity:.8;-moz-animation-timing-function:ease-out;}100%{-moz-transform:scale(0.8) translateZ(-200px);opacity:0;}}@keyframes rotateRightSideFirst{40%{transform:rotateY(15deg);opacity:.8;animation-timing-function:ease-out;}100%{transform:scale(0.8) translateZ(-200px);opacity:0;}}@-webkit-keyframes rotateLeftSideFirst{40%{-webkit-transform:rotateY(-15deg);opacity:.8;-webkit-animation-timing-function:ease-out;}100%{-webkit-transform:scale(0.8) translateZ(-200px);opacity:0;}}@-moz-keyframes rotateLeftSideFirst{40%{-moz-transform:rotateY(-15deg);opacity:.8;-moz-animation-timing-function:ease-out;}100%{-moz-transform:scale(0.8) translateZ(-200px);opacity:0;}}@keyframes rotateLeftSideFirst{40%{transform:rotateY(-15deg);opacity:.8;animation-timing-function:ease-out;}100%{transform:scale(0.8) translateZ(-200px);opacity:0;}}@-webkit-keyframes rotateTopSideFirst{40%{-webkit-transform:rotateX(15deg);opacity:.8;-webkit-animation-timing-function:ease-out;}100%{-webkit-transform:scale(0.8) translateZ(-200px);opacity:0;}}@-moz-keyframes rotateTopSideFirst{40%{-moz-transform:rotateX(15deg);opacity:.8;-moz-animation-timing-function:ease-out;}100%{-moz-transform:scale(0.8) translateZ(-200px);opacity:0;}}@keyframes rotateTopSideFirst{40%{transform:rotateX(15deg);opacity:.8;animation-timing-function:ease-out;}100%{transform:scale(0.8) translateZ(-200px);opacity:0;}}@-webkit-keyframes rotateBottomSideFirst{40%{-webkit-transform:rotateX(-15deg);opacity:.8;-webkit-animation-timing-function:ease-out;}100%{-webkit-transform:scale(0.8) translateZ(-200px);opacity:0;}}@-moz-keyframes rotateBottomSideFirst{40%{-moz-transform:rotateX(-15deg);opacity:.8;-moz-animation-timing-function:ease-out;}100%{-moz-transform:scale(0.8) translateZ(-200px);opacity:0;}}@keyframes rotateBottomSideFirst{40%{transform:rotateX(-15deg);opacity:.8;animation-timing-function:ease-out;}100%{transform:scale(0.8) translateZ(-200px);opacity:0;}}@-webkit-keyframes flipOutRight{to{-webkit-transform:translateZ(-1000px) rotateY(90deg);opacity:0.2;}}@-moz-keyframes flipOutRight{to{-moz-transform:translateZ(-1000px) rotateY(90deg);opacity:0.2;}}@keyframes flipOutRight{to{transform:translateZ(-1000px) rotateY(90deg);opacity:0.2;}}@-webkit-keyframes flipInLeft{from{-webkit-transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2;}}@-moz-keyframes flipInLeft{from{-moz-transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2;}}@keyframes flipInLeft{from{transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2;}}@-webkit-keyframes flipOutLeft{to{-webkit-transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2;}}@-moz-keyframes flipOutLeft{to{-moz-transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2;}}@keyframes flipOutLeft{to{transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2;}}@-webkit-keyframes flipInRight{from{-webkit-transform:translateZ(-1000px) rotateY(90deg);opacity:0.2;}}@-moz-keyframes flipInRight{from{-moz-transform:translateZ(-1000px) rotateY(90deg);opacity:0.2;}}@keyframes flipInRight{from{transform:translateZ(-1000px) rotateY(90deg);opacity:0.2;}}@-webkit-keyframes flipOutTop{to{-webkit-transform:translateZ(-1000px) rotateX(90deg);opacity:0.2;}}@-moz-keyframes flipOutTop{to{-moz-transform:translateZ(-1000px) rotateX(90deg);opacity:0.2;}}@keyframes flipOutTop{to{transform:translateZ(-1000px) rotateX(90deg);opacity:0.2;}}@-webkit-keyframes flipInBottom{from{-webkit-transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2;}}@-moz-keyframes flipInBottom{from{-moz-transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2;}}@keyframes flipInBottom{from{transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2;}}@-webkit-keyframes flipOutBottom{to{-webkit-transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2;}}@-moz-keyframes flipOutBottom{to{-moz-transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2;}}@keyframes flipOutBottom{to{transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2;}}@-webkit-keyframes flipInTop{from{-webkit-transform:translateZ(-1000px) rotateX(90deg);opacity:0.2;}}@-moz-keyframes flipInTop{from{-moz-transform:translateZ(-1000px) rotateX(90deg);opacity:0.2;}}@keyframes flipInTop{from{transform:translateZ(-1000px) rotateX(90deg);opacity:0.2;}}@-webkit-keyframes rotateFall{0%{-webkit-transform:rotateZ(0deg);}20%{-webkit-transform:rotateZ(10deg);-webkit-animation-timing-function:ease-out;}40%{-webkit-transform:rotateZ(17deg);}60%{-webkit-transform:rotateZ(16deg);}100%{-webkit-transform:translateY(100%) rotateZ(17deg);}}@-moz-keyframes rotateFall{0%{-moz-transform:rotateZ(0deg);}20%{-moz-transform:rotateZ(10deg);-moz-animation-timing-function:ease-out;}40%{-moz-transform:rotateZ(17deg);}60%{-moz-transform:rotateZ(16deg);}100%{-moz-transform:translateY(100%) rotateZ(17deg);}}@keyframes rotateFall{0%{transform:rotateZ(0deg);}20%{transform:rotateZ(10deg);animation-timing-function:ease-out;}40%{transform:rotateZ(17deg);}60%{transform:rotateZ(16deg);}100%{transform:translateY(100%) rotateZ(17deg);}}@-webkit-keyframes rotateOutNewspaper{to{-webkit-transform:translateZ(-3000px) rotateZ(360deg);opacity:0;}}@-moz-keyframes rotateOutNewspaper{to{-moz-transform:translateZ(-3000px) rotateZ(360deg);opacity:0;}}@keyframes rotateOutNewspaper{to{transform:translateZ(-3000px) rotateZ(360deg);opacity:0;}}@-webkit-keyframes rotateInNewspaper{from{-webkit-transform:translateZ(-3000px) rotateZ(-360deg);opacity:0;}}@-moz-keyframes rotateInNewspaper{from{-moz-transform:translateZ(-3000px) rotateZ(-360deg);opacity:0;}}@keyframes rotateInNewspaper{from{transform:translateZ(-3000px) rotateZ(-360deg);opacity:0;}}@-webkit-keyframes rotatePushLeft{to{opacity:0;-webkit-transform:rotateY(90deg);}}@-moz-keyframes rotatePushLeft{to{opacity:0;-moz-transform:rotateY(90deg);}}@keyframes rotatePushLeft{to{opacity:0;transform:rotateY(90deg);}}@-webkit-keyframes rotatePushRight{to{opacity:0;-webkit-transform:rotateY(-90deg);}}@-moz-keyframes rotatePushRight{to{opacity:0;-moz-transform:rotateY(-90deg);}}@keyframes rotatePushRight{to{opacity:0;transform:rotateY(-90deg);}}@-webkit-keyframes rotatePushTop{to{opacity:0;-webkit-transform:rotateX(-90deg);}}@-moz-keyframes rotatePushTop{to{opacity:0;-moz-transform:rotateX(-90deg);}}@keyframes rotatePushTop{to{opacity:0;transform:rotateX(-90deg);}}@-webkit-keyframes rotatePushBottom{to{opacity:0;-webkit-transform:rotateX(90deg);}}@-moz-keyframes rotatePushBottom{to{opacity:0;-moz-transform:rotateX(90deg);}}@keyframes rotatePushBottom{to{opacity:0;transform:rotateX(90deg);}}@-webkit-keyframes rotatePullRight{from{opacity:0;-webkit-transform:rotateY(-90deg);}}@-moz-keyframes rotatePullRight{from{opacity:0;-moz-transform:rotateY(-90deg);}}@keyframes rotatePullRight{from{opacity:0;transform:rotateY(-90deg);}}@-webkit-keyframes rotatePullLeft{from{opacity:0;-webkit-transform:rotateY(90deg);}}@-moz-keyframes rotatePullLeft{from{opacity:0;-moz-transform:rotateY(90deg);}}@keyframes rotatePullLeft{from{opacity:0;transform:rotateY(90deg);}}@-webkit-keyframes rotatePullTop{from{opacity:0;-webkit-transform:rotateX(-90deg);}}@-moz-keyframes rotatePullTop{from{opacity:0;-moz-transform:rotateX(-90deg);}}@keyframes rotatePullTop{from{opacity:0;transform:rotateX(-90deg);}}@-webkit-keyframes rotatePullBottom{from{opacity:0;-webkit-transform:rotateX(90deg);}}@-moz-keyframes rotatePullBottom{from{opacity:0;-moz-transform:rotateX(90deg);}}@keyframes rotatePullBottom{from{opacity:0;transform:rotateX(90deg);}}@-webkit-keyframes rotateFoldRight{to{opacity:0;-webkit-transform:translateX(100%) rotateY(90deg);}}@-moz-keyframes rotateFoldRight{to{opacity:0;-moz-transform:translateX(100%) rotateY(90deg);}}@keyframes rotateFoldRight{to{opacity:0;transform:translateX(100%) rotateY(90deg);}}@-webkit-keyframes rotateFoldLeft{to{opacity:0;-webkit-transform:translateX(-100%) rotateY(-90deg);}}@-moz-keyframes rotateFoldLeft{to{opacity:0;-moz-transform:translateX(-100%) rotateY(-90deg);}}@keyframes rotateFoldLeft{to{opacity:0;transform:translateX(-100%) rotateY(-90deg);}}@-webkit-keyframes rotateFoldTop{to{opacity:0;-webkit-transform:translateY(-100%) rotateX(90deg);}}@-moz-keyframes rotateFoldTop{to{opacity:0;-moz-transform:translateY(-100%) rotateX(90deg);}}@keyframes rotateFoldTop{to{opacity:0;transform:translateY(-100%) rotateX(90deg);}}@-webkit-keyframes rotateFoldBottom{to{opacity:0;-webkit-transform:translateY(100%) rotateX(-90deg);}}@-moz-keyframes rotateFoldBottom{to{opacity:0;-moz-transform:translateY(100%) rotateX(-90deg);}}@keyframes rotateFoldBottom{to{opacity:0;transform:translateY(100%) rotateX(-90deg);}}@-webkit-keyframes rotateUnfoldLeft{from{opacity:0;-webkit-transform:translateX(-100%) rotateY(-90deg);}}@-moz-keyframes rotateUnfoldLeft{from{opacity:0;-moz-transform:translateX(-100%) rotateY(-90deg);}}@keyframes rotateUnfoldLeft{from{opacity:0;transform:translateX(-100%) rotateY(-90deg);}}@-webkit-keyframes rotateUnfoldRight{from{opacity:0;-webkit-transform:translateX(100%) rotateY(90deg);}}@-moz-keyframes rotateUnfoldRight{from{opacity:0;-moz-transform:translateX(100%) rotateY(90deg);}}@keyframes rotateUnfoldRight{from{opacity:0;transform:translateX(100%) rotateY(90deg);}}@-webkit-keyframes rotateUnfoldTop{from{opacity:0;-webkit-transform:translateY(-100%) rotateX(90deg);}}@-moz-keyframes rotateUnfoldTop{from{opacity:0;-moz-transform:translateY(-100%) rotateX(90deg);}}@keyframes rotateUnfoldTop{from{opacity:0;transform:translateY(-100%) rotateX(90deg);}}@-webkit-keyframes rotateUnfoldBottom{from{opacity:0;-webkit-transform:translateY(100%) rotateX(-90deg);}}@-moz-keyframes rotateUnfoldBottom{from{opacity:0;-moz-transform:translateY(100%) rotateX(-90deg);}}@keyframes rotateUnfoldBottom{from{opacity:0;transform:translateY(100%) rotateX(-90deg);}}@-webkit-keyframes rotateRoomLeftOut{to{opacity:.3;-webkit-transform:translateX(-100%) rotateY(90deg);}}@-moz-keyframes rotateRoomLeftOut{to{opacity:.3;-moz-transform:translateX(-100%) rotateY(90deg);}}@keyframes rotateRoomLeftOut{to{opacity:.3;transform:translateX(-100%) rotateY(90deg);}}@-webkit-keyframes rotateRoomLeftIn{from{opacity:.3;-webkit-transform:translateX(100%) rotateY(-90deg);}}@-moz-keyframes rotateRoomLeftIn{from{opacity:.3;-moz-transform:translateX(100%) rotateY(-90deg);}}@keyframes rotateRoomLeftIn{from{opacity:.3;transform:translateX(100%) rotateY(-90deg);}}@-webkit-keyframes rotateRoomRightOut{to{opacity:.3;-webkit-transform:translateX(100%) rotateY(-90deg);}}@-moz-keyframes rotateRoomRightOut{to{opacity:.3;-moz-transform:translateX(100%) rotateY(-90deg);}}@keyframes rotateRoomRightOut{to{opacity:.3;transform:translateX(100%) rotateY(-90deg);}}@-webkit-keyframes rotateRoomRightIn{from{opacity:.3;-webkit-transform:translateX(-100%) rotateY(90deg);}}@-moz-keyframes rotateRoomRightIn{from{opacity:.3;-moz-transform:translateX(-100%) rotateY(90deg);}}@keyframes rotateRoomRightIn{from{opacity:.3;transform:translateX(-100%) rotateY(90deg);}}@-webkit-keyframes rotateRoomTopOut{to{opacity:.3;-webkit-transform:translateY(-100%) rotateX(-90deg);}}@-moz-keyframes rotateRoomTopOut{to{opacity:.3;-moz-transform:translateY(-100%) rotateX(-90deg);}}@keyframes rotateRoomTopOut{to{opacity:.3;transform:translateY(-100%) rotateX(-90deg);}}@-webkit-keyframes rotateRoomTopIn{from{opacity:.3;-webkit-transform:translateY(100%) rotateX(90deg);}}@-moz-keyframes rotateRoomTopIn{from{opacity:.3;-moz-transform:translateY(100%) rotateX(90deg);}}@keyframes rotateRoomTopIn{from{opacity:.3;transform:translateY(100%) rotateX(90deg);}}@-webkit-keyframes rotateRoomBottomOut{to{opacity:.3;-webkit-transform:translateY(100%) rotateX(90deg);}}@-moz-keyframes rotateRoomBottomOut{to{opacity:.3;-moz-transform:translateY(100%) rotateX(90deg);}}@keyframes rotateRoomBottomOut{to{opacity:.3;transform:translateY(100%) rotateX(90deg);}}@-webkit-keyframes rotateRoomBottomIn{from{opacity:.3;-webkit-transform:translateY(-100%) rotateX(-90deg);}}@-moz-keyframes rotateRoomBottomIn{from{opacity:.3;-moz-transform:translateY(-100%) rotateX(-90deg);}}@keyframes rotateRoomBottomIn{from{opacity:.3;transform:translateY(-100%) rotateX(-90deg);}}@-webkit-keyframes rotateCubeLeftOut{50%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);}100%{opacity:.3;-webkit-transform:translateX(-100%) rotateY(-90deg);}}@-moz-keyframes rotateCubeLeftOut{50%{-moz-animation-timing-function:ease-out;-moz-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);}100%{opacity:.3;-moz-transform:translateX(-100%) rotateY(-90deg);}}@keyframes rotateCubeLeftOut{50%{animation-timing-function:ease-out;transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);}100%{opacity:.3;transform:translateX(-100%) rotateY(-90deg);}}@-webkit-keyframes rotateCubeLeftIn{0%{opacity:.3;-webkit-transform:translateX(100%) rotateY(90deg);}50%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateX(50%) translateZ(-200px) rotateY(45deg);}}@-moz-keyframes rotateCubeLeftIn{0%{opacity:.3;-moz-transform:translateX(100%) rotateY(90deg);}50%{-moz-animation-timing-function:ease-out;-moz-transform:translateX(50%) translateZ(-200px) rotateY(45deg);}}@keyframes rotateCubeLeftIn{0%{opacity:.3;transform:translateX(100%) rotateY(90deg);}50%{animation-timing-function:ease-out;transform:translateX(50%) translateZ(-200px) rotateY(45deg);}}@-webkit-keyframes rotateCubeRightOut{50%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateX(50%) translateZ(-200px) rotateY(45deg);}100%{opacity:.3;-webkit-transform:translateX(100%) rotateY(90deg);}}@-moz-keyframes rotateCubeRightOut{50%{-moz-animation-timing-function:ease-out;-moz-transform:translateX(50%) translateZ(-200px) rotateY(45deg);}100%{opacity:.3;-moz-transform:translateX(100%) rotateY(90deg);}}@keyframes rotateCubeRightOut{50%{animation-timing-function:ease-out;transform:translateX(50%) translateZ(-200px) rotateY(45deg);}100%{opacity:.3;transform:translateX(100%) rotateY(90deg);}}@-webkit-keyframes rotateCubeRightIn{0%{opacity:.3;-webkit-transform:translateX(-100%) rotateY(-90deg);}50%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);}}@-moz-keyframes rotateCubeRightIn{0%{opacity:.3;-moz-transform:translateX(-100%) rotateY(-90deg);}50%{-moz-animation-timing-function:ease-out;-moz-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);}}@keyframes rotateCubeRightIn{0%{opacity:.3;transform:translateX(-100%) rotateY(-90deg);}50%{animation-timing-function:ease-out;transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);}}@-webkit-keyframes rotateCubeTopOut{50%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateY(-50%) translateZ(-200px) rotateX(45deg);}100%{opacity:.3;-webkit-transform:translateY(-100%) rotateX(90deg);}}@-moz-keyframes rotateCubeTopOut{50%{-moz-animation-timing-function:ease-out;-moz-transform:translateY(-50%) translateZ(-200px) rotateX(45deg);}100%{opacity:.3;-moz-transform:translateY(-100%) rotateX(90deg);}}@keyframes rotateCubeTopOut{50%{animation-timing-function:ease-out;transform:translateY(-50%) translateZ(-200px) rotateX(45deg);}100%{opacity:.3;transform:translateY(-100%) rotateX(90deg);}}@-webkit-keyframes rotateCubeTopIn{0%{opacity:.3;-webkit-transform:translateY(100%) rotateX(-90deg);}50%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateY(50%) translateZ(-200px) rotateX(-45deg);}}@-moz-keyframes rotateCubeTopIn{0%{opacity:.3;-moz-transform:translateY(100%) rotateX(-90deg);}50%{-moz-animation-timing-function:ease-out;-moz-transform:translateY(50%) translateZ(-200px) rotateX(-45deg);}}@keyframes rotateCubeTopIn{0%{opacity:.3;transform:translateY(100%) rotateX(-90deg);}50%{animation-timing-function:ease-out;transform:translateY(50%) translateZ(-200px) rotateX(-45deg);}}@-webkit-keyframes rotateCubeBottomOut{50%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateY(50%) translateZ(-200px) rotateX(-45deg);}100%{opacity:.3;-webkit-transform:translateY(100%) rotateX(-90deg);}}@-moz-keyframes rotateCubeBottomOut{50%{-moz-animation-timing-function:ease-out;-moz-transform:translateY(50%) translateZ(-200px) rotateX(-45deg);}100%{opacity:.3;-moz-transform:translateY(100%) rotateX(-90deg);}}@keyframes rotateCubeBottomOut{50%{animation-timing-function:ease-out;transform:translateY(50%) translateZ(-200px) rotateX(-45deg);}100%{opacity:.3;transform:translateY(100%) rotateX(-90deg);}}@-webkit-keyframes rotateCubeBottomIn{0%{opacity:.3;-webkit-transform:translateY(-100%) rotateX(90deg);}50%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateY(-50%) translateZ(-200px) rotateX(45deg);}}@-moz-keyframes rotateCubeBottomIn{0%{opacity:.3;-moz-transform:translateY(-100%) rotateX(90deg);}50%{-moz-animation-timing-function:ease-out;-moz-transform:translateY(-50%) translateZ(-200px) rotateX(45deg);}}@keyframes rotateCubeBottomIn{0%{opacity:.3;transform:translateY(-100%) rotateX(90deg);}50%{animation-timing-function:ease-out;transform:translateY(-50%) translateZ(-200px) rotateX(45deg);}}@-webkit-keyframes rotateCarouselLeftOut{to{opacity:.3;-webkit-transform:translateX(-150%) scale(.4) rotateY(-65deg);}}@-moz-keyframes rotateCarouselLeftOut{to{opacity:.3;-moz-transform:translateX(-150%) scale(.4) rotateY(-65deg);}}@keyframes rotateCarouselLeftOut{to{opacity:.3;transform:translateX(-150%) scale(.4) rotateY(-65deg);}}@-webkit-keyframes rotateCarouselLeftIn{from{opacity:.3;-webkit-transform:translateX(200%) scale(.4) rotateY(65deg);}}@-moz-keyframes rotateCarouselLeftIn{from{opacity:.3;-moz-transform:translateX(200%) scale(.4) rotateY(65deg);}}@keyframes rotateCarouselLeftIn{from{opacity:.3;transform:translateX(200%) scale(.4) rotateY(65deg);}}@-webkit-keyframes rotateCarouselRightOut{to{opacity:.3;-webkit-transform:translateX(200%) scale(.4) rotateY(65deg);}}@-moz-keyframes rotateCarouselRightOut{to{opacity:.3;-moz-transform:translateX(200%) scale(.4) rotateY(65deg);}}@keyframes rotateCarouselRightOut{to{opacity:.3;transform:translateX(200%) scale(.4) rotateY(65deg);}}@-webkit-keyframes rotateCarouselRightIn{from{opacity:.3;-webkit-transform:translateX(-200%) scale(.4) rotateY(-65deg);}}@-moz-keyframes rotateCarouselRightIn{from{opacity:.3;-moz-transform:translateX(-200%) scale(.4) rotateY(-65deg);}}@keyframes rotateCarouselRightIn{from{opacity:.3;transform:translateX(-200%) scale(.4) rotateY(-65deg);}}@-webkit-keyframes rotateCarouselTopOut{to{opacity:.3;-webkit-transform:translateY(-200%) scale(.4) rotateX(65deg);}}@-moz-keyframes rotateCarouselTopOut{to{opacity:.3;-moz-transform:translateY(-200%) scale(.4) rotateX(65deg);}}@keyframes rotateCarouselTopOut{to{opacity:.3;transform:translateY(-200%) scale(.4) rotateX(65deg);}}@-webkit-keyframes rotateCarouselTopIn{from{opacity:.3;-webkit-transform:translateY(200%) scale(.4) rotateX(-65deg);}}@-moz-keyframes rotateCarouselTopIn{from{opacity:.3;-moz-transform:translateY(200%) scale(.4) rotateX(-65deg);}}@keyframes rotateCarouselTopIn{from{opacity:.3;transform:translateY(200%) scale(.4) rotateX(-65deg);}}@-webkit-keyframes rotateCarouselBottomOut{to{opacity:.3;-webkit-transform:translateY(200%) scale(.4) rotateX(-65deg);}}@-moz-keyframes rotateCarouselBottomOut{to{opacity:.3;-moz-transform:translateY(200%) scale(.4) rotateX(-65deg);}}@keyframes rotateCarouselBottomOut{to{opacity:.3;transform:translateY(200%) scale(.4) rotateX(-65deg);}}@-webkit-keyframes rotateCarouselBottomIn{from{opacity:.3;-webkit-transform:translateY(-200%) scale(.4) rotateX(65deg);}}@-moz-keyframes rotateCarouselBottomIn{from{opacity:.3;-moz-transform:translateY(-200%) scale(.4) rotateX(65deg);}}@keyframes rotateCarouselBottomIn{from{opacity:.3;transform:translateY(-200%) scale(.4) rotateX(65deg);}}@-webkit-keyframes rotateSidesOut{to{opacity:0;-webkit-transform:translateZ(-500px) rotateY(90deg);}}@-moz-keyframes rotateSidesOut{to{opacity:0;-moz-transform:translateZ(-500px) rotateY(90deg);}}@keyframes rotateSidesOut{to{opacity:0;transform:translateZ(-500px) rotateY(90deg);}}@-webkit-keyframes rotateSidesIn{from{opacity:0;-webkit-transform:translateZ(-500px) rotateY(-90deg);}}@-moz-keyframes rotateSidesIn{from{opacity:0;-moz-transform:translateZ(-500px) rotateY(-90deg);}}@keyframes rotateSidesIn{from{opacity:0;transform:translateZ(-500px) rotateY(-90deg);}}@-webkit-keyframes rotateSlideOut{25%{opacity:.5;-webkit-transform:translateZ(-500px);}75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%);}100%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%);}}@-moz-keyframes rotateSlideOut{25%{opacity:.5;-moz-transform:translateZ(-500px);}75%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%);}100%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%);}}@keyframes rotateSlideOut{25%{opacity:.5;transform:translateZ(-500px);}75%{opacity:.5;transform:translateZ(-500px) translateX(-200%);}100%{opacity:.5;transform:translateZ(-500px) translateX(-200%);}}@-webkit-keyframes rotateSlideIn{0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%);}75%{opacity:.5;-webkit-transform:translateZ(-500px);}100%{opacity:1;-webkit-transform:translateZ(0) translateX(0);}}@-moz-keyframes rotateSlideIn{0%,25%{opacity:.5;-moz-transform:translateZ(-500px) translateX(200%);}75%{opacity:.5;-moz-transform:translateZ(-500px);}100%{opacity:1;-moz-transform:translateZ(0) translateX(0);}}@keyframes rotateSlideIn{0%,25%{opacity:.5;transform:translateZ(-500px) translateX(200%);}75%{opacity:.5;transform:translateZ(-500px);}100%{opacity:1;transform:translateZ(0) translateX(0);}}.pt-page-delay100{-webkit-animation-delay:.1s;-moz-animation-delay:.1s;animation-delay:.1s;}.pt-page-delay180{-webkit-animation-delay:.180s;-moz-animation-delay:.180s;animation-delay:.180s;}.pt-page-delay200{-webkit-animation-delay:.2s;-moz-animation-delay:.2s;animation-delay:.2s;}.pt-page-delay300{-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s;}.pt-page-delay400{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;animation-delay:.4s;}.pt-page-delay500{-webkit-animation-delay:.5s;-moz-animation-delay:.5s;animation-delay:.5s;}.pt-page-delay700{-webkit-animation-delay:.7s;-moz-animation-delay:.7s;animation-delay:.7s;}.pt-page-delay1000{-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s;}.pt-part .pt-page{width:100%;height:100%;overflow:hidden;}.pt-part .pt-page .pt-item{position:absolute;}.pt-perspective{z-index:0;}.jgallery .zoom{-webkit-perspective:1200px;perspective:1200px;left:0;top:0;right:0;bottom:0;position:absolute;z-index:1;}.jgallery .zoom .pt-perspective.hide-overflow{overflow:hidden;}.jgallery .zoom .jgallery-container{left:0;top:0;right:0;bottom:0;overflow:hidden;position:absolute;z-index:1;}.jgallery .zoom .jgallery-container.pt-page-ontop{z-index:2;}.jgallery .zoom .jgallery-container.pt-page-current.pt-page-prev{z-index:1;}.jgallery .zoom .jgallery-container.pt-page-current:not(.pt-page-prev){z-index:3;}.jgallery .zoom img{top:50%;left:50%;position:absolute;z-index:1;}.jgallery .zoom.hidden .zoom-container .nav{top:-40px;right:-100px;}.jgallery .zoom.hidden .zoom-container .nav-bottom{bottom:-40px;left:-150px;}.jgallery .zoom-container{position:relative;}.jgallery .zoom-container > .left{top:0;bottom:0;left:0;right:50%;position:absolute;cursor:pointer;z-index:4;}.jgallery .zoom-container > .left.hidden{display:none;}.jgallery .zoom-container > .right{top:0;bottom:0;left:50%;right:0;position:absolute;cursor:pointer;z-index:4;}.jgallery .zoom-container > .right.hidden{display:none;}.jgallery .zoom-container .prev{top:50%;left:-74px;opacity:0;-webkit-transform:scale( .5 );-moz-transform:scale( .5 );transform:scale( .5 );}.jgallery .zoom-container .next{top:50%;right:-74px;opacity:0;-webkit-transform:scale( .5 );-moz-transform:scale( .5 );transform:scale( .5 );}.jgallery .zoom-container .jgallery-btn-large{margin-top:-30px;position:absolute;z-index:10002;}.jgallery .zoom-container .nav{top:0;right:0;z-index:10002;position:absolute;}.jgallery .zoom-container .nav .jgallery-btn{position:static;display:inline-block;}.jgallery .zoom-container .nav-bottom{height:40px;background:#111;-webkit-transition:all 0.2s;transition:all 0.2s;left:0;bottom:-40px;right:0;text-align:left;z-index:10002;position:absolute;}.jgallery .zoom-container .nav-bottom .icons{background:#111;-webkit-transition:all 0.2s;transition:all 0.2s;float:left;position:relative;z-index:1;}.jgallery .zoom-container .nav-bottom .icons [class*="fa-"]{background:#111;-webkit-transition:all 0.2s;transition:all 0.2s;}.jgallery .zoom-container .nav-bottom .jgallery-btn{margin-right:8px;background:none;position:static;display:inline-block;}.jgallery .zoom-container .nav-bottom .change-album{position:relative;}.jgallery .zoom-container .nav-bottom .change-album .menu{position:absolute;display:none;}.jgallery .zoom-container .nav-bottom .change-album .title{margin-left:-5px;padding:8px 29px 6px 0;font-size:14px;background:#111;-webkit-transition:all 0.2s;transition:all 0.2s;right:auto;top:4px;line-height:normal;display:inline-block;}.jgallery .zoom-container .nav-bottom .change-album.active .menu{display:block;}.jgallery .zoom-container .overlay .imageLoaderPositionAbsolute{top:50% !important;}.jgallery .zoom-container .drag-nav{top:16px;left:16px;-webkit-transition:all .3s;transition:all .3s;position:absolute;z-index:2;}.jgallery .zoom-container .drag-nav img{max-width:180px;max-height:180px;display:block;}.jgallery .zoom-container .drag-nav img.bg{opacity:.75;-webkit-filter:blur(1px);filter:blur(1px);}.jgallery .zoom-container .drag-nav .crop{top:0;left:0;overflow:hidden;position:absolute;}.jgallery .zoom-container .drag-nav.hide{top:-186px;left:-186px;-webkit-transform:scale(0);transform:scale(0);-webkit-filter:blur(5px);filter:blur(5px);opacity:0;}.jgallery:hover .zoom-container .prev{left:0;opacity:1;-webkit-transform:scale( 1 );-moz-transform:scale( 1 );transform:scale( 1 );}.jgallery:hover .zoom-container .prev.hidden{top:50%;left:-74px;opacity:0;-webkit-transform:scale( .5 );-moz-transform:scale( .5 );transform:scale( .5 );}.jgallery:hover .zoom-container .next{right:0;opacity:1;-webkit-transform:scale( 1 );-moz-transform:scale( 1 );transform:scale( 1 );}.jgallery:hover .zoom-container .next.hidden{top:50%;right:-74px;opacity:0;-webkit-transform:scale( .5 );-moz-transform:scale( .5 );transform:scale( .5 );}.jgallery .zoom .jgallery-container.slide-down.before{bottom:150%;opacity:0;}.jgallery .zoom .jgallery-container.slide-down.visible{opacity:1;}.jgallery .zoom .jgallery-container.slide-down.after{top:150%;opacity:0;}.jgallery .zoom .jgallery-container.slide-up.before{top:150%;opacity:0;}.jgallery .zoom .jgallery-container.slide-up.visible{opacity:1;}.jgallery .zoom .jgallery-container.slide-up.after{bottom:150%;opacity:0;}.jgallery .zoom .jgallery-container.slide-right.before{right:150%;opacity:0;}.jgallery .zoom .jgallery-container.slide-right.visible{opacity:1;}.jgallery .zoom .jgallery-container.slide-right.after{left:150%;opacity:0;}.jgallery .zoom .jgallery-container.slide-left.before{left:150%;opacity:0;}.jgallery .zoom .jgallery-container.slide-left.visible{opacity:1;}.jgallery .zoom .jgallery-container.slide-left.after{right:150%;opacity:0;}.jgallery .zoom .jgallery-container.slide-up-left.before{top:150%;left:150%;opacity:0;}.jgallery .zoom .jgallery-container.slide-up-left.visible{opacity:1;}.jgallery .zoom .jgallery-container.slide-up-left.after{bottom:150%;right:150%;opacity:0;}.jgallery .zoom .jgallery-container.slide-up-right.before{top:150%;right:150%;opacity:0;}.jgallery .zoom .jgallery-container.slide-up-right.visible{opacity:1;}.jgallery .zoom .jgallery-container.slide-up-right.after{bottom:150%;left:150%;opacity:0;}.jgallery .zoom .jgallery-container.slide-down-left.before{bottom:150%;left:150%;opacity:0;}.jgallery .zoom .jgallery-container.slide-down-left.visible{opacity:1;}.jgallery .zoom .jgallery-container.slide-down-left.after{top:150%;right:150%;opacity:0;}.jgallery .zoom .jgallery-container.slide-down-right.before{bottom:150%;right:150%;opacity:0;}.jgallery .zoom .jgallery-container.slide-down-right.visible{opacity:1;}.jgallery .zoom .jgallery-container.slide-down-right.after{top:150%;left:150%;opacity:0;}.jgallery .zoom .jgallery-container.fade.before{opacity:0;}.jgallery .zoom .jgallery-container.fade.visible{opacity:1;}.jgallery .zoom .jgallery-container.fade.after{opacity:0;}.jgallery .zoom .jgallery-container.zoom-in.before{opacity:0;-webkit-transform:scale(0.1,0.1);-ms-transform:scale(0.1,0.1);transform:scale(0.1,0.1);}.jgallery .zoom .jgallery-container.zoom-in.visible{opacity:1;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);}.jgallery .zoom .jgallery-container.zoom-in.after{opacity:0;-webkit-transform:scale(5,5);-ms-tr | ||
| + | 100 81493 0 81493 0 0 87277 0 --:--:-- --:--:-- --:--:-- 94211ansform:scale(5,5);transform:scale(5,5);}.jgallery .zoom .jgallery-container.zoom-out.before{opacity:0;-webkit-transform:scale(5,5);-ms-transform:scale(5,5);transform:scale(5,5);}.jgallery .zoom .jgallery-container.zoom-out.visible{opacity:1;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);}.jgallery .zoom .jgallery-container.zoom-out.after{opacity:0;-webkit-transform:scale(0.1,0.1);-ms-transform:scale(0.1,0.1);transform:scale(0.1,0.1);}.jgallery .zoom .jgallery-container.rotate-room-right.before{opacity:0;-webkit-transform:translateZ(-600px) rotateY(45deg);-ms-transform:translateZ(-600px) rotateY(45deg);transform:translateZ(-600px) rotateY(45deg);left:-50%;right:50%;}.jgallery .zoom .jgallery-container.rotate-room-right.visible{opacity:1;}.jgallery .zoom .jgallery-container.rotate-room-right.after{opacity:0;-webkit-transform:translateZ(-600px) rotateY(-45deg);-ms-transform:translateZ(-600px) rotateY(-45deg);transform:translateZ(-600px) rotateY(-45deg);left:50%;right:-50%;}.jgallery .zoom .jgallery-container.rotate-room-left.before{opacity:0;-webkit-transform:translateZ(-600px) rotateY(-45deg);-ms-transform:translateZ(-600px) rotateY(-45deg);transform:translateZ(-600px) rotateY(-45deg);left:50%;right:-50%;}.jgallery .zoom .jgallery-container.rotate-room-left.visible{opacity:1;}.jgallery .zoom .jgallery-container.rotate-room-left.after{opacity:0;-webkit-transform:translateZ(-600px) rotateY(45deg);-ms-transform:translateZ(-600px) rotateY(45deg);transform:translateZ(-600px) rotateY(45deg);left:-50%;right:50%;}.jgallery .zoom .jgallery-container.rotate-room-up.before{opacity:0;-webkit-transform:translateZ(-600px) rotateX(-45deg);-ms-transform:translateZ(-600px) rotateX(-45deg);transform:translateZ(-600px) rotateX(-45deg);top:50%;bottom:-50%;}.jgallery .zoom .jgallery-container.rotate-room-up.visible{opacity:1;}.jgallery .zoom .jgallery-container.rotate-room-up.after{opacity:0;-webkit-transform:translateZ(-600px) rotateX(45deg);-ms-transform:translateZ(-600px) rotateX(45deg);transform:translateZ(-600px) rotateX(45deg);top:-50%;bottom:50%;}.jgallery .zoom .jgallery-container.rotate-room-down.before{opacity:0;-webkit-transform:translateZ(-600px) rotateX(45deg);-ms-transform:translateZ(-600px) rotateX(45deg);transform:translateZ(-600px) rotateX(45deg);top:-50%;bottom:50%;}.jgallery .zoom .jgallery-container.rotate-room-down.visible{opacity:1;}.jgallery .zoom .jgallery-container.rotate-room-down.after{opacity:0;-webkit-transform:translateZ(-600px) rotateX(-45deg);-ms-transform:translateZ(-600px) rotateX(-45deg);transform:translateZ(-600px) rotateX(-45deg);top:50%;bottom:-50%;}.jgallery .zoom .jgallery-container.rotate-room-down-left.before{opacity:0;-webkit-transform:translateZ(-600px) rotateY(-45deg) rotateX(45deg);-ms-transform:translateZ(-600px) rotateY(-45deg) rotateX(45deg);transform:translateZ(-600px) rotateY(-45deg) rotateX(45deg);top:50%;bottom:-50%;left:50%;right:-50%;}.jgallery .zoom .jgallery-container.rotate-room-down-left.visible{opacity:1;}.jgallery .zoom .jgallery-container.rotate-room-down-left.after{opacity:0;-webkit-transform:translateZ(-600px) rotateY(45deg) rotateX(-45deg);-ms-transform:translateZ(-600px) rotateY(45deg) rotateX(-45deg);transform:translateZ(-600px) rotateY(45deg) rotateX(-45deg);top:-50%;bottom:50%;left:-50%;right:50%;}.jgallery .zoom .jgallery-container.rotate-room-up-left.before{opacity:0;-webkit-transform:translateZ(-600px) rotateY(-45deg) rotateX(-45deg);-ms-transform:translateZ(-600px) rotateY(-45deg) rotateX(-45deg);transform:translateZ(-600px) rotateY(-45deg) rotateX(-45deg);top:-50%;bottom:50%;left:50%;right:-50%;}.jgallery .zoom .jgallery-container.rotate-room-up-left.visible{opacity:1;}.jgallery .zoom .jgallery-container.rotate-room-up-left.after{opacity:0;-webkit-transform:translateZ(-600px) rotateY(45deg) rotateX(45deg);-ms-transform:translateZ(-600px) rotateY(45deg) rotateX(45deg);transform:translateZ(-600px) rotateY(45deg) rotateX(45deg);top:50%;bottom:-50%;left:-50%;right:50%;}.jgallery .zoom .jgallery-container.rotate-room-down-right.before{opacity:0;-webkit-transform:translateZ(-600px) rotateY(45deg) rotateX(45deg);-ms-transform:translateZ(-600px) rotateY(45deg) rotateX(45deg);transform:translateZ(-600px) rotateY(45deg) rotateX(45deg);top:50%;bottom:-50%;left:-50%;right:50%;}.jgallery .zoom .jgallery-container.rotate-room-down-right.visible{opacity:1;}.jgallery .zoom .jgallery-container.rotate-room-down-right.after{opacity:0;-webkit-transform:translateZ(-600px) rotateY(-45deg) rotateX(-45deg);-ms-transform:translateZ(-600px) rotateY(-45deg) rotateX(-45deg);transform:translateZ(-600px) rotateY(-45deg) rotateX(-45deg);top:-50%;bottom:50%;left:50%;right:-50%;}.jgallery .zoom .jgallery-container.rotate-room-up-right.before{opacity:0;-webkit-transform:translateZ(-600px) rotateY(45deg) rotateX(-45deg);-ms-transform:translateZ(-600px) rotateY(45deg) rotateX(-45deg);transform:translateZ(-600px) rotateY(45deg) rotateX(-45deg);top:-50%;bottom:50%;left:-50%;right:50%;}.jgallery .zoom .jgallery-container.rotate-room-up-right.visible{opacity:1;}.jgallery .zoom .jgallery-container.rotate-room-up-right.after{opacity:0;-webkit-transform:translateZ(-600px) rotateY(-45deg) rotateX(45deg);-ms-transform:translateZ(-600px) rotateY(-45deg) rotateX(45deg);transform:translateZ(-600px) rotateY(-45deg) rotateX(45deg);top:50%;bottom:-50%;left:50%;right:-50%;}.jgallery .zoom .jgallery-container.rotate-carousel-right.before{opacity:0;-webkit-transform:translateZ(-600px) rotateY(-45deg);-ms-transform:translateZ(-600px) rotateY(-45deg);transform:translateZ(-600px) rotateY(-45deg);left:-50%;right:50%;}.jgallery .zoom .jgallery-container.rotate-carousel-right.visible{opacity:1;}.jgallery .zoom .jgallery-container.rotate-carousel-right.after{opacity:0;-webkit-transform:translateZ(-600px) rotateY(45deg);-ms-transform:translateZ(-600px) rotateY(45deg);transform:translateZ(-600px) rotateY(45deg);left:50%;right:-50%;}.jgallery .zoom .jgallery-container.rotate-carousel-left.before{opacity:0;-webkit-transform:translateZ(-600px) rotateY(45deg);-ms-transform:translateZ(-600px) rotateY(45deg);transform:translateZ(-600px) rotateY(45deg);left:50%;right:-50%;}.jgallery .zoom .jgallery-container.rotate-carousel-left.visible{opacity:1;}.jgallery .zoom .jgallery-container.rotate-carousel-left.after{opacity:0;-webkit-transform:translateZ(-600px) rotateY(-45deg);-ms-transform:translateZ(-600px) rotateY(-45deg);transform:translateZ(-600px) rotateY(-45deg);left:-50%;right:50%;}.jgallery .zoom .jgallery-container.rotate-carousel-up.before{opacity:0;-webkit-transform:translateZ(-600px) rotateX(-45deg);-ms-transform:translateZ(-600px) rotateX(-45deg);transform:translateZ(-600px) rotateX(-45deg);top:50%;bottom:-50%;}.jgallery .zoom .jgallery-container.rotate-carousel-up.visible{opacity:1;}.jgallery .zoom .jgallery-container.rotate-carousel-up.after{opacity:0;-webkit-transform:translateZ(-600px) rotateX(45deg);-ms-transform:translateZ(-600px) rotateX(45deg);transform:translateZ(-600px) rotateX(45deg);top:-50%;bottom:50%;}.jgallery .zoom .jgallery-container.rotate-carousel-down.before{opacity:0;-webkit-transform:translateZ(-600px) rotateX(45deg);-ms-transform:translateZ(-600px) rotateX(45deg);transform:translateZ(-600px) rotateX(45deg);top:-50%;bottom:50%;}.jgallery .zoom .jgallery-container.rotate-carousel-down.visible{opacity:1;}.jgallery .zoom .jgallery-container.rotate-carousel-down.after{opacity:0;-webkit-transform:translateZ(-600px) rotateX(-45deg);-ms-transform:translateZ(-600px) rotateX(-45deg);transform:translateZ(-600px) rotateX(-45deg);top:50%;bottom:-50%;}.jgallery .zoom .jgallery-container.rotate-carousel-up-left.before{opacity:0;-webkit-transform:translateZ(-600px) rotateY(45deg) rotateX(-45deg);-ms-transform:translateZ(-600px) rotateY(45deg) rotateX(-45deg);transform:translateZ(-600px) rotateY(45deg) rotateX(-45deg);top:50%;bottom:-50%;left:50%;right:-50%;}.jgallery .zoom .jgallery-container.rotate-carousel-up-left.visible{opacity:1;}.jgallery .zoom .jgallery-container.rotate-carousel-up-left.after{opacity:0;-webkit-transform:translateZ(-600px) rotateY(-45deg) rotateX(45deg);-ms-transform:translateZ(-600px) rot | ||
| + | 100 88860 0 88860 0 0 95029 0 --:--:-- --:--:-- --:--:-- 100k | ||
| + | ateY(-45deg) rotateX(45deg);transform:translateZ(-600px) rotateY(-45deg) rotateX(45deg);top:-50%;bottom:50%;left:-50%;right:50%;}.jgallery .zoom .jgallery-container.rotate-carousel-down-left.before{opacity:0;-webkit-transform:translateZ(-600px) rotateY(45deg) rotateX(45deg);-ms-transform:translateZ(-600px) rotateY(45deg) rotateX(45deg);transform:translateZ(-600px) rotateY(45deg) rotateX(45deg);top:-50%;bottom:50%;left:50%;right:-50%;}.jgallery .zoom .jgallery-container.rotate-carousel-down-left.visible{opacity:1;}.jgallery .zoom .jgallery-container.rotate-carousel-down-left.after{opacity:0;-webkit-transform:translateZ(-600px) rotateY(-45deg) rotateX(-45deg);-ms-transform:translateZ(-600px) rotateY(-45deg) rotateX(-45deg);transform:translateZ(-600px) rotateY(-45deg) rotateX(-45deg);top:50%;bottom:-50%;left:-50%;right:50%;}.jgallery .zoom .jgallery-container.rotate-carousel-down-right.before{opacity:0;-webkit-transform:translateZ(-600px) rotateY(-45deg) rotateX(45deg);-ms-transform:translateZ(-600px) rotateY(-45deg) rotateX(45deg);transform:translateZ(-600px) rotateY(-45deg) rotateX(45deg);top:-50%;bottom:50%;left:-50%;right:50%;}.jgallery .zoom .jgallery-container.rotate-carousel-down-right.visible{opacity:1;}.jgallery .zoom .jgallery-container.rotate-carousel-down-right.after{opacity:0;-webkit-transform:translateZ(-600px) rotateY(45deg) rotateX(-45deg);-ms-transform:translateZ(-600px) rotateY(45deg) rotateX(-45deg);transform:translateZ(-600px) rotateY(45deg) rotateX(-45deg);top:50%;bottom:-50%;left:50%;right:-50%;}.jgallery .zoom .jgallery-container.rotate-carousel-up-right.before{opacity:0;-webkit-transform:translateZ(-600px) rotateY(-45deg) rotateX(-45deg);-ms-transform:translateZ(-600px) rotateY(-45deg) rotateX(-45deg);transform:translateZ(-600px) rotateY(-45deg) rotateX(-45deg);top:50%;bottom:-50%;left:-50%;right:50%;}.jgallery .zoom .jgallery-container.rotate-carousel-up-right.visible{opacity:1;}.jgallery .zoom .jgallery-container.rotate-carousel-up-right.after{opacity:0;-webkit-transform:translateZ(-600px) rotateY(45deg) rotateX(45deg);-ms-transform:translateZ(-600px) rotateY(45deg) rotateX(45deg);transform:translateZ(-600px) rotateY(45deg) rotateX(45deg);top:-50%;bottom:50%;left:50%;right:-50%;}@media (max-width: 979px){.jgallery .jgallery-thumbnails-horizontal .prev.visible{left:0;}.jgallery .jgallery-thumbnails-horizontal .next.visible{right:0;}.jgallery .jgallery-thumbnails-vertical .prev.visible{top:0;}.jgallery .jgallery-thumbnails-vertical .next.visible{bottom:0;}}.jgallery{font-family:"Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;top:0;left:0;right:0;bottom:0;text-align:center;-moz-box-sizing:content-box;box-sizing:content-box;position:fixed;z-index:10002;}.jgallery *{outline:none;-moz-box-sizing:content-box;box-sizing:content-box;} | ||
| + | </style> | ||
| + | |||
| + | <script type="text/javascript"> | ||
| + | |||
| + | function failand() { | ||
| + | for (var i = 0; i < arguments.length; i++) { | ||
| + | if (!arguments[i]) { | ||
| + | return false; | ||
| + | } | ||
| + | } | ||
| + | return true; | ||
| + | } | ||
| + | |||
| + | // TinyColor v0.9.16 | ||
| + | // https://github.com/bgrins/TinyColor | ||
| + | // 2013-08-10, Brian Grinstead, MIT License | ||
| + | (function() { | ||
| + | var t = /^[\s,#]+/, | ||
| + | n = /\s+$/, | ||
| + | o = 0, | ||
| + | a = Math, | ||
| + | A = a.round, | ||
| + | h = a.min, | ||
| + | k = a.max, | ||
| + | j = a.random; | ||
| + | |||
| + | function y(J, G) { | ||
| + | J = (J) ? J : ""; | ||
| + | G = G || {}; | ||
| + | if (typeof J == "object") { | ||
| + | if (J.hasOwnProperty("_tc_id")) { | ||
| + | return J | ||
| + | } | ||
| + | } | ||
| + | var L = p(J); | ||
| + | var H = L.r, | ||
| + | K = L.g, | ||
| + | M = L.b, | ||
| + | N = L.a, | ||
| + | I = A(100 * N) / 100, | ||
| + | O = G.format || L.format; | ||
| + | if (H < 1) { | ||
| + | H = A(H) | ||
| + | } | ||
| + | if (K < 1) { | ||
| + | K = A(K) | ||
| + | } | ||
| + | if (M < 1) { | ||
| + | M = A(M) | ||
| + | } | ||
| + | return { | ||
| + | ok: L.ok, | ||
| + | format: O, | ||
| + | _tc_id: o++, | ||
| + | alpha: N, | ||
| + | getAlpha: function() { | ||
| + | return N | ||
| + | }, | ||
| + | setAlpha: function(P) { | ||
| + | N = q(P); | ||
| + | I = A(100 * N) / 100 | ||
| + | }, | ||
| + | toHsv: function() { | ||
| + | var P = s(H, K, M); | ||
| + | return { | ||
| + | h: P.h * 360, | ||
| + | s: P.s, | ||
| + | v: P.v, | ||
| + | a: N | ||
| + | } | ||
| + | }, | ||
| + | toHsvString: function() { | ||
| + | var Q = s(H, K, M); | ||
| + | var S = A(Q.h * 360), | ||
| + | R = A(Q.s * 100), | ||
| + | P = A(Q.v * 100); | ||
| + | return (N == 1) ? "hsv(" + S + ", " + R + "%, " + P + "%)" : "hsva(" + S + ", " + R + "%, " + P + "%, " + I + ")" | ||
| + | }, | ||
| + | toHsl: function() { | ||
| + | var P = B(H, K, M); | ||
| + | return { | ||
| + | h: P.h * 360, | ||
| + | s: P.s, | ||
| + | l: P.l, | ||
| + | a: N | ||
| + | } | ||
| + | }, | ||
| + | toHslString: function() { | ||
| + | var Q = B(H, K, M); | ||
| + | var S = A(Q.h * 360), | ||
| + | R = A(Q.s * 100), | ||
| + | P = A(Q.l * 100); | ||
| + | return (N == 1) ? "hsl(" + S + ", " + R + "%, " + P + "%)" : "hsla(" + S + ", " + R + "%, " + P + "%, " + I + ")" | ||
| + | }, | ||
| + | toHex: function(P) { | ||
| + | return z(H, K, M, P) | ||
| + | }, | ||
| + | toHexString: function(P) { | ||
| + | return "#" + this.toHex(P) | ||
| + | }, | ||
| + | toHex8: function() { | ||
| + | return e(H, K, M, N) | ||
| + | }, | ||
| + | toHex8String: function() { | ||
| + | return "#" + this.toHex8() | ||
| + | }, | ||
| + | toRgb: function() { | ||
| + | return { | ||
| + | r: A(H), | ||
| + | g: A(K), | ||
| + | b: A(M), | ||
| + | a: N | ||
| + | } | ||
| + | }, | ||
| + | toRgbString: function() { | ||
| + | return (N == 1) ? "rgb(" + A(H) + ", " + A(K) + ", " + A(M) + ")" : "rgba(" + A(H) + ", " + A(K) + ", " + A(M) + ", " + I + ")" | ||
| + | }, | ||
| + | toPercentageRgb: function() { | ||
| + | return { | ||
| + | r: A(D(H, 255) * 100) + "%", | ||
| + | g: A(D(K, 255) * 100) + "%", | ||
| + | b: A(D(M, 255) * 100) + "%", | ||
| + | a: N | ||
| + | } | ||
| + | }, | ||
| + | toPercentageRgbString: function() { | ||
| + | return (N == 1) ? "rgb(" + A(D(H, 255) * 100) + "%, " + A(D(K, 255) * 100) + "%, " + A(D(M, 255) * 100) + "%)" : "rgba(" + A(D(H, 255) * 100) + "%, " + A(D(K, 255) * 100) + "%, " + A(D(M, 255) * 100) + "%, " + I + ")" | ||
| + | }, | ||
| + | toName: function() { | ||
| + | if (N === 0) { | ||
| + | return "transparent" | ||
| + | } | ||
| + | return F[z(H, K, M, true)] || false | ||
| + | }, | ||
| + | toFilter: function(S) { | ||
| + | var T = "#" + e(H, K, M, N); | ||
| + | var Q = T; | ||
| + | var P = failand(G, G.gradientType) ? "GradientType = 1, " : ""; | ||
| + | if (S) { | ||
| + | var R = y(S); | ||
| + | Q = R.toHex8String() | ||
| + | } | ||
| + | return "progid:DXImageTransform.Microsoft.gradient(" + P + "startColorstr=" + T + ",endColorstr=" + Q + ")" | ||
| + | }, | ||
| + | toString: function(T) { | ||
| + | var Q = !!T; | ||
| + | T = T || this.format; | ||
| + | var S = false; | ||
| + | var P = failand(!Q, N < 1, N > 0); | ||
| + | var R = failand(P, (T === "hex" || T === "hex6" || T === "hex3" || T === "name")); | ||
| + | if (T === "rgb") { | ||
| + | S = this.toRgbString() | ||
| + | } | ||
| + | if (T === "prgb") { | ||
| + | S = this.toPercentageRgbString() | ||
| + | } | ||
| + | if (T === "hex" || T === "hex6") { | ||
| + | S = this.toHexString() | ||
| + | } | ||
| + | if (T === "hex3") { | ||
| + | S = this.toHexString(true) | ||
| + | } | ||
| + | if (T === "hex8") { | ||
| + | S = this.toHex8String() | ||
| + | } | ||
| + | if (T === "name") { | ||
| + | S = this.toName() | ||
| + | } | ||
| + | if (T === "hsl") { | ||
| + | S = this.toHslString() | ||
| + | } | ||
| + | if (T === "hsv") { | ||
| + | S = this.toHsvString() | ||
| + | } | ||
| + | if (R) { | ||
| + | return this.toRgbString() | ||
| + | } | ||
| + | return S || this.toHexString() | ||
| + | } | ||
| + | } | ||
| + | } | ||
| + | y.fromRatio = function(G, J) { | ||
| + | if (typeof G == "object") { | ||
| + | var H = {}; | ||
| + | for (var I in G) { | ||
| + | if (G.hasOwnProperty(I)) { | ||
| + | if (I === "a") { | ||
| + | H[I] = G[I] | ||
| + | } else { | ||
| + | H[I] = g(G[I]) | ||
| + | } | ||
| + | } | ||
| + | } | ||
| + | G = H | ||
| + | } | ||
| + | return y(G, J) | ||
| + | }; | ||
| + | |||
| + | function p(H) { | ||
| + | var I = { | ||
| + | r: 0, | ||
| + | g: 0, | ||
| + | b: 0 | ||
| + | }; | ||
| + | var G = 1; | ||
| + | var J = false; | ||
| + | var K = false; | ||
| + | if (typeof H == "string") { | ||
| + | H = i(H) | ||
| + | } | ||
| + | if (typeof H == "object") { | ||
| + | if (failand(H.hasOwnProperty("r"), H.hasOwnProperty("g"), H.hasOwnProperty("b"))) { | ||
| + | I = l(H.r, H.g, H.b); | ||
| + | J = true; | ||
| + | K = String(H.r).substr(-1) === "%" ? "prgb" : "rgb" | ||
| + | } else { | ||
| + | if (failand(H.hasOwnProperty("h"), H.hasOwnProperty("s"), H.hasOwnProperty("v"))) { | ||
| + | H.s = g(H.s); | ||
| + | H.v = g(H.v); | ||
| + | I = w(H.h, H.s, H.v); | ||
| + | J = true; | ||
| + | K = "hsv" | ||
| + | } else { | ||
| + | if (failand(H.hasOwnProperty("h"), H.hasOwnProperty("s"), H.hasOwnProperty("l"))) { | ||
| + | H.s = g(H.s); | ||
| + | H.l = g(H.l); | ||
| + | I = m(H.h, H.s, H.l); | ||
| + | J = true; | ||
| + | K = "hsl" | ||
| + | } | ||
| + | } | ||
| + | } | ||
| + | if (H.hasOwnProperty("a")) { | ||
| + | G = H.a | ||
| + | } | ||
| + | } | ||
| + | G = q(G); | ||
| + | return { | ||
| + | ok: J, | ||
| + | format: H.format || K, | ||
| + | r: h(255, k(I.r, 0)), | ||
| + | g: h(255, k(I.g, 0)), | ||
| + | b: h(255, k(I.b, 0)), | ||
| + | a: G | ||
| + | } | ||
| + | } | ||
| + | |||
| + | function l(I, H, G) { | ||
| + | return { | ||
| + | r: D(I, 255) * 255, | ||
| + | g: D(H, 255) * 255, | ||
| + | b: D(G, 255) * 255 | ||
| + | } | ||
| + | } | ||
| + | |||
| + | function B(G, K, M) { | ||
| + | G = D(G, 255); | ||
| + | K = D(K, 255); | ||
| + | M = D(M, 255); | ||
| + | var N = k(G, K, M), | ||
| + | I = h(G, K, M); | ||
| + | var J, O, H = (N + I) / 2; | ||
| + | if (N == I) { | ||
| + | J = O = 0 | ||
| + | } else { | ||
| + | var L = N - I; | ||
| + | O = H > 0.5 ? L / (2 - N - I) : L / (N + I); | ||
| + | switch (N) { | ||
| + | case G: | ||
| + | J = (K - M) / L + (K < M ? 6 : 0); | ||
| + | break; | ||
| + | case K: | ||
| + | J = (M - G) / L + 2; | ||
| + | break; | ||
| + | case M: | ||
| + | J = (G - K) / L + 4; | ||
| + | break | ||
| + | } | ||
| + | J /= 6 | ||
| + | } | ||
| + | return { | ||
| + | h: J, | ||
| + | s: O, | ||
| + | l: H | ||
| + | } | ||
| + | } | ||
| + | |||
| + | function m(L, O, K) { | ||
| + | var G, M, N; | ||
| + | L = D(L, 360); | ||
| + | O = D(O, 100); | ||
| + | K = D(K, 100); | ||
| + | |||
| + | function J(R, Q, P) { | ||
| + | if (P < 0) { | ||
| + | P += 1 | ||
| + | } | ||
| + | if (P > 1) { | ||
| + | P -= 1 | ||
| + | } | ||
| + | if (P < 1 / 6) { | ||
| + | return R + (Q - R) * 6 * P | ||
| + | } | ||
| + | if (P < 1 / 2) { | ||
| + | return Q | ||
| + | } | ||
| + | if (P < 2 / 3) { | ||
| + | return R + (Q - R) * (2 / 3 - P) * 6 | ||
| + | } | ||
| + | return R | ||
| + | } | ||
| + | if (O === 0) { | ||
| + | G = M = N = K | ||
| + | } else { | ||
| + | var H = K < 0.5 ? K * (1 + O) : K + O - K * O; | ||
| + | var I = 2 * K - H; | ||
| + | G = J(I, H, L + 1 / 3); | ||
| + | M = J(I, H, L); | ||
| + | N = J(I, H, L - 1 / 3) | ||
| + | } | ||
| + | return { | ||
| + | r: G * 255, | ||
| + | g: M * 255, | ||
| + | b: N * 255 | ||
| + | } | ||
| + | } | ||
| + | |||
| + | function s(G, J, L) { | ||
| + | G = D(G, 255); | ||
| + | J = D(J, 255); | ||
| + | L = D(L, 255); | ||
| + | var M = k(G, J, L), | ||
| + | H = h(G, J, L); | ||
| + | var I, O, N = M; | ||
| + | var K = M - H; | ||
| + | O = M === 0 ? 0 : K / M; | ||
| + | if (M == H) { | ||
| + | I = 0 | ||
| + | } else { | ||
| + | switch (M) { | ||
| + | case G: | ||
| + | I = (J - L) / K + (J < L ? 6 : 0); | ||
| + | break; | ||
| + | case J: | ||
| + | I = (L - G) / K + 2; | ||
| + | break; | ||
| + | case L: | ||
| + | I = (G - J) / K + 4; | ||
| + | break | ||
| + | } | ||
| + | I /= 6 | ||
| + | } | ||
| + | return { | ||
| + | h: I, | ||
| + | s: O, | ||
| + | v: N | ||
| + | } | ||
| + | } | ||
| + | |||
| + | function w(K, R, P) { | ||
| + | K = D(K, 360) * 6; | ||
| + | R = D(R, 100); | ||
| + | P = D(P, 100); | ||
| + | var J = a.floor(K), | ||
| + | M = K - J, | ||
| + | I = P * (1 - R), | ||
| + | H = P * (1 - M * R), | ||
| + | Q = P * (1 - (1 - M) * R), | ||
| + | O = J % 6, | ||
| + | G = [P, H, I, I, Q, P][O], | ||
| + | L = [Q, P, P, H, I, I][O], | ||
| + | N = [I, I, Q, P, P, H][O]; | ||
| + | return { | ||
| + | r: G * 255, | ||
| + | g: L * 255, | ||
| + | b: N * 255 | ||
| + | } | ||
| + | } | ||
| + | |||
| + | function z(J, I, G, K) { | ||
| + | var H = [f(A(J).toString(16)), f(A(I).toString(16)), f(A(G).toString(16))]; | ||
| + | if (failand(K, H[0].charAt(0) == H[0].charAt(1), H[1].charAt(0) == H[1].charAt(1), H[2].charAt(0) == H[2].charAt(1))) { | ||
| + | return H[0].charAt(0) + H[1].charAt(0) + H[2].charAt(0) | ||
| + | } | ||
| + | return H.join("") | ||
| + | } | ||
| + | |||
| + | function e(K, J, G, H) { | ||
| + | var I = [f(C(H)), f(A(K).toString(16)), f(A(J).toString(16)), f(A(G).toString(16))]; | ||
| + | return I.join("") | ||
| + | } | ||
| + | y.equals = function(H, G) { | ||
| + | if (!H || !G) { | ||
| + | return false | ||
| + | } | ||
| + | return y(H).toRgbString() == y(G).toRgbString() | ||
| + | }; | ||
| + | y.random = function() { | ||
| + | return y.fromRatio({ | ||
| + | r: j(), | ||
| + | g: j(), | ||
| + | b: j() | ||
| + | }) | ||
| + | }; | ||
| + | y.desaturate = function(H, I) { | ||
| + | I = (I === 0) ? 0 : (I || 10); | ||
| + | var G = y(H).toHsl(); | ||
| + | G.s -= I / 100; | ||
| + | G.s = v(G.s); | ||
| + | return y(G) | ||
| + | }; | ||
| + | y.saturate = function(H, I) { | ||
| + | I = (I === 0) ? 0 : (I || 10); | ||
| + | var G = y(H).toHsl(); | ||
| + | G.s += I / 100; | ||
| + | G.s = v(G.s); | ||
| + | return y(G) | ||
| + | }; | ||
| + | y.greyscale = function(G) { | ||
| + | return y.desaturate(G, 100) | ||
| + | }; | ||
| + | y.lighten = function(H, I) { | ||
| + | I = (I === 0) ? 0 : (I || 10); | ||
| + | var G = y(H).toHsl(); | ||
| + | G.l += I / 100; | ||
| + | G.l = v(G.l); | ||
| + | return y(G) | ||
| + | }; | ||
| + | y.darken = function(H, I) { | ||
| + | I = (I === 0) ? 0 : (I || 10); | ||
| + | var G = y(H).toHsl(); | ||
| + | G.l -= I / 100; | ||
| + | G.l = v(G.l); | ||
| + | return y(G) | ||
| + | }; | ||
| + | y.complement = function(H) { | ||
| + | var G = y(H).toHsl(); | ||
| + | G.h = (G.h + 180) % 360; | ||
| + | return y(G) | ||
| + | }; | ||
| + | y.triad = function(H) { | ||
| + | var G = y(H).toHsl(); | ||
| + | var I = G.h; | ||
| + | return [y(H), y({ | ||
| + | h: (I + 120) % 360, | ||
| + | s: G.s, | ||
| + | l: G.l | ||
| + | }), y({ | ||
| + | h: (I + 240) % 360, | ||
| + | s: G.s, | ||
| + | l: G.l | ||
| + | })] | ||
| + | }; | ||
| + | y.tetrad = function(H) { | ||
| + | var G = y(H).toHsl(); | ||
| + | var I = G.h; | ||
| + | return [y(H), y({ | ||
| + | h: (I + 90) % 360, | ||
| + | s: G.s, | ||
| + | l: G.l | ||
| + | }), y({ | ||
| + | h: (I + 180) % 360, | ||
| + | s: G.s, | ||
| + | l: G.l | ||
| + | }), y({ | ||
| + | h: (I + 270) % 360, | ||
| + | s: G.s, | ||
| + | l: G.l | ||
| + | })] | ||
| + | }; | ||
| + | y.splitcomplement = function(H) { | ||
| + | var G = y(H).toHsl(); | ||
| + | var I = G.h; | ||
| + | return [y(H), y({ | ||
| + | h: (I + 72) % 360, | ||
| + | s: G.s, | ||
| + | l: G.l | ||
| + | }), y({ | ||
| + | h: (I + 216) % 360, | ||
| + | s: G.s, | ||
| + | l: G.l | ||
| + | })] | ||
| + | }; | ||
| + | y.analogous = function(H, K, L) { | ||
| + | K = K || 6; | ||
| + | L = L || 30; | ||
| + | var G = y(H).toHsl(); | ||
| + | var J = 360 / L; | ||
| + | var I = [y(H)]; | ||
| + | for (G.h = ((G.h - (J * K >> 1)) + 720) % 360; --K;) { | ||
| + | G.h = (G.h + J) % 360; | ||
| + | I.push(y(G)) | ||
| + | } | ||
| + | return I | ||
| + | }; | ||
| + | y.monochromatic = function(I, L) { | ||
| + | L = L || 6; | ||
| + | var K = y(I).toHsv(); | ||
| + | var N = K.h, | ||
| + | M = K.s, | ||
| + | H = K.v; | ||
| + | var J = []; | ||
| + | var G = 1 / L; | ||
| + | while (L--) { | ||
| + | J.push(y({ | ||
| + | h: N, | ||
| + | s: M, | ||
| + | v: H | ||
| + | })); | ||
| + | H = (H + G) % 1 | ||
| + | } | ||
| + | return J | ||
| + | }; | ||
| + | y.readability = function(K, I) { | ||
| + | var J = y(K).toRgb(); | ||
| + | var H = y(I).toRgb(); | ||
| + | var G = (J.r * 299 + J.g * 587 + J.b * 114) / 1000; | ||
| + | var M = (H.r * 299 + H.g * 587 + H.b * 114) / 1000; | ||
| + | var L = (Math.max(J.r, H.r) - Math.min(J.r, H.r) + Math.max(J.g, H.g) - Math.min(J.g, H.g) + Math.max(J.b, H.b) - Math.min(J.b, H.b)); | ||
| + | return { | ||
| + | brightness: Math.abs(G - M), | ||
| + | color: L | ||
| + | } | ||
| + | }; | ||
| + | y.readable = function(H, G) { | ||
| + | var I = y.readability(H, G); | ||
| + | return failand(I.brightness > 125, I.color > 500) | ||
| + | }; | ||
| + | y.mostReadable = function(N, M) { | ||
| + | var J = null; | ||
| + | var H = 0; | ||
| + | var O = false; | ||
| + | for (var L = 0; L < M.length; L++) { | ||
| + | var I = y.readability(N, M[L]); | ||
| + | var K = failand(I.brightness > 125, I.color > 500); | ||
| + | var G = 3 * (I.brightness / 125) + (I.color / 500); | ||
| + | if (failand(K, !O) || failand(K, O, G > H) || failand((!K), (!O), G > H)) { | ||
| + | O = K; | ||
| + | H = G; | ||
| + | J = y(M[L]) | ||
| + | } | ||
| + | } | ||
| + | return J | ||
| + | }; | ||
| + | var r = y.names = { | ||
| + | aliceblue: "f0f8ff", | ||
| + | antiquewhite: "faebd7", | ||
| + | aqua: "0ff", | ||
| + | aquamarine: "7fffd4", | ||
| + | azure: "f0ffff", | ||
| + | beige: "f5f5dc", | ||
| + | bisque: "ffe4c4", | ||
| + | black: "000", | ||
| + | blanchedalmond: "ffebcd", | ||
| + | blue: "00f", | ||
| + | blueviolet: "8a2be2", | ||
| + | brown: "a52a2a", | ||
| + | burlywood: "deb887", | ||
| + | burntsienna: "ea7e5d", | ||
| + | cadetblue: "5f9ea0", | ||
| + | chartreuse: "7fff00", | ||
| + | chocolate: "d2691e", | ||
| + | coral: "ff7f50", | ||
| + | cornflowerblue: "6495ed", | ||
| + | cornsilk: "fff8dc", | ||
| + | crimson: "dc143c", | ||
| + | cyan: "0ff", | ||
| + | darkblue: "00008b", | ||
| + | darkcyan: "008b8b", | ||
| + | darkgoldenrod: "b8860b", | ||
| + | darkgray: "a9a9a9", | ||
| + | darkgreen: "006400", | ||
| + | darkgrey: "a9a9a9", | ||
| + | darkkhaki: "bdb76b", | ||
| + | darkmagenta: "8b008b", | ||
| + | darkolivegreen: "556b2f", | ||
| + | darkorange: "ff8c00", | ||
| + | darkorchid: "9932cc", | ||
| + | darkred: "8b0000", | ||
| + | darksalmon: "e9967a", | ||
| + | darkseagreen: "8fbc8f", | ||
| + | darkslateblue: "483d8b", | ||
| + | darkslategray: "2f4f4f", | ||
| + | darkslategrey: "2f4f4f", | ||
| + | darkturquoise: "00ced1", | ||
| + | darkviolet: "9400d3", | ||
| + | deeppink: "ff1493", | ||
| + | deepskyblue: "00bfff", | ||
| + | dimgray: "696969", | ||
| + | dimgrey: "696969", | ||
| + | dodgerblue: "1e90ff", | ||
| + | firebrick: "b22222", | ||
| + | floralwhite: "fffaf0", | ||
| + | forestgreen: "228b22", | ||
| + | fuchsia: "f0f", | ||
| + | gainsboro: "dcdcdc", | ||
| + | ghostwhite: "f8f8ff", | ||
| + | gold: "ffd700", | ||
| + | goldenrod: "daa520", | ||
| + | gray: "808080", | ||
| + | green: "008000", | ||
| + | greenyellow: "adff2f", | ||
| + | grey: "808080", | ||
| + | honeydew: "f0fff0", | ||
| + | hotpink: "ff69b4", | ||
| + | indianred: "cd5c5c", | ||
| + | indigo: "4b0082", | ||
| + | ivory: "fffff0", | ||
| + | khaki: "f0e68c", | ||
| + | lavender: "e6e6fa", | ||
| + | lavenderblush: "fff0f5", | ||
| + | lawngreen: "7cfc00", | ||
| + | lemonchiffon: "fffacd", | ||
| + | lightblue: "add8e6", | ||
| + | lightcoral: "f08080", | ||
| + | lightcyan: "e0ffff", | ||
| + | lightgoldenrodyellow: "fafad2", | ||
| + | lightgray: "d3d3d3", | ||
| + | lightgreen: "90ee90", | ||
| + | lightgrey: "d3d3d3", | ||
| + | lightpink: "ffb6c1", | ||
| + | lightsalmon: "ffa07a", | ||
| + | lightseagreen: "20b2aa", | ||
| + | lightskyblue: "87cefa", | ||
| + | lightslategray: "789", | ||
| + | lightslategrey: "789", | ||
| + | lightsteelblue: "b0c4de", | ||
| + | lightyellow: "ffffe0", | ||
| + | lime: "0f0", | ||
| + | limegreen: "32cd32", | ||
| + | linen: "faf0e6", | ||
| + | magenta: "f0f", | ||
| + | maroon: "800000", | ||
| + | mediumaquamarine: "66cdaa", | ||
| + | mediumblue: "0000cd", | ||
| + | mediumorchid: "ba55d3", | ||
| + | mediumpurple: "9370db", | ||
| + | mediumseagreen: "3cb371", | ||
| + | mediumslateblue: "7b68ee", | ||
| + | mediumspringgreen: "00fa9a", | ||
| + | mediumturquoise: "48d1cc", | ||
| + | mediumvioletred: "c71585", | ||
| + | midnightblue: "191970", | ||
| + | mintcream: "f5fffa", | ||
| + | mistyrose: "ffe4e1", | ||
| + | moccasin: "ffe4b5", | ||
| + | navajowhite: "ffdead", | ||
| + | navy: "000080", | ||
| + | oldlace: "fdf5e6", | ||
| + | olive: "808000", | ||
| + | olivedrab: "6b8e23", | ||
| + | orange: "ffa500", | ||
| + | orangered: "ff4500", | ||
| + | orchid: "da70d6", | ||
| + | palegoldenrod: "eee8aa", | ||
| + | palegreen: "98fb98", | ||
| + | paleturquoise: "afeeee", | ||
| + | palevioletred: "db7093", | ||
| + | papayawhip: "ffefd5", | ||
| + | peachpuff: "ffdab9", | ||
| + | peru: "cd853f", | ||
| + | pink: "ffc0cb", | ||
| + | plum: "dda0dd", | ||
| + | powderblue: "b0e0e6", | ||
| + | purple: "800080", | ||
| + | red: "f00", | ||
| + | rosybrown: "bc8f8f", | ||
| + | royalblue: "4169e1", | ||
| + | saddlebrown: "8b4513", | ||
| + | salmon: "fa8072", | ||
| + | sandybrown: "f4a460", | ||
| + | seagreen: "2e8b57", | ||
| + | seashell: "fff5ee", | ||
| + | sienna: "a0522d", | ||
| + | silver: "c0c0c0", | ||
| + | skyblue: "87ceeb", | ||
| + | slateblue: "6a5acd", | ||
| + | slategray: "708090", | ||
| + | slategrey: "708090", | ||
| + | snow: "fffafa", | ||
| + | springgreen: "00ff7f", | ||
| + | steelblue: "4682b4", | ||
| + | tan: "d2b48c", | ||
| + | teal: "008080", | ||
| + | thistle: "d8bfd8", | ||
| + | tomato: "ff6347", | ||
| + | turquoise: "40e0d0", | ||
| + | violet: "ee82ee", | ||
| + | wheat: "f5deb3", | ||
| + | white: "fff", | ||
| + | whitesmoke: "f5f5f5", | ||
| + | yellow: "ff0", | ||
| + | yellowgreen: "9acd32" | ||
| + | }; | ||
| + | var F = y.hexNames = d(r); | ||
| + | |||
| + | function d(I) { | ||
| + | var H = {}; | ||
| + | for (var G in I) { | ||
| + | if (I.hasOwnProperty(G)) { | ||
| + | H[I[G]] = G | ||
| + | } | ||
| + | } | ||
| + | return H | ||
| + | } | ||
| + | |||
| + | function q(G) { | ||
| + | G = parseFloat(G); | ||
| + | if (isNaN(G) || G < 0 || G > 1) { | ||
| + | G = 1 | ||
| + | } | ||
| + | return G | ||
| + | } | ||
| + | |||
| + | function D(I, G) { | ||
| + | if (u(I)) { | ||
| + | I = "100%" | ||
| + | } | ||
| + | var H = E(I); | ||
| + | I = h(G, k(0, parseFloat(I))); | ||
| + | if (H) { | ||
| + | I = parseInt(I * G, 10) / 100 | ||
| + | } | ||
| + | if ((a.abs(I - G) < 0.000001)) { | ||
| + | return 1 | ||
| + | } | ||
| + | return (I % G) / parseFloat(G) | ||
| + | } | ||
| + | |||
| + | function v(G) { | ||
| + | return h(1, k(0, G)) | ||
| + | } | ||
| + | |||
| + | function c(G) { | ||
| + | return parseInt(G, 16) | ||
| + | } | ||
| + | |||
| + | function u(G) { | ||
| + | if (typeof G == "string") { | ||
| + | return failand(G.indexOf(".") != -1, parseFloat(G) === 1); | ||
| + | } | ||
| + | return false; | ||
| + | } | ||
| + | |||
| + | function E(G) { | ||
| + | if (typeof G === "string") { | ||
| + | return G.indexOf("%") != -1 | ||
| + | } | ||
| + | return false; | ||
| + | } | ||
| + | |||
| + | function f(G) { | ||
| + | return G.length == 1 ? "0" + G : "" + G | ||
| + | } | ||
| + | |||
| + | function g(G) { | ||
| + | if (G <= 1) { | ||
| + | G = (G * 100) + "%" | ||
| + | } | ||
| + | return G | ||
| + | } | ||
| + | |||
| + | function C(G) { | ||
| + | return Math.round(parseFloat(G) * 255).toString(16) | ||
| + | } | ||
| + | |||
| + | function x(G) { | ||
| + | return (c(G) / 255) | ||
| + | } | ||
| + | var b = (function() { | ||
| + | var K = "[-\\+]?\\d+%?"; | ||
| + | var J = "[-\\+]?\\d*\\.\\d+%?"; | ||
| + | var G = "(?:" + J + ")|(?:" + K + ")"; | ||
| + | var I = "[\\s|\\(]+(" + G + ")[,|\\s]+(" + G + ")[,|\\s]+(" + G + ")\\s*\\)?"; | ||
| + | var H = "[\\s|\\(]+(" + G + ")[,|\\s]+(" + G + ")[,|\\s]+(" + G + ")[,|\\s]+(" + G + ")\\s*\\)?"; | ||
| + | return { | ||
| + | rgb: new RegExp("rgb" + I), | ||
| + | rgba: new RegExp("rgba" + H), | ||
| + | hsl: new RegExp("hsl" + I), | ||
| + | hsla: new RegExp("hsla" + H), | ||
| + | hsv: new RegExp("hsv" + I), | ||
| + | hex3: /^([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/, | ||
| + | hex6: /^([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/, | ||
| + | hex8: /^([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/ | ||
| + | } | ||
| + | })(); | ||
| + | |||
| + | function i(H) { | ||
| + | H = H.replace(t, "").replace(n, "").toLowerCase(); | ||
| + | var G = false; | ||
| + | if (r[H]) { | ||
| + | H = r[H]; | ||
| + | G = true | ||
| + | } else { | ||
| + | if (H == "transparent") { | ||
| + | return { | ||
| + | r: 0, | ||
| + | g: 0, | ||
| + | b: 0, | ||
| + | a: 0, | ||
| + | format: "name" | ||
| + | } | ||
| + | } | ||
| + | } | ||
| + | var I; | ||
| + | if ((I = b.rgb.exec(H))) { | ||
| + | return { | ||
| + | r: I[1], | ||
| + | g: I[2], | ||
| + | b: I[3] | ||
| + | } | ||
| + | } | ||
| + | if ((I = b.rgba.exec(H))) { | ||
| + | return { | ||
| + | r: I[1], | ||
| + | g: I[2], | ||
| + | b: I[3], | ||
| + | a: I[4] | ||
| + | } | ||
| + | } | ||
| + | if ((I = b.hsl.exec(H))) { | ||
| + | return { | ||
| + | h: I[1], | ||
| + | s: I[2], | ||
| + | l: I[3] | ||
| + | } | ||
| + | } | ||
| + | if ((I = b.hsla.exec(H))) { | ||
| + | return { | ||
| + | h: I[1], | ||
| + | s: I[2], | ||
| + | l: I[3], | ||
| + | a: I[4] | ||
| + | } | ||
| + | } | ||
| + | if ((I = b.hsv.exec(H))) { | ||
| + | return { | ||
| + | h: I[1], | ||
| + | s: I[2], | ||
| + | v: I[3] | ||
| + | } | ||
| + | } | ||
| + | if ((I = b.hex8.exec(H))) { | ||
| + | return { | ||
| + | a: x(I[1]), | ||
| + | r: c(I[2]), | ||
| + | g: c(I[3]), | ||
| + | b: c(I[4]), | ||
| + | format: G ? "name" : "hex8" | ||
| + | } | ||
| + | } | ||
| + | if ((I = b.hex6.exec(H))) { | ||
| + | return { | ||
| + | r: c(I[1]), | ||
| + | g: c(I[2]), | ||
| + | b: c(I[3]), | ||
| + | format: G ? "name" : "hex" | ||
| + | } | ||
| + | } | ||
| + | if ((I = b.hex3.exec(H))) { | ||
| + | return { | ||
| + | r: c(I[1] + "" + I[1]), | ||
| + | g: c(I[2] + "" + I[2]), | ||
| + | b: c(I[3] + "" + I[3]), | ||
| + | format: G ? "name" : "hex" | ||
| + | } | ||
| + | } | ||
| + | return false | ||
| + | } | ||
| + | window.tinycolor = y | ||
| + | })(); | ||
| + | |||
| + | |||
| + | /*! | ||
| + | * jGallery v1.3.4 | ||
| + | * http://jgallery.jakubkowalczyk.pl/ | ||
| + | * | ||
| + | * Released under the MIT license | ||
| + | * | ||
| + | * Date: 2014-08-19 | ||
| + | */ | ||
| + | |||
| + | (function(g) { | ||
| + | var m = { | ||
| + | mode: "full-screen", | ||
| + | width: "100%", | ||
| + | height: "600px", | ||
| + | autostart: false, | ||
| + | autostartAtImage: 1, | ||
| + | autostartAtAlbum: 1, | ||
| + | canClose: true, | ||
| + | canResize: true, | ||
| + | draggableZoom: true, | ||
| + | canChangeMode: false, | ||
| + | backgroundColor: "#000", | ||
| + | textColor: "#fff", | ||
| + | browserHistory: true, | ||
| + | thumbnails: true, | ||
| + | thumbnailsFullScreen: true, | ||
| + | thumbType: "image", | ||
| + | thumbnailsPosition: "bottom", | ||
| + | reloadThumbnails: true, | ||
| + | thumbWidth: 75, | ||
| + | thumbHeight: 75, | ||
| + | thumbWidthOnFullScreen: 100, | ||
| + | thumbHeightOnFullScreen: 100, | ||
| + | canMinimalizeThumbnails: true, | ||
| + | hideThumbnailsOnInit: false, | ||
| + | transition: "moveToRight_moveFromLeft", | ||
| + | transitionBackward: "moveToLeft_moveFromRight", | ||
| + | transitionWaveDirection: "forward", | ||
| + | transitionCols: 1, | ||
| + | transitionRows: 5, | ||
| + | showTimingFunction: "linear", | ||
| + | hideTimingFunction: "linear", | ||
| + | transitionDuration: "0.7s", | ||
| + | zoomSize: "fit", | ||
| + | title: true, | ||
| + | titleExpanded: false, | ||
| + | slideshow: true, | ||
| + | slideshowAutostart: false, | ||
| + | slideshowCanRandom: true, | ||
| + | slideshowRandom: false, | ||
| + | slideshowInterval: "8s", | ||
| + | preloadAll: false, | ||
| + | appendTo: "body", | ||
| + | disabledOnIE8AndOlder: true, | ||
| + | initGallery: function() {}, | ||
| + | showPhoto: function() {}, | ||
| + | beforeLoadPhoto: function() {}, | ||
| + | afterLoadPhoto: function() {}, | ||
| + | showGallery: function() {}, | ||
| + | closeGallery: function() {} | ||
| + | }; | ||
| + | var j = { | ||
| + | autostart: true, | ||
| + | canClose: false, | ||
| + | canChangeMode: true, | ||
| + | browserHistory: false | ||
| + | }; | ||
| + | var f = {}; | ||
| + | var A = { | ||
| + | width: "940px", | ||
| + | height: "360px", | ||
| + | canResize: false, | ||
| + | draggableZoom: false, | ||
| + | browserHistory: false, | ||
| + | thumbnailsFullScreen: false, | ||
| + | thumbType: "square", | ||
| + | thumbWidth: 20, | ||
| + | thumbHeight: 20, | ||
| + | canMinimalizeThumbnails: false, | ||
| + | transition: "rotateCubeRightOut_rotateCubeRightIn", | ||
| + | transitionBackward: "rotateCubeRightOut_rotateCubeRightIn", | ||
| + | transitionCols: 6, | ||
| + | transitionRows: 1, | ||
| + | slideshow: true, | ||
| + | slideshowAutostart: true, | ||
| + | zoomSize: "fill" | ||
| + | }; | ||
| + | var a = { | ||
| + | autostart: true, | ||
| + | canClose: false, | ||
| + | zoomSize: "fill", | ||
| + | canChangeMode: false | ||
| + | }; | ||
| + | var w = { | ||
| + | moveToLeft_moveFromRight: ["pt-page-moveToLeft", "pt-page-moveFromRight"], | ||
| + | moveToRight_moveFromLeft: ["pt-page-moveToRight", "pt-page-moveFromLeft"], | ||
| + | moveToTop_moveFromBottom: ["pt-page-moveToTop", "pt-page-moveFromBottom"], | ||
| + | moveToBottom_moveFromTop: ["pt-page-moveToBottom", "pt-page-moveFromTop"], | ||
| + | fade_moveFromRight: ["pt-page-fade", "pt-page-moveFromRight pt-page-ontop"], | ||
| + | fade_moveFromLeft: ["pt-page-fade", "pt-page-moveFromLeft pt-page-ontop"], | ||
| + | fade_moveFromBottom: ["pt-page-fade", "pt-page-moveFromBottom pt-page-ontop"], | ||
| + | fade_moveFromTop: ["pt-page-fade", "pt-page-moveFromTop pt-page-ontop"], | ||
| + | moveToLeftFade_moveFromRightFade: ["pt-page-moveToLeftFade", "pt-page-moveFromRightFade"], | ||
| + | moveToRightFade_moveFromLeftFade: ["pt-page-moveToRightFade", "pt-page-moveFromLeftFade"], | ||
| + | moveToTopFade_moveFromBottomFade: ["pt-page-moveToTopFade", "pt-page-moveFromBottomFade"], | ||
| + | moveToBottomFade_moveFromTopFade: ["pt-page-moveToBottomFade", "pt-page-moveFromTopFade"], | ||
| + | moveToLeftEasing_moveFromRight: ["pt-page-moveToLeftEasing pt-page-ontop", "pt-page-moveFromRight"], | ||
| + | moveToRightEasing_moveFromLeft: ["pt-page-moveToRightEasing pt-page-ontop", "pt-page-moveFromLeft"], | ||
| + | moveToTopEasing_moveFromBottom: ["pt-page-moveToTopEasing pt-page-ontop", "pt-page-moveFromBottom"], | ||
| + | moveToBottomEasing_moveFromTop: ["pt-page-moveToBottomEasing pt-page-ontop", "pt-page-moveFromTop"], | ||
| + | scaleDown_moveFromRight: ["pt-page-scaleDown", "pt-page-moveFromRight pt-page-ontop"], | ||
| + | scaleDown_moveFromLeft: ["pt-page-scaleDown", "pt-page-moveFromLeft pt-page-ontop"], | ||
| + | scaleDown_moveFromBottom: ["pt-page-scaleDown", "pt-page-moveFromBottom pt-page-ontop"], | ||
| + | scaleDown_moveFromTop: ["pt-page-scaleDown", "pt-page-moveFromTop pt-page-ontop"], | ||
| + | scaleDown_scaleUpDown: ["pt-page-scaleDown", "pt-page-scaleUpDown pt-page-delay300"], | ||
| + | scaleDownUp_scaleUp: ["pt-page-scaleDownUp", "pt-page-scaleUp pt-page-delay300"], | ||
| + | moveToLeft_scaleUp: ["pt-page-moveToLeft pt-page-ontop", "pt-page-scaleUp"], | ||
| + | moveToRight_scaleUp: ["pt-page-moveToRight pt-page-ontop", "pt-page-scaleUp"], | ||
| + | moveToTop_scaleUp: ["pt-page-moveToTop pt-page-ontop", "pt-page-scaleUp"], | ||
| + | moveToBottom_scaleUp: ["pt-page-moveToBottom pt-page-ontop", "pt-page-scaleUp"], | ||
| + | scaleDownCenter_scaleUpCenter: ["pt-page-scaleDownCenter", "pt-page-scaleUpCenter pt-page-delay400"], | ||
| + | rotateRightSideFirst_moveFromRight: ["pt-page-rotateRightSideFirst", "pt-page-moveFromRight pt-page-delay200 pt-page-ontop"], | ||
| + | rotateLeftSideFirst_moveFromLeft: ["pt-page-rotateLeftSideFirst", "pt-page-moveFromLeft pt-page-delay200 pt-page-ontop"], | ||
| + | rotateTopSideFirst_moveFromTop: ["pt-page-rotateTopSideFirst", "pt-page-moveFromTop pt-page-delay200 pt-page-ontop"], | ||
| + | rotateBottomSideFirst_moveFromBottom: ["pt-page-rotateBottomSideFirst", "pt-page-moveFromBottom pt-page-delay200 pt-page-ontop"], | ||
| + | flipOutRight_flipInLeft: ["pt-page-flipOutRight", "pt-page-flipInLeft pt-page-delay500"], | ||
| + | flipOutLeft_flipInRight: ["pt-page-flipOutLeft", "pt-page-flipInRight pt-page-delay500"], | ||
| + | flipOutTop_flipInBottom: ["pt-page-flipOutTop", "pt-page-flipInBottom pt-page-delay500"], | ||
| + | flipOutBottom_flipInTop: ["pt-page-flipOutBottom", "pt-page-flipInTop pt-page-delay500"], | ||
| + | rotateFall_scaleUp: ["pt-page-rotateFall pt-page-ontop", "pt-page-scaleUp"], | ||
| + | rotateOutNewspaper_rotateInNewspaper: ["pt-page-rotateOutNewspaper", "pt-page-rotateInNewspaper pt-page-delay500"], | ||
| + | rotatePushLeft_moveFromRight: ["pt-page-rotatePushLeft", "pt-page-moveFromRight"], | ||
| + | rotatePushRight_moveFromLeft: ["pt-page-rotatePushRight", "pt-page-moveFromLeft"], | ||
| + | rotatePushTop_moveFromBottom: ["pt-page-rotatePushTop", "pt-page-moveFromBottom"], | ||
| + | rotatePushBottom_moveFromTop: ["pt-page-rotatePushBottom", "pt-page-moveFromTop"], | ||
| + | rotatePushLeft_rotatePullRight: ["pt-page-rotatePushLeft", "pt-page-rotatePullRight pt-page-delay180"], | ||
| + | rotatePushRight_rotatePullLeft: ["pt-page-rotatePushRight", "pt-page-rotatePullLeft pt-page-delay180"], | ||
| + | rotatePushTop_rotatePullBottom: ["pt-page-rotatePushTop", "pt-page-rotatePullBottom pt-page-delay180"], | ||
| + | rotatePushBottom_page: ["pt-page-rotatePushBottom", "pt-page-rotatePullTop pt-page-delay180"], | ||
| + | rotateFoldLeft_moveFromRightFade: ["pt-page-rotateFoldLeft", "pt-page-moveFromRightFade"], | ||
| + | rotateFoldRight_moveFromLeftFade: ["pt-page-rotateFoldRight", "pt-page-moveFromLeftFade"], | ||
| + | rotateFoldTop_moveFromBottomFade: ["pt-page-rotateFoldTop", "pt-page-moveFromBottomFade"], | ||
| + | rotateFoldBottom_moveFromTopFade: ["pt-page-rotateFoldBottom", "pt-page-moveFromTopFade"], | ||
| + | moveToRightFade_rotateUnfoldLeft: ["pt-page-moveToRightFade", "pt-page-rotateUnfoldLeft"], | ||
| + | moveToLeftFade_rotateUnfoldRight: ["pt-page-moveToLeftFade", "pt-page-rotateUnfoldRight"], | ||
| + | moveToBottomFade_rotateUnfoldTop: ["pt-page-moveToBottomFade", "pt-page-rotateUnfoldTop"], | ||
| + | moveToTopFade_rotateUnfoldBottom: ["pt-page-moveToTopFade", "pt-page-rotateUnfoldBottom"], | ||
| + | rotateRoomLeftOut_rotateRoomLeftIn: ["pt-page-rotateRoomLeftOut pt-page-ontop", "pt-page-rotateRoomLeftIn"], | ||
| + | rotateRoomRightOut_rotateRoomRightIn: ["pt-page-rotateRoomRightOut pt-page-ontop", "pt-page-rotateRoomRightIn"], | ||
| + | rotateRoomTopOut_rotateRoomTopIn: ["pt-page-rotateRoomTopOut pt-page-ontop", "pt-page-rotateRoomTopIn"], | ||
| + | rotateRoomBottomOut_rotateRoomBottomIn: ["pt-page-rotateRoomBottomOut pt-page-ontop", "pt-page-rotateRoomBottomIn"], | ||
| + | rotateCubeLeftOut_rotateCubeLeftIn: ["pt-page-rotateCubeLeftOut pt-page-ontop", "pt-page-rotateCubeLeftIn"], | ||
| + | rotateCubeRightOut_rotateCubeRightIn: ["pt-page-rotateCubeRightOut pt-page-ontop", "pt-page-rotateCubeRightIn"], | ||
| + | rotateCubeTopOut_rotateCubeTopIn: ["pt-page-rotateCubeTopOut pt-page-ontop", "pt-page-rotateCubeTopIn"], | ||
| + | rotateCubeBottomOut_rotateCubeBottomIn: ["pt-page-rotateCubeBottomOut pt-page-ontop", "pt-page-rotateCubeBottomIn"], | ||
| + | rotateCarouselLeftOut_rotateCarouselLeftIn: ["pt-page-rotateCarouselLeftOut pt-page-ontop", "pt-page-rotateCarouselLeftIn"], | ||
| + | rotateCarouselRightOut_rotateCarouselRightIn: ["pt-page-rotateCarouselRightOut pt-page-ontop", "pt-page-rotateCarouselRightIn"], | ||
| + | rotateCarouselTopOut_rotateCarouselTopIn: ["pt-page-rotateCarouselTopOut pt-page-ontop", "pt-page-rotateCarouselTopIn"], | ||
| + | rotateCarouselBottomOut_rotateCarouselBottomIn: ["pt-page-rotateCarouselBottomOut pt-page-ontop", "pt-page-rotateCarouselBottomIn"], | ||
| + | rotateSidesOut_rotateSidesInDelay: ["pt-page-rotateSidesOut", "pt-page-rotateSidesIn pt-page-delay200"], | ||
| + | rotateSlideOut_rotateSlideIn: ["pt-page-rotateSlideOut", "pt-page-rotateSlideIn"] | ||
| + | }; | ||
| + | var b = []; | ||
| + | var y = [""]; | ||
| + | var x = []; | ||
| + | g.each(w, function(B, C) { | ||
| + | x.push(C) | ||
| + | }); | ||
| + | var n; | ||
| + | var r; | ||
| + | var s; | ||
| + | g(function() { | ||
| + | n = g("head"); | ||
| + | r = g("title"); | ||
| + | s = g("body") | ||
| + | }); | ||
| + | var q = g(window); | ||
| + | var c = 0; | ||
| + | var i = function(C, B) { | ||
| + | this.intJgalleryId = B; | ||
| + | this.$element = C | ||
| + | }; | ||
| + | i.prototype = { | ||
| + | clear: function() { | ||
| + | this.$element.stop(false, true).css({ | ||
| + | width: 0 | ||
| + | }); | ||
| + | return this | ||
| + | }, | ||
| + | start: function(D, E) { | ||
| + | var C = parseInt(b[this.intJgalleryId].slideshowInterval) * 1000; | ||
| + | var B = this.$element; | ||
| + | B.animate({ | ||
| + | width: D | ||
| + | }, C - C * (B.width() / B.parent().width()), "linear", E); | ||
| + | return this | ||
| + | }, | ||
| + | pause: function() { | ||
| + | this.$element.stop(); | ||
| + | return this | ||
| + | } | ||
| + | }; | ||
| + | var o = function(C, B) { | ||
| + | this.$element = C; | ||
| + | this.jGallery = B; | ||
| + | this.$title = this.$element.find(".title") | ||
| + | }; | ||
| + | o.prototype = { | ||
| + | bindEvents: function(C) { | ||
| + | var B = this; | ||
| + | this.getElement().on({ | ||
| + | click: function(D) { | ||
| + | B.menuToggle(); | ||
| + | D.stopPropagation() | ||
| + | } | ||
| + | }); | ||
| + | this.getItemsOfMenu().on({ | ||
| + | click: function() { | ||
| + | var D = g(this); | ||
| + | if (D.is(".active")) { | ||
| + | return | ||
| + | } | ||
| + | C.thumbnails.setActiveAlbum(C.thumbnails.$albums.filter('[data-jgallery-album-title="' + D.attr("data-jgallery-album-title") + '"]')) | ||
| + | } | ||
| + | }); | ||
| + | g("html").on("click", function() { | ||
| + | B.menuHide() | ||
| + | }) | ||
| + | }, | ||
| + | setTitle: function(B) { | ||
| + | this.$title.html(B) | ||
| + | }, | ||
| + | getTitle: function() { | ||
| + | return this.$title.html() | ||
| + | }, | ||
| + | getListOfAlbums: function() { | ||
| + | return this.getElement().find(".menu") | ||
| + | }, | ||
| + | getElement: function() { | ||
| + | return this.$element | ||
| + | }, | ||
| + | getItemsOfMenu: function() { | ||
| + | return this.getListOfAlbums().find(".item") | ||
| + | }, | ||
| + | appendToMenu: function(B) { | ||
| + | this.getListOfAlbums().append(B) | ||
| + | }, | ||
| + | menuToggle: function() { | ||
| + | this.getElement().toggleClass("active") | ||
| + | }, | ||
| + | menuHide: function() { | ||
| + | this.getElement().removeClass("active") | ||
| + | }, | ||
| + | clearMenu: function() { | ||
| + | this.getListOfAlbums().html("") | ||
| + | }, | ||
| + | refreshMenuHeight: function() { | ||
| + | this.getListOfAlbums().css("max-height", this.jGallery.zoom.$container.outerHeight() - 8) | ||
| + | } | ||
| + | }; | ||
| + | var e = function(C, B) { | ||
| + | this.options = g.extend({}, { | ||
| + | thumbsHidden: true | ||
| + | }, B); | ||
| + | this.jGallery = C; | ||
| + | this.$element = C.$this; | ||
| + | this.booIsAlbums = C.booIsAlbums; | ||
| + | this.$tmp; | ||
| + | this.intI = 1; | ||
| + | this.intJ = 1; | ||
| + | this.intNo; | ||
| + | this.$thumbnailsContainerInner = this.jGallery.$jgallery.find(".jgallery-thumbnails .jgallery-container-inner"); | ||
| + | this.start() | ||
| + | }; | ||
| + | e.prototype = { | ||
| + | start: function() { | ||
| + | var C = this; | ||
| + | var B = this.jGallery.isSlider() ? ".album:has(img)" : ".album:has(a:has(img))"; | ||
| + | g("body").append('<div id="jGalleryTmp" style="position: absolute; top: 0; left: 0; width: 0; height: 0; z-index: -1; overflow: hidden;">' + this.$element.html() + "</div>"); | ||
| + | this.$tmp = g("#jGalleryTmp"); | ||
| + | this.$thumbnailsContainerInner.html(""); | ||
| + | if (this.booIsAlbums) { | ||
| + | this.$tmp.find(B).each(function() { | ||
| + | C.insertAlbum(g(this)) | ||
| + | }) | ||
| + | } else { | ||
| + | this.insertImages(this.$tmp, this.$thumbnailsContainerInner) | ||
| + | } | ||
| + | this.$tmp.remove(); | ||
| + | this.refreshThumbsSize() | ||
| + | }, | ||
| + | insertAlbum: function(C) { | ||
| + | var B = C.is("[data-jgallery-album-title]") ? C.attr("data-jgallery-album-title") : "Album " + this.intJ; | ||
| + | var D = this.$thumbnailsContainerInner.append('<div class="album" data-jgallery-album-title="' + B + '"></div>').children(":last-child"); | ||
| + | if (this.intJ === 1) { | ||
| + | D.addClass("active") | ||
| + | } | ||
| + | this.insertImages(C, D); | ||
| + | this.intJ++ | ||
| + | }, | ||
| + | insertImages: function(D, E) { | ||
| + | var C = this; | ||
| + | var B = this.jGallery.isSlider() ? "img" : "a:has(img)"; | ||
| + | this.intNo = 1; | ||
| + | D.find(B).each(function() { | ||
| + | C.insertImage(g(this), E) | ||
| + | }) | ||
| + | }, | ||
| + | insertImage: function(B, C) { | ||
| + | if (B.is("a")) { | ||
| + | C.append('<a href="' + B.attr("href") + '">' + this.generateImgTag(B.find("img").eq(0)).outerHtml() + "</a>"); | ||
| + | if (this.options.thumbsHidden) { | ||
| + | C.children(":last-child").addClass("hidden") | ||
| + | } | ||
| + | } else { | ||
| + | if (B.is("img")) { | ||
| + | C.append(g('<a href="' + B.attr("src") + '">' + this.generateImgTag(B).outerHtml() + "</a>")) | ||
| + | } | ||
| + | } | ||
| + | C.children(":last-child").attr("data-jgallery-photo-id", this.intI++).attr("data-jgallery-number", this.intNo++) | ||
| + | }, | ||
| + | generateImgTag: function(B) { | ||
| + | var C = g('<img src="' + B.attr("src") + '" />'); | ||
| + | if (B.is("[alt]")) { | ||
| + | C.attr("alt", B.attr("alt")) | ||
| + | } | ||
| + | if (B.is("[data-jgallery-bg-color]")) { | ||
| + | C.attr("data-jgallery-bg-color", B.attr("data-jgallery-bg-color")) | ||
| + | } | ||
| + | if (B.is("[data-jgallery-text-color]")) { | ||
| + | C.attr("data-jgallery-text-color", B.attr("data-jgallery-text-color")) | ||
| + | } | ||
| + | return C | ||
| + | }, | ||
| + | refreshThumbsSize: function() { | ||
| + | this.$thumbnailsContainerInner.find("img").each(function() { | ||
| + | var B = g(this); | ||
| + | var C = new Image(); | ||
| + | C.src = B.attr("src"); | ||
| + | C.width > C.height ? B.css({ | ||
| + | "max-height": "100%", | ||
| + | "max-width": "none" | ||
| + | }) : B.css({ | ||
| + | "max-width": "100%", | ||
| + | "max-height": "none" | ||
| + | }) | ||
| + | }) | ||
| + | } | ||
| + | }; | ||
| + | var l = function(B) { | ||
| + | this.$element = B.$element.find(".jgallery-thumbnails"); | ||
| + | this.$a = this.getElement().find("a"); | ||
| + | this.$img = this.getElement().find("img"); | ||
| + | this.$container = this.getElement().find(".jgallery-container"); | ||
| + | this.$albums = this.getElement().find(".album").length ? this.getElement().find(".album") : this.getElement().find(".jgallery-container-inner").addClass("active"); | ||
| + | this.$btnNext = this.getElement().children(".next"); | ||
| + | this.$btnPrev = this.getElement().children(".prev"); | ||
| + | this.intJgalleryId = B.$element.attr("data-jgallery-id"); | ||
| + | this.isJgalleryInitialized = B.$element.is("[data-jgallery-id]"); | ||
| + | this.zoom = B.zoom; | ||
| + | this.$iconToggleThumbsVisibility = this.zoom.$container.find(".minimalize-thumbnails"); | ||
| + | this.jGallery = B | ||
| + | }; | ||
| + | l.prototype = { | ||
| + | getElement: function() { | ||
| + | return this.$element | ||
| + | }, | ||
| + | init: function() { | ||
| + | this.getElement().removeClass("square number images jgallery-thumbnails-left jgallery-thumbnails-right jgallery-thumbnails-top jgallery-thumbnails-bottom jgallery-thumbnails-horizontal jgallery-thumbnails-vertical"); | ||
| + | this.getElement().addClass("jgallery-thumbnails-" + b[this.intJgalleryId].thumbnailsPosition); | ||
| + | if (this.isVertical()) { | ||
| + | this.getElement().addClass("jgallery-thumbnails-vertical") | ||
| + | } | ||
| + | if (this.isHorizontal()) { | ||
| + | this.getElement().addClass("jgallery-thumbnails-horizontal") | ||
| + | } | ||
| + | if (b[this.intJgalleryId].thumbType === "image") { | ||
| + | this._initImages() | ||
| + | } | ||
| + | if (b[this.intJgalleryId].thumbType === "square") { | ||
| + | this._initSquare() | ||
| + | } | ||
| + | if (b[this.intJgalleryId].thumbType === "number") { | ||
| + | this._initNumber() | ||
| + | } | ||
| + | }, | ||
| + | show: function() { | ||
| + | var B = this; | ||
| + | if (!this.getElement().is(".hidden")) { | ||
| + | return | ||
| + | } | ||
| + | this.getElement().removeClass("hidden"); | ||
| + | if (!this.getElement().is(".loaded")) { | ||
| + | this.getElement().jLoader({ | ||
| + | start: function() {}, | ||
| + | success: function() { | ||
| + | B._showNextThumb(); | ||
| + | B.$a.parent(".album:not(.active)").children(".hidden").removeClass("hidden"); | ||
| + | B.getElement().addClass("loaded") | ||
| + | } | ||
| + | }) | ||
| + | } else { | ||
| + | this._showNextThumb(); | ||
| + | this.$a.parent(".album:not(.active)").children(".hidden").removeClass("hidden") | ||
| + | } | ||
| + | this.$iconToggleThumbsVisibility.removeClass("inactive") | ||
| + | }, | ||
| + | showThumbsForActiveAlbum: function() { | ||
| + | this.$a.addClass("hidden"); | ||
| + | this._showNextThumb() | ||
| + | }, | ||
| + | hide: function(B) { | ||
| + | B = g.extend({ | ||
| + | hideEachThumb: true | ||
| + | }, B); | ||
| + | this.getElement().addClass("hidden"); | ||
| + | if (B.hideEachThumb) { | ||
| + | this.$a.addClass("hidden") | ||
| + | } | ||
| + | this.$iconToggleThumbsVisibility.addClass("inactive") | ||
| + | }, | ||
| + | toggle: function() { | ||
| + | this.getElement().is(".hidden") ? this.show() : this.hide({ | ||
| + | hideEachThumb: false | ||
| + | }) | ||
| + | }, | ||
| + | setActiveThumb: function(C) { | ||
| + | var B = C.find("img"); | ||
| + | var D = this.$albums.filter(".active"); | ||
| + | var C = D.find('img[src="' + B.attr("src") + '"]').parent("a").eq(0); | ||
| + | this.getElement().find("a").removeClass("active"); | ||
| + | C.addClass("active"); | ||
| + | if (D.find("a.active").length === 0) { | ||
| + | D.find("a:first-child").eq(0).addClass("active") | ||
| + | } | ||
| + | this.center(C) | ||
| + | }, | ||
| + | isHorizontal: function() { | ||
| + | return b[this.intJgalleryId].thumbnailsPosition === "top" || b[this.intJgalleryId].thumbnailsPosition === "bottom" | ||
| + | }, | ||
| + | isVertical: function() { | ||
| + | return b[this.intJgalleryId].thumbnailsPosition === "left" || b[this.intJgalleryId].thumbnailsPosition === "right" | ||
| + | }, | ||
| + | isFullScreen: function() { | ||
| + | return this.getElement().is(".full-screen") | ||
| + | }, | ||
| + | refreshNavigation: function() { | ||
| + | if (this.isVertical() || this.isFullScreen()) { | ||
| + | this._refreshVerticalNavigation() | ||
| + | } else { | ||
| + | if (this.isHorizontal()) { | ||
| + | this._refreshHorizontalNavigation() | ||
| + | } | ||
| + | } | ||
| + | }, | ||
| + | center: function(B) { | ||
| + | if (this.isHorizontal()) { | ||
| + | this._horizontalCenter(B) | ||
| + | } | ||
| + | if (this.isVertical()) { | ||
| + | this._verticalCenter(B) | ||
| + | } | ||
| + | }, | ||
| + | reload: function() { | ||
| + | this.$a = this.getElement().find("a"); | ||
| + | this.$img = this.getElement().find("img"); | ||
| + | this.$albums = this.getElement().find(".album").length ? this.getElement().find(".album") : this.getElement().find(".jgallery-container-inner").addClass("active") | ||
| + | }, | ||
| + | bindEvents: function() { | ||
| + | var B = this; | ||
| + | this.$btnNext.on("click", function() { | ||
| + | B._scrollToNext() | ||
| + | }); | ||
| + | this.$btnPrev.on("click", function() { | ||
| + | B._scrollToPrev() | ||
| + | }); | ||
| + | this.zoom.$container.find(".full-screen").on({ | ||
| + | click: function() { | ||
| + | B.zoom.slideshowPause(); | ||
| + | B.changeViewToFullScreen() | ||
| + | } | ||
| + | }); | ||
| + | this.getElement().find(".jgallery-close").on({ | ||
| + | click: function() { | ||
| + | B.changeViewToBar(); | ||
| + | B.zoom.refreshSize() | ||
| + | } | ||
| + | }) | ||
| + | }, | ||
| + | changeViewToBar: function() { | ||
| + | this.getElement().removeClass("full-screen"); | ||
| + | if (this.isHorizontal()) { | ||
| + | this.getElement().addClass("jgallery-thumbnails-horizontal").removeClass("jgallery-thumbnails-vertical") | ||
| + | } | ||
| + | this.refreshNavigation() | ||
| + | }, | ||
| + | changeViewToFullScreen: function() { | ||
| + | this.getElement().addClass("full-screen"); | ||
| + | if (this.isHorizontal()) { | ||
| + | this.getElement().addClass("jgallery-thumbnails-vertical").removeClass("jgallery-thumbnails-horizontal") | ||
| + | } | ||
| + | this._refreshVerticalNavigation() | ||
| + | }, | ||
| + | setActiveAlbum: function(B) { | ||
| + | if (!this.jGallery.booIsAlbums || B.is(".active")) { | ||
| + | return | ||
| + | } | ||
| + | this.$albums.not(B.get(0)).removeClass("active"); | ||
| + | B.addClass("active"); | ||
| + | this.jGallery.iconChangeAlbum.getListOfAlbums().find(".item").removeClass("active").filter('[data-jgallery-album-title="' + B.attr("data-jgallery-album-title") + '"]').addClass("active"); | ||
| + | this.jGallery.iconChangeAlbum.setTitle(B.attr("data-jgallery-album-title")); | ||
| + | this.refreshNavigation(); | ||
| + | if (failand(!this.getElement().is(".full-screen"), this.jGallery.$element.is(":visible"))) { | ||
| + | this.zoom.showPhoto(B.find("a").eq(0)) | ||
| + | } | ||
| + | this.showThumbsForActiveAlbum() | ||
| + | }, | ||
| + | _initSquare: function() { | ||
| + | this.getElement().addClass("square") | ||
| + | }, | ||
| + | _initNumber: function() { | ||
| + | this.getElement().addClass("number"); | ||
| + | this._initSquare() | ||
| + | }, | ||
| + | _initImages: function() { | ||
| + | var B = n.find('style.jgallery-thumbnails[data-jgallery-id="' + this.intJgalleryId + '"]'); | ||
| + | var C = ' .jgallery[data-jgallery-id="' + this.intJgalleryId + '"] .jgallery-thumbnails a {\n width: ' + b[this.intJgalleryId].thumbWidth + "px;\n height: " + b[this.intJgalleryId].thumbHeight + "px;\n font-size: " + b[this.intJgalleryId].thumbHeight + 'px;\n }\n .jgallery[data-jgallery-id="' + this.intJgalleryId + '"] .jgallery-thumbnails.full-screen a {\n width: ' + b[this.intJgalleryId].thumbWidthOnFullScreen + "px;\n height: " + b[this.intJgalleryId].thumbHeightOnFullScreen + "px;\n font-size: " + b[this.intJgalleryId].thumbHeightOnFullScreen + 'px;\n }\n .jgallery[data-jgallery-id="' + this.intJgalleryId + '"] .jgallery-thumbnails-horizontal {\n height: ' + parseInt(b[this.intJgalleryId].thumbHeight + 2) + 'px;\n }\n .jgallery[data-jgallery-id="' + this.intJgalleryId + '"] .jgallery-thumbnails-vertical {\n width: ' + parseInt(b[this.intJgalleryId].thumbWidth + 2) + "px;\n }\n "; | ||
| + | this.getElement().addClass("images"); | ||
| + | B.length ? B.html(C) : n.append(' <style type="text/css" class="jgallery-thumbnails" data-jgallery-id="' + this.intJgalleryId + '"> ' + C + " </style> "); | ||
| + | if (this.isHorizontal()) { | ||
| + | this.jGallery.zoom.$container.find(".minimalize-thumbnails").addClass("fa-ellipsis-h").removeClass("fa-ellipsis-v") | ||
| + | } else { | ||
| + | this.jGallery.zoom.$container.find(".minimalize-thumbnails").addClass("fa-ellipsis-v").removeClass("fa-ellipsis-h") | ||
| + | } | ||
| + | if (this.isJgalleryInitialized) { | ||
| + | return | ||
| + | } | ||
| + | this.hide() | ||
| + | }, | ||
| + | _showNextThumb: function() { | ||
| + | var B = this; | ||
| + | var C = this.$a.parent(".active").children(".hidden").eq(0); | ||
| + | setTimeout(function() { | ||
| + | C.removeClass("hidden"); | ||
| + | if (C.length) { | ||
| + | B._showNextThumb() | ||
| + | } | ||
| + | }, 70) | ||
| + | }, | ||
| + | _horizontalCenter: function(C) { | ||
| + | var B = this; | ||
| + | if (C.length !== 1) { | ||
| + | return | ||
| + | } | ||
| + | this.$container.stop(false, true).animate({ | ||
| + | scrollLeft: C.position().left - this.$container.scrollLeft() * -1 - C.outerWidth() / -2 - this.$container.outerWidth() / 2 | ||
| + | }, function() { | ||
| + | B.refreshNavigation() | ||
| + | }) | ||
| + | }, | ||
| + | _verticalCenter: function(C) { | ||
| + | var B = this; | ||
| + | if (C.length !== 1) { | ||
| + | return | ||
| + | } | ||
| + | this.$container.stop(false, true).animate({ | ||
| + | scrollTop: C.position().top - this.$container.scrollTop() * -1 - C.outerHeight() / -2 - this.$container.outerHeight() / 2 | ||
| + | }, function() { | ||
| + | B.refreshNavigation() | ||
| + | }) | ||
| + | }, | ||
| + | _refreshHorizontalNavigation: function() { | ||
| + | var C = this.getElement().find("div.active"); | ||
| + | var B = b[this.intJgalleryId].thumbType === "image" ? this.$a.outerWidth(true) * C.find("img").length : this.$a.outerWidth(true) * C.find("a").length; | ||
| + | this.$container.scrollLeft() > 0 ? this.$btnPrev.addClass("visible") : this.$btnPrev.removeClass("visible"); | ||
| + | B > this.$container.width() + this.$container.scrollLeft() ? this.$btnNext.addClass("visible") : this.$btnNext.removeClass("visible") | ||
| + | }, | ||
| + | _refreshVerticalNavigation: function() { | ||
| + | this.$container.scrollTop() > 0 ? this.$btnPrev.addClass("visible") : this.$btnPrev.removeClass("visible"); | ||
| + | this.$container.find(".jgallery-container-inner").height() > this.$container.height() + this.$container.scrollTop() ? this.$btnNext.addClass("visible") : this.$btnNext.removeClass("visible") | ||
| + | }, | ||
| + | _scrollToPrev: function() { | ||
| + | var B = this; | ||
| + | if (this.isVertical() || this.isFullScreen()) { | ||
| + | this.$container.stop(false, true).animate({ | ||
| + | scrollTop: "-=" + q.height() * 0.7 | ||
| + | }, function() { | ||
| + | B.refreshNavigation() | ||
| + | }) | ||
| + | } else { | ||
| + | if (this.isHorizontal()) { | ||
| + | this.$container.stop(false, true).animate({ | ||
| + | scrollLeft: "-=" + q.width() * 0.7 | ||
| + | }, function() { | ||
| + | B.refreshNavigation() | ||
| + | }) | ||
| + | } | ||
| + | } | ||
| + | }, | ||
| + | _scrollToNext: function() { | ||
| + | var B = this; | ||
| + | if (this.isVertical() || this.isFullScreen()) { | ||
| + | this.$container.stop(false, true).animate({ | ||
| + | scrollTop: "+=" + q.height() * 0.7 | ||
| + | }, function() { | ||
| + | B.refreshNavigation() | ||
| + | }) | ||
| + | } else { | ||
| + | if (this.isHorizontal()) { | ||
| + | this.$container.stop(false, true).animate({ | ||
| + | scrollLeft: "+=" + q.width() * 0.7 | ||
| + | }, function() { | ||
| + | B.refreshNavigation() | ||
| + | }) | ||
| + | } | ||
| + | } | ||
| + | } | ||
| + | }; | ||
| + | var h = function(B) { | ||
| + | this.$container = B.$element.children(".zoom-container"); | ||
| + | this.$element = this.$container.children(".zoom"); | ||
| + | this.$title = this.$container.find(".nav-bottom > .title"); | ||
| + | this.$btnPrev = this.$container.children(".prev"); | ||
| + | this.$btnNext = this.$container.children(".next"); | ||
| + | this.$left = this.$container.find(".left"); | ||
| + | this.$right = this.$container.find(".right"); | ||
| + | this.thumbnails = B.thumbnails; | ||
| + | this.$jGallery = B.$element; | ||
| + | this.jGallery = B; | ||
| + | this.$resize = this.$container.find(".resize"); | ||
| + | this.$dragNav = this.$container.find(".drag-nav"); | ||
| + | this.$dragNavCrop = g(); | ||
| + | this.$dragNavCropImg = g(); | ||
| + | this.$changeMode = this.$container.find(".fa.change-mode"); | ||
| + | this.$random = this.$container.find(".random"); | ||
| + | this.$slideshow = this.$container.find(".slideshow"); | ||
| + | this.intJGalleryId = this.$jGallery.attr("data-jgallery-id"); | ||
| + | this.booSlideshowPlayed = false; | ||
| + | this.booLoadingInProgress = false; | ||
| + | this.booLoadedAll = false; | ||
| + | this.$title.on("click", function() { | ||
| + | g(this).toggleClass("expanded") | ||
| + | }); | ||
| + | this.update() | ||
| + | }; | ||
| + | h.prototype = { | ||
| + | update: function() { | ||
| + | var B = w[b[this.jGallery.intId].transition]; | ||
| + | this.$container.attr("data-size", b[this.jGallery.intId].zoomSize); | ||
| + | this.$element.find(".pt-page").removeClass(b[this.jGallery.intId].hideEffect).removeClass(b[this.jGallery.intId].showEffect); | ||
| + | if (typeof B !== "undefined") { | ||
| + | b[this.jGallery.intId].hideEffect = B[0]; | ||
| + | b[this.jGallery.intId].showEffect = B[1] | ||
| + | } | ||
| + | this.initAdvancedAnimation() | ||
| + | }, | ||
| + | initAdvancedAnimation: function() { | ||
| + | if (typeof this.advancedAnimation === "undefined") { | ||
| + | this.advancedAnimation = new d(this.$element) | ||
| + | } | ||
| + | this.advancedAnimation.setDuration(b[this.jGallery.intId].transitionDuration); | ||
| + | this.advancedAnimation.setDirection(b[this.jGallery.intId].transitionWaveDirection); | ||
| + | this.advancedAnimation.setQuantityParts(b[this.jGallery.intId].transitionCols, b[this.jGallery.intId].transitionRows); | ||
| + | this.advancedAnimation.setHideEffect(b[this.jGallery.intId].hideEffect); | ||
| + | this.advancedAnimation.setShowEffect(b[this.jGallery.intId].showEffect) | ||
| + | }, | ||
| + | setThumbnails: function(B) { | ||
| + | this.thumbnails = B | ||
| + | }, | ||
| + | enableDrag: function() { | ||
| + | if (!b[this.jGallery.intId].draggableZoom) { | ||
| + | return | ||
| + | } | ||
| + | var E = this; | ||
| + | var G; | ||
| + | var B; | ||
| + | var D = function(K) { | ||
| + | var I = K.pageX; | ||
| + | var H = K.pageY; | ||
| + | var J = E.$element.find("img.active"); | ||
| + | G = J.css("margin-left"); | ||
| + | B = J.css("margin-top"); | ||
| + | E.$element.on({ | ||
| + | mousemove: function(L) { | ||
| + | F(L.pageX - I, L.pageY - H) | ||
| + | }, | ||
| + | mouseleave: function() { | ||
| + | C() | ||
| + | } | ||
| + | }); | ||
| + | if (b[E.jGallery.intId].zoomSize === "fill") { | ||
| + | E.$dragNav.removeClass("hide").addClass("show") | ||
| + | } | ||
| + | F(0, 0) | ||
| + | }; | ||
| + | var C = function() { | ||
| + | E.$element.off("mousemove"); | ||
| + | if (b[E.jGallery.intId].zoomSize === "fill") { | ||
| + | E.$dragNav.removeClass("show").addClass("hide") | ||
| + | } | ||
| + | }; | ||
| + | var F = function(I, O) { | ||
| + | var N = parseFloat(parseFloat(G) + I); | ||
| + | var M = parseFloat(parseFloat(B) + O); | ||
| + | var K = E.$element.find("img.active"); | ||
| + | var L = K.eq(0); | ||
| + | var J = K.eq(-1); | ||
| + | var H = J.parent(); | ||
| + | if (failand(L.position().left + N < 0, J.position().left + J.width() + N > H.outerWidth())) { | ||
| + | K.css({ | ||
| + | "margin-left": N | ||
| + | }); | ||
| + | E.$dragNavCrop.css({ | ||
| + | left: -(L.position().left + N) / K.width() * 100 + "%" | ||
| + | }) | ||
| + | } | ||
| + | if (failand(L.position().top + M < 0, J.position().top + J.height() + M > H.outerHeight())) { | ||
| + | K.css({ | ||
| + | "margin-top": M | ||
| + | }); | ||
| + | E.$dragNavCrop.css({ | ||
| + | top: -(L.position().top + M) / K.height() * 100 + "%" | ||
| + | }) | ||
| + | } | ||
| + | E.$dragNavCropImg.css({ | ||
| + | "margin-left": -E.$dragNavCrop.position().left, | ||
| + | "margin-top": -E.$dragNavCrop.position().top | ||
| + | }) | ||
| + | }; | ||
| + | if (b[E.jGallery.intId].zoomSize === "original") { | ||
| + | E.$dragNav.removeClass("hide").addClass("show") | ||
| + | } | ||
| + | this.refreshDragNavCropSize(); | ||
| + | this.$element.css("cursor", "move").on({ | ||
| + | mousedown: function(H) { | ||
| + | H.preventDefault(); | ||
| + | D(H); | ||
| + | E.slideshowPause() | ||
| + | }, | ||
| + | mouseup: function() { | ||
| + | C() | ||
| + | } | ||
| + | }); | ||
| + | this.$left.add(this.$right).hide() | ||
| + | }, | ||
| + | disableDrag: function() { | ||
| + | if (!b[this.jGallery.intId].draggableZoom) { | ||
| + | return | ||
| + | } | ||
| + | this.$dragNav.removeClass("show").addClass("hide"); | ||
| + | this.$element.css("cursor", "default"); | ||
| + | this.$element.off(); | ||
| + | this.$left.add(this.$right).show() | ||
| + | }, | ||
| + | refreshContainerSize: function() { | ||
| + | var C = this.jGallery.isSlider() ? 0 : this.$container.find(".nav-bottom").outerHeight(); | ||
| + | var B = failand(!this.jGallery.isSlider(), !this.thumbnails.getElement().is(".hidden")); | ||
| + | var D = B ? b[this.intJGalleryId].thumbnailsPosition : ""; | ||
| + | this.$container.css({ | ||
| + | width: failand(B, this.thumbnails.isVertical()) ? this.$jGallery.width() - this.thumbnails.getElement().outerWidth(true) : "auto", | ||
| + | height: failand(B, this.thumbnails.isHorizontal()) ? this.$jGallery.height() - this.thumbnails.getElement().outerHeight(true) - C : this.$jGallery.height() - C, | ||
| + | "margin-top": D === "top" ? this.thumbnails.getElement().outerHeight(true) : 0, | ||
| + | "margin-left": D === "left" ? this.thumbnails.getElement().outerWidth(true) : 0, | ||
| + | "margin-right": D === "right" ? this.thumbnails.getElement().outerWidth(true) : 0 | ||
| + | }); | ||
| + | if (b[this.jGallery.intId].draggableZoom) { | ||
| + | this.refreshDragNavCropSize() | ||
| + | } | ||
| + | }, | ||
| + | refreshSize: function() { | ||
| + | if (this.thumbnails.isFullScreen()) { | ||
| + | return | ||
| + | } | ||
| + | this.refreshContainerSize(); | ||
| + | if (b[this.intJGalleryId].zoomSize === "original") { | ||
| + | this.original() | ||
| + | } else { | ||
| + | if (b[this.intJGalleryId].zoomSize === "fill") { | ||
| + | this.fill() | ||
| + | } else { | ||
| + | this.fit() | ||
| + | } | ||
| + | } | ||
| + | this.$element.addClass("visible") | ||
| + | }, | ||
| + | refreshDragNavCropSize: function() { | ||
| + | var C = this.$element.find("img.active"); | ||
| + | var B; | ||
| + | var D; | ||
| + | this.$dragNavCrop.css({ | ||
| + | width: this.$element.width() / C.width() * 100 + "%", | ||
| + | height: this.$element.height() / C.height() * 100 + "%" | ||
| + | }); | ||
| + | B = (this.$dragNav.width() - this.$dragNavCrop.width()) / 2; | ||
| + | D = (this.$dragNav.height() - this.$dragNavCrop.height()) / 2; | ||
| + | this.$dragNavCrop.css({ | ||
| + | left: B, | ||
| + | top: D | ||
| + | }); | ||
| + | if (this.$dragNavCropImg.length) { | ||
| + | this.$dragNavCropImg.css({ | ||
| + | "margin-left": -B, | ||
| + | "margin-top": -D | ||
| + | }) | ||
| + | } | ||
| + | }, | ||
| + | changeSize: function() { | ||
| + | if (b[this.jGallery.intId].zoomSize === "fit") { | ||
| + | b[this.jGallery.intId].zoomSize = "fill"; | ||
| + | this.fill() | ||
| + | } else { | ||
| + | if (b[this.jGallery.intId].zoomSize === "fill") { | ||
| + | var B = this.$element.find("img.active").eq(0); | ||
| + | if (this.$element.outerWidth().toString() === B.attr("data-width")) { | ||
| + | b[this.jGallery.intId].zoomSize = "fit"; | ||
| + | this.fit() | ||
| + | } else { | ||
| + | b[this.jGallery.intId].zoomSize = "original"; | ||
| + | this.original() | ||
| + | } | ||
| + | } else { | ||
| + | if (b[this.jGallery.intId].zoomSize === "original") { | ||
| + | b[this.jGallery.intId].zoomSize = "fit"; | ||
| + | this.fit() | ||
| + | } | ||
| + | } | ||
| + | } | ||
| + | this.$container.attr("data-size", b[this.jGallery.intId].zoomSize) | ||
| + | }, | ||
| + | original: function() { | ||
| + | var B = this.$element.find("img.active"); | ||
| + | this.advancedAnimation.setPositionParts(); | ||
| + | this.setImgSizeForOriginal(B); | ||
| + | this.setImgSizeForOriginal(this.$element.find(".pt-page.init img")); | ||
| + | if (failand(B.attr("data-width") <= this.$element.outerWidth(), B.attr("data-height") <= this.$element.outerHeight())) { | ||
| + | this.$resize.addClass("fa-search-plus").removeClass("fa-search-minus"); | ||
| + | this.disableDrag() | ||
| + | } else { | ||
| + | this.$resize.addClass("fa-search-minus").removeClass("fa-search-plus"); | ||
| + | this.enableDrag() | ||
| + | } | ||
| + | }, | ||
| + | fit: function() { | ||
| + | var B = this.$element.find("img.active").add(this.$element.find(".pt-page.init img")); | ||
| + | this.advancedAnimation.setPositionParts(); | ||
| + | this.setImgSizeForFit(B.filter(".active")); | ||
| + | this.setImgSizeForFit(B.filter(":not( .active )")); | ||
| + | this.$resize.addClass("fa-search-plus").removeClass("fa-search-minus"); | ||
| + | this.disableDrag() | ||
| + | }, | ||
| + | fill: function() { | ||
| + | var B = this.$element.find("img.active"); | ||
| + | this.setImgSizeForFill(B); | ||
| + | this.setImgSizeForFill(this.$element.find(".pt-page.init img")); | ||
| + | this.advancedAnimation.setPositionParts(); | ||
| + | if (failand(B.attr("data-width") > B.width(), B.attr("data-height") > B.height())) { | ||
| + | this.$resize.addClass("fa-search-plus").removeClass("fa-search-minus") | ||
| + | } else { | ||
| + | this.$resize.addClass("fa-search-minus").removeClass("fa-search-plus") | ||
| + | } | ||
| + | this.enableDrag() | ||
| + | }, | ||
| + | setImgSizeForOriginal: function(B) { | ||
| + | B.css({ | ||
| + | width: B.attr("data-width"), | ||
| + | height: B.attr("data-height"), | ||
| + | "min-width": 0, | ||
| + | "min-height": 0, | ||
| + | "max-width": "none", | ||
| + | "max-height": "none" | ||
| + | }); | ||
| + | B.css({ | ||
| + | "margin-top": -B.height() / 2, | ||
| + | "margin-left": -B.width() / 2 | ||
| + | }) | ||
| + | }, | ||
| + | setImgSizeForFit: function(C) { | ||
| + | var D = this.jGallery.isSlider() ? 0 : this.$container.find(".nav-bottom").outerHeight(); | ||
| + | var B = failand(!this.jGallery.isSlider(), !this.thumbnails.getElement().is(".hidden")); | ||
| + | C.css({ | ||
| + | width: "auto", | ||
| + | height: "auto", | ||
| + | "min-width": 0, | ||
| + | "min-height": 0, | ||
| + | "max-width": failand(B, this.thumbnails.isVertical()) ? this.$jGallery.width() - this.thumbnails.getElement().outerWidth(true) : this.$jGallery.width(), | ||
| + | "max-height": failand(B, this.thumbnails.isHorizontal()) ? this.$jGallery.height() - this.thumbnails.getElement().outerHeight(true) - D : this.$jGallery.height() - D | ||
| + | }); | ||
| + | if (C.width() / C.height() / this.jGallery.getCanvasRatioWidthToHeight() < 1) { | ||
| + | C.css({ | ||
| + | width: "auto", | ||
| + | height: failand(B, this.thumbnails.isHorizontal()) ? this.$jGallery.height() - this.thumbnails.getElement().outerHeight(true) - D : this.$jGallery.height() - D | ||
| + | }) | ||
| + | } else { | ||
| + | C.css({ | ||
| + | width: failand(B, this.thumbnails.isVertical()) ? this.$jGallery.width() - this.thumbnails.getElement().outerWidth(true) : this.$jGallery.width(), | ||
| + | height: "auto" | ||
| + | }) | ||
| + | } | ||
| + | C.css({ | ||
| + | "margin-top": -C.height() / 2, | ||
| + | "margin-left": -C.width() / 2 | ||
| + | }) | ||
| + | }, | ||
| + | setImgSizeForFill: function(C) { | ||
| + | var D = this.jGallery.isSlider() ? 0 : this.$container.find(".nav-bottom").outerHeight(); | ||
| + | var B = failand(!this.jGallery.isSlider(), !this.thumbnails.getElement().is(".hidden")); | ||
| + | C.css({ | ||
| + | width: "auto", | ||
| + | height: "auto", | ||
| + | "max-width": "none", | ||
| + | "max-height": "none", | ||
| + | "min-width": 0, | ||
| + | "min-height": 0 | ||
| + | }); | ||
| + | if (C.width() / C.height() / this.jGallery.getCanvasRatioWidthToHeight() > 1) { | ||
| + | C.css({ | ||
| + | width: "auto", | ||
| + | height: failand(B, this.thumbnails.isHorizontal()) ? this.$jGallery.height() - this.thumbnails.getElement().outerHeight(true) - D : this.$jGallery.height() - D | ||
| + | }) | ||
| + | } else { | ||
| + | C.css({ | ||
| + | width: failand(B, this.thumbnails.isVertical()) ? this.$jGallery.width() - this.thumbnails.getElement().outerWidth(true) : this.$jGallery.width(), | ||
| + | height: "auto" | ||
| + | }) | ||
| + | } | ||
| + | C.css({ | ||
| + | "min-width": failand(B, this.thumbnails.isVertical()) ? this.$jGallery.width() - this.thumbnails.getElement().outerWidth(true) : this.$jGallery.width(), | ||
| + | "min-height": failand(B, this.thumbnails.isHorizontal()) ? this.$jGallery.height() - this.thumbnails.getElement().outerHeight(true) - D : this.$jGallery.height() - D | ||
| + | }); | ||
| + | C.css({ | ||
| + | "margin-top": -C.height() / 2, | ||
| + | "margin-left": -C.width() / 2 | ||
| + | }) | ||
| + | }, | ||
| + | isLoaded: function(B) { | ||
| + | return this.$element.find("img").filter('[src="' + B.attr("href") + '"]').length > 0 | ||
| + | }, | ||
| + | refreshNav: function() { | ||
| + | var B = this.thumbnails.getElement().find("div.active a.active"); | ||
| + | B.prev("a").length === 1 ? this.$btnPrev.add(this.$container.children(".left")).removeClass("hidden") : this.$btnPrev.add(this.$container.children(".left")).addClass("hidden"); | ||
| + | B.next("a").length === 1 ? this.$btnNext.add(this.$container.children(".right")).removeClass("hidden") : this.$btnNext.add(this.$container.children(".right")).addClass("hidden") | ||
| + | }, | ||
| + | slideshowStop: function() { | ||
| + | this.slideshowPause(); | ||
| + | this.jGallery.progress.clear() | ||
| + | }, | ||
| + | slideshowPause: function() { | ||
| + | this.jGallery.progress.pause(); | ||
| + | this.$slideshow.removeClass("fa-pause").addClass("fa-play"); | ||
| + | this.booSlideshowPlayed = false; | ||
| + | if (b[this.jGallery.intId].slideshowCanRandom) { | ||
| + | this.$random.hide() | ||
| + | } | ||
| + | }, | ||
| + | slideshowPlay: function() { | ||
| + | if (this.booLoadingInProgress || this.booSlideshowPlayed) { | ||
| + | return | ||
| + | } | ||
| + | this.booSlideshowPlayed = true; | ||
| + | this.$slideshow.removeClass("fa-play").addClass("fa-pause"); | ||
| + | this.slideshowSetTimeout(); | ||
| + | if (b[this.jGallery.intId].slideshowCanRandom) { | ||
| + | this.$random.show() | ||
| + | } | ||
| + | }, | ||
| + | slideshowPlayPause: function() { | ||
| + | this.$slideshow.is(".fa-play") ? this.slideshowPlay() : this.slideshowPause() | ||
| + | }, | ||
| + | slideshowSetTimeout: function() { | ||
| + | var B = this; | ||
| + | this.jGallery.progress.start(this.$container.width(), function() { | ||
| + | B.jGallery.progress.clear(); | ||
| + | b[B.jGallery.intId].slideshowRandom ? B.showRandomPhoto() : B.showNextPhotoLoop() | ||
| + | }) | ||
| + | }, | ||
| + | slideshowRandomToggle: function() { | ||
| + | if (b[this.jGallery.intId].slideshowRandom) { | ||
| + | this.$random.removeClass("active"); | ||
| + | b[this.jGallery.intId].slideshowRandom = false | ||
| + | } else { | ||
| + | this.$random.addClass("active"); | ||
| + | b[this.jGallery.intId].slideshowRandom = true | ||
| + | } | ||
| + | }, | ||
| + | showNextPhotoLoop: function() { | ||
| + | var B = this.thumbnails.$a.filter(".active").next("a"); | ||
| + | if (B.length === 0) { | ||
| + | B = this.thumbnails.$albums.filter(".active").find("a").eq(0) | ||
| + | } | ||
| + | this.showPhoto(B) | ||
| + | }, | ||
| + | showRandomPhoto: function() { | ||
| + | var B = this.thumbnails.$albums.filter(".active").find("a:not(.active)"); | ||
| + | this.showPhoto(B.eq(Math.floor(Math.random() * B.length))) | ||
| + | }, | ||
| + | showPrevPhoto: function() { | ||
| + | var B = this.thumbnails.$a.filter(".active").prev("a"); | ||
| + | if (B.length === 1) { | ||
| + | this.showPhoto(B) | ||
| + | } | ||
| + | }, | ||
| + | showNextPhoto: function() { | ||
| + | var B = this.thumbnails.$a.filter(".active").next("a"); | ||
| + | if (B.length === 1) { | ||
| + | this.showPhoto(B) | ||
| + | } | ||
| + | }, | ||
| + | showPhotoInit: function() { | ||
| + | this.jGallery.init() | ||
| + | }, | ||
| + | showPhoto: function(F, D) { | ||
| + | var C = this; | ||
| + | var G = F.children("img"); | ||
| + | var B; | ||
| + | var I; | ||
| + | var H; | ||
| + | var E; | ||
| + | if (!this.jGallery.initialized()) { | ||
| + | this.showPhotoInit() | ||
| + | } | ||
| + | if (this.booLoadingInProgress) { | ||
| + | return | ||
| + | } | ||
| + | this.booLoadingInProgress = true; | ||
| + | E = b[this.jGallery.intId][F.nextAll(".active").length > 0 ? "transitionBackward" : "transition"]; | ||
| + | if (E === "random") { | ||
| + | this.setRandomTransition() | ||
| + | } else { | ||
| + | H = w[E]; | ||
| + | this.advancedAnimation.setHideEffect(H[0]); | ||
| + | this.advancedAnimation.setShowEffect(H[1]) | ||
| + | } | ||
| + | this.$element.find(".pt-page.init").remove(); | ||
| + | b[this.jGallery.intId].showPhoto(); | ||
| + | if (this.jGallery.$element.is(":not(:visible)")) { | ||
| + | this.jGallery.show() | ||
| + | } | ||
| + | this.thumbnails.changeViewToBar(); | ||
| + | if (this.jGallery.booIsAlbums) { | ||
| + | if (this.jGallery.iconChangeAlbum.getTitle() === "") { | ||
| + | I = F.parents(".album").eq(0).attr("data-jgallery-album-title"); | ||
| + | this.jGallery.iconChangeAlbum.setTitle(I); | ||
| + | this.jGallery.iconChangeAlbum.$element.find('[data-jgallery-album-title="' + I + '"]').addClass("active"); | ||
| + | F.parents(".album").addClass("active").siblings(".album").removeClass("active") | ||
| + | } | ||
| + | } | ||
| + | this.thumbnails.setActiveAlbum(this.thumbnails.$albums.filter('[data-jgallery-album-title="' + F.parents("[data-jgallery-album-title]").attr("data-jgallery-album-title") + '"]')); | ||
| + | this.thumbnails.setActiveThumb(F); | ||
| + | if (this.$element.find("img.active").attr("src") === F.attr("href")) { | ||
| + | this.booLoadingInProgress = false; | ||
| + | return | ||
| + | } | ||
| + | this.refreshNav(); | ||
| + | if (b[this.jGallery.intId].title) { | ||
| + | this.$title.addClass("after fade") | ||
| + | } | ||
| + | B = C.isLoaded(F); | ||
| + | if (!B) { | ||
| + | if (failand(b[C.jGallery.intId].preloadAll, !C.booLoadedAll)) { | ||
| + | this.appendAllPhotos() | ||
| + | } else { | ||
| + | this.appendPhoto(F) | ||
| + | } | ||
| + | } | ||
| + | this.$element.find("img.active").addClass("prev-img"); | ||
| + | C.$container.find("img.active").removeClass("active"); | ||
| + | C.$container.find('[src="' + F.attr("href") + '"]').addClass("active"); | ||
| + | if (failand(b[C.jGallery.intId].title, G.is("[alt]"))) { | ||
| + | C.$title.removeClass("after").addClass("before") | ||
| + | } | ||
| + | if (!B || (failand(b[C.jGallery.intId].preloadAll, !C.booLoadedAll))) { | ||
| + | C.booLoadedAll = true; | ||
| + | C.$container.overlay({ | ||
| + | show: true, | ||
| + | showLoader: true | ||
| + | }); | ||
| + | b[C.jGallery.intId].beforeLoadPhoto(); | ||
| + | C.loadPhoto(C.$element, F, D) | ||
| + | } else { | ||
| + | C.showPhotoSuccess(G, D) | ||
| + | } | ||
| + | }, | ||
| + | appendPhoto: function(B) { | ||
| + | this.$element.find(".pt-part").append(' <div class="jgallery-container pt-page"> <div class="pt-item"><img src="' + B.attr("href") + '" /></div> </div>') | ||
| + | }, | ||
| + | appendAllPhotos: function() { | ||
| + | var B = this; | ||
| + | if (!b[this.jGallery.intId].preloadAll) { | ||
| + | return | ||
| + | } | ||
| + | this.thumbnails.$a.each(function() { | ||
| + | var C = g(this); | ||
| + | if (!B.isLoaded(C)) { | ||
| + | B.$element.find(".pt-part").append('<div class="jgallery-container pt-page"><div class="pt-item"><img src="' + C.attr("href") + '" /></div></div>') | ||
| + | } | ||
| + | }); | ||
| + | this.appendInitPhoto(this.thumbnails.$a.eq(-1)) | ||
| + | }, | ||
| + | appendInitPhoto: function(B) { | ||
| + | if (B.length !== 1) { | ||
| + | return | ||
| + | } | ||
| + | this.$element.find(".pt-part").append(' <div class="jgallery-container pt-page pt-page-current pt-page-ontop init" style="visibility: hidden;"> <div class="pt-item"><img src="' + B.attr("href") + '" class="active loaded" /></div> </div>') | ||
| + | }, | ||
| + | loadPhoto: function(C, H, D) { | ||
| + | var B = this; | ||
| + | var I = H.children("img"); | ||
| + | var F = 0; | ||
| + | var G = C.find(".pt-part").eq(0); | ||
| + | var E = b[this.jGallery.intId].preloadAll ? G : G.find("img.active"); | ||
| + | E.jLoader({ | ||
| + | interval: 500, | ||
| + | skip: ".loaded", | ||
| + | start: function() { | ||
| + | if (b[B.jGallery.intId].preloadAll) { | ||
| + | B.$container.find(".overlay .imageLoaderPositionAbsolute:not(:has(.progress-value))").addClass("preloadAll").append('<span class="progress-value"></span>'); | ||
| + | B.$container.find(".progress-value").html("0") | ||
| + | } else { | ||
| + | B.$container.find(".overlay .imageLoaderPositionAbsolute:not(:has(.fa-spin))").append('<span class="fa fa-spin fa-spinner"></span>') | ||
| + | } | ||
| + | }, | ||
| + | success: function() { | ||
| + | C.find("img").addClass("loaded"); | ||
| + | B.$container.overlay({ | ||
| + | hide: true, | ||
| + | hideLoader: true | ||
| + | }); | ||
| + | B.showPhotoSuccess(I, D) | ||
| + | }, | ||
| + | progress: function(J) { | ||
| + | if (!b[B.jGallery.intId].preloadAll) { | ||
| + | return | ||
| + | } | ||
| + | F = J.percent; | ||
| + | B.$container.find(".overlay .imageLoaderPositionAbsolute").find(".progress-value").html(F) | ||
| + | } | ||
| + | }) | ||
| + | }, | ||
| + | showPhotoSuccess: function(E, C) { | ||
| + | var D; | ||
| + | var B = this.$element.find("img.active"); | ||
| + | C = g.extend({}, { | ||
| + | historyPushState: true | ||
| + | }, C); | ||
| + | if (B.is(":not([data-width])")) { | ||
| + | D = new Image(); | ||
| + | D.src = B.attr("src"); | ||
| + | B.attr("data-width", D.width); | ||
| + | B.attr("data-height", D.height) | ||
| + | } | ||
| + | if (failand(b[this.jGallery.intId].title, E.attr("alt"))) { | ||
| + | this.$title.html(E.attr("alt")).removeClass("before").removeClass("after"); | ||
| + | this.jGallery.$element.addClass("has-title") | ||
| + | } else { | ||
| + | this.jGallery.$element.removeClass("has-title") | ||
| + | } | ||
| + | this.jGallery.setColours({ | ||
| + | strBg: E.is("[data-jgallery-bg-color]") ? E.attr("data-jgallery-bg-color") : b[this.jGallery.intId].backgroundColor, | ||
| + | strText: E.is("[data-jgallery-bg-color]") ? E.attr("data-jgallery-text-color") : b[this.jGallery.intId].textColor | ||
| + | }); | ||
| + | this.$element.find(".pt-page.init").css({ | ||
| + | visibility: "visible" | ||
| + | }); | ||
| + | this.$element.find("img.prev-img").removeClass("prev-img"); | ||
| + | this.advancedAnimation.show(B.eq(0).parent().parent(), { | ||
| + | animation: this.$element.find(".pt-part").eq(0).find(".pt-page-current:not(.pt-page-prev)").length === 1 | ||
| + | }); | ||
| + | this.refreshSize(); | ||
| + | this.thumbnails.refreshNavigation(); | ||
| + | if (this.booSlideshowPlayed) { | ||
| + | this.slideshowSetTimeout() | ||
| + | } | ||
| + | b[this.jGallery.intId].afterLoadPhoto(); | ||
| + | this.booLoadingInProgress = false; | ||
| + | if (failand(b[this.jGallery.intId].autostart, b[this.jGallery.intId].slideshowAutostart, b[this.jGallery.intId].slideshow)) { | ||
| + | b[this.jGallery.intId].slideshowAutostart = false; | ||
| + | this.slideshowPlay() | ||
| + | } | ||
| + | if (b[this.jGallery.intId].draggableZoom) { | ||
| + | this.$dragNav.html('<img src="' + B.attr("src") + '" class="bg"> <div class="crop"><img src="' + B.attr("src") + '"></div>'); | ||
| + | this.$dragNavCrop = this.$dragNav.find(".crop"); | ||
| + | this.$dragNavCropImg = this.$dragNavCrop.find("img"); | ||
| + | this.refreshDragNavCropSize() | ||
| + | } | ||
| + | if (failand(C.historyPushState, b[this.jGallery.intId].browserHistory)) { | ||
| + | u({ | ||
| + | path: B.attr("src") | ||
| + | }) | ||
| + | } | ||
| + | }, | ||
| + | showPhotoByPath: function(C) { | ||
| + | var B = this.thumbnails.$albums.filter(".active").find('a[href="' + C + '"]'); | ||
| + | if (B.length === 0) { | ||
| + | B = this.thumbnails.$a.filter('a[href="' + C + '"]').eq(0) | ||
| + | } | ||
| + | if (B.length === 0) { | ||
| + | return | ||
| + | } | ||
| + | this.showPhoto(B, { | ||
| + | historyPushState: false | ||
| + | }) | ||
| + | }, | ||
| + | setTransition: function(B) { | ||
| + | b[this.jGallery.intId].hideEffect = w[B][0]; | ||
| + | b[this.jGallery.intId].showEffect = w[B][1]; | ||
| + | this.advancedAnimation.setHideEffect(b[this.jGallery.intId].hideEffect); | ||
| + | this.advancedAnimation.setShowEffect(b[this.jGallery.intId].showEffect) | ||
| + | }, | ||
| + | setRandomTransition: function() { | ||
| + | var B; | ||
| + | this.$element.find(".pt-page").removeClass(b[this.jGallery.intId].hideEffect).removeClass(b[this.jGallery.intId].showEffect); | ||
| + | B = Math.floor((Math.random() * x.length)); | ||
| + | b[this.jGallery.intId].hideEffect = x[B][0]; | ||
| + | b[this.jGallery.intId].showEffect = x[B][1]; | ||
| + | this.advancedAnimation.setHideEffect(b[this.jGallery.intId].hideEffect); | ||
| + | this.advancedAnimation.setShowEffect(b[this.jGallery.intId].showEffect) | ||
| + | }, | ||
| + | unmarkActive: function() { | ||
| + | this.$element.find("img.active").removeClass("active") | ||
| + | }, | ||
| + | changeMode: function() { | ||
| + | var B = b[this.jGallery.intId].mode; | ||
| + | if (B === "slider") { | ||
| + | return | ||
| + | } | ||
| + | if (B === "standard") { | ||
| + | this.goToFullScreenMode() | ||
| + | } else { | ||
| + | if (B === "full-screen") { | ||
| + | this.goToStandardMode() | ||
| + | } | ||
| + | } | ||
| + | if (this.jGallery.iconChangeAlbum instanceof o) { | ||
| + | this.jGallery.iconChangeAlbum.refreshMenuHeight() | ||
| + | } | ||
| + | }, | ||
| + | goToFullScreenMode: function() { | ||
| + | s.css({ | ||
| + | overflow: "hidden" | ||
| + | }); | ||
| + | this.jGallery.$this.show(); | ||
| + | this.jGallery.$element.removeClass("jgallery-standard").addClass("jgallery-full-screen").css({ | ||
| + | width: "auto", | ||
| + | height: "auto" | ||
| + | }); | ||
| + | this.$changeMode.removeClass("fa-expand").addClass("fa-compress"); | ||
| + | b[this.jGallery.intId].mode = "full-screen"; | ||
| + | this.jGallery.refreshDimensions() | ||
| + | }, | ||
| + | goToStandardMode: function() { | ||
| + | s.css({ | ||
| + | overflow: "visible" | ||
| + | }); | ||
| + | this.jGallery.$this.hide(); | ||
| + | this.jGallery.$element.removeClass("jgallery-full-screen").addClass("jgallery-standard").css({ | ||
| + | width: b[this.jGallery.intId].width, | ||
| + | height: b[this.jGallery.intId].height | ||
| + | }); | ||
| + | this.$changeMode.removeClass("fa-compress").addClass("fa-expand"); | ||
| + | b[this.jGallery.intId].mode = "standard"; | ||
| + | this.jGallery.refreshDimensions() | ||
| + | } | ||
| + | }; | ||
| + | var p = function(C) { | ||
| + | var B = this; | ||
| + | this.booIsAlbums = C.find(".album:has(a:has(img))").length > 1; | ||
| + | this.intId = c; | ||
| + | this.$this = C; | ||
| + | if (failand(b[this.intId].disabledOnIE8AndOlder, v())) { | ||
| + | return | ||
| + | } | ||
| + | this.init(); | ||
| + | if (b[this.intId].browserHistory) { | ||
| + | this.browserHistory() | ||
| + | } | ||
| + | if (b[this.intId].autostart) { | ||
| + | this.autostart() | ||
| + | } | ||
| + | g("html").on({ | ||
| + | keydown: function(D) { | ||
| + | if (B.$element.is(":visible")) { | ||
| + | if (D.which === 27) { | ||
| + | D.preventDefault(); | ||
| + | if (B.thumbnails.getElement().is(".full-screen")) { | ||
| + | B.thumbnails.changeViewToBar(); | ||
| + | B.zoom.refreshSize(); | ||
| + | return | ||
| + | } | ||
| + | B.hide() | ||
| + | } | ||
| + | if (D.which === 37) { | ||
| + | D.preventDefault(); | ||
| + | B.zoom.showPrevPhoto() | ||
| + | } | ||
| + | if (D.which === 39) { | ||
| + | D.preventDefault(); | ||
| + | B.zoom.showNextPhoto() | ||
| + | } | ||
| + | } | ||
| + | } | ||
| + | }) | ||
| + | }; | ||
| + | p.prototype = { | ||
| + | initialized: function() { | ||
| + | return this.$this.is("[data-jgallery-id]") | ||
| + | }, | ||
| + | update: function(B) { | ||
| + | b[this.intId] = this.initialized() ? g.extend(b[this.intId], B) : g.extend({}, m, B); | ||
| + | if (failand(b[this.intId].disabledOnIE8AndOlder, z())) { | ||
| + | return | ||
| + | } | ||
| + | this.booIsAlbums = this.$this.find(".album:has(a:has(img))").length > 1; | ||
| + | if (b[this.intId].reloadThumbnails) { | ||
| + | this.reloadThumbnails() | ||
| + | } | ||
| + | this.zoom.update(); | ||
| + | this.thumbnails.init(); | ||
| + | this.setUserOptions() | ||
| + | }, | ||
| + | reloadThumbnails: function() { | ||
| + | new e(this, { | ||
| + | thumbsHidden: false | ||
| + | }); | ||
| + | this.thumbnails.reload(); | ||
| + | this.generateAlbumsDropdown() | ||
| + | }, | ||
| + | setVariables: function() { | ||
| + | this.$element = g(".jgallery").filter('[data-jgallery-id="' + this.intId + '"]'); | ||
| + | this.progress = new i(this.$element.find(".zoom-container").children(".progress"), this.intId); | ||
| + | this.zoom = new h(this); | ||
| + | this.thumbnails = new l(this); | ||
| + | this.zoom.setThumbnails(this.thumbnails) | ||
| + | }, | ||
| + | show: function() { | ||
| + | this.$this.hide(); | ||
| + | q.on("resize", { | ||
| + | jGallery: this | ||
| + | }, this.windowOnResize); | ||
| + | if (b[this.intId].mode === "full-screen") { | ||
| + | s.css({ | ||
| + | overflow: "hidden" | ||
| + | }) | ||
| + | } | ||
| + | this.$element.not(":visible").removeClass("hidden").stop(false, true).fadeIn(500); | ||
| + | this.zoom.refreshContainerSize(); | ||
| + | this.zoom.$title.removeClass("hidden"); | ||
| + | b[this.intId].showGallery(); | ||
| + | if (this.iconChangeAlbum instanceof o) { | ||
| + | this.iconChangeAlbum.refreshMenuHeight() | ||
| + | } | ||
| + | }, | ||
| + | hide: function(C) { | ||
| + | var B = this; | ||
| + | if (!b[this.intId].canClose) { | ||
| + | return | ||
| + | } | ||
| + | C = g.extend({}, { | ||
| + | historyPushState: true | ||
| + | }, C); | ||
| + | this.$element.filter(":visible").stop(false, true).addClass("hidden").fadeOut(500, function() { | ||
| + | if (b[B.intId].mode === "full-screen") { | ||
| + | s.css({ | ||
| + | overflow: "visible" | ||
| + | }) | ||
| + | } | ||
| + | }); | ||
| + | this.zoom.booLoadingInProgress = false; | ||
| + | clearTimeout(this.zoom.showPhotoTimeout); | ||
| + | this.zoom.$title.addClass("hidden"); | ||
| + | this.zoom.$btnPrev.addClass("hidden"); | ||
| + | this.zoom.$btnNext.addClass("hidden"); | ||
| + | this.zoom.slideshowPause(); | ||
| + | this.zoom.advancedAnimation.hideActive(); | ||
| + | this.zoom.unmarkActive(); | ||
| + | q.off("resize", this.windowOnResize); | ||
| + | this.$this.show(); | ||
| + | if (failand(C.historyPushState, b[this.intId].browserHistory)) { | ||
| + | u() | ||
| + | } | ||
| + | b[this.intId].closeGallery() | ||
| + | }, | ||
| + | autostart: function() { | ||
| + | var B; | ||
| + | var C; | ||
| + | if (this.$element.is(":visible")) { | ||
| + | return | ||
| + | } | ||
| + | if (this.booIsAlbums) { | ||
| + | B = this.thumbnails.getElement().find(".album").eq(b[this.intId].autostartAtAlbum - 1); | ||
| + | if (B.length === 0) { | ||
| + | B = this.thumbnails.getElement().find(".album").eq(0) | ||
| + | } | ||
| + | } else { | ||
| + | B = this.thumbnails.getElement() | ||
| + | } | ||
| + | C = B.find("a").eq(b[this.intId].autostartAtImage - 1); | ||
| + | if (C.length === 0) { | ||
| + | C = B.find("a").eq(0) | ||
| + | } | ||
| + | C.trigger("click") | ||
| + | }, | ||
| + | browserHistory: function() { | ||
| + | var B = this; | ||
| + | var D = window.onpopstate; | ||
| + | |||
| + | function C() { | ||
| + | var E; | ||
| + | if (!document.location.hash) { | ||
| + | return | ||
| + | } | ||
| + | E = document.location.hash.replace("#", ""); | ||
| + | switch (E) { | ||
| + | case "": | ||
| + | B.hide({ | ||
| + | historyPushState: false | ||
| + | }); | ||
| + | break; | ||
| + | default: | ||
| + | B.zoom.showPhotoByPath(E) | ||
| + | } | ||
| + | } | ||
| + | window.onpopstate = function() { | ||
| + | if (typeof D === "function") { | ||
| + | D() | ||
| + | } | ||
| + | C() | ||
| + | }; | ||
| + | C() | ||
| + | }, | ||
| + | generateAlbumsDropdown: function() { | ||
| + | var B = this; | ||
| + | this.$element.find(".change-album").remove(); | ||
| + | if (!this.booIsAlbums) { | ||
| + | return | ||
| + | } | ||
| + | this.zoom.$container.find(".nav-bottom > .icons").append(' <span class="fa fa-list-ul change-album jgallery-btn jgallery-btn-small"> <span class="menu jgallery-btn"></span> <span class="title"></span> </span> '); | ||
| + | this.iconChangeAlbum = new o(B.zoom.$container.find(".change-album"), this); | ||
| + | this.iconChangeAlbum.clearMenu(); | ||
| + | this.thumbnails.$albums.each(function() { | ||
| + | var C = g(this).attr("data-jgallery-album-title"); | ||
| + | B.iconChangeAlbum.appendToMenu('<span class="item" data-jgallery-album-title="' + C + '">' + C + "</span>") | ||
| + | }); | ||
| + | this.thumbnails.getElement().append(this.iconChangeAlbum.getElement().outerHtml()); | ||
| + | this.iconChangeAlbum = new o(this.iconChangeAlbum.getElement().add(this.thumbnails.getElement().children(":last-child")), this); | ||
| + | this.iconChangeAlbum.bindEvents(this) | ||
| + | }, | ||
| + | init: function() { | ||
| + | var B = this; | ||
| + | n.append('<style type="text/css" class="colours" data-jgallery-id="' + this.intId + '"></style>'); | ||
| + | b[this.intId].initGallery(); | ||
| + | this.$this.attr("data-jgallery-id", this.intId); | ||
| + | this.generateHtml(); | ||
| + | new e(this); | ||
| + | this.setVariables(); | ||
| + | this.thumbnails.init(); | ||
| + | this.thumbnails.getElement().append('<span class="fa fa-times jgallery-btn jgallery-close jgallery-btn-small"></span>'); | ||
| + | this.generateAlbumsDropdown(); | ||
| + | B.setUserOptions(); | ||
| + | if (b[B.intId].zoomSize === "fit" || b[B.intId].zoomSize === "original") { | ||
| + | B.zoom.$resize.addClass("fa-search-plus") | ||
| + | } | ||
| + | if (b[B.intId].zoomSize === "fill") { | ||
| + | B.zoom.$resize.addClass("fa-search-minus") | ||
| + | } | ||
| + | if (!k()) { | ||
| + | B.$element.addClass("text-shadow") | ||
| + | } | ||
| + | B.thumbnails.refreshNavigation(); | ||
| + | B.zoom.refreshNav(); | ||
| + | B.zoom.refreshSize(); | ||
| + | this.$this.on("click", "a:has(img)", function(C) { | ||
| + | var D = g(this); | ||
| + | C.preventDefault(); | ||
| + | B.zoom.showPhoto(D) | ||
| + | }); | ||
| + | B.thumbnails.$element.on("click", "a", function(C) { | ||
| + | var D = g(this); | ||
| + | C.preventDefault(); | ||
| + | if (D.is(":not(.active)")) { | ||
| + | B.zoom.slideshowStop(); | ||
| + | B.zoom.showPhoto(D) | ||
| + | } else { | ||
| + | if (B.thumbnails.isFullScreen()) { | ||
| + | B.thumbnails.changeViewToBar(); | ||
| + | B.zoom.refreshSize() | ||
| + | } | ||
| + | } | ||
| + | }); | ||
| + | B.zoom.$btnPrev.add(B.zoom.$container.find(".left")).on({ | ||
| + | click: function() { | ||
| + | B.zoom.slideshowStop(); | ||
| + | B.zoom.showPrevPhoto() | ||
| + | } | ||
| + | }); | ||
| + | B.zoom.$btnNext.add(B.zoom.$container.find(".right")).on({ | ||
| + | click: function() { | ||
| + | B.zoom.slideshowStop(); | ||
| + | B.zoom.showNextPhoto() | ||
| + | } | ||
| + | }); | ||
| + | B.zoom.$container.find(".jgallery-close").on({ | ||
| + | click: function() { | ||
| + | B.hide() | ||
| + | } | ||
| + | }); | ||
| + | B.zoom.$random.on({ | ||
| + | click: function() { | ||
| + | B.zoom.slideshowRandomToggle() | ||
| + | } | ||
| + | }); | ||
| + | B.zoom.$resize.on({ | ||
| + | click: function() { | ||
| + | B.zoom.changeSize(); | ||
| + | B.zoom.slideshowPause() | ||
| + | } | ||
| + | }); | ||
| + | B.zoom.$changeMode.on({ | ||
| + | click: function() { | ||
| + | B.zoom.changeMode() | ||
| + | } | ||
| + | }); | ||
| + | B.zoom.$slideshow.on({ | ||
| + | click: function() { | ||
| + | B.zoom.slideshowPlayPause() | ||
| + | } | ||
| + | }); | ||
| + | B.zoom.$container.find(".minimalize-thumbnails").on({ | ||
| + | click: function() { | ||
| + | B.thumbnails.toggle(); | ||
| + | B.zoom.refreshSize() | ||
| + | } | ||
| + | }); | ||
| + | B.thumbnails.bindEvents() | ||
| + | }, | ||
| + | isSlider: function() { | ||
| + | return b[this.intId].mode === "slider" | ||
| + | }, | ||
| + | windowOnResize: function(B) { | ||
| + | B.data.jGallery.refreshDimensions() | ||
| + | }, | ||
| + | refreshDimensions: function() { | ||
| + | this.zoom.refreshSize(); | ||
| + | if (this.iconChangeAlbum instanceof o) { | ||
| + | this.iconChangeAlbum.refreshMenuHeight() | ||
| + | } | ||
| + | this.thumbnails.refreshNavigation() | ||
| + | }, | ||
| + | getCanvasRatioWidthToHeight: function() { | ||
| + | var C; | ||
| + | var B; | ||
| + | if (this.thumbnails.isHorizontal()) { | ||
| + | C = this.$element.width(); | ||
| + | B = this.$element.height() - this.thumbnails.getElement().outerHeight(true) | ||
| + | } else { | ||
| + | if (this.thumbnails.isVertical()) { | ||
| + | C = this.$element.width() - this.thumbnails.getElement().outerWidth(true); | ||
| + | B = this.$element.height() | ||
| + | } else { | ||
| + | C = this.$element.width(); | ||
| + | B = this.$element.height() | ||
| + | } | ||
| + | } | ||
| + | return C / B | ||
| + | }, | ||
| + | setUserOptions: function() { | ||
| + | b[this.intId].canResize ? this.zoom.$resize.show() : this.zoom.$resize.hide(); | ||
| + | b[this.intId].canChangeMode ? this.zoom.$changeMode.show() : this.zoom.$changeMode.hide(); | ||
| + | b[this.intId].mode === "standard" ? this.zoom.$changeMode.removeClass("fa-compress").addClass("fa-expand") : this.zoom.$changeMode.removeClass("fa-expand").addClass("fa-compress"); | ||
| + | b[this.intId].canClose ? this.zoom.$container.find(".jgallery-close").show() : this.zoom.$container.find(".jgallery-close").hide(); | ||
| + | if (!b[this.intId].thumbnails) { | ||
| + | this.thumbnails.getElement().addClass("inactive"); | ||
| + | b[this.intId].thumbnailsPosition = "" | ||
| + | } else { | ||
| + | this.thumbnails.getElement().removeClass("inactive"); | ||
| + | if (b[this.intId].thumbnailsPosition === "") { | ||
| + | b[this.intId].thumbnailsPosition = m.thumbnailsPosition | ||
| + | } | ||
| + | } | ||
| + | b[this.intId].slideshow ? this.zoom.$slideshow.show() : this.zoom.$slideshow.hide(); | ||
| + | failand(b[this.intId].slideshow, b[this.intId].slideshowCanRandom, b[this.intId].slideshowAutostart) ? this.zoom.$random.show() : this.zoom.$random.hide(); | ||
| + | failand(b[this.intId].slideshow, b[this.intId].slideshowCanRandom, b[this.intId].slideshowRandom) ? this.zoom.$random.addClass("active") : this.zoom.$random.removeClass("active"); | ||
| + | failand(b[this.intId].thumbnailsFullScreen, b[this.intId].thumbnails) ? this.zoom.$container.find(".full-screen").show() : this.zoom.$container.find(".full-screen").hide(); | ||
| + | failand(b[this.intId].thumbnailsFullScreen, b[this.intId].thumbnails) ? this.zoom.$container.find(".change-album").show() : this.zoom.$container.find(".change-album").hide(); | ||
| + | failand(b[this.intId].canMinimalizeThumbnails, b[this.intId].thumbnails) ? this.zoom.$container.find(".minimalize-thumbnails").show() : this.zoom.$container.find(".minimalize-thumbnails").hide(); | ||
| + | failand(b[this.intId].hideThumbnailsOnInit, b[this.intId].thumbnails) ? this.thumbnails.hide() : this.thumbnails.show(); | ||
| + | b[this.intId].titleExpanded ? this.zoom.$title.addClass("expanded") : this.zoom.$title.removeClass("expanded"); | ||
| + | this.setColours({ | ||
| + | strBg: b[this.intId].backgroundColor, | ||
| + | strText: b[this.intId].textColor | ||
| + | }) | ||
| + | }, | ||
| + | setColours: function(B) { | ||
| + | n.find('style[data-jgallery-id="' + this.intId + '"].colours').html(this.getCssForColours(B)) | ||
| + | }, | ||
| + | generateHtml: function() { | ||
| + | var E = b[this.intId].mode; | ||
| + | var D = E === "full-screen" ? "auto" : b[this.intId].width; | ||
| + | var B = E === "full-screen" ? "auto" : b[this.intId].height; | ||
| + | var C = ' <div class="jgallery jgallery-' + E + '" style="width: ' + D + "; height: " + B + '; display: none;" data-jgallery-id="' + this.intId + '"> <div class="jgallery-thumbnails hidden"> <div class="jgallery-container"><div class="jgallery-container-inner"></div></div> <span class="prev jgallery-btn hidden"><span class="fa fa-chevron-left ico"></span></span> <span class="next jgallery-btn hidden"><span class="fa fa-chevron-right ico"></span></span> </div> <div class="zoom-container"> <div class="zoom before pt-perspective"></div> <div class="drag-nav hide"></div> <div class="left"></div> <div class="right"></div> <span class="fa fa-chevron-left prev jgallery-btn jgallery-btn-large"></span> <span class="fa fa-chevron-right next jgallery-btn jgallery-btn-large"></span> <span class="progress"></span> <div class="nav"> <span class="fa resize jgallery-btn jgallery-btn-small"></span> <span class="fa change-mode jgallery-btn jgallery-btn-small"></span> <span class="fa fa-times jgallery-close jgallery-btn jgallery-btn-small"></span> </div> <div class="nav-bottom"> <div class="icons"> <span class="fa fa-play slideshow jgallery-btn jgallery-btn-small"></span> <span class="fa fa-random random jgallery-btn jgallery-btn-small inactive" style="display: none;"></span> <span class="fa fa-th full-screen jgallery-btn jgallery-btn-small"></span> <span class="fa fa-ellipsis-h minimalize-thumbnails jgallery-btn jgallery-btn-small inactive"></span> </div> <div class="title before"></div> </div> </div> </div>'; | ||
| + | if (E === "full-screen") { | ||
| + | this.$jgallery = g(b[this.intId].appendTo).append(C).children(":last-child") | ||
| + | } else { | ||
| + | if (b[this.intId].autostart) { | ||
| + | this.$this.hide() | ||
| + | } | ||
| + | this.$jgallery = this.$this.after(C).next() | ||
| + | } | ||
| + | }, | ||
| + | getCssForColours: function(D) { | ||
| + | D = g.extend({ | ||
| + | strBg: "rgb( 0, 0, 0 )", | ||
| + | strText: "rgb( 255, 255, 255 )" | ||
| + | }, D); | ||
| + | var E = tinycolor(D.strBg).toRgb(); | ||
| + | var B = E.r + E.g + E.b > 375 ? tinycolor.darken(D.strBg).toRgb() : tinycolor.lighten(D.strBg).toRgb(); | ||
| + | var C = tinycolor(D.strText).toRgb(); | ||
| + | return ' .jgallery[data-jgallery-id="' + this.intId + '"] { background: rgb(' + E.r + "," + E.g + ", " + E.b + '); } .jgallery[data-jgallery-id="' + this.intId + '"] .jgallery-btn { color: rgb(' + C.r + "," + C.g + ", " + C.b + "); text-shadow: 0 0 1px rgb(" + E.r + "," + E.g + ", " + E.b + '); } .jgallery[data-jgallery-id="' + this.intId + '"] .jgallery-btn.active { color: rgb(' + C.r + "," + C.g + ", " + C.b + '); } .jgallery[data-jgallery-id="' + this.intId + '"] .jgallery-btn:hover { text-shadow: none; text-shadow: 0 0 .15em rgba(' + C.r + "," + C.g + ", " + C.b + ",.75), 0 0 .45em rgba(" + C.r + "," + C.g + ", " + C.b + ',.5); } .jgallery[data-jgallery-id="' + this.intId + '"] .change-album .menu { background: rgb(' + B.r + "," + B.g + ", " + B.b + '); } .jgallery[data-jgallery-id="' + this.intId + '"] .zoom-container .nav-bottom .change-album > .title { background: rgb(' + B.r + "," + B.g + ", " + B.b + "); box-shadow: 4px 0 4px rgb(" + B.r + "," + B.g + ", " + B.b + ') } .jgallery[data-jgallery-id="' + this.intId + '"] .full-screen .change-album .menu { background: rgb(' + E.r + "," + E.g + ", " + E.b + '); } .jgallery[data-jgallery-id="' + this.intId + '"] .change-album .menu .item { border-color: rgb(' + E.r + "," + E.g + ", " + E.b + "); color: rgb(" + C.r + "," + C.g + ", " + C.b + "); background: rgb(" + B.r + "," + B.g + ", " + B.b + '); } .jgallery[data-jgallery-id="' + this.intId + '"] .full-screen .change-album .menu .item { border-color: rgb(' + B.r + "," + B.g + ", " + B.b + "); background: rgb(" + E.r + "," + E.g + ", " + E.b + '); } .jgallery[data-jgallery-id="' + this.intId + '"] .change-album .menu .item.active, .jgallery[data-jgallery-id="' + this.intId + '"] .change-album .menu .item:hover { background: rgb(' + C.r + "," + C.g + ", " + C.b + "); color: rgb(" + E.r + "," + E.g + ", " + E.b + '); } .jgallery[data-jgallery-id="' + this.intId + '"] .zoom-container:not([data-size="fill"]) .jgallery-container { background: rgb(' + E.r + "," + E.g + ", " + E.b + '); } .jgallery[data-jgallery-id="' + this.intId + '"] .zoom-container .nav-bottom { background: rgb(' + B.r + "," + B.g + ", " + B.b + "); -webkit-box-shadow: 0 -3px rgba(" + B.r + "," + B.g + ", " + B.b + ", .5); box-shadow: 0 -3px rgba(" + B.r + "," + B.g + ", " + B.b + ', .5); } .jgallery[data-jgallery-id="' + this.intId + '"] .zoom-container .nav-bottom .icons, .jgallery[data-jgallery-id="' + this.intId + '"] .zoom-container .nav-bottom .icons .fa { background: rgb(' + B.r + "," + B.g + ", " + B.b + '); } .jgallery[data-jgallery-id="' + this.intId + '"] .zoom-container .nav-bottom > .title { color: rgb(' + C.r + "," + C.g + ", " + C.b + '); } .jgallery[data-jgallery-id="' + this.intId + '"] .zoom-container .nav-bottom > .title.expanded { background: rgba(' + E.r + "," + E.g + ", " + E.b + ',.7); } .jgallery[data-jgallery-id="' + this.intId + '"] .zoom-container .drag-nav { background: rgb(' + B.r + "," + B.g + ", " + B.b + "); -webkit-box-shadow: 0 0 0 3px rgba(" + B.r + "," + B.g + ", " + B.b + ", .5); box-shadow: 0 0 0 3px rgba(" + B.r + "," + B.g + ", " + B.b + ', .5); } .jgallery[data-jgallery-id="' + this.intId + '"] .zoom-container .drag-nav .crop { -webkit-box-shadow: 0 0 0 3px rgba(' + C.r + "," + C.g + ", " + C.b + ", .5); box-shadow: 0 0 0 3px rgba(" + C.r + "," + C.g + ", " + C.b + ', .5); } .jgallery[data-jgallery-id="' + this.intId + '"] .jgallery-thumbnails { background: rgb(' + B.r + "," + B.g + ", " + B.b + '); } .jgallery[data-jgallery-id="' + this.intId + '"] .jgallery-thumbnails .ico { color: rgb(' + C.r + "," + C.g + ", " + C.b + '); } .jgallery[data-jgallery-id="' + this.intId + '"] .jgallery-thumbnails .jgallery-container { -webkit-box-shadow: 0 0 0 3px rgba(' + B.r + "," + B.g + ", " + B.b + ", .5); box-shadow: 0 0 0 3px rgba(" + B.r + "," + B.g + ", " + B.b + ', .5); } .jgallery[data-jgallery-id="' + this.intId + '"] .jgallery-thumbnails.full-screen .prev:before { background-image: -webkit-gradient(linear,left 0%,left 100%,from(rgba( ' + B.r + "," + B.g + ", " + B.b + ", 1 )),to(rgba( " + B.r + "," + B.g + ", " + B.b + ", 0))); background-image: -webkit-linear-gradient(top,rgba( " + B.r + "," + B.g + ", " + B.b + ", 1 ),0%,rgba( " + B.r + "," + B.g + ", " + B.b + ", 0),100%); background-image: -moz-linear-gradient(top,rgba( " + B.r + "," + B.g + ", " + B.b + ", 1 ) 0%,rgba( " + B.r + "," + B.g + ", " + B.b + ", 0) 100%); background-image: linear-gradient(to bottom,rgba( " + B.r + "," + B.g + ", " + B.b + ", 1 ) 0%,rgba( " + B.r + "," + B.g + ", " + B.b + ', 0) 100%); background-repeat: repeat-x; } .jgallery[data-jgallery-id="' + this.intId + '"] .jgallery-thumbnails.full-screen .next:before { background-image: -webkit-gradient(linear,left 0%,left 100%,from(rgba( ' + B.r + "," + B.g + ", " + B.b + ", 0)),to(rgba( " + B.r + "," + B.g + ", " + B.b + ", 1))); background-image: -webkit-linear-gradient(top,rgba( " + B.r + "," + B.g + ", " + B.b + ", 0),0%,rgba( " + B.r + "," + B.g + ", " + B.b + ", 1),100%); background-image: -moz-linear-gradient(top,rgba( " + B.r + "," + B.g + ", " + B.b + ", 0) 0%,rgba( " + B.r + "," + B.g + ", " + B.b + ", 1) 100%); background-image: linear-gradient(to bottom,rgba( " + B.r + "," + B.g + ", " + B.b + ", 0) 0%,rgba( " + B.r + "," + B.g + ", " + B.b + ', 1) 100%); background-repeat: repeat-x; } .jgallery[data-jgallery-id="' + this.intId + '"] .jgallery-thumbnails.images a:after { background: rgb(' + B.r + "," + B.g + ", " + B.b + '); } .jgallery[data-jgallery-id="' + this.intId + '"] .jgallery-thumbnails.full-screen .prev, .jgallery[data-jgallery-id="' + this.intId + '"] .jgallery-thumbnails.full-screen .next { background: rgb(' + B.r + "," + B.g + ", " + B.b + '); } .jgallery[data-jgallery-id="' + this.intId + '"] .jgallery-thumbnails.square a { background: rgb(' + C.r + "," + C.g + ", " + C.b + "); color: rgb(" + E.r + "," + E.g + ", " + E.b + '); } .jgallery[data-jgallery-id="' + this.intId + '"] .overlayContainer .overlay { background: rgba(' + E.r + "," + E.g + ", " + E.b + ",.8); color: rgb(" + C.r + "," + C.g + ", " + C.b + '); } .jgallery[data-jgallery-id="' + this.intId + '"] .overlayContainer .imageLoaderPositionAbsolute:after { border-color: rgba(' + C.r + "," + C.g + ", " + C.b + ', .5 ); } .jgallery[data-jgallery-id="' + this.intId + '"] .jgallery-thumbnails-horizontal .prev { background: rgb(' + B.r + "," + B.g + ", " + B.b + '); } .jgallery[data-jgallery-id="' + this.intId + '"] .jgallery-thumbnails-horizontal .prev:before { background-image: -webkit-gradient(linear,0% top,100% top,from(rgba( ' + B.r + "," + B.g + ", " + B.b + ", 1 )),to(rgba( " + B.r + "," + B.g + ", " + B.b + ", 0 ))); background-image: -webkit-linear-gradient(left,color-stop(rgba( " + B.r + "," + B.g + ", " + B.b + ", 1 ) 0%),color-stop(rgba( " + B.r + "," + B.g + ", " + B.b + ", 0 ) 100%)); background-image: -moz-linear-gradient(left,rgba( " + B.r + "," + B.g + ", " + B.b + ", 1 ) 0%,rgba( " + B.r + "," + B.g + ", " + B.b + ", 0 ) 100%); background-image: linear-gradient(to right,rgba( " + B.r + "," + B.g + ", " + B.b + ", 1 ) 0%,rgba( " + B.r + "," + B.g + ", " + B.b + ', 0 ) 100%); background-repeat: repeat-x; } .jgallery[data-jgallery-id="' + this.intId + '"] .jgallery-thumbnails-horizontal .next { background: rgb(' + B.r + "," + B.g + ", " + B.b + '); } .jgallery[data-jgallery-id="' + this.intId + '"] .jgallery-thumbnails-horizontal .next:before { background-image: -webkit-gradient(linear,0% top,100% top,from(rgba( ' + B.r + "," + B.g + ", " + B.b + ", 0 )),to(rgba( " + B.r + "," + B.g + ", " + B.b + ", 1 ))); background-image: -webkit-linear-gradient(left,color-stop(rgba( " + B.r + "," + B.g + ", " + B.b + ", 0 ) 0%),color-stop(rgba( " + B.r + "," + B.g + ", " + B.b + ", 1 ) 100%)); background-image: -moz-linear-gradient(left,rgba( " + B.r + "," + B.g + ", " + B.b + ", 0 ) 0%,rgba( " + B.r + "," + B.g + ", " + B.b + ", 1 ) 100%); background-image: linear-gradient(to right,rgba( " + B.r + "," + B.g + ", " + B.b + ", 0 ) 0%,rgba( " + B.r + "," + B.g + ", " + B.b + ', 1 ) 100%); background-repeat: repeat-x; } .jgallery[data-jgallery-id="' + this.intId + '"] .jgallery-thumbnails-vertical .prev { background: rgb(' + B.r + "," + B.g + ", " + B.b + '); } .jgallery[data-jgallery-id="' + this.intId + '"] .jgallery-thumbnails-vertical .prev:before { background-image: -webkit-gradient(linear,left 0%,left 100%,from(rgba( ' + B.r + "," + B.g + ", " + B.b + ", 1 )),to(rgba( " + B.r + "," + B.g + ", " + B.b + ", 0 ))); background-image: -webkit-linear-gradient(top,rgba( " + B.r + "," + B.g + ", " + B.b + ", 1 ),0%,rgba( " + B.r + "," + B.g + ", " + B.b + ", 0 ),100%); background-image: -moz-linear-gradient(top,rgba( " + B.r + "," + B.g + ", " + B.b + ", 1 ) 0%,rgba( " + B.r + "," + B.g + ", " + B.b + ", 0 ) 100%); background-image: linear-gradient(to bottom,rgba( " + B.r + "," + B.g + ", " + B.b + ", 1 ) 0%,rgba( " + B.r + "," + B.g + ", " + B.b + ', 0 ) 100%); background-repeat: repeat-x; } .jgallery[data-jgallery-id="' + this.intId + '"] .jgallery-thumbnails-vertical .next { background: rgb(' + B.r + "," + B.g + ", " + B.b + '); } .jgallery[data-jgallery-id="' + this.intId + '"] .jgallery-thumbnails-vertical .next:before { background-image: -webkit-gradient(linear,left 0%,left 100%,from(rgba( ' + B.r + "," + B.g + ", " + B.b + ", 0 )),to(rgba( " + B.r + "," + B.g + ", " + B.b + ", 1 ))); background-image: -webkit-linear-gradient(top,rgba( " + B.r + "," + B.g + ", " + B.b + ", 0 ),0%,rgba( " + B.r + "," + B.g + ", " + B.b + ", 1 ),100%); background-image: -moz-linear-gradient(top,rgba( " + B.r + "," + B.g + ", " + B.b + ", 0 ) 0%,rgba( " + B.r + "," + B.g + ", " + B.b + ", 1 ) 100%); background-image: linear-gradient(to bottom,rgba( " + B.r + "," + B.g + ", " + B.b + ", 0 ) 0%,rgba( " + B.r + "," + B.g + ", " + B.b + ', 1 ) 100%); background-repeat: repeat-x; } .jgallery.has-title.jgallery-slider[data-jgallery-id="' + this.intId + '"] .zoom-container .nav-bottom, .jgallery.has-title.jgallery-slider[data-jgallery-id="' + this.intId + '"] .zoom-container .nav-bottom > .title.expanded { background: rgba(' + E.r + "," + E.g + ", " + E.b + ",.7); color: rgb(" + C.r + "," + C.g + ", " + C.b + '); } .jgallery.jgallery-slider[data-jgallery-id="' + this.intId + '"] .zoom-container .nav-bottom .jgallery-btn { background: rgba(' + E.r + "," + E.g + ", " + E.b + ",.8); color: rgb(" + C.r + "," + C.g + ", " + C.b + "); } " | ||
| + | } | ||
| + | }; | ||
| + | g.fn.jGallery = function(B) { | ||
| + | return this.each(function() { | ||
| + | var C = g(this); | ||
| + | g(function() { | ||
| + | var D = false; | ||
| + | if (typeof B !== "undefined") { | ||
| + | if (typeof B.mode !== "undefined") { | ||
| + | D = true; | ||
| + | } | ||
| + | } | ||
| + | var E = m; | ||
| + | if (failand(C.is("[data-jgallery-id]"), D)) { | ||
| + | delete B.mode; | ||
| + | D = false | ||
| + | } | ||
| + | if (C.is("[data-jgallery-id]")) { | ||
| + | E = b[C.attr("data-jgallery-id")] | ||
| + | } | ||
| + | if (failand(D, B.mode === "standard")) { | ||
| + | E = g.extend({}, E, j, B, f) | ||
| + | } else { | ||
| + | if (failand(D, B.mode === "slider")) { | ||
| + | E = g.extend({}, E, A, B, a) | ||
| + | } else { | ||
| + | E = g.extend({}, E, B) | ||
| + | } | ||
| + | } | ||
| + | if (!C.is("[data-jgallery-id]")) { | ||
| + | b[++c] = E; | ||
| + | y[c] = new p(C) | ||
| + | } else { | ||
| + | y[C.attr("data-jgallery-id")].update(E); | ||
| + | b[C.attr("data-jgallery-id")] = E | ||
| + | } | ||
| + | }) | ||
| + | }) | ||
| + | }; | ||
| + | g.jGalleryOptions = function() { | ||
| + | return b | ||
| + | }; | ||
| + | g.jGalleryTransitions = function() { | ||
| + | return w | ||
| + | }; | ||
| + | var t = 0; | ||
| + | var d = function(B) { | ||
| + | if (B.is("[data-advanced-animation-id]")) { | ||
| + | return | ||
| + | } | ||
| + | this.cols = 1; | ||
| + | this.rows = 1; | ||
| + | this.direction = "forward"; | ||
| + | this.animation = true; | ||
| + | this.$element = B; | ||
| + | this.$element.filter(":not( [data-advanced-animation-id] )").attr("data-advanced-animation-id", ++t); | ||
| + | this.$element.find(".pt-item").wrap('<div class="pt-page" />'); | ||
| + | this.$element.wrapInner('<div class="pt-part" />'); | ||
| + | this.generateHtml(); | ||
| + | this._showParts(this.$element.find(".pt-part"), 1) | ||
| + | }; | ||
| + | d.prototype = { | ||
| + | next: function() { | ||
| + | var B = this.$element.find(".pt-part").eq(this.direction === "backward" ? -1 : 0).find(".pt-page-current:not(.pt-page-prev)").next(); | ||
| + | if (B.length) { | ||
| + | this.show(B) | ||
| + | } else { | ||
| + | this.show(this.$element.find(".pt-part").eq(this.direction === "backward" ? -1 : 0).find(".pt-page").eq(0)) | ||
| + | } | ||
| + | }, | ||
| + | show: function(C, B) { | ||
| + | var D = C.prevAll().length + 1; | ||
| + | if (C.is(".pt-page-current:not(.pt-page-prev)")) { | ||
| + | return | ||
| + | } | ||
| + | B = g.extend({}, { | ||
| + | animation: true | ||
| + | }, B); | ||
| + | this.animation = B.animation; | ||
| + | this._waveJumpToEnd(); | ||
| + | if (this.animation) { | ||
| + | this._runWave(D) | ||
| + | } else { | ||
| + | this._showParts(this.$element.find(".pt-part"), D) | ||
| + | } | ||
| + | this.intPrevPtPageNumber = D | ||
| + | }, | ||
| + | setQuantityParts: function(C, B) { | ||
| + | this.cols = C; | ||
| + | this.rows = B; | ||
| + | this.generateHtml() | ||
| + | }, | ||
| + | setDuration: function(D) { | ||
| + | var C = this.$element.attr("data-advanced-animation-id"); | ||
| + | var B = n.find('style[data-advanced-animation-id="' + C + '"]'); | ||
| + | this.duration = D; | ||
| + | if (v()) { | ||
| + | return | ||
| + | } | ||
| + | if (B.length === 0) { | ||
| + | B = n.append('<style type="text/css" data-advanced-animation-id="' + C + '" />').children(":last-child") | ||
| + | } | ||
| + | B.html(' [data-advanced-animation-id="' + C + '"] .pt-page { -webkit-animation-duration: ' + D + "; -moz-animation-duration: " + D + "; animation-duration: " + D + "; } ") | ||
| + | }, | ||
| + | setHideEffect: function(B) { | ||
| + | this.prevHideEffect = this.hideEffect; | ||
| + | this.hideEffect = B; | ||
| + | if (/moveTo|rotateRoom|rotateCarousel|rotateSlideOut/.test(B)) { | ||
| + | this.$element.find(".pt-part").addClass("hide-overflow") | ||
| + | } else { | ||
| + | this.$element.find(".pt-part").removeClass("hide-overflow") | ||
| + | } | ||
| + | }, | ||
| + | setShowEffect: function(B) { | ||
| + | this.prevShowEffect = this.showEffect; | ||
| + | this.showEffect = B | ||
| + | }, | ||
| + | setDirection: function(B) { | ||
| + | this.direction = B | ||
| + | }, | ||
| + | _runWave: function(B) { | ||
| + | this.$element.find(".pt-part").addClass("in-queue"); | ||
| + | this._showNextPart(B) | ||
| + | }, | ||
| + | _waveJumpToEnd: function() { | ||
| + | clearTimeout(this.showPartsTimeout); | ||
| + | if (typeof this.intPrevPtPageNumber !== "undefined") { | ||
| + | this._showParts(this.$element.find(".pt-part.in-queue").removeClass("in-queue"), this.intPrevPtPageNumber) | ||
| + | } | ||
| + | }, | ||
| + | _showNextPart: function(C) { | ||
| + | var B = this; | ||
| + | var D = this.$element.find(".pt-part.in-queue").eq(this.direction === "backward" ? -1 : 0); | ||
| + | if (D.length === 0) { | ||
| + | return | ||
| + | } | ||
| + | this._showParts(D.removeClass("in-queue"), C); | ||
| + | if (D.length === 0) { | ||
| + | return | ||
| + | } | ||
| + | clearTimeout(this.showPartsTimeout); | ||
| + | this.showPartsTimeout = setTimeout(function() { | ||
| + | B._showNextPart(C) | ||
| + | }, parseFloat(this.duration) * 1000 * 0.25 / Math.max(1, this.$element.find(".pt-part").length - 1)) | ||
| + | }, | ||
| + | _showParts: function(C, B) { | ||
| + | C.find(".pt-page-current.pt-page-prev").removeClass("pt-page-prev").removeClass("pt-page-current"); | ||
| + | C.find(".pt-page-current").addClass("pt-page-prev"); | ||
| + | C.find(".pt-page:nth-child(" + B + ")").addClass("pt-page-current"); | ||
| + | C.find(".pt-page").removeClass(this.hideEffect).removeClass(this.showEffect); | ||
| + | if (typeof this.prevHideEffect !== "undefined") { | ||
| + | C.find(".pt-page").removeClass(this.prevHideEffect) | ||
| + | } | ||
| + | if (typeof this.prevShowEffect !== "undefined") { | ||
| + | C.find(".pt-page").removeClass(this.prevShowEffect) | ||
| + | } | ||
| + | if (this.animation) { | ||
| + | C.find(".pt-page-prev").addClass(this.hideEffect); | ||
| + | C.find(".pt-page-current:not(.pt-page-prev)").addClass(this.showEffect) | ||
| + | } | ||
| + | }, | ||
| + | hideActive: function() { | ||
| + | this.$element.find(".pt-page-current").addClass("pt-page-prev").addClass(this.hideEffect) | ||
| + | }, | ||
| + | generateHtml: function() { | ||
| + | var D; | ||
| + | var C; | ||
| + | var B; | ||
| + | this.$element.html(this.$element.find(".pt-part").eq(0).html()); | ||
| + | B = this.$element.html(); | ||
| + | this.$element.children(".pt-part").remove(); | ||
| + | for (C = 0; C < this.rows; C++) { | ||
| + | for (D = 0; D < this.cols; D++) { | ||
| + | this.$element.append('<div class="pt-part pt-perspective" data-col-no="' + D + '" data-row-no="' + C + '" style="position: absolute;"></div>').children(":last-child").html(B).find(".pt-item") | ||
| + | } | ||
| + | } | ||
| + | this.setPositionParts(); | ||
| + | this.$element.children(":not(.pt-part)").remove() | ||
| + | }, | ||
| + | setPositionParts: function() { | ||
| + | var C = this; | ||
| + | var E = this.$element.outerWidth(); | ||
| + | var D = this.$element.outerHeight(); | ||
| + | var F = E / this.cols; | ||
| + | var B = D / this.rows; | ||
| + | this.$element.find(".pt-part").each(function() { | ||
| + | var I = g(this); | ||
| + | var H = I.attr("data-col-no"); | ||
| + | var G = I.attr("data-row-no"); | ||
| + | I.css({ | ||
| + | left: C.$element.outerWidth() * (100 / C.cols * H) / 100 + "px", | ||
| + | top: C.$element.outerHeight() * (100 / C.rows * G) / 100 + "px", | ||
| + | width: C.$element.outerWidth() * (100 / C.cols) / 100 + 1 + "px", | ||
| + | height: C.$element.outerHeight() * (100 / C.rows) / 100 + 1 + "px" | ||
| + | }).find(".pt-item").css({ | ||
| + | width: E, | ||
| + | height: D, | ||
| + | left: -F * H, | ||
| + | top: -B * G | ||
| + | }) | ||
| + | }) | ||
| + | } | ||
| + | }; | ||
| + | g.fn.overlay = function(B) { | ||
| + | var C = { | ||
| + | show: false, | ||
| + | hide: false, | ||
| + | showLoader: false, | ||
| + | hideLoader: false, | ||
| + | fadeIn: true, | ||
| + | fadeOut: true, | ||
| + | fadeInLoader: true, | ||
| + | fadeOutLoader: true, | ||
| + | afterInit: function() {} | ||
| + | }; | ||
| + | B = g.extend({}, C, B); | ||
| + | this.each(function() { | ||
| + | var K = g(this), | ||
| + | L, J, I = K.is(".overlayContainer:has(.overlay)"), | ||
| + | H = function() { | ||
| + | var P = Math.max(K.offset().top, g("body, html").scrollTop()), | ||
| + | O = Math.min(K.offset().top + K.outerHeight(), g("body, html").scrollTop() + g(window).height()), | ||
| + | N = P + (O - P) / 2 - K.offset().top; | ||
| + | J.css({ | ||
| + | top: N + "px" | ||
| + | }) | ||
| + | }, | ||
| + | F = function() { | ||
| + | K.children(".overlay").css({ | ||
| + | width: K.outerWidth(), | ||
| + | height: K.is("body") ? g("html").outerHeight() : K.outerHeight() | ||
| + | }) | ||
| + | }, | ||
| + | G = function() { | ||
| + | B.fadeIn ? L.fadeIn(500) : L.show() | ||
| + | }, | ||
| + | E = function() { | ||
| + | B.fadeOut ? L.fadeOut(500) : L.hide() | ||
| + | }, | ||
| + | M = function() { | ||
| + | B.fadeInLoader ? J.not(":visible").fadeIn(500) : J.not(":visible").show() | ||
| + | }, | ||
| + | D = function() { | ||
| + | B.fadeOutLoader ? J.filter(":visible").fadeOut(500) : J.filter(":visible").hide() | ||
| + | }; | ||
| + | g(window).scroll(function() { | ||
| + | H() | ||
| + | }); | ||
| + | g(window).resize(function() { | ||
| + | H(); | ||
| + | F() | ||
| + | }); | ||
| + | if (K.is("table")) { | ||
| + | if (K.parent().is(".overlayContainer")) { | ||
| + | K = K.parent() | ||
| + | } | ||
| + | } | ||
| + | if (!I) { | ||
| + | if (K.is("table")) { | ||
| + | K.wrap("<div></div>"); | ||
| + | K = K.parent() | ||
| + | } | ||
| + | K.addClass("overlayContainer"); | ||
| + | K.append('<div class="overlay" style="display: none;"><div class="imageLoaderPositionAbsolute" style="display: none;"></div></div>'); | ||
| + | B.afterInit() | ||
| + | } | ||
| + | L = K.children(".overlay"); | ||
| + | J = K.find(".imageLoaderPositionAbsolute"); | ||
| + | L.stop(false, true); | ||
| + | J.stop(false, true); | ||
| + | if (B.show) { | ||
| + | G() | ||
| + | } else { | ||
| + | if (B.hide) { | ||
| + | E() | ||
| + | } | ||
| + | } | ||
| + | if (B.showLoader) { | ||
| + | M() | ||
| + | } else { | ||
| + | if (B.hideLoader) { | ||
| + | D() | ||
| + | } | ||
| + | } | ||
| + | H(); | ||
| + | F() | ||
| + | }) | ||
| + | }; | ||
| + | g.fn.jLoader = function(B) { | ||
| + | B = g.extend({ | ||
| + | interval: 1000, | ||
| + | skip: ":not(*)", | ||
| + | start: function() { | ||
| + | g("body").overlay({ | ||
| + | fadeIn: false, | ||
| + | fadeOut: false, | ||
| + | show: true, | ||
| + | showLoader: true | ||
| + | }); | ||
| + | g("body").show() | ||
| + | }, | ||
| + | success: function() { | ||
| + | g("body").overlay({ | ||
| + | hide: true | ||
| + | }) | ||
| + | }, | ||
| + | progress: function() {} | ||
| + | }, B); | ||
| + | this.each(function() { | ||
| + | var H = g(this); | ||
| + | var F = g(); | ||
| + | var D = g(); | ||
| + | var G; | ||
| + | var E = 0; | ||
| + | |||
| + | function C() { | ||
| + | var J = true; | ||
| + | var L = 0; | ||
| + | var I = 0; | ||
| + | var K; | ||
| + | D.each(function() { | ||
| + | L++; | ||
| + | if (g(this)[0].complete) { | ||
| + | I++ | ||
| + | } else { | ||
| + | J = false | ||
| + | } | ||
| + | if (L === E) { | ||
| + | K = parseInt(I * 100 / E); | ||
| + | B.progress({ | ||
| + | percent: K | ||
| + | }); | ||
| + | if (J) { | ||
| + | clearTimeout(G); | ||
| + | F.remove(); | ||
| + | B.success() | ||
| + | } else { | ||
| + | G = setTimeout(C, B.interval) | ||
| + | } | ||
| + | } | ||
| + | }) | ||
| + | } | ||
| + | H.append('<div class="jLoaderTmp" style="position: absolute; width: 0; height: 0; line-height: 0; font-size: 0; visibility: hidden; overflow: hidden; z-index: -1;"></div>'); | ||
| + | F = H.children(".jLoaderTmp:last-child"); | ||
| + | g(H).add(H.find("*")).not(B.skip).each(function() { | ||
| + | var I; | ||
| + | if (g(this).css("background-image") !== "none") { | ||
| + | I = g(this).css("background-image"); | ||
| + | if (/url/.exec(I)) { | ||
| + | I = I.replace('"', "").replace("'", "").replace(" ", "").replace("url(", "").replace(")", ""); | ||
| + | F.append('<img src="' + I + '">') | ||
| + | } | ||
| + | } | ||
| + | }); | ||
| + | D = H.find("img:not( " + B.skip + ")"); | ||
| + | if (H.is("img")) { | ||
| + | if (!H.is(B.skip)) { | ||
| + | D = D.add(H) | ||
| + | } | ||
| + | } | ||
| + | E = parseInt(D.length); | ||
| + | B.start(); | ||
| + | C() | ||
| + | }) | ||
| + | }; | ||
| + | g.fn.outerHtml = function() { | ||
| + | return (!this.length) ? this : (this[0].outerHTML || (function(B) { | ||
| + | var D = document.createElement("div"); | ||
| + | D.appendChild(B.cloneNode(true)); | ||
| + | var C = D.innerHTML; | ||
| + | D = null; | ||
| + | return C | ||
| + | })(this[0])) | ||
| + | }; | ||
| + | |||
| + | function u(B) { | ||
| + | B = g.extend({}, { | ||
| + | stateObj: {}, | ||
| + | title: r.html(), | ||
| + | path: "" | ||
| + | }, B); | ||
| + | console.log(document.location.href.split("#")[0] + "#" + B.path); | ||
| + | window.history.pushState(B.stateObj, B.title, document.location.href.split("#")[0] + "#" + B.path) | ||
| + | } | ||
| + | |||
| + | function k() { | ||
| + | var D = false; | ||
| + | if (navigator.appName === "Microsoft Internet Explorer") { | ||
| + | var B = navigator.userAgent; | ||
| + | var C = new RegExp("MSIE ([0-9]{1,}[.0-9]{0,})"); | ||
| + | if (C.exec(B) !== null) { | ||
| + | D = true | ||
| + | } | ||
| + | } | ||
| + | return D | ||
| + | } | ||
| + | |||
| + | function z() { | ||
| + | var D = false; | ||
| + | if (navigator.appName === "Microsoft Internet Explorer") { | ||
| + | var B = navigator.userAgent; | ||
| + | var C = new RegExp("MSIE ([0-9]{1,}[.0-9]{0,})"); | ||
| + | if (C.exec(B) !== null) { | ||
| + | D = parseFloat(RegExp.$1); | ||
| + | D = D < 8 | ||
| + | } | ||
| + | } | ||
| + | return D | ||
| + | } | ||
| + | |||
| + | function v() { | ||
| + | var D = false; | ||
| + | if (navigator.appName === "Microsoft Internet Explorer") { | ||
| + | var B = navigator.userAgent; | ||
| + | var C = new RegExp("MSIE ([0-9]{1,}[.0-9]{0,})"); | ||
| + | if (C.exec(B) !== null) { | ||
| + | D = parseFloat(RegExp.$1); | ||
| + | D = D < 9 | ||
| + | } | ||
| + | } | ||
| + | return D | ||
| + | } | ||
| + | })(jQuery); | ||
| + | |||
| + | </script> | ||
| + | --> | ||
</html> | </html> | ||
Latest revision as of 09:54, 17 October 2014
