Skip to content

Instantly share code, notes, and snippets.

@stevemayhew
Last active September 8, 2015 20:04
Show Gist options
  • Select an option

  • Save stevemayhew/75043fb7eeee0e2e6516 to your computer and use it in GitHub Desktop.

Select an option

Save stevemayhew/75043fb7eeee0e2e6516 to your computer and use it in GitHub Desktop.
Demo Owl Slider
<!DOCTYPE html>
<html>
<head>
<script src="http://cdnjs.cloudflare.com/ajax/libs/processing.js/1.4.1/processing-api.min.js"></script>
<meta name="description" content="Image Slider Demo" />
<meta charset="utf-8">
<title>Image Slider Demo</title>
<link rel="stylesheet" type="text/css" href="http://tve-ws-stdev-tivo.elasticbeanstalk.com/assets/tve/common/css/vendor/necolas/normalize.css"/>
<link rel='stylesheet' type="text/css" href="http://tve-ws-stdev-tivo.elasticbeanstalk.com/assets/tve/common/css/vendor/qtip2/jquery.qtip.css">
<link rel="stylesheet" type="text/css" href="http://tve-ws-stdev-tivo.elasticbeanstalk.com/assets/tve/common/js/vendor/ezmark/css/ezmark.css">
<link rel='stylesheet' type="text/css" href="http://tve-ws-stdev-tivo.elasticbeanstalk.com/assets/tve/common/css/vendor/jquery-ui/jquery-ui.css">
<link rel="stylesheet" type="text/css" href="http://tve-ws-stdev-tivo.elasticbeanstalk.com/assets/tve/common/css/common.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.js"></script>
<script type="text/javascript" src="http://cdn.jsdelivr.net/underscorejs/1.4.4/underscore.js"></script>
<script type="text/javascript" src="http://cdn.jsdelivr.net/backbonejs/1.0.0/backbone.js"></script>
<script type="text/javascript" src="http://tve-ws-stdev-tivo.elasticbeanstalk.com/assets/tve/common/js/vendor/qtip2/jquery.qtip.js"></script>
<script type="text/javascript" src="http://tve-ws-stdev-tivo.elasticbeanstalk.com/assets/tve/common/js/foundation/jquery.orbit-1.4.0.js"></script>
<script type="text/javascript" src="http://tve-ws-stdev-tivo.elasticbeanstalk.com/assets/tve/common/js/vendor/class.js"></script>
<script type="text/javascript" src="http://tve-ws-stdev-tivo.elasticbeanstalk.com/assets/tve/common/js/vendor/cookies.js"></script>
<script type="text/javascript" src="http://tve-ws-stdev-tivo.elasticbeanstalk.com/assets/tve/common/js/vendor/mustache/mustache.js"></script>
<script type="text/javascript" src="http://tve-ws-stdev-tivo.elasticbeanstalk.com/assets/tve/common/js/vendor/jquery.mustache/jquery.mustache.js"></script>
<script type="text/javascript" src="http://tve-ws-stdev-tivo.elasticbeanstalk.com/assets/tve/common/js/vendor/jquerytools/tooltip.js"></script>
<script type="text/javascript" src="http://tve-ws-stdev-tivo.elasticbeanstalk.com/assets/tve/common/js/vendor/jquerytools/tooltip.slide.js"></script>
<script type="text/javascript" src="http://tve-ws-stdev-tivo.elasticbeanstalk.com/assets/tve/common/js/vendor/jquerytools/tooltip.dynamic.js"></script>
<script type="text/javascript" src="http://tve-ws-stdev-tivo.elasticbeanstalk.com/assets/tve/common/js/vendor/jquery.mousewheel.js"></script>
<script type="text/javascript" src="http://tve-ws-stdev-tivo.elasticbeanstalk.com/assets/tve/common/js/vendor/jquery.jscrollpane.min.js"></script>
<script type="text/javascript" src="http://tve-ws-stdev-tivo.elasticbeanstalk.com/assets/tve/common/js/vendor/jquery.highlighter.js"></script>
<script type="text/javascript" src="http://tve-ws-stdev-tivo.elasticbeanstalk.com/assets/tve/common/js/vendor/framework.js"></script>
<script type="text/javascript" src="http://tve-ws-stdev-tivo.elasticbeanstalk.com/assets/tve/common/js/vendor/waypoints/waypoints.js"></script>
<script type="text/javascript" src="http://tve-ws-stdev-tivo.elasticbeanstalk.com/assets/tve/common/js/vendor/moment/moment.js"></script>
<script type="text/javascript" src="http://tve-ws-stdev-tivo.elasticbeanstalk.com/assets/tve/common/js/vendor/ezmark/js/jquery.ezmark.js"></script>
<script type="text/javascript" src="http://tve-ws-stdev-tivo.elasticbeanstalk.com/assets/tve/common/js/vendor/dotdotdot/jquery.dotdotdot.js"></script>
<script type="text/javascript" src="http://tvewssmayhew-env.elasticbeanstalk.com/assets/tve/common/js/controllers/template_manager.js"></script>
<script type="text/javascript" src="http://tvewssmayhew-env.elasticbeanstalk.com/assets/tve/common/js/controllers/app_manager.js"></script>
<script type="text/javascript" src="http://tvewssmayhew-env.elasticbeanstalk.com/assets/tve/common/js/widgets/view-toggle.js"></script>
<script type="text/javascript" src="http://tvewssmayhew-env.elasticbeanstalk.com/assets/tve/common/js/widgets/inf_scroll.js"></script>
<script type="text/javascript" src="http://tvewssmayhew-env.elasticbeanstalk.com/assets/tve/common/js/widgets/image_with_fallback.js"></script>
<!-- Owl bits -->
<script type="text/javascript" src="https://tve-sandbox.s3.amazonaws.com/owl.carousel.2.0.0-beta.2.4/owl.carousel.js"></script>
<link rel="stylesheet" href="https://tve-sandbox.s3.amazonaws.com/owl.carousel.2.0.0-beta.2.4/assets/owl.carousel.css">
<link rel="stylesheet" type="text/css" href="jsbin.vamadus.css">
<script type="text/javascript" src="jsbin.vamadus.js"></script>
</head>
<body>
<div id="main-content">
<h3 class="heading">Cast/Crew</h3>
<div class="js-credit-widget cast-container">
<div class="js-carousel carousel-container cast-set-D navigation-outside js-pagination-none">
<ul class="js-cast-container js-crew-container items">
<!-- The contents of this div are dynamically populated by the widget -->
<li class="person tv">
<a class="js-credit-image-container img-container" href="/tve/contentDetail/peopleDetails?personId=162500" style="background-image: url(&quot;http://i-stg.tivo.com/images-staging/person/162/500/162500/person_85x113.jpg&quot;);">
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Jim Caviezel" href="/tve/contentDetail/peopleDetails?personId=162500">Jim Caviezel</a>
</div>
<div title="" class="role-container"></div>
</li><li class="person tv">
<a class="js-credit-image-container img-container" href="/tve/contentDetail/peopleDetails?personId=192160" style="background-image: url(&quot;http://i-stg.tivo.com/images-staging/person/192/160/192160/person_85x113.jpg&quot;);">
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Michael Emerson" href="/tve/contentDetail/peopleDetails?personId=192160">Michael Emerson</a>
</div>
<div title="" class="role-container"></div>
</li><li class="person tv">
<a class="js-credit-image-container img-container" href="/tve/contentDetail/peopleDetails?personId=221639" style="background-image: url(&quot;http://i-stg.tivo.com/images-staging/person/221/639/221639/person_85x113.jpg&quot;);">
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Kevin Chapman" href="/tve/contentDetail/peopleDetails?personId=221639">Kevin Chapman</a>
</div>
<div title="" class="role-container"></div>
</li><li class="person tv">
<a class="js-credit-image-container img-container" href="/tve/contentDetail/peopleDetails?personId=208036" style="background-image: url(&quot;http://i-stg.tivo.com/images-staging/person/208/036/208036/person_85x113.jpg&quot;);">
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Sarah Shahi" href="/tve/contentDetail/peopleDetails?personId=208036">Sarah Shahi</a>
</div>
<div title="" class="role-container"></div>
</li><li class="person tv">
<a class="js-credit-image-container img-container" href="/tve/contentDetail/peopleDetails?personId=235301" style="background-image: url(&quot;http://i-stg.tivo.com/images-staging/person/235/301/235301/person_85x113.jpg&quot;);">
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Amy Acker" href="/tve/contentDetail/peopleDetails?personId=235301">Amy Acker</a>
</div>
<div title="" class="role-container"></div>
</li><li class="person tv">
<a class="js-credit-image-container img-container" href="/tve/contentDetail/peopleDetails?personId=170706" style="background-image: url(&quot;http://i-stg.tivo.com/images-staging/person/170/706/170706/person_85x113.jpg&quot;);">
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Taraji P. Henson" href="/tve/contentDetail/peopleDetails?personId=170706">Taraji P. Henson</a>
</div>
<div title="" class="role-container"></div>
</li><li class="person tv">
<a class="js-credit-image-container img-container" href="/tve/contentDetail/peopleDetails?personId=189510" style="background-image: url(&quot;http://i-stg.tivo.com/images-staging/person/189/510/189510/person_85x113.jpg&quot;);">
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="J.J. Abrams" href="/tve/contentDetail/peopleDetails?personId=189510">J.J. Abrams</a>
</div>
<div title="Producer" class="role-container">Producer</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container" href="/tve/contentDetail/peopleDetails?personId=297266" style="background-image: url(&quot;http://i-stg.tivo.com/images-staging/person/297/266/297266/person_85x113.jpg&quot;);">
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Bryan Burk" href="/tve/contentDetail/peopleDetails?personId=297266">Bryan Burk</a>
</div>
<div title="Producer" class="role-container">Producer</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container fallback-image default-image" href="/tve/contentDetail/peopleDetails?personId=477325">
<h6 class="fallback-text-overlay" style="top: 56.5px;"><span></span></h6>
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Jonathan Nolan" href="/tve/contentDetail/peopleDetails?personId=477325">Jonathan Nolan</a>
</div>
<div title="Producer" class="role-container">Producer</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container" href="/tve/contentDetail/peopleDetails?personId=154210" style="background-image: url(&quot;http://i-stg.tivo.com/images-staging/person/154/210/154210/person_85x113.jpg&quot;);">
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="David Semel" href="/tve/contentDetail/peopleDetails?personId=154210">David Semel</a>
</div>
<div title="Producer" class="role-container">Producer</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container fallback-image default-image" href="/tve/contentDetail/peopleDetails?personId=268297">
<h6 class="fallback-text-overlay" style="top: 56.5px;"><span></span></h6>
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Greg Plageman" href="/tve/contentDetail/peopleDetails?personId=268297">Greg Plageman</a>
</div>
<div title="Producer" class="role-container">Producer</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container fallback-image default-image" href="/tve/contentDetail/peopleDetails?personId=503549">
<h6 class="fallback-text-overlay" style="top: 56.5px;"><span></span></h6>
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Amanda Segel" href="/tve/contentDetail/peopleDetails?personId=503549">Amanda Segel</a>
</div>
<div title="Writer" class="role-container">Writer</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container" href="/tve/contentDetail/peopleDetails?personId=263144" style="background-image: url(&quot;http://i-stg.tivo.com/images-staging/person/263/144/263144/person_85x113.jpg&quot;);">
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Chris Fisher" href="/tve/contentDetail/peopleDetails?personId=263144">Chris Fisher</a>
</div>
<div title="Director" class="role-container">Director</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container fallback-image default-image" href="/tve/contentDetail/peopleDetails?personId=694905">
<h6 class="fallback-text-overlay" style="top: 56.5px;"><span></span></h6>
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Dan Dietz" href="/tve/contentDetail/peopleDetails?personId=694905">Dan Dietz</a>
</div>
<div title="Writer" class="role-container">Writer</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container fallback-image default-image" href="/tve/contentDetail/peopleDetails?personId=644921">
<h6 class="fallback-text-overlay" style="top: 56.5px;"><span></span></h6>
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Sean Hennen" href="/tve/contentDetail/peopleDetails?personId=644921">Sean Hennen</a>
</div>
<div title="Writer" class="role-container">Writer</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container fallback-image default-image" href="/tve/contentDetail/peopleDetails?personId=332530">
<h6 class="fallback-text-overlay" style="top: 56.5px;"><span></span></h6>
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Fred Toye" href="/tve/contentDetail/peopleDetails?personId=332530">Fred Toye</a>
</div>
<div title="Director" class="role-container">Director</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container fallback-image default-image" href="/tve/contentDetail/peopleDetails?personId=268297">
<h6 class="fallback-text-overlay" style="top: 56.5px;"><span></span></h6>
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Greg Plageman" href="/tve/contentDetail/peopleDetails?personId=268297">Greg Plageman</a>
</div>
<div title="Writer" class="role-container">Writer</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container fallback-image default-image" href="/tve/contentDetail/peopleDetails?personId=494521">
<h6 class="fallback-text-overlay" style="top: 56.5px;"><span></span></h6>
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="David Slack" href="/tve/contentDetail/peopleDetails?personId=494521">David Slack</a>
</div>
<div title="Writer" class="role-container">Writer</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container fallback-image default-image" href="/tve/contentDetail/peopleDetails?personId=706683">
<h6 class="fallback-text-overlay" style="top: 56.5px;"><span></span></h6>
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Lucas O'Connor" href="/tve/contentDetail/peopleDetails?personId=706683">Lucas O'Connor</a>
</div>
<div title="Writer" class="role-container">Writer</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container fallback-image default-image" href="/tve/contentDetail/peopleDetails?personId=651741">
<h6 class="fallback-text-overlay" style="top: 56.5px;"><span></span></h6>
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Erik Mountain" href="/tve/contentDetail/peopleDetails?personId=651741">Erik Mountain</a>
</div>
<div title="Writer" class="role-container">Writer</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container" href="/tve/contentDetail/peopleDetails?personId=262752" style="background-image: url(&quot;http://i-stg.tivo.com/images-staging/person/262/752/262752/person_85x113.jpg&quot;);">
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Richard J. Lewis" href="/tve/contentDetail/peopleDetails?personId=262752">Richard J. Lewis</a>
</div>
<div title="Director" class="role-container">Director</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container fallback-image default-image" href="/tve/contentDetail/peopleDetails?personId=555899">
<h6 class="fallback-text-overlay" style="top: 56.5px;"><span></span></h6>
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Melissa Scrivner-Love" href="/tve/contentDetail/peopleDetails?personId=555899">Melissa Scrivner-Love</a>
</div>
<div title="Writer" class="role-container">Writer</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container fallback-image default-image" href="/tve/contentDetail/peopleDetails?personId=558061">
<h6 class="fallback-text-overlay" style="top: 56.5px;"><span></span></h6>
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Denise Thé" href="/tve/contentDetail/peopleDetails?personId=558061">Denise Thé</a>
</div>
<div title="Writer" class="role-container">Writer</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container fallback-image default-image" href="/tve/contentDetail/peopleDetails?personId=82038">
<h6 class="fallback-text-overlay" style="top: 56.5px;"><span></span></h6>
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Kevin Hooks" href="/tve/contentDetail/peopleDetails?personId=82038">Kevin Hooks</a>
</div>
<div title="Director" class="role-container">Director</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container fallback-image default-image" href="/tve/contentDetail/peopleDetails?personId=711127">
<h6 class="fallback-text-overlay" style="top: 56.5px;"><span></span></h6>
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Tony Camerino" href="/tve/contentDetail/peopleDetails?personId=711127">Tony Camerino</a>
</div>
<div title="Writer" class="role-container">Writer</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container fallback-image default-image" href="/tve/contentDetail/peopleDetails?personId=332231">
<h6 class="fallback-text-overlay" style="top: 56.5px;"><span></span></h6>
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Jeffrey Hunt" href="/tve/contentDetail/peopleDetails?personId=332231">Jeffrey Hunt</a>
</div>
<div title="Director" class="role-container">Director</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container fallback-image default-image" href="/tve/contentDetail/peopleDetails?personId=369146">
<h6 class="fallback-text-overlay" style="top: 56.5px;"><span></span></h6>
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Jeff Gibson" href="/tve/contentDetail/peopleDetails?personId=369146">Jeff Gibson</a>
</div>
<div title="Director" class="role-container">Director</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container fallback-image default-image" href="/tve/contentDetail/peopleDetails?personId=643270">
<h6 class="fallback-text-overlay" style="top: 56.5px;"><span></span></h6>
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Nic Van Zeebroeck" href="/tve/contentDetail/peopleDetails?personId=643270">Nic Van Zeebroeck</a>
</div>
<div title="Writer" class="role-container">Writer</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container fallback-image default-image" href="/tve/contentDetail/peopleDetails?personId=643271">
<h6 class="fallback-text-overlay" style="top: 56.5px;"><span></span></h6>
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Michael Sopczynski" href="/tve/contentDetail/peopleDetails?personId=643271">Michael Sopczynski</a>
</div>
<div title="Writer" class="role-container">Writer</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container" href="/tve/contentDetail/peopleDetails?personId=217920" style="background-image: url(&quot;http://i-stg.tivo.com/images-staging/person/217/920/217920/person_85x113.jpg&quot;);">
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Stephen Surjik" href="/tve/contentDetail/peopleDetails?personId=217920">Stephen Surjik</a>
</div>
<div title="Director" class="role-container">Director</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container fallback-image default-image" href="/tve/contentDetail/peopleDetails?personId=557209">
<h6 class="fallback-text-overlay" style="top: 56.5px;"><span></span></h6>
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Jeff T. Thomas" href="/tve/contentDetail/peopleDetails?personId=557209">Jeff T. Thomas</a>
</div>
<div title="Director" class="role-container">Director</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container fallback-image default-image" href="/tve/contentDetail/peopleDetails?personId=156768">
<h6 class="fallback-text-overlay" style="top: 56.5px;"><span></span></h6>
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Stephen Williams" href="/tve/contentDetail/peopleDetails?personId=156768">Stephen Williams</a>
</div>
<div title="Director" class="role-container">Director</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container fallback-image default-image" href="/tve/contentDetail/peopleDetails?personId=477325">
<h6 class="fallback-text-overlay" style="top: 56.5px;"><span></span></h6>
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Jonathan Nolan" href="/tve/contentDetail/peopleDetails?personId=477325">Jonathan Nolan</a>
</div>
<div title="Writer" class="role-container">Writer</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container" href="/tve/contentDetail/peopleDetails?personId=438526" style="background-image: url(&quot;http://i-stg.tivo.com/images-staging/person/438/526/438526/person_85x113.jpg&quot;);">
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Sylvain White" href="/tve/contentDetail/peopleDetails?personId=438526">Sylvain White</a>
</div>
<div title="Director" class="role-container">Director</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container" href="/tve/contentDetail/peopleDetails?personId=1604" style="background-image: url(&quot;http://i-stg.tivo.com/images-staging/person/001/604/001604/person_85x113.jpg&quot;);">
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Helen Shaver" href="/tve/contentDetail/peopleDetails?personId=1604">Helen Shaver</a>
</div>
<div title="Director" class="role-container">Director</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container fallback-image default-image" href="/tve/contentDetail/peopleDetails?personId=207724">
<h6 class="fallback-text-overlay" style="top: 56.5px;"><span></span></h6>
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Kenneth Fink" href="/tve/contentDetail/peopleDetails?personId=207724">Kenneth Fink</a>
</div>
<div title="Director" class="role-container">Director</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container fallback-image default-image" href="/tve/contentDetail/peopleDetails?personId=505013">
<h6 class="fallback-text-overlay" style="top: 56.5px;"><span></span></h6>
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Omar Madha" href="/tve/contentDetail/peopleDetails?personId=505013">Omar Madha</a>
</div>
<div title="Writer" class="role-container">Writer</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container fallback-image default-image" href="/tve/contentDetail/peopleDetails?personId=169424">
<h6 class="fallback-text-overlay" style="top: 56.5px;"><span></span></h6>
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Patrick Harbinson" href="/tve/contentDetail/peopleDetails?personId=169424">Patrick Harbinson</a>
</div>
<div title="Writer" class="role-container">Writer</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container fallback-image default-image" href="/tve/contentDetail/peopleDetails?personId=242834">
<h6 class="fallback-text-overlay" style="top: 56.5px;"><span></span></h6>
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Tricia Brock" href="/tve/contentDetail/peopleDetails?personId=242834">Tricia Brock</a>
</div>
<div title="Director" class="role-container">Director</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container fallback-image default-image" href="/tve/contentDetail/peopleDetails?personId=477325">
<h6 class="fallback-text-overlay" style="top: 56.5px;"><span></span></h6>
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Jonathan Nolan" href="/tve/contentDetail/peopleDetails?personId=477325">Jonathan Nolan</a>
</div>
<div title="Director" class="role-container">Director</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container" href="/tve/contentDetail/peopleDetails?personId=32709" style="background-image: url(&quot;http://i-stg.tivo.com/images-staging/person/032/709/032709/person_85x113.jpg&quot;);">
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="John Dahl" href="/tve/contentDetail/peopleDetails?personId=32709">John Dahl</a>
</div>
<div title="Director" class="role-container">Director</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container fallback-image default-image" href="/tve/contentDetail/peopleDetails?personId=663322">
<h6 class="fallback-text-overlay" style="top: 56.5px;"><span></span></h6>
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Ray Utarnachitt" href="/tve/contentDetail/peopleDetails?personId=663322">Ray Utarnachitt</a>
</div>
<div title="Writer" class="role-container">Writer</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container" href="/tve/contentDetail/peopleDetails?personId=76819" style="background-image: url(&quot;http://i-stg.tivo.com/images-staging/person/076/819/076819/person_85x113.jpg&quot;);">
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Clark Johnson" href="/tve/contentDetail/peopleDetails?personId=76819">Clark Johnson</a>
</div>
<div title="Director" class="role-container">Director</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container fallback-image default-image" href="/tve/contentDetail/peopleDetails?personId=70114">
<h6 class="fallback-text-overlay" style="top: 56.5px;"><span></span></h6>
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="James Whitmore Jr." href="/tve/contentDetail/peopleDetails?personId=70114">James Whitmore Jr.</a>
</div>
<div title="Director" class="role-container">Director</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container" href="/tve/contentDetail/peopleDetails?personId=152246" style="background-image: url(&quot;http://i-stg.tivo.com/images-staging/person/152/246/152246/person_85x113.jpg&quot;);">
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Jon Cassar" href="/tve/contentDetail/peopleDetails?personId=152246">Jon Cassar</a>
</div>
<div title="Director" class="role-container">Director</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container fallback-image default-image" href="/tve/contentDetail/peopleDetails?personId=251001">
<h6 class="fallback-text-overlay" style="top: 56.5px;"><span></span></h6>
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Kevin Bray" href="/tve/contentDetail/peopleDetails?personId=251001">Kevin Bray</a>
</div>
<div title="Director" class="role-container">Director</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container fallback-image default-image" href="/tve/contentDetail/peopleDetails?personId=458304">
<h6 class="fallback-text-overlay" style="top: 56.5px;"><span></span></h6>
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Stephen Semel" href="/tve/contentDetail/peopleDetails?personId=458304">Stephen Semel</a>
</div>
<div title="Director" class="role-container">Director</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container fallback-image default-image" href="/tve/contentDetail/peopleDetails?personId=485878">
<h6 class="fallback-text-overlay" style="top: 56.5px;"><span></span></h6>
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Amy Berg" href="/tve/contentDetail/peopleDetails?personId=485878">Amy Berg</a>
</div>
<div title="Writer" class="role-container">Writer</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container fallback-image default-image" href="/tve/contentDetail/peopleDetails?personId=77874">
<h6 class="fallback-text-overlay" style="top: 56.5px;"><span></span></h6>
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Charles Beeson" href="/tve/contentDetail/peopleDetails?personId=77874">Charles Beeson</a>
</div>
<div title="Director" class="role-container">Director</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container fallback-image default-image" href="/tve/contentDetail/peopleDetails?personId=552307">
<h6 class="fallback-text-overlay" style="top: 56.5px;"><span></span></h6>
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Larry Teng" href="/tve/contentDetail/peopleDetails?personId=552307">Larry Teng</a>
</div>
<div title="Director" class="role-container">Director</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container" href="/tve/contentDetail/peopleDetails?personId=239150" style="background-image: url(&quot;http://i-stg.tivo.com/images-staging/person/239/150/239150/person_85x113.jpg&quot;);">
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="David Von Ancken" href="/tve/contentDetail/peopleDetails?personId=239150">David Von Ancken</a>
</div>
<div title="Director" class="role-container">Director</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container" href="/tve/contentDetail/peopleDetails?personId=81133" style="background-image: url(&quot;http://i-stg.tivo.com/images-staging/person/081/133/081133/person_85x113.jpg&quot;);">
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Brad Anderson" href="/tve/contentDetail/peopleDetails?personId=81133">Brad Anderson</a>
</div>
<div title="Director" class="role-container">Director</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container fallback-image default-image" href="/tve/contentDetail/peopleDetails?personId=332065">
<h6 class="fallback-text-overlay" style="top: 56.5px;"><span></span></h6>
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Alex Zakrzewski" href="/tve/contentDetail/peopleDetails?personId=332065">Alex Zakrzewski</a>
</div>
<div title="Director" class="role-container">Director</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container fallback-image default-image" href="/tve/contentDetail/peopleDetails?personId=212767">
<h6 class="fallback-text-overlay" style="top: 56.5px;"><span></span></h6>
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Milan Cheylov" href="/tve/contentDetail/peopleDetails?personId=212767">Milan Cheylov</a>
</div>
<div title="Director" class="role-container">Director</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container fallback-image default-image" href="/tve/contentDetail/peopleDetails?personId=223863">
<h6 class="fallback-text-overlay" style="top: 56.5px;"><span></span></h6>
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Dennis Smith" href="/tve/contentDetail/peopleDetails?personId=223863">Dennis Smith</a>
</div>
<div title="Director" class="role-container">Director</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container fallback-image default-image" href="/tve/contentDetail/peopleDetails?personId=158021">
<h6 class="fallback-text-overlay" style="top: 56.5px;"><span></span></h6>
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Colin Bucksey" href="/tve/contentDetail/peopleDetails?personId=158021">Colin Bucksey</a>
</div>
<div title="Director" class="role-container">Director</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container fallback-image default-image" href="/tve/contentDetail/peopleDetails?personId=257823">
<h6 class="fallback-text-overlay" style="top: 56.5px;"><span></span></h6>
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="Steven DePaul" href="/tve/contentDetail/peopleDetails?personId=257823">Steven DePaul</a>
</div>
<div title="Director" class="role-container">Director</div>
</li><li class="person tv">
<a class="js-credit-image-container img-container" href="/tve/contentDetail/peopleDetails?personId=154210" style="background-image: url(&quot;http://i-stg.tivo.com/images-staging/person/154/210/154210/person_85x113.jpg&quot;);">
<div class="loading-img"></div>
</a>
<div class="title-container">
<a title="David Semel" href="/tve/contentDetail/peopleDetails?personId=154210">David Semel</a>
</div>
<div title="Director" class="role-container">Director</div>
</li>
</ul>
</div>
</div>
</body>
</html>
.spacer {
margin: 15px 0;
}
.episode-detail-wrapper {
display: block
}
.notification-area .notification-message {
width: auto;
}
/* for the collapsed view */
.episode-detail-wrapper.is-mini-view .js-title.text-highlight {
position: relative;
top: 2px;
}
/* .episode-detail-wrapper.is-mini-view .panel {
padding: 8px 15px;
transition: padding 200ms;
}
*/
button.toggle-button {
background-color: inherit;
border: medium none;
color: inherit;
}
.episode-detail-wrapper > .panel {
padding: 10px 15px;
}
.episode-detail-wrapper .main-title {
margin: 0 0 10px 190px;
}
.episode-detail-wrapper.is-mini-view .main-title {
margin-left: 0;
transition: margin-left 200ms ease 0s;
}
.cast-set-D .items, .cast-set-D li {
overflow: visible;
}
$(function() {
$('.js-cast-container').owlCarousel({
margin:4,
autoWidth:true,
items : 20,
itemsCustom: []
});
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment