




<!DOCTYPE html>
<html class="   ">
  <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# object: http://ogp.me/ns/object# article: http://ogp.me/ns/article# profile: http://ogp.me/ns/profile#">
    <meta charset='utf-8'>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    
    
    <title>Bootstrap-Image-Gallery/css/bootstrap-image-gallery.css at master · blueimp/Bootstrap-Image-Gallery</title>
    <link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="GitHub" />
    <link rel="fluid-icon" href="https://github.com/fluidicon.png" title="GitHub" />
    <link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-114.png" />
    <link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114.png" />
    <link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-144.png" />
    <link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144.png" />
    <meta property="fb:app_id" content="1401488693436528"/>

      <meta content="@github" name="twitter:site" /><meta content="summary" name="twitter:card" /><meta content="blueimp/Bootstrap-Image-Gallery" name="twitter:title" /><meta content="Bootstrap-Image-Gallery - Bootstrap Image Gallery is an extension to blueimp Gallery, a touch-enabled, responsive and customizable image and video gallery. It displays images and videos in the modal d" name="twitter:description" /><meta content="https://avatars2.githubusercontent.com/u/244586?s=400" name="twitter:image:src" />
<meta content="GitHub" property="og:site_name" /><meta content="object" property="og:type" /><meta content="https://avatars2.githubusercontent.com/u/244586?s=400" property="og:image" /><meta content="blueimp/Bootstrap-Image-Gallery" property="og:title" /><meta content="https://github.com/blueimp/Bootstrap-Image-Gallery" property="og:url" /><meta content="Bootstrap-Image-Gallery - Bootstrap Image Gallery is an extension to blueimp Gallery, a touch-enabled, responsive and customizable image and video gallery. It displays images and videos in the modal dialog of the Bootstrap framework, features swipe, mouse and keyboard navigation, transition effects, fullscreen support and on-demand content loading and can be extended to display additional content types." property="og:description" />

    <link rel="assets" href="https://assets-cdn.github.com/">
    <link rel="conduit-xhr" href="https://ghconduit.com:25035">
    <link rel="xhr-socket" href="/_sockets" />

    <meta name="msapplication-TileImage" content="/windows-tile.png" />
    <meta name="msapplication-TileColor" content="#ffffff" />
    <meta name="selected-link" value="repo_source" data-pjax-transient />
      <meta name="google-analytics" content="UA-3769691-2">

    <meta content="collector.githubapp.com" name="octolytics-host" /><meta content="collector-cdn.github.com" name="octolytics-script-host" /><meta content="github" name="octolytics-app-id" /><meta content="028BAEF9:7DF8:14FFB4B:53D101DA" name="octolytics-dimension-request_id" /><meta content="3531285" name="octolytics-actor-id" /><meta content="JuanmaGonzalez" name="octolytics-actor-login" /><meta content="52132c493b783b4f6e817871adfd06b60e58781f88204b01c93da7c01cd96bbb" name="octolytics-actor-hash" />
    

    
    
    <link rel="icon" type="image/x-icon" href="https://assets-cdn.github.com/favicon.ico" />


    <meta content="authenticity_token" name="csrf-param" />
<meta content="0wOxKhjEkE10OE9wCMyZF95ZpTH9kkT5JyuHwdGTq3uYh8MSnsiUH6fzmqfbX1uWl5s9aJmvqcOjIrXkd/ZYQQ==" name="csrf-token" />

    <link href="https://assets-cdn.github.com/assets/github-4b52d5dd5f9811047aea4c9baecab4a016b23564.css" media="all" rel="stylesheet" type="text/css" />
    <link href="https://assets-cdn.github.com/assets/github2-0ad5d690e1271b63809ab848c09e91d16db2bd22.css" media="all" rel="stylesheet" type="text/css" />
    


    <meta http-equiv="x-pjax-version" content="961191153f9c4e93080bcbce3419dddf">

      
  <meta name="description" content="Bootstrap-Image-Gallery - Bootstrap Image Gallery is an extension to blueimp Gallery, a touch-enabled, responsive and customizable image and video gallery. It displays images and videos in the modal dialog of the Bootstrap framework, features swipe, mouse and keyboard navigation, transition effects, fullscreen support and on-demand content loading and can be extended to display additional content types." />


  <meta content="244586" name="octolytics-dimension-user_id" /><meta content="blueimp" name="octolytics-dimension-user_login" /><meta content="2982576" name="octolytics-dimension-repository_id" /><meta content="blueimp/Bootstrap-Image-Gallery" name="octolytics-dimension-repository_nwo" /><meta content="true" name="octolytics-dimension-repository_public" /><meta content="false" name="octolytics-dimension-repository_is_fork" /><meta content="2982576" name="octolytics-dimension-repository_network_root_id" /><meta content="blueimp/Bootstrap-Image-Gallery" name="octolytics-dimension-repository_network_root_nwo" />

  <link href="https://github.com/blueimp/Bootstrap-Image-Gallery/commits/master.atom" rel="alternate" title="Recent Commits to Bootstrap-Image-Gallery:master" type="application/atom+xml" />

  </head>


  <body class="logged_in  env-production linux vis-public page-blob">
    <a href="#start-of-content" tabindex="1" class="accessibility-aid js-skip-to-content">Skip to content</a>
    <div class="wrapper">
      
      
      
      


      <div class="header header-logged-in true">
  <div class="container clearfix">

    <a class="header-logo-invertocat" href="https://github.com/" aria-label="Homepage">
  <span class="mega-octicon octicon-mark-github"></span>
</a>


    
    <a href="/notifications" aria-label="You have unread notifications" class="notification-indicator tooltipped tooltipped-s" data-hotkey="g n">
        <span class="mail-status unread"></span>
</a>

      <div class="command-bar js-command-bar  in-repository">
          <form accept-charset="UTF-8" action="/search" class="command-bar-form" id="top_search_form" method="get">

<div class="commandbar">
  <span class="message"></span>
  <input type="text" data-hotkey="s" name="q" id="js-command-bar-field" placeholder="Search or type a command" tabindex="1" autocapitalize="off"
    
    data-username="JuanmaGonzalez"
    data-repo="blueimp/Bootstrap-Image-Gallery"
  >
  <div class="display hidden"></div>
