A Pen by One Tech Genius on CodePen.
Created
April 23, 2016 17:25
-
-
Save onetechgenius/c2480db1375720d84534e60c4fc89d12 to your computer and use it in GitHub Desktop.
twin cities stories extras
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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>>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