


<!DOCTYPE html>
<html>
  <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# githubog: http://ogp.me/ns/fb/githubog#">
    <meta charset='utf-8'>
    <meta http-equiv="X-UA-Compatible" content="IE=10">
        <title>Bootstrap-Image-Gallery/css/bootstrap-image-gallery.min.css at master · blueimp/Bootstrap-Image-Gallery · GitHub</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" />
    <link rel="logo" type="image/svg" href="https://github-media-downloads.s3.amazonaws.com/github-logo.svg" />
    <meta property="og:image" content="https://github.global.ssl.fastly.net/images/modules/logos_page/Octocat.png">
    <meta name="hostname" content="github-fe132-cp1-prd.iad.github.net">
    <meta name="ruby" content="ruby 1.9.3p194-tcs-github-tcmalloc (0e75de19f8) [x86_64-linux]">
    <link rel="assets" href="https://github.global.ssl.fastly.net/">
    <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 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="5691F0B3:59C8:5523645:527B8350" name="octolytics-dimension-request_id" />
    

    
    
    <link rel="icon" type="image/x-icon" href="/favicon.ico" />

    <meta content="authenticity_token" name="csrf-param" />
<meta content="Oe7SWPLKSfh1hfYkfXbt8sW9S4g/jaIAadfLOyWB0c0=" name="csrf-token" />

    <link href="https://github.global.ssl.fastly.net/assets/github-f9374965153b44f3eee4f4e6862f8d7af0ff25e8.css" media="all" rel="stylesheet" type="text/css" />
    <link href="https://github.global.ssl.fastly.net/assets/github2-6a6ecdf4483003531f53d7f7f343933878bb1aed.css" media="all" rel="stylesheet" type="text/css" />
    

    

      <script src="https://github.global.ssl.fastly.net/assets/frameworks-bca527bb59d94c16d6bf2a759779d7953fa41e76.js" type="text/javascript"></script>
      <script src="https://github.global.ssl.fastly.net/assets/github-bc4057ab0a9fb7bb17770a78ccdcec0491e4e00f.js" type="text/javascript"></script>
      
      <meta http-equiv="x-pjax-version" content="ef9e7a622f0f59b2942377367fb3a12e">

        <link data-pjax-transient rel='permalink' href='/blueimp/Bootstrap-Image-Gallery/blob/709747c9b888b4dddfbceb521c3924d969c68df6/css/bootstrap-image-gallery.min.css'>
  <meta property="og:title" content="Bootstrap-Image-Gallery"/>
  <meta property="og:type" content="githubog:gitrepository"/>
  <meta property="og:url" content="https://github.com/blueimp/Bootstrap-Image-Gallery"/>
  <meta property="og:image" content="https://github.global.ssl.fastly.net/images/gravatars/gravatar-user-420.png"/>
  <meta property="og:site_name" content="GitHub"/>
  <meta property="og: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 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_out  env-production windows vis-public  page-blob">
    <div class="wrapper">
      
      
      
      


      
      <div class="header header-logged-out">
  <div class="container clearfix">

    <a class="header-logo-wordmark" href="https://github.com/">
      <span class="mega-octicon octicon-logo-github"></span>
    </a>

    <div class="header-actions">
        <a class="button primary" href="/join">Sign up</a>
      <a class="button signin" href="/login?return_to=%2Fblueimp%2FBootstrap-Image-Gallery%2Fblob%2Fmaster%2Fcss%2Fbootstrap-image-gallery.min.css">Sign in</a>
    </div>

    <div class="command-bar js-command-bar  in-repository">

      <ul class="top-nav">
          <li class="explore"><a href="/explore">Explore</a></li>
        <li class="features"><a href="/features">Features</a></li>
          <li class="enterprise"><a href="https://enterprise.github.com/">Enterprise</a></li>
          <li class="blog"><a href="/blog">Blog</a></li>
      </ul>
        <form accept-charset="UTF-8" action="/search" class="command-bar-form" id="top_search_form" method="get">

