@ -0,0 +1,27 @@ |
|||||
|
CSS (a další styly na webu) |
||||
|
=========================== |
||||
|
|
||||
|
Inspirován `css-trick článkem <https://css-tricks.com/methods-organize-css/>`_ jsem se rozhodl rozdělit |
||||
|
CSSka do |
||||
|
|
||||
|
- Konstant (``constants.css``), které jsou využívány na mnoha místech CSSek |
||||
|
- Nastylování html tagů (``base.css``) |
||||
|
- Layoutu (``layout.css``), což je to, co určuje celkové rozložení stránky |
||||
|
- Jednotlivých prvků (``modules.css``) |
||||
|
|
||||
|
Dále jsem separoval CSSka pro **galerii** (potřebuje hodně specifických stylů). Stejně tak **korekturovátko** má styly separátně. |
||||
|
|
||||
|
Dále web (asi) používá externí frameworky (v separátních složkách – mají k sobě i JS a podobné věci): |
||||
|
|
||||
|
- bootstrap: dělá nějaké basic stylování, *web je na něm hodně závislý* (například jsem zjistil, že bootstrap kdysi přidával ``font-size:14px``, bez čehož se web úplně rozpadnul) (také na něm běží mobilní meníčko, které navíc vyžaduje Popper, tedy bootstrap.bundle.js místo bootstrap.js) |
||||
|
|
||||
|
Pak jsou tu ``mamweb-dev.css`` a ``printtable.css``, co jsem si ještě nerozmyslel, co s tím. |
||||
|
|
||||
|
Pár myšlenek |
||||
|
------------ |
||||
|
|
||||
|
- Až na pár výjimek (galerii a korekturovátko) bych styly držel v jedné složce a málo souborech, |
||||
|
protože CSS šíleně dědí všechno možné |
||||
|
- Chce to dobře pojmenovávat třídy (speciálně aby bylo vidět, co ta třída dělá nebo kde se používá) |
||||
|
- Chce to hodně komentovat kód (speciálně tam, kde není splněn předchozí bod) |
||||
|
|
@ -0,0 +1,186 @@ |
|||||
|
@charset "utf-8"; /* vynuť utf-8 */ |
||||
|
|
||||
|
/* Galerie */ |
||||
|
|
||||
|
|
||||
|
/* velká fotka */ |
||||
|
/* zmenšování spolu s oknem prohlížeče */ |
||||
|
.galerie .obrazek, .titulni_obrazek { |
||||
|
max-width: 100%; |
||||
|
height: auto; |
||||
|
width: auto\9; /* ie8 */ |
||||
|
} |
||||
|
|
||||
|
.predchozi_obrazek{ |
||||
|
position: absolute; |
||||
|
z-index: 1; |
||||
|
width: 33%; |
||||
|
height: 100%; |
||||
|
left: 0; |
||||
|
top: 0; |
||||
|
} |
||||
|
.predchozi_obrazek:hover{ |
||||
|
background-image: url("/static/galerie/prvky/predchozi.svg"); |
||||
|
filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.4)); |
||||
|
background-position: left center; |
||||
|
background-repeat: no-repeat; |
||||
|
} |
||||
|
.dalsi_obrazek{ |
||||
|
position: absolute; |
||||
|
z-index: 1; |
||||
|
width: 33%; |
||||
|
height: 100%; |
||||
|
left: 67%; |
||||
|
top: 0; |
||||
|
} |
||||
|
.dalsi_obrazek:hover{ |
||||
|
background-image: url("/static/galerie/prvky/dalsi.svg"); |
||||
|
filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.4)); |
||||
|
background-position: right center; |
||||
|
background-repeat: no-repeat; |
||||
|
} |
||||
|
|
||||
|
.galerie { |
||||
|
position: relative; |
||||
|
text-align: center; |
||||
|
margin: 20px auto 0 auto; |
||||
|
} |
||||
|
|
||||
|
.galerie h1 { |
||||
|
text-align: center; |
||||
|
} |
||||
|
|
||||
|
.galerie_hlavicka { |
||||
|
margin: 30px auto 30px auto; |
||||
|
} |
||||
|
|
||||
|
.popis { |
||||
|
margin: 10px 10px 30px 0px; |
||||
|
text-align: center; |
||||
|
} |
||||
|
|
||||
|
#nahoru { |
||||
|
text-align: center; |
||||
|
} |
||||
|
|
||||
|
/* titulní obrázek hlavní galerie soustředění */ |
||||
|
|
||||
|
.galerie_nahledy{ |
||||
|
/*margin: 1em 0;*/ |
||||
|
margin: auto; |
||||
|
padding: 10px; |
||||
|
text-align: center; |
||||
|
overflow: auto; |
||||
|
} |
||||
|
|
||||
|
.galerie_nahledy img { |
||||
|
margin: 10px; |
||||
|
} |
||||
|
|
||||
|
.galerie_nahledy div.navigace { |
||||
|
display: inline-block; |
||||
|
} |
||||
|
|
||||
|
.galerie_nahled, .podgalerie_nahled { /* frame */ |
||||
|
display: block; |
||||
|
position: relative; |
||||
|
float: left; |
||||
|
width: 200px; |
||||
|
height: 200px; |
||||
|
text-align: center; |
||||
|
border: solid; |
||||
|
border-width: 1px; |
||||
|
border-radius: 4px; |
||||
|
border-color: var(--svetla-oranzova); |
||||
|
background-color: var(--barva-pozadi); |
||||
|
white-space: nowrap; |
||||
|
margin: 10px; |
||||
|
font-weight: bold; |
||||
|
} |
||||
|
|
||||
|
.galerie_nahled:hover, .podgalerie_nahled:hover { |
||||
|
background-color: var(--svetla-oranzova); |
||||
|
filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.4)); |
||||
|
color: var(--tmava-oranzova); |
||||
|
} |
||||
|
|
||||
|
.vystredeno{ /* helper */ |
||||
|
display: inline-block; |
||||
|
height: 100%; |
||||
|
vertical-align: middle; |
||||
|
} |
||||
|
|
||||
|
.galerie_nahled img { |
||||
|
vertical-align: middle; |
||||
|
max-height: 180px; |
||||
|
max-width: 180px; |
||||
|
} |
||||
|
|
||||
|
.galerie_nahled div { |
||||
|
position: absolute; |
||||
|
bottom: 0px; |
||||
|
width: 100%; |
||||
|
text-align: center; |
||||
|
} |
||||
|
|
||||
|
.podgalerie_nahled img { |
||||
|
margin-top: 20px; |
||||
|
margin-bottom: 15px; |
||||
|
max-height: 125px; |
||||
|
max-width: 167px; |
||||
|
} |
||||
|
|
||||
|
.podgalerie_nahled .nazev_galerie { |
||||
|
position: absolute; |
||||
|
width: 100%; |
||||
|
top: 160px; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
/* Odkazy na předchozí a následující podgalerii */ |
||||
|
.galerie_predchozi_nasledujici { |
||||
|
overflow: auto; |
||||
|
margin: 10px auto 10px auto; |
||||
|
} |
||||
|
|
||||
|
.galerie_predchozi_nasledujici .predchozi { |
||||
|
float: left; |
||||
|
} |
||||
|
|
||||
|
.galerie_predchozi_nasledujici .nasledujici { |
||||
|
float: right; |
||||
|
} |
||||
|
|
||||
|
/* posune kotvu obrázku v galerii o oranžový pruh dolu, aby se pod ním obrázek neschovával */ |
||||
|
/* https://stackoverflow.com/questions/10732690/offsetting-an-html-anchor-to-adjust-for-fixed-header */ |
||||
|
.kotva_obrazku { |
||||
|
position: absolute; |
||||
|
width: 0; |
||||
|
height: 55px; /* viz #title */ |
||||
|
margin-top: -55px; /* viz #title */ |
||||
|
} |
||||
|
@media(max-width: 860px) { |
||||
|
.kotva_obrazku { |
||||
|
height: 3em; /* #FIXME nemám páru, jak zjistit výšku toho elementu */ |
||||
|
margin-top: -3em; /* #FIXME */ |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
/* plus a minus tlacitka */ |
||||
|
.mam-org-only-galerie { |
||||
|
background: var(--orgovska-svetla-fialova); |
||||
|
padding: 10px; |
||||
|
margin: 10px 10px 10px -20px; |
||||
|
border: #333 2px dashed; |
||||
|
float: left; |
||||
|
} |
||||
|
|
||||
|
.mam-org-only-galerie a{ |
||||
|
padding: 3px 5px; |
||||
|
margin: 5px; |
||||
|
border-radius: 20px; |
||||
|
background-color: var(--tmava-oranzova);; |
||||
|
color: var(--barva-pozadi); |
||||
|
float: left; |
||||
|
} |
@ -0,0 +1,6 @@ |
|||||
|
{% extends "base.html" %} |
||||
|
{% load static %} |
||||
|
|
||||
|
{% block custom_css %} |
||||
|
<link href="{% static 'css/galerie.css' %}?version=1" rel="stylesheet"> |
||||
|
{% endblock %} |
@ -0,0 +1,102 @@ |
|||||
|
@charset "utf-8"; /* vynuť utf-8 */ |
||||
|
|
||||
|
/* Obecné styly pro html tagy */ |
||||
|
|
||||
|
@font-face { |
||||
|
font-family: 'OpenSans'; |
||||
|
src: url("../fonts/OpenSans/OpenSans-Regular.ttf"); |
||||
|
font-weight: normal; |
||||
|
} |
||||
|
|
||||
|
@font-face { |
||||
|
font-family: 'GhoulFace'; |
||||
|
src: url("../fonts/ghoul/ghoulheadline.ttf"), |
||||
|
url("../fonts/ghoul/ghoul.woff"); |
||||
|
font-weight: normal; |
||||
|
} |
||||
|
|
||||
|
body { |
||||
|
font-size: 14px; |
||||
|
font-family: 'OpenSans'; |
||||
|
background-color: var(--barva-pozadi); |
||||
|
min-height: 100%; |
||||
|
} |
||||
|
|
||||
|
p { |
||||
|
/* zarovnání odstavců do bloku */ |
||||
|
text-align: justify; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
/**** NADPISY ****/ |
||||
|
h1, h2, h3, h4 { color: var(--tmava-oranzova); } |
||||
|
h5, h6 { color: black; } |
||||
|
|
||||
|
h1, h2, h3, h4, h5, h6 { |
||||
|
font-variant: small-caps; |
||||
|
font-weight: bold; |
||||
|
} |
||||
|
|
||||
|
/* TODO: odlišit 1 a 2 */ |
||||
|
h1 { font-size: 200%; } |
||||
|
h2 { font-size: 200%; } |
||||
|
h3 { font-size: 160%; } |
||||
|
h4 { font-size: 140%; } |
||||
|
h5 { font-size: 140%; } |
||||
|
h6 { font-size: 120%; } |
||||
|
|
||||
|
h1 { |
||||
|
margin-top: 0; |
||||
|
} |
||||
|
/*****************/ |
||||
|
|
||||
|
|
||||
|
/**** TLAČÍTKA ****/ |
||||
|
a { |
||||
|
color: var(--tmava-oranzova); |
||||
|
text-decoration: none; |
||||
|
} |
||||
|
|
||||
|
a:focus, a:hover, a:active { |
||||
|
color: var(--hlavni-oranzova); |
||||
|
} |
||||
|
|
||||
|
.button { |
||||
|
margin: 10px 0 10px 0; |
||||
|
padding: 4px 0; /*vertikální centování textu*/ |
||||
|
text-align: center; |
||||
|
background-color: var(--hlavni-oranzova); |
||||
|
color: var(--barva-pozadi); |
||||
|
font-size: 150%; |
||||
|
font-weight: bold; |
||||
|
font-variant: small-caps; |
||||
|
filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.4)); |
||||
|
|
||||
|
&:hover { |
||||
|
position: relative; |
||||
|
top: 2px; |
||||
|
left: 2px; |
||||
|
background-color: #df490e; |
||||
|
} |
||||
|
} |
||||
|
/******************/ |
||||
|
|
||||
|
/**** Další ****/ |
||||
|
input[type="file"] { |
||||
|
max-width: 250px; |
||||
|
text-overflow: ellipsis; |
||||
|
} |
||||
|
/***************/ |
||||
|
|
||||
|
|
||||
|
/**** Divné (aneb nevím, co bylo cílem) ****/ |
||||
|
h1 a:hover { |
||||
|
text-decoration: none; |
||||
|
} |
||||
|
|
||||
|
img { |
||||
|
filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4)); |
||||
|
max-width: 100%; |
||||
|
height: auto; |
||||
|
} |
||||
|
/*******************************************/ |
@ -1,469 +0,0 @@ |
|||||
/*! |
|
||||
* Bootstrap v3.3.1 (http://getbootstrap.com) |
|
||||
* Copyright 2011-2014 Twitter, Inc. |
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) |
|
||||
*/ |
|
||||
|
|
||||
.btn-default, |
|
||||
.btn-primary, |
|
||||
.btn-success, |
|
||||
.btn-info, |
|
||||
.btn-warning, |
|
||||
.btn-danger { |
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2); |
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); |
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); |
|
||||
} |
|
||||
.btn-default:active, |
|
||||
.btn-primary:active, |
|
||||
.btn-success:active, |
|
||||
.btn-info:active, |
|
||||
.btn-warning:active, |
|
||||
.btn-danger:active, |
|
||||
.btn-default.active, |
|
||||
.btn-primary.active, |
|
||||
.btn-success.active, |
|
||||
.btn-info.active, |
|
||||
.btn-warning.active, |
|
||||
.btn-danger.active { |
|
||||
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); |
|
||||
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); |
|
||||
} |
|
||||
.btn-default .badge, |
|
||||
.btn-primary .badge, |
|
||||
.btn-success .badge, |
|
||||
.btn-info .badge, |
|
||||
.btn-warning .badge, |
|
||||
.btn-danger .badge { |
|
||||
text-shadow: none; |
|
||||
} |
|
||||
.btn:active, |
|
||||
.btn.active { |
|
||||
background-image: none; |
|
||||
} |
|
||||
.btn-default { |
|
||||
text-shadow: 0 1px 0 #fff; |
|
||||
background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%); |
|
||||
background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%); |
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0)); |
|
||||
background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%); |
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0); |
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
|
||||
background-repeat: repeat-x; |
|
||||
border-color: #dbdbdb; |
|
||||
border-color: #ccc; |
|
||||
} |
|
||||
.btn-default:hover, |
|
||||
.btn-default:focus { |
|
||||
background-color: #e0e0e0; |
|
||||
background-position: 0 -15px; |
|
||||
} |
|
||||
.btn-default:active, |
|
||||
.btn-default.active { |
|
||||
background-color: #e0e0e0; |
|
||||
border-color: #dbdbdb; |
|
||||
} |
|
||||
.btn-default:disabled, |
|
||||
.btn-default[disabled] { |
|
||||
background-color: #e0e0e0; |
|
||||
background-image: none; |
|
||||
} |
|
||||
.btn-primary { |
|
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%); |
|
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%); |
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88)); |
|
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%); |
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0); |
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
|
||||
background-repeat: repeat-x; |
|
||||
border-color: #245580; |
|
||||
} |
|
||||
.btn-primary:hover, |
|
||||
.btn-primary:focus { |
|
||||
background-color: #265a88; |
|
||||
background-position: 0 -15px; |
|
||||
} |
|
||||
.btn-primary:active, |
|
||||
.btn-primary.active { |
|
||||
background-color: #265a88; |
|
||||
border-color: #245580; |
|
||||
} |
|
||||
.btn-primary:disabled, |
|
||||
.btn-primary[disabled] { |
|
||||
background-color: #265a88; |
|
||||
background-image: none; |
|
||||
} |
|
||||
.btn-success { |
|
||||
background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%); |
|
||||
background-image: -o-linear-gradient(top, #5cb85c 0%, #419641 100%); |
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641)); |
|
||||
background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%); |
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0); |
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
|
||||
background-repeat: repeat-x; |
|
||||
border-color: #3e8f3e; |
|
||||
} |
|
||||
.btn-success:hover, |
|
||||
.btn-success:focus { |
|
||||
background-color: #419641; |
|
||||
background-position: 0 -15px; |
|
||||
} |
|
||||
.btn-success:active, |
|
||||
.btn-success.active { |
|
||||
background-color: #419641; |
|
||||
border-color: #3e8f3e; |
|
||||
} |
|
||||
.btn-success:disabled, |
|
||||
.btn-success[disabled] { |
|
||||
background-color: #419641; |
|
||||
background-image: none; |
|
||||
} |
|
||||
.btn-info { |
|
||||
background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%); |
|
||||
background-image: -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%); |
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2)); |
|
||||
background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%); |
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0); |
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
|
||||
background-repeat: repeat-x; |
|
||||
border-color: #28a4c9; |
|
||||
} |
|
||||
.btn-info:hover, |
|
||||
.btn-info:focus { |
|
||||
background-color: #2aabd2; |
|
||||
background-position: 0 -15px; |
|
||||
} |
|
||||
.btn-info:active, |
|
||||
.btn-info.active { |
|
||||
background-color: #2aabd2; |
|
||||
border-color: #28a4c9; |
|
||||
} |
|
||||
.btn-info:disabled, |
|
||||
.btn-info[disabled] { |
|
||||
background-color: #2aabd2; |
|
||||
background-image: none; |
|
||||
} |
|
||||
.btn-warning { |
|
||||
background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%); |
|
||||
background-image: -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%); |
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316)); |
|
||||
background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%); |
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0); |
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
|
||||
background-repeat: repeat-x; |
|
||||
border-color: #e38d13; |
|
||||
} |
|
||||
.btn-warning:hover, |
|
||||
.btn-warning:focus { |
|
||||
background-color: #eb9316; |
|
||||
background-position: 0 -15px; |
|
||||
} |
|
||||
.btn-warning:active, |
|
||||
.btn-warning.active { |
|
||||
background-color: #eb9316; |
|
||||
border-color: #e38d13; |
|
||||
} |
|
||||
.btn-warning:disabled, |
|
||||
.btn-warning[disabled] { |
|
||||
background-color: #eb9316; |
|
||||
background-image: none; |
|
||||
} |
|
||||
.btn-danger { |
|
||||
background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%); |
|
||||
background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%); |
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a)); |
|
||||
background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%); |
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0); |
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
|
||||
background-repeat: repeat-x; |
|
||||
border-color: #b92c28; |
|
||||
} |
|
||||
.btn-danger:hover, |
|
||||
.btn-danger:focus { |
|
||||
background-color: #c12e2a; |
|
||||
background-position: 0 -15px; |
|
||||
} |
|
||||
.btn-danger:active, |
|
||||
.btn-danger.active { |
|
||||
background-color: #c12e2a; |
|
||||
border-color: #b92c28; |
|
||||
} |
|
||||
.btn-danger:disabled, |
|
||||
.btn-danger[disabled] { |
|
||||
background-color: #c12e2a; |
|
||||
background-image: none; |
|
||||
} |
|
||||
.thumbnail, |
|
||||
.img-thumbnail { |
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075); |
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, .075); |
|
||||
} |
|
||||
.dropdown-menu > li > a:hover, |
|
||||
.dropdown-menu > li > a:focus { |
|
||||
background-color: #e8e8e8; |
|
||||
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); |
|
||||
background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); |
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8)); |
|
||||
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); |
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0); |
|
||||
background-repeat: repeat-x; |
|
||||
} |
|
||||
.dropdown-menu > .active > a, |
|
||||
.dropdown-menu > .active > a:hover, |
|
||||
.dropdown-menu > .active > a:focus { |
|
||||
background-color: #2e6da4; |
|
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%); |
|
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%); |
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4)); |
|
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%); |
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0); |
|
||||
background-repeat: repeat-x; |
|
||||
} |
|
||||
.navbar-default { |
|
||||
background-image: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%); |
|
||||
background-image: -o-linear-gradient(top, #fff 0%, #f8f8f8 100%); |
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8)); |
|
||||
background-image: linear-gradient(to bottom, #fff 0%, #f8f8f8 100%); |
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0); |
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
|
||||
background-repeat: repeat-x; |
|
||||
border-radius: 4px; |
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075); |
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075); |
|
||||
} |
|
||||
.navbar-default .navbar-nav > .open > a, |
|
||||
.navbar-default .navbar-nav > .active > a { |
|
||||
background-image: -webkit-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%); |
|
||||
background-image: -o-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%); |
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#e2e2e2)); |
|
||||
background-image: linear-gradient(to bottom, #dbdbdb 0%, #e2e2e2 100%); |
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0); |
|
||||
background-repeat: repeat-x; |
|
||||
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075); |
|
||||
box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075); |
|
||||
} |
|
||||
.navbar-brand, |
|
||||
.navbar-nav > li > a { |
|
||||
text-shadow: 0 1px 0 rgba(255, 255, 255, .25); |
|
||||
} |
|
||||
.navbar-inverse { |
|
||||
background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%); |
|
||||
background-image: -o-linear-gradient(top, #3c3c3c 0%, #222 100%); |
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#222)); |
|
||||
background-image: linear-gradient(to bottom, #3c3c3c 0%, #222 100%); |
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0); |
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
|
||||
background-repeat: repeat-x; |
|
||||
} |
|
||||
.navbar-inverse .navbar-nav > .open > a, |
|
||||
.navbar-inverse .navbar-nav > .active > a { |
|
||||
background-image: -webkit-linear-gradient(top, #080808 0%, #0f0f0f 100%); |
|
||||
background-image: -o-linear-gradient(top, #080808 0%, #0f0f0f 100%); |
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#080808), to(#0f0f0f)); |
|
||||
background-image: linear-gradient(to bottom, #080808 0%, #0f0f0f 100%); |
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0); |
|
||||
background-repeat: repeat-x; |
|
||||
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25); |
|
||||
box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25); |
|
||||
} |
|
||||
.navbar-inverse .navbar-brand, |
|
||||
.navbar-inverse .navbar-nav > li > a { |
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); |
|
||||
} |
|
||||
.navbar-static-top, |
|
||||
.navbar-fixed-top, |
|
||||
.navbar-fixed-bottom { |
|
||||
border-radius: 0; |
|
||||
} |
|
||||
@media (max-width: 767px) { |
|
||||
.navbar .navbar-nav .open .dropdown-menu > .active > a, |
|
||||
.navbar .navbar-nav .open .dropdown-menu > .active > a:hover, |
|
||||
.navbar .navbar-nav .open .dropdown-menu > .active > a:focus { |
|
||||
color: #fff; |
|
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%); |
|
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%); |
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4)); |
|
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%); |
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0); |
|
||||
background-repeat: repeat-x; |
|
||||
} |
|
||||
} |
|
||||
.alert { |
|
||||
text-shadow: 0 1px 0 rgba(255, 255, 255, .2); |
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05); |
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05); |
|
||||
} |
|
||||
.alert-success { |
|
||||
background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%); |
|
||||
background-image: -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%); |
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc)); |
|
||||
background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%); |
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0); |
|
||||
background-repeat: repeat-x; |
|
||||
border-color: #b2dba1; |
|
||||
} |
|
||||
.alert-info { |
|
||||
background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%); |
|
||||
background-image: -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%); |
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0)); |
|
||||
background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%); |
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0); |
|
||||
background-repeat: repeat-x; |
|
||||
border-color: #9acfea; |
|
||||
} |
|
||||
.alert-warning { |
|
||||
background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%); |
|
||||
background-image: -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%); |
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0)); |
|
||||
background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%); |
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0); |
|
||||
background-repeat: repeat-x; |
|
||||
border-color: #f5e79e; |
|
||||
} |
|
||||
.alert-danger { |
|
||||
background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%); |
|
||||
background-image: -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%); |
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3)); |
|
||||
background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%); |
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0); |
|
||||
background-repeat: repeat-x; |
|
||||
border-color: #dca7a7; |
|
||||
} |
|
||||
.progress { |
|
||||
background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%); |
|
||||
background-image: -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%); |
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f5f5f5)); |
|
||||
background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%); |
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0); |
|
||||
background-repeat: repeat-x; |
|
||||
} |
|
||||
.progress-bar { |
|
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #286090 100%); |
|
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #286090 100%); |
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#286090)); |
|
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #286090 100%); |
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0); |
|
||||
background-repeat: repeat-x; |
|
||||
} |
|
||||
.progress-bar-success { |
|
||||
background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%); |
|
||||
background-image: -o-linear-gradient(top, #5cb85c 0%, #449d44 100%); |
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#449d44)); |
|
||||
background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%); |
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0); |
|
||||
background-repeat: repeat-x; |
|
||||
} |
|
||||
.progress-bar-info { |
|
||||
background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%); |
|
||||
background-image: -o-linear-gradient(top, #5bc0de 0%, #31b0d5 100%); |
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#31b0d5)); |
|
||||
background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%); |
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0); |
|
||||
background-repeat: repeat-x; |
|
||||
} |
|
||||
.progress-bar-warning { |
|
||||
background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%); |
|
||||
background-image: -o-linear-gradient(top, #f0ad4e 0%, #ec971f 100%); |
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#ec971f)); |
|
||||
background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%); |
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0); |
|
||||
background-repeat: repeat-x; |
|
||||
} |
|
||||
.progress-bar-danger { |
|
||||
background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%); |
|
||||
background-image: -o-linear-gradient(top, #d9534f 0%, #c9302c 100%); |
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c9302c)); |
|
||||
background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%); |
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0); |
|
||||
background-repeat: repeat-x; |
|
||||
} |
|
||||
.progress-bar-striped { |
|
||||
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); |
|
||||
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); |
|
||||
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); |
|
||||
} |
|
||||
.list-group { |
|
||||
border-radius: 4px; |
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075); |
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, .075); |
|
||||
} |
|
||||
.list-group-item.active, |
|
||||
.list-group-item.active:hover, |
|
||||
.list-group-item.active:focus { |
|
||||
text-shadow: 0 -1px 0 #286090; |
|
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #2b669a 100%); |
|
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #2b669a 100%); |
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2b669a)); |
|
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #2b669a 100%); |
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0); |
|
||||
background-repeat: repeat-x; |
|
||||
border-color: #2b669a; |
|
||||
} |
|
||||
.list-group-item.active .badge, |
|
||||
.list-group-item.active:hover .badge, |
|
||||
.list-group-item.active:focus .badge { |
|
||||
text-shadow: none; |
|
||||
} |
|
||||
.panel { |
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05); |
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, .05); |
|
||||
} |
|
||||
.panel-default > .panel-heading { |
|
||||
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); |
|
||||
background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); |
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8)); |
|
||||
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); |
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0); |
|
||||
background-repeat: repeat-x; |
|
||||
} |
|
||||
.panel-primary > .panel-heading { |
|
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%); |
|
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%); |
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4)); |
|
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%); |
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0); |
|
||||
background-repeat: repeat-x; |
|
||||
} |
|
||||
.panel-success > .panel-heading { |
|
||||
background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%); |
|
||||
background-image: -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%); |
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6)); |
|
||||
background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%); |
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0); |
|
||||
background-repeat: repeat-x; |
|
||||
} |
|
||||
.panel-info > .panel-heading { |
|
||||
background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%); |
|
||||
background-image: -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%); |
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3)); |
|
||||
background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%); |
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0); |
|
||||
background-repeat: repeat-x; |
|
||||
} |
|
||||
.panel-warning > .panel-heading { |
|
||||
background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%); |
|
||||
background-image: -o-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%); |
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#faf2cc)); |
|
||||
background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%); |
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0); |
|
||||
background-repeat: repeat-x; |
|
||||
} |
|
||||
.panel-danger > .panel-heading { |
|
||||
background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%); |
|
||||
background-image: -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%); |
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#ebcccc)); |
|
||||
background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%); |
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0); |
|
||||
background-repeat: repeat-x; |
|
||||
} |
|
||||
.well { |
|
||||
background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%); |
|
||||
background-image: -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%); |
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#f5f5f5)); |
|
||||
background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%); |
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0); |
|
||||
background-repeat: repeat-x; |
|
||||
border-color: #dcdcdc; |
|
||||
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1); |
|
||||
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1); |
|
||||
} |
|
@ -0,0 +1,16 @@ |
|||||
|
@charset "utf-8"; /* vynuť utf-8 */ |
||||
|
|
||||
|
/* Konstanty (převážně barvy) pro užití v dalších css */ |
||||
|
|
||||
|
:root { |
||||
|
--hlavni-oranzova: #e84e10; |
||||
|
--tmava-oranzova: #6f2509; |
||||
|
--svetla-oranzova: #f9d59e; |
||||
|
--svetlounka-oranzova: rgb(253, 237, 213); |
||||
|
|
||||
|
--orgovska-fialova: #6a0043; |
||||
|
--orgovska-svetla-fialova: #eee4ec; |
||||
|
|
||||
|
--barva-pozadi: #fffbf6; |
||||
|
} |
||||
|
|
@ -0,0 +1,581 @@ |
|||||
|
@charset "utf-8"; /* vynuť utf-8 */ |
||||
|
|
||||
|
/* Rozložení webu a jeho prvky (hlavička, menu, footer) */ |
||||
|
|
||||
|
:root { |
||||
|
--footer-height: 200px; |
||||
|
--login-bar-height: 20px; |
||||
|
} |
||||
|
|
||||
|
/**** KONTEJNER ****/ |
||||
|
div.kontejner {/* Ne container, aby se to netlouklo s bootstrapem. */ |
||||
|
width: 970px; |
||||
|
margin: auto; |
||||
|
min-height: 100vh; |
||||
|
position: relative; |
||||
|
padding: 0; |
||||
|
|
||||
|
.org-logged-in & { |
||||
|
margin-top: var(--login-bar-height); |
||||
|
} |
||||
|
|
||||
|
div.kontent-wrapper { |
||||
|
padding-bottom: var(--footer-height); |
||||
|
|
||||
|
div.kontent { |
||||
|
padding: 15px 30px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/* Roztáhne obsah z containeru na celou šířku obrazovky: */ |
||||
|
.full_width { |
||||
|
width: 100vw; |
||||
|
margin-left: calc(-50vw + 485px); |
||||
|
|
||||
|
/* Na úzkém displeji nechceme nic dělat. */ |
||||
|
@media(max-width: 860px) { |
||||
|
margin-left: 0; |
||||
|
width: unset; |
||||
|
} |
||||
|
} |
||||
|
/*******************/ |
||||
|
|
||||
|
|
||||
|
/**** HLAVIČKA ****/ |
||||
|
#title { /*dělá blbosti šířka, je to kvůli fixed pozici, zatím natvrdo, vyřešit*/ |
||||
|
height: 55px; |
||||
|
width: 970px; |
||||
|
position: fixed; |
||||
|
z-index: 2048; |
||||
|
background-color: var(--hlavni-oranzova); |
||||
|
filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.4)); |
||||
|
|
||||
|
font-size: 28px; |
||||
|
color: var(--barva-pozadi); |
||||
|
font-weight: 400; |
||||
|
font-variant: small-caps; |
||||
|
text-align: center; |
||||
|
text-decoration: none; |
||||
|
padding-top: 8px; |
||||
|
text-shadow: none; |
||||
|
} |
||||
|
|
||||
|
#header { |
||||
|
position: relative; |
||||
|
background: url("../images/header/vikendovka.jpg") no-repeat center top; /* poměr 350:970, TODO: aby to nemuselo být přesně na pixely */ |
||||
|
background-size: 100%; |
||||
|
top: 58px; |
||||
|
|
||||
|
img.logo { |
||||
|
width: 100%; |
||||
|
filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.4)); |
||||
|
} |
||||
|
|
||||
|
img.logo-mobile { |
||||
|
display: none; |
||||
|
} |
||||
|
|
||||
|
.no-mobile { |
||||
|
background-size: contain; |
||||
|
} |
||||
|
} |
||||
|
/******************/ |
||||
|
|
||||
|
|
||||
|
/**** Footer ****/ |
||||
|
#footer { |
||||
|
position: absolute; |
||||
|
bottom: 0; |
||||
|
width: 100%; |
||||
|
background: url("../images/mozaika-footer.svg") no-repeat top center; |
||||
|
height: var(--footer-height); |
||||
|
background-size: 100%; |
||||
|
filter: drop-shadow(5px 0px 5px rgba(0, 0, 0, 0.4)); |
||||
|
padding-top: 3.5%; |
||||
|
|
||||
|
p.license { |
||||
|
text-align: center; |
||||
|
font-weight: 400; |
||||
|
bottom: 0; |
||||
|
|
||||
|
a { |
||||
|
color: #333; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
@media (max-width: 650px) { |
||||
|
display: none; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
p.license-mobile { |
||||
|
display: none; |
||||
|
margin-bottom: 0; |
||||
|
|
||||
|
@media (max-width: 650px) { |
||||
|
position: relative; |
||||
|
display: block; |
||||
|
font-size: 90%; |
||||
|
background-color: var(--hlavni-oranzova); |
||||
|
padding: 5%; |
||||
|
text-align: justify; |
||||
|
} |
||||
|
} |
||||
|
/****************/ |
||||
|
|
||||
|
|
||||
|
/**** LOGIN BAR ****/ |
||||
|
div.login-bar { |
||||
|
background: var(--orgovska-fialova); |
||||
|
color: var(--svetla-oranzova); |
||||
|
width: 100%; |
||||
|
|
||||
|
position: fixed; |
||||
|
margin-top: calc(-1 * var(--login-bar-height)); |
||||
|
min-height: var(--login-bar-height); |
||||
|
z-index: 4086; |
||||
|
|
||||
|
padding-left: 5px; |
||||
|
padding-right: 5px; |
||||
|
|
||||
|
div { |
||||
|
display: inline; |
||||
|
} |
||||
|
|
||||
|
a.LOGIN-ref-admin { |
||||
|
display: inline; |
||||
|
color: var(--barva-pozadi); |
||||
|
} |
||||
|
|
||||
|
.LOGIN_napis-webarum { |
||||
|
display: inline; |
||||
|
color: var(--barva-pozadi); |
||||
|
float: right; |
||||
|
|
||||
|
a { |
||||
|
color: var(--svetla-oranzova); |
||||
|
text-decoration: underline; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
/*******************/ |
||||
|
|
||||
|
|
||||
|
/* stránka přes celý displej */ |
||||
|
@media (max-width: 970px) { |
||||
|
div.kontejner { |
||||
|
width: 100%; |
||||
|
} |
||||
|
|
||||
|
#title { |
||||
|
width: 100%; |
||||
|
text-align: center; |
||||
|
} |
||||
|
|
||||
|
#header { |
||||
|
background-size: 100%; |
||||
|
|
||||
|
img.logo { |
||||
|
width: 100%; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
#footer { |
||||
|
width: 100%; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/* malý tablet, mobil */ |
||||
|
@media (max-width: 650px) { |
||||
|
|
||||
|
#hide-if-small.login-bar-flatpage { |
||||
|
display: none; |
||||
|
} |
||||
|
|
||||
|
#title { |
||||
|
display: none; |
||||
|
} |
||||
|
|
||||
|
#header { |
||||
|
width: 100%; |
||||
|
top: 0; |
||||
|
background-image: none; |
||||
|
|
||||
|
img.logo { |
||||
|
display: none; |
||||
|
} |
||||
|
|
||||
|
img.logo-mobile { |
||||
|
display: block; |
||||
|
top: 0; |
||||
|
left: 0; |
||||
|
width: 100%; |
||||
|
filter: drop-shadow(0px 0 5px rgba(0, 0, 0, 0.4)); |
||||
|
margin-bottom: 3px; |
||||
|
} |
||||
|
|
||||
|
.no-mobile{ |
||||
|
display: none; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
/**** MENU ****/ |
||||
|
ul.menu_mobile { |
||||
|
display: none; |
||||
|
} |
||||
|
|
||||
|
nav.nav-button { |
||||
|
display: none; |
||||
|
} |
||||
|
|
||||
|
ul.menu { |
||||
|
width: 100%; |
||||
|
padding: 0; |
||||
|
margin-top: -5px; /* posune celé menu nahoru (pak potřeba zvětšit mezeru mezi menu a submenu) */ |
||||
|
|
||||
|
font-variant: small-caps; |
||||
|
|
||||
|
a { |
||||
|
text-decoration: none; |
||||
|
font-weight: bold; |
||||
|
font-size: 105%; |
||||
|
} |
||||
|
|
||||
|
li { |
||||
|
margin: 0; |
||||
|
display: inline-block; |
||||
|
width: 16.666667%; |
||||
|
text-align: center; |
||||
|
|
||||
|
font-size: 140%; |
||||
|
font-weight: 400; |
||||
|
|
||||
|
>a:hover, >a:active { |
||||
|
color: black; |
||||
|
} |
||||
|
|
||||
|
&.active>a { |
||||
|
color: var(--svetla-oranzova); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
ul.submenu { |
||||
|
|
||||
|
background-color: var(--hlavni-oranzova); |
||||
|
margin-top: 10px; /* mezera mezi hlavním menu a submenu */ |
||||
|
margin-bottom: 10px; |
||||
|
padding-top: 10px; |
||||
|
padding-bottom: 5px; |
||||
|
filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.4)); |
||||
|
|
||||
|
z-index: 50; |
||||
|
font-weight: 400; |
||||
|
|
||||
|
li { |
||||
|
width: auto; |
||||
|
padding: 0 20px 0 20px; |
||||
|
display: inline-block; |
||||
|
|
||||
|
>a { |
||||
|
color: var(--svetla-oranzova); |
||||
|
text-decoration: none; |
||||
|
text-shadow: none; |
||||
|
|
||||
|
:hover { |
||||
|
color: black; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
ul.submenu li.active>a, .parentactive ul li:first-child>a { |
||||
|
color: black; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
@media (max-width: 970px) { |
||||
|
ul.menu { |
||||
|
font-size: 90%; |
||||
|
margin-top: -7px; |
||||
|
|
||||
|
li { |
||||
|
margin-top: 10px; /* posunutí textu hlavního menu níže */ |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
ul.submenu { |
||||
|
margin-top: 8px; /* mezera mezi hlavním menu a submenu */ |
||||
|
|
||||
|
li { |
||||
|
margin-top: 0; /* aby se spolu s textem hlavního menu neposunoval níže i text submenu */ |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
@media(max-width: 800px) { |
||||
|
ul.menu { |
||||
|
font-size: 80%; |
||||
|
margin-top: -2px; |
||||
|
|
||||
|
li { |
||||
|
margin-top: 10px; /* posunutí textu hlavního menu níže */ |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
ul.submenu { |
||||
|
margin-top: 8px; /* mezera mezi hlavním menu a submenu */ |
||||
|
|
||||
|
li { |
||||
|
margin-top: 0; /* aby se spolu s textem hlavního menu neposunoval níže i text submenu */ |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
@media (max-width: 650px) { |
||||
|
ul.menu { |
||||
|
display: none; |
||||
|
} |
||||
|
|
||||
|
ul.menu_mobile { |
||||
|
display: block; |
||||
|
z-index: 10; |
||||
|
position: sticky; |
||||
|
font-variant: small-caps; |
||||
|
font-size: 150%; |
||||
|
font-weight: bold; |
||||
|
list-style-type: none; |
||||
|
padding-top: 3px; |
||||
|
padding-bottom: 3px; |
||||
|
padding-left: 12px; |
||||
|
|
||||
|
a { |
||||
|
&:active, &:hover, &:focus { |
||||
|
text-decoration: none; |
||||
|
color: black; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
ul { |
||||
|
list-style-type: none; |
||||
|
font-size: 90%; |
||||
|
color: black; /*černé šipky submenu*/ |
||||
|
|
||||
|
li { |
||||
|
> a { |
||||
|
color: black; |
||||
|
} |
||||
|
|
||||
|
&::before { |
||||
|
content: ' \276D '; /*https://www.w3schools.com/cssref/css_entities.asp*/ |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
br { |
||||
|
display: none; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
nav.nav-button { |
||||
|
display: block; |
||||
|
position: sticky; |
||||
|
position: -webkit-sticky; |
||||
|
top: 0; |
||||
|
z-index: 10; |
||||
|
} |
||||
|
|
||||
|
#navbar-content { |
||||
|
background-color: var(--hlavni-oranzova); |
||||
|
} |
||||
|
|
||||
|
button.navbar-button { |
||||
|
color: #f9d59e; |
||||
|
background-color: var(--hlavni-oranzova); |
||||
|
font-variant: small-caps; |
||||
|
font-size: 160%; |
||||
|
border-radius: 0; |
||||
|
border-width: 0; |
||||
|
width: 100%; |
||||
|
text-align: right; |
||||
|
} |
||||
|
|
||||
|
button.navbar-button span::after { |
||||
|
content: ' \2261 '; |
||||
|
font-size: 120%; |
||||
|
} |
||||
|
|
||||
|
li.dropdown div.submenu_mobile { |
||||
|
display: none; |
||||
|
--bs-dropdown-bg: var(--hlavni-oranzova); |
||||
|
} |
||||
|
|
||||
|
li.dropdown div.submenu_mobile.show { |
||||
|
display: block; |
||||
|
} |
||||
|
} /* konec @media */ |
||||
|
/**************/ |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
/**** ROZLIŠENÍ MEZI LOKÁLNÍM, TESTOVACÍM A PRODUKČNÍM WEBEM ****/ |
||||
|
body.localweb, body.testweb, body.suprodweb { |
||||
|
&:before, &:after { |
||||
|
content: ""; |
||||
|
position: fixed; |
||||
|
width: 20px; |
||||
|
height: 100%; |
||||
|
top: 0; |
||||
|
z-index: -1000; |
||||
|
} |
||||
|
|
||||
|
&:before { left: 0; } |
||||
|
&:after { right: 0; } |
||||
|
} |
||||
|
|
||||
|
body.localweb { &:before, &:after { background: greenyellow; } } |
||||
|
body.testweb { &:before, &:after { background: darkorange; } } |
||||
|
body.suprodweb { &:before, &:after { background: red; } } |
||||
|
/****************************************************************/ |
||||
|
|
||||
|
|
||||
|
/**** ZBYTEK ****/ |
||||
|
/* (konkrétní stránky) */ |
||||
|
|
||||
|
/* Titulní stránka */ |
||||
|
.titulnistrana { |
||||
|
display: flex; |
||||
|
text-align: justify; |
||||
|
|
||||
|
@media(max-width: 800px){ |
||||
|
display: block; |
||||
|
} |
||||
|
|
||||
|
h1 { text-align: center; } |
||||
|
|
||||
|
.TITULNI_STRANA_zjistit_vic{ |
||||
|
text-align: center; |
||||
|
margin-bottom: 30px; |
||||
|
|
||||
|
hr { |
||||
|
display: none; |
||||
|
|
||||
|
@media(max-width: 800px){ |
||||
|
display: flex; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.TITULNI_STRANA_graf { |
||||
|
@media(max-width: 800px) { |
||||
|
padding-top: 40px; |
||||
|
} |
||||
|
|
||||
|
.TITULNI_STRANA_graf-svg { |
||||
|
display: flex; |
||||
|
|
||||
|
#svg-graf { |
||||
|
width: 100%; |
||||
|
height: auto; |
||||
|
margin: 30px; |
||||
|
|
||||
|
@media(max-width: 800px){ |
||||
|
max-width: 500px; |
||||
|
padding: 10px; |
||||
|
margin: auto; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.TITULNI_STRANA_obsah { |
||||
|
width: 66%; |
||||
|
|
||||
|
@media(max-width: 800px){ |
||||
|
width: 100%; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.TITULNI_STRANA_vitej_titulka, .TITULNI_STRANA_temata_titulka { |
||||
|
width: 49%; |
||||
|
padding: 10px; |
||||
|
display: table-cell; |
||||
|
|
||||
|
@media (max-width: 650px) { |
||||
|
width: 100%; |
||||
|
display: block; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.TITULNI_STRANA_novinky { |
||||
|
width: 33%; |
||||
|
padding: 10px; |
||||
|
|
||||
|
@media(max-width: 800px){ |
||||
|
width: 100%; |
||||
|
max-width: 500px; |
||||
|
margin: auto; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
div.org-text { |
||||
|
font-style: italic; |
||||
|
} |
||||
|
|
||||
|
div.odpocet { |
||||
|
margin: 20px; |
||||
|
text-align: center; |
||||
|
} |
||||
|
|
||||
|
/* Stránky Aktuální ročník */ |
||||
|
.stranka_aktualni_zadani { |
||||
|
text-align: center; |
||||
|
|
||||
|
#AKTUALNI_ZADADNI_obrazek { |
||||
|
margin-top: 15px; |
||||
|
} |
||||
|
|
||||
|
div.AKTUALNI_ZADANI_termin { |
||||
|
text-align: center; |
||||
|
font-size: large; |
||||
|
font-weight: bold; |
||||
|
|
||||
|
@media (max-width: 420px) { |
||||
|
font-size: small; |
||||
|
} |
||||
|
|
||||
|
.AKTUALNI_ZADANI_datum { |
||||
|
color: var(--hlavni-oranzova); |
||||
|
margin: 0; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
#obrazek_cisla_archiv { |
||||
|
text-align: center; |
||||
|
margin: 10px; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
/* Stránka Jak řešit */ |
||||
|
.jakresit svg { |
||||
|
width: 33%; |
||||
|
padding: 10px; |
||||
|
filter: none; |
||||
|
|
||||
|
@media(max-width: 860px) { |
||||
|
margin: auto; |
||||
|
display: grid; |
||||
|
width: 100%; |
||||
|
max-width: 360px; |
||||
|
} |
||||
|
} |
@ -1,38 +0,0 @@ |
|||||
/* |
|
||||
.pink { |
|
||||
background-color: #ffc0cb; |
|
||||
} |
|
||||
|
|
||||
div.borderized { |
|
||||
border-style: solid; |
|
||||
border-radius: 5px; |
|
||||
padding: 5px; |
|
||||
padding-right: 20px; |
|
||||
} |
|
||||
|
|
||||
div.tnmenu { |
|
||||
float: right; |
|
||||
margin-right: 0px; |
|
||||
} |
|
||||
|
|
||||
|
|
||||
div.parent { |
|
||||
border-width: 2px; |
|
||||
} |
|
||||
|
|
||||
div.children { |
|
||||
border-width: 1px; |
|
||||
} |
|
||||
|
|
||||
div.node_type { |
|
||||
background-color: #d4d4d4; |
|
||||
} |
|
||||
|
|
||||
.hidden-tn { |
|
||||
display: none; |
|
||||
} |
|
||||
|
|
||||
/*test*/ |
|
||||
h1 { |
|
||||
color: chartreuse; |
|
||||
} |
|
@ -0,0 +1,488 @@ |
|||||
|
@charset "utf-8"; /* vynuť utf-8 */ |
||||
|
|
||||
|
/* Bloky použité na webu */ |
||||
|
|
||||
|
|
||||
|
.horizonatlni_scrollovani { overflow-x: auto; } |
||||
|
|
||||
|
/* Používá se pro podproblémy ve výsledkovkách -- zesvětlí se daný sloupec */ |
||||
|
.zesvetleni { color: gray; } |
||||
|
|
||||
|
|
||||
|
/**** OZNAČENÍ NE-PUBLIC ČÁSTÍ ****/ |
||||
|
.mam-org-only { |
||||
|
background: var(--orgovska-svetla-fialova); |
||||
|
padding: 10px; |
||||
|
margin: 10px -10px; |
||||
|
border: var(--orgovska-fialova) 2px dashed; |
||||
|
|
||||
|
& .mam-org-only { |
||||
|
border: 0; |
||||
|
} |
||||
|
|
||||
|
&li { |
||||
|
padding: 3px 0; |
||||
|
margin: -2px 0; |
||||
|
} |
||||
|
} |
||||
|
/**********************************/ |
||||
|
|
||||
|
|
||||
|
/**** ZAŠKRTÁVÁTKO ****/ |
||||
|
/* Select2 používaný hlavně multiple selectem. Přidání checkboxů a změna barvy. */ |
||||
|
/* Podle https://stackoverflow.com/a/48290544 */ |
||||
|
/* U autocomplete.ModelSelect2Multiple vyžaduje 'data-dropdown-css-class': 's2m-se-zaskrtavatky' */ |
||||
|
.s2m-se-zaskrtavatky .select2-results__option[aria-selected=true]:before { |
||||
|
content: '☑ '; |
||||
|
padding: 0 0 0 8px; |
||||
|
} |
||||
|
|
||||
|
.s2m-se-zaskrtavatky .select2-results__option[aria-selected=false]:before { |
||||
|
content: '◻ '; |
||||
|
padding: 0 0 0 8px; |
||||
|
} |
||||
|
|
||||
|
/* Oranžové zvýraznění v Select2 */ |
||||
|
.select2-results__option--highlighted { |
||||
|
background-color: var(--hlavni-oranzova) !important; |
||||
|
} |
||||
|
/**********************/ |
||||
|
|
||||
|
|
||||
|
/**** OTÁČECÍ KARTY ****/ |
||||
|
/* (orgové, archiv) */ |
||||
|
.flip-card { |
||||
|
perspective: 1000px; /* Remove this if you don't want the 3D effect */ |
||||
|
margin-left: auto; |
||||
|
margin-right: auto; |
||||
|
|
||||
|
/* This container is needed to position the front and back side */ |
||||
|
.flip-card-inner { |
||||
|
position: relative; |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
transition: transform 0.8s; |
||||
|
transform-style: preserve-3d; |
||||
|
} |
||||
|
|
||||
|
/* Do an horizontal flip when you move the mouse over the flip box container */ |
||||
|
&:hover .flip-card-inner { |
||||
|
transform: rotateY(180deg); |
||||
|
} |
||||
|
|
||||
|
/* Position the front and back side */ |
||||
|
.flip-card-front, .flip-card-back { |
||||
|
position: absolute; |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
-webkit-backface-visibility: hidden; /* Safari */ |
||||
|
backface-visibility: hidden; |
||||
|
} |
||||
|
|
||||
|
div.flip-card-foto, div.flip-card-foto img { |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
|
||||
|
/* Pokud je na přední straně něco proklikávacího (třeba celá fotka), tak na dotykových zařízeních nemůže proklikávat, aby se dalo otáčet */ |
||||
|
@media(hover: none) { |
||||
|
a { pointer-events: none; } |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/* Style the back side */ |
||||
|
.flip-card-back { |
||||
|
transform: rotateY(180deg); |
||||
|
padding: 10px; |
||||
|
padding-top: 20px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.flip-card-back { |
||||
|
background-color: var(--svetla-oranzova); |
||||
|
color: black; |
||||
|
} |
||||
|
|
||||
|
.otaceci_cisla .flip-card-back { |
||||
|
background-color: white; |
||||
|
color: unset; |
||||
|
} |
||||
|
|
||||
|
/* Otáčecí karta musí mít kolem sebe nějaké místo a mívá nějaký nadpis */ |
||||
|
.flip_card_container { |
||||
|
display: inline-block; |
||||
|
width: 30%; |
||||
|
min-width: 300px; |
||||
|
text-align: center; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
/** Jednotlivá použití **/ |
||||
|
.seznam_orgu, .seznam_archiv, .rozcestnik_temat { |
||||
|
text-align: center; /* zarovná karty na střed */ |
||||
|
} |
||||
|
|
||||
|
.seznam_orgu .flip-card { |
||||
|
width: 200px; |
||||
|
height: 250px; |
||||
|
} |
||||
|
|
||||
|
.seznam_orgu .flip_card_container h3 { |
||||
|
margin-bottom: 0; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
.seznam_archiv .flip-card { |
||||
|
width: 210px; |
||||
|
height: 298px; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
.cisla-v-rocniku .flip-card { |
||||
|
width: 144px; |
||||
|
height: 205px; |
||||
|
} |
||||
|
|
||||
|
.cisla-v-rocniku .flip_card_container { |
||||
|
width: 15%; |
||||
|
min-width: 165px; |
||||
|
padding: 10px; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
.rozcestnik_temat .flip-card { |
||||
|
width: 300px; |
||||
|
height: 300px; |
||||
|
} |
||||
|
|
||||
|
.rozcestnik_temat .flip_card_container { |
||||
|
width: 40%; |
||||
|
min-width: 350px; |
||||
|
padding-bottom: 20px; |
||||
|
} |
||||
|
/************************/ |
||||
|
|
||||
|
|
||||
|
|
||||
|
/* karty archiv */ |
||||
|
|
||||
|
div.popis_rocniku { |
||||
|
text-align: left; |
||||
|
font-weight: bold; |
||||
|
margin: 20px; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
div.popis_rocniku a, div.cislo_odkazy a { |
||||
|
font-weight: bold; |
||||
|
color: unset; |
||||
|
} |
||||
|
|
||||
|
div.popis_rocniku a:hover, |
||||
|
div.cislo_odkazy a:hover { |
||||
|
color: var(--tmava-oranzova); |
||||
|
} |
||||
|
|
||||
|
div.cislo_odkazy ul { |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
} |
||||
|
|
||||
|
/* karty orgů */ |
||||
|
div.org_email { |
||||
|
margin-bottom: 10px; |
||||
|
font-weight: bold; |
||||
|
} |
||||
|
/***********************/ |
||||
|
|
||||
|
|
||||
|
/**** TABULKY ****/ |
||||
|
|
||||
|
/** Tabulka s čárami mezi sloupci **/ |
||||
|
/* Např. výsledkovky */ |
||||
|
|
||||
|
.tabulka_oramovane_sloupce { |
||||
|
border: solid 2px; |
||||
|
|
||||
|
td, th { |
||||
|
&:first-child, &:first-child { |
||||
|
border-left: none; |
||||
|
border-right: solid 1px; |
||||
|
} |
||||
|
|
||||
|
&:nth-child(2), &:nth-child(2) { |
||||
|
border-left: none; |
||||
|
} |
||||
|
|
||||
|
padding: 0.1em 0.3em; |
||||
|
border-left: solid 1px; |
||||
|
} |
||||
|
|
||||
|
thead { th, td { |
||||
|
border-bottom: solid 1px; |
||||
|
} } |
||||
|
} |
||||
|
/***********************************/ |
||||
|
|
||||
|
|
||||
|
/** Tabulka se střídajícími se barvami řádků **/ |
||||
|
/* Skoro jakákoliv tabulka kromě výsledkovek */ |
||||
|
|
||||
|
.barevna_tabulka { |
||||
|
td th { |
||||
|
padding: 1px 10px 1px 10px; |
||||
|
} |
||||
|
|
||||
|
tbody tr:nth-child(even), thead tr { |
||||
|
background: var(--svetlounka-oranzova); |
||||
|
} |
||||
|
|
||||
|
tbody tr:nth-child(odd) { |
||||
|
background: var(--barva-pozadi); |
||||
|
} |
||||
|
} |
||||
|
/**********************************************/ |
||||
|
|
||||
|
|
||||
|
/** Tabulka, kde první řádek a sloupec je pořád vidět **/ |
||||
|
/* Např. tabulka odevzdaných řešení, nebo výsledkovky */ |
||||
|
.tabulka_s_uchycenym_radkem_a_sloupcem { |
||||
|
/* Omezí výšku a šířku, aby bylo příjemné na scrollování a zapne scrollování */ |
||||
|
display: block; |
||||
|
width: fit-content; /* display: block; roztahuje na celou šířku */ |
||||
|
max-height: 80vh; |
||||
|
overflow: auto; |
||||
|
max-width: 90%; /* (FIXME asi není potřeba u tabulek, co nejsou na celou obrazovku) */ |
||||
|
margin-left: 5%; /* Vystředování (FIXME není potřeba u tabulek, co nejsou na celou obrazovku) */ |
||||
|
|
||||
|
border-collapse: separate; /* Pokud má tabulka orámování, je potřeba ho separovat, aby dodrželo position: sticky; */ |
||||
|
border-spacing: 0; |
||||
|
|
||||
|
/* Uchytí první řádek */ |
||||
|
thead tr { |
||||
|
position: sticky; |
||||
|
top: 0; |
||||
|
z-index: 2; |
||||
|
} |
||||
|
|
||||
|
/* Uchytí první sloupec */ |
||||
|
td, th { &:first-child { |
||||
|
position: sticky; |
||||
|
left: 0; |
||||
|
background: inherit; /* (Snad) zneprůhlední první sloupec */ |
||||
|
z-index: 1; |
||||
|
} } |
||||
|
} |
||||
|
|
||||
|
/* (Snad) zneprůhlednění prvního řádku (a sloupce) FIXME: tohle je trochu hack a potenciálně může něco rozbít */ |
||||
|
.tabulka_s_uchycenym_radkem_a_sloupcem, |
||||
|
.tabulka_s_uchycenym_radkem_a_sloupcem thead, |
||||
|
.tabulka_s_uchycenym_radkem_a_sloupcem tbody, |
||||
|
.tabulka_s_uchycenym_radkem_a_sloupcem tr, |
||||
|
.kontejner, |
||||
|
.kontent-wrapper, |
||||
|
.kontent |
||||
|
{ |
||||
|
background: inherit; |
||||
|
} |
||||
|
/*******************************************************/ |
||||
|
|
||||
|
/** Tabulka mající všechna ohraničení **/ |
||||
|
.plne_ohranicena_tabulka { |
||||
|
border-collapse: collapse; |
||||
|
|
||||
|
tr { th, td { |
||||
|
border: 1px solid black; |
||||
|
padding: 1px 10px 1px 10px; |
||||
|
} } |
||||
|
} |
||||
|
/***************************************/ |
||||
|
|
||||
|
/** Tabulka odevzdaných a došlých řešení **/ |
||||
|
.tabulka_doslych_reseni td { |
||||
|
min-width: 8em; /* Nastřeleno, aby se řádky s řešeními nezalamovaly. */ |
||||
|
} |
||||
|
/******************************************/ |
||||
|
|
||||
|
/** Výsledkovky **/ |
||||
|
.vysledkovka, .tabulka_oramovane_sloupce { |
||||
|
td, th { |
||||
|
&:first-child { position: unset; } |
||||
|
|
||||
|
&:nth-child(2) { |
||||
|
border-right: solid 1px; |
||||
|
|
||||
|
position: sticky; |
||||
|
left: 0; |
||||
|
background: inherit; /* (Snad) zneprůhlední druhý sloupec */ |
||||
|
z-index: 1; |
||||
|
} |
||||
|
|
||||
|
&:nth-child(3) { |
||||
|
border-left: none; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
/*****************/ |
||||
|
|
||||
|
|
||||
|
/** Tabulka mých (řešitelových) řešení **/ |
||||
|
.moje_reseni tr { |
||||
|
th, td { |
||||
|
text-align: center; |
||||
|
} |
||||
|
|
||||
|
td.problem { text-align: left; } |
||||
|
} |
||||
|
|
||||
|
/* Různá šířka problému */ |
||||
|
.odevzdanareseni_mid, .odevzdanareseni_small, .odevzdanareseni_mini { display: none; } |
||||
|
|
||||
|
@media (max-width: 970px) { |
||||
|
.odevzdanareseni_big { display: none; } |
||||
|
.odevzdanareseni_mid { display: table-cell; } |
||||
|
} |
||||
|
|
||||
|
@media(max-width: 800px) { |
||||
|
.odevzdanareseni_mid { display: none; } |
||||
|
.odevzdanareseni_small { display: table-cell; } |
||||
|
} |
||||
|
|
||||
|
@media (max-width: 650px) { |
||||
|
.odevzdanareseni_small { display: none; } |
||||
|
.odevzdanareseni_mini { display: table-cell; } |
||||
|
} |
||||
|
/****************************************/ |
||||
|
|
||||
|
|
||||
|
/** Detail řešení **/ |
||||
|
.bodovani>input { |
||||
|
width: 4em; |
||||
|
|
||||
|
&::placeholder { |
||||
|
color: lightgray; |
||||
|
opacity: 1; |
||||
|
} |
||||
|
|
||||
|
&::-webkit-input-placeholder { /* Edge */ |
||||
|
color: lightgray; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/* td obsahující křížek v detailu řešení se nesmí smrštit na 0 */ |
||||
|
.td:has(.smazat_hodnoceni) { |
||||
|
min-width: 20px; |
||||
|
padding: 3px; |
||||
|
} |
||||
|
/*******************/ |
||||
|
/*****************/ |
||||
|
|
||||
|
|
||||
|
.novinka { |
||||
|
.novinka_obrazek { |
||||
|
margin: 10px 0 10px 0; |
||||
|
width: 100%; |
||||
|
} |
||||
|
|
||||
|
.novinka_datum { |
||||
|
font-weight: bold; |
||||
|
} |
||||
|
|
||||
|
.novinka_autor { |
||||
|
text-align: right; |
||||
|
font-style: italic; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/**** FORMULÁŘE ****/ |
||||
|
/* přihláška a další formuláře */ |
||||
|
|
||||
|
table.form td, table.form tr { |
||||
|
table-layout: fixed; |
||||
|
word-wrap: break-word; |
||||
|
padding: 5px; |
||||
|
} |
||||
|
|
||||
|
table#reseni.form td, table#reseni.form tr { |
||||
|
display: inline-table; |
||||
|
} |
||||
|
|
||||
|
@media (max-width: 650px) { |
||||
|
table.form td, table.form tr { |
||||
|
display: inherit; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
@media(max-width: 800px) { |
||||
|
|
||||
|
table#reseni.form td, table#reseni.form tr { |
||||
|
display: inline-grid; |
||||
|
max-width: 300px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.field-with-comment{ |
||||
|
position:relative; |
||||
|
} |
||||
|
|
||||
|
.field-comment{ |
||||
|
display:none; |
||||
|
text-shadow: 0 1px 0 #fff; |
||||
|
background-color: #f0f0f0 ; |
||||
|
position:absolute; |
||||
|
z-index:100; |
||||
|
border-width:1px; |
||||
|
border-color: #dbdbdb; |
||||
|
border-style:solid; |
||||
|
border-radius: 5px; |
||||
|
padding:3px; |
||||
|
top:50px; |
||||
|
left:10px; |
||||
|
} |
||||
|
|
||||
|
.field-with-comment:hover span.field-comment{ |
||||
|
display: block; |
||||
|
} |
||||
|
|
||||
|
input { |
||||
|
margin: 5px; |
||||
|
} |
||||
|
|
||||
|
textarea.feedback { |
||||
|
margin: 5px; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
ul.form { |
||||
|
list-style-type: none; |
||||
|
padding-left: 0; |
||||
|
} |
||||
|
label.field-label { |
||||
|
font-weight: normal; |
||||
|
} |
||||
|
label.field-required { |
||||
|
font-weight: bold; |
||||
|
} |
||||
|
.field-error { |
||||
|
font-size: 14px; |
||||
|
color: red; |
||||
|
} |
||||
|
ul.form li{ |
||||
|
margin-bottom: 3px; |
||||
|
} |
||||
|
div.gdpr { |
||||
|
font-size: 6pt; |
||||
|
|
||||
|
p { |
||||
|
font-size: 6pt; |
||||
|
margin-bottom: .66em; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/* registrace */ |
||||
|
label[for=id_skola] { |
||||
|
font-weight: bold; |
||||
|
} |
||||
|
|
||||
|
/*******************/ |
||||
|
|
@ -1,525 +0,0 @@ |
|||||
/* ------------------------------------------------------------------------ |
|
||||
This you can edit. |
|
||||
------------------------------------------------------------------------- */ |
|
||||
|
|
||||
/* ---------------------------------- |
|
||||
Default Theme |
|
||||
----------------------------------- */ |
|
||||
|
|
||||
div.pp_default .pp_top, |
|
||||
div.pp_default .pp_top .pp_middle, |
|
||||
div.pp_default .pp_top .pp_left, |
|
||||
div.pp_default .pp_top .pp_right, |
|
||||
div.pp_default .pp_bottom, |
|
||||
div.pp_default .pp_bottom .pp_left, |
|
||||
div.pp_default .pp_bottom .pp_middle, |
|
||||
div.pp_default .pp_bottom .pp_right { height: 13px; } |
|
||||
|
|
||||
div.pp_default .pp_top .pp_left { background: url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat; } /* Top left corner */ |
|
||||
div.pp_default .pp_top .pp_middle { background: url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x; } /* Top pattern/color */ |
|
||||
div.pp_default .pp_top .pp_right { background: url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat; } /* Top right corner */ |
|
||||
|
|
||||
div.pp_default .pp_content .ppt { color: #f8f8f8; } |
|
||||
div.pp_default .pp_content_container .pp_left { background: url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; } |
|
||||
div.pp_default .pp_content_container .pp_right { background: url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y; padding-right: 13px; } |
|
||||
div.pp_default .pp_content { background-color: #fff; } /* Content background */ |
|
||||
div.pp_default .pp_next:hover { background: url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat; cursor: pointer; } /* Next button */ |
|
||||
div.pp_default .pp_previous:hover { background: url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat; cursor: pointer; } /* Previous button */ |
|
||||
div.pp_default .pp_expand { background: url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Expand button */ |
|
||||
div.pp_default .pp_expand:hover { background: url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer; } /* Expand button hover */ |
|
||||
div.pp_default .pp_contract { background: url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Contract button */ |
|
||||
div.pp_default .pp_contract:hover { background: url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer; } /* Contract button hover */ |
|
||||
div.pp_default .pp_close { width: 30px; height: 30px; background: url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat; cursor: pointer; } /* Close button */ |
|
||||
div.pp_default #pp_full_res .pp_inline { color: #000; } |
|
||||
div.pp_default .pp_gallery ul li a { background: url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8; border:1px solid #aaa; } |
|
||||
div.pp_default .pp_gallery ul li a:hover, |
|
||||
div.pp_default .pp_gallery ul li.selected a { border-color: #fff; } |
|
||||
div.pp_default .pp_social { margin-top: 7px; } |
|
||||
|
|
||||
div.pp_default .pp_gallery a.pp_arrow_previous, |
|
||||
div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; } |
|
||||
div.pp_default .pp_nav .pp_play, |
|
||||
div.pp_default .pp_nav .pp_pause { background: url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat; height:30px; width:30px; } |
|
||||
div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; } |
|
||||
div.pp_default .pp_details { position: relative; } |
|
||||
div.pp_default a.pp_arrow_previous, |
|
||||
div.pp_default a.pp_arrow_next { background: url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat; height: 20px; margin: 4px 0 0 0; width: 20px; } |
|
||||
div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } /* The next arrow in the bottom nav */ |
|
||||
div.pp_default .pp_content_container .pp_details { margin-top: 5px; } |
|
||||
div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative; } |
|
||||
div.pp_default .pp_nav .currentTextHolder{ font-family: Georgia; font-style: italic; color:#999; font-size: 11px; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; } |
|
||||
|
|
||||
div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity:0.7; } |
|
||||
|
|
||||
div.pp_default .pp_description{ font-size: 11px; font-weight: bold; line-height: 14px; margin: 5px 50px 5px 0; } |
|
||||
|
|
||||
div.pp_default .pp_bottom .pp_left { background: url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat; } /* Bottom left corner */ |
|
||||
div.pp_default .pp_bottom .pp_middle { background: url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x; } /* Bottom pattern/color */ |
|
||||
div.pp_default .pp_bottom .pp_right { background: url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat; } /* Bottom right corner */ |
|
||||
|
|
||||
div.pp_default .pp_loaderIcon { background: url(../images/prettyPhoto/default/loader.gif) center center no-repeat; } /* Loader icon */ |
|
||||
|
|
||||
|
|
||||
/* ---------------------------------- |
|
||||
Light Rounded Theme |
|
||||
----------------------------------- */ |
|
||||
|
|
||||
|
|
||||
div.light_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ |
|
||||
div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */ |
|
||||
div.light_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ |
|
||||
|
|
||||
div.light_rounded .pp_content .ppt { color: #000; } |
|
||||
div.light_rounded .pp_content_container .pp_left, |
|
||||
div.light_rounded .pp_content_container .pp_right { background: #fff; } |
|
||||
div.light_rounded .pp_content { background-color: #fff; } /* Content background */ |
|
||||
div.light_rounded .pp_next:hover { background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ |
|
||||
div.light_rounded .pp_previous:hover { background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ |
|
||||
div.light_rounded .pp_expand { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ |
|
||||
div.light_rounded .pp_expand:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ |
|
||||
div.light_rounded .pp_contract { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ |
|
||||
div.light_rounded .pp_contract:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ |
|
||||
div.light_rounded .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ |
|
||||
div.light_rounded .pp_details { position: relative; } |
|
||||
div.light_rounded .pp_description { margin-right: 85px; } |
|
||||
div.light_rounded #pp_full_res .pp_inline { color: #000; } |
|
||||
div.light_rounded .pp_gallery a.pp_arrow_previous, |
|
||||
div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } |
|
||||
div.light_rounded .pp_nav .pp_play { background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } |
|
||||
div.light_rounded .pp_nav .pp_pause { background: url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } |
|
||||
|
|
||||
div.light_rounded .pp_arrow_previous { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ |
|
||||
div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } |
|
||||
div.light_rounded .pp_arrow_next { background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ |
|
||||
div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } |
|
||||
|
|
||||
div.light_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ |
|
||||
div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */ |
|
||||
div.light_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ |
|
||||
|
|
||||
div.light_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ |
|
||||
|
|
||||
/* ---------------------------------- |
|
||||
Dark Rounded Theme |
|
||||
----------------------------------- */ |
|
||||
|
|
||||
div.dark_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ |
|
||||
div.dark_rounded .pp_top .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */ |
|
||||
div.dark_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ |
|
||||
|
|
||||
div.dark_rounded .pp_content_container .pp_left { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */ |
|
||||
div.dark_rounded .pp_content_container .pp_right { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */ |
|
||||
div.dark_rounded .pp_content { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */ |
|
||||
div.dark_rounded .pp_next:hover { background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ |
|
||||
div.dark_rounded .pp_previous:hover { background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ |
|
||||
div.dark_rounded .pp_expand { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ |
|
||||
div.dark_rounded .pp_expand:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ |
|
||||
div.dark_rounded .pp_contract { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ |
|
||||
div.dark_rounded .pp_contract:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ |
|
||||
div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ |
|
||||
div.dark_rounded .pp_details { position: relative; } |
|
||||
div.dark_rounded .pp_description { margin-right: 85px; } |
|
||||
div.dark_rounded .currentTextHolder { color: #c4c4c4; } |
|
||||
div.dark_rounded .pp_description { color: #fff; } |
|
||||
div.dark_rounded #pp_full_res .pp_inline { color: #fff; } |
|
||||
div.dark_rounded .pp_gallery a.pp_arrow_previous, |
|
||||
div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } |
|
||||
div.dark_rounded .pp_nav .pp_play { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } |
|
||||
div.dark_rounded .pp_nav .pp_pause { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } |
|
||||
|
|
||||
div.dark_rounded .pp_arrow_previous { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ |
|
||||
div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } |
|
||||
div.dark_rounded .pp_arrow_next { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ |
|
||||
div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } |
|
||||
|
|
||||
div.dark_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ |
|
||||
div.dark_rounded .pp_bottom .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */ |
|
||||
div.dark_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ |
|
||||
|
|
||||
div.dark_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ |
|
||||
|
|
||||
|
|
||||
/* ---------------------------------- |
|
||||
Dark Square Theme |
|
||||
----------------------------------- */ |
|
||||
|
|
||||
div.dark_square .pp_left , |
|
||||
div.dark_square .pp_middle, |
|
||||
div.dark_square .pp_right, |
|
||||
div.dark_square .pp_content { background: #000; } |
|
||||
|
|
||||
div.dark_square .currentTextHolder { color: #c4c4c4; } |
|
||||
div.dark_square .pp_description { color: #fff; } |
|
||||
div.dark_square .pp_loaderIcon { background: url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat; } /* Loader icon */ |
|
||||
|
|
||||
div.dark_square .pp_expand { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ |
|
||||
div.dark_square .pp_expand:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ |
|
||||
div.dark_square .pp_contract { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ |
|
||||
div.dark_square .pp_contract:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ |
|
||||
div.dark_square .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ |
|
||||
div.dark_square .pp_details { position: relative; } |
|
||||
div.dark_square .pp_description { margin: 0 85px 0 0; } |
|
||||
div.dark_square #pp_full_res .pp_inline { color: #fff; } |
|
||||
div.dark_square .pp_gallery a.pp_arrow_previous, |
|
||||
div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } |
|
||||
div.dark_square .pp_nav { clear: none; } |
|
||||
div.dark_square .pp_nav .pp_play { background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } |
|
||||
div.dark_square .pp_nav .pp_pause { background: url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } |
|
||||
|
|
||||
div.dark_square .pp_arrow_previous { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ |
|
||||
div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } |
|
||||
div.dark_square .pp_arrow_next { background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ |
|
||||
div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } |
|
||||
|
|
||||
div.dark_square .pp_next:hover { background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ |
|
||||
div.dark_square .pp_previous:hover { background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ |
|
||||
|
|
||||
|
|
||||
/* ---------------------------------- |
|
||||
Light Square Theme |
|
||||
----------------------------------- */ |
|
||||
|
|
||||
div.light_square .pp_left , |
|
||||
div.light_square .pp_middle, |
|
||||
div.light_square .pp_right, |
|
||||
div.light_square .pp_content { background: #fff; } |
|
||||
|
|
||||
div.light_square .pp_content .ppt { color: #000; } |
|
||||
div.light_square .pp_expand { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ |
|
||||
div.light_square .pp_expand:hover { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ |
|
||||
div.light_square .pp_contract { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ |
|
||||
div.light_square .pp_contract:hover { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ |
|
||||
div.light_square .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ |
|
||||
div.light_square .pp_details { position: relative; } |
|
||||
div.light_square .pp_description { margin-right: 85px; } |
|
||||
div.light_square #pp_full_res .pp_inline { color: #000; } |
|
||||
div.light_square .pp_gallery a.pp_arrow_previous, |
|
||||
div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } |
|
||||
div.light_square .pp_nav .pp_play { background: url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } |
|
||||
div.light_square .pp_nav .pp_pause { background: url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } |
|
||||
|
|
||||
div.light_square .pp_arrow_previous { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ |
|
||||
div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } |
|
||||
div.light_square .pp_arrow_next { background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ |
|
||||
div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } |
|
||||
|
|
||||
div.light_square .pp_next:hover { background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ |
|
||||
div.light_square .pp_previous:hover { background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ |
|
||||
|
|
||||
div.light_square .pp_loaderIcon { background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ |
|
||||
|
|
||||
|
|
||||
/* ---------------------------------- |
|
||||
Facebook style Theme |
|
||||
----------------------------------- */ |
|
||||
|
|
||||
div.facebook .pp_top .pp_left { background: url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */ |
|
||||
div.facebook .pp_top .pp_middle { background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */ |
|
||||
div.facebook .pp_top .pp_right { background: url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */ |
|
||||
|
|
||||
div.facebook .pp_content .ppt { color: #000; } |
|
||||
div.facebook .pp_content_container .pp_left { background: url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */ |
|
||||
div.facebook .pp_content_container .pp_right { background: url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */ |
|
||||
div.facebook .pp_content { background: #fff; } /* Content background */ |
|
||||
div.facebook .pp_expand { background: url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ |
|
||||
div.facebook .pp_expand:hover { background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ |
|
||||
div.facebook .pp_contract { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ |
|
||||
div.facebook .pp_contract:hover { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ |
|
||||
div.facebook .pp_close { width: 22px; height: 22px; background: url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ |
|
||||
div.facebook .pp_details { position: relative; } |
|
||||
div.facebook .pp_description { margin: 0 37px 0 0; } |
|
||||
div.facebook #pp_full_res .pp_inline { color: #000; } |
|
||||
div.facebook .pp_loaderIcon { background: url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat; } /* Loader icon */ |
|
||||
|
|
||||
div.facebook .pp_arrow_previous { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */ |
|
||||
div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; } |
|
||||
div.facebook .pp_arrow_next { background: url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */ |
|
||||
div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; } |
|
||||
div.facebook .pp_nav { margin-top: 0; } |
|
||||
div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; } |
|
||||
div.facebook .pp_nav .pp_play { background: url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; } |
|
||||
div.facebook .pp_nav .pp_pause { background: url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; } |
|
||||
|
|
||||
div.facebook .pp_next:hover { background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ |
|
||||
div.facebook .pp_previous:hover { background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ |
|
||||
|
|
||||
div.facebook .pp_bottom .pp_left { background: url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ |
|
||||
div.facebook .pp_bottom .pp_middle { background: url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */ |
|
||||
div.facebook .pp_bottom .pp_right { background: url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ |
|
||||
|
|
||||
|
|
||||
/* ------------------------------------------------------------------------ |
|
||||
DO NOT CHANGE |
|
||||
------------------------------------------------------------------------- */ |
|
||||
|
|
||||
div.pp_pic_holder a:focus { outline:none; } |
|
||||
|
|
||||
div.pp_overlay { |
|
||||
background: #000; |
|
||||
display: none; |
|
||||
left: 0; |
|
||||
position: absolute; |
|
||||
top: 0; |
|
||||
width: 100%; |
|
||||
z-index: 9500; |
|
||||
} |
|
||||
|
|
||||
div.pp_pic_holder { |
|
||||
display: none; |
|
||||
position: absolute; |
|
||||
width: 100px; |
|
||||
z-index: 10000; |
|
||||
} |
|
||||
|
|
||||
|
|
||||
.pp_top { |
|
||||
height: 20px; |
|
||||
position: relative; |
|
||||
} |
|
||||
* html .pp_top { padding: 0 20px; } |
|
||||
|
|
||||
.pp_top .pp_left { |
|
||||
height: 20px; |
|
||||
left: 0; |
|
||||
position: absolute; |
|
||||
width: 20px; |
|
||||
} |
|
||||
.pp_top .pp_middle { |
|
||||
height: 20px; |
|
||||
left: 20px; |
|
||||
position: absolute; |
|
||||
right: 20px; |
|
||||
} |
|
||||
* html .pp_top .pp_middle { |
|
||||
left: 0; |
|
||||
position: static; |
|
||||
} |
|
||||
|
|
||||
.pp_top .pp_right { |
|
||||
height: 20px; |
|
||||
left: auto; |
|
||||
position: absolute; |
|
||||
right: 0; |
|
||||
top: 0; |
|
||||
width: 20px; |
|
||||
} |
|
||||
|
|
||||
.pp_content { height: 40px; min-width: 40px; } |
|
||||
* html .pp_content { width: 40px; } |
|
||||
|
|
||||
.pp_fade { display: none; } |
|
||||
|
|
||||
.pp_content_container { |
|
||||
position: relative; |
|
||||
text-align: left; |
|
||||
width: 100%; |
|
||||
} |
|
||||
|
|
||||
.pp_content_container .pp_left { padding-left: 20px; } |
|
||||
.pp_content_container .pp_right { padding-right: 20px; } |
|
||||
|
|
||||
.pp_content_container .pp_details { |
|
||||
float: left; |
|
||||
margin: 10px 0 2px 0; |
|
||||
} |
|
||||
.pp_description { |
|
||||
display: none; |
|
||||
margin: 0; |
|
||||
} |
|
||||
|
|
||||
.pp_social { float: left; margin: 0; } |
|
||||
.pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; } |
|
||||
.pp_social .twitter { float: left; } |
|
||||
|
|
||||
.pp_nav { |
|
||||
clear: right; |
|
||||
float: left; |
|
||||
margin: 3px 10px 0 0; |
|
||||
} |
|
||||
|
|
||||
.pp_nav p { |
|
||||
float: left; |
|
||||
margin: 2px 4px; |
|
||||
white-space: nowrap; |
|
||||
} |
|
||||
|
|
||||
.pp_nav .pp_play, |
|
||||
.pp_nav .pp_pause { |
|
||||
float: left; |
|
||||
margin-right: 4px; |
|
||||
text-indent: -10000px; |
|
||||
} |
|
||||
|
|
||||
a.pp_arrow_previous, |
|
||||
a.pp_arrow_next { |
|
||||
display: block; |
|
||||
float: left; |
|
||||
height: 15px; |
|
||||
margin-top: 3px; |
|
||||
overflow: hidden; |
|
||||
text-indent: -10000px; |
|
||||
width: 14px; |
|
||||
} |
|
||||
|
|
||||
.pp_hoverContainer { |
|
||||
position: absolute; |
|
||||
top: 0; |
|
||||
width: 100%; |
|
||||
z-index: 2000; |
|
||||
} |
|
||||
|
|
||||
.pp_gallery { |
|
||||
display: none; |
|
||||
left: 50%; |
|
||||
margin-top: -50px; |
|
||||
position: absolute; |
|
||||
z-index: 10000; |
|
||||
} |
|
||||
|
|
||||
.pp_gallery div { |
|
||||
float: left; |
|
||||
overflow: hidden; |
|
||||
position: relative; |
|
||||
} |
|
||||
|
|
||||
.pp_gallery ul { |
|
||||
float: left; |
|
||||
height: 35px; |
|
||||
margin: 0 0 0 5px; |
|
||||
padding: 0; |
|
||||
position: relative; |
|
||||
white-space: nowrap; |
|
||||
} |
|
||||
|
|
||||
.pp_gallery ul a { |
|
||||
border: 1px #000 solid; |
|
||||
border: 1px rgba(0,0,0,0.5) solid; |
|
||||
display: block; |
|
||||
float: left; |
|
||||
height: 33px; |
|
||||
overflow: hidden; |
|
||||
} |
|
||||
|
|
||||
.pp_gallery ul a:hover, |
|
||||
.pp_gallery li.selected a { border-color: #fff; } |
|
||||
|
|
||||
.pp_gallery ul a img { border: 0; } |
|
||||
|
|
||||
.pp_gallery li { |
|
||||
display: block; |
|
||||
float: left; |
|
||||
margin: 0 5px 0 0; |
|
||||
padding: 0; |
|
||||
} |
|
||||
|
|
||||
.pp_gallery li.default a { |
|
||||
background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat; |
|
||||
display: block; |
|
||||
height: 33px; |
|
||||
width: 50px; |
|
||||
} |
|
||||
|
|
||||
.pp_gallery li.default a img { display: none; } |
|
||||
|
|
||||
.pp_gallery .pp_arrow_previous, |
|
||||
.pp_gallery .pp_arrow_next { |
|
||||
margin-top: 7px !important; |
|
||||
} |
|
||||
|
|
||||
a.pp_next { |
|
||||
background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; |
|
||||
display: block; |
|
||||
float: right; |
|
||||
height: 100%; |
|
||||
text-indent: -10000px; |
|
||||
width: 49%; |
|
||||
} |
|
||||
|
|
||||
a.pp_previous { |
|
||||
background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; |
|
||||
display: block; |
|
||||
float: left; |
|
||||
height: 100%; |
|
||||
text-indent: -10000px; |
|
||||
width: 49%; |
|
||||
} |
|
||||
|
|
||||
a.pp_expand, |
|
||||
a.pp_contract { |
|
||||
cursor: pointer; |
|
||||
display: none; |
|
||||
height: 20px; |
|
||||
position: absolute; |
|
||||
right: 30px; |
|
||||
text-indent: -10000px; |
|
||||
top: 10px; |
|
||||
width: 20px; |
|
||||
z-index: 20000; |
|
||||
} |
|
||||
|
|
||||
a.pp_close { |
|
||||
position: absolute; right: 0; top: 0; |
|
||||
display: block; |
|
||||
line-height:22px; |
|
||||
text-indent: -10000px; |
|
||||
} |
|
||||
|
|
||||
.pp_bottom { |
|
||||
height: 20px; |
|
||||
position: relative; |
|
||||
} |
|
||||
* html .pp_bottom { padding: 0 20px; } |
|
||||
|
|
||||
.pp_bottom .pp_left { |
|
||||
height: 20px; |
|
||||
left: 0; |
|
||||
position: absolute; |
|
||||
width: 20px; |
|
||||
} |
|
||||
.pp_bottom .pp_middle { |
|
||||
height: 20px; |
|
||||
left: 20px; |
|
||||
position: absolute; |
|
||||
right: 20px; |
|
||||
} |
|
||||
* html .pp_bottom .pp_middle { |
|
||||
left: 0; |
|
||||
position: static; |
|
||||
} |
|
||||
|
|
||||
.pp_bottom .pp_right { |
|
||||
height: 20px; |
|
||||
left: auto; |
|
||||
position: absolute; |
|
||||
right: 0; |
|
||||
top: 0; |
|
||||
width: 20px; |
|
||||
} |
|
||||
|
|
||||
.pp_loaderIcon { |
|
||||
display: block; |
|
||||
height: 24px; |
|
||||
left: 50%; |
|
||||
margin: -12px 0 0 -12px; |
|
||||
position: absolute; |
|
||||
top: 50%; |
|
||||
width: 24px; |
|
||||
} |
|
||||
|
|
||||
#pp_full_res { |
|
||||
line-height: 1 !important; |
|
||||
} |
|
||||
|
|
||||
#pp_full_res .pp_inline { |
|
||||
text-align: left; |
|
||||
} |
|
||||
|
|
||||
#pp_full_res .pp_inline p { margin: 0 0 15px 0; } |
|
||||
|
|
||||
div.ppt { |
|
||||
color: #fff; |
|
||||
display: none; |
|
||||
font-size: 17px; |
|
||||
margin: 0 0 5px 15px; |
|
||||
z-index: 9999; |
|
||||
} |
|
@ -1,35 +0,0 @@ |
|||||
/* Rozlišení mezi lokálním, test a produkčním webem */ |
|
||||
|
|
||||
body.localweb:before, body.localweb:after, |
|
||||
body.testweb:before, body.testweb:after, |
|
||||
body.suprodweb:before, body.suprodweb:after { |
|
||||
content: ""; |
|
||||
position: fixed; |
|
||||
width: 20px; |
|
||||
height: 100%; |
|
||||
top: 0; |
|
||||
} |
|
||||
|
|
||||
body.localweb:before, |
|
||||
body.testweb:before, |
|
||||
body.suprodweb:before { |
|
||||
left: 0; |
|
||||
} |
|
||||
|
|
||||
body.localweb:after, |
|
||||
body.testweb:after, |
|
||||
body.suprodweb:after { |
|
||||
right: 0; |
|
||||
} |
|
||||
|
|
||||
body.localweb:before, body.localweb:after { |
|
||||
background: greenyellow; |
|
||||
} |
|
||||
|
|
||||
body.testweb:before, body.testweb:after { |
|
||||
background: darkorange; |
|
||||
} |
|
||||
|
|
||||
body.suprodweb:before, body.suprodweb:after { |
|
||||
background: red; |
|
||||
} |
|
Before Width: | Height: | Size: 62 KiB |
Before Width: | Height: | Size: 1.4 KiB |
Before Width: | Height: | Size: 1.4 KiB |
Before Width: | Height: | Size: 130 B |
Before Width: | Height: | Size: 227 B |
Before Width: | Height: | Size: 2.5 KiB |
Before Width: | Height: | Size: 4.0 KiB |
Before Width: | Height: | Size: 1.4 KiB |
Before Width: | Height: | Size: 1.4 KiB |
Before Width: | Height: | Size: 121 B |
Before Width: | Height: | Size: 227 B |
Before Width: | Height: | Size: 2.5 KiB |
Before Width: | Height: | Size: 3.4 KiB |
Before Width: | Height: | Size: 1.5 KiB |
Before Width: | Height: | Size: 6.2 KiB |
Before Width: | Height: | Size: 6.5 KiB |
Before Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 1.1 KiB |
Before Width: | Height: | Size: 1.1 KiB |
Before Width: | Height: | Size: 845 B |
Before Width: | Height: | Size: 828 B |
Before Width: | Height: | Size: 142 B |
Before Width: | Height: | Size: 137 B |
Before Width: | Height: | Size: 136 B |
Before Width: | Height: | Size: 142 B |
Before Width: | Height: | Size: 227 B |
Before Width: | Height: | Size: 2.5 KiB |
Before Width: | Height: | Size: 4.1 KiB |
Before Width: | Height: | Size: 1.4 KiB |
Before Width: | Height: | Size: 1.4 KiB |
Before Width: | Height: | Size: 227 B |
Before Width: | Height: | Size: 2.5 KiB |
Before Width: | Height: | Size: 4.0 KiB |
Before Width: | Height: | Size: 1.4 KiB |
Before Width: | Height: | Size: 1.4 KiB |
Before Width: | Height: | Size: 227 B |
Before Width: | Height: | Size: 2.5 KiB |
Before Width: | Height: | Size: 3.4 KiB |
@ -1,30 +0,0 @@ |
|||||
prettyPhoto v3.1.4 |
|
||||
© Copyright, Stephane Caron |
|
||||
http://www.no-margin-for-errors.com |
|
||||
|
|
||||
|
|
||||
============================= Released under ============================= |
|
||||
|
|
||||
Creative Commons 2.5 |
|
||||
http://creativecommons.org/licenses/by/2.5/ |
|
||||
|
|
||||
OR |
|
||||
|
|
||||
GPLV2 license |
|
||||
http://www.gnu.org/licenses/gpl-2.0.html |
|
||||
|
|
||||
You are free to use prettyPhoto in commercial projects as long as the |
|
||||
copyright header is left intact. |
|
||||
|
|
||||
============================ More information ============================ |
|
||||
http://www.no-margin-for-errors.com/projects/prettyPhoto/ |
|
||||
|
|
||||
|
|
||||
============================== Description =============================== |
|
||||
|
|
||||
prettyPhoto is a jQuery based lightbox clone. Not only does it support images, |
|
||||
it also add support for videos, flash, YouTube, iFrame. It's a full blown |
|
||||
media modal box. |
|
||||
|
|
||||
Please refer to http://www.no-margin-for-errors.com/projects/prettyPhoto/ |
|
||||
for all the details on how to use. |
|
@ -1,525 +0,0 @@ |
|||||
/* ------------------------------------------------------------------------ |
|
||||
This you can edit. |
|
||||
------------------------------------------------------------------------- */ |
|
||||
|
|
||||
/* ---------------------------------- |
|
||||
Default Theme |
|
||||
----------------------------------- */ |
|
||||
|
|
||||
div.pp_default .pp_top, |
|
||||
div.pp_default .pp_top .pp_middle, |
|
||||
div.pp_default .pp_top .pp_left, |
|
||||
div.pp_default .pp_top .pp_right, |
|
||||
div.pp_default .pp_bottom, |
|
||||
div.pp_default .pp_bottom .pp_left, |
|
||||
div.pp_default .pp_bottom .pp_middle, |
|
||||
div.pp_default .pp_bottom .pp_right { height: 13px; } |
|
||||
|
|
||||
div.pp_default .pp_top .pp_left { background: url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat; } /* Top left corner */ |
|
||||
div.pp_default .pp_top .pp_middle { background: url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x; } /* Top pattern/color */ |
|
||||
div.pp_default .pp_top .pp_right { background: url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat; } /* Top right corner */ |
|
||||
|
|
||||
div.pp_default .pp_content .ppt { color: #f8f8f8; } |
|
||||
div.pp_default .pp_content_container .pp_left { background: url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; } |
|
||||
div.pp_default .pp_content_container .pp_right { background: url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y; padding-right: 13px; } |
|
||||
div.pp_default .pp_content { background-color: #fff; } /* Content background */ |
|
||||
div.pp_default .pp_next:hover { background: url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat; cursor: pointer; } /* Next button */ |
|
||||
div.pp_default .pp_previous:hover { background: url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat; cursor: pointer; } /* Previous button */ |
|
||||
div.pp_default .pp_expand { background: url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Expand button */ |
|
||||
div.pp_default .pp_expand:hover { background: url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer; } /* Expand button hover */ |
|
||||
div.pp_default .pp_contract { background: url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Contract button */ |
|
||||
div.pp_default .pp_contract:hover { background: url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer; } /* Contract button hover */ |
|
||||
div.pp_default .pp_close { width: 30px; height: 30px; background: url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat; cursor: pointer; } /* Close button */ |
|
||||
div.pp_default #pp_full_res .pp_inline { color: #000; } |
|
||||
div.pp_default .pp_gallery ul li a { background: url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8; border:1px solid #aaa; } |
|
||||
div.pp_default .pp_gallery ul li a:hover, |
|
||||
div.pp_default .pp_gallery ul li.selected a { border-color: #fff; } |
|
||||
div.pp_default .pp_social { margin-top: 7px; } |
|
||||
|
|
||||
div.pp_default .pp_gallery a.pp_arrow_previous, |
|
||||
div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; } |
|
||||
div.pp_default .pp_nav .pp_play, |
|
||||
div.pp_default .pp_nav .pp_pause { background: url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat; height:30px; width:30px; } |
|
||||
div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; } |
|
||||
div.pp_default .pp_details { position: relative; } |
|
||||
div.pp_default a.pp_arrow_previous, |
|
||||
div.pp_default a.pp_arrow_next { background: url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat; height: 20px; margin: 4px 0 0 0; width: 20px; } |
|
||||
div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } /* The next arrow in the bottom nav */ |
|
||||
div.pp_default .pp_content_container .pp_details { margin-top: 5px; } |
|
||||
div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative; } |
|
||||
div.pp_default .pp_nav .currentTextHolder{ font-family: Georgia; font-style: italic; color:#999; font-size: 11px; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; } |
|
||||
|
|
||||
div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity:0.7; } |
|
||||
|
|
||||
div.pp_default .pp_description{ font-size: 11px; font-weight: bold; line-height: 14px; margin: 5px 50px 5px 0; } |
|
||||
|
|
||||
div.pp_default .pp_bottom .pp_left { background: url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat; } /* Bottom left corner */ |
|
||||
div.pp_default .pp_bottom .pp_middle { background: url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x; } /* Bottom pattern/color */ |
|
||||
div.pp_default .pp_bottom .pp_right { background: url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat; } /* Bottom right corner */ |
|
||||
|
|
||||
div.pp_default .pp_loaderIcon { background: url(../images/prettyPhoto/default/loader.gif) center center no-repeat; } /* Loader icon */ |
|
||||
|
|
||||
|
|
||||
/* ---------------------------------- |
|
||||
Light Rounded Theme |
|
||||
----------------------------------- */ |
|
||||
|
|
||||
|
|
||||
div.light_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ |
|
||||
div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */ |
|
||||
div.light_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ |
|
||||
|
|
||||
div.light_rounded .pp_content .ppt { color: #000; } |
|
||||
div.light_rounded .pp_content_container .pp_left, |
|
||||
div.light_rounded .pp_content_container .pp_right { background: #fff; } |
|
||||
div.light_rounded .pp_content { background-color: #fff; } /* Content background */ |
|
||||
div.light_rounded .pp_next:hover { background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ |
|
||||
div.light_rounded .pp_previous:hover { background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ |
|
||||
div.light_rounded .pp_expand { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ |
|
||||
div.light_rounded .pp_expand:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ |
|
||||
div.light_rounded .pp_contract { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ |
|
||||
div.light_rounded .pp_contract:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ |
|
||||
div.light_rounded .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ |
|
||||
div.light_rounded .pp_details { position: relative; } |
|
||||
div.light_rounded .pp_description { margin-right: 85px; } |
|
||||
div.light_rounded #pp_full_res .pp_inline { color: #000; } |
|
||||
div.light_rounded .pp_gallery a.pp_arrow_previous, |
|
||||
div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } |
|
||||
div.light_rounded .pp_nav .pp_play { background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } |
|
||||
div.light_rounded .pp_nav .pp_pause { background: url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } |
|
||||
|
|
||||
div.light_rounded .pp_arrow_previous { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ |
|
||||
div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } |
|
||||
div.light_rounded .pp_arrow_next { background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ |
|
||||
div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } |
|
||||
|
|
||||
div.light_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ |
|
||||
div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */ |
|
||||
div.light_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ |
|
||||
|
|
||||
div.light_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ |
|
||||
|
|
||||
/* ---------------------------------- |
|
||||
Dark Rounded Theme |
|
||||
----------------------------------- */ |
|
||||
|
|
||||
div.dark_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ |
|
||||
div.dark_rounded .pp_top .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */ |
|
||||
div.dark_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ |
|
||||
|
|
||||
div.dark_rounded .pp_content_container .pp_left { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */ |
|
||||
div.dark_rounded .pp_content_container .pp_right { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */ |
|
||||
div.dark_rounded .pp_content { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */ |
|
||||
div.dark_rounded .pp_next:hover { background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ |
|
||||
div.dark_rounded .pp_previous:hover { background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ |
|
||||
div.dark_rounded .pp_expand { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ |
|
||||
div.dark_rounded .pp_expand:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ |
|
||||
div.dark_rounded .pp_contract { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ |
|
||||
div.dark_rounded .pp_contract:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ |
|
||||
div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ |
|
||||
div.dark_rounded .pp_details { position: relative; } |
|
||||
div.dark_rounded .pp_description { margin-right: 85px; } |
|
||||
div.dark_rounded .currentTextHolder { color: #c4c4c4; } |
|
||||
div.dark_rounded .pp_description { color: #fff; } |
|
||||
div.dark_rounded #pp_full_res .pp_inline { color: #fff; } |
|
||||
div.dark_rounded .pp_gallery a.pp_arrow_previous, |
|
||||
div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } |
|
||||
div.dark_rounded .pp_nav .pp_play { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } |
|
||||
div.dark_rounded .pp_nav .pp_pause { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } |
|
||||
|
|
||||
div.dark_rounded .pp_arrow_previous { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ |
|
||||
div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } |
|
||||
div.dark_rounded .pp_arrow_next { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ |
|
||||
div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } |
|
||||
|
|
||||
div.dark_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ |
|
||||
div.dark_rounded .pp_bottom .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */ |
|
||||
div.dark_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ |
|
||||
|
|
||||
div.dark_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ |
|
||||
|
|
||||
|
|
||||
/* ---------------------------------- |
|
||||
Dark Square Theme |
|
||||
----------------------------------- */ |
|
||||
|
|
||||
div.dark_square .pp_left , |
|
||||
div.dark_square .pp_middle, |
|
||||
div.dark_square .pp_right, |
|
||||
div.dark_square .pp_content { background: #000; } |
|
||||
|
|
||||
div.dark_square .currentTextHolder { color: #c4c4c4; } |
|
||||
div.dark_square .pp_description { color: #fff; } |
|
||||
div.dark_square .pp_loaderIcon { background: url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat; } /* Loader icon */ |
|
||||
|
|
||||
div.dark_square .pp_expand { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ |
|
||||
div.dark_square .pp_expand:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ |
|
||||
div.dark_square .pp_contract { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ |
|
||||
div.dark_square .pp_contract:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ |
|
||||
div.dark_square .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ |
|
||||
div.dark_square .pp_details { position: relative; } |
|
||||
div.dark_square .pp_description { margin: 0 85px 0 0; } |
|
||||
div.dark_square #pp_full_res .pp_inline { color: #fff; } |
|
||||
div.dark_square .pp_gallery a.pp_arrow_previous, |
|
||||
div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } |
|
||||
div.dark_square .pp_nav { clear: none; } |
|
||||
div.dark_square .pp_nav .pp_play { background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } |
|
||||
div.dark_square .pp_nav .pp_pause { background: url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } |
|
||||
|
|
||||
div.dark_square .pp_arrow_previous { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ |
|
||||
div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } |
|
||||
div.dark_square .pp_arrow_next { background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ |
|
||||
div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } |
|
||||
|
|
||||
div.dark_square .pp_next:hover { background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ |
|
||||
div.dark_square .pp_previous:hover { background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ |
|
||||
|
|
||||
|
|
||||
/* ---------------------------------- |
|
||||
Light Square Theme |
|
||||
----------------------------------- */ |
|
||||
|
|
||||
div.light_square .pp_left , |
|
||||
div.light_square .pp_middle, |
|
||||
div.light_square .pp_right, |
|
||||
div.light_square .pp_content { background: #fff; } |
|
||||
|
|
||||
div.light_square .pp_content .ppt { color: #000; } |
|
||||
div.light_square .pp_expand { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ |
|
||||
div.light_square .pp_expand:hover { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ |
|
||||
div.light_square .pp_contract { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ |
|
||||
div.light_square .pp_contract:hover { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ |
|
||||
div.light_square .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ |
|
||||
div.light_square .pp_details { position: relative; } |
|
||||
div.light_square .pp_description { margin-right: 85px; } |
|
||||
div.light_square #pp_full_res .pp_inline { color: #000; } |
|
||||
div.light_square .pp_gallery a.pp_arrow_previous, |
|
||||
div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } |
|
||||
div.light_square .pp_nav .pp_play { background: url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } |
|
||||
div.light_square .pp_nav .pp_pause { background: url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } |
|
||||
|
|
||||
div.light_square .pp_arrow_previous { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ |
|
||||
div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } |
|
||||
div.light_square .pp_arrow_next { background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ |
|
||||
div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } |
|
||||
|
|
||||
div.light_square .pp_next:hover { background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ |
|
||||
div.light_square .pp_previous:hover { background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ |
|
||||
|
|
||||
div.light_square .pp_loaderIcon { background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ |
|
||||
|
|
||||
|
|
||||
/* ---------------------------------- |
|
||||
Facebook style Theme |
|
||||
----------------------------------- */ |
|
||||
|
|
||||
div.facebook .pp_top .pp_left { background: url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */ |
|
||||
div.facebook .pp_top .pp_middle { background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */ |
|
||||
div.facebook .pp_top .pp_right { background: url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */ |
|
||||
|
|
||||
div.facebook .pp_content .ppt { color: #000; } |
|
||||
div.facebook .pp_content_container .pp_left { background: url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */ |
|
||||
div.facebook .pp_content_container .pp_right { background: url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */ |
|
||||
div.facebook .pp_content { background: #fff; } /* Content background */ |
|
||||
div.facebook .pp_expand { background: url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ |
|
||||
div.facebook .pp_expand:hover { background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ |
|
||||
div.facebook .pp_contract { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ |
|
||||
div.facebook .pp_contract:hover { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ |
|
||||
div.facebook .pp_close { width: 22px; height: 22px; background: url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ |
|
||||
div.facebook .pp_details { position: relative; } |
|
||||
div.facebook .pp_description { margin: 0 37px 0 0; } |
|
||||
div.facebook #pp_full_res .pp_inline { color: #000; } |
|
||||
div.facebook .pp_loaderIcon { background: url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat; } /* Loader icon */ |
|
||||
|
|
||||
div.facebook .pp_arrow_previous { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */ |
|
||||
div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; } |
|
||||
div.facebook .pp_arrow_next { background: url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */ |
|
||||
div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; } |
|
||||
div.facebook .pp_nav { margin-top: 0; } |
|
||||
div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; } |
|
||||
div.facebook .pp_nav .pp_play { background: url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; } |
|
||||
div.facebook .pp_nav .pp_pause { background: url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; } |
|
||||
|
|
||||
div.facebook .pp_next:hover { background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ |
|
||||
div.facebook .pp_previous:hover { background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ |
|
||||
|
|
||||
div.facebook .pp_bottom .pp_left { background: url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ |
|
||||
div.facebook .pp_bottom .pp_middle { background: url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */ |
|
||||
div.facebook .pp_bottom .pp_right { background: url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ |
|
||||
|
|
||||
|
|
||||
/* ------------------------------------------------------------------------ |
|
||||
DO NOT CHANGE |
|
||||
------------------------------------------------------------------------- */ |
|
||||
|
|
||||
div.pp_pic_holder a:focus { outline:none; } |
|
||||
|
|
||||
div.pp_overlay { |
|
||||
background: #000; |
|
||||
display: none; |
|
||||
left: 0; |
|
||||
position: absolute; |
|
||||
top: 0; |
|
||||
width: 100%; |
|
||||
z-index: 9500; |
|
||||
} |
|
||||
|
|
||||
div.pp_pic_holder { |
|
||||
display: none; |
|
||||
position: absolute; |
|
||||
width: 100px; |
|
||||
z-index: 10000; |
|
||||
} |
|
||||
|
|
||||
|
|
||||
.pp_top { |
|
||||
height: 20px; |
|
||||
position: relative; |
|
||||
} |
|
||||
* html .pp_top { padding: 0 20px; } |
|
||||
|
|
||||
.pp_top .pp_left { |
|
||||
height: 20px; |
|
||||
left: 0; |
|
||||
position: absolute; |
|
||||
width: 20px; |
|
||||
} |
|
||||
.pp_top .pp_middle { |
|
||||
height: 20px; |
|
||||
left: 20px; |
|
||||
position: absolute; |
|
||||
right: 20px; |
|
||||
} |
|
||||
* html .pp_top .pp_middle { |
|
||||
left: 0; |
|
||||
position: static; |
|
||||
} |
|
||||
|
|
||||
.pp_top .pp_right { |
|
||||
height: 20px; |
|
||||
left: auto; |
|
||||
position: absolute; |
|
||||
right: 0; |
|
||||
top: 0; |
|
||||
width: 20px; |
|
||||
} |
|
||||
|
|
||||
.pp_content { height: 40px; min-width: 40px; } |
|
||||
* html .pp_content { width: 40px; } |
|
||||
|
|
||||
.pp_fade { display: none; } |
|
||||
|
|
||||
.pp_content_container { |
|
||||
position: relative; |
|
||||
text-align: left; |
|
||||
width: 100%; |
|
||||
} |
|
||||
|
|
||||
.pp_content_container .pp_left { padding-left: 20px; } |
|
||||
.pp_content_container .pp_right { padding-right: 20px; } |
|
||||
|
|
||||
.pp_content_container .pp_details { |
|
||||
float: left; |
|
||||
margin: 10px 0 2px 0; |
|
||||
} |
|
||||
.pp_description { |
|
||||
display: none; |
|
||||
margin: 0; |
|
||||
} |
|
||||
|
|
||||
.pp_social { float: left; margin: 0; } |
|
||||
.pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; } |
|
||||
.pp_social .twitter { float: left; } |
|
||||
|
|
||||
.pp_nav { |
|
||||
clear: right; |
|
||||
float: left; |
|
||||
margin: 3px 10px 0 0; |
|
||||
} |
|
||||
|
|
||||
.pp_nav p { |
|
||||
float: left; |
|
||||
margin: 2px 4px; |
|
||||
white-space: nowrap; |
|
||||
} |
|
||||
|
|
||||
.pp_nav .pp_play, |
|
||||
.pp_nav .pp_pause { |
|
||||
float: left; |
|
||||
margin-right: 4px; |
|
||||
text-indent: -10000px; |
|
||||
} |
|
||||
|
|
||||
a.pp_arrow_previous, |
|
||||
a.pp_arrow_next { |
|
||||
display: block; |
|
||||
float: left; |
|
||||
height: 15px; |
|
||||
margin-top: 3px; |
|
||||
overflow: hidden; |
|
||||
text-indent: -10000px; |
|
||||
width: 14px; |
|
||||
} |
|
||||
|
|
||||
.pp_hoverContainer { |
|
||||
position: absolute; |
|
||||
top: 0; |
|
||||
width: 100%; |
|
||||
z-index: 2000; |
|
||||
} |
|
||||
|
|
||||
.pp_gallery { |
|
||||
display: none; |
|
||||
left: 50%; |
|
||||
margin-top: -50px; |
|
||||
position: absolute; |
|
||||
z-index: 10000; |
|
||||
} |
|
||||
|
|
||||
.pp_gallery div { |
|
||||
float: left; |
|
||||
overflow: hidden; |
|
||||
position: relative; |
|
||||
} |
|
||||
|
|
||||
.pp_gallery ul { |
|
||||
float: left; |
|
||||
height: 35px; |
|
||||
margin: 0 0 0 5px; |
|
||||
padding: 0; |
|
||||
position: relative; |
|
||||
white-space: nowrap; |
|
||||
} |
|
||||
|
|
||||
.pp_gallery ul a { |
|
||||
border: 1px #000 solid; |
|
||||
border: 1px rgba(0,0,0,0.5) solid; |
|
||||
display: block; |
|
||||
float: left; |
|
||||
height: 33px; |
|
||||
overflow: hidden; |
|
||||
} |
|
||||
|
|
||||
.pp_gallery ul a:hover, |
|
||||
.pp_gallery li.selected a { border-color: #fff; } |
|
||||
|
|
||||
.pp_gallery ul a img { border: 0; } |
|
||||
|
|
||||
.pp_gallery li { |
|
||||
display: block; |
|
||||
float: left; |
|
||||
margin: 0 5px 0 0; |
|
||||
padding: 0; |
|
||||
} |
|
||||
|
|
||||
.pp_gallery li.default a { |
|
||||
background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat; |
|
||||
display: block; |
|
||||
height: 33px; |
|
||||
width: 50px; |
|
||||
} |
|
||||
|
|
||||
.pp_gallery li.default a img { display: none; } |
|
||||
|
|
||||
.pp_gallery .pp_arrow_previous, |
|
||||
.pp_gallery .pp_arrow_next { |
|
||||
margin-top: 7px !important; |
|
||||
} |
|
||||
|
|
||||
a.pp_next { |
|
||||
background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; |
|
||||
display: block; |
|
||||
float: right; |
|
||||
height: 100%; |
|
||||
text-indent: -10000px; |
|
||||
width: 49%; |
|
||||
} |
|
||||
|
|
||||
a.pp_previous { |
|
||||
background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; |
|
||||
display: block; |
|
||||
float: left; |
|
||||
height: 100%; |
|
||||
text-indent: -10000px; |
|
||||
width: 49%; |
|
||||
} |
|
||||
|
|
||||
a.pp_expand, |
|
||||
a.pp_contract { |
|
||||
cursor: pointer; |
|
||||
display: none; |
|
||||
height: 20px; |
|
||||
position: absolute; |
|
||||
right: 30px; |
|
||||
text-indent: -10000px; |
|
||||
top: 10px; |
|
||||
width: 20px; |
|
||||
z-index: 20000; |
|
||||
} |
|
||||
|
|
||||
a.pp_close { |
|
||||
position: absolute; right: 0; top: 0; |
|
||||
display: block; |
|
||||
line-height:22px; |
|
||||
text-indent: -10000px; |
|
||||
} |
|
||||
|
|
||||
.pp_bottom { |
|
||||
height: 20px; |
|
||||
position: relative; |
|
||||
} |
|
||||
* html .pp_bottom { padding: 0 20px; } |
|
||||
|
|
||||
.pp_bottom .pp_left { |
|
||||
height: 20px; |
|
||||
left: 0; |
|
||||
position: absolute; |
|
||||
width: 20px; |
|
||||
} |
|
||||
.pp_bottom .pp_middle { |
|
||||
height: 20px; |
|
||||
left: 20px; |
|
||||
position: absolute; |
|
||||
right: 20px; |
|
||||
} |
|
||||
* html .pp_bottom .pp_middle { |
|
||||
left: 0; |
|
||||
position: static; |
|
||||
} |
|
||||
|
|
||||
.pp_bottom .pp_right { |
|
||||
height: 20px; |
|
||||
left: auto; |
|
||||
position: absolute; |
|
||||
right: 0; |
|
||||
top: 0; |
|
||||
width: 20px; |
|
||||
} |
|
||||
|
|
||||
.pp_loaderIcon { |
|
||||
display: block; |
|
||||
height: 24px; |
|
||||
left: 50%; |
|
||||
margin: -12px 0 0 -12px; |
|
||||
position: absolute; |
|
||||
top: 50%; |
|
||||
width: 24px; |
|
||||
} |
|
||||
|
|
||||
#pp_full_res { |
|
||||
line-height: 1 !important; |
|
||||
} |
|
||||
|
|
||||
#pp_full_res .pp_inline { |
|
||||
text-align: left; |
|
||||
} |
|
||||
|
|
||||
#pp_full_res .pp_inline p { margin: 0 0 15px 0; } |
|
||||
|
|
||||
div.ppt { |
|
||||
color: #fff; |
|
||||
display: none; |
|
||||
font-size: 17px; |
|
||||
margin: 0 0 5px 15px; |
|
||||
z-index: 9999; |
|
||||
} |
|
Before Width: | Height: | Size: 60 KiB |
Before Width: | Height: | Size: 82 KiB |
Before Width: | Height: | Size: 35 KiB |
Before Width: | Height: | Size: 96 KiB |
Before Width: | Height: | Size: 43 KiB |
Before Width: | Height: | Size: 940 KiB |
Before Width: | Height: | Size: 4.0 KiB |
Before Width: | Height: | Size: 6.8 KiB |
Before Width: | Height: | Size: 4.0 KiB |
Before Width: | Height: | Size: 6.3 KiB |
Before Width: | Height: | Size: 8.6 KiB |
Before Width: | Height: | Size: 2.9 KiB |
Before Width: | Height: | Size: 2.3 KiB |
Before Width: | Height: | Size: 1.9 KiB |
Before Width: | Height: | Size: 3.3 KiB |
Before Width: | Height: | Size: 2.5 KiB |
@ -1,236 +0,0 @@ |
|||||
<!DOCTYPE html> |
|
||||
<html> |
|
||||
<head> |
|
||||
<title>jQuery lightbox clone - prettyPhoto - by Stephane Caron</title> |
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js" type="text/javascript"></script> |
|
||||
<!--script src="js/jquery.lint.js" type="text/javascript" charset="utf-8"></script--> |
|
||||
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" /> |
|
||||
<script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script> |
|
||||
|
|
||||
<style type="text/css" media="screen"> |
|
||||
* { margin: 0; padding: 0; } |
|
||||
|
|
||||
body { |
|
||||
background: #282828; |
|
||||
font: 62.5%/1.2 Arial, Verdana, Sans-Serif; |
|
||||
padding: 0 20px; |
|
||||
} |
|
||||
|
|
||||
h1 { font-family: Georgia; font-style: italic; margin-bottom: 10px; } |
|
||||
|
|
||||
h2 { |
|
||||
font-family: Georgia; |
|
||||
font-style: italic; |
|
||||
margin: 25px 0 5px 0; |
|
||||
} |
|
||||
|
|
||||
p { font-size: 1.2em; } |
|
||||
|
|
||||
ul li { display: inline; } |
|
||||
|
|
||||
.wide { |
|
||||
border-bottom: 1px #000 solid; |
|
||||
width: 4000px; |
|
||||
} |
|
||||
|
|
||||
.fleft { float: left; margin: 0 20px 0 0; } |
|
||||
|
|
||||
.cboth { clear: both; } |
|
||||
|
|
||||
#main { |
|
||||
background: #fff; |
|
||||
margin: 0 auto; |
|
||||
padding: 30px; |
|
||||
width: 1000px; |
|
||||
} |
|
||||
</style> |
|
||||
</head> |
|
||||
<body> |
|
||||
<div id="main"> |
|
||||
<h1>prettyPhoto</h1> |
|
||||
|
|
||||
<p>This page has been made for testing purpose only. It covers all the basic things you can handle in prettyPhoto.</p> |
|
||||
|
|
||||
<p>For complete documentation, please refer to the official website: <a href="http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/">http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/</a></p> |
|
||||
|
|
||||
<h2>Gallery</h2> |
|
||||
<ul class="gallery clearfix"> |
|
||||
<li><a href="images/fullscreen/1.JPG?lol=lol" rel="prettyPhoto[gallery1]" title="You can add caption to pictures. You can add caption to pictures. You can add caption to pictures."><img src="images/thumbnails/t_1.jpg" width="60" height="60" alt="Red round shape" /></a></li> |
|
||||
<li><a href="images/fullscreen/2.jpg" rel="prettyPhoto[gallery1]"><img src="images/thumbnails/t_2.jpg" width="60" height="60" alt="Nice building" /></a></li> |
|
||||
<li><a href="images/fullscreen/3.jpg" rel="prettyPhoto[gallery1]"><img src="images/thumbnails/t_3.jpg" width="60" height="60" alt="Fire!" /></a></li> |
|
||||
<li><a href="images/fullscreen/4.jpg" rel="prettyPhoto[gallery1]"><img src="images/thumbnails/t_4.jpg" width="60" height="60" alt="Rock climbing" /></a></li> |
|
||||
<li><a href="images/fullscreen/5.jpg" rel="prettyPhoto[gallery1]"><img src="images/thumbnails/t_5.jpg" width="60" height="60" alt="Fly kite, fly!" /></a></li> |
|
||||
<li><a href="images/fullscreen/6.jpg" rel="prettyPhoto[gallery1]"><img src="images/thumbnails/t_2.jpg" width="60" height="60" alt="Nice building" /></a></li> |
|
||||
</ul> |
|
||||
|
|
||||
<h2>Gallery 2</h2> |
|
||||
<ul class="gallery clearfix"> |
|
||||
<li><a href="images/fullscreen/3.jpg" rel="prettyPhoto[gallery2]" title="How is the description on that one? How is the description on that one? How is the description on that one? "><img src="images/thumbnails/t_3.jpg" width="60" height="60" alt="This is a pretty long title" /></a></li> |
|
||||
<li><a href="images/fullscreen/4.jpg" rel="prettyPhoto[gallery2]" title="Description on a single line."><img src="images/thumbnails/t_4.jpg" width="60" height="60" alt="" /></a></li> |
|
||||
<li><a href="images/fullscreen/5.jpg" rel="prettyPhoto[gallery2]"><img src="images/thumbnails/t_5.jpg" width="60" height="60" alt="" /></a></li> |
|
||||
<li><a href="images/fullscreen/1.jpg" rel="prettyPhoto[gallery2]"><img src="images/thumbnails/t_1.jpg" width="60" height="60" alt="" /></a></li> |
|
||||
<li><a href="images/fullscreen/2.jpg" rel="prettyPhoto[gallery2]"><img src="images/thumbnails/t_2.jpg" width="60" height="60" alt="" /></a></li> |
|
||||
</ul> |
|
||||
|
|
||||
<h2>API Call</h2> |
|
||||
<script type="text/javascript" charset="utf-8"> |
|
||||
api_gallery=['images/fullscreen/1.JPG','images/fullscreen/2.jpg','images/fullscreen/3.JPG']; |
|
||||
api_titles=['API Call Image 1','API Call Image 2','API Call Image 3']; |
|
||||
api_descriptions=['Description 1','Description 2','Description 3']; |
|
||||
</script> |
|
||||
<p><a href="#" onclick="$.prettyPhoto.open(api_gallery,api_titles,api_descriptions); return false">API call</a></p> |
|
||||
|
|
||||
<h2>Picture alone</h2> |
|
||||
<ul class="gallery clearfix"> |
|
||||
<li><a href="images/fullscreen/2.jpg" rel="prettyPhoto" title="<a href='http://www.google.ca' target='_blank' >This will open Google.com in a new window</a>"><img src="images/thumbnails/t_2.jpg" width="60" height="60" alt="Picture alone 1" /></a></li> |
|
||||
</ul> |
|
||||
<div class="fleft"> |
|
||||
<h2>Flash</h2> |
|
||||
<ul class="gallery clearfix"> |
|
||||
<li><a href="http://www.adobe.com/products/flashplayer/include/marquee/design.swf?width=792&height=294" rel="prettyPhoto[flash]" title="Flash 10 demo"><img src="images/thumbnails/flash-logo.png" width="60" alt="Flash 10 demo" /></a></li> |
|
||||
</ul> |
|
||||
</div> |
|
||||
<div class="fleft"> |
|
||||
<h2>YouTube</h2> |
|
||||
<ul class="gallery clearfix"> |
|
||||
<li><a href="http://www.youtube.com/watch?v=kh29_SERH0Y?rel=0" rel="prettyPhoto" title="YouTube demo"><img src="images/thumbnails/flash-logo.png" width="60" alt="" /></a></li> |
|
||||
<li><a href="http://youtu.be/kh29_SERH0Y?rel=0" rel="prettyPhoto" title="YouTube demo"><img src="images/thumbnails/flash-logo.png" width="60" alt="" /></a></li> |
|
||||
</ul> |
|
||||
</div> |
|
||||
<div class="fleft"> |
|
||||
<h2>Vimeo</h2> |
|
||||
<ul class="gallery clearfix"> |
|
||||
<li><a href="http://vimeo.com/7874398&width=700" rel="prettyPhoto" title="Vimeo video"><img src="images/thumbnails/flash-logo.png" width="60" alt="VIMEO!" /></a></li> |
|
||||
</ul> |
|
||||
</div> |
|
||||
|
|
||||
<br class="cboth" /> |
|
||||
|
|
||||
<h2>Movies (.mov)</h2> |
|
||||
<ul class="gallery clearfix"> |
|
||||
<li><a href="http://trailers.apple.com/movies/disney/tronlegacy/tronlegacy-tsr1_r640s.mov?width=640&height=272" rel="prettyPhoto[movies]" title="Tron!"><img src="images/thumbnails/quicktime-logo.gif" alt="Tron teaser" width="60" /></a></li> |
|
||||
<li><a href="http://trailers.apple.com/movies/sony_pictures/karatekid/karatekid-tlr3_r640s.mov?width=640&height=304" rel="prettyPhoto[movies]" title="The Karate Kid"><img src="images/thumbnails/quicktime-logo.gif" alt="The Karate Kid" width="60" /></a></li> |
|
||||
<li><a href="http://trailers.apple.com/movies/paramount/shutterisland/shutterisland-tvspot1_r640s.mov?width=640&height=272" rel="prettyPhoto[movies]" title="Shutter Island"><img src="images/thumbnails/quicktime-logo.gif" alt="Shutter Island" width="60" /></a></li> |
|
||||
</ul> |
|
||||
|
|
||||
<h2>Movies (.mov) alone</h2> |
|
||||
<ul class="gallery clearfix"> |
|
||||
<li><a href="http://trailers.apple.com/movies/disney/tronlegacy/tronlegacy-tsr1_r640s.mov?width=640&height=272" rel="prettyPhoto" title="Tron!"><img src="images/thumbnails/quicktime-logo.gif" alt="Tron teaser" width="60" /></a></li> |
|
||||
</ul> |
|
||||
|
|
||||
<h2>Unusual sizes</h2> |
|
||||
<ul class="gallery clearfix"> |
|
||||
<li><a href="images/fullscreen/wide.gif" rel="prettyPhoto[unusual]">Wide image (3000 x 1500)</a></li> |
|
||||
<li><a href="images/fullscreen/high.gif" rel="prettyPhoto[unusual]">High image (1500 x 3000)</a></li> |
|
||||
<li><a href="images/fullscreen/huge.gif" rel="prettyPhoto[unusual]">Huge image (3000 x 3000)</a></li> |
|
||||
</ul> |
|
||||
|
|
||||
<h2>Iframe</h2> |
|
||||
<ul class="gallery clearfix"> |
|
||||
<li><a href="http://www.google.com/search?ie=UTF-8&oe=UTF-8&q=prettyphoto&iframe=true&width=100%&height=100%" rel="prettyPhoto[iframe]">Google.ca</a></li> |
|
||||
<li><a href="http://www.facebook.com?iframe=true&width=600&height=300" rel="prettyPhoto[iframe]">Facebook</a></li> |
|
||||
<li><a href="http://nmfe.co?iframe=true&width=300&height=200" rel="prettyPhoto[iframe]">My site</a></li> |
|
||||
</ul> |
|
||||
|
|
||||
<h2>AJAX</h2> |
|
||||
<ul class="gallery clearfix"> |
|
||||
<li><a href="xhr_response.html?ajax=true&width=400&height=160" rel="prettyPhoto[ajax]">Sample AJAX</a></li> |
|
||||
</ul> |
|
||||
|
|
||||
<h2>Mixed gallery</h2> |
|
||||
<ul class="gallery clearfix"> |
|
||||
<li><a href="http://www.google.ca?iframe=true&width=1000&height=500" rel="prettyPhoto[mixed]">Google.ca</a></li> |
|
||||
<li><a href="http://trailers.apple.com/movies/disney/tronlegacy/tronlegacy-tsr1_r640s.mov?width=640&height=272" rel="prettyPhoto[mixed]" title="Tron!"><img src="images/thumbnails/quicktime-logo.gif" alt="Tron teaser" width="60" /></a></li> |
|
||||
<li><a href="images/fullscreen/5.jpg" rel="prettyPhoto[mixed]"><img src="images/thumbnails/t_5.jpg" width="60" height="60" alt="" /></a></li> |
|
||||
<li><a href="http://www.adobe.com/products/flashplayer/include/marquee/design.swf?width=792&height=294" rel="prettyPhoto[mixed]" title="Flash 10 demo"><img src="images/thumbnails/flash-logo.png" width="60" alt="Flash 10 demo" /></a></li> |
|
||||
</ul> |
|
||||
|
|
||||
<h2>Inline content</h2> |
|
||||
<ul class="gallery clearfix"> |
|
||||
<li><a href="#inline_demo" rel="prettyPhoto[inline]">Inline content 1</a></li> |
|
||||
<li><a href="#inline_demo2" rel="prettyPhoto[inline]">Inline content 2</a></li> |
|
||||
<li><a href="#inline_demo3" rel="prettyPhoto[inline]">Inline content 3</a></li> |
|
||||
</ul> |
|
||||
<div id="inline_demo" style="display:none;"> |
|
||||
<p><a href="http://www.google.ca?iframe=true&width=1000&height=500">Google.ca</a></p> |
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> |
|
||||
</div> |
|
||||
<div id="inline_demo2" style="display:none;"> |
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> |
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> |
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> |
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> |
|
||||
</div> |
|
||||
<div id="inline_demo3" style="display:none;"> |
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> |
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> |
|
||||
<p><img src="images/fullscreen/2.jpg" /></p> |
|
||||
</div> |
|
||||
|
|
||||
<h2>Custom content</h2> |
|
||||
<ul id="custom_content" class="gallery clearfix"> |
|
||||
<li><a href="#?custom=true&width=260&height=270" rel="prettyPhoto">Google Maps</a></li> |
|
||||
<li><a href="#?custom=true&width=260&height=400" rel="prettyPhoto">Ads</a></li> |
|
||||
</ul> |
|
||||
|
|
||||
<br /><br /> |
|
||||
|
|
||||
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/_HOMoTqEASY&hl=en&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><param name="wmode" value="opaque"></param><embed src="http://www.youtube.com/v/_HOMoTqEASY&hl=en&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344" wmode="opaque"></embed></object> |
|
||||
<iframe title="YouTube video player" width="425" height="344" src="http://www.youtube.com/embed/_HOMoTqEASY" frameborder="0" allowfullscreen></iframe> |
|
||||
|
|
||||
<script type="text/javascript" charset="utf-8"> |
|
||||
$(document).ready(function(){ |
|
||||
$("area[rel^='prettyPhoto']").prettyPhoto(); |
|
||||
|
|
||||
$(".gallery:first a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'normal',theme:'light_square',slideshow:3000, autoplay_slideshow: true}); |
|
||||
$(".gallery:gt(0) a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'fast',slideshow:10000, hideflash: true}); |
|
||||
|
|
||||
$("#custom_content a[rel^='prettyPhoto']:first").prettyPhoto({ |
|
||||
custom_markup: '<div id="map_canvas" style="width:260px; height:265px"></div>', |
|
||||
changepicturecallback: function(){ initialize(); } |
|
||||
}); |
|
||||
|
|
||||
$("#custom_content a[rel^='prettyPhoto']:last").prettyPhoto({ |
|
||||
custom_markup: '<div id="bsap_1259344" class="bsarocks bsap_d49a0984d0f377271ccbf01a33f2b6d6"></div><div id="bsap_1237859" class="bsarocks bsap_d49a0984d0f377271ccbf01a33f2b6d6" style="height:260px"></div><div id="bsap_1251710" class="bsarocks bsap_d49a0984d0f377271ccbf01a33f2b6d6"></div>', |
|
||||
changepicturecallback: function(){ _bsap.exec(); } |
|
||||
}); |
|
||||
}); |
|
||||
</script> |
|
||||
|
|
||||
<!-- Google Maps Code --> |
|
||||
<script type="text/javascript" |
|
||||
src="http://maps.google.com/maps/api/js?sensor=true"> |
|
||||
</script> |
|
||||
<script type="text/javascript"> |
|
||||
function initialize() { |
|
||||
var latlng = new google.maps.LatLng(-34.397, 150.644); |
|
||||
var myOptions = { |
|
||||
zoom: 8, |
|
||||
center: latlng, |
|
||||
mapTypeId: google.maps.MapTypeId.ROADMAP |
|
||||
}; |
|
||||
var map = new google.maps.Map(document.getElementById("map_canvas"), |
|
||||
myOptions); |
|
||||
} |
|
||||
|
|
||||
</script> |
|
||||
<!-- END Google Maps Code --> |
|
||||
|
|
||||
<!-- BuySellAds.com Ad Code --> |
|
||||
<style type="text/css" media="screen"> |
|
||||
.bsap a { float: left; } |
|
||||
</style> |
|
||||
<script type="text/javascript"> |
|
||||
(function(){ |
|
||||
var bsa = document.createElement('script'); |
|
||||
bsa.type = 'text/javascript'; |
|
||||
bsa.async = true; |
|
||||
bsa.src = '//s3.buysellads.com/ac/bsa.js'; |
|
||||
(document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa); |
|
||||
})(); |
|
||||
</script> |
|
||||
<!-- END BuySellAds.com Ad Code --> |
|
||||
</div> |
|
||||
</body> |
|
||||
</html> |
|
@ -1,167 +0,0 @@ |
|||||
/*! |
|
||||
* jQuery JavaScript Library v1.4.4 |
|
||||
* http://jquery.com/
|
|
||||
* |
|
||||
* Copyright 2010, John Resig |
|
||||
* Dual licensed under the MIT or GPL Version 2 licenses. |
|
||||
* http://jquery.org/license
|
|
||||
* |
|
||||
* Includes Sizzle.js |
|
||||
* http://sizzlejs.com/
|
|
||||
* Copyright 2010, The Dojo Foundation |
|
||||
* Released under the MIT, BSD, and GPL Licenses. |
|
||||
* |
|
||||
* Date: Thu Nov 11 19:04:53 2010 -0500 |
|
||||
*/ |
|
||||
(function(E,B){function ka(a,b,d){if(d===B&&a.nodeType===1){d=a.getAttribute("data-"+b);if(typeof d==="string"){try{d=d==="true"?true:d==="false"?false:d==="null"?null:!c.isNaN(d)?parseFloat(d):Ja.test(d)?c.parseJSON(d):d}catch(e){}c.data(a,b,d)}else d=B}return d}function U(){return false}function ca(){return true}function la(a,b,d){d[0].type=a;return c.event.handle.apply(b,d)}function Ka(a){var b,d,e,f,h,l,k,o,x,r,A,C=[];f=[];h=c.data(this,this.nodeType?"events":"__events__");if(typeof h==="function")h= |
|
||||
h.events;if(!(a.liveFired===this||!h||!h.live||a.button&&a.type==="click")){if(a.namespace)A=RegExp("(^|\\.)"+a.namespace.split(".").join("\\.(?:.*\\.)?")+"(\\.|$)");a.liveFired=this;var J=h.live.slice(0);for(k=0;k<J.length;k++){h=J[k];h.origType.replace(X,"")===a.type?f.push(h.selector):J.splice(k--,1)}f=c(a.target).closest(f,a.currentTarget);o=0;for(x=f.length;o<x;o++){r=f[o];for(k=0;k<J.length;k++){h=J[k];if(r.selector===h.selector&&(!A||A.test(h.namespace))){l=r.elem;e=null;if(h.preType==="mouseenter"|| |
|
||||
h.preType==="mouseleave"){a.type=h.preType;e=c(a.relatedTarget).closest(h.selector)[0]}if(!e||e!==l)C.push({elem:l,handleObj:h,level:r.level})}}}o=0;for(x=C.length;o<x;o++){f=C[o];if(d&&f.level>d)break;a.currentTarget=f.elem;a.data=f.handleObj.data;a.handleObj=f.handleObj;A=f.handleObj.origHandler.apply(f.elem,arguments);if(A===false||a.isPropagationStopped()){d=f.level;if(A===false)b=false;if(a.isImmediatePropagationStopped())break}}return b}}function Y(a,b){return(a&&a!=="*"?a+".":"")+b.replace(La, |
|
||||
"`").replace(Ma,"&")}function ma(a,b,d){if(c.isFunction(b))return c.grep(a,function(f,h){return!!b.call(f,h,f)===d});else if(b.nodeType)return c.grep(a,function(f){return f===b===d});else if(typeof b==="string"){var e=c.grep(a,function(f){return f.nodeType===1});if(Na.test(b))return c.filter(b,e,!d);else b=c.filter(b,e)}return c.grep(a,function(f){return c.inArray(f,b)>=0===d})}function na(a,b){var d=0;b.each(function(){if(this.nodeName===(a[d]&&a[d].nodeName)){var e=c.data(a[d++]),f=c.data(this, |
|
||||
e);if(e=e&&e.events){delete f.handle;f.events={};for(var h in e)for(var l in e[h])c.event.add(this,h,e[h][l],e[h][l].data)}}})}function Oa(a,b){b.src?c.ajax({url:b.src,async:false,dataType:"script"}):c.globalEval(b.text||b.textContent||b.innerHTML||"");b.parentNode&&b.parentNode.removeChild(b)}function oa(a,b,d){var e=b==="width"?a.offsetWidth:a.offsetHeight;if(d==="border")return e;c.each(b==="width"?Pa:Qa,function(){d||(e-=parseFloat(c.css(a,"padding"+this))||0);if(d==="margin")e+=parseFloat(c.css(a, |
|
||||
"margin"+this))||0;else e-=parseFloat(c.css(a,"border"+this+"Width"))||0});return e}function da(a,b,d,e){if(c.isArray(b)&&b.length)c.each(b,function(f,h){d||Ra.test(a)?e(a,h):da(a+"["+(typeof h==="object"||c.isArray(h)?f:"")+"]",h,d,e)});else if(!d&&b!=null&&typeof b==="object")c.isEmptyObject(b)?e(a,""):c.each(b,function(f,h){da(a+"["+f+"]",h,d,e)});else e(a,b)}function S(a,b){var d={};c.each(pa.concat.apply([],pa.slice(0,b)),function(){d[this]=a});return d}function qa(a){if(!ea[a]){var b=c("<"+ |
|
||||
a+">").appendTo("body"),d=b.css("display");b.remove();if(d==="none"||d==="")d="block";ea[a]=d}return ea[a]}function fa(a){return c.isWindow(a)?a:a.nodeType===9?a.defaultView||a.parentWindow:false}var t=E.document,c=function(){function a(){if(!b.isReady){try{t.documentElement.doScroll("left")}catch(j){setTimeout(a,1);return}b.ready()}}var b=function(j,s){return new b.fn.init(j,s)},d=E.jQuery,e=E.$,f,h=/^(?:[^<]*(<[\w\W]+>)[^>]*$|#([\w\-]+)$)/,l=/\S/,k=/^\s+/,o=/\s+$/,x=/\W/,r=/\d/,A=/^<(\w+)\s*\/?>(?:<\/\1>)?$/, |
|
||||
C=/^[\],:{}\s]*$/,J=/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,w=/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,I=/(?:^|:|,)(?:\s*\[)+/g,L=/(webkit)[ \/]([\w.]+)/,g=/(opera)(?:.*version)?[ \/]([\w.]+)/,i=/(msie) ([\w.]+)/,n=/(mozilla)(?:.*? rv:([\w.]+))?/,m=navigator.userAgent,p=false,q=[],u,y=Object.prototype.toString,F=Object.prototype.hasOwnProperty,M=Array.prototype.push,N=Array.prototype.slice,O=String.prototype.trim,D=Array.prototype.indexOf,R={};b.fn=b.prototype={init:function(j, |
|
||||
s){var v,z,H;if(!j)return this;if(j.nodeType){this.context=this[0]=j;this.length=1;return this}if(j==="body"&&!s&&t.body){this.context=t;this[0]=t.body;this.selector="body";this.length=1;return this}if(typeof j==="string")if((v=h.exec(j))&&(v[1]||!s))if(v[1]){H=s?s.ownerDocument||s:t;if(z=A.exec(j))if(b.isPlainObject(s)){j=[t.createElement(z[1])];b.fn.attr.call(j,s,true)}else j=[H.createElement(z[1])];else{z=b.buildFragment([v[1]],[H]);j=(z.cacheable?z.fragment.cloneNode(true):z.fragment).childNodes}return b.merge(this, |
|
||||
j)}else{if((z=t.getElementById(v[2]))&&z.parentNode){if(z.id!==v[2])return f.find(j);this.length=1;this[0]=z}this.context=t;this.selector=j;return this}else if(!s&&!x.test(j)){this.selector=j;this.context=t;j=t.getElementsByTagName(j);return b.merge(this,j)}else return!s||s.jquery?(s||f).find(j):b(s).find(j);else if(b.isFunction(j))return f.ready(j);if(j.selector!==B){this.selector=j.selector;this.context=j.context}return b.makeArray(j,this)},selector:"",jquery:"1.4.4",length:0,size:function(){return this.length}, |
|
||||
toArray:function(){return N.call(this,0)},get:function(j){return j==null?this.toArray():j<0?this.slice(j)[0]:this[j]},pushStack:function(j,s,v){var z=b();b.isArray(j)?M.apply(z,j):b.merge(z,j);z.prevObject=this;z.context=this.context;if(s==="find")z.selector=this.selector+(this.selector?" ":"")+v;else if(s)z.selector=this.selector+"."+s+"("+v+")";return z},each:function(j,s){return b.each(this,j,s)},ready:function(j){b.bindReady();if(b.isReady)j.call(t,b);else q&&q.push(j);return this},eq:function(j){return j=== |
|
||||
-1?this.slice(j):this.slice(j,+j+1)},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},slice:function(){return this.pushStack(N.apply(this,arguments),"slice",N.call(arguments).join(","))},map:function(j){return this.pushStack(b.map(this,function(s,v){return j.call(s,v,s)}))},end:function(){return this.prevObject||b(null)},push:M,sort:[].sort,splice:[].splice};b.fn.init.prototype=b.fn;b.extend=b.fn.extend=function(){var j,s,v,z,H,G=arguments[0]||{},K=1,Q=arguments.length,ga=false; |
|
||||
if(typeof G==="boolean"){ga=G;G=arguments[1]||{};K=2}if(typeof G!=="object"&&!b.isFunction(G))G={};if(Q===K){G=this;--K}for(;K<Q;K++)if((j=arguments[K])!=null)for(s in j){v=G[s];z=j[s];if(G!==z)if(ga&&z&&(b.isPlainObject(z)||(H=b.isArray(z)))){if(H){H=false;v=v&&b.isArray(v)?v:[]}else v=v&&b.isPlainObject(v)?v:{};G[s]=b.extend(ga,v,z)}else if(z!==B)G[s]=z}return G};b.extend({noConflict:function(j){E.$=e;if(j)E.jQuery=d;return b},isReady:false,readyWait:1,ready:function(j){j===true&&b.readyWait--; |
|
||||
if(!b.readyWait||j!==true&&!b.isReady){if(!t.body)return setTimeout(b.ready,1);b.isReady=true;if(!(j!==true&&--b.readyWait>0))if(q){var s=0,v=q;for(q=null;j=v[s++];)j.call(t,b);b.fn.trigger&&b(t).trigger("ready").unbind("ready")}}},bindReady:function(){if(!p){p=true;if(t.readyState==="complete")return setTimeout(b.ready,1);if(t.addEventListener){t.addEventListener("DOMContentLoaded",u,false);E.addEventListener("load",b.ready,false)}else if(t.attachEvent){t.attachEvent("onreadystatechange",u);E.attachEvent("onload", |
|
||||
b.ready);var j=false;try{j=E.frameElement==null}catch(s){}t.documentElement.doScroll&&j&&a()}}},isFunction:function(j){return b.type(j)==="function"},isArray:Array.isArray||function(j){return b.type(j)==="array"},isWindow:function(j){return j&&typeof j==="object"&&"setInterval"in j},isNaN:function(j){return j==null||!r.test(j)||isNaN(j)},type:function(j){return j==null?String(j):R[y.call(j)]||"object"},isPlainObject:function(j){if(!j||b.type(j)!=="object"||j.nodeType||b.isWindow(j))return false;if(j.constructor&& |
|
||||
!F.call(j,"constructor")&&!F.call(j.constructor.prototype,"isPrototypeOf"))return false;for(var s in j);return s===B||F.call(j,s)},isEmptyObject:function(j){for(var s in j)return false;return true},error:function(j){throw j;},parseJSON:function(j){if(typeof j!=="string"||!j)return null;j=b.trim(j);if(C.test(j.replace(J,"@").replace(w,"]").replace(I,"")))return E.JSON&&E.JSON.parse?E.JSON.parse(j):(new Function("return "+j))();else b.error("Invalid JSON: "+j)},noop:function(){},globalEval:function(j){if(j&& |
|
||||
l.test(j)){var s=t.getElementsByTagName("head")[0]||t.documentElement,v=t.createElement("script");v.type="text/javascript";if(b.support.scriptEval)v.appendChild(t.createTextNode(j));else v.text=j;s.insertBefore(v,s.firstChild);s.removeChild(v)}},nodeName:function(j,s){return j.nodeName&&j.nodeName.toUpperCase()===s.toUpperCase()},each:function(j,s,v){var z,H=0,G=j.length,K=G===B||b.isFunction(j);if(v)if(K)for(z in j){if(s.apply(j[z],v)===false)break}else for(;H<G;){if(s.apply(j[H++],v)===false)break}else if(K)for(z in j){if(s.call(j[z], |
|
||||
z,j[z])===false)break}else for(v=j[0];H<G&&s.call(v,H,v)!==false;v=j[++H]);return j},trim:O?function(j){return j==null?"":O.call(j)}:function(j){return j==null?"":j.toString().replace(k,"").replace(o,"")},makeArray:function(j,s){var v=s||[];if(j!=null){var z=b.type(j);j.length==null||z==="string"||z==="function"||z==="regexp"||b.isWindow(j)?M.call(v,j):b.merge(v,j)}return v},inArray:function(j,s){if(s.indexOf)return s.indexOf(j);for(var v=0,z=s.length;v<z;v++)if(s[v]===j)return v;return-1},merge:function(j, |
|
||||
s){var v=j.length,z=0;if(typeof s.length==="number")for(var H=s.length;z<H;z++)j[v++]=s[z];else for(;s[z]!==B;)j[v++]=s[z++];j.length=v;return j},grep:function(j,s,v){var z=[],H;v=!!v;for(var G=0,K=j.length;G<K;G++){H=!!s(j[G],G);v!==H&&z.push(j[G])}return z},map:function(j,s,v){for(var z=[],H,G=0,K=j.length;G<K;G++){H=s(j[G],G,v);if(H!=null)z[z.length]=H}return z.concat.apply([],z)},guid:1,proxy:function(j,s,v){if(arguments.length===2)if(typeof s==="string"){v=j;j=v[s];s=B}else if(s&&!b.isFunction(s)){v= |
|
||||
s;s=B}if(!s&&j)s=function(){return j.apply(v||this,arguments)};if(j)s.guid=j.guid=j.guid||s.guid||b.guid++;return s},access:function(j,s,v,z,H,G){var K=j.length;if(typeof s==="object"){for(var Q in s)b.access(j,Q,s[Q],z,H,v);return j}if(v!==B){z=!G&&z&&b.isFunction(v);for(Q=0;Q<K;Q++)H(j[Q],s,z?v.call(j[Q],Q,H(j[Q],s)):v,G);return j}return K?H(j[0],s):B},now:function(){return(new Date).getTime()},uaMatch:function(j){j=j.toLowerCase();j=L.exec(j)||g.exec(j)||i.exec(j)||j.indexOf("compatible")<0&&n.exec(j)|| |
|
||||
[];return{browser:j[1]||"",version:j[2]||"0"}},browser:{}});b.each("Boolean Number String Function Array Date RegExp Object".split(" "),function(j,s){R["[object "+s+"]"]=s.toLowerCase()});m=b.uaMatch(m);if(m.browser){b.browser[m.browser]=true;b.browser.version=m.version}if(b.browser.webkit)b.browser.safari=true;if(D)b.inArray=function(j,s){return D.call(s,j)};if(!/\s/.test("\u00a0")){k=/^[\s\xA0]+/;o=/[\s\xA0]+$/}f=b(t);if(t.addEventListener)u=function(){t.removeEventListener("DOMContentLoaded",u, |
|
||||
false);b.ready()};else if(t.attachEvent)u=function(){if(t.readyState==="complete"){t.detachEvent("onreadystatechange",u);b.ready()}};return E.jQuery=E.$=b}();(function(){c.support={};var a=t.documentElement,b=t.createElement("script"),d=t.createElement("div"),e="script"+c.now();d.style.display="none";d.innerHTML=" <link/><table></table><a href='/a' style='color:red;float:left;opacity:.55;'>a</a><input type='checkbox'/>";var f=d.getElementsByTagName("*"),h=d.getElementsByTagName("a")[0],l=t.createElement("select"), |
|
||||
k=l.appendChild(t.createElement("option"));if(!(!f||!f.length||!h)){c.support={leadingWhitespace:d.firstChild.nodeType===3,tbody:!d.getElementsByTagName("tbody").length,htmlSerialize:!!d.getElementsByTagName("link").length,style:/red/.test(h.getAttribute("style")),hrefNormalized:h.getAttribute("href")==="/a",opacity:/^0.55$/.test(h.style.opacity),cssFloat:!!h.style.cssFloat,checkOn:d.getElementsByTagName("input")[0].value==="on",optSelected:k.selected,deleteExpando:true,optDisabled:false,checkClone:false, |
|
||||
scriptEval:false,noCloneEvent:true,boxModel:null,inlineBlockNeedsLayout:false,shrinkWrapBlocks:false,reliableHiddenOffsets:true};l.disabled=true;c.support.optDisabled=!k.disabled;b.type="text/javascript";try{b.appendChild(t.createTextNode("window."+e+"=1;"))}catch(o){}a.insertBefore(b,a.firstChild);if(E[e]){c.support.scriptEval=true;delete E[e]}try{delete b.test}catch(x){c.support.deleteExpando=false}a.removeChild(b);if(d.attachEvent&&d.fireEvent){d.attachEvent("onclick",function r(){c.support.noCloneEvent= |
|
||||
false;d.detachEvent("onclick",r)});d.cloneNode(true).fireEvent("onclick")}d=t.createElement("div");d.innerHTML="<input type='radio' name='radiotest' checked='checked'/>";a=t.createDocumentFragment();a.appendChild(d.firstChild);c.support.checkClone=a.cloneNode(true).cloneNode(true).lastChild.checked;c(function(){var r=t.createElement("div");r.style.width=r.style.paddingLeft="1px";t.body.appendChild(r);c.boxModel=c.support.boxModel=r.offsetWidth===2;if("zoom"in r.style){r.style.display="inline";r.style.zoom= |
|
||||
1;c.support.inlineBlockNeedsLayout=r.offsetWidth===2;r.style.display="";r.innerHTML="<div style='width:4px;'></div>";c.support.shrinkWrapBlocks=r.offsetWidth!==2}r.innerHTML="<table><tr><td style='padding:0;display:none'></td><td>t</td></tr></table>";var A=r.getElementsByTagName("td");c.support.reliableHiddenOffsets=A[0].offsetHeight===0;A[0].style.display="";A[1].style.display="none";c.support.reliableHiddenOffsets=c.support.reliableHiddenOffsets&&A[0].offsetHeight===0;r.innerHTML="";t.body.removeChild(r).style.display= |
|
||||
"none"});a=function(r){var A=t.createElement("div");r="on"+r;var C=r in A;if(!C){A.setAttribute(r,"return;");C=typeof A[r]==="function"}return C};c.support.submitBubbles=a("submit");c.support.changeBubbles=a("change");a=b=d=f=h=null}})();var ra={},Ja=/^(?:\{.*\}|\[.*\])$/;c.extend({cache:{},uuid:0,expando:"jQuery"+c.now(),noData:{embed:true,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",applet:true},data:function(a,b,d){if(c.acceptData(a)){a=a==E?ra:a;var e=a.nodeType,f=e?a[c.expando]:null,h= |
|
||||
c.cache;if(!(e&&!f&&typeof b==="string"&&d===B)){if(e)f||(a[c.expando]=f=++c.uuid);else h=a;if(typeof b==="object")if(e)h[f]=c.extend(h[f],b);else c.extend(h,b);else if(e&&!h[f])h[f]={};a=e?h[f]:h;if(d!==B)a[b]=d;return typeof b==="string"?a[b]:a}}},removeData:function(a,b){if(c.acceptData(a)){a=a==E?ra:a;var d=a.nodeType,e=d?a[c.expando]:a,f=c.cache,h=d?f[e]:e;if(b){if(h){delete h[b];d&&c.isEmptyObject(h)&&c.removeData(a)}}else if(d&&c.support.deleteExpando)delete a[c.expando];else if(a.removeAttribute)a.removeAttribute(c.expando); |
|
||||
else if(d)delete f[e];else for(var l in a)delete a[l]}},acceptData:function(a){if(a.nodeName){var b=c.noData[a.nodeName.toLowerCase()];if(b)return!(b===true||a.getAttribute("classid")!==b)}return true}});c.fn.extend({data:function(a,b){var d=null;if(typeof a==="undefined"){if(this.length){var e=this[0].attributes,f;d=c.data(this[0]);for(var h=0,l=e.length;h<l;h++){f=e[h].name;if(f.indexOf("data-")===0){f=f.substr(5);ka(this[0],f,d[f])}}}return d}else if(typeof a==="object")return this.each(function(){c.data(this, |
|
||||
a)});var k=a.split(".");k[1]=k[1]?"."+k[1]:"";if(b===B){d=this.triggerHandler("getData"+k[1]+"!",[k[0]]);if(d===B&&this.length){d=c.data(this[0],a);d=ka(this[0],a,d)}return d===B&&k[1]?this.data(k[0]):d}else return this.each(function(){var o=c(this),x=[k[0],b];o.triggerHandler("setData"+k[1]+"!",x);c.data(this,a,b);o.triggerHandler("changeData"+k[1]+"!",x)})},removeData:function(a){return this.each(function(){c.removeData(this,a)})}});c.extend({queue:function(a,b,d){if(a){b=(b||"fx")+"queue";var e= |
|
||||
c.data(a,b);if(!d)return e||[];if(!e||c.isArray(d))e=c.data(a,b,c.makeArray(d));else e.push(d);return e}},dequeue:function(a,b){b=b||"fx";var d=c.queue(a,b),e=d.shift();if(e==="inprogress")e=d.shift();if(e){b==="fx"&&d.unshift("inprogress");e.call(a,function(){c.dequeue(a,b)})}}});c.fn.extend({queue:function(a,b){if(typeof a!=="string"){b=a;a="fx"}if(b===B)return c.queue(this[0],a);return this.each(function(){var d=c.queue(this,a,b);a==="fx"&&d[0]!=="inprogress"&&c.dequeue(this,a)})},dequeue:function(a){return this.each(function(){c.dequeue(this, |
|
||||
a)})},delay:function(a,b){a=c.fx?c.fx.speeds[a]||a:a;b=b||"fx";return this.queue(b,function(){var d=this;setTimeout(function(){c.dequeue(d,b)},a)})},clearQueue:function(a){return this.queue(a||"fx",[])}});var sa=/[\n\t]/g,ha=/\s+/,Sa=/\r/g,Ta=/^(?:href|src|style)$/,Ua=/^(?:button|input)$/i,Va=/^(?:button|input|object|select|textarea)$/i,Wa=/^a(?:rea)?$/i,ta=/^(?:radio|checkbox)$/i;c.props={"for":"htmlFor","class":"className",readonly:"readOnly",maxlength:"maxLength",cellspacing:"cellSpacing",rowspan:"rowSpan", |
|
||||
colspan:"colSpan",tabindex:"tabIndex",usemap:"useMap",frameborder:"frameBorder"};c.fn.extend({attr:function(a,b){return c.access(this,a,b,true,c.attr)},removeAttr:function(a){return this.each(function(){c.attr(this,a,"");this.nodeType===1&&this.removeAttribute(a)})},addClass:function(a){if(c.isFunction(a))return this.each(function(x){var r=c(this);r.addClass(a.call(this,x,r.attr("class")))});if(a&&typeof a==="string")for(var b=(a||"").split(ha),d=0,e=this.length;d<e;d++){var f=this[d];if(f.nodeType=== |
|
||||
1)if(f.className){for(var h=" "+f.className+" ",l=f.className,k=0,o=b.length;k<o;k++)if(h.indexOf(" "+b[k]+" ")<0)l+=" "+b[k];f.className=c.trim(l)}else f.className=a}return this},removeClass:function(a){if(c.isFunction(a))return this.each(function(o){var x=c(this);x.removeClass(a.call(this,o,x.attr("class")))});if(a&&typeof a==="string"||a===B)for(var b=(a||"").split(ha),d=0,e=this.length;d<e;d++){var f=this[d];if(f.nodeType===1&&f.className)if(a){for(var h=(" "+f.className+" ").replace(sa," "), |
|
||||
l=0,k=b.length;l<k;l++)h=h.replace(" "+b[l]+" "," ");f.className=c.trim(h)}else f.className=""}return this},toggleClass:function(a,b){var d=typeof a,e=typeof b==="boolean";if(c.isFunction(a))return this.each(function(f){var h=c(this);h.toggleClass(a.call(this,f,h.attr("class"),b),b)});return this.each(function(){if(d==="string")for(var f,h=0,l=c(this),k=b,o=a.split(ha);f=o[h++];){k=e?k:!l.hasClass(f);l[k?"addClass":"removeClass"](f)}else if(d==="undefined"||d==="boolean"){this.className&&c.data(this, |
|
||||
"__className__",this.className);this.className=this.className||a===false?"":c.data(this,"__className__")||""}})},hasClass:function(a){a=" "+a+" ";for(var b=0,d=this.length;b<d;b++)if((" "+this[b].className+" ").replace(sa," ").indexOf(a)>-1)return true;return false},val:function(a){if(!arguments.length){var b=this[0];if(b){if(c.nodeName(b,"option")){var d=b.attributes.value;return!d||d.specified?b.value:b.text}if(c.nodeName(b,"select")){var e=b.selectedIndex;d=[];var f=b.options;b=b.type==="select-one"; |
|
||||
if(e<0)return null;var h=b?e:0;for(e=b?e+1:f.length;h<e;h++){var l=f[h];if(l.selected&&(c.support.optDisabled?!l.disabled:l.getAttribute("disabled")===null)&&(!l.parentNode.disabled||!c.nodeName(l.parentNode,"optgroup"))){a=c(l).val();if(b)return a;d.push(a)}}return d}if(ta.test(b.type)&&!c.support.checkOn)return b.getAttribute("value")===null?"on":b.value;return(b.value||"").replace(Sa,"")}return B}var k=c.isFunction(a);return this.each(function(o){var x=c(this),r=a;if(this.nodeType===1){if(k)r= |
|
||||
a.call(this,o,x.val());if(r==null)r="";else if(typeof r==="number")r+="";else if(c.isArray(r))r=c.map(r,function(C){return C==null?"":C+""});if(c.isArray(r)&&ta.test(this.type))this.checked=c.inArray(x.val(),r)>=0;else if(c.nodeName(this,"select")){var A=c.makeArray(r);c("option",this).each(function(){this.selected=c.inArray(c(this).val(),A)>=0});if(!A.length)this.selectedIndex=-1}else this.value=r}})}});c.extend({attrFn:{val:true,css:true,html:true,text:true,data:true,width:true,height:true,offset:true}, |
|
||||
attr:function(a,b,d,e){if(!a||a.nodeType===3||a.nodeType===8)return B;if(e&&b in c.attrFn)return c(a)[b](d);e=a.nodeType!==1||!c.isXMLDoc(a);var f=d!==B;b=e&&c.props[b]||b;var h=Ta.test(b);if((b in a||a[b]!==B)&&e&&!h){if(f){b==="type"&&Ua.test(a.nodeName)&&a.parentNode&&c.error("type property can't be changed");if(d===null)a.nodeType===1&&a.removeAttribute(b);else a[b]=d}if(c.nodeName(a,"form")&&a.getAttributeNode(b))return a.getAttributeNode(b).nodeValue;if(b==="tabIndex")return(b=a.getAttributeNode("tabIndex"))&& |
|
||||
b.specified?b.value:Va.test(a.nodeName)||Wa.test(a.nodeName)&&a.href?0:B;return a[b]}if(!c.support.style&&e&&b==="style"){if(f)a.style.cssText=""+d;return a.style.cssText}f&&a.setAttribute(b,""+d);if(!a.attributes[b]&&a.hasAttribute&&!a.hasAttribute(b))return B;a=!c.support.hrefNormalized&&e&&h?a.getAttribute(b,2):a.getAttribute(b);return a===null?B:a}});var X=/\.(.*)$/,ia=/^(?:textarea|input|select)$/i,La=/\./g,Ma=/ /g,Xa=/[^\w\s.|`]/g,Ya=function(a){return a.replace(Xa,"\\$&")},ua={focusin:0,focusout:0}; |
|
||||
c.event={add:function(a,b,d,e){if(!(a.nodeType===3||a.nodeType===8)){if(c.isWindow(a)&&a!==E&&!a.frameElement)a=E;if(d===false)d=U;else if(!d)return;var f,h;if(d.handler){f=d;d=f.handler}if(!d.guid)d.guid=c.guid++;if(h=c.data(a)){var l=a.nodeType?"events":"__events__",k=h[l],o=h.handle;if(typeof k==="function"){o=k.handle;k=k.events}else if(!k){a.nodeType||(h[l]=h=function(){});h.events=k={}}if(!o)h.handle=o=function(){return typeof c!=="undefined"&&!c.event.triggered?c.event.handle.apply(o.elem, |
|
||||
arguments):B};o.elem=a;b=b.split(" ");for(var x=0,r;l=b[x++];){h=f?c.extend({},f):{handler:d,data:e};if(l.indexOf(".")>-1){r=l.split(".");l=r.shift();h.namespace=r.slice(0).sort().join(".")}else{r=[];h.namespace=""}h.type=l;if(!h.guid)h.guid=d.guid;var A=k[l],C=c.event.special[l]||{};if(!A){A=k[l]=[];if(!C.setup||C.setup.call(a,e,r,o)===false)if(a.addEventListener)a.addEventListener(l,o,false);else a.attachEvent&&a.attachEvent("on"+l,o)}if(C.add){C.add.call(a,h);if(!h.handler.guid)h.handler.guid= |
|
||||
d.guid}A.push(h);c.event.global[l]=true}a=null}}},global:{},remove:function(a,b,d,e){if(!(a.nodeType===3||a.nodeType===8)){if(d===false)d=U;var f,h,l=0,k,o,x,r,A,C,J=a.nodeType?"events":"__events__",w=c.data(a),I=w&&w[J];if(w&&I){if(typeof I==="function"){w=I;I=I.events}if(b&&b.type){d=b.handler;b=b.type}if(!b||typeof b==="string"&&b.charAt(0)==="."){b=b||"";for(f in I)c.event.remove(a,f+b)}else{for(b=b.split(" ");f=b[l++];){r=f;k=f.indexOf(".")<0;o=[];if(!k){o=f.split(".");f=o.shift();x=RegExp("(^|\\.)"+ |
|
||||
c.map(o.slice(0).sort(),Ya).join("\\.(?:.*\\.)?")+"(\\.|$)")}if(A=I[f])if(d){r=c.event.special[f]||{};for(h=e||0;h<A.length;h++){C=A[h];if(d.guid===C.guid){if(k||x.test(C.namespace)){e==null&&A.splice(h--,1);r.remove&&r.remove.call(a,C)}if(e!=null)break}}if(A.length===0||e!=null&&A.length===1){if(!r.teardown||r.teardown.call(a,o)===false)c.removeEvent(a,f,w.handle);delete I[f]}}else for(h=0;h<A.length;h++){C=A[h];if(k||x.test(C.namespace)){c.event.remove(a,r,C.handler,h);A.splice(h--,1)}}}if(c.isEmptyObject(I)){if(b= |
|
||||
w.handle)b.elem=null;delete w.events;delete w.handle;if(typeof w==="function")c.removeData(a,J);else c.isEmptyObject(w)&&c.removeData(a)}}}}},trigger:function(a,b,d,e){var f=a.type||a;if(!e){a=typeof a==="object"?a[c.expando]?a:c.extend(c.Event(f),a):c.Event(f);if(f.indexOf("!")>=0){a.type=f=f.slice(0,-1);a.exclusive=true}if(!d){a.stopPropagation();c.event.global[f]&&c.each(c.cache,function(){this.events&&this.events[f]&&c.event.trigger(a,b,this.handle.elem)})}if(!d||d.nodeType===3||d.nodeType=== |
|
||||
8)return B;a.result=B;a.target=d;b=c.makeArray(b);b.unshift(a)}a.currentTarget=d;(e=d.nodeType?c.data(d,"handle"):(c.data(d,"__events__")||{}).handle)&&e.apply(d,b);e=d.parentNode||d.ownerDocument;try{if(!(d&&d.nodeName&&c.noData[d.nodeName.toLowerCase()]))if(d["on"+f]&&d["on"+f].apply(d,b)===false){a.result=false;a.preventDefault()}}catch(h){}if(!a.isPropagationStopped()&&e)c.event.trigger(a,b,e,true);else if(!a.isDefaultPrevented()){var l;e=a.target;var k=f.replace(X,""),o=c.nodeName(e,"a")&&k=== |
|
||||
"click",x=c.event.special[k]||{};if((!x._default||x._default.call(d,a)===false)&&!o&&!(e&&e.nodeName&&c.noData[e.nodeName.toLowerCase()])){try{if(e[k]){if(l=e["on"+k])e["on"+k]=null;c.event.triggered=true;e[k]()}}catch(r){}if(l)e["on"+k]=l;c.event.triggered=false}}},handle:function(a){var b,d,e,f;d=[];var h=c.makeArray(arguments);a=h[0]=c.event.fix(a||E.event);a.currentTarget=this;b=a.type.indexOf(".")<0&&!a.exclusive;if(!b){e=a.type.split(".");a.type=e.shift();d=e.slice(0).sort();e=RegExp("(^|\\.)"+ |
|
||||
d.join("\\.(?:.*\\.)?")+"(\\.|$)")}a.namespace=a.namespace||d.join(".");f=c.data(this,this.nodeType?"events":"__events__");if(typeof f==="function")f=f.events;d=(f||{})[a.type];if(f&&d){d=d.slice(0);f=0;for(var l=d.length;f<l;f++){var k=d[f];if(b||e.test(k.namespace)){a.handler=k.handler;a.data=k.data;a.handleObj=k;k=k.handler.apply(this,h);if(k!==B){a.result=k;if(k===false){a.preventDefault();a.stopPropagation()}}if(a.isImmediatePropagationStopped())break}}}return a.result},props:"altKey attrChange attrName bubbles button cancelable charCode clientX clientY ctrlKey currentTarget data detail eventPhase fromElement handler keyCode layerX layerY metaKey newValue offsetX offsetY pageX pageY prevValue relatedNode relatedTarget screenX screenY shiftKey srcElement target toElement view wheelDelta which".split(" "), |
|
||||
fix:function(a){if(a[c.expando])return a;var b=a;a=c.Event(b);for(var d=this.props.length,e;d;){e=this.props[--d];a[e]=b[e]}if(!a.target)a.target=a.srcElement||t;if(a.target.nodeType===3)a.target=a.target.parentNode;if(!a.relatedTarget&&a.fromElement)a.relatedTarget=a.fromElement===a.target?a.toElement:a.fromElement;if(a.pageX==null&&a.clientX!=null){b=t.documentElement;d=t.body;a.pageX=a.clientX+(b&&b.scrollLeft||d&&d.scrollLeft||0)-(b&&b.clientLeft||d&&d.clientLeft||0);a.pageY=a.clientY+(b&&b.scrollTop|| |
|
||||
d&&d.scrollTop||0)-(b&&b.clientTop||d&&d.clientTop||0)}if(a.which==null&&(a.charCode!=null||a.keyCode!=null))a.which=a.charCode!=null?a.charCode:a.keyCode;if(!a.metaKey&&a.ctrlKey)a.metaKey=a.ctrlKey;if(!a.which&&a.button!==B)a.which=a.button&1?1:a.button&2?3:a.button&4?2:0;return a},guid:1E8,proxy:c.proxy,special:{ready:{setup:c.bindReady,teardown:c.noop},live:{add:function(a){c.event.add(this,Y(a.origType,a.selector),c.extend({},a,{handler:Ka,guid:a.handler.guid}))},remove:function(a){c.event.remove(this, |
|
||||
Y(a.origType,a.selector),a)}},beforeunload:{setup:function(a,b,d){if(c.isWindow(this))this.onbeforeunload=d},teardown:function(a,b){if(this.onbeforeunload===b)this.onbeforeunload=null}}}};c.removeEvent=t.removeEventListener?function(a,b,d){a.removeEventListener&&a.removeEventListener(b,d,false)}:function(a,b,d){a.detachEvent&&a.detachEvent("on"+b,d)};c.Event=function(a){if(!this.preventDefault)return new c.Event(a);if(a&&a.type){this.originalEvent=a;this.type=a.type}else this.type=a;this.timeStamp= |
|
||||
c.now();this[c.expando]=true};c.Event.prototype={preventDefault:function(){this.isDefaultPrevented=ca;var a=this.originalEvent;if(a)if(a.preventDefault)a.preventDefault();else a.returnValue=false},stopPropagation:function(){this.isPropagationStopped=ca;var a=this.originalEvent;if(a){a.stopPropagation&&a.stopPropagation();a.cancelBubble=true}},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=ca;this.stopPropagation()},isDefaultPrevented:U,isPropagationStopped:U,isImmediatePropagationStopped:U}; |
|
||||
var va=function(a){var b=a.relatedTarget;try{for(;b&&b!==this;)b=b.parentNode;if(b!==this){a.type=a.data;c.event.handle.apply(this,arguments)}}catch(d){}},wa=function(a){a.type=a.data;c.event.handle.apply(this,arguments)};c.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(a,b){c.event.special[a]={setup:function(d){c.event.add(this,b,d&&d.selector?wa:va,a)},teardown:function(d){c.event.remove(this,b,d&&d.selector?wa:va)}}});if(!c.support.submitBubbles)c.event.special.submit={setup:function(){if(this.nodeName.toLowerCase()!== |
|
||||
"form"){c.event.add(this,"click.specialSubmit",function(a){var b=a.target,d=b.type;if((d==="submit"||d==="image")&&c(b).closest("form").length){a.liveFired=B;return la("submit",this,arguments)}});c.event.add(this,"keypress.specialSubmit",function(a){var b=a.target,d=b.type;if((d==="text"||d==="password")&&c(b).closest("form").length&&a.keyCode===13){a.liveFired=B;return la("submit",this,arguments)}})}else return false},teardown:function(){c.event.remove(this,".specialSubmit")}};if(!c.support.changeBubbles){var V, |
|
||||
xa=function(a){var b=a.type,d=a.value;if(b==="radio"||b==="checkbox")d=a.checked;else if(b==="select-multiple")d=a.selectedIndex>-1?c.map(a.options,function(e){return e.selected}).join("-"):"";else if(a.nodeName.toLowerCase()==="select")d=a.selectedIndex;return d},Z=function(a,b){var d=a.target,e,f;if(!(!ia.test(d.nodeName)||d.readOnly)){e=c.data(d,"_change_data");f=xa(d);if(a.type!=="focusout"||d.type!=="radio")c.data(d,"_change_data",f);if(!(e===B||f===e))if(e!=null||f){a.type="change";a.liveFired= |
|
||||
B;return c.event.trigger(a,b,d)}}};c.event.special.change={filters:{focusout:Z,beforedeactivate:Z,click:function(a){var b=a.target,d=b.type;if(d==="radio"||d==="checkbox"||b.nodeName.toLowerCase()==="select")return Z.call(this,a)},keydown:function(a){var b=a.target,d=b.type;if(a.keyCode===13&&b.nodeName.toLowerCase()!=="textarea"||a.keyCode===32&&(d==="checkbox"||d==="radio")||d==="select-multiple")return Z.call(this,a)},beforeactivate:function(a){a=a.target;c.data(a,"_change_data",xa(a))}},setup:function(){if(this.type=== |
|
||||
"file")return false;for(var a in V)c.event.add(this,a+".specialChange",V[a]);return ia.test(this.nodeName)},teardown:function(){c.event.remove(this,".specialChange");return ia.test(this.nodeName)}};V=c.event.special.change.filters;V.focus=V.beforeactivate}t.addEventListener&&c.each({focus:"focusin",blur:"focusout"},function(a,b){function d(e){e=c.event.fix(e);e.type=b;return c.event.trigger(e,null,e.target)}c.event.special[b]={setup:function(){ua[b]++===0&&t.addEventListener(a,d,true)},teardown:function(){--ua[b]=== |
|
||||
0&&t.removeEventListener(a,d,true)}}});c.each(["bind","one"],function(a,b){c.fn[b]=function(d,e,f){if(typeof d==="object"){for(var h in d)this[b](h,e,d[h],f);return this}if(c.isFunction(e)||e===false){f=e;e=B}var l=b==="one"?c.proxy(f,function(o){c(this).unbind(o,l);return f.apply(this,arguments)}):f;if(d==="unload"&&b!=="one")this.one(d,e,f);else{h=0;for(var k=this.length;h<k;h++)c.event.add(this[h],d,l,e)}return this}});c.fn.extend({unbind:function(a,b){if(typeof a==="object"&&!a.preventDefault)for(var d in a)this.unbind(d, |
|
||||
a[d]);else{d=0;for(var e=this.length;d<e;d++)c.event.remove(this[d],a,b)}return this},delegate:function(a,b,d,e){return this.live(b,d,e,a)},undelegate:function(a,b,d){return arguments.length===0?this.unbind("live"):this.die(b,null,d,a)},trigger:function(a,b){return this.each(function(){c.event.trigger(a,b,this)})},triggerHandler:function(a,b){if(this[0]){var d=c.Event(a);d.preventDefault();d.stopPropagation();c.event.trigger(d,b,this[0]);return d.result}},toggle:function(a){for(var b=arguments,d= |
|
||||
1;d<b.length;)c.proxy(a,b[d++]);return this.click(c.proxy(a,function(e){var f=(c.data(this,"lastToggle"+a.guid)||0)%d;c.data(this,"lastToggle"+a.guid,f+1);e.preventDefault();return b[f].apply(this,arguments)||false}))},hover:function(a,b){return this.mouseenter(a).mouseleave(b||a)}});var ya={focus:"focusin",blur:"focusout",mouseenter:"mouseover",mouseleave:"mouseout"};c.each(["live","die"],function(a,b){c.fn[b]=function(d,e,f,h){var l,k=0,o,x,r=h||this.selector;h=h?this:c(this.context);if(typeof d=== |
|
||||
"object"&&!d.preventDefault){for(l in d)h[b](l,e,d[l],r);return this}if(c.isFunction(e)){f=e;e=B}for(d=(d||"").split(" ");(l=d[k++])!=null;){o=X.exec(l);x="";if(o){x=o[0];l=l.replace(X,"")}if(l==="hover")d.push("mouseenter"+x,"mouseleave"+x);else{o=l;if(l==="focus"||l==="blur"){d.push(ya[l]+x);l+=x}else l=(ya[l]||l)+x;if(b==="live"){x=0;for(var A=h.length;x<A;x++)c.event.add(h[x],"live."+Y(l,r),{data:e,selector:r,handler:f,origType:l,origHandler:f,preType:o})}else h.unbind("live."+Y(l,r),f)}}return this}}); |
|
||||
c.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error".split(" "),function(a,b){c.fn[b]=function(d,e){if(e==null){e=d;d=null}return arguments.length>0?this.bind(b,d,e):this.trigger(b)};if(c.attrFn)c.attrFn[b]=true});E.attachEvent&&!E.addEventListener&&c(E).bind("unload",function(){for(var a in c.cache)if(c.cache[a].handle)try{c.event.remove(c.cache[a].handle.elem)}catch(b){}}); |
|
||||
(function(){function a(g,i,n,m,p,q){p=0;for(var u=m.length;p<u;p++){var y=m[p];if(y){var F=false;for(y=y[g];y;){if(y.sizcache===n){F=m[y.sizset];break}if(y.nodeType===1&&!q){y.sizcache=n;y.sizset=p}if(y.nodeName.toLowerCase()===i){F=y;break}y=y[g]}m[p]=F}}}function b(g,i,n,m,p,q){p=0;for(var u=m.length;p<u;p++){var y=m[p];if(y){var F=false;for(y=y[g];y;){if(y.sizcache===n){F=m[y.sizset];break}if(y.nodeType===1){if(!q){y.sizcache=n;y.sizset=p}if(typeof i!=="string"){if(y===i){F=true;break}}else if(k.filter(i, |
|
||||
[y]).length>0){F=y;break}}y=y[g]}m[p]=F}}}var d=/((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^\[\]]*\]|['"][^'"]*['"]|[^\[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g,e=0,f=Object.prototype.toString,h=false,l=true;[0,0].sort(function(){l=false;return 0});var k=function(g,i,n,m){n=n||[];var p=i=i||t;if(i.nodeType!==1&&i.nodeType!==9)return[];if(!g||typeof g!=="string")return n;var q,u,y,F,M,N=true,O=k.isXML(i),D=[],R=g;do{d.exec("");if(q=d.exec(R)){R=q[3];D.push(q[1]);if(q[2]){F=q[3]; |
|
||||
break}}}while(q);if(D.length>1&&x.exec(g))if(D.length===2&&o.relative[D[0]])u=L(D[0]+D[1],i);else for(u=o.relative[D[0]]?[i]:k(D.shift(),i);D.length;){g=D.shift();if(o.relative[g])g+=D.shift();u=L(g,u)}else{if(!m&&D.length>1&&i.nodeType===9&&!O&&o.match.ID.test(D[0])&&!o.match.ID.test(D[D.length-1])){q=k.find(D.shift(),i,O);i=q.expr?k.filter(q.expr,q.set)[0]:q.set[0]}if(i){q=m?{expr:D.pop(),set:C(m)}:k.find(D.pop(),D.length===1&&(D[0]==="~"||D[0]==="+")&&i.parentNode?i.parentNode:i,O);u=q.expr?k.filter(q.expr, |
|
||||
q.set):q.set;if(D.length>0)y=C(u);else N=false;for(;D.length;){q=M=D.pop();if(o.relative[M])q=D.pop();else M="";if(q==null)q=i;o.relative[M](y,q,O)}}else y=[]}y||(y=u);y||k.error(M||g);if(f.call(y)==="[object Array]")if(N)if(i&&i.nodeType===1)for(g=0;y[g]!=null;g++){if(y[g]&&(y[g]===true||y[g].nodeType===1&&k.contains(i,y[g])))n.push(u[g])}else for(g=0;y[g]!=null;g++)y[g]&&y[g].nodeType===1&&n.push(u[g]);else n.push.apply(n,y);else C(y,n);if(F){k(F,p,n,m);k.uniqueSort(n)}return n};k.uniqueSort=function(g){if(w){h= |
|
||||
l;g.sort(w);if(h)for(var i=1;i<g.length;i++)g[i]===g[i-1]&&g.splice(i--,1)}return g};k.matches=function(g,i){return k(g,null,null,i)};k.matchesSelector=function(g,i){return k(i,null,null,[g]).length>0};k.find=function(g,i,n){var m;if(!g)return[];for(var p=0,q=o.order.length;p<q;p++){var u,y=o.order[p];if(u=o.leftMatch[y].exec(g)){var F=u[1];u.splice(1,1);if(F.substr(F.length-1)!=="\\"){u[1]=(u[1]||"").replace(/\\/g,"");m=o.find[y](u,i,n);if(m!=null){g=g.replace(o.match[y],"");break}}}}m||(m=i.getElementsByTagName("*")); |
|
||||
return{set:m,expr:g}};k.filter=function(g,i,n,m){for(var p,q,u=g,y=[],F=i,M=i&&i[0]&&k.isXML(i[0]);g&&i.length;){for(var N in o.filter)if((p=o.leftMatch[N].exec(g))!=null&&p[2]){var O,D,R=o.filter[N];D=p[1];q=false;p.splice(1,1);if(D.substr(D.length-1)!=="\\"){if(F===y)y=[];if(o.preFilter[N])if(p=o.preFilter[N](p,F,n,y,m,M)){if(p===true)continue}else q=O=true;if(p)for(var j=0;(D=F[j])!=null;j++)if(D){O=R(D,p,j,F);var s=m^!!O;if(n&&O!=null)if(s)q=true;else F[j]=false;else if(s){y.push(D);q=true}}if(O!== |
|
||||
B){n||(F=y);g=g.replace(o.match[N],"");if(!q)return[];break}}}if(g===u)if(q==null)k.error(g);else break;u=g}return F};k.error=function(g){throw"Syntax error, unrecognized expression: "+g;};var o=k.selectors={order:["ID","NAME","TAG"],match:{ID:/#((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,CLASS:/\.((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,NAME:/\[name=['"]*((?:[\w\u00c0-\uFFFF\-]|\\.)+)['"]*\]/,ATTR:/\[\s*((?:[\w\u00c0-\uFFFF\-]|\\.)+)\s*(?:(\S?=)\s*(['"]*)(.*?)\3|)\s*\]/,TAG:/^((?:[\w\u00c0-\uFFFF\*\-]|\\.)+)/,CHILD:/:(only|nth|last|first)-child(?:\((even|odd|[\dn+\-]*)\))?/, |
|
||||
POS:/:(nth|eq|gt|lt|first|last|even|odd)(?:\((\d*)\))?(?=[^\-]|$)/,PSEUDO:/:((?:[\w\u00c0-\uFFFF\-]|\\.)+)(?:\((['"]?)((?:\([^\)]+\)|[^\(\)]*)+)\2\))?/},leftMatch:{},attrMap:{"class":"className","for":"htmlFor"},attrHandle:{href:function(g){return g.getAttribute("href")}},relative:{"+":function(g,i){var n=typeof i==="string",m=n&&!/\W/.test(i);n=n&&!m;if(m)i=i.toLowerCase();m=0;for(var p=g.length,q;m<p;m++)if(q=g[m]){for(;(q=q.previousSibling)&&q.nodeType!==1;);g[m]=n||q&&q.nodeName.toLowerCase()=== |
|
||||
i?q||false:q===i}n&&k.filter(i,g,true)},">":function(g,i){var n,m=typeof i==="string",p=0,q=g.length;if(m&&!/\W/.test(i))for(i=i.toLowerCase();p<q;p++){if(n=g[p]){n=n.parentNode;g[p]=n.nodeName.toLowerCase()===i?n:false}}else{for(;p<q;p++)if(n=g[p])g[p]=m?n.parentNode:n.parentNode===i;m&&k.filter(i,g,true)}},"":function(g,i,n){var m,p=e++,q=b;if(typeof i==="string"&&!/\W/.test(i)){m=i=i.toLowerCase();q=a}q("parentNode",i,p,g,m,n)},"~":function(g,i,n){var m,p=e++,q=b;if(typeof i==="string"&&!/\W/.test(i)){m= |
|
||||
i=i.toLowerCase();q=a}q("previousSibling",i,p,g,m,n)}},find:{ID:function(g,i,n){if(typeof i.getElementById!=="undefined"&&!n)return(g=i.getElementById(g[1]))&&g.parentNode?[g]:[]},NAME:function(g,i){if(typeof i.getElementsByName!=="undefined"){for(var n=[],m=i.getElementsByName(g[1]),p=0,q=m.length;p<q;p++)m[p].getAttribute("name")===g[1]&&n.push(m[p]);return n.length===0?null:n}},TAG:function(g,i){return i.getElementsByTagName(g[1])}},preFilter:{CLASS:function(g,i,n,m,p,q){g=" "+g[1].replace(/\\/g, |
|
||||
"")+" ";if(q)return g;q=0;for(var u;(u=i[q])!=null;q++)if(u)if(p^(u.className&&(" "+u.className+" ").replace(/[\t\n]/g," ").indexOf(g)>=0))n||m.push(u);else if(n)i[q]=false;return false},ID:function(g){return g[1].replace(/\\/g,"")},TAG:function(g){return g[1].toLowerCase()},CHILD:function(g){if(g[1]==="nth"){var i=/(-?)(\d*)n((?:\+|-)?\d*)/.exec(g[2]==="even"&&"2n"||g[2]==="odd"&&"2n+1"||!/\D/.test(g[2])&&"0n+"+g[2]||g[2]);g[2]=i[1]+(i[2]||1)-0;g[3]=i[3]-0}g[0]=e++;return g},ATTR:function(g,i,n, |
|
||||
m,p,q){i=g[1].replace(/\\/g,"");if(!q&&o.attrMap[i])g[1]=o.attrMap[i];if(g[2]==="~=")g[4]=" "+g[4]+" ";return g},PSEUDO:function(g,i,n,m,p){if(g[1]==="not")if((d.exec(g[3])||"").length>1||/^\w/.test(g[3]))g[3]=k(g[3],null,null,i);else{g=k.filter(g[3],i,n,true^p);n||m.push.apply(m,g);return false}else if(o.match.POS.test(g[0])||o.match.CHILD.test(g[0]))return true;return g},POS:function(g){g.unshift(true);return g}},filters:{enabled:function(g){return g.disabled===false&&g.type!=="hidden"},disabled:function(g){return g.disabled=== |
|
||||
true},checked:function(g){return g.checked===true},selected:function(g){return g.selected===true},parent:function(g){return!!g.firstChild},empty:function(g){return!g.firstChild},has:function(g,i,n){return!!k(n[3],g).length},header:function(g){return/h\d/i.test(g.nodeName)},text:function(g){return"text"===g.type},radio:function(g){return"radio"===g.type},checkbox:function(g){return"checkbox"===g.type},file:function(g){return"file"===g.type},password:function(g){return"password"===g.type},submit:function(g){return"submit"=== |
|
||||
g.type},image:function(g){return"image"===g.type},reset:function(g){return"reset"===g.type},button:function(g){return"button"===g.type||g.nodeName.toLowerCase()==="button"},input:function(g){return/input|select|textarea|button/i.test(g.nodeName)}},setFilters:{first:function(g,i){return i===0},last:function(g,i,n,m){return i===m.length-1},even:function(g,i){return i%2===0},odd:function(g,i){return i%2===1},lt:function(g,i,n){return i<n[3]-0},gt:function(g,i,n){return i>n[3]-0},nth:function(g,i,n){return n[3]- |
|
||||
0===i},eq:function(g,i,n){return n[3]-0===i}},filter:{PSEUDO:function(g,i,n,m){var p=i[1],q=o.filters[p];if(q)return q(g,n,i,m);else if(p==="contains")return(g.textContent||g.innerText||k.getText([g])||"").indexOf(i[3])>=0;else if(p==="not"){i=i[3];n=0;for(m=i.length;n<m;n++)if(i[n]===g)return false;return true}else k.error("Syntax error, unrecognized expression: "+p)},CHILD:function(g,i){var n=i[1],m=g;switch(n){case "only":case "first":for(;m=m.previousSibling;)if(m.nodeType===1)return false;if(n=== |
|
||||
"first")return true;m=g;case "last":for(;m=m.nextSibling;)if(m.nodeType===1)return false;return true;case "nth":n=i[2];var p=i[3];if(n===1&&p===0)return true;var q=i[0],u=g.parentNode;if(u&&(u.sizcache!==q||!g.nodeIndex)){var y=0;for(m=u.firstChild;m;m=m.nextSibling)if(m.nodeType===1)m.nodeIndex=++y;u.sizcache=q}m=g.nodeIndex-p;return n===0?m===0:m%n===0&&m/n>=0}},ID:function(g,i){return g.nodeType===1&&g.getAttribute("id")===i},TAG:function(g,i){return i==="*"&&g.nodeType===1||g.nodeName.toLowerCase()=== |
|
||||
i},CLASS:function(g,i){return(" "+(g.className||g.getAttribute("class"))+" ").indexOf(i)>-1},ATTR:function(g,i){var n=i[1];n=o.attrHandle[n]?o.attrHandle[n](g):g[n]!=null?g[n]:g.getAttribute(n);var m=n+"",p=i[2],q=i[4];return n==null?p==="!=":p==="="?m===q:p==="*="?m.indexOf(q)>=0:p==="~="?(" "+m+" ").indexOf(q)>=0:!q?m&&n!==false:p==="!="?m!==q:p==="^="?m.indexOf(q)===0:p==="$="?m.substr(m.length-q.length)===q:p==="|="?m===q||m.substr(0,q.length+1)===q+"-":false},POS:function(g,i,n,m){var p=o.setFilters[i[2]]; |
|
||||
if(p)return p(g,n,i,m)}}},x=o.match.POS,r=function(g,i){return"\\"+(i-0+1)},A;for(A in o.match){o.match[A]=RegExp(o.match[A].source+/(?![^\[]*\])(?![^\(]*\))/.source);o.leftMatch[A]=RegExp(/(^(?:.|\r|\n)*?)/.source+o.match[A].source.replace(/\\(\d+)/g,r))}var C=function(g,i){g=Array.prototype.slice.call(g,0);if(i){i.push.apply(i,g);return i}return g};try{Array.prototype.slice.call(t.documentElement.childNodes,0)}catch(J){C=function(g,i){var n=0,m=i||[];if(f.call(g)==="[object Array]")Array.prototype.push.apply(m, |
|
||||
g);else if(typeof g.length==="number")for(var p=g.length;n<p;n++)m.push(g[n]);else for(;g[n];n++)m.push(g[n]);return m}}var w,I;if(t.documentElement.compareDocumentPosition)w=function(g,i){if(g===i){h=true;return 0}if(!g.compareDocumentPosition||!i.compareDocumentPosition)return g.compareDocumentPosition?-1:1;return g.compareDocumentPosition(i)&4?-1:1};else{w=function(g,i){var n,m,p=[],q=[];n=g.parentNode;m=i.parentNode;var u=n;if(g===i){h=true;return 0}else if(n===m)return I(g,i);else if(n){if(!m)return 1}else return-1; |
|
||||
for(;u;){p.unshift(u);u=u.parentNode}for(u=m;u;){q.unshift(u);u=u.parentNode}n=p.length;m=q.length;for(u=0;u<n&&u<m;u++)if(p[u]!==q[u])return I(p[u],q[u]);return u===n?I(g,q[u],-1):I(p[u],i,1)};I=function(g,i,n){if(g===i)return n;for(g=g.nextSibling;g;){if(g===i)return-1;g=g.nextSibling}return 1}}k.getText=function(g){for(var i="",n,m=0;g[m];m++){n=g[m];if(n.nodeType===3||n.nodeType===4)i+=n.nodeValue;else if(n.nodeType!==8)i+=k.getText(n.childNodes)}return i};(function(){var g=t.createElement("div"), |
|
||||
i="script"+(new Date).getTime(),n=t.documentElement;g.innerHTML="<a name='"+i+"'/>";n.insertBefore(g,n.firstChild);if(t.getElementById(i)){o.find.ID=function(m,p,q){if(typeof p.getElementById!=="undefined"&&!q)return(p=p.getElementById(m[1]))?p.id===m[1]||typeof p.getAttributeNode!=="undefined"&&p.getAttributeNode("id").nodeValue===m[1]?[p]:B:[]};o.filter.ID=function(m,p){var q=typeof m.getAttributeNode!=="undefined"&&m.getAttributeNode("id");return m.nodeType===1&&q&&q.nodeValue===p}}n.removeChild(g); |
|
||||
n=g=null})();(function(){var g=t.createElement("div");g.appendChild(t.createComment(""));if(g.getElementsByTagName("*").length>0)o.find.TAG=function(i,n){var m=n.getElementsByTagName(i[1]);if(i[1]==="*"){for(var p=[],q=0;m[q];q++)m[q].nodeType===1&&p.push(m[q]);m=p}return m};g.innerHTML="<a href='#'></a>";if(g.firstChild&&typeof g.firstChild.getAttribute!=="undefined"&&g.firstChild.getAttribute("href")!=="#")o.attrHandle.href=function(i){return i.getAttribute("href",2)};g=null})();t.querySelectorAll&& |
|
||||
function(){var g=k,i=t.createElement("div");i.innerHTML="<p class='TEST'></p>";if(!(i.querySelectorAll&&i.querySelectorAll(".TEST").length===0)){k=function(m,p,q,u){p=p||t;m=m.replace(/\=\s*([^'"\]]*)\s*\]/g,"='$1']");if(!u&&!k.isXML(p))if(p.nodeType===9)try{return C(p.querySelectorAll(m),q)}catch(y){}else if(p.nodeType===1&&p.nodeName.toLowerCase()!=="object"){var F=p.getAttribute("id"),M=F||"__sizzle__";F||p.setAttribute("id",M);try{return C(p.querySelectorAll("#"+M+" "+m),q)}catch(N){}finally{F|| |
|
||||
p.removeAttribute("id")}}return g(m,p,q,u)};for(var n in g)k[n]=g[n];i=null}}();(function(){var g=t.documentElement,i=g.matchesSelector||g.mozMatchesSelector||g.webkitMatchesSelector||g.msMatchesSelector,n=false;try{i.call(t.documentElement,"[test!='']:sizzle")}catch(m){n=true}if(i)k.matchesSelector=function(p,q){q=q.replace(/\=\s*([^'"\]]*)\s*\]/g,"='$1']");if(!k.isXML(p))try{if(n||!o.match.PSEUDO.test(q)&&!/!=/.test(q))return i.call(p,q)}catch(u){}return k(q,null,null,[p]).length>0}})();(function(){var g= |
|
||||
t.createElement("div");g.innerHTML="<div class='test e'></div><div class='test'></div>";if(!(!g.getElementsByClassName||g.getElementsByClassName("e").length===0)){g.lastChild.className="e";if(g.getElementsByClassName("e").length!==1){o.order.splice(1,0,"CLASS");o.find.CLASS=function(i,n,m){if(typeof n.getElementsByClassName!=="undefined"&&!m)return n.getElementsByClassName(i[1])};g=null}}})();k.contains=t.documentElement.contains?function(g,i){return g!==i&&(g.contains?g.contains(i):true)}:t.documentElement.compareDocumentPosition? |
|
||||
function(g,i){return!!(g.compareDocumentPosition(i)&16)}:function(){return false};k.isXML=function(g){return(g=(g?g.ownerDocument||g:0).documentElement)?g.nodeName!=="HTML":false};var L=function(g,i){for(var n,m=[],p="",q=i.nodeType?[i]:i;n=o.match.PSEUDO.exec(g);){p+=n[0];g=g.replace(o.match.PSEUDO,"")}g=o.relative[g]?g+"*":g;n=0;for(var u=q.length;n<u;n++)k(g,q[n],m);return k.filter(p,m)};c.find=k;c.expr=k.selectors;c.expr[":"]=c.expr.filters;c.unique=k.uniqueSort;c.text=k.getText;c.isXMLDoc=k.isXML; |
|
||||
c.contains=k.contains})();var Za=/Until$/,$a=/^(?:parents|prevUntil|prevAll)/,ab=/,/,Na=/^.[^:#\[\.,]*$/,bb=Array.prototype.slice,cb=c.expr.match.POS;c.fn.extend({find:function(a){for(var b=this.pushStack("","find",a),d=0,e=0,f=this.length;e<f;e++){d=b.length;c.find(a,this[e],b);if(e>0)for(var h=d;h<b.length;h++)for(var l=0;l<d;l++)if(b[l]===b[h]){b.splice(h--,1);break}}return b},has:function(a){var b=c(a);return this.filter(function(){for(var d=0,e=b.length;d<e;d++)if(c.contains(this,b[d]))return true})}, |
|
||||
not:function(a){return this.pushStack(ma(this,a,false),"not",a)},filter:function(a){return this.pushStack(ma(this,a,true),"filter",a)},is:function(a){return!!a&&c.filter(a,this).length>0},closest:function(a,b){var d=[],e,f,h=this[0];if(c.isArray(a)){var l,k={},o=1;if(h&&a.length){e=0;for(f=a.length;e<f;e++){l=a[e];k[l]||(k[l]=c.expr.match.POS.test(l)?c(l,b||this.context):l)}for(;h&&h.ownerDocument&&h!==b;){for(l in k){e=k[l];if(e.jquery?e.index(h)>-1:c(h).is(e))d.push({selector:l,elem:h,level:o})}h= |
|
||||
h.parentNode;o++}}return d}l=cb.test(a)?c(a,b||this.context):null;e=0;for(f=this.length;e<f;e++)for(h=this[e];h;)if(l?l.index(h)>-1:c.find.matchesSelector(h,a)){d.push(h);break}else{h=h.parentNode;if(!h||!h.ownerDocument||h===b)break}d=d.length>1?c.unique(d):d;return this.pushStack(d,"closest",a)},index:function(a){if(!a||typeof a==="string")return c.inArray(this[0],a?c(a):this.parent().children());return c.inArray(a.jquery?a[0]:a,this)},add:function(a,b){var d=typeof a==="string"?c(a,b||this.context): |
|
||||
c.makeArray(a),e=c.merge(this.get(),d);return this.pushStack(!d[0]||!d[0].parentNode||d[0].parentNode.nodeType===11||!e[0]||!e[0].parentNode||e[0].parentNode.nodeType===11?e:c.unique(e))},andSelf:function(){return this.add(this.prevObject)}});c.each({parent:function(a){return(a=a.parentNode)&&a.nodeType!==11?a:null},parents:function(a){return c.dir(a,"parentNode")},parentsUntil:function(a,b,d){return c.dir(a,"parentNode",d)},next:function(a){return c.nth(a,2,"nextSibling")},prev:function(a){return c.nth(a, |
|
||||
2,"previousSibling")},nextAll:function(a){return c.dir(a,"nextSibling")},prevAll:function(a){return c.dir(a,"previousSibling")},nextUntil:function(a,b,d){return c.dir(a,"nextSibling",d)},prevUntil:function(a,b,d){return c.dir(a,"previousSibling",d)},siblings:function(a){return c.sibling(a.parentNode.firstChild,a)},children:function(a){return c.sibling(a.firstChild)},contents:function(a){return c.nodeName(a,"iframe")?a.contentDocument||a.contentWindow.document:c.makeArray(a.childNodes)}},function(a, |
|
||||
b){c.fn[a]=function(d,e){var f=c.map(this,b,d);Za.test(a)||(e=d);if(e&&typeof e==="string")f=c.filter(e,f);f=this.length>1?c.unique(f):f;if((this.length>1||ab.test(e))&&$a.test(a))f=f.reverse();return this.pushStack(f,a,bb.call(arguments).join(","))}});c.extend({filter:function(a,b,d){if(d)a=":not("+a+")";return b.length===1?c.find.matchesSelector(b[0],a)?[b[0]]:[]:c.find.matches(a,b)},dir:function(a,b,d){var e=[];for(a=a[b];a&&a.nodeType!==9&&(d===B||a.nodeType!==1||!c(a).is(d));){a.nodeType===1&& |
|
||||
e.push(a);a=a[b]}return e},nth:function(a,b,d){b=b||1;for(var e=0;a;a=a[d])if(a.nodeType===1&&++e===b)break;return a},sibling:function(a,b){for(var d=[];a;a=a.nextSibling)a.nodeType===1&&a!==b&&d.push(a);return d}});var za=/ jQuery\d+="(?:\d+|null)"/g,$=/^\s+/,Aa=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,Ba=/<([\w:]+)/,db=/<tbody/i,eb=/<|&#?\w+;/,Ca=/<(?:script|object|embed|option|style)/i,Da=/checked\s*(?:[^=]|=\s*.checked.)/i,fb=/\=([^="'>\s]+\/)>/g,P={option:[1, |
|
||||
"<select multiple='multiple'>","</select>"],legend:[1,"<fieldset>","</fieldset>"],thead:[1,"<table>","</table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"],area:[1,"<map>","</map>"],_default:[0,"",""]};P.optgroup=P.option;P.tbody=P.tfoot=P.colgroup=P.caption=P.thead;P.th=P.td;if(!c.support.htmlSerialize)P._default=[1,"div<div>","</div>"];c.fn.extend({text:function(a){if(c.isFunction(a))return this.each(function(b){var d= |
|
||||
c(this);d.text(a.call(this,b,d.text()))});if(typeof a!=="object"&&a!==B)return this.empty().append((this[0]&&this[0].ownerDocument||t).createTextNode(a));return c.text(this)},wrapAll:function(a){if(c.isFunction(a))return this.each(function(d){c(this).wrapAll(a.call(this,d))});if(this[0]){var b=c(a,this[0].ownerDocument).eq(0).clone(true);this[0].parentNode&&b.insertBefore(this[0]);b.map(function(){for(var d=this;d.firstChild&&d.firstChild.nodeType===1;)d=d.firstChild;return d}).append(this)}return this}, |
|
||||
wrapInner:function(a){if(c.isFunction(a))return this.each(function(b){c(this).wrapInner(a.call(this,b))});return this.each(function(){var b=c(this),d=b.contents();d.length?d.wrapAll(a):b.append(a)})},wrap:function(a){return this.each(function(){c(this).wrapAll(a)})},unwrap:function(){return this.parent().each(function(){c.nodeName(this,"body")||c(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,true,function(a){this.nodeType===1&&this.appendChild(a)})}, |
|
||||
prepend:function(){return this.domManip(arguments,true,function(a){this.nodeType===1&&this.insertBefore(a,this.firstChild)})},before:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,false,function(b){this.parentNode.insertBefore(b,this)});else if(arguments.length){var a=c(arguments[0]);a.push.apply(a,this.toArray());return this.pushStack(a,"before",arguments)}},after:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,false,function(b){this.parentNode.insertBefore(b, |
|
||||
this.nextSibling)});else if(arguments.length){var a=this.pushStack(this,"after",arguments);a.push.apply(a,c(arguments[0]).toArray());return a}},remove:function(a,b){for(var d=0,e;(e=this[d])!=null;d++)if(!a||c.filter(a,[e]).length){if(!b&&e.nodeType===1){c.cleanData(e.getElementsByTagName("*"));c.cleanData([e])}e.parentNode&&e.parentNode.removeChild(e)}return this},empty:function(){for(var a=0,b;(b=this[a])!=null;a++)for(b.nodeType===1&&c.cleanData(b.getElementsByTagName("*"));b.firstChild;)b.removeChild(b.firstChild); |
|
||||
return this},clone:function(a){var b=this.map(function(){if(!c.support.noCloneEvent&&!c.isXMLDoc(this)){var d=this.outerHTML,e=this.ownerDocument;if(!d){d=e.createElement("div");d.appendChild(this.cloneNode(true));d=d.innerHTML}return c.clean([d.replace(za,"").replace(fb,'="$1">').replace($,"")],e)[0]}else return this.cloneNode(true)});if(a===true){na(this,b);na(this.find("*"),b.find("*"))}return b},html:function(a){if(a===B)return this[0]&&this[0].nodeType===1?this[0].innerHTML.replace(za,""):null; |
|
||||
else if(typeof a==="string"&&!Ca.test(a)&&(c.support.leadingWhitespace||!$.test(a))&&!P[(Ba.exec(a)||["",""])[1].toLowerCase()]){a=a.replace(Aa,"<$1></$2>");try{for(var b=0,d=this.length;b<d;b++)if(this[b].nodeType===1){c.cleanData(this[b].getElementsByTagName("*"));this[b].innerHTML=a}}catch(e){this.empty().append(a)}}else c.isFunction(a)?this.each(function(f){var h=c(this);h.html(a.call(this,f,h.html()))}):this.empty().append(a);return this},replaceWith:function(a){if(this[0]&&this[0].parentNode){if(c.isFunction(a))return this.each(function(b){var d= |
|
||||
c(this),e=d.html();d.replaceWith(a.call(this,b,e))});if(typeof a!=="string")a=c(a).detach();return this.each(function(){var b=this.nextSibling,d=this.parentNode;c(this).remove();b?c(b).before(a):c(d).append(a)})}else return this.pushStack(c(c.isFunction(a)?a():a),"replaceWith",a)},detach:function(a){return this.remove(a,true)},domManip:function(a,b,d){var e,f,h,l=a[0],k=[];if(!c.support.checkClone&&arguments.length===3&&typeof l==="string"&&Da.test(l))return this.each(function(){c(this).domManip(a, |
|
||||
b,d,true)});if(c.isFunction(l))return this.each(function(x){var r=c(this);a[0]=l.call(this,x,b?r.html():B);r.domManip(a,b,d)});if(this[0]){e=l&&l.parentNode;e=c.support.parentNode&&e&&e.nodeType===11&&e.childNodes.length===this.length?{fragment:e}:c.buildFragment(a,this,k);h=e.fragment;if(f=h.childNodes.length===1?h=h.firstChild:h.firstChild){b=b&&c.nodeName(f,"tr");f=0;for(var o=this.length;f<o;f++)d.call(b?c.nodeName(this[f],"table")?this[f].getElementsByTagName("tbody")[0]||this[f].appendChild(this[f].ownerDocument.createElement("tbody")): |
|
||||
this[f]:this[f],f>0||e.cacheable||this.length>1?h.cloneNode(true):h)}k.length&&c.each(k,Oa)}return this}});c.buildFragment=function(a,b,d){var e,f,h;b=b&&b[0]?b[0].ownerDocument||b[0]:t;if(a.length===1&&typeof a[0]==="string"&&a[0].length<512&&b===t&&!Ca.test(a[0])&&(c.support.checkClone||!Da.test(a[0]))){f=true;if(h=c.fragments[a[0]])if(h!==1)e=h}if(!e){e=b.createDocumentFragment();c.clean(a,b,e,d)}if(f)c.fragments[a[0]]=h?e:1;return{fragment:e,cacheable:f}};c.fragments={};c.each({appendTo:"append", |
|
||||
prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){c.fn[a]=function(d){var e=[];d=c(d);var f=this.length===1&&this[0].parentNode;if(f&&f.nodeType===11&&f.childNodes.length===1&&d.length===1){d[b](this[0]);return this}else{f=0;for(var h=d.length;f<h;f++){var l=(f>0?this.clone(true):this).get();c(d[f])[b](l);e=e.concat(l)}return this.pushStack(e,a,d.selector)}}});c.extend({clean:function(a,b,d,e){b=b||t;if(typeof b.createElement==="undefined")b=b.ownerDocument|| |
|
||||
b[0]&&b[0].ownerDocument||t;for(var f=[],h=0,l;(l=a[h])!=null;h++){if(typeof l==="number")l+="";if(l){if(typeof l==="string"&&!eb.test(l))l=b.createTextNode(l);else if(typeof l==="string"){l=l.replace(Aa,"<$1></$2>");var k=(Ba.exec(l)||["",""])[1].toLowerCase(),o=P[k]||P._default,x=o[0],r=b.createElement("div");for(r.innerHTML=o[1]+l+o[2];x--;)r=r.lastChild;if(!c.support.tbody){x=db.test(l);k=k==="table"&&!x?r.firstChild&&r.firstChild.childNodes:o[1]==="<table>"&&!x?r.childNodes:[];for(o=k.length- |
|
||||
1;o>=0;--o)c.nodeName(k[o],"tbody")&&!k[o].childNodes.length&&k[o].parentNode.removeChild(k[o])}!c.support.leadingWhitespace&&$.test(l)&&r.insertBefore(b.createTextNode($.exec(l)[0]),r.firstChild);l=r.childNodes}if(l.nodeType)f.push(l);else f=c.merge(f,l)}}if(d)for(h=0;f[h];h++)if(e&&c.nodeName(f[h],"script")&&(!f[h].type||f[h].type.toLowerCase()==="text/javascript"))e.push(f[h].parentNode?f[h].parentNode.removeChild(f[h]):f[h]);else{f[h].nodeType===1&&f.splice.apply(f,[h+1,0].concat(c.makeArray(f[h].getElementsByTagName("script")))); |
|
||||
d.appendChild(f[h])}return f},cleanData:function(a){for(var b,d,e=c.cache,f=c.event.special,h=c.support.deleteExpando,l=0,k;(k=a[l])!=null;l++)if(!(k.nodeName&&c.noData[k.nodeName.toLowerCase()]))if(d=k[c.expando]){if((b=e[d])&&b.events)for(var o in b.events)f[o]?c.event.remove(k,o):c.removeEvent(k,o,b.handle);if(h)delete k[c.expando];else k.removeAttribute&&k.removeAttribute(c.expando);delete e[d]}}});var Ea=/alpha\([^)]*\)/i,gb=/opacity=([^)]*)/,hb=/-([a-z])/ig,ib=/([A-Z])/g,Fa=/^-?\d+(?:px)?$/i, |
|
||||
jb=/^-?\d/,kb={position:"absolute",visibility:"hidden",display:"block"},Pa=["Left","Right"],Qa=["Top","Bottom"],W,Ga,aa,lb=function(a,b){return b.toUpperCase()};c.fn.css=function(a,b){if(arguments.length===2&&b===B)return this;return c.access(this,a,b,true,function(d,e,f){return f!==B?c.style(d,e,f):c.css(d,e)})};c.extend({cssHooks:{opacity:{get:function(a,b){if(b){var d=W(a,"opacity","opacity");return d===""?"1":d}else return a.style.opacity}}},cssNumber:{zIndex:true,fontWeight:true,opacity:true, |
|
||||
zoom:true,lineHeight:true},cssProps:{"float":c.support.cssFloat?"cssFloat":"styleFloat"},style:function(a,b,d,e){if(!(!a||a.nodeType===3||a.nodeType===8||!a.style)){var f,h=c.camelCase(b),l=a.style,k=c.cssHooks[h];b=c.cssProps[h]||h;if(d!==B){if(!(typeof d==="number"&&isNaN(d)||d==null)){if(typeof d==="number"&&!c.cssNumber[h])d+="px";if(!k||!("set"in k)||(d=k.set(a,d))!==B)try{l[b]=d}catch(o){}}}else{if(k&&"get"in k&&(f=k.get(a,false,e))!==B)return f;return l[b]}}},css:function(a,b,d){var e,f=c.camelCase(b), |
|
||||
h=c.cssHooks[f];b=c.cssProps[f]||f;if(h&&"get"in h&&(e=h.get(a,true,d))!==B)return e;else if(W)return W(a,b,f)},swap:function(a,b,d){var e={},f;for(f in b){e[f]=a.style[f];a.style[f]=b[f]}d.call(a);for(f in b)a.style[f]=e[f]},camelCase:function(a){return a.replace(hb,lb)}});c.curCSS=c.css;c.each(["height","width"],function(a,b){c.cssHooks[b]={get:function(d,e,f){var h;if(e){if(d.offsetWidth!==0)h=oa(d,b,f);else c.swap(d,kb,function(){h=oa(d,b,f)});if(h<=0){h=W(d,b,b);if(h==="0px"&&aa)h=aa(d,b,b); |
|
||||
if(h!=null)return h===""||h==="auto"?"0px":h}if(h<0||h==null){h=d.style[b];return h===""||h==="auto"?"0px":h}return typeof h==="string"?h:h+"px"}},set:function(d,e){if(Fa.test(e)){e=parseFloat(e);if(e>=0)return e+"px"}else return e}}});if(!c.support.opacity)c.cssHooks.opacity={get:function(a,b){return gb.test((b&&a.currentStyle?a.currentStyle.filter:a.style.filter)||"")?parseFloat(RegExp.$1)/100+"":b?"1":""},set:function(a,b){var d=a.style;d.zoom=1;var e=c.isNaN(b)?"":"alpha(opacity="+b*100+")",f= |
|
||||
d.filter||"";d.filter=Ea.test(f)?f.replace(Ea,e):d.filter+" "+e}};if(t.defaultView&&t.defaultView.getComputedStyle)Ga=function(a,b,d){var e;d=d.replace(ib,"-$1").toLowerCase();if(!(b=a.ownerDocument.defaultView))return B;if(b=b.getComputedStyle(a,null)){e=b.getPropertyValue(d);if(e===""&&!c.contains(a.ownerDocument.documentElement,a))e=c.style(a,d)}return e};if(t.documentElement.currentStyle)aa=function(a,b){var d,e,f=a.currentStyle&&a.currentStyle[b],h=a.style;if(!Fa.test(f)&&jb.test(f)){d=h.left; |
|
||||
e=a.runtimeStyle.left;a.runtimeStyle.left=a.currentStyle.left;h.left=b==="fontSize"?"1em":f||0;f=h.pixelLeft+"px";h.left=d;a.runtimeStyle.left=e}return f===""?"auto":f};W=Ga||aa;if(c.expr&&c.expr.filters){c.expr.filters.hidden=function(a){var b=a.offsetHeight;return a.offsetWidth===0&&b===0||!c.support.reliableHiddenOffsets&&(a.style.display||c.css(a,"display"))==="none"};c.expr.filters.visible=function(a){return!c.expr.filters.hidden(a)}}var mb=c.now(),nb=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, |
|
||||
ob=/^(?:select|textarea)/i,pb=/^(?:color|date|datetime|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i,qb=/^(?:GET|HEAD)$/,Ra=/\[\]$/,T=/\=\?(&|$)/,ja=/\?/,rb=/([?&])_=[^&]*/,sb=/^(\w+:)?\/\/([^\/?#]+)/,tb=/%20/g,ub=/#.*$/,Ha=c.fn.load;c.fn.extend({load:function(a,b,d){if(typeof a!=="string"&&Ha)return Ha.apply(this,arguments);else if(!this.length)return this;var e=a.indexOf(" ");if(e>=0){var f=a.slice(e,a.length);a=a.slice(0,e)}e="GET";if(b)if(c.isFunction(b)){d=b;b=null}else if(typeof b=== |
|
||||
"object"){b=c.param(b,c.ajaxSettings.traditional);e="POST"}var h=this;c.ajax({url:a,type:e,dataType:"html",data:b,complete:function(l,k){if(k==="success"||k==="notmodified")h.html(f?c("<div>").append(l.responseText.replace(nb,"")).find(f):l.responseText);d&&h.each(d,[l.responseText,k,l])}});return this},serialize:function(){return c.param(this.serializeArray())},serializeArray:function(){return this.map(function(){return this.elements?c.makeArray(this.elements):this}).filter(function(){return this.name&& |
|
||||
!this.disabled&&(this.checked||ob.test(this.nodeName)||pb.test(this.type))}).map(function(a,b){var d=c(this).val();return d==null?null:c.isArray(d)?c.map(d,function(e){return{name:b.name,value:e}}):{name:b.name,value:d}}).get()}});c.each("ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split(" "),function(a,b){c.fn[b]=function(d){return this.bind(b,d)}});c.extend({get:function(a,b,d,e){if(c.isFunction(b)){e=e||d;d=b;b=null}return c.ajax({type:"GET",url:a,data:b,success:d,dataType:e})}, |
|
||||
getScript:function(a,b){return c.get(a,null,b,"script")},getJSON:function(a,b,d){return c.get(a,b,d,"json")},post:function(a,b,d,e){if(c.isFunction(b)){e=e||d;d=b;b={}}return c.ajax({type:"POST",url:a,data:b,success:d,dataType:e})},ajaxSetup:function(a){c.extend(c.ajaxSettings,a)},ajaxSettings:{url:location.href,global:true,type:"GET",contentType:"application/x-www-form-urlencoded",processData:true,async:true,xhr:function(){return new E.XMLHttpRequest},accepts:{xml:"application/xml, text/xml",html:"text/html", |
|
||||
script:"text/javascript, application/javascript",json:"application/json, text/javascript",text:"text/plain",_default:"*/*"}},ajax:function(a){var b=c.extend(true,{},c.ajaxSettings,a),d,e,f,h=b.type.toUpperCase(),l=qb.test(h);b.url=b.url.replace(ub,"");b.context=a&&a.context!=null?a.context:b;if(b.data&&b.processData&&typeof b.data!=="string")b.data=c.param(b.data,b.traditional);if(b.dataType==="jsonp"){if(h==="GET")T.test(b.url)||(b.url+=(ja.test(b.url)?"&":"?")+(b.jsonp||"callback")+"=?");else if(!b.data|| |
|
||||
!T.test(b.data))b.data=(b.data?b.data+"&":"")+(b.jsonp||"callback")+"=?";b.dataType="json"}if(b.dataType==="json"&&(b.data&&T.test(b.data)||T.test(b.url))){d=b.jsonpCallback||"jsonp"+mb++;if(b.data)b.data=(b.data+"").replace(T,"="+d+"$1");b.url=b.url.replace(T,"="+d+"$1");b.dataType="script";var k=E[d];E[d]=function(m){if(c.isFunction(k))k(m);else{E[d]=B;try{delete E[d]}catch(p){}}f=m;c.handleSuccess(b,w,e,f);c.handleComplete(b,w,e,f);r&&r.removeChild(A)}}if(b.dataType==="script"&&b.cache===null)b.cache= |
|
||||
false;if(b.cache===false&&l){var o=c.now(),x=b.url.replace(rb,"$1_="+o);b.url=x+(x===b.url?(ja.test(b.url)?"&":"?")+"_="+o:"")}if(b.data&&l)b.url+=(ja.test(b.url)?"&":"?")+b.data;b.global&&c.active++===0&&c.event.trigger("ajaxStart");o=(o=sb.exec(b.url))&&(o[1]&&o[1].toLowerCase()!==location.protocol||o[2].toLowerCase()!==location.host);if(b.dataType==="script"&&h==="GET"&&o){var r=t.getElementsByTagName("head")[0]||t.documentElement,A=t.createElement("script");if(b.scriptCharset)A.charset=b.scriptCharset; |
|
||||
A.src=b.url;if(!d){var C=false;A.onload=A.onreadystatechange=function(){if(!C&&(!this.readyState||this.readyState==="loaded"||this.readyState==="complete")){C=true;c.handleSuccess(b,w,e,f);c.handleComplete(b,w,e,f);A.onload=A.onreadystatechange=null;r&&A.parentNode&&r.removeChild(A)}}}r.insertBefore(A,r.firstChild);return B}var J=false,w=b.xhr();if(w){b.username?w.open(h,b.url,b.async,b.username,b.password):w.open(h,b.url,b.async);try{if(b.data!=null&&!l||a&&a.contentType)w.setRequestHeader("Content-Type", |
|
||||
b.contentType);if(b.ifModified){c.lastModified[b.url]&&w.setRequestHeader("If-Modified-Since",c.lastModified[b.url]);c.etag[b.url]&&w.setRequestHeader("If-None-Match",c.etag[b.url])}o||w.setRequestHeader("X-Requested-With","XMLHttpRequest");w.setRequestHeader("Accept",b.dataType&&b.accepts[b.dataType]?b.accepts[b.dataType]+", */*; q=0.01":b.accepts._default)}catch(I){}if(b.beforeSend&&b.beforeSend.call(b.context,w,b)===false){b.global&&c.active--===1&&c.event.trigger("ajaxStop");w.abort();return false}b.global&& |
|
||||
c.triggerGlobal(b,"ajaxSend",[w,b]);var L=w.onreadystatechange=function(m){if(!w||w.readyState===0||m==="abort"){J||c.handleComplete(b,w,e,f);J=true;if(w)w.onreadystatechange=c.noop}else if(!J&&w&&(w.readyState===4||m==="timeout")){J=true;w.onreadystatechange=c.noop;e=m==="timeout"?"timeout":!c.httpSuccess(w)?"error":b.ifModified&&c.httpNotModified(w,b.url)?"notmodified":"success";var p;if(e==="success")try{f=c.httpData(w,b.dataType,b)}catch(q){e="parsererror";p=q}if(e==="success"||e==="notmodified")d|| |
|
||||
c.handleSuccess(b,w,e,f);else c.handleError(b,w,e,p);d||c.handleComplete(b,w,e,f);m==="timeout"&&w.abort();if(b.async)w=null}};try{var g=w.abort;w.abort=function(){w&&Function.prototype.call.call(g,w);L("abort")}}catch(i){}b.async&&b.timeout>0&&setTimeout(function(){w&&!J&&L("timeout")},b.timeout);try{w.send(l||b.data==null?null:b.data)}catch(n){c.handleError(b,w,null,n);c.handleComplete(b,w,e,f)}b.async||L();return w}},param:function(a,b){var d=[],e=function(h,l){l=c.isFunction(l)?l():l;d[d.length]= |
|
||||
encodeURIComponent(h)+"="+encodeURIComponent(l)};if(b===B)b=c.ajaxSettings.traditional;if(c.isArray(a)||a.jquery)c.each(a,function(){e(this.name,this.value)});else for(var f in a)da(f,a[f],b,e);return d.join("&").replace(tb,"+")}});c.extend({active:0,lastModified:{},etag:{},handleError:function(a,b,d,e){a.error&&a.error.call(a.context,b,d,e);a.global&&c.triggerGlobal(a,"ajaxError",[b,a,e])},handleSuccess:function(a,b,d,e){a.success&&a.success.call(a.context,e,d,b);a.global&&c.triggerGlobal(a,"ajaxSuccess", |
|
||||
[b,a])},handleComplete:function(a,b,d){a.complete&&a.complete.call(a.context,b,d);a.global&&c.triggerGlobal(a,"ajaxComplete",[b,a]);a.global&&c.active--===1&&c.event.trigger("ajaxStop")},triggerGlobal:function(a,b,d){(a.context&&a.context.url==null?c(a.context):c.event).trigger(b,d)},httpSuccess:function(a){try{return!a.status&&location.protocol==="file:"||a.status>=200&&a.status<300||a.status===304||a.status===1223}catch(b){}return false},httpNotModified:function(a,b){var d=a.getResponseHeader("Last-Modified"), |
|
||||
e=a.getResponseHeader("Etag");if(d)c.lastModified[b]=d;if(e)c.etag[b]=e;return a.status===304},httpData:function(a,b,d){var e=a.getResponseHeader("content-type")||"",f=b==="xml"||!b&&e.indexOf("xml")>=0;a=f?a.responseXML:a.responseText;f&&a.documentElement.nodeName==="parsererror"&&c.error("parsererror");if(d&&d.dataFilter)a=d.dataFilter(a,b);if(typeof a==="string")if(b==="json"||!b&&e.indexOf("json")>=0)a=c.parseJSON(a);else if(b==="script"||!b&&e.indexOf("javascript")>=0)c.globalEval(a);return a}}); |
|
||||
if(E.ActiveXObject)c.ajaxSettings.xhr=function(){if(E.location.protocol!=="file:")try{return new E.XMLHttpRequest}catch(a){}try{return new E.ActiveXObject("Microsoft.XMLHTTP")}catch(b){}};c.support.ajax=!!c.ajaxSettings.xhr();var ea={},vb=/^(?:toggle|show|hide)$/,wb=/^([+\-]=)?([\d+.\-]+)(.*)$/,ba,pa=[["height","marginTop","marginBottom","paddingTop","paddingBottom"],["width","marginLeft","marginRight","paddingLeft","paddingRight"],["opacity"]];c.fn.extend({show:function(a,b,d){if(a||a===0)return this.animate(S("show", |
|
||||
3),a,b,d);else{d=0;for(var e=this.length;d<e;d++){a=this[d];b=a.style.display;if(!c.data(a,"olddisplay")&&b==="none")b=a.style.display="";b===""&&c.css(a,"display")==="none"&&c.data(a,"olddisplay",qa(a.nodeName))}for(d=0;d<e;d++){a=this[d];b=a.style.display;if(b===""||b==="none")a.style.display=c.data(a,"olddisplay")||""}return this}},hide:function(a,b,d){if(a||a===0)return this.animate(S("hide",3),a,b,d);else{a=0;for(b=this.length;a<b;a++){d=c.css(this[a],"display");d!=="none"&&c.data(this[a],"olddisplay", |
|
||||
d)}for(a=0;a<b;a++)this[a].style.display="none";return this}},_toggle:c.fn.toggle,toggle:function(a,b,d){var e=typeof a==="boolean";if(c.isFunction(a)&&c.isFunction(b))this._toggle.apply(this,arguments);else a==null||e?this.each(function(){var f=e?a:c(this).is(":hidden");c(this)[f?"show":"hide"]()}):this.animate(S("toggle",3),a,b,d);return this},fadeTo:function(a,b,d,e){return this.filter(":hidden").css("opacity",0).show().end().animate({opacity:b},a,d,e)},animate:function(a,b,d,e){var f=c.speed(b, |
|
||||
d,e);if(c.isEmptyObject(a))return this.each(f.complete);return this[f.queue===false?"each":"queue"](function(){var h=c.extend({},f),l,k=this.nodeType===1,o=k&&c(this).is(":hidden"),x=this;for(l in a){var r=c.camelCase(l);if(l!==r){a[r]=a[l];delete a[l];l=r}if(a[l]==="hide"&&o||a[l]==="show"&&!o)return h.complete.call(this);if(k&&(l==="height"||l==="width")){h.overflow=[this.style.overflow,this.style.overflowX,this.style.overflowY];if(c.css(this,"display")==="inline"&&c.css(this,"float")==="none")if(c.support.inlineBlockNeedsLayout)if(qa(this.nodeName)=== |
|
||||
"inline")this.style.display="inline-block";else{this.style.display="inline";this.style.zoom=1}else this.style.display="inline-block"}if(c.isArray(a[l])){(h.specialEasing=h.specialEasing||{})[l]=a[l][1];a[l]=a[l][0]}}if(h.overflow!=null)this.style.overflow="hidden";h.curAnim=c.extend({},a);c.each(a,function(A,C){var J=new c.fx(x,h,A);if(vb.test(C))J[C==="toggle"?o?"show":"hide":C](a);else{var w=wb.exec(C),I=J.cur()||0;if(w){var L=parseFloat(w[2]),g=w[3]||"px";if(g!=="px"){c.style(x,A,(L||1)+g);I=(L|| |
|
||||
1)/J.cur()*I;c.style(x,A,I+g)}if(w[1])L=(w[1]==="-="?-1:1)*L+I;J.custom(I,L,g)}else J.custom(I,C,"")}});return true})},stop:function(a,b){var d=c.timers;a&&this.queue([]);this.each(function(){for(var e=d.length-1;e>=0;e--)if(d[e].elem===this){b&&d[e](true);d.splice(e,1)}});b||this.dequeue();return this}});c.each({slideDown:S("show",1),slideUp:S("hide",1),slideToggle:S("toggle",1),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(a,b){c.fn[a]=function(d,e,f){return this.animate(b, |
|
||||
d,e,f)}});c.extend({speed:function(a,b,d){var e=a&&typeof a==="object"?c.extend({},a):{complete:d||!d&&b||c.isFunction(a)&&a,duration:a,easing:d&&b||b&&!c.isFunction(b)&&b};e.duration=c.fx.off?0:typeof e.duration==="number"?e.duration:e.duration in c.fx.speeds?c.fx.speeds[e.duration]:c.fx.speeds._default;e.old=e.complete;e.complete=function(){e.queue!==false&&c(this).dequeue();c.isFunction(e.old)&&e.old.call(this)};return e},easing:{linear:function(a,b,d,e){return d+e*a},swing:function(a,b,d,e){return(-Math.cos(a* |
|
||||
Math.PI)/2+0.5)*e+d}},timers:[],fx:function(a,b,d){this.options=b;this.elem=a;this.prop=d;if(!b.orig)b.orig={}}});c.fx.prototype={update:function(){this.options.step&&this.options.step.call(this.elem,this.now,this);(c.fx.step[this.prop]||c.fx.step._default)(this)},cur:function(){if(this.elem[this.prop]!=null&&(!this.elem.style||this.elem.style[this.prop]==null))return this.elem[this.prop];var a=parseFloat(c.css(this.elem,this.prop));return a&&a>-1E4?a:0},custom:function(a,b,d){function e(l){return f.step(l)} |
|
||||
var f=this,h=c.fx;this.startTime=c.now();this.start=a;this.end=b;this.unit=d||this.unit||"px";this.now=this.start;this.pos=this.state=0;e.elem=this.elem;if(e()&&c.timers.push(e)&&!ba)ba=setInterval(h.tick,h.interval)},show:function(){this.options.orig[this.prop]=c.style(this.elem,this.prop);this.options.show=true;this.custom(this.prop==="width"||this.prop==="height"?1:0,this.cur());c(this.elem).show()},hide:function(){this.options.orig[this.prop]=c.style(this.elem,this.prop);this.options.hide=true; |
|
||||
this.custom(this.cur(),0)},step:function(a){var b=c.now(),d=true;if(a||b>=this.options.duration+this.startTime){this.now=this.end;this.pos=this.state=1;this.update();this.options.curAnim[this.prop]=true;for(var e in this.options.curAnim)if(this.options.curAnim[e]!==true)d=false;if(d){if(this.options.overflow!=null&&!c.support.shrinkWrapBlocks){var f=this.elem,h=this.options;c.each(["","X","Y"],function(k,o){f.style["overflow"+o]=h.overflow[k]})}this.options.hide&&c(this.elem).hide();if(this.options.hide|| |
|
||||
this.options.show)for(var l in this.options.curAnim)c.style(this.elem,l,this.options.orig[l]);this.options.complete.call(this.elem)}return false}else{a=b-this.startTime;this.state=a/this.options.duration;b=this.options.easing||(c.easing.swing?"swing":"linear");this.pos=c.easing[this.options.specialEasing&&this.options.specialEasing[this.prop]||b](this.state,a,0,1,this.options.duration);this.now=this.start+(this.end-this.start)*this.pos;this.update()}return true}};c.extend(c.fx,{tick:function(){for(var a= |
|
||||
c.timers,b=0;b<a.length;b++)a[b]()||a.splice(b--,1);a.length||c.fx.stop()},interval:13,stop:function(){clearInterval(ba);ba=null},speeds:{slow:600,fast:200,_default:400},step:{opacity:function(a){c.style(a.elem,"opacity",a.now)},_default:function(a){if(a.elem.style&&a.elem.style[a.prop]!=null)a.elem.style[a.prop]=(a.prop==="width"||a.prop==="height"?Math.max(0,a.now):a.now)+a.unit;else a.elem[a.prop]=a.now}}});if(c.expr&&c.expr.filters)c.expr.filters.animated=function(a){return c.grep(c.timers,function(b){return a=== |
|
||||
b.elem}).length};var xb=/^t(?:able|d|h)$/i,Ia=/^(?:body|html)$/i;c.fn.offset="getBoundingClientRect"in t.documentElement?function(a){var b=this[0],d;if(a)return this.each(function(l){c.offset.setOffset(this,a,l)});if(!b||!b.ownerDocument)return null;if(b===b.ownerDocument.body)return c.offset.bodyOffset(b);try{d=b.getBoundingClientRect()}catch(e){}var f=b.ownerDocument,h=f.documentElement;if(!d||!c.contains(h,b))return d||{top:0,left:0};b=f.body;f=fa(f);return{top:d.top+(f.pageYOffset||c.support.boxModel&& |
|
||||
h.scrollTop||b.scrollTop)-(h.clientTop||b.clientTop||0),left:d.left+(f.pageXOffset||c.support.boxModel&&h.scrollLeft||b.scrollLeft)-(h.clientLeft||b.clientLeft||0)}}:function(a){var b=this[0];if(a)return this.each(function(x){c.offset.setOffset(this,a,x)});if(!b||!b.ownerDocument)return null;if(b===b.ownerDocument.body)return c.offset.bodyOffset(b);c.offset.initialize();var d,e=b.offsetParent,f=b.ownerDocument,h=f.documentElement,l=f.body;d=(f=f.defaultView)?f.getComputedStyle(b,null):b.currentStyle; |
|
||||
for(var k=b.offsetTop,o=b.offsetLeft;(b=b.parentNode)&&b!==l&&b!==h;){if(c.offset.supportsFixedPosition&&d.position==="fixed")break;d=f?f.getComputedStyle(b,null):b.currentStyle;k-=b.scrollTop;o-=b.scrollLeft;if(b===e){k+=b.offsetTop;o+=b.offsetLeft;if(c.offset.doesNotAddBorder&&!(c.offset.doesAddBorderForTableAndCells&&xb.test(b.nodeName))){k+=parseFloat(d.borderTopWidth)||0;o+=parseFloat(d.borderLeftWidth)||0}e=b.offsetParent}if(c.offset.subtractsBorderForOverflowNotVisible&&d.overflow!=="visible"){k+= |
|
||||
parseFloat(d.borderTopWidth)||0;o+=parseFloat(d.borderLeftWidth)||0}d=d}if(d.position==="relative"||d.position==="static"){k+=l.offsetTop;o+=l.offsetLeft}if(c.offset.supportsFixedPosition&&d.position==="fixed"){k+=Math.max(h.scrollTop,l.scrollTop);o+=Math.max(h.scrollLeft,l.scrollLeft)}return{top:k,left:o}};c.offset={initialize:function(){var a=t.body,b=t.createElement("div"),d,e,f,h=parseFloat(c.css(a,"marginTop"))||0;c.extend(b.style,{position:"absolute",top:0,left:0,margin:0,border:0,width:"1px", |
|
||||
height:"1px",visibility:"hidden"});b.innerHTML="<div style='position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;'><div></div></div><table style='position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;' cellpadding='0' cellspacing='0'><tr><td></td></tr></table>";a.insertBefore(b,a.firstChild);d=b.firstChild;e=d.firstChild;f=d.nextSibling.firstChild.firstChild;this.doesNotAddBorder=e.offsetTop!==5;this.doesAddBorderForTableAndCells= |
|
||||
f.offsetTop===5;e.style.position="fixed";e.style.top="20px";this.supportsFixedPosition=e.offsetTop===20||e.offsetTop===15;e.style.position=e.style.top="";d.style.overflow="hidden";d.style.position="relative";this.subtractsBorderForOverflowNotVisible=e.offsetTop===-5;this.doesNotIncludeMarginInBodyOffset=a.offsetTop!==h;a.removeChild(b);c.offset.initialize=c.noop},bodyOffset:function(a){var b=a.offsetTop,d=a.offsetLeft;c.offset.initialize();if(c.offset.doesNotIncludeMarginInBodyOffset){b+=parseFloat(c.css(a, |
|
||||
"marginTop"))||0;d+=parseFloat(c.css(a,"marginLeft"))||0}return{top:b,left:d}},setOffset:function(a,b,d){var e=c.css(a,"position");if(e==="static")a.style.position="relative";var f=c(a),h=f.offset(),l=c.css(a,"top"),k=c.css(a,"left"),o=e==="absolute"&&c.inArray("auto",[l,k])>-1;e={};var x={};if(o)x=f.position();l=o?x.top:parseInt(l,10)||0;k=o?x.left:parseInt(k,10)||0;if(c.isFunction(b))b=b.call(a,d,h);if(b.top!=null)e.top=b.top-h.top+l;if(b.left!=null)e.left=b.left-h.left+k;"using"in b?b.using.call(a, |
|
||||
e):f.css(e)}};c.fn.extend({position:function(){if(!this[0])return null;var a=this[0],b=this.offsetParent(),d=this.offset(),e=Ia.test(b[0].nodeName)?{top:0,left:0}:b.offset();d.top-=parseFloat(c.css(a,"marginTop"))||0;d.left-=parseFloat(c.css(a,"marginLeft"))||0;e.top+=parseFloat(c.css(b[0],"borderTopWidth"))||0;e.left+=parseFloat(c.css(b[0],"borderLeftWidth"))||0;return{top:d.top-e.top,left:d.left-e.left}},offsetParent:function(){return this.map(function(){for(var a=this.offsetParent||t.body;a&&!Ia.test(a.nodeName)&& |
|
||||
c.css(a,"position")==="static";)a=a.offsetParent;return a})}});c.each(["Left","Top"],function(a,b){var d="scroll"+b;c.fn[d]=function(e){var f=this[0],h;if(!f)return null;if(e!==B)return this.each(function(){if(h=fa(this))h.scrollTo(!a?e:c(h).scrollLeft(),a?e:c(h).scrollTop());else this[d]=e});else return(h=fa(f))?"pageXOffset"in h?h[a?"pageYOffset":"pageXOffset"]:c.support.boxModel&&h.document.documentElement[d]||h.document.body[d]:f[d]}});c.each(["Height","Width"],function(a,b){var d=b.toLowerCase(); |
|
||||
c.fn["inner"+b]=function(){return this[0]?parseFloat(c.css(this[0],d,"padding")):null};c.fn["outer"+b]=function(e){return this[0]?parseFloat(c.css(this[0],d,e?"margin":"border")):null};c.fn[d]=function(e){var f=this[0];if(!f)return e==null?null:this;if(c.isFunction(e))return this.each(function(l){var k=c(this);k[d](e.call(this,l,k[d]()))});if(c.isWindow(f))return f.document.compatMode==="CSS1Compat"&&f.document.documentElement["client"+b]||f.document.body["client"+b];else if(f.nodeType===9)return Math.max(f.documentElement["client"+ |
|
||||
b],f.body["scroll"+b],f.documentElement["scroll"+b],f.body["offset"+b],f.documentElement["offset"+b]);else if(e===B){f=c.css(f,d);var h=parseFloat(f);return c.isNaN(h)?f:h}else return this.css(d,typeof e==="string"?e:e+"px")}})})(window); |
|
@ -1,911 +0,0 @@ |
|||||
/* ------------------------------------------------------------------------ |
|
||||
Class: prettyPhoto |
|
||||
Use: Lightbox clone for jQuery |
|
||||
Author: Stephane Caron (http://www.no-margin-for-errors.com)
|
|
||||
Version: 3.1.5 |
|
||||
------------------------------------------------------------------------- */ |
|
||||
(function($) { |
|
||||
$.prettyPhoto = {version: '3.1.5'}; |
|
||||
|
|
||||
$.fn.prettyPhoto = function(pp_settings) { |
|
||||
pp_settings = jQuery.extend({ |
|
||||
hook: 'rel', /* the attribute tag to use for prettyPhoto hooks. default: 'rel'. For HTML5, use "data-rel" or similar. */ |
|
||||
animation_speed: 'fast', /* fast/slow/normal */ |
|
||||
ajaxcallback: function() {}, |
|
||||
slideshow: 5000, /* false OR interval time in ms */ |
|
||||
autoplay_slideshow: false, /* true/false */ |
|
||||
opacity: 0.80, /* Value between 0 and 1 */ |
|
||||
show_title: true, /* true/false */ |
|
||||
allow_resize: true, /* Resize the photos bigger than viewport. true/false */ |
|
||||
allow_expand: true, /* Allow the user to expand a resized image. true/false */ |
|
||||
default_width: 500, |
|
||||
default_height: 344, |
|
||||
counter_separator_label: '/', /* The separator for the gallery counter 1 "of" 2 */ |
|
||||
theme: 'pp_default', /* light_rounded / dark_rounded / light_square / dark_square / facebook */ |
|
||||
horizontal_padding: 20, /* The padding on each side of the picture */ |
|
||||
hideflash: false, /* Hides all the flash object on a page, set to TRUE if flash appears over prettyPhoto */ |
|
||||
wmode: 'opaque', /* Set the flash wmode attribute */ |
|
||||
autoplay: true, /* Automatically start videos: True/False */ |
|
||||
modal: false, /* If set to true, only the close button will close the window */ |
|
||||
deeplinking: true, /* Allow prettyPhoto to update the url to enable deeplinking. */ |
|
||||
overlay_gallery: true, /* If set to true, a gallery will overlay the fullscreen image on mouse over */ |
|
||||
overlay_gallery_max: 30, /* Maximum number of pictures in the overlay gallery */ |
|
||||
keyboard_shortcuts: true, /* Set to false if you open forms inside prettyPhoto */ |
|
||||
changepicturecallback: function(){}, /* Called everytime an item is shown/changed */ |
|
||||
callback: function(){}, /* Called when prettyPhoto is closed */ |
|
||||
ie6_fallback: true, |
|
||||
markup: '<div class="pp_pic_holder"> \ |
|
||||
<div class="ppt"> </div> \ |
|
||||
<div class="pp_top"> \ |
|
||||
<div class="pp_left"></div> \ |
|
||||
<div class="pp_middle"></div> \ |
|
||||
<div class="pp_right"></div> \ |
|
||||
</div> \ |
|
||||
<div class="pp_content_container"> \ |
|
||||
<div class="pp_left"> \ |
|
||||
<div class="pp_right"> \ |
|
||||
<div class="pp_content"> \ |
|
||||
<div class="pp_loaderIcon"></div> \ |
|
||||
<div class="pp_fade"> \ |
|
||||
<a href="#" class="pp_expand" title="Expand the image">Expand</a> \ |
|
||||
<div class="pp_hoverContainer"> \ |
|
||||
<a class="pp_next" href="#">next</a> \ |
|
||||
<a class="pp_previous" href="#">previous</a> \ |
|
||||
</div> \ |
|
||||
<div id="pp_full_res"></div> \ |
|
||||
<div class="pp_details"> \ |
|
||||
<div class="pp_nav"> \ |
|
||||
<a href="#" class="pp_arrow_previous">Previous</a> \ |
|
||||
<p class="currentTextHolder">0/0</p> \ |
|
||||
<a href="#" class="pp_arrow_next">Next</a> \ |
|
||||
</div> \ |
|
||||
<p class="pp_description"></p> \ |
|
||||
<div class="pp_social">{pp_social}</div> \ |
|
||||
<a class="pp_close" href="#">Close</a> \ |
|
||||
</div> \ |
|
||||
</div> \ |
|
||||
</div> \ |
|
||||
</div> \ |
|
||||
</div> \ |
|
||||
</div> \ |
|
||||
<div class="pp_bottom"> \ |
|
||||
<div class="pp_left"></div> \ |
|
||||
<div class="pp_middle"></div> \ |
|
||||
<div class="pp_right"></div> \ |
|
||||
</div> \ |
|
||||
</div> \ |
|
||||
<div class="pp_overlay"></div>', |
|
||||
gallery_markup: '<div class="pp_gallery"> \ |
|
||||
<a href="#" class="pp_arrow_previous">Previous</a> \ |
|
||||
<div> \ |
|
||||
<ul> \ |
|
||||
{gallery} \ |
|
||||
</ul> \ |
|
||||
</div> \ |
|
||||
<a href="#" class="pp_arrow_next">Next</a> \ |
|
||||
</div>', |
|
||||
image_markup: '<img id="fullResImage" src="{path}" />', |
|
||||
flash_markup: '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="{width}" height="{height}"><param name="wmode" value="{wmode}" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="{path}" /><embed src="{path}" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="{width}" height="{height}" wmode="{wmode}"></embed></object>', |
|
||||
quicktime_markup: '<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="{height}" width="{width}"><param name="src" value="{path}"><param name="autoplay" value="{autoplay}"><param name="type" value="video/quicktime"><embed src="{path}" height="{height}" width="{width}" autoplay="{autoplay}" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"></embed></object>', |
|
||||
iframe_markup: '<iframe src ="{path}" width="{width}" height="{height}" frameborder="no"></iframe>', |
|
||||
inline_markup: '<div class="pp_inline">{content}</div>', |
|
||||
custom_markup: '', |
|
||||
social_tools: '<div class="twitter"><a href="http://twitter.com/share" class="twitter-share-button" data-count="none">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div><div class="facebook"><iframe src="//www.facebook.com/plugins/like.php?locale=en_US&href={location_href}&layout=button_count&show_faces=true&width=500&action=like&font&colorscheme=light&height=23" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:500px; height:23px;" allowTransparency="true"></iframe></div>' /* html or false to disable */ |
|
||||
}, pp_settings); |
|
||||
|
|
||||
// Global variables accessible only by prettyPhoto
|
|
||||
var matchedObjects = this, percentBased = false, pp_dimensions, pp_open, |
|
||||
|
|
||||
// prettyPhoto container specific
|
|
||||
pp_contentHeight, pp_contentWidth, pp_containerHeight, pp_containerWidth, |
|
||||
|
|
||||
// Window size
|
|
||||
windowHeight = $(window).height(), windowWidth = $(window).width(), |
|
||||
|
|
||||
// Global elements
|
|
||||
pp_slideshow; |
|
||||
|
|
||||
doresize = true, scroll_pos = _get_scroll(); |
|
||||
|
|
||||
// Window/Keyboard events
|
|
||||
$(window).unbind('resize.prettyphoto').bind('resize.prettyphoto',function(){ _center_overlay(); _resize_overlay(); }); |
|
||||
|
|
||||
if(pp_settings.keyboard_shortcuts) { |
|
||||
$(document).unbind('keydown.prettyphoto').bind('keydown.prettyphoto',function(e){ |
|
||||
if(typeof $pp_pic_holder != 'undefined'){ |
|
||||
if($pp_pic_holder.is(':visible')){ |
|
||||
switch(e.keyCode){ |
|
||||
case 37: |
|
||||
$.prettyPhoto.changePage('previous'); |
|
||||
e.preventDefault(); |
|
||||
break; |
|
||||
case 39: |
|
||||
$.prettyPhoto.changePage('next'); |
|
||||
e.preventDefault(); |
|
||||
break; |
|
||||
case 27: |
|
||||
if(!settings.modal) |
|
||||
$.prettyPhoto.close(); |
|
||||
e.preventDefault(); |
|
||||
break; |
|
||||
}; |
|
||||
// return false;
|
|
||||
}; |
|
||||
}; |
|
||||
}); |
|
||||
}; |
|
||||
|
|
||||
/** |
|
||||
* Initialize prettyPhoto. |
|
||||
*/ |
|
||||
$.prettyPhoto.initialize = function() { |
|
||||
|
|
||||
settings = pp_settings; |
|
||||
|
|
||||
if(settings.theme == 'pp_default') settings.horizontal_padding = 16; |
|
||||
|
|
||||
// Find out if the picture is part of a set
|
|
||||
theRel = $(this).attr(settings.hook); |
|
||||
galleryRegExp = /\[(?:.*)\]/; |
|
||||
isSet = (galleryRegExp.exec(theRel)) ? true : false; |
|
||||
|
|
||||
// Put the SRCs, TITLEs, ALTs into an array.
|
|
||||
pp_images = (isSet) ? jQuery.map(matchedObjects, function(n, i){ if($(n).attr(settings.hook).indexOf(theRel) != -1) return $(n).attr('href'); }) : $.makeArray($(this).attr('href')); |
|
||||
pp_titles = (isSet) ? jQuery.map(matchedObjects, function(n, i){ if($(n).attr(settings.hook).indexOf(theRel) != -1) return ($(n).find('img').attr('alt')) ? $(n).find('img').attr('alt') : ""; }) : $.makeArray($(this).find('img').attr('alt')); |
|
||||
pp_descriptions = (isSet) ? jQuery.map(matchedObjects, function(n, i){ if($(n).attr(settings.hook).indexOf(theRel) != -1) return ($(n).attr('title')) ? $(n).attr('title') : ""; }) : $.makeArray($(this).attr('title')); |
|
||||
|
|
||||
if(pp_images.length > settings.overlay_gallery_max) settings.overlay_gallery = false; |
|
||||
|
|
||||
set_position = jQuery.inArray($(this).attr('href'), pp_images); // Define where in the array the clicked item is positionned
|
|
||||
rel_index = (isSet) ? set_position : $("a["+settings.hook+"^='"+theRel+"']").index($(this)); |
|
||||
|
|
||||
_build_overlay(this); // Build the overlay {this} being the caller
|
|
||||
|
|
||||
if(settings.allow_resize) |
|
||||
$(window).bind('scroll.prettyphoto',function(){ _center_overlay(); }); |
|
||||
|
|
||||
|
|
||||
$.prettyPhoto.open(); |
|
||||
|
|
||||
return false; |
|
||||
} |
|
||||
|
|
||||
|
|
||||
/** |
|
||||
* Opens the prettyPhoto modal box. |
|
||||
* @param image {String,Array} Full path to the image to be open, can also be an array containing full images paths. |
|
||||
* @param title {String,Array} The title to be displayed with the picture, can also be an array containing all the titles. |
|
||||
* @param description {String,Array} The description to be displayed with the picture, can also be an array containing all the descriptions. |
|
||||
*/ |
|
||||
$.prettyPhoto.open = function(event) { |
|
||||
if(typeof settings == "undefined"){ // Means it's an API call, need to manually get the settings and set the variables
|
|
||||
settings = pp_settings; |
|
||||
pp_images = $.makeArray(arguments[0]); |
|
||||
pp_titles = (arguments[1]) ? $.makeArray(arguments[1]) : $.makeArray(""); |
|
||||
pp_descriptions = (arguments[2]) ? $.makeArray(arguments[2]) : $.makeArray(""); |
|
||||
isSet = (pp_images.length > 1) ? true : false; |
|
||||
set_position = (arguments[3])? arguments[3]: 0; |
|
||||
_build_overlay(event.target); // Build the overlay {this} being the caller
|
|
||||
} |
|
||||
|
|
||||
if(settings.hideflash) $('object,embed,iframe[src*=youtube],iframe[src*=vimeo]').css('visibility','hidden'); // Hide the flash
|
|
||||
|
|
||||
_checkPosition($(pp_images).size()); // Hide the next/previous links if on first or last images.
|
|
||||
|
|
||||
$('.pp_loaderIcon').show(); |
|
||||
|
|
||||
if(settings.deeplinking) |
|
||||
setHashtag(); |
|
||||
|
|
||||
// Rebuild Facebook Like Button with updated href
|
|
||||
if(settings.social_tools){ |
|
||||
facebook_like_link = settings.social_tools.replace('{location_href}', encodeURIComponent(location.href)); |
|
||||
$pp_pic_holder.find('.pp_social').html(facebook_like_link); |
|
||||
} |
|
||||
|
|
||||
// Fade the content in
|
|
||||
if($ppt.is(':hidden')) $ppt.css('opacity',0).show(); |
|
||||
$pp_overlay.show().fadeTo(settings.animation_speed,settings.opacity); |
|
||||
|
|
||||
// Display the current position
|
|
||||
$pp_pic_holder.find('.currentTextHolder').text((set_position+1) + settings.counter_separator_label + $(pp_images).size()); |
|
||||
|
|
||||
// Set the description
|
|
||||
if(typeof pp_descriptions[set_position] != 'undefined' && pp_descriptions[set_position] != ""){ |
|
||||
$pp_pic_holder.find('.pp_description').show().html(unescape(pp_descriptions[set_position])); |
|
||||
}else{ |
|
||||
$pp_pic_holder.find('.pp_description').hide(); |
|
||||
} |
|
||||
|
|
||||
// Get the dimensions
|
|
||||
movie_width = ( parseFloat(getParam('width',pp_images[set_position])) ) ? getParam('width',pp_images[set_position]) : settings.default_width.toString(); |
|
||||
movie_height = ( parseFloat(getParam('height',pp_images[set_position])) ) ? getParam('height',pp_images[set_position]) : settings.default_height.toString(); |
|
||||
|
|
||||
// If the size is % based, calculate according to window dimensions
|
|
||||
percentBased=false; |
|
||||
if(movie_height.indexOf('%') != -1) { movie_height = parseFloat(($(window).height() * parseFloat(movie_height) / 100) - 150); percentBased = true; } |
|
||||
if(movie_width.indexOf('%') != -1) { movie_width = parseFloat(($(window).width() * parseFloat(movie_width) / 100) - 150); percentBased = true; } |
|
||||
|
|
||||
// Fade the holder
|
|
||||
$pp_pic_holder.fadeIn(function(){ |
|
||||
// Set the title
|
|
||||
(settings.show_title && pp_titles[set_position] != "" && typeof pp_titles[set_position] != "undefined") ? $ppt.html(unescape(pp_titles[set_position])) : $ppt.html(' '); |
|
||||
|
|
||||
imgPreloader = ""; |
|
||||
skipInjection = false; |
|
||||
|
|
||||
// Inject the proper content
|
|
||||
switch(_getFileType(pp_images[set_position])){ |
|
||||
case 'image': |
|
||||
imgPreloader = new Image(); |
|
||||
|
|
||||
// Preload the neighbour images
|
|
||||
nextImage = new Image(); |
|
||||
if(isSet && set_position < $(pp_images).size() -1) nextImage.src = pp_images[set_position + 1]; |
|
||||
prevImage = new Image(); |
|
||||
if(isSet && pp_images[set_position - 1]) prevImage.src = pp_images[set_position - 1]; |
|
||||
|
|
||||
$pp_pic_holder.find('#pp_full_res')[0].innerHTML = settings.image_markup.replace(/{path}/g,pp_images[set_position]); |
|
||||
|
|
||||
imgPreloader.onload = function(){ |
|
||||
// Fit item to viewport
|
|
||||
pp_dimensions = _fitToViewport(imgPreloader.width,imgPreloader.height); |
|
||||
|
|
||||
_showContent(); |
|
||||
}; |
|
||||
|
|
||||
imgPreloader.onerror = function(){ |
|
||||
alert('Image cannot be loaded. Make sure the path is correct and image exist.'); |
|
||||
$.prettyPhoto.close(); |
|
||||
}; |
|
||||
|
|
||||
imgPreloader.src = pp_images[set_position]; |
|
||||
break; |
|
||||
|
|
||||
case 'youtube': |
|
||||
pp_dimensions = _fitToViewport(movie_width,movie_height); // Fit item to viewport
|
|
||||
|
|
||||
// Regular youtube link
|
|
||||
movie_id = getParam('v',pp_images[set_position]); |
|
||||
|
|
||||
// youtu.be link
|
|
||||
if(movie_id == ""){ |
|
||||
movie_id = pp_images[set_position].split('youtu.be/'); |
|
||||
movie_id = movie_id[1]; |
|
||||
if(movie_id.indexOf('?') > 0) |
|
||||
movie_id = movie_id.substr(0,movie_id.indexOf('?')); // Strip anything after the ?
|
|
||||
|
|
||||
if(movie_id.indexOf('&') > 0) |
|
||||
movie_id = movie_id.substr(0,movie_id.indexOf('&')); // Strip anything after the &
|
|
||||
} |
|
||||
|
|
||||
movie = 'http://www.youtube.com/embed/'+movie_id; |
|
||||
(getParam('rel',pp_images[set_position])) ? movie+="?rel="+getParam('rel',pp_images[set_position]) : movie+="?rel=1"; |
|
||||
|
|
||||
if(settings.autoplay) movie += "&autoplay=1"; |
|
||||
|
|
||||
toInject = settings.iframe_markup.replace(/{width}/g,pp_dimensions['width']).replace(/{height}/g,pp_dimensions['height']).replace(/{wmode}/g,settings.wmode).replace(/{path}/g,movie); |
|
||||
break; |
|
||||
|
|
||||
case 'vimeo': |
|
||||
pp_dimensions = _fitToViewport(movie_width,movie_height); // Fit item to viewport
|
|
||||
|
|
||||
movie_id = pp_images[set_position]; |
|
||||
var regExp = /http(s?):\/\/(www\.)?vimeo.com\/(\d+)/; |
|
||||
var match = movie_id.match(regExp); |
|
||||
|
|
||||
movie = 'http://player.vimeo.com/video/'+ match[3] +'?title=0&byline=0&portrait=0'; |
|
||||
if(settings.autoplay) movie += "&autoplay=1;"; |
|
||||
|
|
||||
vimeo_width = pp_dimensions['width'] + '/embed/?moog_width='+ pp_dimensions['width']; |
|
||||
|
|
||||
toInject = settings.iframe_markup.replace(/{width}/g,vimeo_width).replace(/{height}/g,pp_dimensions['height']).replace(/{path}/g,movie); |
|
||||
break; |
|
||||
|
|
||||
case 'quicktime': |
|
||||
pp_dimensions = _fitToViewport(movie_width,movie_height); // Fit item to viewport
|
|
||||
pp_dimensions['height']+=15; pp_dimensions['contentHeight']+=15; pp_dimensions['containerHeight']+=15; // Add space for the control bar
|
|
||||
|
|
||||
toInject = settings.quicktime_markup.replace(/{width}/g,pp_dimensions['width']).replace(/{height}/g,pp_dimensions['height']).replace(/{wmode}/g,settings.wmode).replace(/{path}/g,pp_images[set_position]).replace(/{autoplay}/g,settings.autoplay); |
|
||||
break; |
|
||||
|
|
||||
case 'flash': |
|
||||
pp_dimensions = _fitToViewport(movie_width,movie_height); // Fit item to viewport
|
|
||||
|
|
||||
flash_vars = pp_images[set_position]; |
|
||||
flash_vars = flash_vars.substring(pp_images[set_position].indexOf('flashvars') + 10,pp_images[set_position].length); |
|
||||
|
|
||||
filename = pp_images[set_position]; |
|
||||
filename = filename.substring(0,filename.indexOf('?')); |
|
||||
|
|
||||
toInject = settings.flash_markup.replace(/{width}/g,pp_dimensions['width']).replace(/{height}/g,pp_dimensions['height']).replace(/{wmode}/g,settings.wmode).replace(/{path}/g,filename+'?'+flash_vars); |
|
||||
break; |
|
||||
|
|
||||
case 'iframe': |
|
||||
pp_dimensions = _fitToViewport(movie_width,movie_height); // Fit item to viewport
|
|
||||
|
|
||||
frame_url = pp_images[set_position]; |
|
||||
frame_url = frame_url.substr(0,frame_url.indexOf('iframe')-1); |
|
||||
|
|
||||
toInject = settings.iframe_markup.replace(/{width}/g,pp_dimensions['width']).replace(/{height}/g,pp_dimensions['height']).replace(/{path}/g,frame_url); |
|
||||
break; |
|
||||
|
|
||||
case 'ajax': |
|
||||
doresize = false; // Make sure the dimensions are not resized.
|
|
||||
pp_dimensions = _fitToViewport(movie_width,movie_height); |
|
||||
doresize = true; // Reset the dimensions
|
|
||||
|
|
||||
skipInjection = true; |
|
||||
$.get(pp_images[set_position],function(responseHTML){ |
|
||||
toInject = settings.inline_markup.replace(/{content}/g,responseHTML); |
|
||||
$pp_pic_holder.find('#pp_full_res')[0].innerHTML = toInject; |
|
||||
_showContent(); |
|
||||
}); |
|
||||
|
|
||||
break; |
|
||||
|
|
||||
case 'custom': |
|
||||
pp_dimensions = _fitToViewport(movie_width,movie_height); // Fit item to viewport
|
|
||||
|
|
||||
toInject = settings.custom_markup; |
|
||||
break; |
|
||||
|
|
||||
case 'inline': |
|
||||
// to get the item height clone it, apply default width, wrap it in the prettyPhoto containers , then delete
|
|
||||
myClone = $(pp_images[set_position]).clone().append('<br clear="all" />').css({'width':settings.default_width}).wrapInner('<div id="pp_full_res"><div class="pp_inline"></div></div>').appendTo($('body')).show(); |
|
||||
doresize = false; // Make sure the dimensions are not resized.
|
|
||||
pp_dimensions = _fitToViewport($(myClone).width(),$(myClone).height()); |
|
||||
doresize = true; // Reset the dimensions
|
|
||||
$(myClone).remove(); |
|
||||
toInject = settings.inline_markup.replace(/{content}/g,$(pp_images[set_position]).html()); |
|
||||
break; |
|
||||
}; |
|
||||
|
|
||||
if(!imgPreloader && !skipInjection){ |
|
||||
$pp_pic_holder.find('#pp_full_res')[0].innerHTML = toInject; |
|
||||
|
|
||||
// Show content
|
|
||||
_showContent(); |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
return false; |
|
||||
}; |
|
||||
|
|
||||
|
|
||||
/** |
|
||||
* Change page in the prettyPhoto modal box |
|
||||
* @param direction {String} Direction of the paging, previous or next. |
|
||||
*/ |
|
||||
$.prettyPhoto.changePage = function(direction){ |
|
||||
currentGalleryPage = 0; |
|
||||
|
|
||||
if(direction == 'previous') { |
|
||||
set_position--; |
|
||||
if (set_position < 0) set_position = $(pp_images).size()-1; |
|
||||
}else if(direction == 'next'){ |
|
||||
set_position++; |
|
||||
if(set_position > $(pp_images).size()-1) set_position = 0; |
|
||||
}else{ |
|
||||
set_position=direction; |
|
||||
}; |
|
||||
|
|
||||
rel_index = set_position; |
|
||||
|
|
||||
if(!doresize) doresize = true; // Allow the resizing of the images
|
|
||||
if(settings.allow_expand) { |
|
||||
$('.pp_contract').removeClass('pp_contract').addClass('pp_expand'); |
|
||||
} |
|
||||
|
|
||||
_hideContent(function(){ $.prettyPhoto.open(); }); |
|
||||
}; |
|
||||
|
|
||||
|
|
||||
/** |
|
||||
* Change gallery page in the prettyPhoto modal box |
|
||||
* @param direction {String} Direction of the paging, previous or next. |
|
||||
*/ |
|
||||
$.prettyPhoto.changeGalleryPage = function(direction){ |
|
||||
if(direction=='next'){ |
|
||||
currentGalleryPage ++; |
|
||||
|
|
||||
if(currentGalleryPage > totalPage) currentGalleryPage = 0; |
|
||||
}else if(direction=='previous'){ |
|
||||
currentGalleryPage --; |
|
||||
|
|
||||
if(currentGalleryPage < 0) currentGalleryPage = totalPage; |
|
||||
}else{ |
|
||||
currentGalleryPage = direction; |
|
||||
}; |
|
||||
|
|
||||
slide_speed = (direction == 'next' || direction == 'previous') ? settings.animation_speed : 0; |
|
||||
|
|
||||
slide_to = currentGalleryPage * (itemsPerPage * itemWidth); |
|
||||
|
|
||||
$pp_gallery.find('ul').animate({left:-slide_to},slide_speed); |
|
||||
}; |
|
||||
|
|
||||
|
|
||||
/** |
|
||||
* Start the slideshow... |
|
||||
*/ |
|
||||
$.prettyPhoto.startSlideshow = function(){ |
|
||||
if(typeof pp_slideshow == 'undefined'){ |
|
||||
$pp_pic_holder.find('.pp_play').unbind('click').removeClass('pp_play').addClass('pp_pause').click(function(){ |
|
||||
$.prettyPhoto.stopSlideshow(); |
|
||||
return false; |
|
||||
}); |
|
||||
pp_slideshow = setInterval($.prettyPhoto.startSlideshow,settings.slideshow); |
|
||||
}else{ |
|
||||
$.prettyPhoto.changePage('next'); |
|
||||
}; |
|
||||
} |
|
||||
|
|
||||
|
|
||||
/** |
|
||||
* Stop the slideshow... |
|
||||
*/ |
|
||||
$.prettyPhoto.stopSlideshow = function(){ |
|
||||
$pp_pic_holder.find('.pp_pause').unbind('click').removeClass('pp_pause').addClass('pp_play').click(function(){ |
|
||||
$.prettyPhoto.startSlideshow(); |
|
||||
return false; |
|
||||
}); |
|
||||
clearInterval(pp_slideshow); |
|
||||
pp_slideshow=undefined; |
|
||||
} |
|
||||
|
|
||||
|
|
||||
/** |
|
||||
* Closes prettyPhoto. |
|
||||
*/ |
|
||||
$.prettyPhoto.close = function(){ |
|
||||
if($pp_overlay.is(":animated")) return; |
|
||||
|
|
||||
$.prettyPhoto.stopSlideshow(); |
|
||||
|
|
||||
$pp_pic_holder.stop().find('object,embed').css('visibility','hidden'); |
|
||||
|
|
||||
$('div.pp_pic_holder,div.ppt,.pp_fade').fadeOut(settings.animation_speed,function(){ $(this).remove(); }); |
|
||||
|
|
||||
$pp_overlay.fadeOut(settings.animation_speed, function(){ |
|
||||
|
|
||||
if(settings.hideflash) $('object,embed,iframe[src*=youtube],iframe[src*=vimeo]').css('visibility','visible'); // Show the flash
|
|
||||
|
|
||||
$(this).remove(); // No more need for the prettyPhoto markup
|
|
||||
|
|
||||
$(window).unbind('scroll.prettyphoto'); |
|
||||
|
|
||||
clearHashtag(); |
|
||||
|
|
||||
settings.callback(); |
|
||||
|
|
||||
doresize = true; |
|
||||
|
|
||||
pp_open = false; |
|
||||
|
|
||||
delete settings; |
|
||||
}); |
|
||||
}; |
|
||||
|
|
||||
/** |
|
||||
* Set the proper sizes on the containers and animate the content in. |
|
||||
*/ |
|
||||
function _showContent(){ |
|
||||
$('.pp_loaderIcon').hide(); |
|
||||
|
|
||||
// Calculate the opened top position of the pic holder
|
|
||||
projectedTop = scroll_pos['scrollTop'] + ((windowHeight/2) - (pp_dimensions['containerHeight']/2)); |
|
||||
if(projectedTop < 0) projectedTop = 0; |
|
||||
|
|
||||
$ppt.fadeTo(settings.animation_speed,1); |
|
||||
|
|
||||
// Resize the content holder
|
|
||||
$pp_pic_holder.find('.pp_content') |
|
||||
.animate({ |
|
||||
height:pp_dimensions['contentHeight'], |
|
||||
width:pp_dimensions['contentWidth'] |
|
||||
},settings.animation_speed); |
|
||||
|
|
||||
// Resize picture the holder
|
|
||||
$pp_pic_holder.animate({ |
|
||||
'top': projectedTop, |
|
||||
'left': ((windowWidth/2) - (pp_dimensions['containerWidth']/2) < 0) ? 0 : (windowWidth/2) - (pp_dimensions['containerWidth']/2), |
|
||||
width:pp_dimensions['containerWidth'] |
|
||||
},settings.animation_speed,function(){ |
|
||||
$pp_pic_holder.find('.pp_hoverContainer,#fullResImage').height(pp_dimensions['height']).width(pp_dimensions['width']); |
|
||||
|
|
||||
$pp_pic_holder.find('.pp_fade').fadeIn(settings.animation_speed); // Fade the new content
|
|
||||
|
|
||||
// Show the nav
|
|
||||
if(isSet && _getFileType(pp_images[set_position])=="image") { $pp_pic_holder.find('.pp_hoverContainer').show(); }else{ $pp_pic_holder.find('.pp_hoverContainer').hide(); } |
|
||||
|
|
||||
if(settings.allow_expand) { |
|
||||
if(pp_dimensions['resized']){ // Fade the resizing link if the image is resized
|
|
||||
$('a.pp_expand,a.pp_contract').show(); |
|
||||
}else{ |
|
||||
$('a.pp_expand').hide(); |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
if(settings.autoplay_slideshow && !pp_slideshow && !pp_open) $.prettyPhoto.startSlideshow(); |
|
||||
|
|
||||
settings.changepicturecallback(); // Callback!
|
|
||||
|
|
||||
pp_open = true; |
|
||||
}); |
|
||||
|
|
||||
_insert_gallery(); |
|
||||
pp_settings.ajaxcallback(); |
|
||||
}; |
|
||||
|
|
||||
/** |
|
||||
* Hide the content...DUH! |
|
||||
*/ |
|
||||
function _hideContent(callback){ |
|
||||
// Fade out the current picture
|
|
||||
$pp_pic_holder.find('#pp_full_res object,#pp_full_res embed').css('visibility','hidden'); |
|
||||
$pp_pic_holder.find('.pp_fade').fadeOut(settings.animation_speed,function(){ |
|
||||
$('.pp_loaderIcon').show(); |
|
||||
|
|
||||
callback(); |
|
||||
}); |
|
||||
}; |
|
||||
|
|
||||
/** |
|
||||
* Check the item position in the gallery array, hide or show the navigation links |
|
||||
* @param setCount {integer} The total number of items in the set |
|
||||
*/ |
|
||||
function _checkPosition(setCount){ |
|
||||
(setCount > 1) ? $('.pp_nav').show() : $('.pp_nav').hide(); // Hide the bottom nav if it's not a set.
|
|
||||
}; |
|
||||
|
|
||||
/** |
|
||||
* Resize the item dimensions if it's bigger than the viewport |
|
||||
* @param width {integer} Width of the item to be opened |
|
||||
* @param height {integer} Height of the item to be opened |
|
||||
* @return An array containin the "fitted" dimensions |
|
||||
*/ |
|
||||
function _fitToViewport(width,height){ |
|
||||
resized = false; |
|
||||
|
|
||||
_getDimensions(width,height); |
|
||||
|
|
||||
// Define them in case there's no resize needed
|
|
||||
imageWidth = width, imageHeight = height; |
|
||||
|
|
||||
if( ((pp_containerWidth > windowWidth) || (pp_containerHeight > windowHeight)) && doresize && settings.allow_resize && !percentBased) { |
|
||||
resized = true, fitting = false; |
|
||||
|
|
||||
while (!fitting){ |
|
||||
if((pp_containerWidth > windowWidth)){ |
|
||||
imageWidth = (windowWidth - 200); |
|
||||
imageHeight = (height/width) * imageWidth; |
|
||||
}else if((pp_containerHeight > windowHeight)){ |
|
||||
imageHeight = (windowHeight - 200); |
|
||||
imageWidth = (width/height) * imageHeight; |
|
||||
}else{ |
|
||||
fitting = true; |
|
||||
}; |
|
||||
|
|
||||
pp_containerHeight = imageHeight, pp_containerWidth = imageWidth; |
|
||||
}; |
|
||||
|
|
||||
|
|
||||
|
|
||||
if((pp_containerWidth > windowWidth) || (pp_containerHeight > windowHeight)){ |
|
||||
_fitToViewport(pp_containerWidth,pp_containerHeight) |
|
||||
}; |
|
||||
|
|
||||
_getDimensions(imageWidth,imageHeight); |
|
||||
}; |
|
||||
|
|
||||
return { |
|
||||
width:Math.floor(imageWidth), |
|
||||
height:Math.floor(imageHeight), |
|
||||
containerHeight:Math.floor(pp_containerHeight), |
|
||||
containerWidth:Math.floor(pp_containerWidth) + (settings.horizontal_padding * 2), |
|
||||
contentHeight:Math.floor(pp_contentHeight), |
|
||||
contentWidth:Math.floor(pp_contentWidth), |
|
||||
resized:resized |
|
||||
}; |
|
||||
}; |
|
||||
|
|
||||
/** |
|
||||
* Get the containers dimensions according to the item size |
|
||||
* @param width {integer} Width of the item to be opened |
|
||||
* @param height {integer} Height of the item to be opened |
|
||||
*/ |
|
||||
function _getDimensions(width,height){ |
|
||||
width = parseFloat(width); |
|
||||
height = parseFloat(height); |
|
||||
|
|
||||
// Get the details height, to do so, I need to clone it since it's invisible
|
|
||||
$pp_details = $pp_pic_holder.find('.pp_details'); |
|
||||
$pp_details.width(width); |
|
||||
detailsHeight = parseFloat($pp_details.css('marginTop')) + parseFloat($pp_details.css('marginBottom')); |
|
||||
|
|
||||
$pp_details = $pp_details.clone().addClass(settings.theme).width(width).appendTo($('body')).css({ |
|
||||
'position':'absolute', |
|
||||
'top':-10000 |
|
||||
}); |
|
||||
detailsHeight += $pp_details.height(); |
|
||||
detailsHeight = (detailsHeight <= 34) ? 36 : detailsHeight; // Min-height for the details
|
|
||||
$pp_details.remove(); |
|
||||
|
|
||||
// Get the titles height, to do so, I need to clone it since it's invisible
|
|
||||
$pp_title = $pp_pic_holder.find('.ppt'); |
|
||||
$pp_title.width(width); |
|
||||
titleHeight = parseFloat($pp_title.css('marginTop')) + parseFloat($pp_title.css('marginBottom')); |
|
||||
$pp_title = $pp_title.clone().appendTo($('body')).css({ |
|
||||
'position':'absolute', |
|
||||
'top':-10000 |
|
||||
}); |
|
||||
titleHeight += $pp_title.height(); |
|
||||
$pp_title.remove(); |
|
||||
|
|
||||
// Get the container size, to resize the holder to the right dimensions
|
|
||||
pp_contentHeight = height + detailsHeight; |
|
||||
pp_contentWidth = width; |
|
||||
pp_containerHeight = pp_contentHeight + titleHeight + $pp_pic_holder.find('.pp_top').height() + $pp_pic_holder.find('.pp_bottom').height(); |
|
||||
pp_containerWidth = width; |
|
||||
} |
|
||||
|
|
||||
function _getFileType(itemSrc){ |
|
||||
if (itemSrc.match(/youtube\.com\/watch/i) || itemSrc.match(/youtu\.be/i)) { |
|
||||
return 'youtube'; |
|
||||
}else if (itemSrc.match(/vimeo\.com/i)) { |
|
||||
return 'vimeo'; |
|
||||
}else if(itemSrc.match(/\b.mov\b/i)){ |
|
||||
return 'quicktime'; |
|
||||
}else if(itemSrc.match(/\b.swf\b/i)){ |
|
||||
return 'flash'; |
|
||||
}else if(itemSrc.match(/\biframe=true\b/i)){ |
|
||||
return 'iframe'; |
|
||||
}else if(itemSrc.match(/\bajax=true\b/i)){ |
|
||||
return 'ajax'; |
|
||||
}else if(itemSrc.match(/\bcustom=true\b/i)){ |
|
||||
return 'custom'; |
|
||||
}else if(itemSrc.substr(0,1) == '#'){ |
|
||||
return 'inline'; |
|
||||
}else{ |
|
||||
return 'image'; |
|
||||
}; |
|
||||
}; |
|
||||
|
|
||||
function _center_overlay(){ |
|
||||
if(doresize && typeof $pp_pic_holder != 'undefined') { |
|
||||
scroll_pos = _get_scroll(); |
|
||||
contentHeight = $pp_pic_holder.height(), contentwidth = $pp_pic_holder.width(); |
|
||||
|
|
||||
projectedTop = (windowHeight/2) + scroll_pos['scrollTop'] - (contentHeight/2); |
|
||||
if(projectedTop < 0) projectedTop = 0; |
|
||||
|
|
||||
if(contentHeight > windowHeight) |
|
||||
return; |
|
||||
|
|
||||
$pp_pic_holder.css({ |
|
||||
'top': projectedTop, |
|
||||
'left': (windowWidth/2) + scroll_pos['scrollLeft'] - (contentwidth/2) |
|
||||
}); |
|
||||
}; |
|
||||
}; |
|
||||
|
|
||||
function _get_scroll(){ |
|
||||
if (self.pageYOffset) { |
|
||||
return {scrollTop:self.pageYOffset,scrollLeft:self.pageXOffset}; |
|
||||
} else if (document.documentElement && document.documentElement.scrollTop) { // Explorer 6 Strict
|
|
||||
return {scrollTop:document.documentElement.scrollTop,scrollLeft:document.documentElement.scrollLeft}; |
|
||||
} else if (document.body) {// all other Explorers
|
|
||||
return {scrollTop:document.body.scrollTop,scrollLeft:document.body.scrollLeft}; |
|
||||
}; |
|
||||
}; |
|
||||
|
|
||||
function _resize_overlay() { |
|
||||
windowHeight = $(window).height(), windowWidth = $(window).width(); |
|
||||
|
|
||||
if(typeof $pp_overlay != "undefined") $pp_overlay.height($(document).height()).width(windowWidth); |
|
||||
}; |
|
||||
|
|
||||
function _insert_gallery(){ |
|
||||
if(isSet && settings.overlay_gallery && _getFileType(pp_images[set_position])=="image") { |
|
||||
itemWidth = 52+5; // 52 beign the thumb width, 5 being the right margin.
|
|
||||
navWidth = (settings.theme == "facebook" || settings.theme == "pp_default") ? 50 : 30; // Define the arrow width depending on the theme
|
|
||||
|
|
||||
itemsPerPage = Math.floor((pp_dimensions['containerWidth'] - 100 - navWidth) / itemWidth); |
|
||||
itemsPerPage = (itemsPerPage < pp_images.length) ? itemsPerPage : pp_images.length; |
|
||||
totalPage = Math.ceil(pp_images.length / itemsPerPage) - 1; |
|
||||
|
|
||||
// Hide the nav in the case there's no need for links
|
|
||||
if(totalPage == 0){ |
|
||||
navWidth = 0; // No nav means no width!
|
|
||||
$pp_gallery.find('.pp_arrow_next,.pp_arrow_previous').hide(); |
|
||||
}else{ |
|
||||
$pp_gallery.find('.pp_arrow_next,.pp_arrow_previous').show(); |
|
||||
}; |
|
||||
|
|
||||
galleryWidth = itemsPerPage * itemWidth; |
|
||||
fullGalleryWidth = pp_images.length * itemWidth; |
|
||||
|
|
||||
// Set the proper width to the gallery items
|
|
||||
$pp_gallery |
|
||||
.css('margin-left',-((galleryWidth/2) + (navWidth/2))) |
|
||||
.find('div:first').width(galleryWidth+5) |
|
||||
.find('ul').width(fullGalleryWidth) |
|
||||
.find('li.selected').removeClass('selected'); |
|
||||
|
|
||||
goToPage = (Math.floor(set_position/itemsPerPage) < totalPage) ? Math.floor(set_position/itemsPerPage) : totalPage; |
|
||||
|
|
||||
$.prettyPhoto.changeGalleryPage(goToPage); |
|
||||
|
|
||||
$pp_gallery_li.filter(':eq('+set_position+')').addClass('selected'); |
|
||||
}else{ |
|
||||
$pp_pic_holder.find('.pp_content').unbind('mouseenter mouseleave'); |
|
||||
// $pp_gallery.hide();
|
|
||||
} |
|
||||
} |
|
||||
|
|
||||
function _build_overlay(caller){ |
|
||||
// Inject Social Tool markup into General markup
|
|
||||
if(settings.social_tools) |
|
||||
facebook_like_link = settings.social_tools.replace('{location_href}', encodeURIComponent(location.href)); |
|
||||
|
|
||||
settings.markup = settings.markup.replace('{pp_social}',''); |
|
||||
|
|
||||
$('body').append(settings.markup); // Inject the markup
|
|
||||
|
|
||||
$pp_pic_holder = $('.pp_pic_holder') , $ppt = $('.ppt'), $pp_overlay = $('div.pp_overlay'); // Set my global selectors
|
|
||||
|
|
||||
// Inject the inline gallery!
|
|
||||
if(isSet && settings.overlay_gallery) { |
|
||||
currentGalleryPage = 0; |
|
||||
toInject = ""; |
|
||||
for (var i=0; i < pp_images.length; i++) { |
|
||||
if(!pp_images[i].match(/\b(jpg|jpeg|png|gif)\b/gi)){ |
|
||||
classname = 'default'; |
|
||||
img_src = ''; |
|
||||
}else{ |
|
||||
classname = ''; |
|
||||
img_src = pp_images[i]; |
|
||||
} |
|
||||
toInject += "<li class='"+classname+"'><a href='#'><img src='" + img_src + "' width='50' alt='' /></a></li>"; |
|
||||
}; |
|
||||
|
|
||||
toInject = settings.gallery_markup.replace(/{gallery}/g,toInject); |
|
||||
|
|
||||
$pp_pic_holder.find('#pp_full_res').after(toInject); |
|
||||
|
|
||||
$pp_gallery = $('.pp_pic_holder .pp_gallery'), $pp_gallery_li = $pp_gallery.find('li'); // Set the gallery selectors
|
|
||||
|
|
||||
$pp_gallery.find('.pp_arrow_next').click(function(){ |
|
||||
$.prettyPhoto.changeGalleryPage('next'); |
|
||||
$.prettyPhoto.stopSlideshow(); |
|
||||
return false; |
|
||||
}); |
|
||||
|
|
||||
$pp_gallery.find('.pp_arrow_previous').click(function(){ |
|
||||
$.prettyPhoto.changeGalleryPage('previous'); |
|
||||
$.prettyPhoto.stopSlideshow(); |
|
||||
return false; |
|
||||
}); |
|
||||
|
|
||||
$pp_pic_holder.find('.pp_content').hover( |
|
||||
function(){ |
|
||||
$pp_pic_holder.find('.pp_gallery:not(.disabled)').fadeIn(); |
|
||||
}, |
|
||||
function(){ |
|
||||
$pp_pic_holder.find('.pp_gallery:not(.disabled)').fadeOut(); |
|
||||
}); |
|
||||
|
|
||||
itemWidth = 52+5; // 52 beign the thumb width, 5 being the right margin.
|
|
||||
$pp_gallery_li.each(function(i){ |
|
||||
$(this) |
|
||||
.find('a') |
|
||||
.click(function(){ |
|
||||
$.prettyPhoto.changePage(i); |
|
||||
$.prettyPhoto.stopSlideshow(); |
|
||||
return false; |
|
||||
}); |
|
||||
}); |
|
||||
}; |
|
||||
|
|
||||
|
|
||||
// Inject the play/pause if it's a slideshow
|
|
||||
if(settings.slideshow){ |
|
||||
$pp_pic_holder.find('.pp_nav').prepend('<a href="#" class="pp_play">Play</a>') |
|
||||
$pp_pic_holder.find('.pp_nav .pp_play').click(function(){ |
|
||||
$.prettyPhoto.startSlideshow(); |
|
||||
return false; |
|
||||
}); |
|
||||
} |
|
||||
|
|
||||
$pp_pic_holder.attr('class','pp_pic_holder ' + settings.theme); // Set the proper theme
|
|
||||
|
|
||||
$pp_overlay |
|
||||
.css({ |
|
||||
'opacity':0, |
|
||||
'height':$(document).height(), |
|
||||
'width':$(window).width() |
|
||||
}) |
|
||||
.bind('click',function(){ |
|
||||
if(!settings.modal) $.prettyPhoto.close(); |
|
||||
}); |
|
||||
|
|
||||
$('a.pp_close').bind('click',function(){ $.prettyPhoto.close(); return false; }); |
|
||||
|
|
||||
|
|
||||
if(settings.allow_expand) { |
|
||||
$('a.pp_expand').bind('click',function(e){ |
|
||||
// Expand the image
|
|
||||
if($(this).hasClass('pp_expand')){ |
|
||||
$(this).removeClass('pp_expand').addClass('pp_contract'); |
|
||||
doresize = false; |
|
||||
}else{ |
|
||||
$(this).removeClass('pp_contract').addClass('pp_expand'); |
|
||||
doresize = true; |
|
||||
}; |
|
||||
|
|
||||
_hideContent(function(){ $.prettyPhoto.open(); }); |
|
||||
|
|
||||
return false; |
|
||||
}); |
|
||||
} |
|
||||
|
|
||||
$pp_pic_holder.find('.pp_previous, .pp_nav .pp_arrow_previous').bind('click',function(){ |
|
||||
$.prettyPhoto.changePage('previous'); |
|
||||
$.prettyPhoto.stopSlideshow(); |
|
||||
return false; |
|
||||
}); |
|
||||
|
|
||||
$pp_pic_holder.find('.pp_next, .pp_nav .pp_arrow_next').bind('click',function(){ |
|
||||
$.prettyPhoto.changePage('next'); |
|
||||
$.prettyPhoto.stopSlideshow(); |
|
||||
return false; |
|
||||
}); |
|
||||
|
|
||||
_center_overlay(); // Center it
|
|
||||
}; |
|
||||
|
|
||||
if(!pp_alreadyInitialized && getHashtag()){ |
|
||||
pp_alreadyInitialized = true; |
|
||||
|
|
||||
// Grab the rel index to trigger the click on the correct element
|
|
||||
hashIndex = getHashtag(); |
|
||||
hashRel = hashIndex; |
|
||||
hashIndex = hashIndex.substring(hashIndex.indexOf('/')+1,hashIndex.length-1); |
|
||||
hashRel = hashRel.substring(0,hashRel.indexOf('/')); |
|
||||
|
|
||||
// Little timeout to make sure all the prettyPhoto initialize scripts has been run.
|
|
||||
// Useful in the event the page contain several init scripts.
|
|
||||
setTimeout(function(){ $("a["+pp_settings.hook+"^='"+hashRel+"']:eq("+hashIndex+")").trigger('click'); },50); |
|
||||
} |
|
||||
|
|
||||
return this.unbind('click.prettyphoto').bind('click.prettyphoto',$.prettyPhoto.initialize); // Return the jQuery object for chaining. The unbind method is used to avoid click conflict when the plugin is called more than once
|
|
||||
}; |
|
||||
|
|
||||
function getHashtag(){ |
|
||||
var url = location.href; |
|
||||
hashtag = (url.indexOf('#prettyPhoto') !== -1) ? decodeURI(url.substring(url.indexOf('#prettyPhoto')+1,url.length)) : false; |
|
||||
|
|
||||
return hashtag; |
|
||||
}; |
|
||||
|
|
||||
function setHashtag(){ |
|
||||
if(typeof theRel == 'undefined') return; // theRel is set on normal calls, it's impossible to deeplink using the API
|
|
||||
location.hash = theRel + '/'+rel_index+'/'; |
|
||||
}; |
|
||||
|
|
||||
function clearHashtag(){ |
|
||||
if ( location.href.indexOf('#prettyPhoto') !== -1 ) location.hash = "prettyPhoto"; |
|
||||
} |
|
||||
|
|
||||
function getParam(name,url){ |
|
||||
name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]"); |
|
||||
var regexS = "[\\?&]"+name+"=([^&#]*)"; |
|
||||
var regex = new RegExp( regexS ); |
|
||||
var results = regex.exec( url ); |
|
||||
return ( results == null ) ? "" : results[1]; |
|
||||
} |
|
||||
|
|
||||
})(jQuery); |
|
||||
|
|
||||
var pp_alreadyInitialized = false; // Used for the deep linking to make sure not to call the same function several times.
|
|
@ -1,5 +0,0 @@ |
|||||
<h1>This is an XHR Response</h1> |
|
||||
<div id="my_content"> |
|
||||
<p>This is sample content brought in.</p> |
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> |
|
||||
</div> |
|
@ -1,911 +0,0 @@ |
|||||
/* ------------------------------------------------------------------------ |
|
||||
Class: prettyPhoto |
|
||||
Use: Lightbox clone for jQuery |
|
||||
Author: Stephane Caron (http://www.no-margin-for-errors.com)
|
|
||||
Version: 3.1.5 |
|
||||
------------------------------------------------------------------------- */ |
|
||||
(function($) { |
|
||||
$.prettyPhoto = {version: '3.1.5'}; |
|
||||
|
|
||||
$.fn.prettyPhoto = function(pp_settings) { |
|
||||
pp_settings = jQuery.extend({ |
|
||||
hook: 'rel', /* the attribute tag to use for prettyPhoto hooks. default: 'rel'. For HTML5, use "data-rel" or similar. */ |
|
||||
animation_speed: 'fast', /* fast/slow/normal */ |
|
||||
ajaxcallback: function() {}, |
|
||||
slideshow: 5000, /* false OR interval time in ms */ |
|
||||
autoplay_slideshow: false, /* true/false */ |
|
||||
opacity: 0.80, /* Value between 0 and 1 */ |
|
||||
show_title: true, /* true/false */ |
|
||||
allow_resize: true, /* Resize the photos bigger than viewport. true/false */ |
|
||||
allow_expand: true, /* Allow the user to expand a resized image. true/false */ |
|
||||
default_width: 500, |
|
||||
default_height: 344, |
|
||||
counter_separator_label: '/', /* The separator for the gallery counter 1 "of" 2 */ |
|
||||
theme: 'pp_default', /* light_rounded / dark_rounded / light_square / dark_square / facebook */ |
|
||||
horizontal_padding: 20, /* The padding on each side of the picture */ |
|
||||
hideflash: false, /* Hides all the flash object on a page, set to TRUE if flash appears over prettyPhoto */ |
|
||||
wmode: 'opaque', /* Set the flash wmode attribute */ |
|
||||
autoplay: true, /* Automatically start videos: True/False */ |
|
||||
modal: false, /* If set to true, only the close button will close the window */ |
|
||||
deeplinking: true, /* Allow prettyPhoto to update the url to enable deeplinking. */ |
|
||||
overlay_gallery: true, /* If set to true, a gallery will overlay the fullscreen image on mouse over */ |
|
||||
overlay_gallery_max: 30, /* Maximum number of pictures in the overlay gallery */ |
|
||||
keyboard_shortcuts: true, /* Set to false if you open forms inside prettyPhoto */ |
|
||||
changepicturecallback: function(){}, /* Called everytime an item is shown/changed */ |
|
||||
callback: function(){}, /* Called when prettyPhoto is closed */ |
|
||||
ie6_fallback: true, |
|
||||
markup: '<div class="pp_pic_holder"> \ |
|
||||
<div class="ppt"> </div> \ |
|
||||
<div class="pp_top"> \ |
|
||||
<div class="pp_left"></div> \ |
|
||||
<div class="pp_middle"></div> \ |
|
||||
<div class="pp_right"></div> \ |
|
||||
</div> \ |
|
||||
<div class="pp_content_container"> \ |
|
||||
<div class="pp_left"> \ |
|
||||
<div class="pp_right"> \ |
|
||||
<div class="pp_content"> \ |
|
||||
<div class="pp_loaderIcon"></div> \ |
|
||||
<div class="pp_fade"> \ |
|
||||
<a href="#" class="pp_expand" title="Expand the image">Expand</a> \ |
|
||||
<div class="pp_hoverContainer"> \ |
|
||||
<a class="pp_next" href="#">next</a> \ |
|
||||
<a class="pp_previous" href="#">previous</a> \ |
|
||||
</div> \ |
|
||||
<div id="pp_full_res"></div> \ |
|
||||
<div class="pp_details"> \ |
|
||||
<div class="pp_nav"> \ |
|
||||
<a href="#" class="pp_arrow_previous">Previous</a> \ |
|
||||
<p class="currentTextHolder">0/0</p> \ |
|
||||
<a href="#" class="pp_arrow_next">Next</a> \ |
|
||||
</div> \ |
|
||||
<p class="pp_description"></p> \ |
|
||||
<div class="pp_social">{pp_social}</div> \ |
|
||||
<a class="pp_close" href="#">Close</a> \ |
|
||||
</div> \ |
|
||||
</div> \ |
|
||||
</div> \ |
|
||||
</div> \ |
|
||||
</div> \ |
|
||||
</div> \ |
|
||||
<div class="pp_bottom"> \ |
|
||||
<div class="pp_left"></div> \ |
|
||||
<div class="pp_middle"></div> \ |
|
||||
<div class="pp_right"></div> \ |
|
||||
</div> \ |
|
||||
</div> \ |
|
||||
<div class="pp_overlay"></div>', |
|
||||
gallery_markup: '<div class="pp_gallery"> \ |
|
||||
<a href="#" class="pp_arrow_previous">Previous</a> \ |
|
||||
<div> \ |
|
||||
<ul> \ |
|
||||
{gallery} \ |
|
||||
</ul> \ |
|
||||
</div> \ |
|
||||
<a href="#" class="pp_arrow_next">Next</a> \ |
|
||||
</div>', |
|
||||
image_markup: '<img id="fullResImage" src="{path}" />', |
|
||||
flash_markup: '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="{width}" height="{height}"><param name="wmode" value="{wmode}" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="{path}" /><embed src="{path}" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="{width}" height="{height}" wmode="{wmode}"></embed></object>', |
|
||||
quicktime_markup: '<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="{height}" width="{width}"><param name="src" value="{path}"><param name="autoplay" value="{autoplay}"><param name="type" value="video/quicktime"><embed src="{path}" height="{height}" width="{width}" autoplay="{autoplay}" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"></embed></object>', |
|
||||
iframe_markup: '<iframe src ="{path}" width="{width}" height="{height}" frameborder="no"></iframe>', |
|
||||
inline_markup: '<div class="pp_inline">{content}</div>', |
|
||||
custom_markup: '', |
|
||||
social_tools: '<div class="twitter"><a href="http://twitter.com/share" class="twitter-share-button" data-count="none">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div><div class="facebook"><iframe src="//www.facebook.com/plugins/like.php?locale=en_US&href={location_href}&layout=button_count&show_faces=true&width=500&action=like&font&colorscheme=light&height=23" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:500px; height:23px;" allowTransparency="true"></iframe></div>' /* html or false to disable */ |
|
||||
}, pp_settings); |
|
||||
|
|
||||
// Global variables accessible only by prettyPhoto
|
|
||||
var matchedObjects = this, percentBased = false, pp_dimensions, pp_open, |
|
||||
|
|
||||
// prettyPhoto container specific
|
|
||||
pp_contentHeight, pp_contentWidth, pp_containerHeight, pp_containerWidth, |
|
||||
|
|
||||
// Window size
|
|
||||
windowHeight = $(window).height(), windowWidth = $(window).width(), |
|
||||
|
|
||||
// Global elements
|
|
||||
pp_slideshow; |
|
||||
|
|
||||
doresize = true, scroll_pos = _get_scroll(); |
|
||||
|
|
||||
// Window/Keyboard events
|
|
||||
$(window).unbind('resize.prettyphoto').bind('resize.prettyphoto',function(){ _center_overlay(); _resize_overlay(); }); |
|
||||
|
|
||||
if(pp_settings.keyboard_shortcuts) { |
|
||||
$(document).unbind('keydown.prettyphoto').bind('keydown.prettyphoto',function(e){ |
|
||||
if(typeof $pp_pic_holder != 'undefined'){ |
|
||||
if($pp_pic_holder.is(':visible')){ |
|
||||
switch(e.keyCode){ |
|
||||
case 37: |
|
||||
$.prettyPhoto.changePage('previous'); |
|
||||
e.preventDefault(); |
|
||||
break; |
|
||||
case 39: |
|
||||
$.prettyPhoto.changePage('next'); |
|
||||
e.preventDefault(); |
|
||||
break; |
|
||||
case 27: |
|
||||
if(!settings.modal) |
|
||||
$.prettyPhoto.close(); |
|
||||
e.preventDefault(); |
|
||||
break; |
|
||||
}; |
|
||||
// return false;
|
|
||||
}; |
|
||||
}; |
|
||||
}); |
|
||||
}; |
|
||||
|
|
||||
/** |
|
||||
* Initialize prettyPhoto. |
|
||||
*/ |
|
||||
$.prettyPhoto.initialize = function() { |
|
||||
|
|
||||
settings = pp_settings; |
|
||||
|
|
||||
if(settings.theme == 'pp_default') settings.horizontal_padding = 16; |
|
||||
|
|
||||
// Find out if the picture is part of a set
|
|
||||
theRel = $(this).attr(settings.hook); |
|
||||
galleryRegExp = /\[(?:.*)\]/; |
|
||||
isSet = (galleryRegExp.exec(theRel)) ? true : false; |
|
||||
|
|
||||
// Put the SRCs, TITLEs, ALTs into an array.
|
|
||||
pp_images = (isSet) ? jQuery.map(matchedObjects, function(n, i){ if($(n).attr(settings.hook).indexOf(theRel) != -1) return $(n).attr('href'); }) : $.makeArray($(this).attr('href')); |
|
||||
pp_titles = (isSet) ? jQuery.map(matchedObjects, function(n, i){ if($(n).attr(settings.hook).indexOf(theRel) != -1) return ($(n).find('img').attr('alt')) ? $(n).find('img').attr('alt') : ""; }) : $.makeArray($(this).find('img').attr('alt')); |
|
||||
pp_descriptions = (isSet) ? jQuery.map(matchedObjects, function(n, i){ if($(n).attr(settings.hook).indexOf(theRel) != -1) return ($(n).attr('title')) ? $(n).attr('title') : ""; }) : $.makeArray($(this).attr('title')); |
|
||||
|
|
||||
if(pp_images.length > settings.overlay_gallery_max) settings.overlay_gallery = false; |
|
||||
|
|
||||
set_position = jQuery.inArray($(this).attr('href'), pp_images); // Define where in the array the clicked item is positionned
|
|
||||
rel_index = (isSet) ? set_position : $("a["+settings.hook+"^='"+theRel+"']").index($(this)); |
|
||||
|
|
||||
_build_overlay(this); // Build the overlay {this} being the caller
|
|
||||
|
|
||||
if(settings.allow_resize) |
|
||||
$(window).bind('scroll.prettyphoto',function(){ _center_overlay(); }); |
|
||||
|
|
||||
|
|
||||
$.prettyPhoto.open(); |
|
||||
|
|
||||
return false; |
|
||||
} |
|
||||
|
|
||||
|
|
||||
/** |
|
||||
* Opens the prettyPhoto modal box. |
|
||||
* @param image {String,Array} Full path to the image to be open, can also be an array containing full images paths. |
|
||||
* @param title {String,Array} The title to be displayed with the picture, can also be an array containing all the titles. |
|
||||
* @param description {String,Array} The description to be displayed with the picture, can also be an array containing all the descriptions. |
|
||||
*/ |
|
||||
$.prettyPhoto.open = function(event) { |
|
||||
if(typeof settings == "undefined"){ // Means it's an API call, need to manually get the settings and set the variables
|
|
||||
settings = pp_settings; |
|
||||
pp_images = $.makeArray(arguments[0]); |
|
||||
pp_titles = (arguments[1]) ? $.makeArray(arguments[1]) : $.makeArray(""); |
|
||||
pp_descriptions = (arguments[2]) ? $.makeArray(arguments[2]) : $.makeArray(""); |
|
||||
isSet = (pp_images.length > 1) ? true : false; |
|
||||
set_position = (arguments[3])? arguments[3]: 0; |
|
||||
_build_overlay(event.target); // Build the overlay {this} being the caller
|
|
||||
} |
|
||||
|
|
||||
if(settings.hideflash) $('object,embed,iframe[src*=youtube],iframe[src*=vimeo]').css('visibility','hidden'); // Hide the flash
|
|
||||
|
|
||||
_checkPosition($(pp_images).size()); // Hide the next/previous links if on first or last images.
|
|
||||
|
|
||||
$('.pp_loaderIcon').show(); |
|
||||
|
|
||||
if(settings.deeplinking) |
|
||||
setHashtag(); |
|
||||
|
|
||||
// Rebuild Facebook Like Button with updated href
|
|
||||
if(settings.social_tools){ |
|
||||
facebook_like_link = settings.social_tools.replace('{location_href}', encodeURIComponent(location.href)); |
|
||||
$pp_pic_holder.find('.pp_social').html(facebook_like_link); |
|
||||
} |
|
||||
|
|
||||
// Fade the content in
|
|
||||
if($ppt.is(':hidden')) $ppt.css('opacity',0).show(); |
|
||||
$pp_overlay.show().fadeTo(settings.animation_speed,settings.opacity); |
|
||||
|
|
||||
// Display the current position
|
|
||||
$pp_pic_holder.find('.currentTextHolder').text((set_position+1) + settings.counter_separator_label + $(pp_images).size()); |
|
||||
|
|
||||
// Set the description
|
|
||||
if(typeof pp_descriptions[set_position] != 'undefined' && pp_descriptions[set_position] != ""){ |
|
||||
$pp_pic_holder.find('.pp_description').show().html(unescape(pp_descriptions[set_position])); |
|
||||
}else{ |
|
||||
$pp_pic_holder.find('.pp_description').hide(); |
|
||||
} |
|
||||
|
|
||||
// Get the dimensions
|
|
||||
movie_width = ( parseFloat(getParam('width',pp_images[set_position])) ) ? getParam('width',pp_images[set_position]) : settings.default_width.toString(); |
|
||||
movie_height = ( parseFloat(getParam('height',pp_images[set_position])) ) ? getParam('height',pp_images[set_position]) : settings.default_height.toString(); |
|
||||
|
|
||||
// If the size is % based, calculate according to window dimensions
|
|
||||
percentBased=false; |
|
||||
if(movie_height.indexOf('%') != -1) { movie_height = parseFloat(($(window).height() * parseFloat(movie_height) / 100) - 150); percentBased = true; } |
|
||||
if(movie_width.indexOf('%') != -1) { movie_width = parseFloat(($(window).width() * parseFloat(movie_width) / 100) - 150); percentBased = true; } |
|
||||
|
|
||||
// Fade the holder
|
|
||||
$pp_pic_holder.fadeIn(function(){ |
|
||||
// Set the title
|
|
||||
(settings.show_title && pp_titles[set_position] != "" && typeof pp_titles[set_position] != "undefined") ? $ppt.html(unescape(pp_titles[set_position])) : $ppt.html(' '); |
|
||||
|
|
||||
imgPreloader = ""; |
|
||||
skipInjection = false; |
|
||||
|
|
||||
// Inject the proper content
|
|
||||
switch(_getFileType(pp_images[set_position])){ |
|
||||
case 'image': |
|
||||
imgPreloader = new Image(); |
|
||||
|
|
||||
// Preload the neighbour images
|
|
||||
nextImage = new Image(); |
|
||||
if(isSet && set_position < $(pp_images).size() -1) nextImage.src = pp_images[set_position + 1]; |
|
||||
prevImage = new Image(); |
|
||||
if(isSet && pp_images[set_position - 1]) prevImage.src = pp_images[set_position - 1]; |
|
||||
|
|
||||
$pp_pic_holder.find('#pp_full_res')[0].innerHTML = settings.image_markup.replace(/{path}/g,pp_images[set_position]); |
|
||||
|
|
||||
imgPreloader.onload = function(){ |
|
||||
// Fit item to viewport
|
|
||||
pp_dimensions = _fitToViewport(imgPreloader.width,imgPreloader.height); |
|
||||
|
|
||||
_showContent(); |
|
||||
}; |
|
||||
|
|
||||
imgPreloader.onerror = function(){ |
|
||||
alert('Image cannot be loaded. Make sure the path is correct and image exist.'); |
|
||||
$.prettyPhoto.close(); |
|
||||
}; |
|
||||
|
|
||||
imgPreloader.src = pp_images[set_position]; |
|
||||
break; |
|
||||
|
|
||||
case 'youtube': |
|
||||
pp_dimensions = _fitToViewport(movie_width,movie_height); // Fit item to viewport
|
|
||||
|
|
||||
// Regular youtube link
|
|
||||
movie_id = getParam('v',pp_images[set_position]); |
|
||||
|
|
||||
// youtu.be link
|
|
||||
if(movie_id == ""){ |
|
||||
movie_id = pp_images[set_position].split('youtu.be/'); |
|
||||
movie_id = movie_id[1]; |
|
||||
if(movie_id.indexOf('?') > 0) |
|
||||
movie_id = movie_id.substr(0,movie_id.indexOf('?')); // Strip anything after the ?
|
|
||||
|
|
||||
if(movie_id.indexOf('&') > 0) |
|
||||
movie_id = movie_id.substr(0,movie_id.indexOf('&')); // Strip anything after the &
|
|
||||
} |
|
||||
|
|
||||
movie = 'http://www.youtube.com/embed/'+movie_id; |
|
||||
(getParam('rel',pp_images[set_position])) ? movie+="?rel="+getParam('rel',pp_images[set_position]) : movie+="?rel=1"; |
|
||||
|
|
||||
if(settings.autoplay) movie += "&autoplay=1"; |
|
||||
|
|
||||
toInject = settings.iframe_markup.replace(/{width}/g,pp_dimensions['width']).replace(/{height}/g,pp_dimensions['height']).replace(/{wmode}/g,settings.wmode).replace(/{path}/g,movie); |
|
||||
break; |
|
||||
|
|
||||
case 'vimeo': |
|
||||
pp_dimensions = _fitToViewport(movie_width,movie_height); // Fit item to viewport
|
|
||||
|
|
||||
movie_id = pp_images[set_position]; |
|
||||
var regExp = /http(s?):\/\/(www\.)?vimeo.com\/(\d+)/; |
|
||||
var match = movie_id.match(regExp); |
|
||||
|
|
||||
movie = 'http://player.vimeo.com/video/'+ match[3] +'?title=0&byline=0&portrait=0'; |
|
||||
if(settings.autoplay) movie += "&autoplay=1;"; |
|
||||
|
|
||||
vimeo_width = pp_dimensions['width'] + '/embed/?moog_width='+ pp_dimensions['width']; |
|
||||
|
|
||||
toInject = settings.iframe_markup.replace(/{width}/g,vimeo_width).replace(/{height}/g,pp_dimensions['height']).replace(/{path}/g,movie); |
|
||||
break; |
|
||||
|
|
||||
case 'quicktime': |
|
||||
pp_dimensions = _fitToViewport(movie_width,movie_height); // Fit item to viewport
|
|
||||
pp_dimensions['height']+=15; pp_dimensions['contentHeight']+=15; pp_dimensions['containerHeight']+=15; // Add space for the control bar
|
|
||||
|
|
||||
toInject = settings.quicktime_markup.replace(/{width}/g,pp_dimensions['width']).replace(/{height}/g,pp_dimensions['height']).replace(/{wmode}/g,settings.wmode).replace(/{path}/g,pp_images[set_position]).replace(/{autoplay}/g,settings.autoplay); |
|
||||
break; |
|
||||
|
|
||||
case 'flash': |
|
||||
pp_dimensions = _fitToViewport(movie_width,movie_height); // Fit item to viewport
|
|
||||
|
|
||||
flash_vars = pp_images[set_position]; |
|
||||
flash_vars = flash_vars.substring(pp_images[set_position].indexOf('flashvars') + 10,pp_images[set_position].length); |
|
||||
|
|
||||
filename = pp_images[set_position]; |
|
||||
filename = filename.substring(0,filename.indexOf('?')); |
|
||||
|
|
||||
toInject = settings.flash_markup.replace(/{width}/g,pp_dimensions['width']).replace(/{height}/g,pp_dimensions['height']).replace(/{wmode}/g,settings.wmode).replace(/{path}/g,filename+'?'+flash_vars); |
|
||||
break; |
|
||||
|
|
||||
case 'iframe': |
|
||||
pp_dimensions = _fitToViewport(movie_width,movie_height); // Fit item to viewport
|
|
||||
|
|
||||
frame_url = pp_images[set_position]; |
|
||||
frame_url = frame_url.substr(0,frame_url.indexOf('iframe')-1); |
|
||||
|
|
||||
toInject = settings.iframe_markup.replace(/{width}/g,pp_dimensions['width']).replace(/{height}/g,pp_dimensions['height']).replace(/{path}/g,frame_url); |
|
||||
break; |
|
||||
|
|
||||
case 'ajax': |
|
||||
doresize = false; // Make sure the dimensions are not resized.
|
|
||||
pp_dimensions = _fitToViewport(movie_width,movie_height); |
|
||||
doresize = true; // Reset the dimensions
|
|
||||
|
|
||||
skipInjection = true; |
|
||||
$.get(pp_images[set_position],function(responseHTML){ |
|
||||
toInject = settings.inline_markup.replace(/{content}/g,responseHTML); |
|
||||
$pp_pic_holder.find('#pp_full_res')[0].innerHTML = toInject; |
|
||||
_showContent(); |
|
||||
}); |
|
||||
|
|
||||
break; |
|
||||
|
|
||||
case 'custom': |
|
||||
pp_dimensions = _fitToViewport(movie_width,movie_height); // Fit item to viewport
|
|
||||
|
|
||||
toInject = settings.custom_markup; |
|
||||
break; |
|
||||
|
|
||||
case 'inline': |
|
||||
// to get the item height clone it, apply default width, wrap it in the prettyPhoto containers , then delete
|
|
||||
myClone = $(pp_images[set_position]).clone().append('<br clear="all" />').css({'width':settings.default_width}).wrapInner('<div id="pp_full_res"><div class="pp_inline"></div></div>').appendTo($('body')).show(); |
|
||||
doresize = false; // Make sure the dimensions are not resized.
|
|
||||
pp_dimensions = _fitToViewport($(myClone).width(),$(myClone).height()); |
|
||||
doresize = true; // Reset the dimensions
|
|
||||
$(myClone).remove(); |
|
||||
toInject = settings.inline_markup.replace(/{content}/g,$(pp_images[set_position]).html()); |
|
||||
break; |
|
||||
}; |
|
||||
|
|
||||
if(!imgPreloader && !skipInjection){ |
|
||||
$pp_pic_holder.find('#pp_full_res')[0].innerHTML = toInject; |
|
||||
|
|
||||
// Show content
|
|
||||
_showContent(); |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
return false; |
|
||||
}; |
|
||||
|
|
||||
|
|
||||
/** |
|
||||
* Change page in the prettyPhoto modal box |
|
||||
* @param direction {String} Direction of the paging, previous or next. |
|
||||
*/ |
|
||||
$.prettyPhoto.changePage = function(direction){ |
|
||||
currentGalleryPage = 0; |
|
||||
|
|
||||
if(direction == 'previous') { |
|
||||
set_position--; |
|
||||
if (set_position < 0) set_position = $(pp_images).size()-1; |
|
||||
}else if(direction == 'next'){ |
|
||||
set_position++; |
|
||||
if(set_position > $(pp_images).size()-1) set_position = 0; |
|
||||
}else{ |
|
||||
set_position=direction; |
|
||||
}; |
|
||||
|
|
||||
rel_index = set_position; |
|
||||
|
|
||||
if(!doresize) doresize = true; // Allow the resizing of the images
|
|
||||
if(settings.allow_expand) { |
|
||||
$('.pp_contract').removeClass('pp_contract').addClass('pp_expand'); |
|
||||
} |
|
||||
|
|
||||
_hideContent(function(){ $.prettyPhoto.open(); }); |
|
||||
}; |
|
||||
|
|
||||
|
|
||||
/** |
|
||||
* Change gallery page in the prettyPhoto modal box |
|
||||
* @param direction {String} Direction of the paging, previous or next. |
|
||||
*/ |
|
||||
$.prettyPhoto.changeGalleryPage = function(direction){ |
|
||||
if(direction=='next'){ |
|
||||
currentGalleryPage ++; |
|
||||
|
|
||||
if(currentGalleryPage > totalPage) currentGalleryPage = 0; |
|
||||
}else if(direction=='previous'){ |
|
||||
currentGalleryPage --; |
|
||||
|
|
||||
if(currentGalleryPage < 0) currentGalleryPage = totalPage; |
|
||||
}else{ |
|
||||
currentGalleryPage = direction; |
|
||||
}; |
|
||||
|
|
||||
slide_speed = (direction == 'next' || direction == 'previous') ? settings.animation_speed : 0; |
|
||||
|
|
||||
slide_to = currentGalleryPage * (itemsPerPage * itemWidth); |
|
||||
|
|
||||
$pp_gallery.find('ul').animate({left:-slide_to},slide_speed); |
|
||||
}; |
|
||||
|
|
||||
|
|
||||
/** |
|
||||
* Start the slideshow... |
|
||||
*/ |
|
||||
$.prettyPhoto.startSlideshow = function(){ |
|
||||
if(typeof pp_slideshow == 'undefined'){ |
|
||||
$pp_pic_holder.find('.pp_play').unbind('click').removeClass('pp_play').addClass('pp_pause').click(function(){ |
|
||||
$.prettyPhoto.stopSlideshow(); |
|
||||
return false; |
|
||||
}); |
|
||||
pp_slideshow = setInterval($.prettyPhoto.startSlideshow,settings.slideshow); |
|
||||
}else{ |
|
||||
$.prettyPhoto.changePage('next'); |
|
||||
}; |
|
||||
} |
|
||||
|
|
||||
|
|
||||
/** |
|
||||
* Stop the slideshow... |
|
||||
*/ |
|
||||
$.prettyPhoto.stopSlideshow = function(){ |
|
||||
$pp_pic_holder.find('.pp_pause').unbind('click').removeClass('pp_pause').addClass('pp_play').click(function(){ |
|
||||
$.prettyPhoto.startSlideshow(); |
|
||||
return false; |
|
||||
}); |
|
||||
clearInterval(pp_slideshow); |
|
||||
pp_slideshow=undefined; |
|
||||
} |
|
||||
|
|
||||
|
|
||||
/** |
|
||||
* Closes prettyPhoto. |
|
||||
*/ |
|
||||
$.prettyPhoto.close = function(){ |
|
||||
if($pp_overlay.is(":animated")) return; |
|
||||
|
|
||||
$.prettyPhoto.stopSlideshow(); |
|
||||
|
|
||||
$pp_pic_holder.stop().find('object,embed').css('visibility','hidden'); |
|
||||
|
|
||||
$('div.pp_pic_holder,div.ppt,.pp_fade').fadeOut(settings.animation_speed,function(){ $(this).remove(); }); |
|
||||
|
|
||||
$pp_overlay.fadeOut(settings.animation_speed, function(){ |
|
||||
|
|
||||
if(settings.hideflash) $('object,embed,iframe[src*=youtube],iframe[src*=vimeo]').css('visibility','visible'); // Show the flash
|
|
||||
|
|
||||
$(this).remove(); // No more need for the prettyPhoto markup
|
|
||||
|
|
||||
$(window).unbind('scroll.prettyphoto'); |
|
||||
|
|
||||
clearHashtag(); |
|
||||
|
|
||||
settings.callback(); |
|
||||
|
|
||||
doresize = true; |
|
||||
|
|
||||
pp_open = false; |
|
||||
|
|
||||
delete settings; |
|
||||
}); |
|
||||
}; |
|
||||
|
|
||||
/** |
|
||||
* Set the proper sizes on the containers and animate the content in. |
|
||||
*/ |
|
||||
function _showContent(){ |
|
||||
$('.pp_loaderIcon').hide(); |
|
||||
|
|
||||
// Calculate the opened top position of the pic holder
|
|
||||
projectedTop = scroll_pos['scrollTop'] + ((windowHeight/2) - (pp_dimensions['containerHeight']/2)); |
|
||||
if(projectedTop < 0) projectedTop = 0; |
|
||||
|
|
||||
$ppt.fadeTo(settings.animation_speed,1); |
|
||||
|
|
||||
// Resize the content holder
|
|
||||
$pp_pic_holder.find('.pp_content') |
|
||||
.animate({ |
|
||||
height:pp_dimensions['contentHeight'], |
|
||||
width:pp_dimensions['contentWidth'] |
|
||||
},settings.animation_speed); |
|
||||
|
|
||||
// Resize picture the holder
|
|
||||
$pp_pic_holder.animate({ |
|
||||
'top': projectedTop, |
|
||||
'left': ((windowWidth/2) - (pp_dimensions['containerWidth']/2) < 0) ? 0 : (windowWidth/2) - (pp_dimensions['containerWidth']/2), |
|
||||
width:pp_dimensions['containerWidth'] |
|
||||
},settings.animation_speed,function(){ |
|
||||
$pp_pic_holder.find('.pp_hoverContainer,#fullResImage').height(pp_dimensions['height']).width(pp_dimensions['width']); |
|
||||
|
|
||||
$pp_pic_holder.find('.pp_fade').fadeIn(settings.animation_speed); // Fade the new content
|
|
||||
|
|
||||
// Show the nav
|
|
||||
if(isSet && _getFileType(pp_images[set_position])=="image") { $pp_pic_holder.find('.pp_hoverContainer').show(); }else{ $pp_pic_holder.find('.pp_hoverContainer').hide(); } |
|
||||
|
|
||||
if(settings.allow_expand) { |
|
||||
if(pp_dimensions['resized']){ // Fade the resizing link if the image is resized
|
|
||||
$('a.pp_expand,a.pp_contract').show(); |
|
||||
}else{ |
|
||||
$('a.pp_expand').hide(); |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
if(settings.autoplay_slideshow && !pp_slideshow && !pp_open) $.prettyPhoto.startSlideshow(); |
|
||||
|
|
||||
settings.changepicturecallback(); // Callback!
|
|
||||
|
|
||||
pp_open = true; |
|
||||
}); |
|
||||
|
|
||||
_insert_gallery(); |
|
||||
pp_settings.ajaxcallback(); |
|
||||
}; |
|
||||
|
|
||||
/** |
|
||||
* Hide the content...DUH! |
|
||||
*/ |
|
||||
function _hideContent(callback){ |
|
||||
// Fade out the current picture
|
|
||||
$pp_pic_holder.find('#pp_full_res object,#pp_full_res embed').css('visibility','hidden'); |
|
||||
$pp_pic_holder.find('.pp_fade').fadeOut(settings.animation_speed,function(){ |
|
||||
$('.pp_loaderIcon').show(); |
|
||||
|
|
||||
callback(); |
|
||||
}); |
|
||||
}; |
|
||||
|
|
||||
/** |
|
||||
* Check the item position in the gallery array, hide or show the navigation links |
|
||||
* @param setCount {integer} The total number of items in the set |
|
||||
*/ |
|
||||
function _checkPosition(setCount){ |
|
||||
(setCount > 1) ? $('.pp_nav').show() : $('.pp_nav').hide(); // Hide the bottom nav if it's not a set.
|
|
||||
}; |
|
||||
|
|
||||
/** |
|
||||
* Resize the item dimensions if it's bigger than the viewport |
|
||||
* @param width {integer} Width of the item to be opened |
|
||||
* @param height {integer} Height of the item to be opened |
|
||||
* @return An array containin the "fitted" dimensions |
|
||||
*/ |
|
||||
function _fitToViewport(width,height){ |
|
||||
resized = false; |
|
||||
|
|
||||
_getDimensions(width,height); |
|
||||
|
|
||||
// Define them in case there's no resize needed
|
|
||||
imageWidth = width, imageHeight = height; |
|
||||
|
|
||||
if( ((pp_containerWidth > windowWidth) || (pp_containerHeight > windowHeight)) && doresize && settings.allow_resize && !percentBased) { |
|
||||
resized = true, fitting = false; |
|
||||
|
|
||||
while (!fitting){ |
|
||||
if((pp_containerWidth > windowWidth)){ |
|
||||
imageWidth = (windowWidth - 200); |
|
||||
imageHeight = (height/width) * imageWidth; |
|
||||
}else if((pp_containerHeight > windowHeight)){ |
|
||||
imageHeight = (windowHeight - 200); |
|
||||
imageWidth = (width/height) * imageHeight; |
|
||||
}else{ |
|
||||
fitting = true; |
|
||||
}; |
|
||||
|
|
||||
pp_containerHeight = imageHeight, pp_containerWidth = imageWidth; |
|
||||
}; |
|
||||
|
|
||||
|
|
||||
|
|
||||
if((pp_containerWidth > windowWidth) || (pp_containerHeight > windowHeight)){ |
|
||||
_fitToViewport(pp_containerWidth,pp_containerHeight) |
|
||||
}; |
|
||||
|
|
||||
_getDimensions(imageWidth,imageHeight); |
|
||||
}; |
|
||||
|
|
||||
return { |
|
||||
width:Math.floor(imageWidth), |
|
||||
height:Math.floor(imageHeight), |
|
||||
containerHeight:Math.floor(pp_containerHeight), |
|
||||
containerWidth:Math.floor(pp_containerWidth) + (settings.horizontal_padding * 2), |
|
||||
contentHeight:Math.floor(pp_contentHeight), |
|
||||
contentWidth:Math.floor(pp_contentWidth), |
|
||||
resized:resized |
|
||||
}; |
|
||||
}; |
|
||||
|
|
||||
/** |
|
||||
* Get the containers dimensions according to the item size |
|
||||
* @param width {integer} Width of the item to be opened |
|
||||
* @param height {integer} Height of the item to be opened |
|
||||
*/ |
|
||||
function _getDimensions(width,height){ |
|
||||
width = parseFloat(width); |
|
||||
height = parseFloat(height); |
|
||||
|
|
||||
// Get the details height, to do so, I need to clone it since it's invisible
|
|
||||
$pp_details = $pp_pic_holder.find('.pp_details'); |
|
||||
$pp_details.width(width); |
|
||||
detailsHeight = parseFloat($pp_details.css('marginTop')) + parseFloat($pp_details.css('marginBottom')); |
|
||||
|
|
||||
$pp_details = $pp_details.clone().addClass(settings.theme).width(width).appendTo($('body')).css({ |
|
||||
'position':'absolute', |
|
||||
'top':-10000 |
|
||||
}); |
|
||||
detailsHeight += $pp_details.height(); |
|
||||
detailsHeight = (detailsHeight <= 34) ? 36 : detailsHeight; // Min-height for the details
|
|
||||
$pp_details.remove(); |
|
||||
|
|
||||
// Get the titles height, to do so, I need to clone it since it's invisible
|
|
||||
$pp_title = $pp_pic_holder.find('.ppt'); |
|
||||
$pp_title.width(width); |
|
||||
titleHeight = parseFloat($pp_title.css('marginTop')) + parseFloat($pp_title.css('marginBottom')); |
|
||||
$pp_title = $pp_title.clone().appendTo($('body')).css({ |
|
||||
'position':'absolute', |
|
||||
'top':-10000 |
|
||||
}); |
|
||||
titleHeight += $pp_title.height(); |
|
||||
$pp_title.remove(); |
|
||||
|
|
||||
// Get the container size, to resize the holder to the right dimensions
|
|
||||
pp_contentHeight = height + detailsHeight; |
|
||||
pp_contentWidth = width; |
|
||||
pp_containerHeight = pp_contentHeight + titleHeight + $pp_pic_holder.find('.pp_top').height() + $pp_pic_holder.find('.pp_bottom').height(); |
|
||||
pp_containerWidth = width; |
|
||||
} |
|
||||
|
|
||||
function _getFileType(itemSrc){ |
|
||||
if (itemSrc.match(/youtube\.com\/watch/i) || itemSrc.match(/youtu\.be/i)) { |
|
||||
return 'youtube'; |
|
||||
}else if (itemSrc.match(/vimeo\.com/i)) { |
|
||||
return 'vimeo'; |
|
||||
}else if(itemSrc.match(/\b.mov\b/i)){ |
|
||||
return 'quicktime'; |
|
||||
}else if(itemSrc.match(/\b.swf\b/i)){ |
|
||||
return 'flash'; |
|
||||
}else if(itemSrc.match(/\biframe=true\b/i)){ |
|
||||
return 'iframe'; |
|
||||
}else if(itemSrc.match(/\bajax=true\b/i)){ |
|
||||
return 'ajax'; |
|
||||
}else if(itemSrc.match(/\bcustom=true\b/i)){ |
|
||||
return 'custom'; |
|
||||
}else if(itemSrc.substr(0,1) == '#'){ |
|
||||
return 'inline'; |
|
||||
}else{ |
|
||||
return 'image'; |
|
||||
}; |
|
||||
}; |
|
||||
|
|
||||
function _center_overlay(){ |
|
||||
if(doresize && typeof $pp_pic_holder != 'undefined') { |
|
||||
scroll_pos = _get_scroll(); |
|
||||
contentHeight = $pp_pic_holder.height(), contentwidth = $pp_pic_holder.width(); |
|
||||
|
|
||||
projectedTop = (windowHeight/2) + scroll_pos['scrollTop'] - (contentHeight/2); |
|
||||
if(projectedTop < 0) projectedTop = 0; |
|
||||
|
|
||||
if(contentHeight > windowHeight) |
|
||||
return; |
|
||||
|
|
||||
$pp_pic_holder.css({ |
|
||||
'top': projectedTop, |
|
||||
'left': (windowWidth/2) + scroll_pos['scrollLeft'] - (contentwidth/2) |
|
||||
}); |
|
||||
}; |
|
||||
}; |
|
||||
|
|
||||
function _get_scroll(){ |
|
||||
if (self.pageYOffset) { |
|
||||
return {scrollTop:self.pageYOffset,scrollLeft:self.pageXOffset}; |
|
||||
} else if (document.documentElement && document.documentElement.scrollTop) { // Explorer 6 Strict
|
|
||||
return {scrollTop:document.documentElement.scrollTop,scrollLeft:document.documentElement.scrollLeft}; |
|
||||
} else if (document.body) {// all other Explorers
|
|
||||
return {scrollTop:document.body.scrollTop,scrollLeft:document.body.scrollLeft}; |
|
||||
}; |
|
||||
}; |
|
||||
|
|
||||
function _resize_overlay() { |
|
||||
windowHeight = $(window).height(), windowWidth = $(window).width(); |
|
||||
|
|
||||
if(typeof $pp_overlay != "undefined") $pp_overlay.height($(document).height()).width(windowWidth); |
|
||||
}; |
|
||||
|
|
||||
function _insert_gallery(){ |
|
||||
if(isSet && settings.overlay_gallery && _getFileType(pp_images[set_position])=="image") { |
|
||||
itemWidth = 52+5; // 52 beign the thumb width, 5 being the right margin.
|
|
||||
navWidth = (settings.theme == "facebook" || settings.theme == "pp_default") ? 50 : 30; // Define the arrow width depending on the theme
|
|
||||
|
|
||||
itemsPerPage = Math.floor((pp_dimensions['containerWidth'] - 100 - navWidth) / itemWidth); |
|
||||
itemsPerPage = (itemsPerPage < pp_images.length) ? itemsPerPage : pp_images.length; |
|
||||
totalPage = Math.ceil(pp_images.length / itemsPerPage) - 1; |
|
||||
|
|
||||
// Hide the nav in the case there's no need for links
|
|
||||
if(totalPage == 0){ |
|
||||
navWidth = 0; // No nav means no width!
|
|
||||
$pp_gallery.find('.pp_arrow_next,.pp_arrow_previous').hide(); |
|
||||
}else{ |
|
||||
$pp_gallery.find('.pp_arrow_next,.pp_arrow_previous').show(); |
|
||||
}; |
|
||||
|
|
||||
galleryWidth = itemsPerPage * itemWidth; |
|
||||
fullGalleryWidth = pp_images.length * itemWidth; |
|
||||
|
|
||||
// Set the proper width to the gallery items
|
|
||||
$pp_gallery |
|
||||
.css('margin-left',-((galleryWidth/2) + (navWidth/2))) |
|
||||
.find('div:first').width(galleryWidth+5) |
|
||||
.find('ul').width(fullGalleryWidth) |
|
||||
.find('li.selected').removeClass('selected'); |
|
||||
|
|
||||
goToPage = (Math.floor(set_position/itemsPerPage) < totalPage) ? Math.floor(set_position/itemsPerPage) : totalPage; |
|
||||
|
|
||||
$.prettyPhoto.changeGalleryPage(goToPage); |
|
||||
|
|
||||
$pp_gallery_li.filter(':eq('+set_position+')').addClass('selected'); |
|
||||
}else{ |
|
||||
$pp_pic_holder.find('.pp_content').unbind('mouseenter mouseleave'); |
|
||||
// $pp_gallery.hide();
|
|
||||
} |
|
||||
} |
|
||||
|
|
||||
function _build_overlay(caller){ |
|
||||
// Inject Social Tool markup into General markup
|
|
||||
if(settings.social_tools) |
|
||||
facebook_like_link = settings.social_tools.replace('{location_href}', encodeURIComponent(location.href)); |
|
||||
|
|
||||
settings.markup = settings.markup.replace('{pp_social}',''); |
|
||||
|
|
||||
$('body').append(settings.markup); // Inject the markup
|
|
||||
|
|
||||
$pp_pic_holder = $('.pp_pic_holder') , $ppt = $('.ppt'), $pp_overlay = $('div.pp_overlay'); // Set my global selectors
|
|
||||
|
|
||||
// Inject the inline gallery!
|
|
||||
if(isSet && settings.overlay_gallery) { |
|
||||
currentGalleryPage = 0; |
|
||||
toInject = ""; |
|
||||
for (var i=0; i < pp_images.length; i++) { |
|
||||
if(!pp_images[i].match(/\b(jpg|jpeg|png|gif)\b/gi)){ |
|
||||
classname = 'default'; |
|
||||
img_src = ''; |
|
||||
}else{ |
|
||||
classname = ''; |
|
||||
img_src = pp_images[i]; |
|
||||
} |
|
||||
toInject += "<li class='"+classname+"'><a href='#'><img src='" + img_src + "' width='50' alt='' /></a></li>"; |
|
||||
}; |
|
||||
|
|
||||
toInject = settings.gallery_markup.replace(/{gallery}/g,toInject); |
|
||||
|
|
||||
$pp_pic_holder.find('#pp_full_res').after(toInject); |
|
||||
|
|
||||
$pp_gallery = $('.pp_pic_holder .pp_gallery'), $pp_gallery_li = $pp_gallery.find('li'); // Set the gallery selectors
|
|
||||
|
|
||||
$pp_gallery.find('.pp_arrow_next').click(function(){ |
|
||||
$.prettyPhoto.changeGalleryPage('next'); |
|
||||
$.prettyPhoto.stopSlideshow(); |
|
||||
return false; |
|
||||
}); |
|
||||
|
|
||||
$pp_gallery.find('.pp_arrow_previous').click(function(){ |
|
||||
$.prettyPhoto.changeGalleryPage('previous'); |
|
||||
$.prettyPhoto.stopSlideshow(); |
|
||||
return false; |
|
||||
}); |
|
||||
|
|
||||
$pp_pic_holder.find('.pp_content').hover( |
|
||||
function(){ |
|
||||
$pp_pic_holder.find('.pp_gallery:not(.disabled)').fadeIn(); |
|
||||
}, |
|
||||
function(){ |
|
||||
$pp_pic_holder.find('.pp_gallery:not(.disabled)').fadeOut(); |
|
||||
}); |
|
||||
|
|
||||
itemWidth = 52+5; // 52 beign the thumb width, 5 being the right margin.
|
|
||||
$pp_gallery_li.each(function(i){ |
|
||||
$(this) |
|
||||
.find('a') |
|
||||
.click(function(){ |
|
||||
$.prettyPhoto.changePage(i); |
|
||||
$.prettyPhoto.stopSlideshow(); |
|
||||
return false; |
|
||||
}); |
|
||||
}); |
|
||||
}; |
|
||||
|
|
||||
|
|
||||
// Inject the play/pause if it's a slideshow
|
|
||||
if(settings.slideshow){ |
|
||||
$pp_pic_holder.find('.pp_nav').prepend('<a href="#" class="pp_play">Play</a>') |
|
||||
$pp_pic_holder.find('.pp_nav .pp_play').click(function(){ |
|
||||
$.prettyPhoto.startSlideshow(); |
|
||||
return false; |
|
||||
}); |
|
||||
} |
|
||||
|
|
||||
$pp_pic_holder.attr('class','pp_pic_holder ' + settings.theme); // Set the proper theme
|
|
||||
|
|
||||
$pp_overlay |
|
||||
.css({ |
|
||||
'opacity':0, |
|
||||
'height':$(document).height(), |
|
||||
'width':$(window).width() |
|
||||
}) |
|
||||
.bind('click',function(){ |
|
||||
if(!settings.modal) $.prettyPhoto.close(); |
|
||||
}); |
|
||||
|
|
||||
$('a.pp_close').bind('click',function(){ $.prettyPhoto.close(); return false; }); |
|
||||
|
|
||||
|
|
||||
if(settings.allow_expand) { |
|
||||
$('a.pp_expand').bind('click',function(e){ |
|
||||
// Expand the image
|
|
||||
if($(this).hasClass('pp_expand')){ |
|
||||
$(this).removeClass('pp_expand').addClass('pp_contract'); |
|
||||
doresize = false; |
|
||||
}else{ |
|
||||
$(this).removeClass('pp_contract').addClass('pp_expand'); |
|
||||
doresize = true; |
|
||||
}; |
|
||||
|
|
||||
_hideContent(function(){ $.prettyPhoto.open(); }); |
|
||||
|
|
||||
return false; |
|
||||
}); |
|
||||
} |
|
||||
|
|
||||
$pp_pic_holder.find('.pp_previous, .pp_nav .pp_arrow_previous').bind('click',function(){ |
|
||||
$.prettyPhoto.changePage('previous'); |
|
||||
$.prettyPhoto.stopSlideshow(); |
|
||||
return false; |
|
||||
}); |
|
||||
|
|
||||
$pp_pic_holder.find('.pp_next, .pp_nav .pp_arrow_next').bind('click',function(){ |
|
||||
$.prettyPhoto.changePage('next'); |
|
||||
$.prettyPhoto.stopSlideshow(); |
|
||||
return false; |
|
||||
}); |
|
||||
|
|
||||
_center_overlay(); // Center it
|
|
||||
}; |
|
||||
|
|
||||
if(!pp_alreadyInitialized && getHashtag()){ |
|
||||
pp_alreadyInitialized = true; |
|
||||
|
|
||||
// Grab the rel index to trigger the click on the correct element
|
|
||||
hashIndex = getHashtag(); |
|
||||
hashRel = hashIndex; |
|
||||
hashIndex = hashIndex.substring(hashIndex.indexOf('/')+1,hashIndex.length-1); |
|
||||
hashRel = hashRel.substring(0,hashRel.indexOf('/')); |
|
||||
|
|
||||
// Little timeout to make sure all the prettyPhoto initialize scripts has been run.
|
|
||||
// Useful in the event the page contain several init scripts.
|
|
||||
setTimeout(function(){ $("a["+pp_settings.hook+"^='"+hashRel+"']:eq("+hashIndex+")").trigger('click'); },50); |
|
||||
} |
|
||||
|
|
||||
return this.unbind('click.prettyphoto').bind('click.prettyphoto',$.prettyPhoto.initialize); // Return the jQuery object for chaining. The unbind method is used to avoid click conflict when the plugin is called more than once
|
|
||||
}; |
|
||||
|
|
||||
function getHashtag(){ |
|
||||
var url = location.href; |
|
||||
hashtag = (url.indexOf('#prettyPhoto') !== -1) ? decodeURI(url.substring(url.indexOf('#prettyPhoto')+1,url.length)) : false; |
|
||||
|
|
||||
return hashtag; |
|
||||
}; |
|
||||
|
|
||||
function setHashtag(){ |
|
||||
if(typeof theRel == 'undefined') return; // theRel is set on normal calls, it's impossible to deeplink using the API
|
|
||||
location.hash = theRel + '/'+rel_index+'/'; |
|
||||
}; |
|
||||
|
|
||||
function clearHashtag(){ |
|
||||
if ( location.href.indexOf('#prettyPhoto') !== -1 ) location.hash = "prettyPhoto"; |
|
||||
} |
|
||||
|
|
||||
function getParam(name,url){ |
|
||||
name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]"); |
|
||||
var regexS = "[\\?&]"+name+"=([^&#]*)"; |
|
||||
var regex = new RegExp( regexS ); |
|
||||
var results = regex.exec( url ); |
|
||||
return ( results == null ) ? "" : results[1]; |
|
||||
} |
|
||||
|
|
||||
})(jQuery); |
|
||||
|
|
||||
var pp_alreadyInitialized = false; // Used for the deep linking to make sure not to call the same function several times.
|
|
@ -0,0 +1,93 @@ |
|||||
|
{% if april == 2021 %} |
||||
|
<script type="text/javascript" charset="utf-8"> |
||||
|
function rotace(vektor, uhel_deg) { |
||||
|
var uhel = uhel_deg *(Math.PI / 180); |
||||
|
var x = vektor[0]; |
||||
|
var y = vektor[1]; |
||||
|
return [x*Math.cos(uhel) - y*Math.sin(uhel), x*Math.sin(uhel) + y*Math.cos(uhel)]; |
||||
|
} |
||||
|
|
||||
|
function rotace_a_posun(obj, uhel) { |
||||
|
var ow = obj.width(); |
||||
|
var oh = obj.height(); |
||||
|
|
||||
|
var rohy = [[0,0], [0,oh], [ow, 0], [ow, oh]]; |
||||
|
var minx = 0; |
||||
|
var miny = 0; |
||||
|
for (var roh of rohy) { |
||||
|
var otoceny = rotace(roh, uhel); |
||||
|
if (otoceny[0] < minx) { |
||||
|
minx = otoceny[0]; |
||||
|
} |
||||
|
if (otoceny[1] < miny) { |
||||
|
miny = otoceny[1]; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
miny *= -1; |
||||
|
minx *= -1; |
||||
|
|
||||
|
var transf_str = "translateX("+minx+"px) translateY("+miny+"px) rotate("+uhel+"deg)"; |
||||
|
obj.css('transform-origin', 'top left'); |
||||
|
obj.css('transform', transf_str); |
||||
|
} |
||||
|
|
||||
|
function randomUhel() { |
||||
|
return Math.floor(360*Math.random()); |
||||
|
} |
||||
|
|
||||
|
$('.kontejner').css('margin', 0); |
||||
|
rotace_a_posun($('.kontejner'), randomUhel()); |
||||
|
</script> |
||||
|
{% endif %} |
||||
|
|
||||
|
|
||||
|
|
||||
|
{% if april == 2023 %} |
||||
|
<script> |
||||
|
{# By https://stackoverflow.com/a/34559316 #} |
||||
|
function walkText(node) { |
||||
|
if (node.nodeType == 3) { |
||||
|
node.data = node.data.replace(/M&M/g, "M💘M"); |
||||
|
} |
||||
|
if (node.nodeType == 1 && node.nodeName != "SCRIPT") { |
||||
|
for (var i = 0; i < node.childNodes.length; i++) { |
||||
|
walkText(node.childNodes[i]); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
walkText(document.body); |
||||
|
</script> |
||||
|
{% endif %} |
||||
|
|
||||
|
|
||||
|
|
||||
|
{% if april == 2024 %} |
||||
|
<script> |
||||
|
{# By https://stackoverflow.com/a/34559316 #} |
||||
|
function walkText(node) { |
||||
|
if (node.nodeType == 3) { |
||||
|
node.data = node.data.replace(/M&M/g, "W8W"); |
||||
|
} |
||||
|
if (node.nodeType == 1 && node.nodeName != "SCRIPT") { |
||||
|
for (var i = 0; i < node.childNodes.length; i++) { |
||||
|
walkText(node.childNodes[i]); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
walkText(document.body); |
||||
|
</script> |
||||
|
{% endif %} |
||||
|
|
||||
|
|
||||
|
|
||||
|
{% if halloween == 2024 %} |
||||
|
<script> |
||||
|
function printHalloween() { |
||||
|
console.log("Halloween 2024"); |
||||
|
body = document.getElementsByTagName('body')[0]; |
||||
|
body.style.fontFamily = 'GhoulFace'; |
||||
|
} |
||||
|
window.onload = printHalloween; |
||||
|
</script> |
||||
|
{% endif %} |
@ -0,0 +1,3 @@ |
|||||
|
""" |
||||
|
Obsahuje vše okolo novinek (zpráv „Co je nového?“ na titulní straně). |
||||
|
""" |