Startseite Erkunden Hilfe
Anmelden
shangshang
/
jili2
1
0
Fork 0
Dateien Issues 0 Pull-Requests 0 Wiki
Struktur: 08f7429d55
Branches Tags
jili2
/
public
/
static
/
hplus
/
css
/
plugins
/
blueimp
/
css
/
blueimp-gallery-video.css

blueimp-gallery-video.css 2.1 KB
Verlauf Originalformat

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687 
  1. @charset "UTF-8";
    2. 

  2. /*
    3. 

  3.  * blueimp Gallery Video Factory CSS 1.3.0
    4. 

  4.  * https://github.com/blueimp/Gallery
    5. 

  5.  *
    6. 

  6.  * Copyright 2013, Sebastian Tschan
    7. 

  7.  * https://blueimp.net
    8. 

  8.  *
    9. 

  9.  * Licensed under the MIT license:
    10. 

  10.  * http://www.opensource.org/licenses/MIT
    11. 

  11.  */
    12. 

  12. 

  13. .blueimp-gallery > .slides > .slide > .video-content > img {
    14. 

  14.   position: absolute;
    15. 

  15.   top: 0;
    16. 

  16.   right: 0;
    17. 

  17.   bottom: 0;
    18. 

  18.   left: 0;
    19. 

  19.   margin: auto;
    20. 

  20.   width: auto;
    21. 

  21.   height: auto;
    22. 

  22.   max-width: 100%;
    23. 

  23.   max-height: 100%;
    24. 

  24.   /* Prevent artifacts in Mozilla Firefox: */
    25. 

  25.   -moz-backface-visibility: hidden;
    26. 

  26. }
    27. 

  27. .blueimp-gallery > .slides > .slide > .video-content > video {
    28. 

  28.   position: absolute;
    29. 

  29.   top: 0;
    30. 

  30.   left: 0;
    31. 

  31.   width: 100%;
    32. 

  32.   height: 100%;
    33. 

  33. }
    34. 

  34. .blueimp-gallery > .slides > .slide > .video-content > iframe {
    35. 

  35.   position: absolute;
    36. 

  36.   top: 100%;
    37. 

  37.   left: 0;
    38. 

  38.   width: 100%;
    39. 

  39.   height: 100%;
    40. 

  40.   border: none;
    41. 

  41. }
    42. 

  42. .blueimp-gallery > .slides > .slide > .video-playing > iframe {
    43. 

  43.   top: 0;
    44. 

  44. }
    45. 

  45. .blueimp-gallery > .slides > .slide > .video-content > a {
    46. 

  46.   position: absolute;
    47. 

  47.   top: 50%;
    48. 

  48.   right: 0;
    49. 

  49.   left: 0;
    50. 

  50.   margin: -64px auto 0;
    51. 

  51.   width: 128px;
    52. 

  52.   height: 128px;
    53. 

  53.   background: url(../img/video-play.png) center no-repeat;
    54. 

  54.   opacity: 0.8;
    55. 

  55.   cursor: pointer;
    56. 

  56. }
    57. 

  57. .blueimp-gallery > .slides > .slide > .video-content > a:hover {
    58. 

  58.   opacity: 1;
    59. 

  59. }
    60. 

  60. .blueimp-gallery > .slides > .slide > .video-playing > a,
    61. 

  61. .blueimp-gallery > .slides > .slide > .video-playing > img {
    62. 

  62.   display: none;
    63. 

  63. }
    64. 

  64. .blueimp-gallery > .slides > .slide > .video-content > video {
    65. 

  65.   display: none;
    66. 

  66. }
    67. 

  67. .blueimp-gallery > .slides > .slide > .video-playing > video {
    68. 

  68.   display: block;
    69. 

  69. }
    70. 

  70. .blueimp-gallery > .slides > .slide > .video-loading > a {
    71. 

  71.   background: url(../img/loading.gif) center no-repeat;
    72. 

  72.   background-size: 64px 64px;
    73. 

  73. }
    74. 

  74. 

  75. /* Replace PNGs with SVGs for capable browsers (excluding IE<9) */
    76. 

  76. body:last-child .blueimp-gallery > .slides > .slide > .video-content:not(.video-loading) > a {
    77. 

  77.   background-image: url(../img/video-play.svg);
    78. 

  78. }
    79. 

  79. 

  80. /* IE7 fixes */
    81. 

  81. *+html .blueimp-gallery > .slides > .slide > .video-content {
    82. 

  82.   height: 100%;
    83. 

  83. }
    84. 

  84. *+html .blueimp-gallery > .slides > .slide > .video-content > a {
    85. 

  85.   left: 50%;
    86. 

  86.   margin-left: -64px;
    87. 

  87. }
    88.