</div>

    <input type="hidden" name="nwo" value="blueimp/Bootstrap-Image-Gallery" />

    <div class="select-menu js-menu-container js-select-menu search-context-select-menu">
      <span class="minibutton select-menu-button js-menu-target" role="button" aria-haspopup="true">
        <span class="js-select-button">This repository</span>
      </span>

      <div class="select-menu-modal-holder js-menu-content js-navigation-container" aria-hidden="true">
        <div class="select-menu-modal">

          <div class="select-menu-item js-navigation-item js-this-repository-navigation-item selected">
            <span class="select-menu-item-icon octicon octicon-check"></span>
            <input type="radio" class="js-search-this-repository" name="search_target" value="repository" checked="checked" />
            <div class="select-menu-item-text js-select-button-text">This repository</div>
          </div> <!-- /.select-menu-item -->

          <div class="select-menu-item js-navigation-item js-all-repositories-navigation-item">
            <span class="select-menu-item-icon octicon octicon-check"></span>
            <input type="radio" name="search_target" value="global" />
            <div class="select-menu-item-text js-select-button-text">All repositories</div>
          </div> <!-- /.select-menu-item -->

        </div>
      </div>
    </div>

  <span class="help tooltipped tooltipped-s" aria-label="Show command bar help">
    <span class="octicon octicon-question"></span>
  </span>


  <input type="hidden" name="ref" value="cmdform">

</form>
        <ul class="top-nav">
          <li class="explore"><a href="/explore">Explore</a></li>
            <li><a href="https://gist.github.com">Gist</a></li>
            <li><a href="/blog">Blog</a></li>
          <li><a href="https://help.github.com">Help</a></li>
        </ul>
      </div>

    

<ul id="user-links">
  <li>
    <a href="/JuanmaGonzalez" class="name">
      <img alt="Juanma González" class=" js-avatar" data-user="3531285" height="20" src="https://avatars3.githubusercontent.com/u/3531285?s=140" width="20" /> JuanmaGonzalez
    </a>
  </li>

  <li class="new-menu dropdown-toggle js-menu-container">
    <a href="#" class="js-menu-target tooltipped tooltipped-s" aria-label="Create new...">
      <span class="octicon octicon-plus"></span>
      <span class="dropdown-arrow"></span>
    </a>

    <div class="new-menu-content js-menu-content">
    </div>
  </li>

  <li>
    <a href="/settings/profile" id="account_settings"
      class="tooltipped tooltipped-s"
      aria-label="Account settings ">
      <span class="octicon octicon-tools"></span>
    </a>
  </li>
  <li>
    <form accept-charset="UTF-8" action="/logout" class="logout-form" method="post"><div style="margin:0;padding:0;display:inline"><input name="authenticity_token" type="hidden" value="wSPQzn+7f2of2idD3vCtsebpAGTd5JJ3Uvg+ybpcR3E/Ksl7YNEaYmyTfNmgEE0RH490B+Pp8GKTslwaUn9CyA==" /></div>
      <button class="sign-out-button tooltipped tooltipped-s" aria-label="Sign out">
        <span class="octicon octicon-sign-out"></span>
      </button>
</form>  </li>

</ul>

<div class="js-new-dropdown-contents hidden">
  

<ul class="dropdown-menu">
  <li>
    <a href="/new"><span class="octicon octicon-repo"></span> New repository</a>
  </li>
  <li>
    <a href="https://porter.github.com/new"><span class="octicon octicon-move-right"></span> Import repository</a>
  </li>
  <li>
    <a href="/organizations/new"><span class="octicon octicon-organization"></span> New organization</a>
  </li>


    <li class="section-title">
      <span title="blueimp/Bootstrap-Image-Gallery">This repository</span>
    </li>
      <li>
        <a href="/blueimp/Bootstrap-Image-Gallery/issues/new"><span class="octicon octicon-issue-opened"></span> New issue</a>
      </li>
</ul>

</div>


    
  </div>
</div>

      

        



      <div id="start-of-content" class="accessibility-aid"></div>
          <div class="site" itemscope itemtype="http://schema.org/WebPage">
    <div id="js-flash-container">
      
    </div>
    <div class="pagehead repohead instapaper_ignore readability-menu">
      <div class="container">
        
<ul class="pagehead-actions">

    <li class="subscription">
      <form accept-charset="UTF-8" action="/notifications/subscribe" class="js-social-container" data-autosubmit="true" data-remote="true" method="post"><div style="margin:0;padding:0;display:inline"><input name="authenticity_token" type="hidden" value="dbOK2mRrSA/RHMRJIskHPFjrXmk++vUW5I0BFI5F/fisMQxp87rdamkIHwnPiNxhRqFbAjrBgUNm0sQtWCjmkA==" /></div>  <input id="repository_id" name="repository_id" type="hidden" value="2982576" />

    <div class="select-menu js-menu-container js-select-menu">
      <a class="social-count js-social-count" href="/blueimp/Bootstrap-Image-Gallery/watchers">
        202
      </a>
      <a href="/blueimp/Bootstrap-Image-Gallery/subscription"
        class="minibutton select-menu-button with-count js-menu-target" role="button" tabindex="0" aria-haspopup="true">
        <span class="js-select-button">
          <span class="octicon octicon-eye"></span>
          Watch
        </span>
      </a>

      <div class="select-menu-modal-holder">
        <div class="select-menu-modal subscription-menu-modal js-menu-content" aria-hidden="true">
          <div class="select-menu-header">
            <span class="select-menu-title">Notifications</span>
            <span class="octicon octicon-x js-menu-close" role="button" aria-label="Close"></span>
          </div> <!-- /.select-menu-header -->

          <div class="select-menu-list js-navigation-container" role="menu">

            <div class="select-menu-item js-navigation-item selected" role="menuitem" tabindex="0">
              <span class="select-menu-item-icon octicon octicon-check"></span>
              <div class="select-menu-item-text">
                <input checked="checked" id="do_included" name="do" type="radio" value="included" />
                <h4>Not watching</h4>
                <span class="description">Be notified when participating or @mentioned.</span>
                <span class="js-select-button-text hidden-select-button-text">
                  <span class="octicon octicon-eye"></span>
                  Watch
                </span>
              </div>
            </div> <!-- /.select-menu-item -->

            <div class="select-menu-item js-navigation-item " role="menuitem" tabindex="0">
              <span class="select-menu-item-icon octicon octicon octicon-check"></span>
              <div class="select-menu-item-text">
                <input id="do_subscribed" name="do" type="radio" value="subscribed" />
                <h4>Watching</h4>
                <span class="description">Be notified of all conversations.</span>
                <span class="js-select-button-text hidden-select-button-text">
                  <span class="octicon octicon-eye"></span>
                  Unwatch
                </span>
              </div>
            </div> <!-- /.select-menu-item -->

            <div class="select-menu-item js-navigation-item " role="menuitem" tabindex="0">
              <span class="select-menu-item-icon octicon octicon-check"></span>
              <div class="select-menu-item-text">
                <input id="do_ignore" name="do" type="radio" value="ignore" />
                <h4>Ignoring</h4>
                <span class="description">Never be notified.</span>
                <span class="js-select-button-text hidden-select-button-text">
                  <span class="octicon octicon-mute"></span>
                  Stop ignoring
                </span>
              </div>
            </div> <!-- /.select-menu-item -->

          </div> <!-- /.select-menu-list -->

        </div> <!-- /.select-menu-modal -->
      </div> <!-- /.select-menu-modal-holder -->
    </div> <!-- /.select-menu -->