<input type="text" data-hotkey="/ s" name="q" id="js-command-bar-field" placeholder="Search or type a command" tabindex="1" autocapitalize="off"
    
    
      data-repo="blueimp/Bootstrap-Image-Gallery"
      data-branch="master"
      data-sha="605385ac28e01c0705318d117d53a5881d7c422d"
  >

    <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">
        <span class="js-select-button">This repository</span>
      </span>

      <div class="select-menu-modal-holder js-menu-content js-navigation-container">
        <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="octicon help tooltipped downwards" title="Show command bar help">
    <span class="octicon octicon-question"></span>
  </span>


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

</form>
    </div>

  </div>
</div>


      


          <div class="site" itemscope itemtype="http://schema.org/WebPage">
    
    <div class="pagehead repohead instapaper_ignore readability-menu">
      <div class="container">
        

<ul class="pagehead-actions">


  <li>
    <a href="/login?return_to=%2Fblueimp%2FBootstrap-Image-Gallery"
    class="minibutton with-count js-toggler-target star-button tooltipped upwards"
    title="You must be signed in to use this feature" rel="nofollow">
    <span class="octicon octicon-star"></span>Star
  </a>

    <a class="social-count js-social-count" href="/blueimp/Bootstrap-Image-Gallery/stargazers">
      1,280
    </a>

  </li>

    <li>
      <a href="/login?return_to=%2Fblueimp%2FBootstrap-Image-Gallery"
        class="minibutton with-count js-toggler-target fork-button tooltipped upwards"
        title="You must be signed in to fork a repository" rel="nofollow">
        <span class="octicon octicon-git-branch"></span>Fork
      </a>
      <a href="/blueimp/Bootstrap-Image-Gallery/network" class="social-count">
        418
      </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="repohead-name-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="Octocat-spinner-32" height="16" src="https://github.global.ssl.fastly.net/images/spinners/octocat-spinner-32.gif" width="16" />
          </span>

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

    <div class="container">

      <div class="repository-with-sidebar repo-container ">

        <div class="repository-sidebar">
            

<div class="sunken-menu vertical-right repo-nav js-repo-nav js-repository-container-pjax js-octicon-loaders">
  <div class="sunken-menu-contents">
    <ul class="sunken-menu-group">
      <li class="tooltipped leftwards" title="Code">
        <a href="/blueimp/Bootstrap-Image-Gallery" aria-label="Code" class="selected js-selected-navigation-item sunken-menu-item" data-gotokey="c" data-pjax="true" data-selected-links="repo_source repo_downloads repo_commits repo_tags repo_branches /blueimp/Bootstrap-Image-Gallery">
          <span class="octicon octicon-code"></span> <span class="full-word">Code</span>
          <img alt="Octocat-spinner-32" class="mini-loader" height="16" src="https://github.global.ssl.fastly.net/images/spinners/octocat-spinner-32.gif" width="16" />
</a>      </li>

        <li class="tooltipped leftwards" title="Issues">
          <a href="/blueimp/Bootstrap-Image-Gallery/issues" aria-label="Issues" class="js-selected-navigation-item sunken-menu-item js-disable-pjax" data-gotokey="i" data-selected-links="repo_issues /blueimp/Bootstrap-Image-Gallery/issues">
            <span class="octicon octicon-issue-opened"></span> <span class="full-word">Issues</span>
            <span class='counter'>0</span>
            <img alt="Octocat-spinner-32" class="mini-loader" height="16" src="https://github.global.ssl.fastly.net/images/spinners/octocat-spinner-32.gif" width="16" />
</a>        </li>

      <li class="tooltipped leftwards" title="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-gotokey="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='counter'>0</span>
            <img alt="Octocat-spinner-32" class="mini-loader" height="16" src="https://github.global.ssl.fastly.net/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 leftwards" title="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="Octocat-spinner-32" class="mini-loader" height="16" src="https://github.global.ssl.fastly.net/images/spinners/octocat-spinner-32.gif" width="16" />
