scratch – Blame information for rev 115
?pathlinks?
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 115 | office | 1 | @charset "UTF-8"; |
| 2 | /* |
||
| 3 | * blueimp Gallery Video Factory CSS |
||
| 4 | * https://github.com/blueimp/Gallery |
||
| 5 | * |
||
| 6 | * Copyright 2013, Sebastian Tschan |
||
| 7 | * https://blueimp.net |
||
| 8 | * |
||
| 9 | * Licensed under the MIT license: |
||
| 10 | * https://opensource.org/licenses/MIT |
||
| 11 | */ |
||
| 12 | |||
| 13 | .blueimp-gallery > .slides > .slide > .video-content > img { |
||
| 14 | position: absolute; |
||
| 15 | top: 0; |
||
| 16 | right: 0; |
||
| 17 | bottom: 0; |
||
| 18 | left: 0; |
||
| 19 | margin: auto; |
||
| 20 | width: auto; |
||
| 21 | height: auto; |
||
| 22 | max-width: 100%; |
||
| 23 | max-height: 100%; |
||
| 24 | /* Prevent artifacts in Mozilla Firefox: */ |
||
| 25 | -moz-backface-visibility: hidden; |
||
| 26 | } |
||
| 27 | .blueimp-gallery > .slides > .slide > .video-content > video { |
||
| 28 | position: absolute; |
||
| 29 | top: 0; |
||
| 30 | left: 0; |
||
| 31 | width: 100%; |
||
| 32 | height: 100%; |
||
| 33 | } |
||
| 34 | .blueimp-gallery > .slides > .slide > .video-content > iframe { |
||
| 35 | position: absolute; |
||
| 36 | top: 100%; |
||
| 37 | left: 0; |
||
| 38 | width: 100%; |
||
| 39 | height: 100%; |
||
| 40 | border: none; |
||
| 41 | } |
||
| 42 | .blueimp-gallery > .slides > .slide > .video-playing > iframe { |
||
| 43 | top: 0; |
||
| 44 | } |
||
| 45 | .blueimp-gallery > .slides > .slide > .video-content > a { |
||
| 46 | position: absolute; |
||
| 47 | top: 50%; |
||
| 48 | right: 0; |
||
| 49 | left: 0; |
||
| 50 | margin: -64px auto 0; |
||
| 51 | width: 128px; |
||
| 52 | height: 128px; |
||
| 53 | background: url(../img/video-play.png) center no-repeat; |
||
| 54 | opacity: 0.8; |
||
| 55 | cursor: pointer; |
||
| 56 | } |
||
| 57 | .blueimp-gallery > .slides > .slide > .video-content > a:hover { |
||
| 58 | opacity: 1; |
||
| 59 | } |
||
| 60 | .blueimp-gallery > .slides > .slide > .video-playing > a, |
||
| 61 | .blueimp-gallery > .slides > .slide > .video-playing > img { |
||
| 62 | display: none; |
||
| 63 | } |
||
| 64 | .blueimp-gallery > .slides > .slide > .video-content > video { |
||
| 65 | display: none; |
||
| 66 | } |
||
| 67 | .blueimp-gallery > .slides > .slide > .video-playing > video { |
||
| 68 | display: block; |
||
| 69 | } |
||
| 70 | .blueimp-gallery > .slides > .slide > .video-loading > a { |
||
| 71 | background: url(../img/loading.gif) center no-repeat; |
||
| 72 | background-size: 64px 64px; |
||
| 73 | } |
||
| 74 | |||
| 75 | /* Replace PNGs with SVGs for capable browsers (excluding IE<9) */ |
||
| 76 | body:last-child .blueimp-gallery > .slides > .slide > .video-content:not(.video-loading) > a { |
||
| 77 | background-image: url(../img/video-play.svg); |
||
| 78 | } |
||
| 79 | |||
| 80 | /* IE7 fixes */ |
||
| 81 | *+html .blueimp-gallery > .slides > .slide > .video-content { |
||
| 82 | height: 100%; |
||
| 83 | } |
||
| 84 | *+html .blueimp-gallery > .slides > .slide > .video-content > a { |
||
| 85 | left: 50%; |
||
| 86 | margin-left: -64px; |
||
| 87 | } |