</form>
    </li>

  <li>
    

  <div class="js-toggler-container js-social-container starring-container ">

    <form accept-charset="UTF-8" action="/blueimp/Bootstrap-Image-Gallery/unstar" class="js-toggler-form starred" data-remote="true" method="post"><div style="margin:0;padding:0;display:inline"><input name="authenticity_token" type="hidden" value="UJZdBIz6VArNrlN6CUYtA9nPHJFOgdb1Y4cQX6K9ARFBJ3LoiCj/hGnuG9uSVvyuVlZNSg7B0XVYJehp1kpRNA==" /></div>
      <button
        class="minibutton with-count js-toggler-target star-button"
        aria-label="Unstar this repository" title="Unstar blueimp/Bootstrap-Image-Gallery">
        <span class="octicon octicon-star"></span>
        Unstar
      </button>
        <a class="social-count js-social-count" href="/blueimp/Bootstrap-Image-Gallery/stargazers">
          1,839
        </a>
</form>
    <form accept-charset="UTF-8" action="/blueimp/Bootstrap-Image-Gallery/star" class="js-toggler-form unstarred" data-remote="true" method="post"><div style="margin:0;padding:0;display:inline"><input name="authenticity_token" type="hidden" value="sb9sTvaIqjn18ihBZzMdK97gUkbKyplsEZtfl+O2vQ5jWu1iZYtkIPeiXLETdM5tK8EnG6Shu/dcG8ZvktkUXw==" /></div>
      <button
        class="minibutton with-count js-toggler-target star-button"
        aria-label="Star this repository" title="Star blueimp/Bootstrap-Image-Gallery">
        <span class="octicon octicon-star"></span>
        Star
      </button>
        <a class="social-count js-social-count" href="/blueimp/Bootstrap-Image-Gallery/stargazers">
          1,839
        </a>
</form>  </div>

  </li>


        <li>
          <a href="/blueimp/Bootstrap-Image-Gallery/fork" class="minibutton with-count js-toggler-target fork-button lighter tooltipped-n" title="Fork your own copy of blueimp/Bootstrap-Image-Gallery to your account" aria-label="Fork your own copy of blueimp/Bootstrap-Image-Gallery to your account" rel="facebox nofollow">
            <span class="octicon octicon-repo-forked"></span>
            Fork
          </a>
          <a href="/blueimp/Bootstrap-Image-Gallery/network" class="social-count">634</a>
        </li>

</ul>

        <h1 itemscope itemtype="http://data-vocabulary.org/Breadcrumb" class="entry-title public">
          <span class="repo-label"><span>public</span></span>
          <span class="mega-octicon octicon-repo"></span>
          <span class="author"><a href="/blueimp" class="url fn" itemprop="url" rel="author"><span itemprop="title">blueimp</span></a></span><!--
       --><span class="path-divider">/</span><!--
       --><strong><a href="/blueimp/Bootstrap-Image-Gallery" class="js-current-repository js-repo-home-link">Bootstrap-Image-Gallery</a></strong>

          <span class="page-context-loader">
            <img alt="" height="16" src="https://assets-cdn.github.com/images/spinners/octocat-spinner-32.gif" width="16" />
          </span>

        </h1>
      </div><!-- /.container -->
    </div><!-- /.repohead -->

    <div class="container">
      <div class="repository-with-sidebar repo-container new-discussion-timeline js-new-discussion-timeline  ">
        <div class="repository-sidebar clearfix">
            

<div class="sunken-menu vertical-right repo-nav js-repo-nav js-repository-container-pjax js-octicon-loaders" data-issue-count-url="/blueimp/Bootstrap-Image-Gallery/issues/counts">
  <div class="sunken-menu-contents">
    <ul class="sunken-menu-group">
      <li class="tooltipped tooltipped-w" aria-label="Code">
        <a href="/blueimp/Bootstrap-Image-Gallery" aria-label="Code" class="selected js-selected-navigation-item sunken-menu-item" data-hotkey="g c" data-pjax="true" data-selected-links="repo_source repo_downloads repo_commits repo_releases repo_tags repo_branches /blueimp/Bootstrap-Image-Gallery">
          <span class="octicon octicon-code"></span> <span class="full-word">Code</span>
          <img alt="" class="mini-loader" height="16" src="https://assets-cdn.github.com/images/spinners/octocat-spinner-32.gif" width="16" />
</a>      </li>

        <li class="tooltipped tooltipped-w" aria-label="Issues">
          <a href="/blueimp/Bootstrap-Image-Gallery/issues" aria-label="Issues" class="js-selected-navigation-item sunken-menu-item js-disable-pjax" data-hotkey="g i" data-selected-links="repo_issues repo_labels repo_milestones /blueimp/Bootstrap-Image-Gallery/issues">
            <span class="octicon octicon-issue-opened"></span> <span class="full-word">Issues</span>
            <span class="js-issue-replace-counter"></span>
            <img alt="" class="mini-loader" height="16" src="https://assets-cdn.github.com/images/spinners/octocat-spinner-32.gif" width="16" />
</a>        </li>

      <li class="tooltipped tooltipped-w" aria-label="Pull Requests">
        <a href="/blueimp/Bootstrap-Image-Gallery/pulls" aria-label="Pull Requests" class="js-selected-navigation-item sunken-menu-item js-disable-pjax" data-hotkey="g p" data-selected-links="repo_pulls /blueimp/Bootstrap-Image-Gallery/pulls">
            <span class="octicon octicon-git-pull-request"></span> <span class="full-word">Pull Requests</span>
            <span class="js-pull-replace-counter"></span>
            <img alt="" class="mini-loader" height="16" src="https://assets-cdn.github.com/images/spinners/octocat-spinner-32.gif" width="16" />
</a>      </li>


    </ul>
    <div class="sunken-menu-separator"></div>
    <ul class="sunken-menu-group">

      <li class="tooltipped tooltipped-w" aria-label="Pulse">
        <a href="/blueimp/Bootstrap-Image-Gallery/pulse" aria-label="Pulse" class="js-selected-navigation-item sunken-menu-item" data-pjax="true" data-selected-links="pulse /blueimp/Bootstrap-Image-Gallery/pulse">
          <span class="octicon octicon-pulse"></span> <span class="full-word">Pulse</span>
          <img alt="" class="mini-loader" height="16" src="https://assets-cdn.github.com/images/spinners/octocat-spinner-32.gif" width="16" />
</a>      </li>

      <li class="tooltipped tooltipped-w" aria-label="Graphs">
        <a href="/blueimp/Bootstrap-Image-Gallery/graphs" aria-label="Graphs" class="js-selected-navigation-item sunken-menu-item" data-pjax="true" data-selected-links="repo_graphs repo_contributors /blueimp/Bootstrap-Image-Gallery/graphs">
          <span class="octicon octicon-graph"></span> <span class="full-word">Graphs</span>
          <img alt="" class="mini-loader" height="16" src="https://assets-cdn.github.com/images/spinners/octocat-spinner-32.gif" width="16" />
