Permalink
| @charset "UTF-8"; | |
| /* | |
| * Bootstrap Image Gallery CSS 3.0.0 | |
| * https://github.com/blueimp/Bootstrap-Image-Gallery | |
| * | |
| * Copyright 2013, Sebastian Tschan | |
| * https://blueimp.net | |
| * | |
| * Licensed under the MIT license: | |
| * http://www.opensource.org/licenses/MIT | |
| */ | |
| .blueimp-gallery .modal-body { | |
| position: relative; | |
| text-align: center; | |
| padding: 0 0 56.25% 0; | |
| overflow: hidden; | |
| cursor: pointer; | |
| } | |
| .blueimp-gallery .modal-footer { | |
| margin: 0; | |
| } | |
| .blueimp-gallery .modal-body img, | |
| .blueimp-gallery .modal-body .video-content video, | |
| .blueimp-gallery .modal-body .video-content iframe, | |
| .blueimp-gallery .modal-body .video-content a { | |
| max-width: 100%; | |
| max-height: 100%; | |
| margin: auto; | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| } | |
| .blueimp-gallery .modal-body .video-content video { | |
| display: none; | |
| } | |
| .blueimp-gallery .modal-body .video-playing video { | |
| display: block; | |
| } | |
| .blueimp-gallery .modal-body .video-content iframe { | |
| width: 100%; | |
| height: 100%; | |
| border: none; | |
| left: 100%; | |
| } | |
| .blueimp-gallery .modal-body .video-playing iframe { | |
| left: 0; | |
| } | |
| .blueimp-gallery .modal-body .video-playing img, | |
| .blueimp-gallery .modal-body .video-playing a { | |
| display: none; | |
| } | |
| .blueimp-gallery .modal-body .video-content a { | |
| cursor: pointer; | |
| } | |
| .blueimp-gallery .modal-body .video-content a:after { | |
| font-family: "Glyphicons Halflings"; | |
| -webkit-font-smoothing: antialiased; | |
| content: "\e029"; | |
| font-size: 64px; | |
| line-height: 64px; | |
| width: 64px; | |
| height: 64px; | |
| position: absolute; | |
| top: 50%; | |
| margin: -32px 0 0 -32px; | |
| } | |
| .blueimp-gallery .modal-body .video-loading a { | |
| background: url(../img/loading.gif) center no-repeat; | |
| background-size: 64px 64px; | |
| } | |
| .blueimp-gallery .modal-body .video-loading a:after { | |
| content: none; | |
| } | |
| @media screen and (min-width: 768px) { | |
| .blueimp-gallery .modal-dialog { | |
| right: auto; | |
| left: auto; | |
| width: auto; | |
| max-width: 900px; | |
| padding-left: 5%; | |
| padding-right: 5%; | |
| } | |
| } |