Nessuna descrizione

ms-gallery-style.css 2.9KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151
  1. .ms-gallery-template .ms-gallery-botcont {
  2. height: 55px;
  3. background: black;
  4. color: white;
  5. font-weight: 300;
  6. font-family: "Open Sans", sans-serif;
  7. font-size: 18px;
  8. position: relative;
  9. }
  10. .ms-gallery-template .ms-gal-playbtn {
  11. width: 55px;
  12. height: 100%;
  13. float: left;
  14. cursor: pointer;
  15. background: url(btns.png) no-repeat 6px 6px;
  16. }
  17. .ms-gallery-template .ms-gal-playbtn.btn-pause {
  18. background: url(btns.png) no-repeat -55px 7px;
  19. }
  20. .ms-gallery-template .ms-gal-thumbtoggle {
  21. position: absolute;
  22. right: 0;
  23. z-index: 10;
  24. width: 55px;
  25. height: 100%;
  26. cursor: pointer;
  27. background: url(btns.png) no-repeat -53px -41px;
  28. }
  29. .ms-gallery-template .ms-gal-thumbtoggle.btn-hide {
  30. background: url(btns.png) no-repeat 4px -41px;
  31. }
  32. .ms-gallery-template .ms-slide-num {
  33. float: left;
  34. padding: 17px 9px;
  35. color: #727272;
  36. }
  37. .ms-gallery-template .ms-slide-info {
  38. padding: 14px 8px;
  39. position: relative;
  40. float: left;
  41. width: auto;
  42. }
  43. .ms-gallery-template .ms-bullets.ms-dir-h .ms-bullets-count{
  44. right: 0;
  45. }
  46. .ms-gallery-template .ms-bullets.ms-dir-h {
  47. position: absolute;
  48. bottom: 18px;
  49. right: 55px;
  50. width: 100px;
  51. }
  52. .ms-gallery-template .ms-bullet {
  53. width: 8px;
  54. height: 8px;
  55. background: #1e1e1e;
  56. margin: 4px;
  57. border-radius: 15px;
  58. }
  59. .ms-gallery-template .ms-bullet-selected {
  60. background-color: white;
  61. }
  62. .ms-gallery-template .ms-timerbar {
  63. width: 100%;
  64. top: -4px;
  65. height: 4px;
  66. position: absolute;
  67. background: rgba(0, 0, 0, 0.32);
  68. }
  69. .ms-gallery-template .ms-time-bar {
  70. height: 4px;
  71. background: rgba(255, 255, 255, 0.7);
  72. }
  73. .ms-gallery-template .ms-thumb-list.ms-dir-h {
  74. width: 100%;
  75. background: black;
  76. background: rgba(0, 0, 0, 0.95);
  77. padding-top: 1px;
  78. }
  79. .ms-gallery-template .ms-thumb-frame {
  80. cursor: pointer;
  81. float: left;
  82. width: 175px;
  83. overflow: hidden;
  84. opacity: 0.5;
  85. -webkit-transition: opacity 400ms;
  86. -moz-transition: opacity 400ms;
  87. -ms-transition: opacity 400ms;
  88. -o-transition: opacity 400ms;
  89. transition: opacity 400ms;
  90. }
  91. .ms-gallery-template .ms-thumb-frame-selected {
  92. opacity: 1;
  93. }
  94. .ms-gallery-template .ms-gal-thumbcont {
  95. overflow: hidden;
  96. width: 100%;
  97. height: 115px;
  98. position: absolute;
  99. top: -115px;
  100. left: 0;
  101. -webkit-transition: all 300ms ease-out;
  102. -moz-transition: all 300ms ease-out;
  103. -ms-transition: all 300ms ease-out;
  104. -o-transition: all 300ms ease-out;
  105. transition: all 300ms ease-out;
  106. }
  107. .ms-gallery-template .ms-gal-thumbcont.hide-thumbs {
  108. height: 0;
  109. top: 0;
  110. }
  111. @media (max-width: 570px) {
  112. .ms-gallery-template .ms-slide-info {
  113. display: none;
  114. }
  115. }
  116. /* Layers */
  117. .ms-layer.video-title {
  118. font-family: "Open Sans",sans-serif;
  119. color: white;
  120. font-weight: 600;
  121. font-size: 42px;
  122. margin:0px;
  123. letter-spacing:0px;
  124. }
  125. .ms-layer.video-title.video-top-title {
  126. font-size: 16px;
  127. color: gray;
  128. }
  129. .ms-layer.video-title.video-sub-title {
  130. font-size: 22px;
  131. font-weight: 300;
  132. }