</a>      </li>
    </ul>


  </div>
</div>

              <div class="only-with-full-nav">
                

  

<div class="clone-url "
  data-protocol-type="http"
  data-url="/users/set_protocol?protocol_selector=http&amp;protocol_type=clone">
  <h3><strong>HTTPS</strong> clone URL</h3>
  <div class="clone-url-box">
    <input type="text" class="clone js-url-field"
           value="https://github.com/blueimp/Bootstrap-Image-Gallery.git" readonly="readonly">
    <span class="url-box-clippy">
    <button aria-label="Copy to clipboard" class="js-zeroclipboard minibutton zeroclipboard-button" data-clipboard-text="https://github.com/blueimp/Bootstrap-Image-Gallery.git" data-copied-hint="Copied!" type="button"><span class="octicon octicon-clippy"></span></button>
    </span>
  </div>
</div>

  

<div class="clone-url open"
  data-protocol-type="ssh"
  data-url="/users/set_protocol?protocol_selector=ssh&amp;protocol_type=clone">
  <h3><strong>SSH</strong> clone URL</h3>
  <div class="clone-url-box">
    <input type="text" class="clone js-url-field"
           value="git@github.com:blueimp/Bootstrap-Image-Gallery.git" readonly="readonly">
    <span class="url-box-clippy">
    <button aria-label="Copy to clipboard" class="js-zeroclipboard minibutton zeroclipboard-button" data-clipboard-text="git@github.com:blueimp/Bootstrap-Image-Gallery.git" data-copied-hint="Copied!" type="button"><span class="octicon octicon-clippy"></span></button>
    </span>
  </div>
</div>

  

<div class="clone-url "
  data-protocol-type="subversion"
  data-url="/users/set_protocol?protocol_selector=subversion&amp;protocol_type=clone">
  <h3><strong>Subversion</strong> checkout URL</h3>
  <div class="clone-url-box">
    <input type="text" class="clone js-url-field"
           value="https://github.com/blueimp/Bootstrap-Image-Gallery" readonly="readonly">
    <span class="url-box-clippy">
    <button aria-label="Copy to clipboard" class="js-zeroclipboard minibutton zeroclipboard-button" data-clipboard-text="https://github.com/blueimp/Bootstrap-Image-Gallery" data-copied-hint="Copied!" type="button"><span class="octicon octicon-clippy"></span></button>
    </span>
  </div>
</div>


<p class="clone-options">You can clone with
      <a href="#" class="js-clone-selector" data-protocol="http">HTTPS</a>,
      <a href="#" class="js-clone-selector" data-protocol="ssh">SSH</a>,
      or <a href="#" class="js-clone-selector" data-protocol="subversion">Subversion</a>.
  <a href="https://help.github.com/articles/which-remote-url-should-i-use" class="help tooltipped tooltipped-n" aria-label="Get help on which URL is right for you.">
    <span class="octicon octicon-question"></span>
  </a>
</p>



                <a href="/blueimp/Bootstrap-Image-Gallery/archive/master.zip"
                   class="minibutton sidebar-button"
                   aria-label="Download blueimp/Bootstrap-Image-Gallery as a zip file"
                   title="Download blueimp/Bootstrap-Image-Gallery as a zip file"
                   rel="nofollow">
                  <span class="octicon octicon-cloud-download"></span>
                  Download ZIP
                </a>
              </div>
        </div><!-- /.repository-sidebar -->

        <div id="js-repo-pjax-container" class="repository-content context-loader-container" data-pjax-container>
          


<a href="/blueimp/Bootstrap-Image-Gallery/blob/bee85fa00f8041e610babfe3ad0aaac6cc49a144/css/bootstrap-image-gallery.css" class="hidden js-permalink-shortcut" data-hotkey="y">Permalink</a>

<!-- blob contrib key: blob_contributors:v21:c0e0159432a9614b3700e11339e27d71 -->

<p title="This is a placeholder element" class="js-history-link-replace hidden"></p>

<div class="file-navigation">
  

