Skip to content

Instantly share code, notes, and snippets.

@onetechgenius

onetechgenius/index.html

Created April 23, 2016 17:25
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save onetechgenius/f0ad14322fafcde22ffdac8f80dba53f to your computer and use it in GitHub Desktop.
Save onetechgenius/f0ad14322fafcde22ffdac8f80dba53f to your computer and use it in GitHub Desktop.
Download ZIP
twin cities stories extras
Raw
index.html
<html >
<head>
<meta charset="UTF-8">
<meta name="google" value="notranslate">
<meta name="robots" content="noindex">
<title>CodePen - Extras</title>
<style>
body {
background: #3C3C3C;
margin: 0;
transition: all .3s linear;
-o-transition: all .3s linear;
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
}
#content {
transition: all .3s linear;
-o-transition: all .3s linear;
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
width: 78%;
float: right;
height: 450px;
padding: 10px;
}
p {
font-family: arial;
}
#search_con {
width: 100%;
float: left;
margin-bottom: 40px;
}
#ft-movie {
width: 100%;
height: 200px;
background-color: #333;
float: left;
cursor: pointer;
}
#ft-movie-info {
height: 80px;
width: 80%;
background: rgba(0,0,0,0.81);
color: #fff;
position: relative;
top: 120px;
font-family: arial;
float: right;
}
#ft-movie-info p {
padding: 30px;
margin: 0;
font-family: arial;
font-size: 19px;
color: #EEE;
}
#left {
background: #12161F;
width: 20%;
position: fixed;
left: 0;
top: 0;
height: 100%;
overflow: hidden;
}
#sbox {
width: 85%;
height: 40px;
float: left;
background: #1F2430;
outline: none;
color: #CECECE;
font-size: 12px;
border: 0 solid #fff;
}
#sbox:focus {
background: #343A47;
}
#sbtn {
float: left;
width: 15%;
height: 40px;
margin: 0;
padding: 8px;
border: 0 solid #fff;
font-family: arial,FontAwesome;
background-color: #131925;
background-image: url(http://designmodo.com/demo/dropdown-menu-search/search.png);
background-position: center;
background-repeat: no-repeat;
}
.options label {
padding: 5px;
}
.options {
float: left;
background-color: #EBEBEB;
border: 1px solid #C9C9C9;
margin: 3px;
padding: 5px;
}
#menu {
display: none;
position: absolute;
margin: auto;
top: 0;
left: 0;
width: 60px;
height: 60px;
background: #B43C3C;
background-color: !important;
z-index: 1;
cursor: pointer;
text-align: center;
line-height: 2;
color: #FFB8B8;
font-size: 30px;
}
#xmenu {
display: none;
position: absolute;
margin: auto;
top: 0;
left: 0;
width: 60px;
height: 60px;
background: #B43C3C;
background-color: !important;
z-index: 1;
cursor: pointer;
text-align: center;
line-height: 2;
color: #FFB8B8;
font-size: 30px;
}
#right {
background: #D8D8D8;
border-left: solid 1px #BDBDBD;
width: 20%;
position: fixed;
right: 0;
top: 0;
height: 100%;
float: right;
}
.post {
position: relative;
overflow: hidden;
width: 150px;
height: 200px;
background: #414141;
float: left;
margin: 5px;
}
#fav {
font-size: 13px;
padding: 15px;
width: 100%;
margin: 0;
background: #09627E;
text-decoration: none;
color: #fff;
font-family: FontAwesome,arial;
border: 0;
position: absolute;
bottom: 0;
}
#fav:hover {
height: 100%;
font-size: 15px;
padding-top: 112px;
background: url(http://d36xtkk24g8jdx.cloudfront.net/bluebar/19e7d59/images/p/glyph-heart-pop-big.png) center center;
background-size: 80%;
background-repeat: no-repeat;
}
#fav:active {
background-size: 120%;
}
#delete-fav {
font-size: 13px;
padding: 10px;
width: 30px;
height: 40px;
overflow: hidden;
line-height: 2;
margin: 0;
background: #E94545;
text-decoration: none;
color: #fff;
font-family: FontAwesome,arial;
font-weight: bolder;
border: 0;
position: absolute;
top: 0;
right: 0;
}
#delete-fav:hover {
width: 100%;
font-size: 10px;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}
#info {
height: 90px;
margin-top: 110px;
background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,1)));
background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#a6000000',GradientType=0);
}
.sbox {
margin-bottom: 15px;
background: #E7E7E7;
padding: 15px;
font-family: arial;
border: solid 1px #DBDBDB;
width: 85%;
}
label {
font-family: arial;
cursor: pointer;
}
.green {
cursor: pointer;
background-color: #5BD13E !important;
border: 0 solid #BEBCBC !important;
display: inline-block;
font-family: arial;
font-size: 15px;
font-weight: 700;
padding: 10px 38px;
text-decoration: none;
text-shadow: 0 1px 0 #AADE7C;
width: 200px;
padding: 0 !important;
height: 50px !important;
}
.green:hover {
background-color: #4EAD36 !important;
}
hr {
color: #DDD;
border: 1px solid;
}
#load {
cursor: default;
width: 95%;
background: #292929;
color: #D1D1D1;
border: solid 1px #202020;
border-radius: 3px;
height: 20px;
font-family: arial;
font-size: 18px;
padding: 10px;
float: left;
text-align: center;
clear: both;
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;
margin-top: 10px;
cursor: pointer;
}
#load a {
background: #DDD;
color: #696969;
padding: 10px;
}
#load a:hover {
background: #C7C7C7;
transition: all .3s linear;
-o-transition: all .3s linear;
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
}
.post:hover {
-webkit-filter: brightness(85%);
-webkit-transition: -webkit-filter .3s linear;
-moz-transition: -webkit-filter .3s linear;
-ms-transition: -webkit-filter .3s linear;
-o-transition: -webkit-filter .3s linear;
transition: -web-filter .3s linear;
}
.no_post_hover:hover {
-webkit-filter: brightness(100%);
}
h1 {
margin: 0;
padding: 5px;
font-size: 19px;
text-align: center;
color: #F3F3F3;
}
h2 {
font-family: arial;
color: #5F5F5F;
margin: 4px;
font-size: 20px;
}
.post_title {
font-family: arial;
color: #5F5F5F;
margin: 0;
float: left;
text-align: left;
width: 50%;
}
.post_info {
font-family: arial;
color: #8F8F8F;
margin-left: 8px;
text-align: left;
min-height: 155px;
width: 60%;
margin-top: 5px;
}
/* tags */
.tagholder {
position: relative;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
}
.tagitemover {
background-color: #FF5E5E !important;
}
.tagitem {
display: inline-block;
border: 1px solid #D8D8D8;
background-color: #F5F5F5;
margin-top: 2px;
margin-right: 2px;
margin-bottom: 2px;
margin-left: 2px;
float: left;
cursor: default;
}
.tagtext {
float: left;
position: relative;
padding: 18px 5px 15px;
margin: 0;
}
.tagclose {
font: Arial,Helvetica,sans-serif;
float: left;
position: relative;
padding: 0 2px;
margin: 0;
cursor: pointer;
}
.taginput {
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
vertical-align: bottom;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.taginput:focus {
outline: none;
}
.taginputholder {
display: inline-block;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
padding-left: 2px;
padding-right: 0;
padding-top: 7px;
padding-bottom: 0;
position: relative;
top: -5px;
}
/*/////end tags/////*/
#IMDb {
font-family: arial;
color: #000;
background: #f3ce13;
float: left;
height: 15px;
padding: 10px;
text-align: left;
text-decoration: none;
-o-transition: all .3s linear;
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
}
#IMDb:hover {
background: #FFD815;
}
#trailer {
font-family: FontAwesome,arial;
color: #E6E6E6;
background: #e74c3c;
background-color: !important;
float: left;
padding: 10px;
text-align: left;
text-decoration: none;
-o-transition: all .3s linear;
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
}
#trailer:hover {
background: #F35C4D;
background-color: !important;
}
#links {
width: 97%;
background: #E4E4E4;
border: solid 1px #D6D6D6;
float: left;
overflow: hidden;
}
.fa {
font-size: 15px;
}
#space {
height: 50px;
clear: both;
}
#social_btns {
height: 50px;
}
input[type="text"],input[type="url"] {
color: #3c3c3c;
font-family: Helvetica,Arial,sans-serif;
font-weight: 500;
font-size: 18px;
line-height: 22px;
background-color: #fbfbfb;
padding: 13px;
margin-bottom: 10px;
width: 80%;
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid rgba(0,0,0,0.13);
}
input[type="text"]:focus {
border: 1px solid rgba(110,68,68,0.41);
}
input[type="submit"] {
font-family: 'Montserrat',Arial,Helvetica,sans-serif;
float: left;
width: 200px;
border: #fbfbfb solid 2px;
cursor: pointer;
background-color: #CA4F4F;
background-color: !important;
color: #fff;
font-size: 20px;
padding-top: 20px;
padding-bottom: 20px;
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
margin-top: 5px;
font-weight: 700;
outline: none;
}
input[type="submit"]:hover {
background-color: rgba(54,54,54,1);
color: #fff;
}
a {
text-decoration: none;
}
#edit {
color: #FFF;
background: #49B645;
padding: 10px;
border-radius: 3px;
float: right;
}
#alinks {
color: #FFF;
background: #5C9CEE;
padding: 10px;
border-radius: 3px;
float: right;
margin-right: 15px;
}
#delete {
color: #FFF;
background: #EE5C5C;
padding: 10px;
border-radius: 3px;
float: right;
margin-left: 15px;
}
#MB {
position: absolute;
display: inline-block;
width: 60px;
height: 50px;
text-align: center;
color: #E2DDEA;
font-size: 2em;
overflow: hidden;
float: right;
}
.mm {
display: none;
}
#yes {
background: #01b601;
width: 100px;
margin-top: 25px;
outline: none;
}
#no {
background: red;
width: 100px;
outline: none;
}
#list li {
list-style: none;
background: #E6E6E6;
padding: 10px;
margin-bottom: 5px;
width: 80%;
height: 40px;
font-family: arial;
font-size: 12px;
border: solid 1px #DBDBDB;
}
#list p {
float: left;
color: #444;
}
.mlist {
background: #EEE;
padding: 3px;
padding-left: 10px;
border-bottom: 1px solid #D5D5D5;
font-family: arial;
font-size: 12px;
}
.mlist li {
list-style: none;
color: #252525;
}
.mlist:hover {
background: #E9E9E9;
}
#logo {
height: 100px;
width: 100%;
background: #CA4F4F;
background-color: !important;
overflow: hidden;
cursor: default;
}
#logo h1 {
line-height: 3;
padding: 5px;
font-size: 28px;
font-family: arial;
text-align: center;
color: #FFF;
}
#info h2 {
font-family: arial;
font-size: 12px;
color: #FFF;
padding-top: 66px;
margin-left: 8px;
width: 100%;
height: 15px;
overflow: hidden;
}
ul {
list-style: none;
margin: 0;
width: 100%;
float: right;
}
#nav a {
color: #C9C9C9;
text-decoration: none;
font-family: arial,FontAwesome;
font-size: 12px;
padding: 9px;
border-bottom: solid 1px #12161F;
width: 42%;
float: left;
}
#nav a:hover {
background: #1F2430;
}
::-webkit-scrollbar {
width: 8px;
}
/* Track */
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(77,77,77,0.96);
}
::-webkit-scrollbar-thumb {
background: rgba(116,116,116,0.8);
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(116,116,116,0.1);
}
scrollbar {
-moz-appearance: none !important;
background: #0f0 !important;
}
#username {
width: 98%;
height: 30px;
margin-bottom: 1px;
border: 0;
outline: none;
padding: 5px;
}
#password {
width: 98%;
height: 30px;
border: 0;
outline: none;
padding: 5px;
}
.login_button {
width: 100%;
height: 40px;
border: 0;
background: #5cb811;
color: #fff;
outline: none;
cursor: pointer;
font-weight: 700;
}
.register_button {
width: 100%;
height: 40px;
border: 0;
background: #1190B8;
color: #fff;
outline: none;
cursor: pointer;
font-weight: 700;
}
#or {
padding: 20px;
text-align: center;
font-family: arial;
font-size: 17px;
}
/*///////////////////////*/
/* Mobile/Responsive CSS */
/*///////////////////////*/
@media only screen and (max-width: 800px) {
#menu {
display: block;
}
#ft-movie-info {
width: 100%;
}
#delete {
padding: 10px;
height: 20px;
border-radius: 0;
margin-left: 0;
}
#edit {
padding: 10px;
height: 20px;
border-radius: 0;
}
#alinks {
padding: 10px;
height: 20px;
border-radius: 0;
margin-right: 0;
}
#list li {
padding: 0;
padding-left: 5px;
width: 94%;
}
#left {
overflow: hidden;
width: 100%;
height: 60px;
}
#content {
width: 93%;
margin-left: auto;
margin-right: auto;
}
#logo h1 {
line-height: 2;
}
#logo {
height: 60px;
}
.post_info {
margin-bottom: 30px;
width: 90%;
}
input[type="text"],input[type="url"] {
width: 95%;
}
}
@media only screen and (max-width: 380px) {
.post {
width: 95%;
}
.post_title {
width: 95%;
}
#menu {
display: block;
}
#logo h1 {
font-size: 24px;
margin-left: 20px;
}
input[type="text"],input[type="url"] {
width: 95%;
}
#list li {
padding: 0;
padding-left: 5px;
width: 94%;
}
}
</style>
</head>
<body>
<html>
<head>
<title>
</title>
</head>
<body>
<div id="window">
</div>
<div id="ft-movie" style=
"background: url('http://cdn.screenrant.com/wp-content/uploads/Iron-Man-3-Wallpaper-Wide-Shot.jpg') fixed center -170px; background-size: cover;">
<div id="ft-movie-info">
<p>Future Ready Media</p>
</div>
</div>
<div id="content">
<a href="http://www.movie-inn.com/content/2_guns.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/30lM3Uvzs6HOG5l4hzhwxYTWgd3.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>2 Guns</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/3_days_to_kill.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/3DaysToKill-Poster.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>3 Days to Kill</h2>
</div>
</div></a> <a href="http://www.movie-inn.com/content/4got10.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/4Got10-2015.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>4 Got 10</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/10_things_i_hate_about_you.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/10_things_-logo.PNG'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>10 Things I Hate About You</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/12_years_a_slave.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/banner-12-years-a-slave.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>12 Years A Slave</h2>
</div>
</div></a> <a href="http://www.movie-inn.com/content/13_sins.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/13-sins-sxsw-banner.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>13 Sins</h2>
</div>
</div></a> <a href="http://www.movie-inn.com/content/21_and_over.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/21.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>21 and Over</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/21_jump_street.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/21-Jump-Street2.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>21 Jump Steet</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/22_jump_street.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/22_jump_street-wide.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>22 Jump Street</h2>
</div>
</div></a> <a href="http://www.movie-inn.com/content/42.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/Jackie-Robinson-movie.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>42</h2>
</div>
</div></a> <a href="http://www.movie-inn.com/content/45_years.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/tumblr_ntlix7lQy11uas1u6o1_1280.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>45 Years</h2>
</div>
</div></a> <a href="http://www.movie-inn.com/content/47_ronin.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/47-Ronin-Hindi-Dubbed-Online.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>47 Ronin</h2>
</div>
</div></a> <a href="http://www.movie-inn.com/content/50_50.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/5050.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>50/50</h2>
</div>
</div></a> <a href="http://www.movie-inn.com/content/71.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/71-01.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>71</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/300_rise_of_an_empire.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/300-Rise-of-an-Empire-2013-Movie-Banner-Image.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>300 Rise of an Empire</h2>
</div>
</div></a> <a href="http://www.movie-inn.com/content/360.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/360-movie-500x250.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>360</h2>
</div>
</div></a> <a href="http://www.movie-inn.com/content/3096_days.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/3096.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>3096 Days</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/Gangster_Squad.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/Gangster+Squad.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Gangster Squad</h2>
</div>
</div></a> <a href="http://www.movie-inn.com/content/a_c_o_d.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/acod.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>A C O D</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/a_good_day_to_die_hard.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/A-good-day-to-die-hard-bruce-willis-wallpaper.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>A Good Day To Die Hard</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/a_haunted_house.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/ahauntedhouse.png'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>A Haunted House</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/a_little_chaos.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/a-little-chaos.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>A Little Chaos</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/a_long_way_down.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/a-long-way-down-soundtrack-2014.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>A Long Way Down</h2>
</div>
</div></a>
<ul>
<li>
<a href=
"http://www.movie-inn.com/content/a_million_ways_to_die_in_the_west.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/million.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>A Milion Ways To Die In The West</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/a_most_violent_year.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/a-most-violent-year-1.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>A Most Violent Year</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/a_most_wanted_man.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/a-most-wanted-man-poster3.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>A Most Wanted Man</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/a_perfect_day.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/aperfectday.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>A Perfect Day</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/a_single_shot.mp4">
<div class="post" style=
"background: url('http://ecx.images-amazon.com/images/I/51B20xpQeSL._SL500_AA280_.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>A single Shot</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/a_very_murray_christmas.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/a-very-murray-christmas-to-be-aired-on-netflix-today.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>A Very Murray Christmas</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/a_walk_among_the_tombstones.mp4">
<div class="post" style=
"background: url('http://cdn.wegotthiscovered.com/wp-content/uploads/Tombstones-618x400-556x360.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>A Walk Along The TombStones</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/about_a_boy.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/about+a+boy.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>About A Boy</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/about_last_night.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/about-last-night-jpg.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>About Last Night</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/about_time.mp4">
<div class="post" style=
"background: url('https://upload.wikimedia.org/wikipedia/en/8/88/About_Time_Poster.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>About Time</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/accidental_love.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/Accidental-Love-3.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Accidental Love</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/addicted.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/addicted-movie-poster.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Addicted</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/admission.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/admission.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Admission</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/african_cats.mp4">
<div class="post" style=
"background: url('http://www.mithmeoi.net/wp-content/uploads/2011/04/african-cats-poster-0c873.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>African Cats</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/after_earth.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/after-earth-movie-2013.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>After Earth</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/afternoon_delight.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/afternoondelight.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Afternoon Delight</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/alexander_and_the_terrible_horrible_no_good_very_bad_day.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/ALEXANDER-AND-THE-TERRIBLE-HORRIBLE-NO-GOOD-VERY-BAD-DAY-Activity-Sheets.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Alexandar And The Terrible</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/alice_in_wonderland.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/alice_original.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Alice and Wonderland</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/alice_in_wonderland_2010.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/alice_in_wonderland17.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Alice In Wonderland (2010)</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/all_hallows_eve.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/allhallowseve.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>All Hallows Eve</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/all_is_lost.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/all-is-lost-poster2.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>All is Lost</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/all_things_to_all_men.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/ALLTHINGSTOALLMEN.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>&gt;All Things to all Men</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/aloha.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/aloha-movie-poster-2015.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Aloha</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/america_imagine_the_world_without_her.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/america-the-movie.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>America Image The World Without Her</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/american_hustle.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/american-hustle-poster1.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>American Hustle</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/american_sniper.mp4">
<div class="post" style=
"background: url('http://ecx.images-amazon.com/images/I/71dEL0ZzrxL._SL1500_.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>American Sniper</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/amintiri_din_copilarie.mp4">
<div class="post" style=
"background: url('http://ecx.images-amazon.com/images/I/41yKjqXbLUL.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Aminitiri Din Copilarie</h2>
</div>
</div></a> <a href="http://www.movie-inn.com/content/amy.mp4">
<div class="post" style=
"background: url('https://upload.wikimedia.org/wikipedia/en/b/bf/Amy_Movie_Poster.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Amy</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/anchorman_the_legend_of_ron_burgundy.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/anchorman-the-legend-of-ron-burgundy-52067f3fdb404.png'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Anchorman 2</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/and_so_it_goes.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/and-so-it-goes-poster02.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>And So It Goes</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/anger_management.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/anger.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Anger Management</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/annabelle.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/annabelle-movie-wallpaper.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Annebelle</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/annie.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/hkvKhuUUgjJ4jrXKkvqoQ5JnQx5.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Annie</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/anomalisa.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/h6orfYDihFwZfneMvXyGUeTufeK.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Anomalisa</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/ant_man.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/D6e8RJf2qUstnfkTslTXNTUAlT.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Ant Man</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/antichrist.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/lY4Y9buUIZY17vpvL5dsBpbORo0.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Antichrist</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/apocalypse_pompeii.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/3hmR8kJxYY0lBqBxd9qIvSfoYK1.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Apocalypse Pompeii</h2>
</div>
</div></a> <a href="http://www.movie-inn.com/content/argo.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/oai3xLBQHpIh18VJdRCcL7D0Yg0.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Argo</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/armageddon.mp4">
<div class="post" style=
"background: url('https://i.ytimg.com/vi/-A18URNpejk/maxresdefault.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Armageddon</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/arthur_christmas.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/crjzhg2T1sPL9yE7bFHkYp0OfXG.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Arthur Christmas</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/as_cool_as_i_am.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/aRUrXT8VJzdhOQp0oLqEFEGmyhn.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>As Cool As I Am</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/as_good_as_it_gets.mp4">
<div class="post" style=
"background: url('http://ecx.images-amazon.com/images/I/919L%2BrFR3eL._SX385_.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>As Good As It Gets</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/assassins_run.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/pbn6CfmbyHoAZI0AZmNuAgxW1IB.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Assassins Run</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/assault_on_wall_street.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/5MPJ0anWmqo29DCbUMgE2ZPzGJx.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Assault On Wall Street</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/asterix_le_domaine_des_dieux.mp4">
<div class="post" style=
"background: url('http://ia.media-imdb.com/images/M/MV5BMTkyMjYzMjE1OV5BMl5BanBnXkFtZTgwNzk4Mzk1MzE@._V1_UY1200_CR126,0,630,1200_AL_.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>DomaineDesDieux</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/august_osage_county.mp4">
<div class="post" style=
"background: url('August Osage County'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>August Osage County</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/automata.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/automata.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Automata</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/avatar.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/Avatar.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Avatar</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/avengers_age_of_ultron.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/avengers.jpeg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Avengers Age of Ultron</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/babysitting.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/babysitting.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Babysitting</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/bad_ass.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/badass.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Bad Ass</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/bad_asses.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/Bad-Ass-2-2014.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Bad Asses</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/bad_country.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/badcountry.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Bad Country</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/bad_milo.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/badmilo.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Bad Milo</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/bad_words.mp4">
<div class="post" style=
"background: url('http://ecx.images-amazon.com/images/I/81EI8t2eYyL._SL1500_.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Bad Words</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/badges_of_fury.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/Badges-of-Fury-Poster-1.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Badges of Fury</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/baggage_claim.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/baggagec.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Baggage Claim</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/barefoot.mp4">
<div class="post" style=
"background: url('https://upload.wikimedia.org/wikipedia/en/6/6a/Barefoot_Poster.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Barefoot</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/barely_lethal.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/barely+legal.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Barely Lethal</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/batman_begins.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/Batman_Begins_Poster.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Batman Begins</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/battle_los_angeles.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/BattleLA.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Battle Los Angles</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/battle_of_the_damned.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/eFzAClSxcrSK8dQ5Bnay4L0d4UN.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Battle of the Damned</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/battle_of_the_year.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/iDQDeNCYlll4NfBhuO02sw3jbk7.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Battle of the Year</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/battleship.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/8R80QyDq7MCuBD8zMsNlminyXxy.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Battleship</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/bears.mp4">
<div class="post" style=
"background: url('https://i.ytimg.com/vi/EFl6guPcHvg/maxresdefault.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Bears</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/beautiful_creatures.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/beautiful-creatures-wallpaper-beautiful-creatures-movie-33031035-1280-800.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Beautiful Creatures</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/before_i_go_to_sleep.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/before-i-go-to-sleep.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Before I go to Sleep</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/before_midnight.mp4">
<div class="post" style=
"background: url('https://s3.amazonaws.com/movieicons/a/20130624-before-midnight-story.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Before Midnight</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/begin_again.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/og7KVMqGTFaCNPmGVetxtR30Q0z.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Begin Again</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/behind_the_candelabra.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w780/4k4caZuJUSGQD6BYk3Vuyb3gB6W.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Behind The Candelabra</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/belle.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/r0Vp6yjsKD41xF1h6lzRztgV201.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Belle</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/bessie.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/iIeUU85jVIQc9B07eXw6SATAEWz.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Bessie</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/better_living_through_chemistry.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/l7WXEkaZ0Uhhfzmatfktf5sbT7E.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Better Living Through Chemistry</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/beyond_the_mask.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/cWfsWgOADAU4ZMQa4s46RzS8KwH.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Beyond the Mask</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/big_eyes.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/tkxE7BLschoqNzTikrGvZN7IL7K.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Big Eyes</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/big_game.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/uSeDj6wb67WyBuwwAw9Nhh76quA.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Big Game</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/big_hero_6.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/hGRfWcy1HRGbsjK6jF7NILmqmFT.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Big Hero 6</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/birdman.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/rSZs93P0LLxqlVEbI001UKoeCQC.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Bird Man</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/black_mass.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/yIVnNriiyl522hk3LFLJrrMovhP.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Black Mass</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/blackfish.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/aqAYjUWZyoOjG9mHj380O0kFSxZ.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Blackfish</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/blackhat.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/sW3VEsulmxMlOmQwm0h7H7lZROi.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Blackhat</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/blended.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/l99PKd9tdwtpOS5jxHwDGKTsVUo.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Blended</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/blood_ties.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/csJb9jlaeu9aKPEhV8TDeHCpbk7.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Blood Ties</h2>
</div>
</div></a> <a href="http://www.movie-inn.com/content/blow.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/yCLLbZzAa7jreGus7pvjZmL0bj7.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Blow</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/blue_caprice.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/aT8Kq9ba9pDJApZNvnXqS6jnIMP.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Blue Caprice</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/blue_jasmine.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/tXzOAeub5ZaxGv9vkJLtU0aNenl.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Blue Jasmine</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/blue_ruin.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/jspgd5F60RH8sKFfuvVW5jVL1F0.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Blue Ruin</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/bone_tomahawk.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/8A51Ur47D0CNJhmvQlbif0vzyqZ.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Bone Tomahawk</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/bonnie_and_clyde.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/qnaI4ztS6Uo6uc0KwODc06aPkBN.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Bonnie and Clyde</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/boyhood.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/eKi4e5zXhQKs0De4xu5AAMvu376.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Boyhood</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/branded.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/sJJCtbM8vYtWSsaYeoldkC34Ofb.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Branded</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/brave.mp4">
<div class="post" style=
"background: url('https://d2xvau03q5a03y.cloudfront.net/brave-the-video-game-mac-product-dcbc8511b1d6e62c1a54ba89a775c02d.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Brave</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/breathe_in.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/8PYhHXwXgXvEiwPcTgeSaYqITe1.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Breathe In</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/brick_mansions.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/v6M79FGu0G9KSR7bvXL76NbwyqC.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Brick Mansions</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/bridge_of_spies.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/xPCNA8zJxyyFKTj47QpvkXHukzB.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Bridge of Spies</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/bridget_jones_diary.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/bSr5bdlAumfBWCibvMLvhvMEkkB.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Bridget Jones Diary</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/broken_city.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/pYDj2b15p4YdNz88XvO7QmBoHgD.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Broken City</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/bronson.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w780/pkcSa3xIi1rNrivl5MRwtRgbEYI.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Bronson</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/burnt.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w780/oYgYCnCc9e8C8pofu2TD1Z876vv.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Burnt</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/by_the_sea.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w780/4rKPAmocZamRaOJhri5qlxOZ06d.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>By The Sea</h2>
</div>
</div></a> <a href="http://www.movie-inn.com/content/cake.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/pU3BusgT96dWUM6O9uOKwpuRI4w.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Cake</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/camp_x_ray.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/oGcmIqOAbV8npgY57u7tqzwPgc.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Camp X Ray</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/captain_america_the_winter_soldier.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w780/4qfXT9BtxeFuamR4F49m2mpKQI1.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Captain America Winter Soldier</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/captain_phillips.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/AnMTMPTUzeWNbYxzp29WqYf1br1.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Captain Phillips</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/careful_what_you_wish_for.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w780/7PAQ85UXQ9IhZ5ZJIC1uC0h6PZK.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Careful What You Wish For</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/carol.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/AbKa7ANxmui0Jmhh7gV7OSELKIL.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Carol</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/carrie.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w780/7gTvjByEOx959HtetwcczO2eOJi.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Carrie</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/cavemen.mp4">
<div class="post" style=
"background: url('http://image.tmdb.org/t/p/w185/ye94HUDxkjH2u9Xrip8l9nvknaq.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Cavemen</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/chappie.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w370/saF3HtAduvrP9ytXDxSnQJP3oqx.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Chappie</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/chapter_27.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w780/eqAnkP3PbffTNVQFepzAePnxsnT.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Chapter 27</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/chasing_ice_2.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w780/y8a61rrxk6wunjVUOij1MUZ0nzd.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Chasing Ice</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/cheap_thrills.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/183jUshuMLtEBo6bf9q2VBISjQy.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Cheap Thrills</h2>
</div>
</div></a> <a href="http://www.movie-inn.com/content/chef.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/eXizmokfQYgDM0UZm2v8zdgYhD7.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Chef</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/child_44.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/nzXwfnBcsmREzHlem6fkStN1RUH.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Child 44</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/chimpanzee.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/i3IojCgvzVba9Fq2myvEGyoItE4.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Chippanzee</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/christmas_in_wonderland.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/98HbBvCUNs3lz57K4To0pYdreAz.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Christmas is Wonderful</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/christmas_with_the_kranks.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w780/cuH95R2FJ2gxZBj8lEUElxShy15.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Christmas with the Kranks</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/cinderella.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/2i0JH5WqYFqki7WDhUW56Sg0obh.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Cinderella</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/click.mp4">
<div class="post" style=
"background: url('http://stuffpoint.com/adam-sandler/image/76616-adam-sandler-adam-in-click.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Click</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/close_range.mp4">
<div class="post" style=
"background: url('http://image.tmdb.org/t/p/w185/vbKQn4YHPXNKb2hp64cJ84wsDh.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Close Range</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/closed_circuit.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w780/y3zMDdYfgEbqs2p0dHNkvS5HGgk.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Closed Circuit</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/cloud_atlas.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/8VNiyIp67ZxhpNgdrwACW0jgvP2.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Cloud Atlas</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/cloudy_with_a_chance_of_meatballs_2.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w780/7VZ38q1KK50VL8MDimRP6Y7rSY3.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>cloudy with a chance of meatballs 2</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/cody_the_robosapien.mp4">
<div class="post" style=
"background: url('http://image.tmdb.org/t/p/w300/55Ue7s9aTIHuPR6P1I1jR0V2zuK.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Cody The Robosapien</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/cold_in_july.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w370/zotsAuntzSFECpDWfkIWePcIJOq.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Cold in July</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/concussion.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/vdK1f9kpY5QEwrAiXs9R7PlerNC.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Concussion</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/copperhead.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/7uYGinNEJ72wWP27buITYSeET52.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Copperhead</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/creed.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/xSE4NBFDzqedwa4AIj99r1Z7ljF.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Creed</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/crimson_peak.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/pCj8zem1NDAODdtvha9WFEB6iWR.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Crimson Peak</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/curse_of_chucky.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/qoFfZa6b9xsr1dJwdb6SCiw2KHs.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Curse of Chucky</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/cut_bank.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/8NHY0tAmNtJGvpYVKjrFzMQqu5n.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Cut Bank</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/dallas_buyers_club.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/aoxYci1HnJdb4bno2jYSnzSGDkL.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Dallas Buyers Club</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/danny_collins.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/ye1xEG6SnrfAvzAkgLQSVNIm1oI.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Danny Collins</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/dark_skies.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/kaqkurs0iDCJGmJBBa6DRGacfA8.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Dark Skies</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/date_and_switch.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/orV7VUGoI6yEwhFDyifFGhkLFd4.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Date and Switch</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/dawn_of_the_planet_of_the_apes.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/2EUAUIu5lHFlkj5FRryohlH6CRO.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Dawn of the Planet of the Apes</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/dead_man_down.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/4hcWLlWTu3Saq2j24dHTKSLQSGe.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Dead Man Down</h2>
</div>
</div></a> <a href="http://www.movie-inn.com/content/deal.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/kHaBqrrozaG7rj6GJg3sUCiM29B.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Deal</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/deliver_us_from_evil.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/iI0FjaQcFGMlBClEGdMzTkOsOcP.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Deliver Us From Evil</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/delivery_man.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/XFNn7rL7JoG9eW0OoW8WU2wB4y.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Delivery Man</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/despicable_me.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/4zHJhBSY4kNZXfhTlmy2TzXD51M.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Despicable Me</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/despicable_me_2.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/ek09KXB8ytg9nUb3hDUpJn7APdT.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Despicable Me 2</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/dirty_dancing_havana_nights.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/nuUKcfRYjifwjIJPN1J6kIGcSvD.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Dirty Dancing Havana Nights</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/disconnect.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/kTLcEBTPzptlBP8auLRlK8KTKvV.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Disconnect</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/divergent.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/yTtx2ciqk4XdN1oKhMMDy3f5ue3.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Divergent</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/django_unchained.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/5WJnxuw41sddupf8cwOxYftuvJG.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Django Unchained</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/dolphin_tale.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/47eRTWQDx9lPkQgTWmuATNNkwBJ.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Dolphin Tale</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/dolphin_tale_2.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/ga714OrcrFhCrhbHUfDG47fUU5F.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Dolphin Tale 2</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/dom_hemingway.mp4">
<div class="post" style=
"background: url('https://image.tmdb.org/t/p/w500/z4yQiTC3EfwVPzVuBqjOELtfo3f.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>Dom Hemingway</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/hitch.mp4">
<div class="post" style=
"background: url('http://www.gstatic.com/tv/thumb/movieposters/35562/p35562_p_v8_av.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>hitch</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/hitchcock.mp4">
<div class="post" style=
"background: url('https://upload.wikimedia.org/wikipedia/en/3/3e/Hitchcock_film_poster.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>hitchcock</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/hitman.mp4">
<div class="post" style=
"background: url('http://www.gstatic.com/tv/thumb/movieposters/169802/p169802_p_v8_aj.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>hitman</h2>
</div>
</div></a> <a href="http://www.movie-inn.com/content/home.mp4">
<div class="post" style=
"background: url('http://www.josepvinaixa.com/blog/wp-content/uploads/2015/01/Home-Original-Motion-Picture-Soundtrack-2015-1500x1500.png'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>home</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/home_sweet_hell.mp4">
<div class="post" style=
"background: url(''); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>home_sweet_hell</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/homefront.mp4">
<div class="post" style=
"background: url('http://ecx.images-amazon.com/images/I/91zORm4fbcL._SL1500_.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>homefront</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/horns.mp4">
<div class="post" style=
"background: url('http://images6.fanpop.com/image/photos/37500000/International-Horns-Poster-daniel-radcliffe-37541959-800-1131.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>horns</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/horrible_bosses.mp4">
<div class="post" style=
"background: url('http://www.warnerbros.com/sites/default/files/horrible_bosses_keyart.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>horrible_bosses</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/horrible_bosses_2.mp4">
<div class="post" style=
"background: url('http://o.aolcdn.com/hss/storage/midas/e4a18899d0b99fbbe8038d20d7fb83c/200701873/hr_Horrible_Bosses_2_4.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>horrible_bosses_2</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/hot_pursuit.mp4">
<div class="post" style=
"background: url('http://img.goldposter.com/2015/04/Hot-Pursuit_poster_goldposter_com_6.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>hot_pursuit</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/hot_tub_time_machine_2.mp4">
<div class="post" style=
"background: url('http://2.bp.blogspot.com/-oHne4T35Z4Y/VIifurSFc5I/AAAAAAAAGEo/H-wRXfQHO8g/s1600/hottubtimemachine2.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>hot_tub_time_machine_2</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/hotel_transylvania_2.mp4">
<div class="post" style=
"background: url('http://www.sonypictures.com/movies/hoteltransylvania2/assets/images/onesheet.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>hotel_transylvania_2</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/hours.mp4">
<div class="post" style=
"background: url('http://i.azcentral.com/thingstodo/movies/images/131340/131340_aa.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>hours</h2>
</div>
</div></a> <a href=
"http://www.movie-inn.com/content/how_to_train_your_dragon.mp4">
<div class="post" style=
"background: url('http://ecx.images-amazon.com/images/I/91DnBoRk-WL._SL1500_.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>how_to_train_your_dragon</h2>
</div>
</div></a> <a href="https://paypal.me/1tg">
<div class="post" style=
"background: url('https://pbs.twimg.com/profile_images/548811656386465795/F7ysD8pT.png'); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div id="info">
<h2>DONATE PLEASE KEEP THIS GROWNING AND AD FREE</h2>
</div>
</div></a>
<div id="load">
Load More
</div>
<div id="space">
</div>
</li>
</ul>
</div>
<div id="left">
<div id="logo">
<h1>MediaMix</h1>
</div>
<span class="fa fa-bars" id="menu"></span> <span class="fa fa-times"
id="xmenu" style="display:none;"></span>
<div id="nav">
<ul>
<li>
<a class="fa fa-home" href="http://bit.do/Home-index-html"
style=
"font-size: 15px;border-bottom: solid 1px #1D212B;width: 94%;padding: 15px;">
Home</a>
</li>
<li style="list-style: none; display: inline">
<form action="index.html" method="post">
<input id="sbox" name="sbox" placeholder="Search" type=
"text"> <input class="fa fa-home" id="sbtn" type=
"submit" value=" ">
</form>
</li>
<li>
<a href="http://bit.do/action-index-html">Action</a>
</li>
<li>
<a href="http://bit.do/comedy-index-html">Comedy</a>
</li>
<li>
<a href="http://bit.do/cartoons-index-html">Cartoons</a>
</li>
<li>
<a href="http://bit.do/crime-index-html">Crime</a>
</li>
<li>
<a href="http://bit.do/drama-index-html">Drama</a>
</li>
<li>
<a href="http://bit.do/family-index-html">Family</a>
</li>
<li>
<a href="http://bit.do/horror-index-html">Horror</a>
</li>
<li>
<a href="http://bit.do/LiveTV-index-html">Live TV</a>
</li>
<li>
<a href="http://bit.do/Series-index-html">TV Series</a>
</li>
<li>
<a href="http://bit.do/Sports-index-html">Sports</a>
</li>
<li>
<a href="0#">EXTRAS</a>
</li>
<li style="list-style: none; display: inline">
<script src=
'http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'>
</script>
<script src=
'http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'>
</script>
<script src=
'http://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.2/backbone-min.js'>
</script>
<script src=
'http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js'>
</script>
<script src="js/index.js">
</script>
</li>
</ul>
</div>
</div>
</body>
</html>
<script>
/*!
* Bootstrap v3.3.5 (http://getbootstrap.com)
* Copyright 2011-2015 Twitter, Inc.
* Licensed under the MIT license
*/
if ("undefined" == typeof jQuery) throw new Error(
"Bootstrap's JavaScript requires jQuery"); + function(a) {
"use strict";
var b = a.fn.jquery.split(" ")[0].split(".");
if (b[0] < 2 && b[1] < 9 || 1 == b[0] && 9 == b[1] && b[2] < 1) throw new Error(
"Bootstrap's JavaScript requires jQuery version 1.9.1 or higher")
}(jQuery), + function(a) {
"use strict";
function b() {
var a = document.createElement("bootstrap"),
b = {
WebkitTransition: "webkitTransitionEnd",
MozTransition: "transitionend",
OTransition: "oTransitionEnd otransitionend",
transition: "transitionend"
};
for (var c in b)
if (void 0 !== a.style[c]) return {
end: b[c]
};
return !1
}
a.fn.emulateTransitionEnd = function(b) {
var c = !1,
d = this;
a(this)
.one("bsTransitionEnd", function() {
c = !0
});
var e = function() {
c || a(d)
.trigger(a.support.transition.end)
};
return setTimeout(e, b), this
}, a(function() {
a.support.transition = b(), a.support.transition && (a.event.special
.bsTransitionEnd = {
bindType: a.support.transition.end,
delegateType: a.support.transition.end,
handle: function(b) {
return a(b.target)
.is(this) ? b.handleObj.handler.apply(
this, arguments) : void 0
}
})
})
}(jQuery), + function(a) {
"use strict";
function b(b) {
return this.each(function() {
var c = a(this),
e = c.data("bs.alert");
e || c.data("bs.alert", e = new d(this)), "string" ==
typeof b && e[b].call(c)
})
}
var c = '[data-dismiss="alert"]',
d = function(b) {
a(b)
.on("click", c, this.close)
};
d.VERSION = "3.3.5", d.TRANSITION_DURATION = 150, d.prototype.close =
function(b) {
function c() {
g.detach()
.trigger("closed.bs.alert")
.remove()
}
var e = a(this),
f = e.attr("data-target");
f || (f = e.attr("href"), f = f && f.replace(/.*(?=#[^\s]*$)/, ""));
var g = a(f);
b && b.preventDefault(), g.length || (g = e.closest(".alert")), g.trigger(
b = a.Event("close.bs.alert")), b.isDefaultPrevented() || (
g.removeClass("in"), a.support.transition && g.hasClass(
"fade") ? g.one("bsTransitionEnd", c)
.emulateTransitionEnd(d.TRANSITION_DURATION) : c())
};
var e = a.fn.alert;
a.fn.alert = b, a.fn.alert.Constructor = d, a.fn.alert.noConflict =
function() {
return a.fn.alert = e, this
}, a(document)
.on("click.bs.alert.data-api", c, d.prototype.close)
}(jQuery), + function(a) {
"use strict";
function b(b) {
return this.each(function() {
var d = a(this),
e = d.data("bs.button"),
f = "object" == typeof b && b;
e || d.data("bs.button", e = new c(this, f)), "toggle" ==
b ? e.toggle() : b && e.setState(b)
})
}
var c = function(b, d) {
this.$element = a(b), this.options = a.extend({}, c.DEFAULTS, d),
this.isLoading = !1
};
c.VERSION = "3.3.5", c.DEFAULTS = {
loadingText: "loading..."
}, c.prototype.setState = function(b) {
var c = "disabled",
d = this.$element,
e = d.is("input") ? "val" : "html",
f = d.data();
b += "Text", null == f.resetText && d.data("resetText", d[e]()),
setTimeout(a.proxy(function() {
d[e](null == f[b] ? this.options[b] : f[b]),
"loadingText" == b ? (this.isLoading = !0, d.addClass(
c)
.attr(c, c)) : this.isLoading && (this.isLoading = !
1, d.removeClass(c)
.removeAttr(c))
}, this), 0)
}, c.prototype.toggle = function() {
var a = !0,
b = this.$element.closest('[data-toggle="buttons"]');
if (b.length) {
var c = this.$element.find("input");
"radio" == c.prop("type") ? (c.prop("checked") && (a = !1), b.find(
".active")
.removeClass("active"), this.$element.addClass("active")
) : "checkbox" == c.prop("type") && (c.prop("checked") !==
this.$element.hasClass("active") && (a = !1), this.$element
.toggleClass("active")), c.prop("checked", this.$element
.hasClass("active")), a && c.trigger("change")
} else this.$element.attr("aria-pressed", !this.$element.hasClass(
"active")), this.$element.toggleClass("active")
};
var d = a.fn.button;
a.fn.button = b, a.fn.button.Constructor = c, a.fn.button.noConflict =
function() {
return a.fn.button = d, this
}, a(document)
.on("click.bs.button.data-api", '[data-toggle^="button"]', function(c) {
var d = a(c.target);
d.hasClass("btn") || (d = d.closest(".btn")), b.call(d,
"toggle"), a(c.target)
.is('input[type="radio"]') || a(c.target)
.is('input[type="checkbox"]') || c.preventDefault()
})
.on("focus.bs.button.data-api blur.bs.button.data-api",
'[data-toggle^="button"]', function(b) {
a(b.target)
.closest(".btn")
.toggleClass("focus", /^focus(in)?$/.test(b.type))
})
}(jQuery), + function(a) {
"use strict";
function b(b) {
return this.each(function() {
var d = a(this),
e = d.data("bs.carousel"),
f = a.extend({}, c.DEFAULTS, d.data(), "object" ==
typeof b && b),
g = "string" == typeof b ? b : f.slide;
e || d.data("bs.carousel", e = new c(this, f)),
"number" == typeof b ? e.to(b) : g ? e[g]() : f.interval &&
e.pause()
.cycle()
})
}
var c = function(b, c) {
this.$element = a(b), this.$indicators = this.$element.find(
".carousel-indicators"), this.options = c, this.paused =
null, this.sliding = null, this.interval = null, this.$active =
null, this.$items = null, this.options.keyboard && this.$element
.on("keydown.bs.carousel", a.proxy(this.keydown, this)),
"hover" == this.options.pause && !("ontouchstart" in document.documentElement) &&
this.$element.on("mouseenter.bs.carousel", a.proxy(this.pause,
this))
.on("mouseleave.bs.carousel", a.proxy(this.cycle, this))
};
c.VERSION = "3.3.5", c.TRANSITION_DURATION = 600, c.DEFAULTS = {
interval: 5e3,
pause: "hover",
wrap: !0,
keyboard: !0
}, c.prototype.keydown = function(a) {
if (!/input|textarea/i.test(a.target.tagName)) {
switch (a.which) {
case 37:
this.prev();
break;
case 39:
this.next();
break;
default:
return
}
a.preventDefault()
}
}, c.prototype.cycle = function(b) {
return b || (this.paused = !1), this.interval && clearInterval(this
.interval), this.options.interval && !this.paused && (this.interval =
setInterval(a.proxy(this.next, this), this.options.interval)
), this
}, c.prototype.getItemIndex = function(a) {
return this.$items = a.parent()
.children(".item"), this.$items.index(a || this.$active)
}, c.prototype.getItemForDirection = function(a, b) {
var c = this.getItemIndex(b),
d = "prev" == a && 0 === c || "next" == a && c == this.$items.length -
1;
if (d && !this.options.wrap) return b;
var e = "prev" == a ? -1 : 1,
f = (c + e) % this.$items.length;
return this.$items.eq(f)
}, c.prototype.to = function(a) {
var b = this,
c = this.getItemIndex(this.$active = this.$element.find(
".item.active"));
return a > this.$items.length - 1 || 0 > a ? void 0 : this.sliding ?
this.$element.one("slid.bs.carousel", function() {
b.to(a)
}) : c == a ? this.pause()
.cycle() : this.slide(a > c ? "next" : "prev", this.$items.eq(a))
}, c.prototype.pause = function(b) {
return b || (this.paused = !0), this.$element.find(".next, .prev")
.length && a.support.transition && (this.$element.trigger(a.support
.transition.end), this.cycle(!0)), this.interval =
clearInterval(this.interval), this
}, c.prototype.next = function() {
return this.sliding ? void 0 : this.slide("next")
}, c.prototype.prev = function() {
return this.sliding ? void 0 : this.slide("prev")
}, c.prototype.slide = function(b, d) {
var e = this.$element.find(".item.active"),
f = d || this.getItemForDirection(b, e),
g = this.interval,
h = "next" == b ? "left" : "right",
i = this;
if (f.hasClass("active")) return this.sliding = !1;
var j = f[0],
k = a.Event("slide.bs.carousel", {
relatedTarget: j,
direction: h
});
if (this.$element.trigger(k), !k.isDefaultPrevented()) {
if (this.sliding = !0, g && this.pause(), this.$indicators.length) {
this.$indicators.find(".active")
.removeClass("active");
var l = a(this.$indicators.children()[this.getItemIndex(f)]);
l && l.addClass("active")
}
var m = a.Event("slid.bs.carousel", {
relatedTarget: j,
direction: h
});
return a.support.transition && this.$element.hasClass("slide") ?
(f.addClass(b), f[0].offsetWidth, e.addClass(h), f.addClass(
h), e.one("bsTransitionEnd", function() {
f.removeClass([b, h].join(" "))
.addClass("active"), e.removeClass([
"active", h].join(" ")), i.sliding = !1,
setTimeout(function() {
i.$element.trigger(m)
}, 0)
})
.emulateTransitionEnd(c.TRANSITION_DURATION)) : (e.removeClass(
"active"), f.addClass("active"), this.sliding = !1,
this.$element.trigger(m)), g && this.cycle(), this
}
};
var d = a.fn.carousel;
a.fn.carousel = b, a.fn.carousel.Constructor = c, a.fn.carousel.noConflict =
function() {
return a.fn.carousel = d, this
};
var e = function(c) {
var d, e = a(this),
f = a(e.attr("data-target") || (d = e.attr("href")) && d.replace(
/.*(?=#[^\s]+$)/, ""));
if (f.hasClass("carousel")) {
var g = a.extend({}, f.data(), e.data()),
h = e.attr("data-slide-to");
h && (g.interval = !1), b.call(f, g), h && f.data("bs.carousel")
.to(h), c.preventDefault()
}
};
a(document)
.on("click.bs.carousel.data-api", "[data-slide]", e)
.on("click.bs.carousel.data-api", "[data-slide-to]", e), a(window)
.on("load", function() {
a('[data-ride="carousel"]')
.each(function() {
var c = a(this);
b.call(c, c.data())
})
})
}(jQuery), + function(a) {
"use strict";
function b(b) {
var c, d = b.attr("data-target") || (c = b.attr("href")) && c.replace(
/.*(?=#[^\s]+$)/, "");
return a(d)
}
function c(b) {
return this.each(function() {
var c = a(this),
e = c.data("bs.collapse"),
f = a.extend({}, d.DEFAULTS, c.data(), "object" ==
typeof b && b);
!e && f.toggle && /show|hide/.test(b) && (f.toggle = !1),
e || c.data("bs.collapse", e = new d(this, f)),
"string" == typeof b && e[b]()
})
}
var d = function(b, c) {
this.$element = a(b), this.options = a.extend({}, d.DEFAULTS, c),
this.$trigger = a('[data-toggle="collapse"][href="#' + b.id +
'"],[data-toggle="collapse"][data-target="#' + b.id + '"]'),
this.transitioning = null, this.options.parent ? this.$parent =
this.getParent() : this.addAriaAndCollapsedClass(this.$element,
this.$trigger), this.options.toggle && this.toggle()
};
d.VERSION = "3.3.5", d.TRANSITION_DURATION = 350, d.DEFAULTS = {
toggle: !0
}, d.prototype.dimension = function() {
var a = this.$element.hasClass("width");
return a ? "width" : "height"
}, d.prototype.show = function() {
if (!this.transitioning && !this.$element.hasClass("in")) {
var b, e = this.$parent && this.$parent.children(".panel")
.children(".in, .collapsing");
if (!(e && e.length && (b = e.data("bs.collapse"), b && b.transitioning))) {
var f = a.Event("show.bs.collapse");
if (this.$element.trigger(f), !f.isDefaultPrevented()) {
e && e.length && (c.call(e, "hide"), b || e.data(
"bs.collapse", null));
var g = this.dimension();
this.$element.removeClass("collapse")
.addClass("collapsing")[g](0)
.attr("aria-expanded", !0), this.$trigger.removeClass(
"collapsed")
.attr("aria-expanded", !0), this.transitioning = 1;
var h = function() {
this.$element.removeClass("collapsing")
.addClass("collapse in")[g](""), this.transitioning =
0, this.$element.trigger(
"shown.bs.collapse")
};
if (!a.support.transition) return h.call(this);
var i = a.camelCase(["scroll", g].join("-"));
this.$element.one("bsTransitionEnd", a.proxy(h, this))
.emulateTransitionEnd(d.TRANSITION_DURATION)[g](
this.$element[0][i])
}
}
}
}, d.prototype.hide = function() {
if (!this.transitioning && this.$element.hasClass("in")) {
var b = a.Event("hide.bs.collapse");
if (this.$element.trigger(b), !b.isDefaultPrevented()) {
var c = this.dimension();
this.$element[c](this.$element[c]())[0].offsetHeight, this.$element
.addClass("collapsing")
.removeClass("collapse in")
.attr("aria-expanded", !1), this.$trigger.addClass(
"collapsed")
.attr("aria-expanded", !1), this.transitioning = 1;
var e = function() {
this.transitioning = 0, this.$element.removeClass(
"collapsing")
.addClass("collapse")
.trigger("hidden.bs.collapse")
};
return a.support.transition ? void this.$element[c](0)
.one("bsTransitionEnd", a.proxy(e, this))
.emulateTransitionEnd(d.TRANSITION_DURATION) : e.call(
this)
}
}
}, d.prototype.toggle = function() {
this[this.$element.hasClass("in") ? "hide" : "show"]()
}, d.prototype.getParent = function() {
return a(this.options.parent)
.find('[data-toggle="collapse"][data-parent="' + this.options.parent +
'"]')
.each(a.proxy(function(c, d) {
var e = a(d);
this.addAriaAndCollapsedClass(b(e), e)
}, this))
.end()
}, d.prototype.addAriaAndCollapsedClass = function(a, b) {
var c = a.hasClass("in");
a.attr("aria-expanded", c), b.toggleClass("collapsed", !c)
.attr("aria-expanded", c)
};
var e = a.fn.collapse;
a.fn.collapse = c, a.fn.collapse.Constructor = d, a.fn.collapse.noConflict =
function() {
return a.fn.collapse = e, this
}, a(document)
.on("click.bs.collapse.data-api", '[data-toggle="collapse"]', function(
d) {
var e = a(this);
e.attr("data-target") || d.preventDefault();
var f = b(e),
g = f.data("bs.collapse"),
h = g ? "toggle" : e.data();
c.call(f, h)
})
}(jQuery), + function(a) {
"use strict";
function b(b) {
var c = b.attr("data-target");
c || (c = b.attr("href"), c = c && /#[A-Za-z]/.test(c) && c.replace(
/.*(?=#[^\s]*$)/, ""));
var d = c && a(c);
return d && d.length ? d : b.parent()
}
function c(c) {
c && 3 === c.which || (a(e)
.remove(), a(f)
.each(function() {
var d = a(this),
e = b(d),
f = {
relatedTarget: this
};
e.hasClass("open") && (c && "click" == c.type &&
/input|textarea/i.test(c.target.tagName) &&
a.contains(e[0], c.target) || (e.trigger(c =
a.Event("hide.bs.dropdown", f)), c.isDefaultPrevented() ||
(d.attr("aria-expanded", "false"), e.removeClass(
"open")
.trigger("hidden.bs.dropdown", f)))
)
}))
}
function d(b) {
return this.each(function() {
var c = a(this),
d = c.data("bs.dropdown");
d || c.data("bs.dropdown", d = new g(this)), "string" ==
typeof b && d[b].call(c)
})
}
var e = ".dropdown-backdrop",
f = '[data-toggle="dropdown"]',
g = function(b) {
a(b)
.on("click.bs.dropdown", this.toggle)
};
g.VERSION = "3.3.5", g.prototype.toggle = function(d) {
var e = a(this);
if (!e.is(".disabled, :disabled")) {
var f = b(e),
g = f.hasClass("open");
if (c(), !g) {
"ontouchstart" in document.documentElement && !f.closest(
".navbar-nav")
.length && a(document.createElement("div"))
.addClass("dropdown-backdrop")
.insertAfter(a(this))
.on("click", c);
var h = {
relatedTarget: this
};
if (f.trigger(d = a.Event("show.bs.dropdown", h)), d.isDefaultPrevented())
return;
e.trigger("focus")
.attr("aria-expanded", "true"), f.toggleClass("open")
.trigger("shown.bs.dropdown", h)
}
return !1
}
}, g.prototype.keydown = function(c) {
if (/(38|40|27|32)/.test(c.which) && !/input|textarea/i.test(c.target
.tagName)) {
var d = a(this);
if (c.preventDefault(), c.stopPropagation(), !d.is(
".disabled, :disabled")) {
var e = b(d),
g = e.hasClass("open");
if (!g && 27 != c.which || g && 27 == c.which) return 27 ==
c.which && e.find(f)
.trigger("focus"), d.trigger("click");
var h = " li:not(.disabled):visible a",
i = e.find(".dropdown-menu" + h);
if (i.length) {
var j = i.index(c.target);
38 == c.which && j > 0 && j--, 40 == c.which && j < i.length -
1 && j++, ~j || (j = 0), i.eq(j)
.trigger("focus")
}
}
}
};
var h = a.fn.dropdown;
a.fn.dropdown = d, a.fn.dropdown.Constructor = g, a.fn.dropdown.noConflict =
function() {
return a.fn.dropdown = h, this
}, a(document)
.on("click.bs.dropdown.data-api", c)
.on("click.bs.dropdown.data-api", ".dropdown form", function(a) {
a.stopPropagation()
})
.on("click.bs.dropdown.data-api", f, g.prototype.toggle)
.on("keydown.bs.dropdown.data-api", f, g.prototype.keydown)
.on("keydown.bs.dropdown.data-api", ".dropdown-menu", g.prototype.keydown)
}(jQuery), + function(a) {
"use strict";
function b(b, d) {
return this.each(function() {
var e = a(this),
f = e.data("bs.modal"),
g = a.extend({}, c.DEFAULTS, e.data(), "object" ==
typeof b && b);
f || e.data("bs.modal", f = new c(this, g)), "string" ==
typeof b ? f[b](d) : g.show && f.show(d)
})
}
var c = function(b, c) {
this.options = c, this.$body = a(document.body), this.$element = a(
b), this.$dialog = this.$element.find(".modal-dialog"),
this.$backdrop = null, this.isShown = null, this.originalBodyPad =
null, this.scrollbarWidth = 0, this.ignoreBackdropClick = !1,
this.options.remote && this.$element.find(".modal-content")
.load(this.options.remote, a.proxy(function() {
this.$element.trigger("loaded.bs.modal")
}, this))
};
c.VERSION = "3.3.5", c.TRANSITION_DURATION = 300, c.BACKDROP_TRANSITION_DURATION =
150, c.DEFAULTS = {
backdrop: !0,
keyboard: !0,
show: !0
}, c.prototype.toggle = function(a) {
return this.isShown ? this.hide() : this.show(a)
}, c.prototype.show = function(b) {
var d = this,
e = a.Event("show.bs.modal", {
relatedTarget: b
});
this.$element.trigger(e), this.isShown || e.isDefaultPrevented() ||
(this.isShown = !0, this.checkScrollbar(), this.setScrollbar(),
this.$body.addClass("modal-open"), this.escape(), this.resize(),
this.$element.on("click.dismiss.bs.modal",
'[data-dismiss="modal"]', a.proxy(this.hide, this)),
this.$dialog.on("mousedown.dismiss.bs.modal", function() {
d.$element.one("mouseup.dismiss.bs.modal", function(
b) {
a(b.target)
.is(d.$element) && (d.ignoreBackdropClick = !
0)
})
}), this.backdrop(function() {
var e = a.support.transition && d.$element.hasClass(
"fade");
d.$element.parent()
.length || d.$element.appendTo(d.$body), d.$element
.show()
.scrollTop(0), d.adjustDialog(), e && d.$element[
0].offsetWidth, d.$element.addClass("in"),
d.enforceFocus();
var f = a.Event("shown.bs.modal", {
relatedTarget: b
});
e ? d.$dialog.one("bsTransitionEnd", function() {
d.$element.trigger("focus")
.trigger(f)
})
.emulateTransitionEnd(c.TRANSITION_DURATION) :
d.$element.trigger("focus")
.trigger(f)
}))
}, c.prototype.hide = function(b) {
b && b.preventDefault(), b = a.Event("hide.bs.modal"), this.$element
.trigger(b), this.isShown && !b.isDefaultPrevented() && (this.isShown = !
1, this.escape(), this.resize(), a(document)
.off("focusin.bs.modal"), this.$element.removeClass("in")
.off("click.dismiss.bs.modal")
.off("mouseup.dismiss.bs.modal"), this.$dialog.off(
"mousedown.dismiss.bs.modal"), a.support.transition &&
this.$element.hasClass("fade") ? this.$element.one(
"bsTransitionEnd", a.proxy(this.hideModal, this))
.emulateTransitionEnd(c.TRANSITION_DURATION) : this.hideModal()
)
}, c.prototype.enforceFocus = function() {
a(document)
.off("focusin.bs.modal")
.on("focusin.bs.modal", a.proxy(function(a) {
this.$element[0] === a.target || this.$element.has(
a.target)
.length || this.$element.trigger("focus")
}, this))
}, c.prototype.escape = function() {
this.isShown && this.options.keyboard ? this.$element.on(
"keydown.dismiss.bs.modal", a.proxy(function(a) {
27 == a.which && this.hide()
}, this)) : this.isShown || this.$element.off(
"keydown.dismiss.bs.modal")
}, c.prototype.resize = function() {
this.isShown ? a(window)
.on("resize.bs.modal", a.proxy(this.handleUpdate, this)) : a(
window)
.off("resize.bs.modal")
}, c.prototype.hideModal = function() {
var a = this;
this.$element.hide(), this.backdrop(function() {
a.$body.removeClass("modal-open"), a.resetAdjustments(),
a.resetScrollbar(), a.$element.trigger(
"hidden.bs.modal")
})
}, c.prototype.removeBackdrop = function() {
this.$backdrop && this.$backdrop.remove(), this.$backdrop = null
}, c.prototype.backdrop = function(b) {
var d = this,
e = this.$element.hasClass("fade") ? "fade" : "";
if (this.isShown && this.options.backdrop) {
var f = a.support.transition && e;
if (this.$backdrop = a(document.createElement("div"))
.addClass("modal-backdrop " + e)
.appendTo(this.$body), this.$element.on(
"click.dismiss.bs.modal", a.proxy(function(a) {
return this.ignoreBackdropClick ? void(this.ignoreBackdropClick = !
1) : void(a.target === a.currentTarget &&
("static" == this.options.backdrop ?
this.$element[0].focus() : this.hide()
))
}, this)), f && this.$backdrop[0].offsetWidth, this.$backdrop
.addClass("in"), !b) return;
f ? this.$backdrop.one("bsTransitionEnd", b)
.emulateTransitionEnd(c.BACKDROP_TRANSITION_DURATION) : b()
} else if (!this.isShown && this.$backdrop) {
this.$backdrop.removeClass("in");
var g = function() {
d.removeBackdrop(), b && b()
};
a.support.transition && this.$element.hasClass("fade") ? this.$backdrop
.one("bsTransitionEnd", g)
.emulateTransitionEnd(c.BACKDROP_TRANSITION_DURATION) : g()
} else b && b()
}, c.prototype.handleUpdate = function() {
this.adjustDialog()
}, c.prototype.adjustDialog = function() {
var a = this.$element[0].scrollHeight > document.documentElement.clientHeight;
this.$element.css({
paddingLeft: !this.bodyIsOverflowing && a ? this.scrollbarWidth : "",
paddingRight: this.bodyIsOverflowing && !a ? this.scrollbarWidth : ""
})
}, c.prototype.resetAdjustments = function() {
this.$element.css({
paddingLeft: "",
paddingRight: ""
})
}, c.prototype.checkScrollbar = function() {
var a = window.innerWidth;
if (!a) {
var b = document.documentElement.getBoundingClientRect();
a = b.right - Math.abs(b.left)
}
this.bodyIsOverflowing = document.body.clientWidth < a, this.scrollbarWidth =
this.measureScrollbar()
}, c.prototype.setScrollbar = function() {
var a = parseInt(this.$body.css("padding-right") || 0, 10);
this.originalBodyPad = document.body.style.paddingRight || "", this
.bodyIsOverflowing && this.$body.css("padding-right", a + this.scrollbarWidth)
}, c.prototype.resetScrollbar = function() {
this.$body.css("padding-right", this.originalBodyPad)
}, c.prototype.measureScrollbar = function() {
var a = document.createElement("div");
a.className = "modal-scrollbar-measure", this.$body.append(a);
var b = a.offsetWidth - a.clientWidth;
return this.$body[0].removeChild(a), b
};
var d = a.fn.modal;
a.fn.modal = b, a.fn.modal.Constructor = c, a.fn.modal.noConflict =
function() {
return a.fn.modal = d, this
}, a(document)
.on("click.bs.modal.data-api", '[data-toggle="modal"]', function(c) {
var d = a(this),
e = d.attr("href"),
f = a(d.attr("data-target") || e && e.replace(
/.*(?=#[^\s]+$)/, "")),
g = f.data("bs.modal") ? "toggle" : a.extend({
remote: !/#/.test(e) && e
}, f.data(), d.data());
d.is("a") && c.preventDefault(), f.one("show.bs.modal",
function(a) {
a.isDefaultPrevented() || f.one("hidden.bs.modal",
function() {
d.is(":visible") && d.trigger("focus")
})
}), b.call(f, g, this)
})
}(jQuery), + function(a) {
"use strict";
function b(b) {
return this.each(function() {
var d = a(this),
e = d.data("bs.tooltip"),
f = "object" == typeof b && b;
(e || !/destroy|hide/.test(b)) && (e || d.data(
"bs.tooltip", e = new c(this, f)), "string" ==
typeof b && e[b]())
})
}
var c = function(a, b) {
this.type = null, this.options = null, this.enabled = null, this.timeout =
null, this.hoverState = null, this.$element = null, this.inState =
null, this.init("tooltip", a, b)
};
c.VERSION = "3.3.5", c.TRANSITION_DURATION = 150, c.DEFAULTS = {
animation: !0,
placement: "top",
selector: !1,
template: '<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',
trigger: "hover focus",
title: "",
delay: 0,
html: !1,
container: !1,
viewport: {
selector: "body",
padding: 0
}
}, c.prototype.init = function(b, c, d) {
if (this.enabled = !0, this.type = b, this.$element = a(c), this.options =
this.getOptions(d), this.$viewport = this.options.viewport && a(
a.isFunction(this.options.viewport) ? this.options.viewport
.call(this, this.$element) : this.options.viewport.selector ||
this.options.viewport), this.inState = {
click: !1,
hover: !1,
focus: !1
}, this.$element[0] instanceof document.constructor && !this.options
.selector) throw new Error(
"`selector` option must be specified when initializing " +
this.type + " on the window.document object!");
for (var e = this.options.trigger.split(" "), f = e.length; f--;) {
var g = e[f];
if ("click" == g) this.$element.on("click." + this.type, this.options
.selector, a.proxy(this.toggle, this));
else if ("manual" != g) {
var h = "hover" == g ? "mouseenter" : "focusin",
i = "hover" == g ? "mouseleave" : "focusout";
this.$element.on(h + "." + this.type, this.options.selector,
a.proxy(this.enter, this)), this.$element.on(i +
"." + this.type, this.options.selector, a.proxy(
this.leave, this))
}
}
this.options.selector ? this._options = a.extend({}, this.options, {
trigger: "manual",
selector: ""
}) : this.fixTitle()
}, c.prototype.getDefaults = function() {
return c.DEFAULTS
}, c.prototype.getOptions = function(b) {
return b = a.extend({}, this.getDefaults(), this.$element.data(), b),
b.delay && "number" == typeof b.delay && (b.delay = {
show: b.delay,
hide: b.delay
}), b
}, c.prototype.getDelegateOptions = function() {
var b = {},
c = this.getDefaults();
return this._options && a.each(this._options, function(a, d) {
c[a] != d && (b[a] = d)
}), b
}, c.prototype.enter = function(b) {
var c = b instanceof this.constructor ? b : a(b.currentTarget)
.data("bs." + this.type);
return c || (c = new this.constructor(b.currentTarget, this.getDelegateOptions()),
a(b.currentTarget)
.data("bs." + this.type, c)), b instanceof a.Event && (c.inState[
"focusin" == b.type ? "focus" : "hover"] = !0), c.tip()
.hasClass("in") || "in" == c.hoverState ? void(c.hoverState =
"in") : (clearTimeout(c.timeout), c.hoverState = "in", c.options
.delay && c.options.delay.show ? void(c.timeout =
setTimeout(function() {
"in" == c.hoverState && c.show()
}, c.options.delay.show)) : c.show())
}, c.prototype.isInStateTrue = function() {
for (var a in this.inState)
if (this.inState[a]) return !0;
return !1
}, c.prototype.leave = function(b) {
var c = b instanceof this.constructor ? b : a(b.currentTarget)
.data("bs." + this.type);
return c || (c = new this.constructor(b.currentTarget, this.getDelegateOptions()),
a(b.currentTarget)
.data("bs." + this.type, c)), b instanceof a.Event && (c.inState[
"focusout" == b.type ? "focus" : "hover"] = !1), c.isInStateTrue() ?
void 0 : (clearTimeout(c.timeout), c.hoverState = "out", c.options
.delay && c.options.delay.hide ? void(c.timeout =
setTimeout(function() {
"out" == c.hoverState && c.hide()
}, c.options.delay.hide)) : c.hide())
}, c.prototype.show = function() {
var b = a.Event("show.bs." + this.type);
if (this.hasContent() && this.enabled) {
this.$element.trigger(b);
var d = a.contains(this.$element[0].ownerDocument.documentElement,
this.$element[0]);
if (b.isDefaultPrevented() || !d) return;
var e = this,
f = this.tip(),
g = this.getUID(this.type);
this.setContent(), f.attr("id", g), this.$element.attr(
"aria-describedby", g), this.options.animation && f.addClass(
"fade");
var h = "function" == typeof this.options.placement ? this.options
.placement.call(this, f[0], this.$element[0]) : this.options
.placement,
i = /\s?auto?\s?/i,
j = i.test(h);
j && (h = h.replace(i, "") || "top"), f.detach()
.css({
top: 0,
left: 0,
display: "block"
})
.addClass(h)
.data("bs." + this.type, this), this.options.container ? f.appendTo(
this.options.container) : f.insertAfter(this.$element),
this.$element.trigger("inserted.bs." + this.type);
var k = this.getPosition(),
l = f[0].offsetWidth,
m = f[0].offsetHeight;
if (j) {
var n = h,
o = this.getPosition(this.$viewport);
h = "bottom" == h && k.bottom + m > o.bottom ? "top" :
"top" == h && k.top - m < o.top ? "bottom" : "right" ==
h && k.right + l > o.width ? "left" : "left" == h && k.left -
l < o.left ? "right" : h, f.removeClass(n)
.addClass(h)
}
var p = this.getCalculatedOffset(h, k, l, m);
this.applyPlacement(p, h);
var q = function() {
var a = e.hoverState;
e.$element.trigger("shown.bs." + e.type), e.hoverState =
null, "out" == a && e.leave(e)
};
a.support.transition && this.$tip.hasClass("fade") ? f.one(
"bsTransitionEnd", q)
.emulateTransitionEnd(c.TRANSITION_DURATION) : q()
}
}, c.prototype.applyPlacement = function(b, c) {
var d = this.tip(),
e = d[0].offsetWidth,
f = d[0].offsetHeight,
g = parseInt(d.css("margin-top"), 10),
h = parseInt(d.css("margin-left"), 10);
isNaN(g) && (g = 0), isNaN(h) && (h = 0), b.top += g, b.left += h,
a.offset.setOffset(d[0], a.extend({
using: function(a) {
d.css({
top: Math.round(a.top),
left: Math.round(a.left)
})
}
}, b), 0), d.addClass("in");
var i = d[0].offsetWidth,
j = d[0].offsetHeight;
"top" == c && j != f && (b.top = b.top + f - j);
var k = this.getViewportAdjustedDelta(c, b, i, j);
k.left ? b.left += k.left : b.top += k.top;
var l = /top|bottom/.test(c),
m = l ? 2 * k.left - e + i : 2 * k.top - f + j,
n = l ? "offsetWidth" : "offsetHeight";
d.offset(b), this.replaceArrow(m, d[0][n], l)
}, c.prototype.replaceArrow = function(a, b, c) {
this.arrow()
.css(c ? "left" : "top", 50 * (1 - a / b) + "%")
.css(c ? "top" : "left", "")
}, c.prototype.setContent = function() {
var a = this.tip(),
b = this.getTitle();
a.find(".tooltip-inner")[this.options.html ? "html" : "text"](b), a
.removeClass("fade in top bottom left right")
}, c.prototype.hide = function(b) {
function d() {
"in" != e.hoverState && f.detach(), e.$element.removeAttr(
"aria-describedby")
.trigger("hidden.bs." + e.type), b && b()
}
var e = this,
f = a(this.$tip),
g = a.Event("hide.bs." + this.type);
return this.$element.trigger(g), g.isDefaultPrevented() ? void 0 :
(f.removeClass("in"), a.support.transition && f.hasClass("fade") ?
f.one("bsTransitionEnd", d)
.emulateTransitionEnd(c.TRANSITION_DURATION) : d(), this.hoverState =
null, this)
}, c.prototype.fixTitle = function() {
var a = this.$element;
(a.attr("title") || "string" != typeof a.attr("data-original-title")) &&
a.attr("data-original-title", a.attr("title") || "")
.attr("title", "")
}, c.prototype.hasContent = function() {
return this.getTitle()
}, c.prototype.getPosition = function(b) {
b = b || this.$element;
var c = b[0],
d = "BODY" == c.tagName,
e = c.getBoundingClientRect();
null == e.width && (e = a.extend({}, e, {
width: e.right - e.left,
height: e.bottom - e.top
}));
var f = d ? {
top: 0,
left: 0
} : b.offset(),
g = {
scroll: d ? document.documentElement.scrollTop || document.body
.scrollTop : b.scrollTop()
},
h = d ? {
width: a(window)
.width(),
height: a(window)
.height()
} : null;
return a.extend({}, e, g, h, f)
}, c.prototype.getCalculatedOffset = function(a, b, c, d) {
return "bottom" == a ? {
top: b.top + b.height,
left: b.left + b.width / 2 - c / 2
} : "top" == a ? {
top: b.top - d,
left: b.left + b.width / 2 - c / 2
} : "left" == a ? {
top: b.top + b.height / 2 - d / 2,
left: b.left - c
} : {
top: b.top + b.height / 2 - d / 2,
left: b.left + b.width
}
}, c.prototype.getViewportAdjustedDelta = function(a, b, c, d) {
var e = {
top: 0,
left: 0
};
if (!this.$viewport) return e;
var f = this.options.viewport && this.options.viewport.padding || 0,
g = this.getPosition(this.$viewport);
if (/right|left/.test(a)) {
var h = b.top - f - g.scroll,
i = b.top + f - g.scroll + d;
h < g.top ? e.top = g.top - h : i > g.top + g.height && (e.top =
g.top + g.height - i)
} else {
var j = b.left - f,
k = b.left + f + c;
j < g.left ? e.left = g.left - j : k > g.right && (e.left = g.left +
g.width - k)
}
return e
}, c.prototype.getTitle = function() {
var a, b = this.$element,
c = this.options;
return a = b.attr("data-original-title") || ("function" == typeof c
.title ? c.title.call(b[0]) : c.title)
}, c.prototype.getUID = function(a) {
do a += ~~(1e6 * Math.random()); while (document.getElementById(a));
return a
}, c.prototype.tip = function() {
if (!this.$tip && (this.$tip = a(this.options.template), 1 != this.$tip
.length)) throw new Error(this.type +
" `template` option must consist of exactly 1 top-level element!"
);
return this.$tip
}, c.prototype.arrow = function() {
return this.$arrow = this.$arrow || this.tip()
.find(".tooltip-arrow")
}, c.prototype.enable = function() {
this.enabled = !0
}, c.prototype.disable = function() {
this.enabled = !1
}, c.prototype.toggleEnabled = function() {
this.enabled = !this.enabled
}, c.prototype.toggle = function(b) {
var c = this;
b && (c = a(b.currentTarget)
.data("bs." + this.type), c || (c = new this.constructor(b.currentTarget,
this.getDelegateOptions()), a(b.currentTarget)
.data("bs." + this.type, c))), b ? (c.inState.click = !
c.inState.click, c.isInStateTrue() ? c.enter(c) : c.leave(c)
) : c.tip()
.hasClass("in") ? c.leave(c) : c.enter(c)
}, c.prototype.destroy = function() {
var a = this;
clearTimeout(this.timeout), this.hide(function() {
a.$element.off("." + a.type)
.removeData("bs." + a.type), a.$tip && a.$tip.detach(),
a.$tip = null, a.$arrow = null, a.$viewport = null
})
};
var d = a.fn.tooltip;
a.fn.tooltip = b, a.fn.tooltip.Constructor = c, a.fn.tooltip.noConflict =
function() {
return a.fn.tooltip = d, this
}
}(jQuery), + function(a) {
"use strict";
function b(b) {
return this.each(function() {
var d = a(this),
e = d.data("bs.popover"),
f = "object" == typeof b && b;
(e || !/destroy|hide/.test(b)) && (e || d.data(
"bs.popover", e = new c(this, f)), "string" ==
typeof b && e[b]())
})
}
var c = function(a, b) {
this.init("popover", a, b)
};
if (!a.fn.tooltip) throw new Error("Popover requires tooltip.js");
c.VERSION = "3.3.5", c.DEFAULTS = a.extend({}, a.fn.tooltip.Constructor.DEFAULTS, {
placement: "right",
trigger: "click",
content: "",
template: '<div class="popover" role="tooltip"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'
}), c.prototype = a.extend({}, a.fn.tooltip.Constructor.prototype), c.prototype
.constructor = c, c.prototype.getDefaults = function() {
return c.DEFAULTS
}, c.prototype.setContent = function() {
var a = this.tip(),
b = this.getTitle(),
c = this.getContent();
a.find(".popover-title")[this.options.html ? "html" : "text"](b), a
.find(".popover-content")
.children()
.detach()
.end()[this.options.html ? "string" == typeof c ? "html" :
"append" : "text"](c), a.removeClass(
"fade top bottom left right in"), a.find(".popover-title")
.html() || a.find(".popover-title")
.hide()
}, c.prototype.hasContent = function() {
return this.getTitle() || this.getContent()
}, c.prototype.getContent = function() {
var a = this.$element,
b = this.options;
return a.attr("data-content") || ("function" == typeof b.content ?
b.content.call(a[0]) : b.content)
}, c.prototype.arrow = function() {
return this.$arrow = this.$arrow || this.tip()
.find(".arrow")
};
var d = a.fn.popover;
a.fn.popover = b, a.fn.popover.Constructor = c, a.fn.popover.noConflict =
function() {
return a.fn.popover = d, this
}
}(jQuery), + function(a) {
"use strict";
function b(c, d) {
this.$body = a(document.body), this.$scrollElement = a(a(c)
.is(document.body) ? window : c), this.options = a.extend({},
b.DEFAULTS, d), this.selector = (this.options.target || "") +
" .nav li > a", this.offsets = [], this.targets = [], this.activeTarget =
null, this.scrollHeight = 0, this.$scrollElement.on(
"scroll.bs.scrollspy", a.proxy(this.process, this)), this.refresh(),
this.process()
}
function c(c) {
return this.each(function() {
var d = a(this),
e = d.data("bs.scrollspy"),
f = "object" == typeof c && c;
e || d.data("bs.scrollspy", e = new b(this, f)),
"string" == typeof c && e[c]()
})
}
b.VERSION = "3.3.5", b.DEFAULTS = {
offset: 10
}, b.prototype.getScrollHeight = function() {
return this.$scrollElement[0].scrollHeight || Math.max(this.$body[0]
.scrollHeight, document.documentElement.scrollHeight)
}, b.prototype.refresh = function() {
var b = this,
c = "offset",
d = 0;
this.offsets = [], this.targets = [], this.scrollHeight = this.getScrollHeight(),
a.isWindow(this.$scrollElement[0]) || (c = "position", d = this
.$scrollElement.scrollTop()), this.$body.find(this.selector)
.map(function() {
var b = a(this),
e = b.data("target") || b.attr("href"),
f = /^#./.test(e) && a(e);
return f && f.length && f.is(":visible") && [[f[c]()
.top + d, e]] || null
})
.sort(function(a, b) {
return a[0] - b[0]
})
.each(function() {
b.offsets.push(this[0]), b.targets.push(this[1])
})
}, b.prototype.process = function() {
var a, b = this.$scrollElement.scrollTop() + this.options.offset,
c = this.getScrollHeight(),
d = this.options.offset + c - this.$scrollElement.height(),
e = this.offsets,
f = this.targets,
g = this.activeTarget;
if (this.scrollHeight != c && this.refresh(), b >= d) return g != (
a = f[f.length - 1]) && this.activate(a);
if (g && b < e[0]) return this.activeTarget = null, this.clear();
for (a = e.length; a--;) g != f[a] && b >= e[a] && (void 0 === e[a +
1] || b < e[a + 1]) && this.activate(f[a])
}, b.prototype.activate = function(b) {
this.activeTarget = b, this.clear();
var c = this.selector + '[data-target="' + b + '"],' + this.selector +
'[href="' + b + '"]',
d = a(c)
.parents("li")
.addClass("active");
d.parent(".dropdown-menu")
.length && (d = d.closest("li.dropdown")
.addClass("active")),
d.trigger("activate.bs.scrollspy")
}, b.prototype.clear = function() {
a(this.selector)
.parentsUntil(this.options.target, ".active")
.removeClass("active")
};
var d = a.fn.scrollspy;
a.fn.scrollspy = c, a.fn.scrollspy.Constructor = b, a.fn.scrollspy.noConflict =
function() {
return a.fn.scrollspy = d, this
}, a(window)
.on("load.bs.scrollspy.data-api", function() {
a('[data-spy="scroll"]')
.each(function() {
var b = a(this);
c.call(b, b.data())
})
})
}(jQuery), + function(a) {
"use strict";
function b(b) {
return this.each(function() {
var d = a(this),
e = d.data("bs.tab");
e || d.data("bs.tab", e = new c(this)), "string" ==
typeof b && e[b]()
})
}
var c = function(b) {
this.element = a(b)
};
c.VERSION = "3.3.5", c.TRANSITION_DURATION = 150, c.prototype.show =
function() {
var b = this.element,
c = b.closest("ul:not(.dropdown-menu)"),
d = b.data("target");
if (d || (d = b.attr("href"), d = d && d.replace(/.*(?=#[^\s]*$)/,
"")), !b.parent("li")
.hasClass("active")) {
var e = c.find(".active:last a"),
f = a.Event("hide.bs.tab", {
relatedTarget: b[0]
}),
g = a.Event("show.bs.tab", {
relatedTarget: e[0]
});
if (e.trigger(f), b.trigger(g), !g.isDefaultPrevented() && !f.isDefaultPrevented()) {
var h = a(d);
this.activate(b.closest("li"), c), this.activate(h, h.parent(),
function() {
e.trigger({
type: "hidden.bs.tab",
relatedTarget: b[0]
}), b.trigger({
type: "shown.bs.tab",
relatedTarget: e[0]
})
})
}
}
}, c.prototype.activate = function(b, d, e) {
function f() {
g.removeClass("active")
.find("> .dropdown-menu > .active")
.removeClass("active")
.end()
.find('[data-toggle="tab"]')
.attr("aria-expanded", !1), b.addClass("active")
.find('[data-toggle="tab"]')
.attr("aria-expanded", !0), h ? (b[0].offsetWidth, b.addClass(
"in")) : b.removeClass("fade"), b.parent(
".dropdown-menu")
.length && b.closest("li.dropdown")
.addClass("active")
.end()
.find('[data-toggle="tab"]')
.attr("aria-expanded", !0), e && e()
}
var g = d.find("> .active"),
h = e && a.support.transition && (g.length && g.hasClass("fade") ||
!!d.find("> .fade")
.length);
g.length && h ? g.one("bsTransitionEnd", f)
.emulateTransitionEnd(c.TRANSITION_DURATION) : f(), g.removeClass(
"in")
};
var d = a.fn.tab;
a.fn.tab = b, a.fn.tab.Constructor = c, a.fn.tab.noConflict = function() {
return a.fn.tab = d, this
};
var e = function(c) {
c.preventDefault(), b.call(a(this), "show")
};
a(document)
.on("click.bs.tab.data-api", '[data-toggle="tab"]', e)
.on("click.bs.tab.data-api", '[data-toggle="pill"]', e)
}(jQuery), + function(a) {
"use strict";
function b(b) {
return this.each(function() {
var d = a(this),
e = d.data("bs.affix"),
f = "object" == typeof b && b;
e || d.data("bs.affix", e = new c(this, f)), "string" ==
typeof b && e[b]()
})
}
var c = function(b, d) {
this.options = a.extend({}, c.DEFAULTS, d), this.$target = a(this.options
.target)
.on("scroll.bs.affix.data-api", a.proxy(this.checkPosition,
this))
.on("click.bs.affix.data-api", a.proxy(this.checkPositionWithEventLoop,
this)), this.$element = a(b), this.affixed = null, this.unpin =
null, this.pinnedOffset = null, this.checkPosition()
};
c.VERSION = "3.3.5", c.RESET = "affix affix-top affix-bottom", c.DEFAULTS = {
offset: 0,
target: window
}, c.prototype.getState = function(a, b, c, d) {
var e = this.$target.scrollTop(),
f = this.$element.offset(),
g = this.$target.height();
if (null != c && "top" == this.affixed) return c > e ? "top" : !1;
if ("bottom" == this.affixed) return null != c ? e + this.unpin <=
f.top ? !1 : "bottom" : a - d >= e + g ? !1 : "bottom";
var h = null == this.affixed,
i = h ? e : f.top,
j = h ? g : b;
return null != c && c >= e ? "top" : null != d && i + j >= a - d ?
"bottom" : !1
}, c.prototype.getPinnedOffset = function() {
if (this.pinnedOffset) return this.pinnedOffset;
this.$element.removeClass(c.RESET)
.addClass("affix");
var a = this.$target.scrollTop(),
b = this.$element.offset();
return this.pinnedOffset = b.top - a
}, c.prototype.checkPositionWithEventLoop = function() {
setTimeout(a.proxy(this.checkPosition, this), 1)
}, c.prototype.checkPosition = function() {
if (this.$element.is(":visible")) {
var b = this.$element.height(),
d = this.options.offset,
e = d.top,
f = d.bottom,
g = Math.max(a(document)
.height(), a(document.body)
.height());
"object" != typeof d && (f = e = d), "function" == typeof e &&
(e = d.top(this.$element)), "function" == typeof f && (f =
d.bottom(this.$element));
var h = this.getState(g, b, e, f);
if (this.affixed != h) {
null != this.unpin && this.$element.css("top", "");
var i = "affix" + (h ? "-" + h : ""),
j = a.Event(i + ".bs.affix");
if (this.$element.trigger(j), j.isDefaultPrevented()) return;
this.affixed = h, this.unpin = "bottom" == h ? this.getPinnedOffset() :
null, this.$element.removeClass(c.RESET)
.addClass(i)
.trigger(i.replace("affix", "affixed") + ".bs.affix")
}
"bottom" == h && this.$element.offset({
top: g - b - f
})
}
};
var d = a.fn.affix;
a.fn.affix = b, a.fn.affix.Constructor = c, a.fn.affix.noConflict =
function() {
return a.fn.affix = d, this
}, a(window)
.on("load", function() {
a('[data-spy="affix"]')
.each(function() {
var c = a(this),
d = c.data();
d.offset = d.offset || {}, null != d.offsetBottom &&
(d.offset.bottom = d.offsetBottom), null != d.offsetTop &&
(d.offset.top = d.offsetTop), b.call(c, d)
})
})
}(jQuery);
(function(t, e) {
if (typeof define === "function" && define.amd) {
define(["underscore", "jquery", "exports"], function(i, r, s) {
t.Backbone = e(t, s, i, r)
})
} else if (typeof exports !== "undefined") {
var i = require("underscore");
e(t, exports, i)
} else {
t.Backbone = e(t, {}, t._, t.jQuery || t.Zepto || t.ender || t.$)
}
})(this, function(t, e, i, r) {
var s = t.Backbone;
var n = [];
var a = n.push;
var o = n.slice;
var h = n.splice;
e.VERSION = "1.1.2";
e.$ = r;
e.noConflict = function() {
t.Backbone = s;
return this
};
e.emulateHTTP = false;
e.emulateJSON = false;
var u = e.Events = {
on: function(t, e, i) {
if (!c(this, "on", t, [e, i]) || !e) return this;
this._events || (this._events = {});
var r = this._events[t] || (this._events[t] = []);
r.push({
callback: e,
context: i,
ctx: i || this
});
return this
},
once: function(t, e, r) {
if (!c(this, "once", t, [e, r]) || !e) return this;
var s = this;
var n = i.once(function() {
s.off(t, n);
e.apply(this, arguments)
});
n._callback = e;
return this.on(t, n, r)
},
off: function(t, e, r) {
var s, n, a, o, h, u, l, f;
if (!this._events || !c(this, "off", t, [e, r])) return
this;
if (!t && !e && !r) {
this._events = void 0;
return this
}
o = t ? [t] : i.keys(this._events);
for (h = 0, u = o.length; h < u; h++) {
t = o[h];
if (a = this._events[t]) {
this._events[t] = s = [];
if (e || r) {
for (l = 0, f = a.length; l < f; l++) {
n = a[l];
if (e && e !== n.callback && e !== n.callback
._callback || r && r !== n.context) {
s.push(n)
}
}
}
if (!s.length) delete this._events[t]
}
}
return this
},
trigger: function(t) {
if (!this._events) return this;
var e = o.call(arguments, 1);
if (!c(this, "trigger", t, e)) return this;
var i = this._events[t];
var r = this._events.all;
if (i) f(i, e);
if (r) f(r, arguments);
return this
},
stopListening: function(t, e, r) {
var s = this._listeningTo;
if (!s) return this;
var n = !e && !r;
if (!r && typeof e === "object") r = this;
if (t)(s = {})[t._listenId] = t;
for (var a in s) {
t = s[a];
t.off(e, r, this);
if (n || i.isEmpty(t._events)) delete this._listeningTo[
a]
}
return this
}
};
var l = /\s+/;
var c = function(t, e, i, r) {
if (!i) return true;
if (typeof i === "object") {
for (var s in i) {
t[e].apply(t, [s, i[s]].concat(r))
}
return false
}
if (l.test(i)) {
var n = i.split(l);
for (var a = 0, o = n.length; a < o; a++) {
t[e].apply(t, [n[a]].concat(r))
}
return false
}
return true
};
var f = function(t, e) {
var i, r = -1,
s = t.length,
n = e[0],
a = e[1],
o = e[2];
switch (e.length) {
case 0:
while (++r < s)(i = t[r])
.callback.call(i.ctx);
return;
case 1:
while (++r < s)(i = t[r])
.callback.call(i.ctx, n);
return;
case 2:
while (++r < s)(i = t[r])
.callback.call(i.ctx, n, a);
return;
case 3:
while (++r < s)(i = t[r])
.callback.call(i.ctx, n, a, o);
return;
default:
while (++r < s)(i = t[r])
.callback.apply(i.ctx, e);
return
}
};
var d = {
listenTo: "on",
listenToOnce: "once"
};
i.each(d, function(t, e) {
u[e] = function(e, r, s) {
var n = this._listeningTo || (this._listeningTo = {});
var a = e._listenId || (e._listenId = i.uniqueId(
"l"));
n[a] = e;
if (!s && typeof r === "object") s = this;
e[t](r, s, this);
return this
}
});
u.bind = u.on;
u.unbind = u.off;
i.extend(e, u);
var p = e.Model = function(t, e) {
var r = t || {};
e || (e = {});
this.cid = i.uniqueId("c");
this.attributes = {};
if (e.collection) this.collection = e.collection;
if (e.parse) r = this.parse(r, e) || {};
r = i.defaults({}, r, i.result(this, "defaults"));
this.set(r, e);
this.changed = {};
this.initialize.apply(this, arguments)
};
i.extend(p.prototype, u, {
changed: null,
validationError: null,
idAttribute: "id",
initialize: function() {},
toJSON: function(t) {
return i.clone(this.attributes)
},
sync: function() {
return e.sync.apply(this, arguments)
},
get: function(t) {
return this.attributes[t]
},
escape: function(t) {
return i.escape(this.get(t))
},
has: function(t) {
return this.get(t) != null
},
set: function(t, e, r) {
var s, n, a, o, h, u, l, c;
if (t == null) return this;
if (typeof t === "object") {
n = t;
r = e
} else {
(n = {})[t] = e
}
r || (r = {});
if (!this._validate(n, r)) return false;
a = r.unset;
h = r.silent;
o = [];
u = this._changing;
this._changing = true;
if (!u) {
this._previousAttributes = i.clone(this.attributes);
this.changed = {}
}
c = this.attributes, l = this._previousAttributes;
if (this.idAttribute in n) this.id = n[this.idAttribute];
for (s in n) {
e = n[s];
if (!i.isEqual(c[s], e)) o.push(s);
if (!i.isEqual(l[s], e)) {
this.changed[s] = e
} else {
delete this.changed[s]
}
a ? delete c[s] : c[s] = e
}
if (!h) {
if (o.length) this._pending = r;
for (var f = 0, d = o.length; f < d; f++) {
this.trigger("change:" + o[f], this, c[o[f]],
r)
}
}
if (u) return this;
if (!h) {
while (this._pending) {
r = this._pending;
this._pending = false;
this.trigger("change", this, r)
}
}
this._pending = false;
this._changing = false;
return this
},
unset: function(t, e) {
return this.set(t, void 0, i.extend({}, e, {
unset: true
}))
},
clear: function(t) {
var e = {};
for (var r in this.attributes) e[r] = void 0;
return this.set(e, i.extend({}, t, {
unset: true
}))
},
hasChanged: function(t) {
if (t == null) return !i.isEmpty(this.changed);
return i.has(this.changed, t)
},
changedAttributes: function(t) {
if (!t) return this.hasChanged() ? i.clone(this.changed) :
false;
var e, r = false;
var s = this._changing ? this._previousAttributes :
this.attributes;
for (var n in t) {
if (i.isEqual(s[n], e = t[n])) continue;
(r || (r = {}))[n] = e
}
return r
},
previous: function(t) {
if (t == null || !this._previousAttributes) return
null;
return this._previousAttributes[t]
},
previousAttributes: function() {
return i.clone(this._previousAttributes)
},
fetch: function(t) {
t = t ? i.clone(t) : {};
if (t.parse === void 0) t.parse = true;
var e = this;
var r = t.success;
t.success = function(i) {
if (!e.set(e.parse(i, t), t)) return false;
if (r) r(e, i, t);
e.trigger("sync", e, i, t)
};
q(this, t);
return this.sync("read", this, t)
},
save: function(t, e, r) {
var s, n, a, o = this.attributes;
if (t == null || typeof t === "object") {
s = t;
r = e
} else {
(s = {})[t] = e
}
r = i.extend({
validate: true
}, r);
if (s && !r.wait) {
if (!this.set(s, r)) return false
} else {
if (!this._validate(s, r)) return false
} if (s && r.wait) {
this.attributes = i.extend({}, o, s)
}
if (r.parse === void 0) r.parse = true;
var h = this;
var u = r.success;
r.success = function(t) {
h.attributes = o;
var e = h.parse(t, r);
if (r.wait) e = i.extend(s || {}, e);
if (i.isObject(e) && !h.set(e, r)) {
return false
}
if (u) u(h, t, r);
h.trigger("sync", h, t, r)
};
q(this, r);
n = this.isNew() ? "create" : r.patch ? "patch" :
"update";
if (n === "patch") r.attrs = s;
a = this.sync(n, this, r);
if (s && r.wait) this.attributes = o;
return a
},
destroy: function(t) {
t = t ? i.clone(t) : {};
var e = this;
var r = t.success;
var s = function() {
e.trigger("destroy", e, e.collection, t)
};
t.success = function(i) {
if (t.wait || e.isNew()) s();
if (r) r(e, i, t);
if (!e.isNew()) e.trigger("sync", e, i, t)
};
if (this.isNew()) {
t.success();
return false
}
q(this, t);
var n = this.sync("delete", this, t);
if (!t.wait) s();
return n
},
url: function() {
var t = i.result(this, "urlRoot") || i.result(this.collection,
"url") || M();
if (this.isNew()) return t;
return t.replace(/([^\/])$/, "$1/") +
encodeURIComponent(this.id)
},
parse: function(t, e) {
return t
},
clone: function() {
return new this.constructor(this.attributes)
},
isNew: function() {
return !this.has(this.idAttribute)
},
isValid: function(t) {
return this._validate({}, i.extend(t || {}, {
validate: true
}))
},
_validate: function(t, e) {
if (!e.validate || !this.validate) return true;
t = i.extend({}, this.attributes, t);
var r = this.validationError = this.validate(t, e) ||
null;
if (!r) return true;
this.trigger("invalid", this, r, i.extend(e, {
validationError: r
}));
return false
}
});
var v = ["keys", "values", "pairs", "invert", "pick", "omit"];
i.each(v, function(t) {
p.prototype[t] = function() {
var e = o.call(arguments);
e.unshift(this.attributes);
return i[t].apply(i, e)
}
});
var g = e.Collection = function(t, e) {
e || (e = {});
if (e.model) this.model = e.model;
if (e.comparator !== void 0) this.comparator = e.comparator;
this._reset();
this.initialize.apply(this, arguments);
if (t) this.reset(t, i.extend({
silent: true
}, e))
};
var m = {
add: true,
remove: true,
merge: true
};
var y = {
add: true,
remove: false
};
i.extend(g.prototype, u, {
model: p,
initialize: function() {},
toJSON: function(t) {
return this.map(function(e) {
return e.toJSON(t)
})
},
sync: function() {
return e.sync.apply(this, arguments)
},
add: function(t, e) {
return this.set(t, i.extend({
merge: false
}, e, y))
},
remove: function(t, e) {
var r = !i.isArray(t);
t = r ? [t] : i.clone(t);
e || (e = {});
var s, n, a, o;
for (s = 0, n = t.length; s < n; s++) {
o = t[s] = this.get(t[s]);
if (!o) continue;
delete this._byId[o.id];
delete this._byId[o.cid];
a = this.indexOf(o);
this.models.splice(a, 1);
this.length--;
if (!e.silent) {
e.index = a;
o.trigger("remove", o, this, e)
}
this._removeReference(o, e)
}
return r ? t[0] : t
},
set: function(t, e) {
e = i.defaults({}, e, m);
if (e.parse) t = this.parse(t, e);
var r = !i.isArray(t);
t = r ? t ? [t] : [] : i.clone(t);
var s, n, a, o, h, u, l;
var c = e.at;
var f = this.model;
var d = this.comparator && c == null && e.sort !==
false;
var v = i.isString(this.comparator) ? this.comparator :
null;
var g = [],
y = [],
_ = {};
var b = e.add,
w = e.merge,
x = e.remove;
var E = !d && b && x ? [] : false;
for (s = 0, n = t.length; s < n; s++) {
h = t[s] || {};
if (h instanceof p) {
a = o = h
} else {
a = h[f.prototype.idAttribute || "id"]
} if (u = this.get(a)) {
if (x) _[u.cid] = true;
if (w) {
h = h === o ? o.attributes : h;
if (e.parse) h = u.parse(h, e);
u.set(h, e);
if (d && !l && u.hasChanged(v)) l =
true
}
t[s] = u
} else if (b) {
o = t[s] = this._prepareModel(h, e);
if (!o) continue;
g.push(o);
this._addReference(o, e)
}
o = u || o;
if (E && (o.isNew() || !_[o.id])) E.push(o);
_[o.id] = true
}
if (x) {
for (s = 0, n = this.length; s < n; ++s) {
if (!_[(o = this.models[s])
.cid]) y.push(o)
}
if (y.length) this.remove(y, e)
}
if (g.length || E && E.length) {
if (d) l = true;
this.length += g.length;
if (c != null) {
for (s = 0, n = g.length; s < n; s++) {
this.models.splice(c + s, 0, g[s])
}
} else {
if (E) this.models.length = 0;
var k = E || g;
for (s = 0, n = k.length; s < n; s++) {
this.models.push(k[s])
}
}
}
if (l) this.sort({
silent: true
});
if (!e.silent) {
for (s = 0, n = g.length; s < n; s++) {
(o = g[s])
.trigger("add", o, this, e)
}
if (l || E && E.length) this.trigger("sort",
this, e)
}
return r ? t[0] : t
},
reset: function(t, e) {
e || (e = {});
for (var r = 0, s = this.models.length; r < s; r++) {
this._removeReference(this.models[r], e)
}
e.previousModels = this.models;
this._reset();
t = this.add(t, i.extend({
silent: true
}, e));
if (!e.silent) this.trigger("reset", this, e);
return t
},
push: function(t, e) {
return this.add(t, i.extend({
at: this.length
}, e))
},
pop: function(t) {
var e = this.at(this.length - 1);
this.remove(e, t);
return e
},
unshift: function(t, e) {
return this.add(t, i.extend({
at: 0
}, e))
},
shift: function(t) {
var e = this.at(0);
this.remove(e, t);
return e
},
slice: function() {
return o.apply(this.models, arguments)
},
get: function(t) {
if (t == null) return void 0;
return this._byId[t] || this._byId[t.id] || this._byId[
t.cid]
},
at: function(t) {
return this.models[t]
},
where: function(t, e) {
if (i.isEmpty(t)) return e ? void 0 : [];
return this[e ? "find" : "filter"](function(e) {
for (var i in t) {
if (t[i] !== e.get(i)) return false
}
return true
})
},
findWhere: function(t) {
return this.where(t, true)
},
sort: function(t) {
if (!this.comparator) throw new Error(
"Cannot sort a set without a comparator");
t || (t = {});
if (i.isString(this.comparator) || this.comparator.length ===
1) {
this.models = this.sortBy(this.comparator, this)
} else {
this.models.sort(i.bind(this.comparator, this))
} if (!t.silent) this.trigger("sort", this, t);
return this
},
pluck: function(t) {
return i.invoke(this.models, "get", t)
},
fetch: function(t) {
t = t ? i.clone(t) : {};
if (t.parse === void 0) t.parse = true;
var e = t.success;
var r = this;
t.success = function(i) {
var s = t.reset ? "reset" : "set";
r[s](i, t);
if (e) e(r, i, t);
r.trigger("sync", r, i, t)
};
q(this, t);
return this.sync("read", this, t)
},
create: function(t, e) {
e = e ? i.clone(e) : {};
if (!(t = this._prepareModel(t, e))) return false;
if (!e.wait) this.add(t, e);
var r = this;
var s = e.success;
e.success = function(t, i) {
if (e.wait) r.add(t, e);
if (s) s(t, i, e)
};
t.save(null, e);
return t
},
parse: function(t, e) {
return t
},
clone: function() {
return new this.constructor(this.models)
},
_reset: function() {
this.length = 0;
this.models = [];
this._byId = {}
},
_prepareModel: function(t, e) {
if (t instanceof p) return t;
e = e ? i.clone(e) : {};
e.collection = this;
var r = new this.model(t, e);
if (!r.validationError) return r;
this.trigger("invalid", this, r.validationError, e);
return false
},
_addReference: function(t, e) {
this._byId[t.cid] = t;
if (t.id != null) this._byId[t.id] = t;
if (!t.collection) t.collection = this;
t.on("all", this._onModelEvent, this)
},
_removeReference: function(t, e) {
if (this === t.collection) delete t.collection;
t.off("all", this._onModelEvent, this)
},
_onModelEvent: function(t, e, i, r) {
if ((t === "add" || t === "remove") && i !== this)
return;
if (t === "destroy") this.remove(e, r);
if (e && t === "change:" + e.idAttribute) {
delete this._byId[e.previous(e.idAttribute)];
if (e.id != null) this._byId[e.id] = e
}
this.trigger.apply(this, arguments)
}
});
var _ = ["forEach", "each", "map", "collect", "reduce", "foldl",
"inject", "reduceRight", "foldr", "find", "detect", "filter",
"select", "reject", "every", "all", "some", "any", "include",
"contains", "invoke", "max", "min", "toArray", "size", "first",
"head", "take", "initial", "rest", "tail", "drop", "last",
"without", "difference", "indexOf", "shuffle", "lastIndexOf",
"isEmpty", "chain", "sample"];
i.each(_, function(t) {
g.prototype[t] = function() {
var e = o.call(arguments);
e.unshift(this.models);
return i[t].apply(i, e)
}
});
var b = ["groupBy", "countBy", "sortBy", "indexBy"];
i.each(b, function(t) {
g.prototype[t] = function(e, r) {
var s = i.isFunction(e) ? e : function(t) {
return t.get(e)
};
return i[t](this.models, s, r)
}
});
var w = e.View = function(t) {
this.cid = i.uniqueId("view");
t || (t = {});
i.extend(this, i.pick(t, E));
this._ensureElement();
this.initialize.apply(this, arguments);
this.delegateEvents()
};
var x = /^(\S+)\s*(.*)$/;
var E = ["model", "collection", "el", "id", "attributes", "className",
"tagName", "events"];
i.extend(w.prototype, u, {
tagName: "div",
$: function(t) {
return this.$el.find(t)
},
initialize: function() {},
render: function() {
return this
},
remove: function() {
this.$el.remove();
this.stopListening();
return this
},
setElement: function(t, i) {
if (this.$el) this.undelegateEvents();
this.$el = t instanceof e.$ ? t : e.$(t);
this.el = this.$el[0];
if (i !== false) this.delegateEvents();
return this
},
delegateEvents: function(t) {
if (!(t || (t = i.result(this, "events")))) return
this;
this.undelegateEvents();
for (var e in t) {
var r = t[e];
if (!i.isFunction(r)) r = this[t[e]];
if (!r) continue;
var s = e.match(x);
var n = s[1],
a = s[2];
r = i.bind(r, this);
n += ".delegateEvents" + this.cid;
if (a === "") {
this.$el.on(n, r)
} else {
this.$el.on(n, a, r)
}
}
return this
},
undelegateEvents: function() {
this.$el.off(".delegateEvents" + this.cid);
return this
},
_ensureElement: function() {
if (!this.el) {
var t = i.extend({}, i.result(this,
"attributes"));
if (this.id) t.id = i.result(this, "id");
if (this.className) t["class"] = i.result(this,
"className");
var r = e.$("<" + i.result(this, "tagName") +
">")
.attr(t);
this.setElement(r, false)
} else {
this.setElement(i.result(this, "el"), false)
}
}
});
e.sync = function(t, r, s) {
var n = T[t];
i.defaults(s || (s = {}), {
emulateHTTP: e.emulateHTTP,
emulateJSON: e.emulateJSON
});
var a = {
type: n,
dataType: "json"
};
if (!s.url) {
a.url = i.result(r, "url") || M()
}
if (s.data == null && r && (t === "create" || t === "update" ||
t === "patch")) {
a.contentType = "application/json";
a.data = JSON.stringify(s.attrs || r.toJSON(s))
}
if (s.emulateJSON) {
a.contentType = "application/x-www-form-urlencoded";
a.data = a.data ? {
model: a.data
} : {}
}
if (s.emulateHTTP && (n === "PUT" || n === "DELETE" || n ===
"PATCH")) {
a.type = "POST";
if (s.emulateJSON) a.data._method = n;
var o = s.beforeSend;
s.beforeSend = function(t) {
t.setRequestHeader("X-HTTP-Method-Override", n);
if (o) return o.apply(this, arguments)
}
}
if (a.type !== "GET" && !s.emulateJSON) {
a.processData = false
}
if (a.type === "PATCH" && k) {
a.xhr = function() {
return new ActiveXObject("Microsoft.XMLHTTP")
}
}
var h = s.xhr = e.ajax(i.extend(a, s));
r.trigger("request", r, h, s);
return h
};
var k = typeof window !== "undefined" && !!window.ActiveXObject && !(
window.XMLHttpRequest && (new XMLHttpRequest)
.dispatchEvent);
var T = {
create: "POST",
update: "PUT",
patch: "PATCH",
"delete": "DELETE",
read: "GET"
};
e.ajax = function() {
return e.$.ajax.apply(e.$, arguments)
};
var $ = e.Router = function(t) {
t || (t = {});
if (t.routes) this.routes = t.routes;
this._bindRoutes();
this.initialize.apply(this, arguments)
};
var S = /\((.*?)\)/g;
var H = /(\(\?)?:\w+/g;
var A = /\*\w+/g;
var I = /[\-{}\[\]+?.,\\\^$|#\s]/g;
i.extend($.prototype, u, {
initialize: function() {},
route: function(t, r, s) {
if (!i.isRegExp(t)) t = this._routeToRegExp(t);
if (i.isFunction(r)) {
s = r;
r = ""
}
if (!s) s = this[r];
var n = this;
e.history.route(t, function(i) {
var a = n._extractParameters(t, i);
n.execute(s, a);
n.trigger.apply(n, ["route:" + r].concat(
a));
n.trigger("route", r, a);
e.history.trigger("route", n, r, a)
});
return this
},
execute: function(t, e) {
if (t) t.apply(this, e)
},
navigate: function(t, i) {
e.history.navigate(t, i);
return this
},
_bindRoutes: function() {
if (!this.routes) return;
this.routes = i.result(this, "routes");
var t, e = i.keys(this.routes);
while ((t = e.pop()) != null) {
this.route(t, this.routes[t])
}
},
_routeToRegExp: function(t) {
t = t.replace(I, "\\$&")
.replace(S, "(?:$1)?")
.replace(H, function(t, e) {
return e ? t : "([^/?]+)"
})
.replace(A, "([^?]*?)");
return new RegExp("^" + t + "(?:\\?([\\s\\S]*))?$")
},
_extractParameters: function(t, e) {
var r = t.exec(e)
.slice(1);
return i.map(r, function(t, e) {
if (e === r.length - 1) return t ||
null;
return t ? decodeURIComponent(t) : null
})
}
});
var N = e.History = function() {
this.handlers = [];
i.bindAll(this, "checkUrl");
if (typeof window !== "undefined") {
this.location = window.location;
this.history = window.history
}
};
var R = /^[#\/]|\s+$/g;
var O = /^\/+|\/+$/g;
var P = /msie [\w.]+/;
var C = /\/$/;
var j = /#.*$/;
N.started = false;
i.extend(N.prototype, u, {
interval: 50,
atRoot: function() {
return this.location.pathname.replace(/[^\/]$/,
"$&/") === this.root
},
getHash: function(t) {
var e = (t || this)
.location.href.match(/#(.*)$/);
return e ? e[1] : ""
},
getFragment: function(t, e) {
if (t == null) {
if (this._hasPushState || !this._wantsHashChange ||
e) {
t = decodeURI(this.location.pathname + this
.location.search);
var i = this.root.replace(C, "");
if (!t.indexOf(i)) t = t.slice(i.length)
} else {
t = this.getHash()
}
}
return t.replace(R, "")
},
start: function(t) {
if (N.started) throw new Error(
"Backbone.history has already been started"
);
N.started = true;
this.options = i.extend({
root: "/"
}, this.options, t);
this.root = this.options.root;
this._wantsHashChange = this.options.hashChange !==
false;
this._wantsPushState = !!this.options.pushState;
this._hasPushState = !!(this.options.pushState &&
this.history && this.history.pushState);
var r = this.getFragment();
var s = document.documentMode;
var n = P.exec(navigator.userAgent.toLowerCase()) &&
(!s
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment