making the website usable

removing useless stuff, beautifying code and setting it to dark mode
This commit is contained in:
Nils 2019-08-31 02:42:50 +02:00
parent c9ed3b5fc8
commit 6a630adcb7
13 changed files with 5621 additions and 803 deletions

View File

@ -1,4 +1,4 @@
# webdriverinstaller # webdriverinstaller
parody site for web driver installers <br> parody site for web driver installers <br>
made it ages ago, trying to conserve it <br> made it ages ago, trying to conserve it, dont expect too much off it <br>
can be seen live at https://byreqz.github.io/webdriverinstaller can be seen live at https://byreqz.github.io/webdriverinstaller

View File

@ -1,9 +0,0 @@
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
<html><head>
<title>404 Not Found</title>
</head><body>
<h1>Not Found</h1>
<p>The requested URL /css/BebasNeue-webfont.woff was not found on this server.</p>
<hr>
<address>Apache/2.4.10 (Debian) Server at downloadmoreram.com Port 80</address>
</body></html>

View File

@ -1,9 +0,0 @@
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
<html><head>
<title>404 Not Found</title>
</head><body>
<h1>Not Found</h1>
<p>The requested URL /css/BebasNeue-webfont.ttf was not found on this server.</p>
<hr>
<address>Apache/2.4.10 (Debian) Server at downloadmoreram.com Port 80</address>
</body></html>

View File

@ -1,9 +0,0 @@
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
<html><head>
<title>404 Not Found</title>
</head><body>
<h1>Not Found</h1>
<p>The requested URL /css/BebasNeue-webfont.svg was not found on this server.</p>
<hr>
<address>Apache/2.4.10 (Debian) Server at downloadmoreram.com Port 80</address>
</body></html>

View File

@ -1,9 +0,0 @@
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
<html><head>
<title>404 Not Found</title>
</head><body>
<h1>Not Found</h1>
<p>The requested URL /css/BebasNeue-webfont.eot was not found on this server.</p>
<hr>
<address>Apache/2.4.10 (Debian) Server at downloadmoreram.com Port 80</address>
</body></html>

View File

@ -1,9 +0,0 @@
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
<html><head>
<title>404 Not Found</title>
</head><body>
<h1>Not Found</h1>
<p>The requested URL /css/BebasNeue-webfont.eot was not found on this server.</p>
<hr>
<address>Apache/2.4.10 (Debian) Server at downloadmoreram.com Port 80</address>
</body></html>

View File

@ -1,9 +0,0 @@
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
<html><head>
<title>404 Not Found</title>
</head><body>
<h1>Not Found</h1>
<p>The requested URL /css/portfolio.css was not found on this server.</p>
<hr>
<address>Apache/2.4.10 (Debian) Server at downloadmoreram.com Port 80</address>
</body></html>

View File

@ -5,37 +5,104 @@ License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/ License URL: http://creativecommons.org/licenses/by/3.0/
*/ */
/* reset */ /* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;} html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;} margin: 0;
ol,ul{list-style:none;margin:0;padding:0;} padding: 0;
blockquote,q{quotes:none;} border: 0;
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;} font-size: 100%;
table{border-collapse:collapse;border-spacing:0;} font: inherit;
vertical-align: baseline;
background: #222222;
color: #FFFFFF;
}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {
display: block;
}
ol,ul {
list-style: none;
margin: 0;
padding: 0;
}
blockquote,q {
quotes: none;
}
blockquote:before,blockquote:after,q:before,q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* start editing from here */ /* start editing from here */
a{text-decoration:none; a {
text-decoration: none;
outline: none; outline: none;
} }
a img {outline : none;}
.txt-rt{text-align:right;}/* text align right */ a img {
.txt-lt{text-align:left;}/* text align left */ outline: none;
.txt-center{text-align:center;}/* text align center */ }
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */ .txt-rt {
.clear{clear:both;}/* clear float */ text-align: right;
.pos-relative{position:relative;}/* Position Relative */ }/* text align right */
.pos-absolute{position:absolute;}/* Position Absolute */ .txt-lt {
.vertical-base{ vertical-align:baseline;}/* vertical align baseline */ text-align: left;
.vertical-top{ vertical-align:top;}/* vertical align top */ }/* text align left */
.underline{ padding-bottom:5px; border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */ .txt-center {
nav.vertical ul li{ display:block;}/* vertical menu */ text-align: center;
nav.horizontal ul li{ display: inline-block;}/* horizontal menu */ }/* text align center */
img{max-width:100%;} .float-rt {
img{max-height:100%} float: right;
}/* float right */
.float-lt {
float: left;
}/* float left */
.clear {
clear: both;
}/* clear float */
.pos-relative {
position: relative;
}/* Position Relative */
.pos-absolute {
position: absolute;
}/* Position Absolute */
.vertical-base {
vertical-align: baseline;
}/* vertical align baseline */
.vertical-top {
vertical-align: top;
}/* vertical align top */
.underline {
padding-bottom: 5px;
border-bottom: 1px solid #eee;
margin: 0 0 20px 0;
}/* Add 5px bottom padding and a underline */
nav.vertical ul li {
display: block;
}/* vertical menu */
nav.horizontal ul li {
display: inline-block;
}/* horizontal menu */
img {
max-width: 100%;
}
img {
max-height: 100%
}
/*end reset*/ /*end reset*/
body { body {
font-family: 'Open Sans', sans-serif; font-family: 'Open Sans', sans-serif;
background:#ffffff; background: #222222;
} }
.wrap { .wrap {
width: 80%; width: 80%;
margin: 0px auto; margin: 0px auto;
@ -49,6 +116,7 @@ body {
border-bottom: 2px ridge rgba(71, 86, 97, 0.65); border-bottom: 2px ridge rgba(71, 86, 97, 0.65);
position: fixed; position: fixed;
} }
.logo { .logo {
padding: 0.7em 0em 0em; padding: 0.7em 0em 0em;
} }
@ -58,6 +126,7 @@ body {
width: 100%; width: 100%;
position: relative; position: relative;
} }
#topnav #navbtn { #topnav #navbtn {
display: none; display: none;
float: right; float: right;
@ -73,14 +142,17 @@ body {
top: -67px; top: -67px;
right: -10px; right: -10px;
} }
#topnav nav ul { #topnav nav ul {
list-style: none; list-style: none;
} }
#topnav nav ul li { #topnav nav ul li {
display: block; display: block;
float: left; float: left;
margin-right: 20px; margin-right: 20px;
} }
#topnav nav ul li a { #topnav nav ul li a {
display: block; display: block;
font-size: 1em; font-size: 1em;
@ -92,54 +164,71 @@ body {
-o-transition: 0.5s all; -o-transition: 0.5s all;
font-weight: 600; font-weight: 600;
} }
#topnav nav ul li a:hover { #topnav nav ul li a:hover {
color: #fff; color: #fff;
text-shadow: none; text-shadow: none;
} }
#btmnav nav { padding: 9px 0; padding-bottom: 15px; }
#btmnav nav ul li { display: inline; } #btmnav nav {
#btmnav nav ul li a { font-weight: bold; } padding: 9px 0;
padding-bottom: 15px;
}
#btmnav nav ul li {
display: inline;
}
#btmnav nav ul li a {
font-weight: bold;
}
/*banner*/ /*banner*/
.banner { .banner {
background: #eeeeee; background: #1e1e1e;
margin-top: -5px; margin-top: -5px;
text-align: center; text-align: center;
padding: 9% 0; padding: 9% 0;
} }
.banner img { .banner img {
cursor: pointer; cursor: pointer;
} }
.banner h2 { .banner h2 {
color: #000; color: #FFF;
font-size: 2.5em; font-size: 2.5em;
font-weight: 300; font-weight: 300;
padding-top: 1.5%; padding-top: 1.5%;
} }
.banner p { .banner p {
color: #000; color: #FFF;
font-size: 1.5em; font-size: 1.5em;
font-weight: 300; font-weight: 300;
padding-bottom: 1%; padding-bottom: 1%;
} }
/*about*/ /*about*/
.about { .about {
background: #fff; background: #1e1e1e;
margin-top: -5px; margin-top: -5px;
text-align: center; text-align: center;
padding: 9% 0; padding: 9% 0;
} }
.about img { .about img {
cursor: pointer; cursor: pointer;
} }
.about h3 { .about h3 {
color: #777; color: #777;
font-size: 2.5em; font-size: 2.5em;
font-weight: 300; font-weight: 300;
padding-bottom: 1%; padding-bottom: 1%;
} }
.about p { .about p {
width: 78%; width: 78%;
color: #000; color: #FFF;
font-size: 0.8755em; font-size: 0.8755em;
font-weight: 300; font-weight: 300;
padding-bottom: 0.3%; padding-bottom: 0.3%;
@ -147,18 +236,20 @@ body {
margin: 0 auto; margin: 0 auto;
line-height: 1.9em; line-height: 1.9em;
} }
#about > div > p:nth-child(2) { #about > div > p:nth-child(2) {
padding-bottom: 2%; padding-bottom: 2%;
} }
/***************start-service************/ /***************start-service************/
#download { #download {
background:#FFFFFF; background: #222222;
text-align: center; text-align: center;
padding: 9% 0; padding: 9% 0;
} }
.team-grids p { .team-grids p {
width: 78%; width: 78%;
color: #000; color: #FFF;
font-size: 0.8755em; font-size: 0.8755em;
font-weight: 300; font-weight: 300;
padding-bottom: 1.3%; padding-bottom: 1.3%;
@ -166,31 +257,38 @@ body {
margin: 0 auto; margin: 0 auto;
line-height: 1.9em; line-height: 1.9em;
} }
.team-grids h2 { .team-grids h2 {
color: #777; color: #777;
font-size: 2.5em; font-size: 2.5em;
font-weight: 300; font-weight: 300;
} }
.middle-grids { .middle-grids {
margin: 2em 0; margin: 2em 0;
} }
.section { .section {
clear: both; clear: both;
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
} }
.images_1_of_4 { .images_1_of_4 {
display: block; display: block;
float: left; float: left;
margin-left: 3%; margin-left: 3%;
text-align: center; text-align: center;
} }
.images_1_of_4:first-child { .images_1_of_4:first-child {
margin-left: 0; margin-left: 0;
} }
.images_1_of_4 { .images_1_of_4 {
width: 21.6%; width: 21.6%;
} }
.images_1_of_4 a.radius img { .images_1_of_4 a.radius img {
max-width: 90%; max-width: 90%;
cursor: pointer; cursor: pointer;
@ -200,15 +298,18 @@ body {
-moz-transition: 0.5s all; -moz-transition: 0.5s all;
-o-transition: 0.5s all; -o-transition: 0.5s all;
} }
.images_1_of_4 a img:hover { .images_1_of_4 a img:hover {
opacity: 0.7; opacity: 0.7;
} }
.images_1_of_4 h3 { .images_1_of_4 h3 {
color: #777; color: #777;
font-size: 1.5em; font-size: 1.5em;
font-weight: 400; font-weight: 400;
padding: 0.2em 0em 0.3em 0em; padding: 0.2em 0em 0.3em 0em;
} }
.images_1_of_4 p { .images_1_of_4 p {
font-size: 0.8755em; font-size: 0.8755em;
font-weight: 300; font-weight: 300;
@ -222,6 +323,7 @@ body {
.portfolios { .portfolios {
font-family: 'Open Sans', sans-serif; font-family: 'Open Sans', sans-serif;
} }
.portfoli1 { .portfoli1 {
text-align: center; text-align: center;
background: #ffffff; background: #ffffff;
@ -243,12 +345,14 @@ body {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-o-box-sizing: border-box; -o-box-sizing: border-box;
} }
#info .info-wrapper { #info .info-wrapper {
padding: 10px; padding: 10px;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-o-box-sizing: border-box; -o-box-sizing: border-box;
} }
#info a { #info a {
color: #c09853; color: #c09853;
text-decoration: none; text-decoration: none;
@ -257,6 +361,7 @@ body {
#info p { #info p {
margin: 5px 0 0 0; margin: 5px 0 0 0;
} }
.container { .container {
position: relative; position: relative;
-webkit-transition: all 1s ease; -webkit-transition: all 1s ease;
@ -264,15 +369,18 @@ body {
-o-transition: all 1s ease; -o-transition: all 1s ease;
transition: all 1s ease; transition: all 1s ease;
} }
#filters { #filters {
margin: 4%; margin: 4%;
padding: 0; padding: 0;
list-style: none; list-style: none;
} }
#filters li { #filters li {
display: inline-block; display: inline-block;
margin-right: 20px; margin-right: 20px;
} }
#filters li span { #filters li span {
font-size: 1em; font-size: 1em;
display: block; display: block;
@ -287,9 +395,11 @@ body {
-moz-transition: 0.5s all; -moz-transition: 0.5s all;
-o-transition: 0.5s all; -o-transition: 0.5s all;
} }
#filters li span.active,#filters li span:hover { #filters li span.active,#filters li span:hover {
border: 1px solid #2C3E50; border: 1px solid #2C3E50;
} }
#portfoliolist .portfolio { #portfoliolist .portfolio {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
@ -306,6 +416,7 @@ body {
position: relative !important; position: relative !important;
cursor: pointer; cursor: pointer;
} }
.portfolio img { .portfolio img {
top: 0px !important; top: 0px !important;
width: 100%; width: 100%;
@ -317,12 +428,14 @@ body {
-moz-transition: all 300ms!important; -moz-transition: all 300ms!important;
margin-bottom: -5px; margin-bottom: -5px;
} }
.portfolio .label { .portfolio .label {
position: absolute; position: absolute;
width: 100%; width: 100%;
bottom: -40px; bottom: -40px;
height: 40px; height: 40px;
} }
.portfolio .label-bg { .portfolio .label-bg {
background: #9A9A9A; background: #9A9A9A;
width: 100%; width: 100%;
@ -331,24 +444,33 @@ body {
top: 0px; top: 0px;
left: 0; left: 0;
} }
.portfolio .label-text { .portfolio .label-text {
color: #fff; color: #fff;
position: relative; position: relative;
z-index: 500; z-index: 500;
padding: 5px 8px; padding: 5px 8px;
} }
.portfolio .label-text p { .portfolio .label-text p {
color: #fff; color: #fff;
font-size: 1em; font-size: 1em;
text-align: left; text-align: left;
} }
.portfolio .text-category { .portfolio .text-category {
display: block; display: block;
font-size: 1.5em; font-size: 1.5em;
text-align: left; text-align: left;
} }
/* Self Clearing Goodness */ /* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } .container:after {
content: "\0020";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix:before, .clearfix:before,
.clearfix:after, .clearfix:after,
@ -359,13 +481,18 @@ body {
overflow: hidden; overflow: hidden;
visibility: hidden; visibility: hidden;
width: 0; width: 0;
height: 0; } height: 0;
}
.row:after, .row:after,
.clearfix:after { .clearfix:after {
clear: both; } clear: both;
}
.row, .row,
.clearfix { .clearfix {
zoom: 1; } zoom: 1;
}
.clear { .clear {
clear: both; clear: both;
@ -381,15 +508,17 @@ body {
text-align: center; text-align: center;
padding: 9% 0; padding: 9% 0;
} }
.contact h3 { .contact h3 {
color: #777; color: #777;
font-size: 2.5em; font-size: 2.5em;
font-weight: 300; font-weight: 300;
padding-bottom: 1%; padding-bottom: 1%;
} }
.contact p { .contact p {
width: 78%; width: 78%;
color: #000; color: #FFF;
font-size: 0.8755em; font-size: 0.8755em;
font-weight: 300; font-weight: 300;
padding-bottom: 0.3%; padding-bottom: 0.3%;
@ -402,12 +531,15 @@ body {
width: 50%; width: 50%;
margin: 0 auto; margin: 0 auto;
} }
.contact_form span { .contact_form span {
float: left; float: left;
width: 100%; width: 100%;
} }
.contact_form span.left { .contact_form span.left {
} }
.contact_form input[type="text"], .contact_form textarea { .contact_form input[type="text"], .contact_form textarea {
font-family: 'Open Sans', sans-serif; font-family: 'Open Sans', sans-serif;
background: #FFFFFF; background: #FFFFFF;
@ -430,15 +562,18 @@ body {
-o-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
} }
.contact_form input[type="text"]:hover,.contact_form textarea:hover { .contact_form input[type="text"]:hover,.contact_form textarea:hover {
border: 1px solid #2C3E50; border: 1px solid #2C3E50;
} }
.contact_form textarea { .contact_form textarea {
margin: 3% 0; margin: 3% 0;
resize: none; resize: none;
height: 120px; height: 120px;
width: 97%; width: 97%;
} }
.contact_form input[type="submit"] { .contact_form input[type="submit"] {
font-family: 'Open Sans', sans-serif; font-family: 'Open Sans', sans-serif;
-webkit-appearance: none; -webkit-appearance: none;
@ -459,32 +594,40 @@ body {
-o-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
} }
.contact_form input[type="submit"]:hover { .contact_form input[type="submit"]:hover {
color: #fff; color: #fff;
background: #333; background: #333;
} }
#contact > div > p { #contact > div > p {
margin-bottom: 3%; margin-bottom: 3%;
} }
.footer-bottom { .footer-bottom {
padding: 2% 0; padding: 2% 0;
} }
.nav { .nav {
text-align: center; text-align: center;
} }
.nav ul li { .nav ul li {
display: inline-block; display: inline-block;
margin-right: -17px; margin-right: -17px;
width: 86px; width: 86px;
} }
.nav ul li span { .nav ul li span {
display: inline-block; display: inline-block;
margin-left: 10px; margin-left: 10px;
color: #777; color: #777;
} }
body > div.footer-bottom > div > div > ul > li:nth-child(5) { body > div.footer-bottom > div > div > ul > li:nth-child(5) {
margin-left: 20px; margin-left: 20px;
} }
.nav ul li a { .nav ul li a {
font-size: 0.8755em; font-size: 0.8755em;
color: #777; color: #777;
@ -493,18 +636,22 @@ body > div.footer-bottom > div > div > ul > li:nth-child(5) {
-moz-transition: 0.5s all; -moz-transition: 0.5s all;
-o-transition: 0.5s all; -o-transition: 0.5s all;
} }
.nav ul li a:hover { .nav ul li a:hover {
color: #2C3E50; color: #2C3E50;
} }
.copy-right { .copy-right {
text-align: center; text-align: center;
} }
.copy-right p { .copy-right p {
font-family: 'Open Sans', sans-serif; font-family: 'Open Sans', sans-serif;
font-size: 0.8755em; font-size: 0.8755em;
color: #777; color: #777;
margin-top: 1%; margin-top: 1%;
} }
.copy-right p a { .copy-right p a {
color: #2C3E50; color: #2C3E50;
transition: 0.5s all; transition: 0.5s all;
@ -512,9 +659,11 @@ body > div.footer-bottom > div > div > ul > li:nth-child(5) {
-moz-transition: 0.5s all; -moz-transition: 0.5s all;
-o-transition: 0.5s all; -o-transition: 0.5s all;
} }
.copy-right p a:hover { .copy-right p a:hover {
color: #777; color: #777;
} }
#toTop { #toTop {
display: none; display: none;
text-decoration: none; text-decoration: none;
@ -533,63 +682,82 @@ body > div.footer-bottom > div > div > ul > li:nth-child(5) {
.wrap { .wrap {
width: 95%; width: 95%;
} }
#portfoliolist .portfolio { #portfoliolist .portfolio {
width: 30.1%; width: 30.1%;
} }
} }
@media only screen and (max-width: 1280px) { @media only screen and (max-width: 1280px) {
.wrap { .wrap {
width: 95%; width: 95%;
} }
} }
@media only screen and (max-width: 1024px) { @media only screen and (max-width: 1024px) {
.wrap { .wrap {
width: 95%; width: 95%;
} }
.banner h2,.about h3,.team-grids h2,.portfoli1 h5,.contact h3 { .banner h2,.about h3,.team-grids h2,.portfoli1 h5,.contact h3 {
font-size: 2em; font-size: 2em;
} }
.banner p { .banner p {
font-size: 1.3em; font-size: 1.3em;
} }
body > div.footer-bottom > div > div > ul > li:nth-child(5) { body > div.footer-bottom > div > div > ul > li:nth-child(5) {
margin-left: 0px; margin-left: 0px;
} }
.images_1_of_4 h3 { .images_1_of_4 h3 {
font-size: 1.3em; font-size: 1.3em;
} }
.contact_form input[type="text"], .contact_form textarea { .contact_form input[type="text"], .contact_form textarea {
width: 95%; width: 95%;
} }
} }
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {
.wrap { .wrap {
width: 95%; width: 95%;
} }
.banner h2,.about h3,.team-grids h2,.portfoli1 h5,.contact h3 { .banner h2,.about h3,.team-grids h2,.portfoli1 h5,.contact h3 {
font-size: 1.5em; font-size: 1.5em;
} }
.banner p { .banner p {
font-size: 1em; font-size: 1em;
} }
.images_1_of_4 { .images_1_of_4 {
width: 47%; width: 47%;
margin-top: 3%; margin-top: 3%;
} }
.logo { .logo {
padding: 0.7em 0em; padding: 0.7em 0em;
} }
.h_logo3 { .h_logo3 {
width: 22.333%; width: 22.333%;
float: none; float: none;
} }
#topnav #navbtn { #topnav #navbtn {
float: none; float: none;
position: absolute; position: absolute;
right: 0; right: 0;
top: -45px; top: -45px;
} }
#topnav { height: auto; }
#topnav {
height: auto;
}
#topnav nav { #topnav nav {
display: none; display: none;
position: static; position: static;
@ -597,7 +765,13 @@ body > div.footer-bottom > div > div > ul > li:nth-child(5) {
top: auto; top: auto;
right: auto; right: auto;
} }
#topnav nav ul li { float: none; margin: 0; background: #35485A;}
#topnav nav ul li {
float: none;
margin: 0;
background: #35485A;
}
#topnav nav ul li a { #topnav nav ul li a {
display: block; display: block;
width: 100%; width: 100%;
@ -614,10 +788,12 @@ body > div.footer-bottom > div > div > ul > li:nth-child(5) {
-o-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; transition: all 0.3s ease-out;
} }
#topnav nav ul li a:hover { #topnav nav ul li a:hover {
background: #B3B3B3; background: #B3B3B3;
color: #ffffff; color: #ffffff;
} }
#topnav nav ul li a.sel { #topnav nav ul li a.sel {
color: #6f8767; color: #6f8767;
background: #cbdcc5; background: #cbdcc5;
@ -626,34 +802,43 @@ body > div.footer-bottom > div > div > ul > li:nth-child(5) {
#topnav #navbtn { #topnav #navbtn {
display: block; display: block;
} }
.images_1_of_4 a.radius img { .images_1_of_4 a.radius img {
width: 70%; width: 70%;
} }
} }
@media only screen and (max-width: 640px) { @media only screen and (max-width: 640px) {
.wrap { .wrap {
width: 95%; width: 95%;
} }
#filters li { #filters li {
margin-right: 6px; margin-right: 6px;
} }
#filters li span { #filters li span {
font-size: 0.82355em; font-size: 0.82355em;
} }
.portfolio .text-category { .portfolio .text-category {
font-size: 1.2em; font-size: 1.2em;
} }
.contact_form textarea { .contact_form textarea {
height: 83px; height: 83px;
} }
.contact_form input[type="submit"] { .contact_form input[type="submit"] {
padding: 10px 19px; padding: 10px 19px;
font-size: 0.82355em; font-size: 0.82355em;
} }
.images_1_of_4 h3 { .images_1_of_4 h3 {
font-size: 1em; font-size: 1em;
} }
#topnav #navbtn { #topnav #navbtn {
top: -40px; top: -40px;
} }
@ -664,78 +849,95 @@ body > div.footer-bottom > div > div > ul > li:nth-child(5) {
.wrap { .wrap {
width: 95%; width: 95%;
} }
#filters li span { #filters li span {
padding: 6px 18px; padding: 6px 18px;
} }
.banner { .banner {
padding-top: 150px; padding-top: 150px;
} }
.banner h2,.about h3,.team-grids h2,.portfoli1 h5,.contact h3 { .banner h2,.about h3,.team-grids h2,.portfoli1 h5,.contact h3 {
font-size: 1.2em; font-size: 1.2em;
} }
.banner p { .banner p {
font-size: 0.9em; font-size: 0.9em;
} }
.portfolio .text-category { .portfolio .text-category {
font-size: 1em; font-size: 1em;
} }
.contact_form input[type="text"], .contact_form textarea { .contact_form input[type="text"], .contact_form textarea {
padding: 6px; padding: 6px;
} }
.contact_form textarea { .contact_form textarea {
height: 60px; height: 60px;
} }
#topnav #navbtn { #topnav #navbtn {
top: -143px; top: -143px;
} }
.images_1_of_4 a.radius img { .images_1_of_4 a.radius img {
width: 60%; width: 60%;
} }
} }
@media only screen and (max-width: 320px) { @media only screen and (max-width: 320px) {
.wrap { .wrap {
width: 95%; width: 95%;
} }
.images_1_of_4 { .images_1_of_4 {
width: 100%; width: 100%;
} }
#filters li span { #filters li span {
padding: 2px 4px; padding: 2px 4px;
} }
#portfoliolist .portfolio { #portfoliolist .portfolio {
width: 46.7%; width: 46.7%;
} }
.contact_form textarea { .contact_form textarea {
height: 43px; height: 43px;
} }
.nav { .nav {
display: none; display: none;
} }
body > div.footer-bottom > div > div.nav > ul > li:nth-child(1) { body > div.footer-bottom > div > div.nav > ul > li:nth-child(1) {
margin-left: -27px; margin-left: -27px;
} }
.copy-right p { .copy-right p {
line-height: 1.8em; line-height: 1.8em;
} }
.contact_form { .contact_form {
width: 80%; width: 80%;
} }
.contact_form input[type="text"], .contact_form textarea { .contact_form input[type="text"], .contact_form textarea {
width: 94%; width: 94%;
} }
.images_1_of_4 a.radius img { .images_1_of_4 a.radius img {
width: 50%; width: 50%;
} }
#topnav #navbtn { #topnav #navbtn {
top: -40px; top: -40px;
} }
} }
.gridCell { .gridCell {
float: left; float: left;
text-align: center; text-align: center;
@ -770,7 +972,8 @@ body > div.footer-bottom > div > div > ul > li:nth-child(5) {
.allGrids { .allGrids {
text-align: center; text-align: center;
position: relative; position: relative;
padding-bottom: 56.25%; /* 16:9 */ padding-bottom: 56.25%;
/* 16:9 */
padding-top: 25px; padding-top: 25px;
text-align: center; text-align: center;
height: 0; height: 0;
@ -781,6 +984,7 @@ margin: 0 auto;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
.error { .error {
border: 1px solid; border: 1px solid;
padding: 18px; padding: 18px;
@ -804,15 +1008,15 @@ margin: 0 auto;
top: -5px; top: -5px;
left: 0px; left: 0px;
} }
.pbimg img { .pbimg img {
border: 0px; border: 0px;
} }
/* Empty classes in case you want to change the look of the pagination and sort */ /* Empty classes in case you want to change the look of the pagination and sort */
.count a, .sortLinks a { .count a, .sortLinks a {
} }
.sortLinks {
.sortLinks {
} }
/* Used to stop product grids from floating to the left (at the end of the grid) */ /* Used to stop product grids from floating to the left (at the end of the grid) */
.clearMe { .clearMe {
@ -832,16 +1036,23 @@ margin: 0 auto;
clear: both; clear: both;
visibility: hidden; visibility: hidden;
} }
.clearfix {display: inline-block;}
.clearfix {
display: inline-block;
}
/* Hides from IE-mac \*/ /* Hides from IE-mac \*/
* html .clearfix {height: 1%;} * html .clearfix {
.clearfix {display: block;} height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */ /* End hide from IE-mac */
/* Empty class in case you want to style the currently selected page number */ /* Empty class in case you want to style the currently selected page number */
.current { .current {
} }
/* The product description text. To show more than one line of the description, increase the height. */ /* The product description text. To show more than one line of the description, increase the height. */
.productDescription { .productDescription {
@ -871,12 +1082,14 @@ margin: 0 auto;
.videoWrapper { .videoWrapper {
position: relative; position: relative;
padding-bottom: 56.25%; /* 16:9 */ padding-bottom: 56.25%;
/* 16:9 */
padding-top: 25px; padding-top: 25px;
text-align: center; text-align: center;
height: 0; height: 0;
margin: 0 auto; margin: 0 auto;
} }
.videoWrapper iframe { .videoWrapper iframe {
position: absolute; position: absolute;
top: 0; top: 0;
@ -907,7 +1120,6 @@ margin: 0 auto;
height: 50px; height: 50px;
margin-bottom: 20px; margin-bottom: 20px;
margin-top: 20px; margin-top: 20px;
} }
@font-face { @font-face {
@ -919,8 +1131,8 @@ margin: 0 auto;
url('BebasNeue-webfont-4.html#BebasNeueRegular') format('svg'); url('BebasNeue-webfont-4.html#BebasNeueRegular') format('svg');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
#topbanner { #topbanner {
width: 50px; width: 50px;
height: 50px; height: 50px;

View File

@ -7,16 +7,207 @@
* *
* http://docs.jquery.com/UI * http://docs.jquery.com/UI
*/ */
(function(c,j){function k(a,b){var d=a.nodeName.toLowerCase();if("area"===d){b=a.parentNode;d=b.name;if(!a.href||!d||b.nodeName.toLowerCase()!=="map")return false;a=c("img[usemap=#"+d+"]")[0];return!!a&&l(a)}return(/input|select|textarea|button|object/.test(d)?!a.disabled:"a"==d?a.href||b:b)&&l(a)}function l(a){return!c(a).parents().andSelf().filter(function(){return c.curCSS(this,"visibility")==="hidden"||c.expr.filters.hidden(this)}).length}c.ui=c.ui||{};if(!c.ui.version){c.extend(c.ui,{version:"1.8.16", (function(c, j) {
keyCode:{ALT:18,BACKSPACE:8,CAPS_LOCK:20,COMMA:188,COMMAND:91,COMMAND_LEFT:91,COMMAND_RIGHT:93,CONTROL:17,DELETE:46,DOWN:40,END:35,ENTER:13,ESCAPE:27,HOME:36,INSERT:45,LEFT:37,MENU:93,NUMPAD_ADD:107,NUMPAD_DECIMAL:110,NUMPAD_DIVIDE:111,NUMPAD_ENTER:108,NUMPAD_MULTIPLY:106,NUMPAD_SUBTRACT:109,PAGE_DOWN:34,PAGE_UP:33,PERIOD:190,RIGHT:39,SHIFT:16,SPACE:32,TAB:9,UP:38,WINDOWS:91}});c.fn.extend({propAttr:c.fn.prop||c.fn.attr,_focus:c.fn.focus,focus:function(a,b){return typeof a==="number"?this.each(function(){var d= function k(a, b) {
this;setTimeout(function(){c(d).focus();b&&b.call(d)},a)}):this._focus.apply(this,arguments)},scrollParent:function(){var a;a=c.browser.msie&&/(static|relative)/.test(this.css("position"))||/absolute/.test(this.css("position"))?this.parents().filter(function(){return/(relative|absolute|fixed)/.test(c.curCSS(this,"position",1))&&/(auto|scroll)/.test(c.curCSS(this,"overflow",1)+c.curCSS(this,"overflow-y",1)+c.curCSS(this,"overflow-x",1))}).eq(0):this.parents().filter(function(){return/(auto|scroll)/.test(c.curCSS(this, var d = a.nodeName.toLowerCase();
"overflow",1)+c.curCSS(this,"overflow-y",1)+c.curCSS(this,"overflow-x",1))}).eq(0);return/fixed/.test(this.css("position"))||!a.length?c(document):a},zIndex:function(a){if(a!==j)return this.css("zIndex",a);if(this.length){a=c(this[0]);for(var b;a.length&&a[0]!==document;){b=a.css("position");if(b==="absolute"||b==="relative"||b==="fixed"){b=parseInt(a.css("zIndex"),10);if(!isNaN(b)&&b!==0)return b}a=a.parent()}}return 0},disableSelection:function(){return this.bind((c.support.selectstart?"selectstart": if ("area" === d) {
"mousedown")+".ui-disableSelection",function(a){a.preventDefault()})},enableSelection:function(){return this.unbind(".ui-disableSelection")}});c.each(["Width","Height"],function(a,b){function d(f,g,m,n){c.each(e,function(){g-=parseFloat(c.curCSS(f,"padding"+this,true))||0;if(m)g-=parseFloat(c.curCSS(f,"border"+this+"Width",true))||0;if(n)g-=parseFloat(c.curCSS(f,"margin"+this,true))||0});return g}var e=b==="Width"?["Left","Right"]:["Top","Bottom"],h=b.toLowerCase(),i={innerWidth:c.fn.innerWidth,innerHeight:c.fn.innerHeight, b = a.parentNode;
outerWidth:c.fn.outerWidth,outerHeight:c.fn.outerHeight};c.fn["inner"+b]=function(f){if(f===j)return i["inner"+b].call(this);return this.each(function(){c(this).css(h,d(this,f)+"px")})};c.fn["outer"+b]=function(f,g){if(typeof f!=="number")return i["outer"+b].call(this,f);return this.each(function(){c(this).css(h,d(this,f,true,g)+"px")})}});c.extend(c.expr[":"],{data:function(a,b,d){return!!c.data(a,d[3])},focusable:function(a){return k(a,!isNaN(c.attr(a,"tabindex")))},tabbable:function(a){var b=c.attr(a, d = b.name;
"tabindex"),d=isNaN(b);return(d||b>=0)&&k(a,!d)}});c(function(){var a=document.body,b=a.appendChild(b=document.createElement("div"));c.extend(b.style,{minHeight:"100px",height:"auto",padding:0,borderWidth:0});c.support.minHeight=b.offsetHeight===100;c.support.selectstart="onselectstart"in b;a.removeChild(b).style.display="none"});c.extend(c.ui,{plugin:{add:function(a,b,d){a=c.ui[a].prototype;for(var e in d){a.plugins[e]=a.plugins[e]||[];a.plugins[e].push([b,d[e]])}},call:function(a,b,d){if((b=a.plugins[b])&& if (!a.href || !d || b.nodeName.toLowerCase() !== "map") return false;
a.element[0].parentNode)for(var e=0;e<b.length;e++)a.options[b[e][0]]&&b[e][1].apply(a.element,d)}},contains:function(a,b){return document.compareDocumentPosition?a.compareDocumentPosition(b)&16:a!==b&&a.contains(b)},hasScroll:function(a,b){if(c(a).css("overflow")==="hidden")return false;b=b&&b==="left"?"scrollLeft":"scrollTop";var d=false;if(a[b]>0)return true;a[b]=1;d=a[b]>0;a[b]=0;return d},isOverAxis:function(a,b,d){return a>b&&a<b+d},isOver:function(a,b,d,e,h,i){return c.ui.isOverAxis(a,d,h)&& a = c("img[usemap=#" + d + "]")[0];
c.ui.isOverAxis(b,e,i)}})}})(jQuery); return !!a && l(a)
;/*! }
return (/input|select|textarea|button|object/.test(d) ? !a.disabled : "a" == d ? a.href || b : b) && l(a)
}
function l(a) {
return !c(a).parents().andSelf().filter(function() {
return c.curCSS(this, "visibility") === "hidden" || c.expr.filters.hidden(this)
}).length
}
c.ui = c.ui || {};
if (!c.ui.version) {
c.extend(c.ui, {
version: "1.8.16",
keyCode: {
ALT: 18,
BACKSPACE: 8,
CAPS_LOCK: 20,
COMMA: 188,
COMMAND: 91,
COMMAND_LEFT: 91,
COMMAND_RIGHT: 93,
CONTROL: 17,
DELETE: 46,
DOWN: 40,
END: 35,
ENTER: 13,
ESCAPE: 27,
HOME: 36,
INSERT: 45,
LEFT: 37,
MENU: 93,
NUMPAD_ADD: 107,
NUMPAD_DECIMAL: 110,
NUMPAD_DIVIDE: 111,
NUMPAD_ENTER: 108,
NUMPAD_MULTIPLY: 106,
NUMPAD_SUBTRACT: 109,
PAGE_DOWN: 34,
PAGE_UP: 33,
PERIOD: 190,
RIGHT: 39,
SHIFT: 16,
SPACE: 32,
TAB: 9,
UP: 38,
WINDOWS: 91
}
});
c.fn.extend({
propAttr: c.fn.prop || c.fn.attr,
_focus: c.fn.focus,
focus: function(a, b) {
return typeof a === "number" ? this.each(function() {
var d =
this;
setTimeout(function() {
c(d).focus();
b && b.call(d)
}, a)
}) : this._focus.apply(this, arguments)
},
scrollParent: function() {
var a;
a = c.browser.msie && /(static|relative)/.test(this.css("position")) || /absolute/.test(this.css("position")) ? this.parents().filter(function() {
return /(relative|absolute|fixed)/.test(c.curCSS(this, "position", 1)) && /(auto|scroll)/.test(c.curCSS(this, "overflow", 1) + c.curCSS(this, "overflow-y", 1) + c.curCSS(this, "overflow-x", 1))
}).eq(0) : this.parents().filter(function() {
return /(auto|scroll)/.test(c.curCSS(this,
"overflow", 1) + c.curCSS(this, "overflow-y", 1) + c.curCSS(this, "overflow-x", 1))
}).eq(0);
return /fixed/.test(this.css("position")) || !a.length ? c(document) : a
},
zIndex: function(a) {
if (a !== j) return this.css("zIndex", a);
if (this.length) {
a = c(this[0]);
for (var b; a.length && a[0] !== document;) {
b = a.css("position");
if (b === "absolute" || b === "relative" || b === "fixed") {
b = parseInt(a.css("zIndex"), 10);
if (!isNaN(b) && b !== 0) return b
}
a = a.parent()
}
}
return 0
},
disableSelection: function() {
return this.bind((c.support.selectstart ? "selectstart" :
"mousedown") + ".ui-disableSelection", function(a) {
a.preventDefault()
})
},
enableSelection: function() {
return this.unbind(".ui-disableSelection")
}
});
c.each(["Width", "Height"], function(a, b) {
function d(f, g, m, n) {
c.each(e, function() {
g -= parseFloat(c.curCSS(f, "padding" + this, true)) || 0;
if (m) g -= parseFloat(c.curCSS(f, "border" + this + "Width", true)) || 0;
if (n) g -= parseFloat(c.curCSS(f, "margin" + this, true)) || 0
});
return g
}
var e = b === "Width" ? ["Left", "Right"] : ["Top", "Bottom"],
h = b.toLowerCase(),
i = {
innerWidth: c.fn.innerWidth,
innerHeight: c.fn.innerHeight,
outerWidth: c.fn.outerWidth,
outerHeight: c.fn.outerHeight
};
c.fn["inner" + b] = function(f) {
if (f === j) return i["inner" + b].call(this);
return this.each(function() {
c(this).css(h, d(this, f) + "px")
})
};
c.fn["outer" + b] = function(f, g) {
if (typeof f !== "number") return i["outer" + b].call(this, f);
return this.each(function() {
c(this).css(h, d(this, f, true, g) + "px")
})
}
});
c.extend(c.expr[":"], {
data: function(a, b, d) {
return !!c.data(a, d[3])
},
focusable: function(a) {
return k(a, !isNaN(c.attr(a, "tabindex")))
},
tabbable: function(a) {
var b = c.attr(a,
"tabindex"),
d = isNaN(b);
return (d || b >= 0) && k(a, !d)
}
});
c(function() {
var a = document.body,
b = a.appendChild(b = document.createElement("div"));
c.extend(b.style, {
minHeight: "100px",
height: "auto",
padding: 0,
borderWidth: 0
});
c.support.minHeight = b.offsetHeight === 100;
c.support.selectstart = "onselectstart" in b;
a.removeChild(b).style.display = "none"
});
c.extend(c.ui, {
plugin: {
add: function(a, b, d) {
a = c.ui[a].prototype;
for (var e in d) {
a.plugins[e] = a.plugins[e] || [];
a.plugins[e].push([b, d[e]])
}
},
call: function(a, b, d) {
if ((b = a.plugins[b]) &&
a.element[0].parentNode)
for (var e = 0; e < b.length; e++) a.options[b[e][0]] && b[e][1].apply(a.element, d)
}
},
contains: function(a, b) {
return document.compareDocumentPosition ? a.compareDocumentPosition(b) & 16 : a !== b && a.contains(b)
},
hasScroll: function(a, b) {
if (c(a).css("overflow") === "hidden") return false;
b = b && b === "left" ? "scrollLeft" : "scrollTop";
var d = false;
if (a[b] > 0) return true;
a[b] = 1;
d = a[b] > 0;
a[b] = 0;
return d
},
isOverAxis: function(a, b, d) {
return a > b && a < b + d
},
isOver: function(a, b, d, e, h, i) {
return c.ui.isOverAxis(a, d, h) &&
c.ui.isOverAxis(b, e, i)
}
})
}
})(jQuery);;
/*!
* jQuery UI Widget 1.8.16 * jQuery UI Widget 1.8.16
* *
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
@ -25,13 +216,162 @@ c.ui.isOverAxis(b,e,i)}})}})(jQuery);
* *
* http://docs.jquery.com/UI/Widget * http://docs.jquery.com/UI/Widget
*/ */
(function(b,j){if(b.cleanData){var k=b.cleanData;b.cleanData=function(a){for(var c=0,d;(d=a[c])!=null;c++)try{b(d).triggerHandler("remove")}catch(e){}k(a)}}else{var l=b.fn.remove;b.fn.remove=function(a,c){return this.each(function(){if(!c)if(!a||b.filter(a,[this]).length)b("*",this).add([this]).each(function(){try{b(this).triggerHandler("remove")}catch(d){}});return l.call(b(this),a,c)})}}b.widget=function(a,c,d){var e=a.split(".")[0],f;a=a.split(".")[1];f=e+"-"+a;if(!d){d=c;c=b.Widget}b.expr[":"][f]= (function(b, j) {
function(h){return!!b.data(h,a)};b[e]=b[e]||{};b[e][a]=function(h,g){arguments.length&&this._createWidget(h,g)};c=new c;c.options=b.extend(true,{},c.options);b[e][a].prototype=b.extend(true,c,{namespace:e,widgetName:a,widgetEventPrefix:b[e][a].prototype.widgetEventPrefix||a,widgetBaseClass:f},d);b.widget.bridge(a,b[e][a])};b.widget.bridge=function(a,c){b.fn[a]=function(d){var e=typeof d==="string",f=Array.prototype.slice.call(arguments,1),h=this;d=!e&&f.length?b.extend.apply(null,[true,d].concat(f)): if (b.cleanData) {
d;if(e&&d.charAt(0)==="_")return h;e?this.each(function(){var g=b.data(this,a),i=g&&b.isFunction(g[d])?g[d].apply(g,f):g;if(i!==g&&i!==j){h=i;return false}}):this.each(function(){var g=b.data(this,a);g?g.option(d||{})._init():b.data(this,a,new c(d,this))});return h}};b.Widget=function(a,c){arguments.length&&this._createWidget(a,c)};b.Widget.prototype={widgetName:"widget",widgetEventPrefix:"",options:{disabled:false},_createWidget:function(a,c){b.data(c,this.widgetName,this);this.element=b(c);this.options= var k = b.cleanData;
b.extend(true,{},this.options,this._getCreateOptions(),a);var d=this;this.element.bind("remove."+this.widgetName,function(){d.destroy()});this._create();this._trigger("create");this._init()},_getCreateOptions:function(){return b.metadata&&b.metadata.get(this.element[0])[this.widgetName]},_create:function(){},_init:function(){},destroy:function(){this.element.unbind("."+this.widgetName).removeData(this.widgetName);this.widget().unbind("."+this.widgetName).removeAttr("aria-disabled").removeClass(this.widgetBaseClass+ b.cleanData = function(a) {
"-disabled ui-state-disabled")},widget:function(){return this.element},option:function(a,c){var d=a;if(arguments.length===0)return b.extend({},this.options);if(typeof a==="string"){if(c===j)return this.options[a];d={};d[a]=c}this._setOptions(d);return this},_setOptions:function(a){var c=this;b.each(a,function(d,e){c._setOption(d,e)});return this},_setOption:function(a,c){this.options[a]=c;if(a==="disabled")this.widget()[c?"addClass":"removeClass"](this.widgetBaseClass+"-disabled ui-state-disabled").attr("aria-disabled", for (var c = 0, d;
c);return this},enable:function(){return this._setOption("disabled",false)},disable:function(){return this._setOption("disabled",true)},_trigger:function(a,c,d){var e=this.options[a];c=b.Event(c);c.type=(a===this.widgetEventPrefix?a:this.widgetEventPrefix+a).toLowerCase();d=d||{};if(c.originalEvent){a=b.event.props.length;for(var f;a;){f=b.event.props[--a];c[f]=c.originalEvent[f]}}this.element.trigger(c,d);return!(b.isFunction(e)&&e.call(this.element[0],c,d)===false||c.isDefaultPrevented())}}})(jQuery); (d = a[c]) != null; c++) try {
;/* b(d).triggerHandler("remove")
} catch (e) {}
k(a)
}
} else {
var l = b.fn.remove;
b.fn.remove = function(a, c) {
return this.each(function() {
if (!c)
if (!a || b.filter(a, [this]).length) b("*", this).add([this]).each(function() {
try {
b(this).triggerHandler("remove")
} catch (d) {}
});
return l.call(b(this), a, c)
})
}
}
b.widget = function(a, c, d) {
var e = a.split(".")[0],
f;
a = a.split(".")[1];
f = e + "-" + a;
if (!d) {
d = c;
c = b.Widget
}
b.expr[":"][f] =
function(h) {
return !!b.data(h, a)
};
b[e] = b[e] || {};
b[e][a] = function(h, g) {
arguments.length && this._createWidget(h, g)
};
c = new c;
c.options = b.extend(true, {}, c.options);
b[e][a].prototype = b.extend(true, c, {
namespace: e,
widgetName: a,
widgetEventPrefix: b[e][a].prototype.widgetEventPrefix || a,
widgetBaseClass: f
}, d);
b.widget.bridge(a, b[e][a])
};
b.widget.bridge = function(a, c) {
b.fn[a] = function(d) {
var e = typeof d === "string",
f = Array.prototype.slice.call(arguments, 1),
h = this;
d = !e && f.length ? b.extend.apply(null, [true, d].concat(f)) :
d;
if (e && d.charAt(0) === "_") return h;
e ? this.each(function() {
var g = b.data(this, a),
i = g && b.isFunction(g[d]) ? g[d].apply(g, f) : g;
if (i !== g && i !== j) {
h = i;
return false
}
}) : this.each(function() {
var g = b.data(this, a);
g ? g.option(d || {})._init() : b.data(this, a, new c(d, this))
});
return h
}
};
b.Widget = function(a, c) {
arguments.length && this._createWidget(a, c)
};
b.Widget.prototype = {
widgetName: "widget",
widgetEventPrefix: "",
options: {
disabled: false
},
_createWidget: function(a, c) {
b.data(c, this.widgetName, this);
this.element = b(c);
this.options =
b.extend(true, {}, this.options, this._getCreateOptions(), a);
var d = this;
this.element.bind("remove." + this.widgetName, function() {
d.destroy()
});
this._create();
this._trigger("create");
this._init()
},
_getCreateOptions: function() {
return b.metadata && b.metadata.get(this.element[0])[this.widgetName]
},
_create: function() {},
_init: function() {},
destroy: function() {
this.element.unbind("." + this.widgetName).removeData(this.widgetName);
this.widget().unbind("." + this.widgetName).removeAttr("aria-disabled").removeClass(this.widgetBaseClass +
"-disabled ui-state-disabled")
},
widget: function() {
return this.element
},
option: function(a, c) {
var d = a;
if (arguments.length === 0) return b.extend({}, this.options);
if (typeof a === "string") {
if (c === j) return this.options[a];
d = {};
d[a] = c
}
this._setOptions(d);
return this
},
_setOptions: function(a) {
var c = this;
b.each(a, function(d, e) {
c._setOption(d, e)
});
return this
},
_setOption: function(a, c) {
this.options[a] = c;
if (a === "disabled") this.widget()[c ? "addClass" : "removeClass"](this.widgetBaseClass + "-disabled ui-state-disabled").attr("aria-disabled",
c);
return this
},
enable: function() {
return this._setOption("disabled", false)
},
disable: function() {
return this._setOption("disabled", true)
},
_trigger: function(a, c, d) {
var e = this.options[a];
c = b.Event(c);
c.type = (a === this.widgetEventPrefix ? a : this.widgetEventPrefix + a).toLowerCase();
d = d || {};
if (c.originalEvent) {
a = b.event.props.length;
for (var f; a;) {
f = b.event.props[--a];
c[f] = c.originalEvent[f]
}
}
this.element.trigger(c, d);
return !(b.isFunction(e) && e.call(this.element[0], c, d) === false || c.isDefaultPrevented())
}
}
})(jQuery);;
/*
* jQuery UI Progressbar 1.8.16 * jQuery UI Progressbar 1.8.16
* *
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
@ -44,7 +384,63 @@ c);return this},enable:function(){return this._setOption("disabled",false)},disa
* jquery.ui.core.js * jquery.ui.core.js
* jquery.ui.widget.js * jquery.ui.widget.js
*/ */
(function(b,d){b.widget("ui.progressbar",{options:{value:0,max:100},min:0,_create:function(){this.element.addClass("ui-progressbar ui-widget ui-widget-content ui-corner-all").attr({role:"progressbar","aria-valuemin":this.min,"aria-valuemax":this.options.max,"aria-valuenow":this._value()});this.valueDiv=b("<div class='ui-progressbar-value ui-widget-header ui-corner-left'></div>").appendTo(this.element);this.oldValue=this._value();this._refreshValue()},destroy:function(){this.element.removeClass("ui-progressbar ui-widget ui-widget-content ui-corner-all").removeAttr("role").removeAttr("aria-valuemin").removeAttr("aria-valuemax").removeAttr("aria-valuenow"); (function(b, d) {
this.valueDiv.remove();b.Widget.prototype.destroy.apply(this,arguments)},value:function(a){if(a===d)return this._value();this._setOption("value",a);return this},_setOption:function(a,c){if(a==="value"){this.options.value=c;this._refreshValue();this._value()===this.options.max&&this._trigger("complete")}b.Widget.prototype._setOption.apply(this,arguments)},_value:function(){var a=this.options.value;if(typeof a!=="number")a=0;return Math.min(this.options.max,Math.max(this.min,a))},_percentage:function(){return 100* b.widget("ui.progressbar", {
this._value()/this.options.max},_refreshValue:function(){var a=this.value(),c=this._percentage();if(this.oldValue!==a){this.oldValue=a;this._trigger("change")}this.valueDiv.toggle(a>this.min).toggleClass("ui-corner-right",a===this.options.max).width(c.toFixed(0)+"%");this.element.attr("aria-valuenow",a)}});b.extend(b.ui.progressbar,{version:"1.8.16"})})(jQuery); options: {
; value: 0,
max: 100
},
min: 0,
_create: function() {
this.element.addClass("ui-progressbar ui-widget ui-widget-content ui-corner-all").attr({
role: "progressbar",
"aria-valuemin": this.min,
"aria-valuemax": this.options.max,
"aria-valuenow": this._value()
});
this.valueDiv = b("<div class='ui-progressbar-value ui-widget-header ui-corner-left'></div>").appendTo(this.element);
this.oldValue = this._value();
this._refreshValue()
},
destroy: function() {
this.element.removeClass("ui-progressbar ui-widget ui-widget-content ui-corner-all").removeAttr("role").removeAttr("aria-valuemin").removeAttr("aria-valuemax").removeAttr("aria-valuenow");
this.valueDiv.remove();
b.Widget.prototype.destroy.apply(this, arguments)
},
value: function(a) {
if (a === d) return this._value();
this._setOption("value", a);
return this
},
_setOption: function(a, c) {
if (a === "value") {
this.options.value = c;
this._refreshValue();
this._value() === this.options.max && this._trigger("complete")
}
b.Widget.prototype._setOption.apply(this, arguments)
},
_value: function() {
var a = this.options.value;
if (typeof a !== "number") a = 0;
return Math.min(this.options.max, Math.max(this.min, a))
},
_percentage: function() {
return 100 *
this._value() / this.options.max
},
_refreshValue: function() {
var a = this.value(),
c = this._percentage();
if (this.oldValue !== a) {
this.oldValue = a;
this._trigger("change")
}
this.valueDiv.toggle(a > this.min).toggleClass("ui-corner-right", a === this.options.max).width(c.toFixed(0) + "%");
this.element.attr("aria-valuenow", a)
}
});
b.extend(b.ui.progressbar, {
version: "1.8.16"
})
})(jQuery);;

View File

@ -41,4 +41,208 @@
* OF THE POSSIBILITY OF SUCH DAMAGE. * OF THE POSSIBILITY OF SUCH DAMAGE.
* *
*/ */
jQuery.easing.jswing=jQuery.easing.swing;jQuery.extend(jQuery.easing,{def:"easeOutQuad",swing:function(e,f,a,h,g){return jQuery.easing[jQuery.easing.def](e,f,a,h,g)},easeInQuad:function(e,f,a,h,g){return h*(f/=g)*f+a},easeOutQuad:function(e,f,a,h,g){return -h*(f/=g)*(f-2)+a},easeInOutQuad:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f+a}return -h/2*((--f)*(f-2)-1)+a},easeInCubic:function(e,f,a,h,g){return h*(f/=g)*f*f+a},easeOutCubic:function(e,f,a,h,g){return h*((f=f/g-1)*f*f+1)+a},easeInOutCubic:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f+a}return h/2*((f-=2)*f*f+2)+a},easeInQuart:function(e,f,a,h,g){return h*(f/=g)*f*f*f+a},easeOutQuart:function(e,f,a,h,g){return -h*((f=f/g-1)*f*f*f-1)+a},easeInOutQuart:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f+a}return -h/2*((f-=2)*f*f*f-2)+a},easeInQuint:function(e,f,a,h,g){return h*(f/=g)*f*f*f*f+a},easeOutQuint:function(e,f,a,h,g){return h*((f=f/g-1)*f*f*f*f+1)+a},easeInOutQuint:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f*f+a}return h/2*((f-=2)*f*f*f*f+2)+a},easeInSine:function(e,f,a,h,g){return -h*Math.cos(f/g*(Math.PI/2))+h+a},easeOutSine:function(e,f,a,h,g){return h*Math.sin(f/g*(Math.PI/2))+a},easeInOutSine:function(e,f,a,h,g){return -h/2*(Math.cos(Math.PI*f/g)-1)+a},easeInExpo:function(e,f,a,h,g){return(f==0)?a:h*Math.pow(2,10*(f/g-1))+a},easeOutExpo:function(e,f,a,h,g){return(f==g)?a+h:h*(-Math.pow(2,-10*f/g)+1)+a},easeInOutExpo:function(e,f,a,h,g){if(f==0){return a}if(f==g){return a+h}if((f/=g/2)<1){return h/2*Math.pow(2,10*(f-1))+a}return h/2*(-Math.pow(2,-10*--f)+2)+a},easeInCirc:function(e,f,a,h,g){return -h*(Math.sqrt(1-(f/=g)*f)-1)+a},easeOutCirc:function(e,f,a,h,g){return h*Math.sqrt(1-(f=f/g-1)*f)+a},easeInOutCirc:function(e,f,a,h,g){if((f/=g/2)<1){return -h/2*(Math.sqrt(1-f*f)-1)+a}return h/2*(Math.sqrt(1-(f-=2)*f)+1)+a},easeInElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k)==1){return e+l}if(!j){j=k*0.3}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}return -(g*Math.pow(2,10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j))+e},easeOutElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k)==1){return e+l}if(!j){j=k*0.3}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}return g*Math.pow(2,-10*h)*Math.sin((h*k-i)*(2*Math.PI)/j)+l+e},easeInOutElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k/2)==2){return e+l}if(!j){j=k*(0.3*1.5)}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}if(h<1){return -0.5*(g*Math.pow(2,10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j))+e}return g*Math.pow(2,-10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j)*0.5+l+e},easeInBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}return i*(f/=h)*f*((g+1)*f-g)+a},easeOutBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}return i*((f=f/h-1)*f*((g+1)*f+g)+1)+a},easeInOutBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}if((f/=h/2)<1){return i/2*(f*f*(((g*=(1.525))+1)*f-g))+a}return i/2*((f-=2)*f*(((g*=(1.525))+1)*f+g)+2)+a},easeInBounce:function(e,f,a,h,g){return h-jQuery.easing.easeOutBounce(e,g-f,0,h,g)+a},easeOutBounce:function(e,f,a,h,g){if((f/=g)<(1/2.75)){return h*(7.5625*f*f)+a}else{if(f<(2/2.75)){return h*(7.5625*(f-=(1.5/2.75))*f+0.75)+a}else{if(f<(2.5/2.75)){return h*(7.5625*(f-=(2.25/2.75))*f+0.9375)+a}else{return h*(7.5625*(f-=(2.625/2.75))*f+0.984375)+a}}}},easeInOutBounce:function(e,f,a,h,g){if(f<g/2){return jQuery.easing.easeInBounce(e,f*2,0,h,g)*0.5+a}return jQuery.easing.easeOutBounce(e,f*2-g,0,h,g)*0.5+h*0.5+a}}); jQuery.easing.jswing = jQuery.easing.swing;
jQuery.extend(jQuery.easing, {
def: "easeOutQuad",
swing: function(e, f, a, h, g) {
return jQuery.easing[jQuery.easing.def](e, f, a, h, g)
},
easeInQuad: function(e, f, a, h, g) {
return h * (f /= g) * f + a
},
easeOutQuad: function(e, f, a, h, g) {
return -h * (f /= g) * (f - 2) + a
},
easeInOutQuad: function(e, f, a, h, g) {
if ((f /= g / 2) < 1) {
return h / 2 * f * f + a
}
return -h / 2 * ((--f) * (f - 2) - 1) + a
},
easeInCubic: function(e, f, a, h, g) {
return h * (f /= g) * f * f + a
},
easeOutCubic: function(e, f, a, h, g) {
return h * ((f = f / g - 1) * f * f + 1) + a
},
easeInOutCubic: function(e, f, a, h, g) {
if ((f /= g / 2) < 1) {
return h / 2 * f * f * f + a
}
return h / 2 * ((f -= 2) * f * f + 2) + a
},
easeInQuart: function(e, f, a, h, g) {
return h * (f /= g) * f * f * f + a
},
easeOutQuart: function(e, f, a, h, g) {
return -h * ((f = f / g - 1) * f * f * f - 1) + a
},
easeInOutQuart: function(e, f, a, h, g) {
if ((f /= g / 2) < 1) {
return h / 2 * f * f * f * f + a
}
return -h / 2 * ((f -= 2) * f * f * f - 2) + a
},
easeInQuint: function(e, f, a, h, g) {
return h * (f /= g) * f * f * f * f + a
},
easeOutQuint: function(e, f, a, h, g) {
return h * ((f = f / g - 1) * f * f * f * f + 1) + a
},
easeInOutQuint: function(e, f, a, h, g) {
if ((f /= g / 2) < 1) {
return h / 2 * f * f * f * f * f + a
}
return h / 2 * ((f -= 2) * f * f * f * f + 2) + a
},
easeInSine: function(e, f, a, h, g) {
return -h * Math.cos(f / g * (Math.PI / 2)) + h + a
},
easeOutSine: function(e, f, a, h, g) {
return h * Math.sin(f / g * (Math.PI / 2)) + a
},
easeInOutSine: function(e, f, a, h, g) {
return -h / 2 * (Math.cos(Math.PI * f / g) - 1) + a
},
easeInExpo: function(e, f, a, h, g) {
return (f == 0) ? a : h * Math.pow(2, 10 * (f / g - 1)) + a
},
easeOutExpo: function(e, f, a, h, g) {
return (f == g) ? a + h : h * (-Math.pow(2, -10 * f / g) + 1) + a
},
easeInOutExpo: function(e, f, a, h, g) {
if (f == 0) {
return a
}
if (f == g) {
return a + h
}
if ((f /= g / 2) < 1) {
return h / 2 * Math.pow(2, 10 * (f - 1)) + a
}
return h / 2 * (-Math.pow(2, -10 * --f) + 2) + a
},
easeInCirc: function(e, f, a, h, g) {
return -h * (Math.sqrt(1 - (f /= g) * f) - 1) + a
},
easeOutCirc: function(e, f, a, h, g) {
return h * Math.sqrt(1 - (f = f / g - 1) * f) + a
},
easeInOutCirc: function(e, f, a, h, g) {
if ((f /= g / 2) < 1) {
return -h / 2 * (Math.sqrt(1 - f * f) - 1) + a
}
return h / 2 * (Math.sqrt(1 - (f -= 2) * f) + 1) + a
},
easeInElastic: function(f, h, e, l, k) {
var i = 1.70158;
var j = 0;
var g = l;
if (h == 0) {
return e
}
if ((h /= k) == 1) {
return e + l
}
if (!j) {
j = k * 0.3
}
if (g < Math.abs(l)) {
g = l;
var i = j / 4
} else {
var i = j / (2 * Math.PI) * Math.asin(l / g)
}
return -(g * Math.pow(2, 10 * (h -= 1)) * Math.sin((h * k - i) * (2 * Math.PI) / j)) + e
},
easeOutElastic: function(f, h, e, l, k) {
var i = 1.70158;
var j = 0;
var g = l;
if (h == 0) {
return e
}
if ((h /= k) == 1) {
return e + l
}
if (!j) {
j = k * 0.3
}
if (g < Math.abs(l)) {
g = l;
var i = j / 4
} else {
var i = j / (2 * Math.PI) * Math.asin(l / g)
}
return g * Math.pow(2, -10 * h) * Math.sin((h * k - i) * (2 * Math.PI) / j) + l + e
},
easeInOutElastic: function(f, h, e, l, k) {
var i = 1.70158;
var j = 0;
var g = l;
if (h == 0) {
return e
}
if ((h /= k / 2) == 2) {
return e + l
}
if (!j) {
j = k * (0.3 * 1.5)
}
if (g < Math.abs(l)) {
g = l;
var i = j / 4
} else {
var i = j / (2 * Math.PI) * Math.asin(l / g)
}
if (h < 1) {
return -0.5 * (g * Math.pow(2, 10 * (h -= 1)) * Math.sin((h * k - i) * (2 * Math.PI) / j)) + e
}
return g * Math.pow(2, -10 * (h -= 1)) * Math.sin((h * k - i) * (2 * Math.PI) / j) * 0.5 + l + e
},
easeInBack: function(e, f, a, i, h, g) {
if (g == undefined) {
g = 1.70158
}
return i * (f /= h) * f * ((g + 1) * f - g) + a
},
easeOutBack: function(e, f, a, i, h, g) {
if (g == undefined) {
g = 1.70158
}
return i * ((f = f / h - 1) * f * ((g + 1) * f + g) + 1) + a
},
easeInOutBack: function(e, f, a, i, h, g) {
if (g == undefined) {
g = 1.70158
}
if ((f /= h / 2) < 1) {
return i / 2 * (f * f * (((g *= (1.525)) + 1) * f - g)) + a
}
return i / 2 * ((f -= 2) * f * (((g *= (1.525)) + 1) * f + g) + 2) + a
},
easeInBounce: function(e, f, a, h, g) {
return h - jQuery.easing.easeOutBounce(e, g - f, 0, h, g) + a
},
easeOutBounce: function(e, f, a, h, g) {
if ((f /= g) < (1 / 2.75)) {
return h * (7.5625 * f * f) + a
} else {
if (f < (2 / 2.75)) {
return h * (7.5625 * (f -= (1.5 / 2.75)) * f + 0.75) + a
} else {
if (f < (2.5 / 2.75)) {
return h * (7.5625 * (f -= (2.25 / 2.75)) * f + 0.9375) + a
} else {
return h * (7.5625 * (f -= (2.625 / 2.75)) * f + 0.984375) + a
}
}
}
},
easeInOutBounce: function(e, f, a, h, g) {
if (f < g / 2) {
return jQuery.easing.easeInBounce(e, f * 2, 0, h, g) * 0.5 + a
}
return jQuery.easing.easeOutBounce(e, f * 2 - g, 0, h, g) * 0.5 + h * 0.5 + a
}
});

3566
js/jquery.min.js vendored

File diff suppressed because one or more lines are too long

View File

@ -6,35 +6,487 @@
* FREE FOR NON-COMMERCIAL USE * FREE FOR NON-COMMERCIAL USE
* http://www.mixitup.io * http://www.mixitup.io
*/ */
(function(e){function m(d,b,h,c,a){function j(){k.unbind();b&&v(b,h,c,a);a.startOrder=[];a.newOrder=[];a.origSort=[];a.checkSort=[];u.removeStyle(a.prefix+"filter, filter, "+a.prefix+"transform, transform, opacity, display").css(a.clean).removeAttr("data-checksum");window.atob||u.css({display:"none",opacity:"0"});k.removeStyle(a.prefix+"transition, transition, "+a.prefix+"perspective, perspective, "+a.prefix+"perspective-origin, perspective-origin, "+(a.resizeContainer?"height":""));"list"==a.layoutMode? (function(e) {
(q.css({display:a.targetDisplayList,opacity:"1"}),a.origDisplay=a.targetDisplayList):(q.css({display:a.targetDisplayGrid,opacity:"1"}),a.origDisplay=a.targetDisplayGrid);a.origLayout=a.layoutMode;setTimeout(function(){u.removeStyle(a.prefix+"transition, transition");a.mixing=!1;if("function"==typeof a.onMixEnd){var b=a.onMixEnd.call(this,a);a=b?b:a}})}clearInterval(a.failsafe);a.mixing=!0;if("function"==typeof a.onMixStart){var f=a.onMixStart.call(this,a);a=f?f:a}for(var g=a.transitionSpeed,f=0;2> function m(d, b, h, c, a) {
f;f++){var n=0==f?n=a.prefix:"";a.transition[n+"transition"]="all "+g+"ms linear";a.transition[n+"transform"]=n+"translate3d(0,0,0)";a.perspective[n+"perspective"]=a.perspectiveDistance+"px";a.perspective[n+"perspective-origin"]=a.perspectiveOrigin}var r=a.targetSelector,u=c.find(r);u.each(function(){this.data={}});var k=u.parent();k.css(a.perspective);a.easingFallback="ease-in-out";"smooth"==a.easing&&(a.easing="cubic-bezier(0.25, 0.46, 0.45, 0.94)");"snap"==a.easing&&(a.easing="cubic-bezier(0.77, 0, 0.175, 1)"); function j() {
"windback"==a.easing&&(a.easing="cubic-bezier(0.175, 0.885, 0.320, 1.275)",a.easingFallback="cubic-bezier(0.175, 0.885, 0.320, 1)");"windup"==a.easing&&(a.easing="cubic-bezier(0.6, -0.28, 0.735, 0.045)",a.easingFallback="cubic-bezier(0.6, 0.28, 0.735, 0.045)");f="list"==a.layoutMode&&null!=a.listEffects?a.listEffects:a.effects;Array.prototype.indexOf&&(a.fade=-1<f.indexOf("fade")?"0":"",a.scale=-1<f.indexOf("scale")?"scale(.01)":"",a.rotateZ=-1<f.indexOf("rotateZ")?"rotate(180deg)":"",a.rotateY=-1< k.unbind();
f.indexOf("rotateY")?"rotateY(90deg)":"",a.rotateX=-1<f.indexOf("rotateX")?"rotateX(90deg)":"",a.blur=-1<f.indexOf("blur")?"blur(8px)":"",a.grayscale=-1<f.indexOf("grayscale")?"grayscale(100%)":"");d=d.replace(/\s|\//g,".");var q=e(),s=e();if("or"==a.filterLogic){var m=d.split(".");!0==a.multiFilter&&""==m[0]&&m.shift();1>m.length?s=s.add(c.find(r+":visible")):u.each(function(){for(var a=0,b=e(this),c=0;c<m.length;c++)b.hasClass(m[c])&&(q=q.add(b),a++);0==a&&(s=s.add(b))})}else q=q.add(k.find(r+"."+ b && v(b, h, c, a);
d)),s=s.add(k.find(r+":not(."+d+"):visible"));d=q.length;var t=e(),p=e(),l=e();s.each(function(){var a=e(this);"none"!=a.css("display")&&(t=t.add(a),l=l.add(a))});if(q.filter(":visible").length==d&&!t.length&&!b){if(a.origLayout==a.layoutMode)return j(),!1;if(1==q.length)return"list"==a.layoutMode?(c.addClass(a.listClass),c.removeClass(a.gridClass),l.css("display",a.targetDisplayList)):(c.addClass(a.gridClass),c.removeClass(a.listClass),l.css("display",a.targetDisplayGrid)),j(),!1}a.origHeight=k.height(); a.startOrder = [];
if(q.length){c.removeClass(a.failClass);q.each(function(){var a=e(this);"none"==a.css("display")?p=p.add(a):l=l.add(a)});if(a.origLayout!=a.layoutMode&&!1==a.animateGridList)return"list"==a.layoutMode?(c.addClass(a.listClass),c.removeClass(a.gridClass),l.css("display",a.targetDisplayList)):(c.addClass(a.gridClass),c.removeClass(a.listClass),l.css("display",a.targetDisplayGrid)),j(),!1;if(!window.atob)return j(),!1;u.css(a.clean);l.each(function(){this.data.origPos=e(this).offset()});"list"==a.layoutMode? a.newOrder = [];
(c.addClass(a.listClass),c.removeClass(a.gridClass),p.css("display",a.targetDisplayList)):(c.addClass(a.gridClass),c.removeClass(a.listClass),p.css("display",a.targetDisplayGrid));p.each(function(){this.data.showInterPos=e(this).offset()});t.each(function(){this.data.hideInterPos=e(this).offset()});l.each(function(){this.data.preInterPos=e(this).offset()});"list"==a.layoutMode?l.css("display",a.targetDisplayList):l.css("display",a.targetDisplayGrid);b&&v(b,h,c,a);if(b&&a.origSort.compare(a.checkSort))return j(), a.origSort = [];
!1;t.hide();p.each(function(){this.data.finalPos=e(this).offset()});l.each(function(){this.data.finalPrePos=e(this).offset()});a.newHeight=k.height();b&&v("reset",null,c,a);p.hide();l.css("display",a.origDisplay);"block"==a.origDisplay?(c.addClass(a.listClass),p.css("display",a.targetDisplayList)):(c.removeClass(a.listClass),p.css("display",a.targetDisplayGrid));a.resizeContainer&&k.css("height",a.origHeight+"px");d={};for(f=0;2>f;f++)n=0==f?n=a.prefix:"",d[n+"transform"]=a.scale+" "+a.rotateX+" "+ a.checkSort = [];
a.rotateY+" "+a.rotateZ,d[n+"filter"]=a.blur+" "+a.grayscale;p.css(d);l.each(function(){var b=this.data,c=e(this);c.hasClass("mix_tohide")?(b.preTX=b.origPos.left-b.hideInterPos.left,b.preTY=b.origPos.top-b.hideInterPos.top):(b.preTX=b.origPos.left-b.preInterPos.left,b.preTY=b.origPos.top-b.preInterPos.top);for(var d={},g=0;2>g;g++){var f=0==g?f=a.prefix:"";d[f+"transform"]="translate("+b.preTX+"px,"+b.preTY+"px)"}c.css(d)});"list"==a.layoutMode?(c.addClass(a.listClass),c.removeClass(a.gridClass)): u.removeStyle(a.prefix + "filter, filter, " + a.prefix + "transform, transform, opacity, display").css(a.clean).removeAttr("data-checksum");
(c.addClass(a.gridClass),c.removeClass(a.listClass));setTimeout(function(){if(a.resizeContainer){for(var b={},c=0;2>c;c++){var d=0==c?d=a.prefix:"";b[d+"transition"]="all "+g+"ms ease-in-out";b.height=a.newHeight+"px"}k.css(b)}t.css("opacity",a.fade);p.css("opacity",1);p.each(function(){var b=this.data;b.tX=b.finalPos.left-b.showInterPos.left;b.tY=b.finalPos.top-b.showInterPos.top;for(var c={},d=0;2>d;d++){var f=0==d?f=a.prefix:"";c[f+"transition-property"]=f+"transform, "+f+"filter, opacity";c[f+ window.atob || u.css({
"transition-timing-function"]=a.easing+", linear, linear";c[f+"transition-duration"]=g+"ms";c[f+"transition-delay"]="0";c[f+"transform"]="translate("+b.tX+"px,"+b.tY+"px)";c[f+"filter"]="none"}e(this).css("-webkit-transition","all "+g+"ms "+a.easingFallback).css(c)});l.each(function(){var b=this.data;b.tX=0!=b.finalPrePos.left?b.finalPrePos.left-b.preInterPos.left:0;b.tY=0!=b.finalPrePos.left?b.finalPrePos.top-b.preInterPos.top:0;for(var c={},d=0;2>d;d++){var f=0==d?f=a.prefix:"";c[f+"transition"]= display: "none",
"all "+g+"ms "+a.easing;c[f+"transform"]="translate("+b.tX+"px,"+b.tY+"px)"}e(this).css("-webkit-transition","all "+g+"ms "+a.easingFallback).css(c)});b={};for(c=0;2>c;c++)d=0==c?d=a.prefix:"",b[d+"transition"]="all "+g+"ms "+a.easing+", "+d+"filter "+g+"ms linear, opacity "+g+"ms linear",b[d+"transform"]=a.scale+" "+a.rotateX+" "+a.rotateY+" "+a.rotateZ,b[d+"filter"]=a.blur+" "+a.grayscale,b.opacity=a.fade;t.css(b);k.bind("webkitTransitionEnd transitionend otransitionend oTransitionEnd",function(a){if(-1< opacity: "0"
a.originalEvent.propertyName.indexOf("transform")||-1<a.originalEvent.propertyName.indexOf("opacity"))-1<r.indexOf(".")?e(a.target).hasClass(r.replace(".",""))&&j():e(a.target).is(r)&&j()})},10);a.failsafe=setTimeout(function(){a.mixing&&j()},g+400)}else{a.resizeContainer&&k.css("height",a.origHeight+"px");if(!window.atob)return j(),!1;t=s;setTimeout(function(){k.css(a.perspective);if(a.resizeContainer){for(var b={},d=0;2>d;d++){var e=0==d?e=a.prefix:"";b[e+"transition"]="height "+g+"ms ease-in-out"; });
b.height=a.minHeight+"px"}k.css(b)}u.css(a.transition);if(s.length){b={};for(d=0;2>d;d++)e=0==d?e=a.prefix:"",b[e+"transform"]=a.scale+" "+a.rotateX+" "+a.rotateY+" "+a.rotateZ,b[e+"filter"]=a.blur+" "+a.grayscale,b.opacity=a.fade;t.css(b);k.bind("webkitTransitionEnd transitionend otransitionend oTransitionEnd",function(b){if(-1<b.originalEvent.propertyName.indexOf("transform")||-1<b.originalEvent.propertyName.indexOf("opacity"))c.addClass(a.failClass),j()})}else a.mixing=!1},10)}}function v(d,b, k.removeStyle(a.prefix + "transition, transition, " + a.prefix + "perspective, perspective, " + a.prefix + "perspective-origin, perspective-origin, " + (a.resizeContainer ? "height" : ""));
h,c){function a(a,b){return 1*a.attr(d).toLowerCase()<1*b.attr(d).toLowerCase()?-1:1*a.attr(d).toLowerCase()>1*b.attr(d).toLowerCase()?1:0}function j(a){"asc"==b?f.prepend(a).prepend(" \ "list" == a.layoutMode ?
(q.css({
display: a.targetDisplayList,
opacity: "1"
}), a.origDisplay = a.targetDisplayList) : (q.css({
display: a.targetDisplayGrid,
opacity: "1"
}), a.origDisplay = a.targetDisplayGrid);
a.origLayout = a.layoutMode;
setTimeout(function() {
u.removeStyle(a.prefix + "transition, transition");
a.mixing = !1;
if ("function" == typeof a.onMixEnd) {
var b = a.onMixEnd.call(this, a);
a = b ? b : a
}
})
}
clearInterval(a.failsafe);
a.mixing = !0;
if ("function" == typeof a.onMixStart) {
var f = a.onMixStart.call(this, a);
a = f ? f : a
}
for (var g = a.transitionSpeed, f = 0; 2 >
f; f++) {
var n = 0 == f ? n = a.prefix : "";
a.transition[n + "transition"] = "all " + g + "ms linear";
a.transition[n + "transform"] = n + "translate3d(0,0,0)";
a.perspective[n + "perspective"] = a.perspectiveDistance + "px";
a.perspective[n + "perspective-origin"] = a.perspectiveOrigin
}
var r = a.targetSelector,
u = c.find(r);
u.each(function() {
this.data = {}
});
var k = u.parent();
k.css(a.perspective);
a.easingFallback = "ease-in-out";
"smooth" == a.easing && (a.easing = "cubic-bezier(0.25, 0.46, 0.45, 0.94)");
"snap" == a.easing && (a.easing = "cubic-bezier(0.77, 0, 0.175, 1)");
"windback" == a.easing && (a.easing = "cubic-bezier(0.175, 0.885, 0.320, 1.275)", a.easingFallback = "cubic-bezier(0.175, 0.885, 0.320, 1)");
"windup" == a.easing && (a.easing = "cubic-bezier(0.6, -0.28, 0.735, 0.045)", a.easingFallback = "cubic-bezier(0.6, 0.28, 0.735, 0.045)");
f = "list" == a.layoutMode && null != a.listEffects ? a.listEffects : a.effects;
Array.prototype.indexOf && (a.fade = -1 < f.indexOf("fade") ? "0" : "", a.scale = -1 < f.indexOf("scale") ? "scale(.01)" : "", a.rotateZ = -1 < f.indexOf("rotateZ") ? "rotate(180deg)" : "", a.rotateY = -1 <
f.indexOf("rotateY") ? "rotateY(90deg)" : "", a.rotateX = -1 < f.indexOf("rotateX") ? "rotateX(90deg)" : "", a.blur = -1 < f.indexOf("blur") ? "blur(8px)" : "", a.grayscale = -1 < f.indexOf("grayscale") ? "grayscale(100%)" : "");
d = d.replace(/\s|\//g, ".");
var q = e(),
s = e();
if ("or" == a.filterLogic) {
var m = d.split(".");
!0 == a.multiFilter && "" == m[0] && m.shift();
1 > m.length ? s = s.add(c.find(r + ":visible")) : u.each(function() {
for (var a = 0, b = e(this), c = 0; c < m.length; c++) b.hasClass(m[c]) && (q = q.add(b), a++);
0 == a && (s = s.add(b))
})
} else q = q.add(k.find(r + "." +
d)), s = s.add(k.find(r + ":not(." + d + "):visible"));
d = q.length;
var t = e(),
p = e(),
l = e();
s.each(function() {
var a = e(this);
"none" != a.css("display") && (t = t.add(a), l = l.add(a))
});
if (q.filter(":visible").length == d && !t.length && !b) {
if (a.origLayout == a.layoutMode) return j(), !1;
if (1 == q.length) return "list" == a.layoutMode ? (c.addClass(a.listClass), c.removeClass(a.gridClass), l.css("display", a.targetDisplayList)) : (c.addClass(a.gridClass), c.removeClass(a.listClass), l.css("display", a.targetDisplayGrid)), j(), !1
}
a.origHeight = k.height();
if (q.length) {
c.removeClass(a.failClass);
q.each(function() {
var a = e(this);
"none" == a.css("display") ? p = p.add(a) : l = l.add(a)
});
if (a.origLayout != a.layoutMode && !1 == a.animateGridList) return "list" == a.layoutMode ? (c.addClass(a.listClass), c.removeClass(a.gridClass), l.css("display", a.targetDisplayList)) : (c.addClass(a.gridClass), c.removeClass(a.listClass), l.css("display", a.targetDisplayGrid)), j(), !1;
if (!window.atob) return j(), !1;
u.css(a.clean);
l.each(function() {
this.data.origPos = e(this).offset()
});
"list" == a.layoutMode ?
(c.addClass(a.listClass), c.removeClass(a.gridClass), p.css("display", a.targetDisplayList)) : (c.addClass(a.gridClass), c.removeClass(a.listClass), p.css("display", a.targetDisplayGrid));
p.each(function() {
this.data.showInterPos = e(this).offset()
});
t.each(function() {
this.data.hideInterPos = e(this).offset()
});
l.each(function() {
this.data.preInterPos = e(this).offset()
});
"list" == a.layoutMode ? l.css("display", a.targetDisplayList) : l.css("display", a.targetDisplayGrid);
b && v(b, h, c, a);
if (b && a.origSort.compare(a.checkSort)) return j(),
!1;
t.hide();
p.each(function() {
this.data.finalPos = e(this).offset()
});
l.each(function() {
this.data.finalPrePos = e(this).offset()
});
a.newHeight = k.height();
b && v("reset", null, c, a);
p.hide();
l.css("display", a.origDisplay);
"block" == a.origDisplay ? (c.addClass(a.listClass), p.css("display", a.targetDisplayList)) : (c.removeClass(a.listClass), p.css("display", a.targetDisplayGrid));
a.resizeContainer && k.css("height", a.origHeight + "px");
d = {};
for (f = 0; 2 > f; f++) n = 0 == f ? n = a.prefix : "", d[n + "transform"] = a.scale + " " + a.rotateX + " " +
a.rotateY + " " + a.rotateZ, d[n + "filter"] = a.blur + " " + a.grayscale;
p.css(d);
l.each(function() {
var b = this.data,
c = e(this);
c.hasClass("mix_tohide") ? (b.preTX = b.origPos.left - b.hideInterPos.left, b.preTY = b.origPos.top - b.hideInterPos.top) : (b.preTX = b.origPos.left - b.preInterPos.left, b.preTY = b.origPos.top - b.preInterPos.top);
for (var d = {}, g = 0; 2 > g; g++) {
var f = 0 == g ? f = a.prefix : "";
d[f + "transform"] = "translate(" + b.preTX + "px," + b.preTY + "px)"
}
c.css(d)
});
"list" == a.layoutMode ? (c.addClass(a.listClass), c.removeClass(a.gridClass)) :
(c.addClass(a.gridClass), c.removeClass(a.listClass));
setTimeout(function() {
if (a.resizeContainer) {
for (var b = {}, c = 0; 2 > c; c++) {
var d = 0 == c ? d = a.prefix : "";
b[d + "transition"] = "all " + g + "ms ease-in-out";
b.height = a.newHeight + "px"
}
k.css(b)
}
t.css("opacity", a.fade);
p.css("opacity", 1);
p.each(function() {
var b = this.data;
b.tX = b.finalPos.left - b.showInterPos.left;
b.tY = b.finalPos.top - b.showInterPos.top;
for (var c = {}, d = 0; 2 > d; d++) {
var f = 0 == d ? f = a.prefix : "";
c[f + "transition-property"] = f + "transform, " + f + "filter, opacity";
c[f +
"transition-timing-function"] = a.easing + ", linear, linear";
c[f + "transition-duration"] = g + "ms";
c[f + "transition-delay"] = "0";
c[f + "transform"] = "translate(" + b.tX + "px," + b.tY + "px)";
c[f + "filter"] = "none"
}
e(this).css("-webkit-transition", "all " + g + "ms " + a.easingFallback).css(c)
});
l.each(function() {
var b = this.data;
b.tX = 0 != b.finalPrePos.left ? b.finalPrePos.left - b.preInterPos.left : 0;
b.tY = 0 != b.finalPrePos.left ? b.finalPrePos.top - b.preInterPos.top : 0;
for (var c = {}, d = 0; 2 > d; d++) {
var f = 0 == d ? f = a.prefix : "";
c[f + "transition"] =
"all " + g + "ms " + a.easing;
c[f + "transform"] = "translate(" + b.tX + "px," + b.tY + "px)"
}
e(this).css("-webkit-transition", "all " + g + "ms " + a.easingFallback).css(c)
});
b = {};
for (c = 0; 2 > c; c++) d = 0 == c ? d = a.prefix : "", b[d + "transition"] = "all " + g + "ms " + a.easing + ", " + d + "filter " + g + "ms linear, opacity " + g + "ms linear", b[d + "transform"] = a.scale + " " + a.rotateX + " " + a.rotateY + " " + a.rotateZ, b[d + "filter"] = a.blur + " " + a.grayscale, b.opacity = a.fade;
t.css(b);
k.bind("webkitTransitionEnd transitionend otransitionend oTransitionEnd", function(a) {
if (-1 <
a.originalEvent.propertyName.indexOf("transform") || -1 < a.originalEvent.propertyName.indexOf("opacity")) - 1 < r.indexOf(".") ? e(a.target).hasClass(r.replace(".", "")) && j() : e(a.target).is(r) && j()
})
}, 10);
a.failsafe = setTimeout(function() {
a.mixing && j()
}, g + 400)
} else {
a.resizeContainer && k.css("height", a.origHeight + "px");
if (!window.atob) return j(), !1;
t = s;
setTimeout(function() {
k.css(a.perspective);
if (a.resizeContainer) {
for (var b = {}, d = 0; 2 > d; d++) {
var e = 0 == d ? e = a.prefix : "";
b[e + "transition"] = "height " + g + "ms ease-in-out";
b.height = a.minHeight + "px"
}
k.css(b)
}
u.css(a.transition);
if (s.length) {
b = {};
for (d = 0; 2 > d; d++) e = 0 == d ? e = a.prefix : "", b[e + "transform"] = a.scale + " " + a.rotateX + " " + a.rotateY + " " + a.rotateZ, b[e + "filter"] = a.blur + " " + a.grayscale, b.opacity = a.fade;
t.css(b);
k.bind("webkitTransitionEnd transitionend otransitionend oTransitionEnd", function(b) {
if (-1 < b.originalEvent.propertyName.indexOf("transform") || -1 < b.originalEvent.propertyName.indexOf("opacity")) c.addClass(a.failClass), j()
})
} else a.mixing = !1
}, 10)
}
}
function v(d, b,
h, c) {
function a(a, b) {
return 1 * a.attr(d).toLowerCase() < 1 * b.attr(d).toLowerCase() ? -1 : 1 * a.attr(d).toLowerCase() > 1 * b.attr(d).toLowerCase() ? 1 : 0
}
function j(a) {
"asc" == b ? f.prepend(a).prepend(" \
") : f.append(a).append(" \ ") : f.append(a).append(" \
")}h.find(c.targetSelector).wrapAll('<div class="mix_sorter"/>');var f=h.find(".mix_sorter");c.origSort.length||f.find(c.targetSelector+":visible").each(function(){e(this).wrap("<s/>");c.origSort.push(e(this).parent().html().replace(/\s+/g,""));e(this).unwrap()});f.empty();if("reset"==d)e.each(c.startOrder, ")
function(){f.append(this).append(" \ }
")});else if("default"==d)e.each(c.origOrder,function(){j(this)});else if("random"==d){if(!c.newOrder.length){for(var g=c.startOrder.slice(),n=g.length,r=n;r--;){var m=parseInt(Math.random()*n),k=g[r];g[r]=g[m];g[m]=k}c.newOrder=g}e.each(c.newOrder,function(){f.append(this).append(" \ h.find(c.targetSelector).wrapAll('<div class="mix_sorter"/>');
")})}else"custom"==d?e.each(b,function(){j(this)}):("undefined"===typeof c.origOrder[0].attr(d)&&console.log("No such attribute found. Terminating"),c.newOrder.length||(e.each(c.origOrder, var f = h.find(".mix_sorter");
function(){c.newOrder.push(e(this))}),c.newOrder.sort(a)),e.each(c.newOrder,function(){j(this)}));c.checkSort=[];f.find(c.targetSelector+":visible").each(function(a){var b=e(this);0==a&&b.attr("data-checksum","1");b.wrap("<s/>");c.checkSort.push(b.parent().html().replace(/\s+/g,""));b.unwrap()});h.find(c.targetSelector).unwrap()}var w={init:function(d){return this.each(function(){var b={targetSelector:".mix",filterSelector:".filter",sortSelector:".sort",buttonEvent:"click",effects:["fade","scale"], c.origSort.length || f.find(c.targetSelector + ":visible").each(function() {
listEffects:null,easing:"smooth",layoutMode:"grid",targetDisplayGrid:"inline-block",targetDisplayList:"block",listClass:"",gridClass:"",transitionSpeed:600,showOnLoad:"all",multiFilter:!1,filterLogic:"or",resizeContainer:!0,minHeight:0,failClass:"fail",perspectiveDistance:"3000",perspectiveOrigin:"50% 50%",animateGridList:!0,onMixLoad:null,onMixStart:null,onMixEnd:null,container:null,origOrder:[],startOrder:[],newOrder:[],origSort:[],checkSort:[],filter:"",mixing:!1,origDisplay:"",origLayout:"",origHeight:0, e(this).wrap("<s/>");
newHeight:0,isTouch:!1,resetDelay:0,failsafe:null,prefix:"",easingFallback:"ease-in-out",transition:{},perspective:{},clean:{},fade:"1",scale:"",rotateX:"",rotateY:"",rotateZ:"",blur:"",grayscale:""};d&&e.extend(b,d);this.config=b;e.support.touch="ontouchend"in document;e.support.touch&&(b.isTouch=!0,b.resetDelay=350);b.container=e(this);var h=b.container,c;a:{c=h[0];for(var a=["Webkit","Moz","O","ms"],j=0;j<a.length;j++)if(a[j]+"Transition"in c.style){c=a[j];break a}c="transition"in c.style?"":!1}b.prefix= c.origSort.push(e(this).parent().html().replace(/\s+/g, ""));
c;b.prefix=b.prefix?"-"+b.prefix.toLowerCase()+"-":"";h.find(b.targetSelector).each(function(){b.origOrder.push(e(this))});for(c=0;2>c;c++)a=0==c?a=b.prefix:"",b.transition[a+"transition"]="all "+b.transitionSpeed+"ms ease-in-out",b.perspective[a+"perspective"]=b.perspectiveDistance+"px",b.perspective[a+"perspective-origin"]=b.perspectiveOrigin;for(c=0;2>c;c++)a=0==c?a=b.prefix:"",b.clean[a+"transition"]="none";"list"==b.layoutMode?(h.addClass(b.listClass),b.origDisplay=b.targetDisplayList):(h.addClass(b.gridClass), e(this).unwrap()
b.origDisplay=b.targetDisplayGrid);b.origLayout=b.layoutMode;c=b.showOnLoad.split(" ");e.each(c,function(){e(b.filterSelector+'[data-filter="'+this+'"]').addClass("active")});h.find(b.targetSelector).addClass("mix_all");"all"==c[0]&&(c[0]="mix_all",b.showOnLoad="mix_all");var f=e();e.each(c,function(){f=f.add(e("."+this))});f.each(function(){var a=e(this);"list"==b.layoutMode?a.css("display",b.targetDisplayList):a.css("display",b.targetDisplayGrid);a.css(b.transition)});setTimeout(function(){b.mixing= });
!0;f.css("opacity","1");setTimeout(function(){"list"==b.layoutMode?f.removeStyle(b.prefix+"transition, transition").css({display:b.targetDisplayList,opacity:1}):f.removeStyle(b.prefix+"transition, transition").css({display:b.targetDisplayGrid,opacity:1});b.mixing=!1;if("function"==typeof b.onMixLoad){var a=b.onMixLoad.call(this,b);b=a?a:b}},b.transitionSpeed)},10);b.filter=b.showOnLoad;e(b.sortSelector).bind(b.buttonEvent,function(){if(!b.mixing){var a=e(this),c=a.attr("data-sort"),d=a.attr("data-order"); f.empty();
if(a.hasClass("active")){if("random"!=c)return!1}else e(b.sortSelector).removeClass("active"),a.addClass("active");h.find(b.targetSelector).each(function(){b.startOrder.push(e(this))});m(b.filter,c,d,h,b)}});e(b.filterSelector).bind(b.buttonEvent,function(){if(!b.mixing){var a=e(this);if(!1==b.multiFilter)e(b.filterSelector).removeClass("active"),a.addClass("active"),b.filter=a.attr("data-filter"),e(b.filterSelector+'[data-filter="'+b.filter+'"]').addClass("active"),"all"==b.filter&&(b.filter="mix_all"); if ("reset" == d) e.each(c.startOrder,
else{var c=a.attr("data-filter");"all"==c&&(c="mix_all");a.hasClass("active")?(a.removeClass("active"),b.filter=b.filter.replace(RegExp("(\\s|^)"+c),"")):(a.addClass("active"),b.filter=b.filter+" "+c)}m(b.filter,null,null,h,b)}})})},toGrid:function(){return this.each(function(){var d=this.config;"grid"!=d.layoutMode&&(d.layoutMode="grid",m(d.filter,null,null,e(this),d))})},toList:function(){return this.each(function(){var d=this.config;"list"!=d.layoutMode&&(d.layoutMode="list",m(d.filter,null,null, function() {
e(this),d))})},filter:function(d){return this.each(function(){var b=this.config;e(b.filterSelector).removeClass("active");e(b.filterSelector+'[data-filter="'+d+'"]').addClass("active");"all"==d&&(d="mix_all");b.mixing||(b.filter=d,m(d,null,null,e(this),b))})},sort:function(d){return this.each(function(){var b=this.config;if(e.isArray(d))var h=d[0],c=d[1];else h=d,c="desc";b.mixing||(e(this).find(b.targetSelector).each(function(){b.startOrder.push(e(this))}),m(b.filter,h,c,e(this),b))})}};e.fn.mixitup= f.append(this).append(" \
function(d,b){if(w[d])return w[d].apply(this,Array.prototype.slice.call(arguments,1));if("object"===typeof d||!d)return w.init.apply(this,arguments)};e.fn.removeStyle=function(d){return this.each(function(){var b=e(this);d=d.replace(/\s+/g,"");var h=d.split(",");e.each(h,function(){var c=RegExp(this.toString()+"[^;]+;?","g");b.attr("style",function(a,b){if(b)return b.replace(c,"")})})})};Array.prototype.compare=function(d){if(this.length!=d.length)return!1;for(var b=0;b<d.length;b++)if(this[b].compare&& ")
!this[b].compare(d[b])||this[b]!==d[b])return!1;return!0}})(jQuery); });
else if ("default" == d) e.each(c.origOrder, function() {
j(this)
});
else if ("random" == d) {
if (!c.newOrder.length) {
for (var g = c.startOrder.slice(), n = g.length, r = n; r--;) {
var m = parseInt(Math.random() * n),
k = g[r];
g[r] = g[m];
g[m] = k
}
c.newOrder = g
}
e.each(c.newOrder, function() {
f.append(this).append(" \
")
})
} else "custom" == d ? e.each(b, function() {
j(this)
}) : ("undefined" === typeof c.origOrder[0].attr(d) && console.log("No such attribute found. Terminating"), c.newOrder.length || (e.each(c.origOrder,
function() {
c.newOrder.push(e(this))
}), c.newOrder.sort(a)), e.each(c.newOrder, function() {
j(this)
}));
c.checkSort = [];
f.find(c.targetSelector + ":visible").each(function(a) {
var b = e(this);
0 == a && b.attr("data-checksum", "1");
b.wrap("<s/>");
c.checkSort.push(b.parent().html().replace(/\s+/g, ""));
b.unwrap()
});
h.find(c.targetSelector).unwrap()
}
var w = {
init: function(d) {
return this.each(function() {
var b = {
targetSelector: ".mix",
filterSelector: ".filter",
sortSelector: ".sort",
buttonEvent: "click",
effects: ["fade", "scale"],
listEffects: null,
easing: "smooth",
layoutMode: "grid",
targetDisplayGrid: "inline-block",
targetDisplayList: "block",
listClass: "",
gridClass: "",
transitionSpeed: 600,
showOnLoad: "all",
multiFilter: !1,
filterLogic: "or",
resizeContainer: !0,
minHeight: 0,
failClass: "fail",
perspectiveDistance: "3000",
perspectiveOrigin: "50% 50%",
animateGridList: !0,
onMixLoad: null,
onMixStart: null,
onMixEnd: null,
container: null,
origOrder: [],
startOrder: [],
newOrder: [],
origSort: [],
checkSort: [],
filter: "",
mixing: !1,
origDisplay: "",
origLayout: "",
origHeight: 0,
newHeight: 0,
isTouch: !1,
resetDelay: 0,
failsafe: null,
prefix: "",
easingFallback: "ease-in-out",
transition: {},
perspective: {},
clean: {},
fade: "1",
scale: "",
rotateX: "",
rotateY: "",
rotateZ: "",
blur: "",
grayscale: ""
};
d && e.extend(b, d);
this.config = b;
e.support.touch = "ontouchend" in document;
e.support.touch && (b.isTouch = !0, b.resetDelay = 350);
b.container = e(this);
var h = b.container,
c;
a: {
c = h[0];
for (var a = ["Webkit", "Moz", "O", "ms"], j = 0; j < a.length; j++)
if (a[j] + "Transition" in c.style) {
c = a[j];
break a
} c = "transition" in c.style ? "" : !1
}
b.prefix =
c;
b.prefix = b.prefix ? "-" + b.prefix.toLowerCase() + "-" : "";
h.find(b.targetSelector).each(function() {
b.origOrder.push(e(this))
});
for (c = 0; 2 > c; c++) a = 0 == c ? a = b.prefix : "", b.transition[a + "transition"] = "all " + b.transitionSpeed + "ms ease-in-out", b.perspective[a + "perspective"] = b.perspectiveDistance + "px", b.perspective[a + "perspective-origin"] = b.perspectiveOrigin;
for (c = 0; 2 > c; c++) a = 0 == c ? a = b.prefix : "", b.clean[a + "transition"] = "none";
"list" == b.layoutMode ? (h.addClass(b.listClass), b.origDisplay = b.targetDisplayList) : (h.addClass(b.gridClass),
b.origDisplay = b.targetDisplayGrid);
b.origLayout = b.layoutMode;
c = b.showOnLoad.split(" ");
e.each(c, function() {
e(b.filterSelector + '[data-filter="' + this + '"]').addClass("active")
});
h.find(b.targetSelector).addClass("mix_all");
"all" == c[0] && (c[0] = "mix_all", b.showOnLoad = "mix_all");
var f = e();
e.each(c, function() {
f = f.add(e("." + this))
});
f.each(function() {
var a = e(this);
"list" == b.layoutMode ? a.css("display", b.targetDisplayList) : a.css("display", b.targetDisplayGrid);
a.css(b.transition)
});
setTimeout(function() {
b.mixing = !0;
f.css("opacity", "1");
setTimeout(function() {
"list" == b.layoutMode ? f.removeStyle(b.prefix + "transition, transition").css({
display: b.targetDisplayList,
opacity: 1
}) : f.removeStyle(b.prefix + "transition, transition").css({
display: b.targetDisplayGrid,
opacity: 1
});
b.mixing = !1;
if ("function" == typeof b.onMixLoad) {
var a = b.onMixLoad.call(this, b);
b = a ? a : b
}
}, b.transitionSpeed)
}, 10);
b.filter = b.showOnLoad;
e(b.sortSelector).bind(b.buttonEvent, function() {
if (!b.mixing) {
var a = e(this),
c = a.attr("data-sort"),
d = a.attr("data-order");
if (a.hasClass("active")) {
if ("random" != c) return !1
} else e(b.sortSelector).removeClass("active"), a.addClass("active");
h.find(b.targetSelector).each(function() {
b.startOrder.push(e(this))
});
m(b.filter, c, d, h, b)
}
});
e(b.filterSelector).bind(b.buttonEvent, function() {
if (!b.mixing) {
var a = e(this);
if (!1 == b.multiFilter) e(b.filterSelector).removeClass("active"), a.addClass("active"), b.filter = a.attr("data-filter"), e(b.filterSelector + '[data-filter="' + b.filter + '"]').addClass("active"), "all" == b.filter && (b.filter = "mix_all");
else {
var c = a.attr("data-filter");
"all" == c && (c = "mix_all");
a.hasClass("active") ? (a.removeClass("active"), b.filter = b.filter.replace(RegExp("(\\s|^)" + c), "")) : (a.addClass("active"), b.filter = b.filter + " " + c)
}
m(b.filter, null, null, h, b)
}
})
})
},
toGrid: function() {
return this.each(function() {
var d = this.config;
"grid" != d.layoutMode && (d.layoutMode = "grid", m(d.filter, null, null, e(this), d))
})
},
toList: function() {
return this.each(function() {
var d = this.config;
"list" != d.layoutMode && (d.layoutMode = "list", m(d.filter, null, null,
e(this), d))
})
},
filter: function(d) {
return this.each(function() {
var b = this.config;
e(b.filterSelector).removeClass("active");
e(b.filterSelector + '[data-filter="' + d + '"]').addClass("active");
"all" == d && (d = "mix_all");
b.mixing || (b.filter = d, m(d, null, null, e(this), b))
})
},
sort: function(d) {
return this.each(function() {
var b = this.config;
if (e.isArray(d)) var h = d[0],
c = d[1];
else h = d, c = "desc";
b.mixing || (e(this).find(b.targetSelector).each(function() {
b.startOrder.push(e(this))
}), m(b.filter, h, c, e(this), b))
})
}
};
e.fn.mixitup =
function(d, b) {
if (w[d]) return w[d].apply(this, Array.prototype.slice.call(arguments, 1));
if ("object" === typeof d || !d) return w.init.apply(this, arguments)
};
e.fn.removeStyle = function(d) {
return this.each(function() {
var b = e(this);
d = d.replace(/\s+/g, "");
var h = d.split(",");
e.each(h, function() {
var c = RegExp(this.toString() + "[^;]+;?", "g");
b.attr("style", function(a, b) {
if (b) return b.replace(c, "")
})
})
})
};
Array.prototype.compare = function(d) {
if (this.length != d.length) return !1;
for (var b = 0; b < d.length; b++)
if (this[b].compare &&
!this[b].compare(d[b]) || this[b] !== d[b]) return !1;
return !0
}
})(jQuery);

View File

@ -1,5 +1,49 @@
/* UItoTop jQuery Plugin 1.2 | Matt Varone | http://www.mattvarone.com/web-design/uitotop-jquery-plugin */ /* UItoTop jQuery Plugin 1.2 | Matt Varone | http://www.mattvarone.com/web-design/uitotop-jquery-plugin */
(function($){$.fn.UItoTop=function(options){var defaults={text:'To Top',min:200,inDelay:600,outDelay:400,containerID:'toTop',containerHoverID:'toTopHover',scrollSpeed:1200,easingType:'linear'},settings=$.extend(defaults,options),containerIDhash='#'+settings.containerID,containerHoverIDHash='#'+settings.containerHoverID;$('body').append('<a href="#" id="'+settings.containerID+'">'+settings.text+'</a>');$(containerIDhash).hide().on('click.UItoTop',function(){$('html, body').animate({scrollTop:0},settings.scrollSpeed,settings.easingType);$('#'+settings.containerHoverID,this).stop().animate({'opacity':0},settings.inDelay,settings.easingType);return false;}).prepend('<span id="'+settings.containerHoverID+'"></span>').hover(function(){$(containerHoverIDHash,this).stop().animate({'opacity':1},600,'linear');},function(){$(containerHoverIDHash,this).stop().animate({'opacity':0},700,'linear');});$(window).scroll(function(){var sd=$(window).scrollTop();if(typeof document.body.style.maxHeight==="undefined"){$(containerIDhash).css({'position':'absolute','top':sd+$(window).height()-50});} (function($) {
$.fn.UItoTop = function(options) {
var defaults = {
text: 'To Top',
min: 200,
inDelay: 600,
outDelay: 400,
containerID: 'toTop',
containerHoverID: 'toTopHover',
scrollSpeed: 1200,
easingType: 'linear'
},
settings = $.extend(defaults, options),
containerIDhash = '#' + settings.containerID,
containerHoverIDHash = '#' + settings.containerHoverID;
$('body').append('<a href="#" id="' + settings.containerID + '">' + settings.text + '</a>');
$(containerIDhash).hide().on('click.UItoTop', function() {
$('html, body').animate({
scrollTop: 0
}, settings.scrollSpeed, settings.easingType);
$('#' + settings.containerHoverID, this).stop().animate({
'opacity': 0
}, settings.inDelay, settings.easingType);
return false;
}).prepend('<span id="' + settings.containerHoverID + '"></span>').hover(function() {
$(containerHoverIDHash, this).stop().animate({
'opacity': 1
}, 600, 'linear');
}, function() {
$(containerHoverIDHash, this).stop().animate({
'opacity': 0
}, 700, 'linear');
});
$(window).scroll(function() {
var sd = $(window).scrollTop();
if (typeof document.body.style.maxHeight === "undefined") {
$(containerIDhash).css({
'position': 'absolute',
'top': sd + $(window).height() - 50
});
}
if (sd > settings.min) if (sd > settings.min)
$(containerIDhash).fadeIn(settings.inDelay);else $(containerIDhash).fadeIn(settings.inDelay);
$(containerIDhash).fadeOut(settings.Outdelay);});};})(jQuery); else
$(containerIDhash).fadeOut(settings.Outdelay);
});
};
})(jQuery);