<div class="select-menu js-menu-container js-select-menu" >
  <span class="minibutton select-menu-button js-menu-target css-truncate" data-hotkey="w"
    data-master-branch="master"
    data-ref="master"
    title="master"
    role="button" aria-label="Switch branches or tags" tabindex="0" aria-haspopup="true">
    <span class="octicon octicon-git-branch"></span>
    <i>branch:</i>
    <span class="js-select-button css-truncate-target">master</span>
  </span>

  <div class="select-menu-modal-holder js-menu-content js-navigation-container" data-pjax aria-hidden="true">

    <div class="select-menu-modal">
      <div class="select-menu-header">
        <span class="select-menu-title">Switch branches/tags</span>
        <span class="octicon octicon-x js-menu-close" role="button" aria-label="Close"></span>
      </div> <!-- /.select-menu-header -->

      <div class="select-menu-filters">
        <div class="select-menu-text-filter">
          <input type="text" aria-label="Filter branches/tags" id="context-commitish-filter-field" class="js-filterable-field js-navigation-enable" placeholder="Filter branches/tags">
        </div>
        <div class="select-menu-tabs">
          <ul>
            <li class="select-menu-tab">
              <a href="#" data-tab-filter="branches" class="js-select-menu-tab">Branches</a>
            </li>
            <li class="select-menu-tab">
              <a href="#" data-tab-filter="tags" class="js-select-menu-tab">Tags</a>
            </li>
          </ul>
        </div><!-- /.select-menu-tabs -->
      </div><!-- /.select-menu-filters -->

      <div class="select-menu-list select-menu-tab-bucket js-select-menu-tab-bucket" data-tab-filter="branches">

        <div data-filterable-for="context-commitish-filter-field" data-filterable-type="substring">


            <div class="select-menu-item js-navigation-item ">
              <span class="select-menu-item-icon octicon octicon-check"></span>
              <a href="/blueimp/Bootstrap-Image-Gallery/blob/gh-pages/css/bootstrap-image-gallery.css"
                 data-name="gh-pages"
                 data-skip-pjax="true"
                 rel="nofollow"
                 class="js-navigation-open select-menu-item-text css-truncate-target"
                 title="gh-pages">gh-pages</a>
            </div> <!-- /.select-menu-item -->
            <div class="select-menu-item js-navigation-item selected">
              <span class="select-menu-item-icon octicon octicon-check"></span>
              <a href="/blueimp/Bootstrap-Image-Gallery/blob/master/css/bootstrap-image-gallery.css"
                 data-name="master"
                 data-skip-pjax="true"
                 rel="nofollow"
                 class="js-navigation-open select-menu-item-text css-truncate-target"
                 title="master">master</a>
            </div> <!-- /.select-menu-item -->
        </div>

          <div class="select-menu-no-results">Nothing to show</div>
      </div> <!-- /.select-menu-list -->

      <div class="select-menu-list select-menu-tab-bucket js-select-menu-tab-bucket" data-tab-filter="tags">
        <div data-filterable-for="context-commitish-filter-field" data-filterable-type="substring">


            <div class="select-menu-item js-navigation-item ">
              <span class="select-menu-item-icon octicon octicon-check"></span>
              <a href="/blueimp/Bootstrap-Image-Gallery/tree/3.1.1/css/bootstrap-image-gallery.css"
                 data-name="3.1.1"
                 data-skip-pjax="true"
                 rel="nofollow"
                 class="js-navigation-open select-menu-item-text css-truncate-target"
                 title="3.1.1">3.1.1</a>
            </div> <!-- /.select-menu-item -->
            <div class="select-menu-item js-navigation-item ">
              <span class="select-menu-item-icon octicon octicon-check"></span>
              <a href="/blueimp/Bootstrap-Image-Gallery/tree/3.1.0/css/bootstrap-image-gallery.css"
                 data-name="3.1.0"
                 data-skip-pjax="true"
                 rel="nofollow"
                 class="js-navigation-open select-menu-item-text css-truncate-target"
                 title="3.1.0">3.1.0</a>
            </div> <!-- /.select-menu-item -->
            <div class="select-menu-item js-navigation-item ">
              <span class="select-menu-item-icon octicon octicon-check"></span>
              <a href="/blueimp/Bootstrap-Image-Gallery/tree/3.0.1/css/bootstrap-image-gallery.css"
                 data-name="3.0.1"
                 data-skip-pjax="true"
                 rel="nofollow"
                 class="js-navigation-open select-menu-item-text css-truncate-target"
                 title="3.0.1">3.0.1</a>
            </div> <!-- /.select-menu-item -->
            <div class="select-menu-item js-navigation-item ">
              <span class="select-menu-item-icon octicon octicon-check"></span>
              <a href="/blueimp/Bootstrap-Image-Gallery/tree/3.0.0/css/bootstrap-image-gallery.css"
                 data-name="3.0.0"
                 data-skip-pjax="true"
                 rel="nofollow"
                 class="js-navigation-open select-menu-item-text css-truncate-target"
                 title="3.0.0">3.0.0</a>
            </div> <!-- /.select-menu-item -->
            <div class="select-menu-item js-navigation-item ">
              <span class="select-menu-item-icon octicon octicon-check"></span>
              <a href="/blueimp/Bootstrap-Image-Gallery/tree/2.10.2/css/bootstrap-image-gallery.css"
                 data-name="2.10.2"
                 data-skip-pjax="true"
                 rel="nofollow"
                 class="js-navigation-open select-menu-item-text css-truncate-target"
                 title="2.10.2">2.10.2</a>
            </div> <!-- /.select-menu-item -->
            <div class="select-menu-item js-navigation-item ">
              <span class="select-menu-item-icon octicon octicon-check"></span>
              <a href="/blueimp/Bootstrap-Image-Gallery/tree/2.10.1/css/bootstrap-image-gallery.css"
                 data-name="2.10.1"
                 data-skip-pjax="true"
                 rel="nofollow"
                 class="js-navigation-open select-menu-item-text css-truncate-target"
                 title="2.10.1">2.10.1</a>
            </div> <!-- /.select-menu-item -->
        </div>

        <div class="select-menu-no-results">Nothing to show</div>
      </div> <!-- /.select-menu-list -->

    </div> <!-- /.select-menu-modal -->
  </div> <!-- /.select-menu-modal-holder -->
</div> <!-- /.select-menu -->

  <div class="button-group right">
    <a href="/blueimp/Bootstrap-Image-Gallery/find/master"
          class="js-show-file-finder minibutton empty-icon tooltipped tooltipped-s"
          data-pjax
          data-hotkey="t"
          aria-label="Quickly jump between files">
      <span class="octicon octicon-list-unordered"></span>
    </a>
    <button class="js-zeroclipboard minibutton zeroclipboard-button"
          data-clipboard-text="css/bootstrap-image-gallery.css"
          aria-label="Copy to clipboard"
          data-copied-hint="Copied!">
      <span class="octicon octicon-clippy"></span>
    </button>
  </div>

  <div class="breadcrumb">
    <span class='repo-root js-repo-root'><span itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="/blueimp/Bootstrap-Image-Gallery" data-branch="master" data-direction="back" data-pjax="true" itemscope="url"><span itemprop="title">Bootstrap-Image-Gallery</span></a></span></span><span class="separator"> / </span><span itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="/blueimp/Bootstrap-Image-Gallery/tree/master/css" data-branch="master" data-direction="back" data-pjax="true" itemscope="url"><span itemprop="title">css</span></a></span><span class="separator"> / </span><strong class="final-path">bootstrap-image-gallery.css</strong>
  </div>
</div>


  <div class="commit file-history-tease">
      <img alt="Sebastian Tschan" class="main-avatar js-avatar" data-user="244586" height="24" src="https://avatars1.githubusercontent.com/u/244586?s=140" width="24" />
      <span class="author"><a href="/blueimp" rel="author">blueimp</a></span>
      <time datetime="2013-10-12T03:32:07-05:00" is="relative-time">October 12, 2013</time>
      <div class="commit-title">
          <a href="/blueimp/Bootstrap-Image-Gallery/commit/b21e0f97dd90fb6ccbc708fe1c892ba2bc9fa36e" class="message" data-pjax="true" title="New version based on blueimp Gallery and Bootstrap 3.">New version based on blueimp Gallery and Bootstrap 3.</a>
      </div>

    <div class="participation">
      <p class="quickstat"><a href="#blob_contributors_box" rel="facebox"><strong>1</strong>  contributor</a></p>
      
    </div>
    <div id="blob_contributors_box" style="display:none">
      <h2 class="facebox-header">Users who have contributed to this file</h2>
      <ul class="facebox-user-list">
          <li class="facebox-user-list-item">
            <img alt="Sebastian Tschan" class=" js-avatar" data-user="244586" height="24" src="https://avatars1.githubusercontent.com/u/244586?s=140" width="24" />
            <a href="/blueimp">blueimp</a>
          </li>
      </ul>
    </div>
  </div>