</a>      </li>

      <li class="tooltipped leftwards" title="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="Octocat-spinner-32" class="mini-loader" height="16" src="https://github.global.ssl.fastly.net/images/spinners/octocat-spinner-32.gif" width="16" />
</a>      </li>

      <li class="tooltipped leftwards" title="Network">
        <a href="/blueimp/Bootstrap-Image-Gallery/network" aria-label="Network" class="js-selected-navigation-item sunken-menu-item js-disable-pjax" data-selected-links="repo_network /blueimp/Bootstrap-Image-Gallery/network">
          <span class="octicon octicon-git-branch"></span> <span class="full-word">Network</span>
          <img alt="Octocat-spinner-32" class="mini-loader" height="16" src="https://github.global.ssl.fastly.net/images/spinners/octocat-spinner-32.gif" width="16" />
</a>      </li>
    </ul>


  </div>
</div>

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

  

<div class="clone-url open"
  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="js-zeroclipboard url-box-clippy minibutton zeroclipboard-button" data-clipboard-text="https://github.com/blueimp/Bootstrap-Image-Gallery.git" data-copied-hint="copied!" title="copy to clipboard"><span class="octicon octicon-clippy"></span></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="js-zeroclipboard url-box-clippy minibutton zeroclipboard-button" data-clipboard-text="https://github.com/blueimp/Bootstrap-Image-Gallery" data-copied-hint="copied!" title="copy to clipboard"><span class="octicon octicon-clippy"></span></span>
  </div>
</div>


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


  <a href="http://windows.github.com" class="minibutton sidebar-button">
    <span class="octicon octicon-device-desktop"></span>
    Clone in Desktop
  </a>

              <a href="/blueimp/Bootstrap-Image-Gallery/archive/master.zip"
                 class="minibutton sidebar-button"
                 title="Download this repository 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>
          


<!-- blob contrib key: blob_contributors:v21:2573afb2a524fa37188cfa7d8ac1f125 -->

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

<a href="/blueimp/Bootstrap-Image-Gallery/find/master" data-pjax data-hotkey="t" class="js-show-file-finder" style="display:none">Show File Finder</a>

<div class="file-navigation">
  
  

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

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

    <div class="select-menu-modal">
      <div class="select-menu-header">
        <span class="select-menu-title">Switch branches/tags</span>
        <span class="octicon octicon-remove-close js-menu-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.min.css"
                 data-name="gh-pages"
                 data-skip-pjax="true"
                 rel="nofollow"
                 class="js-navigation-open select-menu-item-text js-select-button-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.min.css"
                 data-name="master"
                 data-skip-pjax="true"
                 rel="nofollow"
                 class="js-navigation-open select-menu-item-text js-select-button-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.0.1/css/bootstrap-image-gallery.min.css"
                 data-name="3.0.1"
                 data-skip-pjax="true"
                 rel="nofollow"
                 class="js-navigation-open select-menu-item-text js-select-button-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.min.css"
                 data-name="3.0.0"
                 data-skip-pjax="true"
                 rel="nofollow"
                 class="js-navigation-open select-menu-item-text js-select-button-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.min.css"
                 data-name="2.10.2"
                 data-skip-pjax="true"
                 rel="nofollow"
                 class="js-navigation-open select-menu-item-text js-select-button-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.min.css"
                 data-name="2.10.1"
                 data-skip-pjax="true"
                 rel="nofollow"
                 class="js-navigation-open select-menu-item-text js-select-button-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="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.min.css</strong> <span class="js-zeroclipboard minibutton zeroclipboard-button" data-clipboard-text="css/bootstrap-image-gallery.min.css" data-copied-hint="copied!" title="copy to clipboard"><span class="octicon octicon-clippy"></span></span>
  </div>
</div>



  <div class="commit file-history-tease">
    <img class="main-avatar" height="24" src="https://0.gravatar.com/avatar/188943e53857bfaca6a5cf4328866e5d?d=https%3A%2F%2Fidenticons.github.com%2Fdd5069279e54427380175523930f18da.png&amp;r=x&amp;s=140" width="24" />
    <span class="author"><a href="/blueimp" rel="author">blueimp</a></span>
    <time class="js-relative-date" datetime="2013-10-12T01:32:07-07:00" title="2013-10-12 01:32:07">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 height="24" src="https://0.gravatar.com/avatar/188943e53857bfaca6a5cf4328866e5d?d=https%3A%2F%2Fidenticons.github.com%2Fdd5069279e54427380175523930f18da.png&amp;r=x&amp;s=140" width="24" />
            <a href="/blueimp">blueimp</a>
          </li>
      </ul>
    </div>
  </div>

<div id="files" class="bubble">
  <div class="file">
    <div class="meta">
      <div class="info">
        <span class="icon"><b class="octicon octicon-file-text"></b></span>
        <span class="mode" title="File Mode">file</span>
          <span>1 lines (1 sloc)</span>
        <span>1.469 kb</span>
      </div>
      <div class="actions">
        <div class="button-group">
            <a class="minibutton tooltipped leftwards"
               href="http://windows.github.com" title="Open this file in GitHub for Windows">
                <span class="octicon octicon-device-desktop"></span> Open
            </a>
              <a class="minibutton disabled tooltipped leftwards" href="#"
                 title="You must be signed in to make or propose changes">Edit</a>
          <a href="/blueimp/Bootstrap-Image-Gallery/raw/master/css/bootstrap-image-gallery.min.css" class="button minibutton " id="raw-url">Raw</a>
            <a href="/blueimp/Bootstrap-Image-Gallery/blame/master/css/bootstrap-image-gallery.min.css" class="button minibutton ">Blame</a>
          <a href="/blueimp/Bootstrap-Image-Gallery/commits/master/css/bootstrap-image-gallery.min.css" class="button minibutton " rel="nofollow">History</a>
        </div><!-- /.button-group -->
          <a class="minibutton danger disabled empty-icon tooltipped leftwards" href="#"
             title="You must be signed in and on a branch to make or propose changes">
          Delete
        </a>
      </div><!-- /.actions -->

    </div>
        <div class="blob-wrapper data type-css js-blob-data">
        <table class="file-code file-diff">
          <tr class="file-code-line">
            <td class="blob-line-nums">
              <span id="L1" rel="#L1">1</span>

            </td>
            <td class="blob-line-code">
                    <div class="highlight"><pre><div class='line' id='LC1'><span class="k">@charset</span> <span class="s2">&quot;UTF-8&quot;</span><span class="p">;</span><span class="nc">.blueimp-gallery</span> <span class="nc">.modal-body</span><span class="p">{</span><span class="k">position</span><span class="o">:</span><span class="k">relative</span><span class="p">;</span><span class="k">text-align</span><span class="o">:</span><span class="k">center</span><span class="p">;</span><span class="k">padding</span><span class="o">:</span><span class="m">0</span> <span class="m">0</span> <span class="m">56</span><span class="o">.</span><span class="m">25</span><span class="o">%</span><span class="p">;</span><span class="k">overflow</span><span class="o">:</span><span class="k">hidden</span><span class="p">;</span><span class="k">cursor</span><span class="o">:</span><span class="k">pointer</span><span class="p">}</span><span class="nc">.blueimp-gallery</span> <span class="nc">.modal-footer</span><span class="p">{</span><span class="k">margin</span><span class="o">:</span><span class="m">0</span><span class="p">}</span><span class="nc">.blueimp-gallery</span> <span class="nc">.modal-body</span> <span class="nt">img</span><span class="o">,</span><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><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><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><span class="k">max-width</span><span class="o">:</span><span class="m">100</span><span class="o">%</span><span class="p">;</span><span class="k">max-height</span><span class="o">:</span><span class="m">100</span><span class="o">%</span><span class="p">;</span><span class="k">margin</span><span class="o">:</span><span class="k">auto</span><span class="p">;</span><span class="k">position</span><span class="o">:</span><span class="k">absolute</span><span class="p">;</span><span class="k">top</span><span class="o">:</span><span class="m">0</span><span class="p">;</span><span class="k">right</span><span class="o">:</span><span class="m">0</span><span class="p">;</span><span class="k">bottom</span><span class="o">:</span><span class="m">0</span><span class="p">;</span><span class="k">left</span><span class="o">:</span><span class="m">0</span><span class="p">}</span><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><span class="k">display</span><span class="o">:</span><span class="k">none</span><span class="p">}</span><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><span class="k">display</span><span class="o">:</span><span class="k">block</span><span class="p">}</span><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><span class="k">width</span><span class="o">:</span><span class="m">100</span><span class="o">%</span><span class="p">;</span><span class="k">height</span><span class="o">:</span><span class="m">100</span><span class="o">%</span><span class="p">;</span><span class="k">border</span><span class="o">:</span><span class="m">0</span><span class="p">;</span><span class="k">left</span><span class="o">:</span><span class="m">100</span><span class="o">%</span><span class="p">}</span><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><span class="k">left</span><span class="o">:</span><span class="m">0</span><span class="p">}</span><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><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><span class="k">display</span><span class="o">:</span><span class="k">none</span><span class="p">}</span><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><span class="k">cursor</span><span class="o">:</span><span class="k">pointer</span><span class="p">}</span><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><span class="k">font-family</span><span class="o">:</span><span class="s2">&quot;Glyphicons Halflings&quot;</span><span class="p">;</span><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><span class="k">content</span><span class="o">:</span><span class="s2">&quot;\e029&quot;</span><span class="p">;</span><span class="k">font-size</span><span class="o">:</span><span class="m">64px</span><span class="p">;</span><span class="k">line-height</span><span class="o">:</span><span class="m">64px</span><span class="p">;</span><span class="k">width</span><span class="o">:</span><span class="m">64px</span><span class="p">;</span><span class="k">height</span><span class="o">:</span><span class="m">64px</span><span class="p">;</span><span class="k">position</span><span class="o">:</span><span class="k">absolute</span><span class="p">;</span><span class="k">top</span><span class="o">:</span><span class="m">50</span><span class="o">%</span><span class="p">;</span><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><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><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><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><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><span class="k">content</span><span class="o">:</span><span class="k">none</span><span class="p">}</span><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="nd">:768px</span><span class="o">)</span><span class="p">{</span><span class="nc">.blueimp-gallery</span> <span class="nc">.modal-dialog</span><span class="p">{</span><span class="k">right</span><span class="o">:</span><span class="k">auto</span><span class="p">;</span><span class="k">left</span><span class="o">:</span><span class="k">auto</span><span class="p">;</span><span class="k">width</span><span class="o">:</span><span class="k">auto</span><span class="p">;</span><span class="k">max-width</span><span class="o">:</span><span class="m">900px</span><span class="p">;</span><span class="k">padding-left</span><span class="o">:</span><span class="m">5</span><span class="o">%</span><span class="p">;</span><span class="k">padding-right</span><span class="o">:</span><span class="m">5</span><span class="o">%</span><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="/">
      <span class="mega-octicon octicon-mark-github"></span>
    </a>

    <ul class="site-footer-links">
      <li>&copy; 2013 <span title="0.02488s from github-fe132-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="js-fullscreen-contents" placeholder="" data-suggester="fullscreen_suggester"></textarea>
          <div class="suggester-container">
              <div class="suggester fullscreen-suggester js-navigation-container" id="fullscreen_suggester"
                 data-url="/blueimp/Bootstrap-Image-Gallery/suggestions/commit">
              </div>
          </div>
    </div>
  </div>
  <div class="fullscreen-sidebar">
    <a href="#" class="exit-fullscreen js-exit-fullscreen tooltipped leftwards" title="Exit Zen Mode">
      <span class="mega-octicon octicon-screen-normal"></span>
    </a>
    <a href="#" class="theme-switcher js-theme-switcher tooltipped leftwards"
      title="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-remove-close close ajax-error-dismiss"></a>
      Something went wrong with that request. Please try again.
    </div>

  </body>
</html>