<div class="file-box">
  <div class="file">
    <div class="meta clearfix">
      <div class="info file-name">
          <span>88 lines (85 sloc)</span>
          <span class="meta-divider"></span>
        <span>1.924 kb</span>
      </div>
      <div class="actions">
        <div class="button-group">
          <a href="/blueimp/Bootstrap-Image-Gallery/raw/master/css/bootstrap-image-gallery.css" class="minibutton " id="raw-url">Raw</a>
            <a href="/blueimp/Bootstrap-Image-Gallery/blame/master/css/bootstrap-image-gallery.css" class="minibutton js-update-url-with-hash">Blame</a>
          <a href="/blueimp/Bootstrap-Image-Gallery/commits/master/css/bootstrap-image-gallery.css" class="minibutton " rel="nofollow">History</a>
        </div><!-- /.button-group -->


              <a class="octicon-button tooltipped tooltipped-n js-update-url-with-hash"
                 aria-label="Clicking this button will fork this project so you can edit the file"
                 href="/blueimp/Bootstrap-Image-Gallery/edit/master/css/bootstrap-image-gallery.css"
                 data-method="post" rel="nofollow"><span class="octicon octicon-pencil"></span></a>

            <a class="octicon-button danger tooltipped tooltipped-s"
               href="/blueimp/Bootstrap-Image-Gallery/delete/master/css/bootstrap-image-gallery.css"
               aria-label="Fork this project and delete file"
               data-method="post" data-test-id="delete-blob-file" rel="nofollow">
          <span class="octicon octicon-trashcan"></span>
        </a>
      </div><!-- /.actions -->
    </div>
      
  <div class="blob-wrapper data type-css js-blob-data">
       <table class="file-code file-diff tab-size-8">
         <tr class="file-code-line">
           <td class="blob-line-nums">
             <span id="L1" rel="#L1">1</span>
<span id="L2" rel="#L2">2</span>
<span id="L3" rel="#L3">3</span>
<span id="L4" rel="#L4">4</span>
<span id="L5" rel="#L5">5</span>
<span id="L6" rel="#L6">6</span>
<span id="L7" rel="#L7">7</span>
<span id="L8" rel="#L8">8</span>
<span id="L9" rel="#L9">9</span>
<span id="L10" rel="#L10">10</span>
<span id="L11" rel="#L11">11</span>
<span id="L12" rel="#L12">12</span>
<span id="L13" rel="#L13">13</span>
<span id="L14" rel="#L14">14</span>
<span id="L15" rel="#L15">15</span>
<span id="L16" rel="#L16">16</span>
<span id="L17" rel="#L17">17</span>
<span id="L18" rel="#L18">18</span>
<span id="L19" rel="#L19">19</span>
<span id="L20" rel="#L20">20</span>
<span id="L21" rel="#L21">21</span>
<span id="L22" rel="#L22">22</span>
<span id="L23" rel="#L23">23</span>
<span id="L24" rel="#L24">24</span>
<span id="L25" rel="#L25">25</span>
<span id="L26" rel="#L26">26</span>
<span id="L27" rel="#L27">27</span>
<span id="L28" rel="#L28">28</span>
<span id="L29" rel="#L29">29</span>
<span id="L30" rel="#L30">30</span>
<span id="L31" rel="#L31">31</span>
<span id="L32" rel="#L32">32</span>
<span id="L33" rel="#L33">33</span>
<span id="L34" rel="#L34">34</span>
<span id="L35" rel="#L35">35</span>
<span id="L36" rel="#L36">36</span>
<span id="L37" rel="#L37">37</span>
<span id="L38" rel="#L38">38</span>
<span id="L39" rel="#L39">39</span>
<span id="L40" rel="#L40">40</span>
<span id="L41" rel="#L41">41</span>
<span id="L42" rel="#L42">42</span>
<span id="L43" rel="#L43">43</span>
<span id="L44" rel="#L44">44</span>
<span id="L45" rel="#L45">45</span>
<span id="L46" rel="#L46">46</span>
<span id="L47" rel="#L47">47</span>
<span id="L48" rel="#L48">48</span>
<span id="L49" rel="#L49">49</span>
<span id="L50" rel="#L50">50</span>
<span id="L51" rel="#L51">51</span>
<span id="L52" rel="#L52">52</span>
<span id="L53" rel="#L53">53</span>
<span id="L54" rel="#L54">54</span>
<span id="L55" rel="#L55">55</span>
<span id="L56" rel="#L56">56</span>
<span id="L57" rel="#L57">57</span>
<span id="L58" rel="#L58">58</span>
<span id="L59" rel="#L59">59</span>
<span id="L60" rel="#L60">60</span>
<span id="L61" rel="#L61">61</span>
<span id="L62" rel="#L62">62</span>
<span id="L63" rel="#L63">63</span>
<span id="L64" rel="#L64">64</span>
<span id="L65" rel="#L65">65</span>
<span id="L66" rel="#L66">66</span>
<span id="L67" rel="#L67">67</span>
<span id="L68" rel="#L68">68</span>
<span id="L69" rel="#L69">69</span>
<span id="L70" rel="#L70">70</span>
<span id="L71" rel="#L71">71</span>
<span id="L72" rel="#L72">72</span>
<span id="L73" rel="#L73">73</span>
<span id="L74" rel="#L74">74</span>
<span id="L75" rel="#L75">75</span>
<span id="L76" rel="#L76">76</span>
<span id="L77" rel="#L77">77</span>
<span id="L78" rel="#L78">78</span>
<span id="L79" rel="#L79">79</span>
<span id="L80" rel="#L80">80</span>
<span id="L81" rel="#L81">81</span>
<span id="L82" rel="#L82">82</span>
<span id="L83" rel="#L83">83</span>
<span id="L84" rel="#L84">84</span>
<span id="L85" rel="#L85">85</span>
<span id="L86" rel="#L86">86</span>
<span id="L87" rel="#L87">87</span>

           </td>
           <td class="blob-line-code"><div class="code-body highlight"><pre><div class='line' id='LC1'><span class="k">@charset</span> <span class="s2">&quot;UTF-8&quot;</span><span class="p">;</span></div><div class='line' id='LC2'><span class="c">/*</span></div><div class='line' id='LC3'><span class="c"> * Bootstrap Image Gallery CSS 3.0.0</span></div><div class='line' id='LC4'><span class="c"> * https://github.com/blueimp/Bootstrap-Image-Gallery</span></div><div class='line' id='LC5'><span class="c"> *</span></div><div class='line' id='LC6'><span class="c"> * Copyright 2013, Sebastian Tschan</span></div><div class='line' id='LC7'><span class="c"> * https://blueimp.net</span></div><div class='line' id='LC8'><span class="c"> *</span></div><div class='line' id='LC9'><span class="c"> * Licensed under the MIT license:</span></div><div class='line' id='LC10'><span class="c"> * http://www.opensource.org/licenses/MIT</span></div><div class='line' id='LC11'><span class="c"> */</span></div><div class='line' id='LC12'><br/></div><div class='line' id='LC13'><span class="nc">.blueimp-gallery</span> <span class="nc">.modal-body</span> <span class="p">{</span></div><div class='line' id='LC14'>	<span class="k">position</span><span class="o">:</span> <span class="k">relative</span><span class="p">;</span></div><div class='line' id='LC15'>	<span class="k">text-align</span><span class="o">:</span> <span class="k">center</span><span class="p">;</span></div><div class='line' id='LC16'>	<span class="k">padding</span><span class="o">:</span> <span class="m">0</span> <span class="m">0</span> <span class="m">56.25%</span> <span class="m">0</span><span class="p">;</span></div><div class='line' id='LC17'>	<span class="k">overflow</span><span class="o">:</span> <span class="k">hidden</span><span class="p">;</span></div><div class='line' id='LC18'>	<span class="k">cursor</span><span class="o">:</span> <span class="k">pointer</span><span class="p">;</span></div><div class='line' id='LC19'><span class="p">}</span></div><div class='line' id='LC20'><span class="nc">.blueimp-gallery</span> <span class="nc">.modal-footer</span> <span class="p">{</span></div><div class='line' id='LC21'>	<span class="k">margin</span><span class="o">:</span> <span class="m">0</span><span class="p">;</span></div><div class='line' id='LC22'><span class="p">}</span></div><div class='line' id='LC23'><span class="nc">.blueimp-gallery</span> <span class="nc">.modal-body</span> <span class="nt">img</span><span class="o">,</span></div><div class='line' id='LC24'><span class="nc">.blueimp-gallery</span> <span class="nc">.modal-body</span> <span class="nc">.video-content</span> <span class="nt">video</span><span class="o">,</span></div><div class='line' id='LC25'><span class="nc">.blueimp-gallery</span> <span class="nc">.modal-body</span> <span class="nc">.video-content</span> <span class="nt">iframe</span><span class="o">,</span></div><div class='line' id='LC26'><span class="nc">.blueimp-gallery</span> <span class="nc">.modal-body</span> <span class="nc">.video-content</span> <span class="nt">a</span> <span class="p">{</span></div><div class='line' id='LC27'>	<span class="k">max-width</span><span class="o">:</span> <span class="m">100%</span><span class="p">;</span></div><div class='line' id='LC28'>	<span class="k">max-height</span><span class="o">:</span> <span class="m">100%</span><span class="p">;</span></div><div class='line' id='LC29'>	<span class="k">margin</span><span class="o">:</span> <span class="k">auto</span><span class="p">;</span></div><div class='line' id='LC30'>	<span class="k">position</span><span class="o">:</span> <span class="k">absolute</span><span class="p">;</span></div><div class='line' id='LC31'>	<span class="k">top</span><span class="o">:</span> <span class="m">0</span><span class="p">;</span></div><div class='line' id='LC32'>	<span class="k">right</span><span class="o">:</span> <span class="m">0</span><span class="p">;</span></div><div class='line' id='LC33'>	<span class="k">bottom</span><span class="o">:</span> <span class="m">0</span><span class="p">;</span></div><div class='line' id='LC34'>	<span class="k">left</span><span class="o">:</span> <span class="m">0</span><span class="p">;</span></div><div class='line' id='LC35'><span class="p">}</span></div><div class='line' id='LC36'><span class="nc">.blueimp-gallery</span> <span class="nc">.modal-body</span> <span class="nc">.video-content</span> <span class="nt">video</span> <span class="p">{</span></div><div class='line' id='LC37'>&nbsp;	<span class="k">display</span><span class="o">:</span> <span class="k">none</span><span class="p">;</span></div><div class='line' id='LC38'><span class="p">}</span></div><div class='line' id='LC39'><span class="nc">.blueimp-gallery</span> <span class="nc">.modal-body</span> <span class="nc">.video-playing</span> <span class="nt">video</span> <span class="p">{</span></div><div class='line' id='LC40'>	<span class="k">display</span><span class="o">:</span> <span class="k">block</span><span class="p">;</span></div><div class='line' id='LC41'><span class="p">}</span></div><div class='line' id='LC42'><span class="nc">.blueimp-gallery</span> <span class="nc">.modal-body</span> <span class="nc">.video-content</span> <span class="nt">iframe</span> <span class="p">{</span></div><div class='line' id='LC43'>	<span class="k">width</span><span class="o">:</span> <span class="m">100%</span><span class="p">;</span></div><div class='line' id='LC44'>	<span class="k">height</span><span class="o">:</span> <span class="m">100%</span><span class="p">;</span></div><div class='line' id='LC45'>	<span class="k">border</span><span class="o">:</span> <span class="k">none</span><span class="p">;</span></div><div class='line' id='LC46'>	<span class="k">left</span><span class="o">:</span> <span class="m">100%</span><span class="p">;</span></div><div class='line' id='LC47'><span class="p">}</span></div><div class='line' id='LC48'><span class="nc">.blueimp-gallery</span> <span class="nc">.modal-body</span> <span class="nc">.video-playing</span> <span class="nt">iframe</span> <span class="p">{</span></div><div class='line' id='LC49'>	<span class="k">left</span><span class="o">:</span> <span class="m">0</span><span class="p">;</span></div><div class='line' id='LC50'><span class="p">}</span></div><div class='line' id='LC51'><span class="nc">.blueimp-gallery</span> <span class="nc">.modal-body</span> <span class="nc">.video-playing</span> <span class="nt">img</span><span class="o">,</span></div><div class='line' id='LC52'><span class="nc">.blueimp-gallery</span> <span class="nc">.modal-body</span> <span class="nc">.video-playing</span> <span class="nt">a</span> <span class="p">{</span></div><div class='line' id='LC53'>&nbsp;	<span class="k">display</span><span class="o">:</span> <span class="k">none</span><span class="p">;</span></div><div class='line' id='LC54'><span class="p">}</span></div><div class='line' id='LC55'><span class="nc">.blueimp-gallery</span> <span class="nc">.modal-body</span> <span class="nc">.video-content</span> <span class="nt">a</span> <span class="p">{</span></div><div class='line' id='LC56'>	<span class="k">cursor</span><span class="o">:</span> <span class="k">pointer</span><span class="p">;</span></div><div class='line' id='LC57'><span class="p">}</span></div><div class='line' id='LC58'><span class="nc">.blueimp-gallery</span> <span class="nc">.modal-body</span> <span class="nc">.video-content</span> <span class="nt">a</span><span class="nd">:after</span> <span class="p">{</span></div><div class='line' id='LC59'>	<span class="k">font-family</span><span class="o">:</span> <span class="s2">&quot;Glyphicons Halflings&quot;</span><span class="p">;</span></div><div class='line' id='LC60'>	<span class="o">-</span><span class="n">webkit</span><span class="o">-</span><span class="k">font</span><span class="o">-</span><span class="n">smoothing</span><span class="o">:</span> <span class="n">antialiased</span><span class="p">;</span></div><div class='line' id='LC61'>	<span class="k">content</span><span class="o">:</span> <span class="s2">&quot;\e029&quot;</span><span class="p">;</span></div><div class='line' id='LC62'>	<span class="k">font-size</span><span class="o">:</span> <span class="m">64px</span><span class="p">;</span></div><div class='line' id='LC63'>	<span class="k">line-height</span><span class="o">:</span> <span class="m">64px</span><span class="p">;</span></div><div class='line' id='LC64'>	<span class="k">width</span><span class="o">:</span> <span class="m">64px</span><span class="p">;</span></div><div class='line' id='LC65'>	<span class="k">height</span><span class="o">:</span> <span class="m">64px</span><span class="p">;</span></div><div class='line' id='LC66'>	<span class="k">position</span><span class="o">:</span> <span class="k">absolute</span><span class="p">;</span></div><div class='line' id='LC67'>	<span class="k">top</span><span class="o">:</span> <span class="m">50%</span><span class="p">;</span></div><div class='line' id='LC68'>	<span class="k">margin</span><span class="o">:</span> <span class="m">-32px</span> <span class="m">0</span> <span class="m">0</span> <span class="m">-32px</span><span class="p">;</span></div><div class='line' id='LC69'><span class="p">}</span></div><div class='line' id='LC70'><span class="nc">.blueimp-gallery</span> <span class="nc">.modal-body</span> <span class="nc">.video-loading</span> <span class="nt">a</span> <span class="p">{</span></div><div class='line' id='LC71'>	<span class="k">background</span><span class="o">:</span> <span class="sx">url(../img/loading.gif)</span> <span class="k">center</span> <span class="k">no-repeat</span><span class="p">;</span></div><div class='line' id='LC72'>	<span class="k">background</span><span class="o">-</span><span class="k">size</span><span class="o">:</span> <span class="m">64px</span> <span class="m">64px</span><span class="p">;</span></div><div class='line' id='LC73'><span class="p">}</span></div><div class='line' id='LC74'><span class="nc">.blueimp-gallery</span> <span class="nc">.modal-body</span> <span class="nc">.video-loading</span> <span class="nt">a</span><span class="nd">:after</span> <span class="p">{</span></div><div class='line' id='LC75'>	<span class="k">content</span><span class="o">:</span> <span class="k">none</span><span class="p">;</span></div><div class='line' id='LC76'><span class="p">}</span></div><div class='line' id='LC77'><br/></div><div class='line' id='LC78'><span class="k">@media</span> <span class="nt">screen</span> <span class="nt">and</span> <span class="o">(</span><span class="nt">min-width</span><span class="o">:</span> <span class="nt">768px</span><span class="o">)</span> <span class="p">{</span></div><div class='line' id='LC79'>&nbsp;&nbsp;<span class="nc">.blueimp-gallery</span> <span class="nc">.modal-dialog</span> <span class="p">{</span></div><div class='line' id='LC80'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="k">right</span><span class="o">:</span> <span class="k">auto</span><span class="p">;</span></div><div class='line' id='LC81'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="k">left</span><span class="o">:</span> <span class="k">auto</span><span class="p">;</span></div><div class='line' id='LC82'>	<span class="k">width</span><span class="o">:</span> <span class="k">auto</span><span class="p">;</span></div><div class='line' id='LC83'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="k">max-width</span><span class="o">:</span> <span class="m">900px</span><span class="p">;</span></div><div class='line' id='LC84'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="k">padding-left</span><span class="o">:</span> <span class="m">5%</span><span class="p">;</span></div><div class='line' id='LC85'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="k">padding-right</span><span class="o">:</span> <span class="m">5%</span><span class="p">;</span></div><div class='line' id='LC86'>&nbsp;&nbsp;<span class="p">}</span></div><div class='line' id='LC87'><span class="p">}</span></div></pre></div></td>
         </tr>
       </table>
  </div>

  </div>
</div>

<a href="#jump-to-line" rel="facebox[.linejump]" data-hotkey="l" class="js-jump-to-line" style="display:none">Jump to Line</a>
<div id="jump-to-line" style="display:none">
  <form accept-charset="UTF-8" class="js-jump-to-line-form">
    <input class="linejump-input js-jump-to-line-field" type="text" placeholder="Jump to line&hellip;" autofocus>
    <button type="submit" class="button">Go</button>
  </form>
</div>

        </div>

      </div><!-- /.repo-container -->
      <div class="modal-backdrop"></div>
    </div><!-- /.container -->
  </div><!-- /.site -->


    </div><!-- /.wrapper -->

      <div class="container">
  <div class="site-footer">
    <ul class="site-footer-links right">
      <li><a href="https://status.github.com/">Status</a></li>
      <li><a href="http://developer.github.com">API</a></li>
      <li><a href="http://training.github.com">Training</a></li>
      <li><a href="http://shop.github.com">Shop</a></li>
      <li><a href="/blog">Blog</a></li>
      <li><a href="/about">About</a></li>

    </ul>

    <a href="/" aria-label="Homepage">
      <span class="mega-octicon octicon-mark-github" title="GitHub"></span>
    </a>

    <ul class="site-footer-links">
      <li>&copy; 2014 <span title="0.03910s from github-fe118-cp1-prd.iad.github.net">GitHub</span>, Inc.</li>
        <li><a href="/site/terms">Terms</a></li>
        <li><a href="/site/privacy">Privacy</a></li>
        <li><a href="/security">Security</a></li>
        <li><a href="/contact">Contact</a></li>
    </ul>
  </div><!-- /.site-footer -->
</div><!-- /.container -->


    <div class="fullscreen-overlay js-fullscreen-overlay" id="fullscreen_overlay">
  <div class="fullscreen-container js-fullscreen-container">
    <div class="textarea-wrap">
      <textarea name="fullscreen-contents" id="fullscreen-contents" class="fullscreen-contents js-fullscreen-contents" placeholder="" data-suggester="fullscreen_suggester"></textarea>
    </div>
  </div>
  <div class="fullscreen-sidebar">
    <a href="#" class="exit-fullscreen js-exit-fullscreen tooltipped tooltipped-w" aria-label="Exit Zen Mode">
      <span class="mega-octicon octicon-screen-normal"></span>
    </a>
    <a href="#" class="theme-switcher js-theme-switcher tooltipped tooltipped-w"
      aria-label="Switch themes">
      <span class="octicon octicon-color-mode"></span>
    </a>
  </div>
</div>



    <div id="ajax-error-message" class="flash flash-error">
      <span class="octicon octicon-alert"></span>
      <a href="#" class="octicon octicon-x close js-ajax-error-dismiss" aria-label="Dismiss error"></a>
      Something went wrong with that request. Please try again.
    </div>


      <script crossorigin="anonymous" src="https://assets-cdn.github.com/assets/frameworks-48db3219d477e6cb0b2d5521fd476fe0a02d7916.js" type="text/javascript"></script>
      <script async="async" crossorigin="anonymous" src="https://assets-cdn.github.com/assets/github-20a8af93437c1074ff767e9ad722d88347a1d902.js" type="text/javascript"></script>
      
      
        <script async src="https://www.google-analytics.com/analytics.js"></script>
  </body>
</html>

