j1-template 2022.4.7 → 2022.4.10

Sign up to get free protection for your applications and to get access to all the features.
Files changed (285) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/themes/j1/blocks/footer/boxes/contacts_box.proc +3 -3
  3. data/_includes/themes/j1/blocks/footer/boxes/legal_statements.proc +7 -7
  4. data/_includes/themes/j1/blocks/footer/boxes/links_box.proc +1 -1
  5. data/_includes/themes/j1/blocks/footer/boxes/news_box.proc +1 -1
  6. data/_includes/themes/j1/modules/attics/generator.html +7 -7
  7. data/_includes/themes/j1/modules/navigator/generator.html +30 -30
  8. data/_includes/themes/j1/procedures/global/create_bs_button.proc +1 -1
  9. data/_includes/themes/j1/procedures/posts/collate_timeline.proc +1 -1
  10. data/assets/data/authclient.html +16 -14
  11. data/assets/data/banner.html +6 -2
  12. data/assets/data/carousel.json +10 -0
  13. data/assets/data/cookieconsent.html +3 -1
  14. data/assets/data/fab.html +27 -12
  15. data/assets/data/footer.html +10 -10
  16. data/assets/data/galleries.json +7 -0
  17. data/assets/data/gallery_customizer.html +13 -10
  18. data/assets/data/iso-639-language-codes-flags.json +9 -0
  19. data/assets/data/iso-639-language-codes.json +9 -0
  20. data/assets/data/j1_config.json +8 -2
  21. data/assets/data/masterslider.html +342 -0
  22. data/assets/data/mdi_icons.json +5 -0
  23. data/assets/data/mdil_icons.json +5 -0
  24. data/assets/data/menu.html +56 -53
  25. data/assets/data/mmenu.html +44 -40
  26. data/assets/data/mmenu_sidebar.html +15 -13
  27. data/assets/data/mmenu_toc.html +11 -8
  28. data/assets/data/nbinteract.html +3 -2
  29. data/assets/data/panel.html +16 -14
  30. data/assets/data/private.json +2 -2
  31. data/assets/data/quicklinks.html +11 -9
  32. data/assets/data/rtext_resizer.html +11 -7
  33. data/assets/data/themes.bootswatch.json +4 -0
  34. data/assets/data/themes.json +4 -0
  35. data/assets/data/translator.html +3 -1
  36. data/assets/data/twa_v1.json +6 -0
  37. data/assets/themes/j1/adapter/js/advertising.js +2 -0
  38. data/assets/themes/j1/adapter/js/algolia.js +3 -1
  39. data/assets/themes/j1/adapter/js/analytics.js +2 -0
  40. data/assets/themes/j1/adapter/js/asciidoctor.js +16 -0
  41. data/assets/themes/j1/adapter/js/attic.js +5 -4
  42. data/assets/themes/j1/adapter/js/bmd.js +16 -0
  43. data/assets/themes/j1/adapter/js/carousel.js +8 -7
  44. data/assets/themes/j1/adapter/js/clipboard.js +2 -1
  45. data/assets/themes/j1/adapter/js/comments.js +2 -0
  46. data/assets/themes/j1/adapter/js/cookieConsent.js +3 -1
  47. data/assets/themes/j1/adapter/js/customFunctions.js +3 -1
  48. data/assets/themes/j1/adapter/js/customModule.js +5 -3
  49. data/assets/themes/j1/adapter/js/dropdowns.js +3 -1
  50. data/assets/themes/j1/adapter/js/fab.js +3 -1
  51. data/assets/themes/j1/adapter/js/framer.js +3 -1
  52. data/assets/themes/j1/adapter/js/j1.js +25 -19
  53. data/assets/themes/j1/adapter/js/justifiedGallery.js +3 -1
  54. data/assets/themes/j1/adapter/js/justifiedGalleryCustomizer.js +2 -0
  55. data/assets/themes/j1/adapter/js/lightbox.js +3 -1
  56. data/assets/themes/j1/adapter/js/logger.js +2 -0
  57. data/assets/themes/j1/adapter/js/lunr.js +2 -0
  58. data/assets/themes/j1/adapter/js/masterslider.js +529 -0
  59. data/assets/themes/j1/adapter/js/mmenu.js +2 -0
  60. data/assets/themes/j1/adapter/js/navigator.js +716 -72
  61. data/assets/themes/j1/adapter/js/nbinteract.js +10 -8
  62. data/assets/themes/j1/adapter/js/rangeSlider.js +3 -1
  63. data/assets/themes/j1/adapter/js/rouge.js +7 -0
  64. data/assets/themes/j1/adapter/js/rtable.js +3 -1
  65. data/assets/themes/j1/adapter/js/rtextResizer.js +2 -1
  66. data/assets/themes/j1/adapter/js/scroller.js +2 -0
  67. data/assets/themes/j1/adapter/js/themer.js +26 -34
  68. data/assets/themes/j1/adapter/js/toccer.js +24 -78
  69. data/assets/themes/j1/adapter/js/translator.js +3 -1
  70. data/assets/themes/j1/core/css/animate.css +1282 -504
  71. data/assets/themes/j1/core/css/animate.min.css +1 -1
  72. data/assets/themes/j1/core/css/themes/bootstrap/bootstrap.css +1938 -1379
  73. data/assets/themes/j1/core/css/themes/bootstrap/bootstrap.min.css +3 -3
  74. data/assets/themes/j1/core/css/themes/theme_vapor/bootstrap.css +1939 -1380
  75. data/assets/themes/j1/core/css/themes/theme_vapor/bootstrap.min.css +3 -3
  76. data/assets/themes/j1/core/css/themes/unodark/bootstrap.css +2189 -1486
  77. data/assets/themes/j1/core/css/themes/unodark/bootstrap.min.css +3 -3
  78. data/assets/themes/j1/core/css/themes/unolight/bootstrap.css +2168 -1502
  79. data/assets/themes/j1/core/css/themes/unolight/bootstrap.min.css +10 -9
  80. data/assets/themes/j1/core/js/template.js +3 -3
  81. data/assets/themes/j1/core/js/template.min.js +1 -1
  82. data/assets/themes/j1/core/js/template.min.js.map +1 -1
  83. data/assets/themes/j1/modules/cookieConsent/js/cookieConsent.js +2 -2
  84. data/assets/themes/j1/modules/cookieConsent/js/cookieConsent.min.js +1 -1
  85. data/assets/themes/j1/modules/lightbox/js/lightbox.js +1 -1
  86. data/assets/themes/j1/modules/lightbox/js/lightbox.min.js +1 -1
  87. data/assets/themes/j1/modules/masterslider/css/blank.gif +0 -0
  88. data/assets/themes/j1/modules/masterslider/css/common/grab.cur +0 -0
  89. data/assets/themes/j1/modules/masterslider/css/common/grab.png +0 -0
  90. data/assets/themes/j1/modules/masterslider/css/common/grabbing.cur +0 -0
  91. data/assets/themes/j1/modules/masterslider/css/common/grabbing.png +0 -0
  92. data/assets/themes/j1/modules/masterslider/css/common/loading-1-dark.gif +0 -0
  93. data/assets/themes/j1/modules/masterslider/css/common/loading-1.gif +0 -0
  94. data/assets/themes/j1/modules/masterslider/css/common/loading-2-dark.gif +0 -0
  95. data/assets/themes/j1/modules/masterslider/css/common/loading-2-light.gif +0 -0
  96. data/assets/themes/j1/modules/masterslider/css/common/loading-2.gif +0 -0
  97. data/assets/themes/j1/modules/masterslider/css/common/video-close-btn.png +0 -0
  98. data/assets/themes/j1/modules/masterslider/css/masterslider.css +2637 -0
  99. data/assets/themes/j1/modules/masterslider/css/masterslider.min.css +2655 -0
  100. data/assets/themes/j1/modules/masterslider/css/skins/black-skin-1-retina.png +0 -0
  101. data/assets/themes/j1/modules/masterslider/css/skins/black-skin-1.png +0 -0
  102. data/assets/themes/j1/modules/masterslider/css/skins/black-skin-2-retina.png +0 -0
  103. data/assets/themes/j1/modules/masterslider/css/skins/black-skin-2.png +0 -0
  104. data/assets/themes/j1/modules/masterslider/css/skins/contrast-skin-retina.png +0 -0
  105. data/assets/themes/j1/modules/masterslider/css/skins/contrast-skin.png +0 -0
  106. data/assets/themes/j1/modules/masterslider/css/skins/light-skin-1-retina.png +0 -0
  107. data/assets/themes/j1/modules/masterslider/css/skins/light-skin-1.png +0 -0
  108. data/assets/themes/j1/modules/masterslider/css/skins/light-skin-2-retina.png +0 -0
  109. data/assets/themes/j1/modules/masterslider/css/skins/light-skin-2.png +0 -0
  110. data/assets/themes/j1/modules/masterslider/css/skins/light-skin-3-retina.png +0 -0
  111. data/assets/themes/j1/modules/masterslider/css/skins/light-skin-3.png +0 -0
  112. data/assets/themes/j1/modules/masterslider/css/skins/light-skin-4-retina.png +0 -0
  113. data/assets/themes/j1/modules/masterslider/css/skins/light-skin-4.png +0 -0
  114. data/assets/themes/j1/modules/masterslider/css/skins/light-skin-5-retina.png +0 -0
  115. data/assets/themes/j1/modules/masterslider/css/skins/light-skin-5.png +0 -0
  116. data/assets/themes/j1/modules/masterslider/css/skins/light-skin-6-retina.png +0 -0
  117. data/assets/themes/j1/modules/masterslider/css/skins/light-skin-6.png +0 -0
  118. data/assets/themes/j1/modules/masterslider/css/skins/metro-skin-retina.png +0 -0
  119. data/assets/themes/j1/modules/masterslider/css/skins/metro-skin.png +0 -0
  120. data/assets/themes/j1/modules/masterslider/css/skins/minimal.svg +11 -0
  121. data/assets/themes/j1/modules/masterslider/css/templates/device-skin.png +0 -0
  122. data/assets/themes/j1/modules/masterslider/css/templates/display.png +0 -0
  123. data/assets/themes/j1/modules/masterslider/css/templates/flat-display.png +0 -0
  124. data/assets/themes/j1/modules/masterslider/css/templates/flat-laptop.png +0 -0
  125. data/assets/themes/j1/modules/masterslider/css/templates/flat-phone-land.png +0 -0
  126. data/assets/themes/j1/modules/masterslider/css/templates/flat-phone.png +0 -0
  127. data/assets/themes/j1/modules/masterslider/css/templates/flat-tablet-land.png +0 -0
  128. data/assets/themes/j1/modules/masterslider/css/templates/flat-tablet.png +0 -0
  129. data/assets/themes/j1/modules/masterslider/css/templates/gallery-btns.png +0 -0
  130. data/assets/themes/j1/modules/masterslider/css/templates/laptop.png +0 -0
  131. data/assets/themes/j1/modules/masterslider/css/templates/phone-land.png +0 -0
  132. data/assets/themes/j1/modules/masterslider/css/templates/phone.png +0 -0
  133. data/assets/themes/j1/modules/masterslider/css/templates/staff-arrows.png +0 -0
  134. data/assets/themes/j1/modules/masterslider/css/templates/tablet-land.png +0 -0
  135. data/assets/themes/j1/modules/masterslider/css/templates/tablet.png +0 -0
  136. data/assets/themes/j1/modules/masterslider/css/templates/vertical-arrows.png +0 -0
  137. data/assets/themes/j1/modules/masterslider/css/theme/uno.css +95 -0
  138. data/assets/themes/j1/modules/masterslider/css/theme/uno.min.css +95 -0
  139. data/assets/themes/j1/modules/masterslider/css/themes/ms-skin-sample.css +172 -0
  140. data/assets/themes/j1/modules/masterslider/css/themes/ms-skin-sample.min.css +172 -0
  141. data/assets/themes/j1/modules/masterslider/js/addons/masterslider.flickr.min.js +1 -0
  142. data/assets/themes/j1/modules/masterslider/js/addons/public.js +10 -0
  143. data/assets/themes/j1/modules/masterslider/js/masterslider.js +5544 -0
  144. data/assets/themes/j1/modules/masterslider/js/masterslider.min.js +11 -0
  145. data/assets/themes/j1/modules/masterslider/js/plugins/jquery.easing.js +211 -0
  146. data/assets/themes/j1/modules/masterslider/js/plugins/jquery.easing.min.js +51 -0
  147. data/assets/themes/j1/modules/mmenuLight/css/theme/uno/mmenu.css +3 -3
  148. data/assets/themes/j1/modules/mmenuLight/css/theme/uno/mmenu.min.css +1 -1
  149. data/assets/themes/j1/modules/rouge/css/uno.dark/theme.css +11 -11
  150. data/assets/themes/j1/modules/rouge/css/uno.light/theme.css +24 -18
  151. data/assets/themes/j1/modules/translator/js/translator.js +2 -2
  152. data/assets/themes/j1/modules/translator/js/translator.min.js +1 -1
  153. data/assets/themes/j1/modules/twemoji/js/picker/twemoji-picker.js +2 -2
  154. data/assets/themes/j1/modules/twemoji/js/picker/twemoji-picker.min.js +304 -1
  155. data/lib/j1/version.rb +1 -1
  156. data/lib/starter_web/Gemfile +1 -1
  157. data/lib/starter_web/_config.yml +2 -2
  158. data/lib/starter_web/_data/blocks/banner.yml +8 -5
  159. data/lib/starter_web/_data/blocks/footer.yml +1 -1
  160. data/lib/starter_web/_data/modules/attics.yml +16 -4
  161. data/lib/starter_web/_data/modules/defaults/attics.yml +12 -5
  162. data/lib/starter_web/_data/modules/defaults/lightbox.yml +1 -1
  163. data/lib/starter_web/_data/modules/defaults/masterslider.yml +235 -0
  164. data/lib/starter_web/_data/modules/defaults/navigator.yml +7 -5
  165. data/lib/starter_web/_data/modules/defaults/toccer.yml +1 -1
  166. data/lib/starter_web/_data/modules/fab.yml +39 -118
  167. data/lib/starter_web/_data/modules/lightbox.yml +4 -2
  168. data/lib/starter_web/_data/modules/masterslider.yml +1153 -0
  169. data/lib/starter_web/_data/modules/navigator_menu.yml +234 -5
  170. data/lib/starter_web/_data/resources.yml +166 -95
  171. data/lib/starter_web/_plugins/asciidoctor-extensions/masterslider-block.rb +47 -0
  172. data/lib/starter_web/_plugins/lunr_index.rb +1 -1
  173. data/lib/starter_web/assets/images/modules/masterslider/slider_1/cat-1.jpg +0 -0
  174. data/lib/starter_web/assets/images/modules/masterslider/slider_1/cat-2.jpg +0 -0
  175. data/lib/starter_web/assets/images/modules/masterslider/slider_1/cat-3.jpg +0 -0
  176. data/lib/starter_web/assets/images/modules/masterslider/slider_1/cat-4.jpg +0 -0
  177. data/lib/starter_web/assets/images/modules/masterslider/slider_1/cat-5.jpg +0 -0
  178. data/lib/starter_web/assets/images/modules/masterslider/slider_1/cat-6.jpg +0 -0
  179. data/lib/starter_web/assets/images/modules/masterslider/slider_1/cat-7.jpg +0 -0
  180. data/lib/starter_web/assets/images/modules/masterslider/slider_1/cat-8.jpg +0 -0
  181. data/lib/starter_web/assets/images/modules/masterslider/slider_10/panorama-bg-slide1.jpg +0 -0
  182. data/lib/starter_web/assets/images/modules/masterslider/slider_10/panorama-bg-slide2.jpg +0 -0
  183. data/lib/starter_web/assets/images/modules/masterslider/slider_2/andreas-brucker.jpg +0 -0
  184. data/lib/starter_web/assets/images/modules/masterslider/slider_2/denys-nevozhai-1.jpg +0 -0
  185. data/lib/starter_web/assets/images/modules/masterslider/slider_2/denys-nevozhai-2.jpg +0 -0
  186. data/lib/starter_web/assets/images/modules/masterslider/slider_2/luca-bravo.jpg +0 -0
  187. data/lib/starter_web/assets/images/modules/masterslider/slider_2/thomas-tucker.jpg +0 -0
  188. data/lib/starter_web/assets/images/modules/masterslider/slider_3/ms-free-food-family-2.jpg +0 -0
  189. data/lib/starter_web/assets/images/modules/masterslider/slider_3/ms-free-food-hamburger.jpg +0 -0
  190. data/lib/starter_web/assets/images/modules/masterslider/slider_3/ms-free-food-restaurant.jpg +0 -0
  191. data/lib/starter_web/assets/images/modules/masterslider/slider_4/ms-free-animals-1-100x80.jpg +0 -0
  192. data/lib/starter_web/assets/images/modules/masterslider/slider_4/ms-free-animals-1.jpg +0 -0
  193. data/lib/starter_web/assets/images/modules/masterslider/slider_4/ms-free-animals-2-100x80.jpg +0 -0
  194. data/lib/starter_web/assets/images/modules/masterslider/slider_4/ms-free-animals-2.jpg +0 -0
  195. data/lib/starter_web/assets/images/modules/masterslider/slider_4/ms-free-animals-3-100x80.jpg +0 -0
  196. data/lib/starter_web/assets/images/modules/masterslider/slider_4/ms-free-animals-3.jpg +0 -0
  197. data/lib/starter_web/assets/images/modules/masterslider/slider_4/ms-free-animals-4-100x80.jpg +0 -0
  198. data/lib/starter_web/assets/images/modules/masterslider/slider_4/ms-free-animals-4.jpg +0 -0
  199. data/lib/starter_web/assets/images/modules/masterslider/slider_4/ms-free-animals-5-100x80.jpg +0 -0
  200. data/lib/starter_web/assets/images/modules/masterslider/slider_4/ms-free-animals-5.jpg +0 -0
  201. data/lib/starter_web/assets/images/modules/masterslider/slider_4/ms-free-animals-6-100x80.jpg +0 -0
  202. data/lib/starter_web/assets/images/modules/masterslider/slider_4/ms-free-animals-6.jpg +0 -0
  203. data/lib/starter_web/assets/images/modules/masterslider/slider_4/ms-free-animals-7-100x80.jpg +0 -0
  204. data/lib/starter_web/assets/images/modules/masterslider/slider_4/ms-free-animals-7.jpg +0 -0
  205. data/lib/starter_web/assets/images/modules/masterslider/slider_5/ms-free-food-family-140x80.jpg +0 -0
  206. data/lib/starter_web/assets/images/modules/masterslider/slider_5/ms-free-food-family-2-140x80.jpg +0 -0
  207. data/lib/starter_web/assets/images/modules/masterslider/slider_5/ms-free-food-family-2.jpg +0 -0
  208. data/lib/starter_web/assets/images/modules/masterslider/slider_5/ms-free-food-family-3-140x80.jpg +0 -0
  209. data/lib/starter_web/assets/images/modules/masterslider/slider_5/ms-free-food-family-3.jpg +0 -0
  210. data/lib/starter_web/assets/images/modules/masterslider/slider_5/ms-free-food-family.jpg +0 -0
  211. data/lib/starter_web/assets/images/modules/masterslider/slider_5/ms-free-food-hamburger-140x80.jpg +0 -0
  212. data/lib/starter_web/assets/images/modules/masterslider/slider_5/ms-free-food-hamburger.jpg +0 -0
  213. data/lib/starter_web/assets/images/modules/masterslider/slider_5/ms-free-food-pizza-140x80.jpg +0 -0
  214. data/lib/starter_web/assets/images/modules/masterslider/slider_5/ms-free-food-pizza.jpg +0 -0
  215. data/lib/starter_web/assets/images/modules/masterslider/slider_5/ms-free-food-restaurant-140x80.jpg +0 -0
  216. data/lib/starter_web/assets/images/modules/masterslider/slider_5/ms-free-food-restaurant.jpg +0 -0
  217. data/lib/starter_web/assets/images/modules/masterslider/slider_5/ms-free-food-single-man-140x80.jpg +0 -0
  218. data/lib/starter_web/assets/images/modules/masterslider/slider_5/ms-free-food-single-man.jpg +0 -0
  219. data/lib/starter_web/assets/images/modules/masterslider/slider_5/ms-free-food-single-woman-140x80.jpg +0 -0
  220. data/lib/starter_web/assets/images/modules/masterslider/slider_5/ms-free-food-single-woman.jpg +0 -0
  221. data/lib/starter_web/assets/images/modules/masterslider/slider_5/ms-free-food-table-140x80.jpg +0 -0
  222. data/lib/starter_web/assets/images/modules/masterslider/slider_5/ms-free-food-table.jpg +0 -0
  223. data/lib/starter_web/assets/images/modules/masterslider/slider_5/ms-free-food-woman-hand-140x80.jpg +0 -0
  224. data/lib/starter_web/assets/images/modules/masterslider/slider_5/ms-free-food-woman-hand.jpg +0 -0
  225. data/lib/starter_web/assets/images/modules/masterslider/slider_6_7/6876385555_74a0d7d7ee_b.jpg +0 -0
  226. data/lib/starter_web/assets/images/modules/masterslider/slider_6_7/6876387431_d86867a3d9_b.jpg +0 -0
  227. data/lib/starter_web/assets/images/modules/masterslider/slider_6_7/6876388511_d618d53455_b.jpg +0 -0
  228. data/lib/starter_web/assets/images/modules/masterslider/slider_6_7/6876389463_db27a377e1_b.jpg +0 -0
  229. data/lib/starter_web/assets/images/modules/masterslider/slider_6_7/6876390339_2e4dd9dbbb_b.jpg +0 -0
  230. data/lib/starter_web/assets/images/modules/masterslider/slider_8/postslider-5-img-1.jpg +0 -0
  231. data/lib/starter_web/assets/images/modules/masterslider/slider_8/postslider-5-img-2.jpg +0 -0
  232. data/lib/starter_web/assets/images/modules/masterslider/slider_8/postslider-5-img-3.jpg +0 -0
  233. data/lib/starter_web/assets/images/modules/masterslider/slider_8/postslider6-bg-slide2-1024x622.jpg +0 -0
  234. data/lib/starter_web/assets/images/modules/masterslider/slider_9/1-2.jpg +0 -0
  235. data/lib/starter_web/assets/images/modules/masterslider/slider_9/5-2.jpg +0 -0
  236. data/lib/starter_web/assets/images/modules/masterslider/slider_9/6-2.jpg +0 -0
  237. data/lib/starter_web/assets/images/modules/masterslider/slider_9/6-3.jpg +0 -0
  238. data/lib/starter_web/assets/images/modules/masterslider/slider_9/8-1.jpg +0 -0
  239. data/lib/starter_web/assets/images/modules/masterslider/slider_9/8.jpg +0 -0
  240. data/lib/starter_web/assets/images/modules/masterslider/unify-examples/charity-white-tile-bg.png +0 -0
  241. data/lib/starter_web/assets/images/modules/masterslider/unify-examples/fashion2-controller-arrow-next.png +0 -0
  242. data/lib/starter_web/assets/images/modules/masterslider/unify-examples/fashion2-controller-arrow-prv.png +0 -0
  243. data/lib/starter_web/assets/images/modules/masterslider/unify-examples/fashion2-img-slide1.jpg +0 -0
  244. data/lib/starter_web/assets/images/modules/masterslider/unify-examples/fashion2-img-slide2.jpg +0 -0
  245. data/lib/starter_web/assets/images/modules/masterslider/unify-examples/fashion2-img-slide3.jpg +0 -0
  246. data/lib/starter_web/assets/images/modules/masterslider/wp-examples/ms-free-business-1.jpg +0 -0
  247. data/lib/starter_web/assets/images/modules/masterslider/wp-examples/ms-free-business-2.jpg +0 -0
  248. data/lib/starter_web/assets/images/modules/masterslider/wp-examples/ms-free-business-3.jpg +0 -0
  249. data/lib/starter_web/index.html +0 -1
  250. data/lib/starter_web/package.json +1 -1
  251. data/lib/starter_web/pages/public/features/general.adoc +1 -1
  252. data/lib/starter_web/pages/public/jupyter/notebooks/textbooks/j1_circular_times_table.html +747 -747
  253. data/lib/starter_web/pages/public/jupyter/notebooks/textbooks/j1_climate_change_forecast.html +1250 -1250
  254. data/lib/starter_web/pages/public/jupyter/notebooks/textbooks/j1_docs_example_dynamic.html +186 -186
  255. data/lib/starter_web/pages/public/jupyter/notebooks/textbooks/j1_interactive_widgets.html +512 -512
  256. data/lib/starter_web/pages/public/jupyter/notebooks/textbooks/j1_nbi_widgets.html +629 -629
  257. data/lib/starter_web/pages/public/jupyter/notebooks/textbooks/j1_nbi_widgets_hist_chart.html +93 -93
  258. data/lib/starter_web/pages/public/jupyter/notebooks/textbooks/j1_nbi_widgets_question_multiple_choice.html +70 -70
  259. data/lib/starter_web/pages/public/jupyter/notebooks/textbooks/j1_nbi_widgets_question_short_answer.html +156 -156
  260. data/lib/starter_web/pages/public/jupyter/notebooks/textbooks/j1_odes_in_python.html +955 -955
  261. data/lib/starter_web/pages/public/learn/quickstart.adoc +1 -1
  262. data/lib/starter_web/pages/public/learn/roundtrip/100_present_images.adoc +90 -7
  263. data/lib/starter_web/pages/public/learn/roundtrip/100_present_videos.adoc +1 -1
  264. data/lib/starter_web/pages/public/learn/roundtrip/200_typography.adoc +1 -1
  265. data/lib/starter_web/pages/public/learn/roundtrip/300_icon_fonts.adoc +1 -1
  266. data/lib/starter_web/pages/public/learn/roundtrip/400_asciidoc_extensions.adoc +1 -1
  267. data/lib/starter_web/pages/public/learn/roundtrip/410_bs_modals_extentions.adoc +1 -1
  268. data/lib/starter_web/pages/public/learn/roundtrip/420_responsive_tables_extensions.adoc +1 -1
  269. data/lib/starter_web/pages/public/learn/roundtrip/500_themes.adoc +1 -1
  270. data/lib/starter_web/pages/public/learn/roundtrip/600_quicksearch.adoc +1 -1
  271. data/lib/starter_web/pages/public/legal/de/100_copyright.adoc +1 -1
  272. data/lib/starter_web/pages/public/legal/de/100_impress.adoc +1 -1
  273. data/lib/starter_web/pages/public/legal/de/300_privacy.adoc +1 -1
  274. data/lib/starter_web/pages/public/legal/de/400_comment_policy.adoc +1 -1
  275. data/lib/starter_web/pages/public/legal/en/100_copyright.adoc +1 -1
  276. data/lib/starter_web/pages/public/legal/en/200_impress.adoc +1 -1
  277. data/lib/starter_web/pages/public/legal/en/300_privacy.adoc +1 -1
  278. data/lib/starter_web/pages/public/legal/en/400_comment_policy.adoc +1 -1
  279. data/lib/starter_web/pages/public/panels/intro_panel/panel.adoc +1 -1
  280. data/lib/starter_web/pages/public/plans/plans.adoc +1 -1
  281. data/lib/starter_web/pages/public/previewer/preview_bootstrap_theme.adoc +143 -132
  282. data/lib/starter_web/utilsrv/_defaults/package.json +1 -1
  283. data/lib/starter_web/utilsrv/package.json +1 -1
  284. metadata +143 -3
  285. data/_includes/themes/j1/procedures/global/create_bs_button.1.proc +0 -172
@@ -0,0 +1,2637 @@
1
+ /*!
2
+ * Master Slider Lite Main CSS File
3
+ * Main css file
4
+ * @date Feb 2022
5
+ */
6
+
7
+ .master-slider {
8
+ position: relative;
9
+ visibility: hidden;
10
+ -moz-transform: translate3d(0 , 0 , 0);
11
+ }
12
+
13
+ .ms-ie img{border:none;}
14
+ .ms-ie8 * {opacity:inherit;filter:inherit;}
15
+ .ms-ie7 {zoom:1;}
16
+
17
+ .ms-moz .ms-slide-bgcont>img { -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); }
18
+
19
+ .master-slider a {
20
+ -webkit-transition: none;
21
+ transition: none;
22
+ color: #fff !important;
23
+ }
24
+
25
+ .master-slider a:hover {
26
+ -webkit-transition: none;
27
+ transition: none;
28
+ color: #212121 !important;
29
+ }
30
+
31
+ .wpb_row .master-slider-parent *,
32
+ .master-slider-parent * {
33
+ box-sizing: content-box;
34
+ }
35
+
36
+ .master-slider-parent {
37
+ margin-left: auto;
38
+ margin-right: auto;
39
+ }
40
+
41
+ .ms-layout-partialview .ms-view {
42
+ overflow: visible;
43
+ background-color:transparent;
44
+ }
45
+
46
+ .ms-layout-partialview .ms-container { overflow: hidden; }
47
+
48
+ .master-slider.before-init{}
49
+
50
+ .ms-loading-container {
51
+ position:absolute;
52
+ width:100%;
53
+ top:0;
54
+ }
55
+
56
+ .ms-loading-container .ms-loading,
57
+ .ms-slide .ms-slide-loading {
58
+ width: 36px;
59
+ height: 36px;
60
+ background: url(common/loading-2.gif) no-repeat center white;
61
+ border-radius: 60px;
62
+ box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
63
+ position: absolute;
64
+ left: 50%;
65
+ top: 50%;
66
+ margin: -18px;
67
+ opacity: 0.9;
68
+ }
69
+
70
+
71
+ /* grab cursor */
72
+ .ms-def-cursor{cursor:auto !important;}
73
+ .ms-grab-cursor{cursor: url(common/grab.png), move;}
74
+ .ms-grabbing-cursor{cursor: url(common/grabbing.png), move;}
75
+ .ms-ie .ms-grab-cursor{cursor: move;}
76
+ .ms-ie .ms-grabbing-cursor {cursor: move;}
77
+
78
+ .ms-view {
79
+ margin:0px auto;
80
+ overflow:hidden;
81
+
82
+ position:relative;
83
+ -webkit-perspective: 2000px;
84
+ -ms-perspective: 2000px;
85
+ perspective: 2000px;
86
+ }
87
+
88
+ .ms-view .ms-slide-container{
89
+ position:relative;
90
+ }
91
+
92
+ .ms-slide {
93
+ position:absolute;
94
+ height:100%;
95
+ -webkit-transform: translateZ(0px);
96
+ -ms-transform: translateZ(0px);
97
+ transform: translateZ(0px);
98
+ }
99
+
100
+ .ms-wk .ms-slide {
101
+ -webkit-transform-style: preserve-3d;
102
+ transform-style: preserve-3d;
103
+ }
104
+
105
+ .ms-slide.selected {}
106
+
107
+ .ms-slide .ms-slide-bgcont,
108
+ .ms-slide .ms-slide-bgvideocont{
109
+ position: absolute;
110
+ overflow:hidden;
111
+ width: 100%;
112
+ }
113
+
114
+ .ms-slide .ms-slide-link {
115
+ display: block;
116
+ width: 100%;
117
+ height: 100%;
118
+ position: absolute;
119
+ top:0;
120
+ z-index: 110;
121
+ }
122
+
123
+ .ms-ie .ms-slide-link {
124
+ background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBR‌​AA7") 0 0 repeat;
125
+ }
126
+
127
+
128
+ .ms-slide .ms-slide-bgvideocont {
129
+ z-index: 105;
130
+ height: 100%;
131
+ }
132
+
133
+ .ms-wk .ms-slide .ms-slide-bgvideocont,
134
+ .ms-wk .ms-slide-bgvideocont>video {
135
+ -webkit-transform: translateZ(0.3px);
136
+ transform: translateZ(0.3px);
137
+ }
138
+
139
+ .ms-slide .ms-slide-bgvideo {
140
+ position: absolute;
141
+ top: 0px;
142
+ }
143
+
144
+
145
+ .ms-inner-controls-cont, .ms-container {position: relative; margin:0 auto;}
146
+ .ms-slide .ms-slide-bgcont img , .ms-container , .ms-inner-controls-cont {
147
+ -webkit-user-select:none;
148
+ -ms-user-select:none;
149
+ user-select:none;
150
+ }
151
+
152
+ .ms-slide .ms-slide-video {
153
+ position:absolute;
154
+ top:0;
155
+ z-index: 111;
156
+ background:black;
157
+ padding:0;
158
+ margin: 0;
159
+ border: none;
160
+
161
+ }
162
+
163
+ .ms-slide .ms-pattern {
164
+ background-attachment: scroll;
165
+ width: 100%;
166
+ height: 100%;
167
+ z-index: 108;
168
+ position: absolute;
169
+ top: 0;
170
+ }
171
+
172
+ .ms-wk .ms-pattern {
173
+ -webkit-transform: translateZ(0.4px);
174
+ transform: translateZ(0.4px);
175
+ }
176
+
177
+ .ms-slide .ms-slide-vpbtn , .ms-slide .ms-video-btn {
178
+ position:absolute;
179
+ cursor: pointer;
180
+ z-index: 110;
181
+ }
182
+
183
+ .ms-slide .ms-slide-vcbtn {
184
+ position:absolute;
185
+ cursor: pointer;
186
+ z-index: 113;
187
+ }
188
+
189
+ .ms-slide-vcbtn-mobile {
190
+ position: relative;
191
+ bottom: 0;
192
+ left:0;
193
+ width:100%;
194
+ height: 28px;
195
+ background-color: black;
196
+ color: white;
197
+ text-align: center;
198
+ cursor: pointer;
199
+ z-index: 113;
200
+ }
201
+
202
+ .ms-slide-vcbtn-mobile .ms-vcbtn-txt {
203
+ text-transform: uppercase;
204
+ font-family: sans-serif;
205
+ font-size: 0.75em;
206
+ display: inline-block;
207
+ background: url(common/video-close-btn.png) no-repeat 0px 3px;
208
+ padding-left: 15px;
209
+ height: 15px;
210
+ color: #DBDBDB;
211
+ margin-top: 7px;
212
+ }
213
+
214
+ .ms-wk .ms-slide .ms-slide-vcbtn,
215
+ .ms-wk .ms-slide .ms-slide-layers,
216
+ .ms-wk .ms-slide .ms-slide-vpbtn,
217
+ .ms-wk .ms-slide .ms-slide-video,
218
+ .ms-wk .ms-slide-link {
219
+ -webkit-transform: translateZ(0.44px);
220
+ transform: translateZ(0.44px);
221
+ }
222
+
223
+ .ms-video-img {
224
+ position:absolute;
225
+ width:100%;
226
+ height:100%;
227
+ top:0;
228
+ left:0;
229
+ }
230
+
231
+ .ms-mask-frame {
232
+ overflow:hidden;
233
+ position:absolute;
234
+ float:left;
235
+ }
236
+
237
+ /* controls */
238
+
239
+ .ms-thumb-list {
240
+ overflow:hidden;
241
+ position:absolute;
242
+ }
243
+
244
+ .ms-thumb-list.ms-dir-h {width: 100%;}
245
+ .ms-thumb-list.ms-dir-v {height: 100%; top: 0;}
246
+ .ms-thumbs-cont{position: relative;}
247
+ .ms-thumb-frame img{width:100%; height:auto;}
248
+ .ms-thumb-frame {
249
+ cursor: pointer;
250
+ float: left;
251
+ overflow: hidden;
252
+ opacity: 0.5;
253
+ -webkit-transition: opacity 300ms;
254
+ transition: opacity 300ms;
255
+ }
256
+ .ms-thumb-frame-selected{ opacity: 1; }
257
+
258
+ .ms-tabs .ms-thumb-frame {
259
+ background-color: #F6f6f6;
260
+ text-shadow: 0 1px 1px white;
261
+ color: #222;
262
+ border: solid 1px white;
263
+ border-width: 0 1px 1px 0;
264
+ overflow: visible;
265
+ position: relative;
266
+ opacity: 1;
267
+ -webkit-transition: all 300ms ease-out;
268
+ transition: all 300ms ease-out;
269
+ }
270
+
271
+ .ms-tabs.ms-has-thumb .ms-tab-thumb{ width:auto; }
272
+ .ms-tabs.ms-dir-h .ms-thumb-frame {margin-top: 12px;}
273
+ .ms-tabs.ms-dir-v .ms-thumb-frame {margin-left: 12px;}
274
+ .ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame {margin-left: 0px;}
275
+ .ms-tabs.ms-dir-h.ms-align-top {z-index: 140;}
276
+ .ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame{margin-top: -12px;}
277
+ .ms-tabs .ms-thumb{padding: 20px 20px;}
278
+ .ms-tabs .ms-thumb-frame-selected { opacity: 1; background: #EDEDED;}
279
+ .ms-tabs .ms-thumb-frame .ms-thumb-ol {
280
+ position: absolute;
281
+ opacity: 0;
282
+ -webkit-transition: all 300ms ease-out;
283
+ transition: all 300ms ease-out;
284
+ }
285
+
286
+ .ms-tabs.ms-dir-h .ms-thumb-frame .ms-thumb-ol {
287
+ top: 0px;
288
+ left: 50%;
289
+ margin-left: -12px;
290
+ border-bottom: solid 12px #F6f6f6;
291
+ border-left: solid 12px transparent;
292
+ border-right: solid 12px transparent;
293
+ }
294
+
295
+ .ms-tabs.ms-dir-h.ms-align-bottom .ms-thumb-frame-selected .ms-thumb-ol {
296
+ opacity: 1;
297
+ top:-12px;
298
+ border-bottom-color: #EDEDED;
299
+ }
300
+
301
+ .ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame .ms-thumb-ol {
302
+ bottom: 0px;
303
+ top:auto;
304
+ border-bottom:0px;
305
+ border-top: solid 12px #F6f6f6;
306
+ }
307
+
308
+ .ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame-selected .ms-thumb-ol {
309
+ opacity: 1;
310
+ bottom:-12px;
311
+ border-top-color: #EDEDED;
312
+ }
313
+
314
+ .ms-tabs.ms-dir-v .ms-thumb-frame .ms-thumb-ol {
315
+ top: 50%;
316
+ left: 0;
317
+ margin-top: -12px;
318
+ border-right: solid 12px #EDEDED;
319
+ border-top: solid 12px transparent;
320
+ border-bottom: solid 12px transparent;
321
+ }
322
+
323
+ .ms-tabs.ms-dir-v.ms-align-right .ms-thumb-frame-selected .ms-thumb-ol {
324
+ opacity: 1;
325
+ left:-12px;
326
+ border-right-color:#EDEDED;
327
+ }
328
+
329
+ .ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame .ms-thumb-ol {
330
+ left: auto;
331
+ right: 0;
332
+ border-right: 0;
333
+ border-left: solid 12px #EDEDED;
334
+ }
335
+
336
+ .ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame-selected .ms-thumb-ol {
337
+ opacity: 1;
338
+ right:-12px;
339
+ border-left-color:#EDEDED;
340
+ }
341
+
342
+ .ms-thumb-alt {
343
+ text-align: center;
344
+ margin: 5px;
345
+ font-size: 14px;
346
+ font-weight: 600;
347
+ }
348
+
349
+ /* horizontal thumblist arrows*/
350
+ .ms-thumb-list.ms-dir-h .ms-thumblist-fwd, .ms-thumb-list.ms-dir-h .ms-thumblist-bwd {
351
+ height: 100%;
352
+ width: 20px;
353
+ position: absolute;
354
+ left: 0;
355
+ cursor: pointer;
356
+ background: rgba(128, 128, 128, 0.5);
357
+ text-align: center;
358
+ color: white;
359
+ }
360
+
361
+ .ms-thumb-list.ms-dir-h .ms-thumblist-bwd {
362
+ right: 0;
363
+ left: auto;
364
+ }
365
+
366
+ .ms-thumb-list.ms-dir-h .ms-thumblist-fwd:after, .ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after {
367
+ content: close-quote;
368
+ top: 43%;
369
+ position: relative;
370
+ border: solid rgba(0, 0, 0, 0);
371
+ border-width: 5px 5px 5px 0px;
372
+ display: block;
373
+ border-right-color: #FFF;
374
+ width: 6px;
375
+ height: 1px;
376
+ }
377
+
378
+ .ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after {
379
+ border-width: 5px 0px 5px 5px;
380
+ border-left-color: #FFF;
381
+ left: 7px;
382
+ }
383
+
384
+ /* vertical thumblist arrows */
385
+ .ms-thumb-list.ms-dir-v .ms-thumblist-fwd, .ms-thumb-list.ms-dir-v .ms-thumblist-bwd {
386
+ width: 100%;
387
+ height: 20px;
388
+ position: absolute;
389
+ top: 0;
390
+ cursor: pointer;
391
+ background: rgba(128, 128, 128, 0.5);
392
+ text-align: center;
393
+ color: white;
394
+ }
395
+
396
+ .ms-thumb-list.ms-dir-v .ms-thumblist-bwd {
397
+ bottom: 0;
398
+ top: auto;
399
+ }
400
+
401
+ .ms-thumb-list.ms-dir-v .ms-thumblist-fwd:after, .ms-thumb-list.ms-dir-v .ms-thumblist-bwd:after {
402
+ content: close-quote;
403
+ left: 43%;
404
+ position: relative;
405
+ border: solid rgba(0, 0, 0, 0);
406
+ border-width: 0px 5px 5px 5px;
407
+ display: block;
408
+ border-bottom-color: #FFF;
409
+ height: 1px;
410
+ top: 5px;
411
+ width: 0;
412
+ }
413
+
414
+ .ms-thumb-list.ms-dir-v .ms-thumblist-bwd:after {
415
+ border-width: 5px 5px 0px 5px;
416
+ border-top-color: #FFF;
417
+ top: 7px;
418
+ }
419
+
420
+ /* Thumb in tab styles */
421
+ .ms-tabs.ms-dir-v.ms-has-thumb .ms-thumbs-cont{ top:0 !important; }
422
+ .ms-tabs.ms-has-thumb .ms-thumb-frame{ height: auto !important; }
423
+ .ms-tabs.ms-has-thumb .ms-thumb{ padding:0; }
424
+ .ms-tabs.ms-has-thumb .ms-tab-context{ padding:20px; }
425
+ .ms-tabs.ms-align-left .ms-tab-thumb{ float:left; margin-right:20px; }
426
+ .ms-tabs.ms-align-right .ms-tab-thumb{ float:right; margin-left: 20px; }
427
+
428
+ .ms-bullet{cursor:pointer;float: left;}
429
+ .ms-bullets.ms-dir-h {
430
+ position: absolute;
431
+ bottom: 20px;
432
+ right: 50%;
433
+ width: 100px;
434
+ }
435
+
436
+ .ms-bullets.ms-dir-v {
437
+ position: absolute;
438
+ top:50%;
439
+ }
440
+
441
+ .ms-bullets.ms-dir-v .ms-bullet {
442
+ float: none;
443
+ }
444
+ .ms-bullets.ms-dir-h .ms-bullets-count {
445
+ position: relative;
446
+ right: -50%;
447
+ }
448
+
449
+ .ms-sbar {position: absolute;}
450
+ .ms-sbar.ms-dir-h {
451
+ left: 10px;
452
+ right: 10px;
453
+ top: 5px
454
+ }
455
+
456
+ .ms-sbar.ms-dir-v {
457
+ top: 10px;
458
+ bottom: 10px;
459
+ right: 5px
460
+ }
461
+
462
+ .ms-sbar .ms-bar {
463
+ height: 4px;
464
+ background: #333;
465
+ border-radius: 4px;
466
+ }
467
+
468
+ .ms-sbar.ms-dir-v .ms-bar { width: 4px;}
469
+
470
+ .ms-sbar .ms-bar {
471
+ position:relative;
472
+ -webkit-transition: opacity 300ms;
473
+ transition: opacity 300ms;
474
+ }
475
+
476
+ .ms-timerbar {
477
+ width: 100%;
478
+ bottom: 0px;
479
+ position: absolute;
480
+ }
481
+
482
+ .ms-ctimer {
483
+ position: absolute;
484
+ top: 30px;
485
+ left: 30px;
486
+ cursor: pointer;
487
+ }
488
+
489
+ .ms-ctimer-bullet {}
490
+
491
+ .ms-time-bar {
492
+ -webkit-transition: width 120ms linear;
493
+ transition: width 120ms linear;
494
+ }
495
+
496
+ .ms-ie7 .ms-tooltip-arrow {
497
+ height:0px;
498
+ }
499
+
500
+ .ms-slide-info {position: absolute;}
501
+ .ms-slide-info.ms-dir-v {top:0;}
502
+ .ms-slide-info.ms-dir-h {width:100%;}
503
+
504
+ .ms-pattern.ms-patt-1 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYICA/wzoDGTwHyDAADXxAv4Eq8S5AAAAAElFTkSuQmCC);}
505
+ .ms-pattern.ms-patt-2 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhJREFUeNpiYECA/wxogLAANoBdF0CAAQD+agT8l3ocpQAAAABJRU5ErkJggg==);}
506
+ .ms-pattern.ms-patt-3 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACxJREFUeNqU0EENAAAMwkD8m+4s7PhCCmHbGijxE0jS1HOOhxJSUhf9eAIMAI/CEe94Ny14AAAAAElFTkSuQmCC);}
507
+ .ms-pattern.ms-patt-4 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhJREFUeNpiYGBg+M+ABfxHo3Fz/gMEGACtlgX7j8MuyAAAAABJRU5ErkJggg==);}
508
+ .ms-pattern.ms-patt-5 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABNJREFUeNpiYECA/3CCAV0UIMAANfEC/mOKn1cAAAAASUVORK5CYII=);}
509
+ .ms-pattern.ms-patt-6 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAYAAADjAO9DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYGBg+M+AClD4AAEGACn3Af/97SgJAAAAAElFTkSuQmCC);}
510
+ .ms-pattern.ms-patt-7 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpiYMAE/+EEAy5Z0iUAAgwA/moE/KMl2lgAAAAASUVORK5CYII=);}
511
+ .ms-pattern.ms-patt-8 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAICAYAAAA4GpVBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYGBg+M+ACdDFAAIMADP0Af/w5VDVAAAAAElFTkSuQmCC);}
512
+ .ms-pattern.ms-patt-9 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABJJREFUeNpiYGBg+M9AGQAIMABABAEA80yJjQAAAABJRU5ErkJggg==);}
513
+ .ms-pattern.ms-patt-10 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpiYGBg+A/FcMDEQH0AEGAAxksCAb3vCDgAAAAASUVORK5CYII=);}
514
+ .ms-pattern.ms-patt-11 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABxJREFUeNpiZGBg+M+AChhBBBMDDkC6BOkAIMAAlXQBCO9f4icAAAAASUVORK5CYII=);}
515
+ .ms-pattern.ms-patt-12 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABtJREFUeNpiYGBg+M8AATAaDnAKYEgQBgABBgB6/AT8h9ybfgAAAABJRU5ErkJggg==);}
516
+ .ms-pattern.ms-patt-13 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB1JREFUeNpiYGBg+M+ABJig9H90AbggI7oWgAADAI5xBAIRYsxUAAAAAElFTkSuQmCC);}
517
+ .ms-pattern.ms-patt-14 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpiYGBg+M+AA9BSgkQBgAADAJIyB/kDCjAnAAAAAElFTkSuQmCC);}
518
+ .ms-pattern.ms-patt-15 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB9JREFUeNpiYGBg+M9ABPhPjPh/YjT9J2AipiRAgAEAhjsH+Utd9Z4AAAAASUVORK5CYII=);}
519
+
520
+ /* white patterns */
521
+ .ms-pattern.ms-patt-16 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFAQMAAABCXz8WAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdjaGBwZFBiEGHgAAAHPwEAP8TPrwAAAABJRU5ErkJggg==);}
522
+ .ms-pattern.ms-patt-17 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAIAQMAAAALP6d4AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABZJREFUCNdjaGBwYFBgEGDgAGIFBgcADegBabpJ4LsAAAAASUVORK5CYII=);}
523
+ .ms-pattern.ms-patt-18 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABBJREFUCNdjaGA4wPCA4QMACtgDEQ8Bqx8AAAAASUVORK5CYII=);}
524
+ .ms-pattern.ms-patt-19 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA9JREFUCNdjWMDgAMRAAAAKigGBlYsMggAAAABJRU5ErkJggg==);}
525
+ .ms-pattern.ms-patt-20 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGAQMAAADaAn0LAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA1JREFUCNdj+ACFQAAAHgwDwds/+0oAAAAASUVORK5CYII=);}
526
+ .ms-pattern.ms-patt-21 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA1JREFUCNdjOACEYAAADAoBgRrgDF0AAAAASUVORK5CYII=);}
527
+ .ms-pattern.ms-patt-22 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjaGAAAwADiACBhux1cwAAAABJRU5ErkJggg==);}
528
+ .ms-pattern.ms-patt-23 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAIAQMAAAAC1AcCAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjaGAAAxgNAAsQAQHPxScOAAAAAElFTkSuQmCC);}
529
+ .ms-pattern.ms-patt-24 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABAQMAAADZzn0AAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAApJREFUCNdj6AAAAIoAiVWdWYwAAAAASUVORK5CYII=);}
530
+ .ms-pattern.ms-patt-25 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdj4GBoYHBgUGAQAAAFggD5HRIFwAAAAABJRU5ErkJggg==);}
531
+ .ms-pattern.ms-patt-26 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjUGBoYHAAAAJmAOF0EZC+AAAAAElFTkSuQmCC);}
532
+ .ms-pattern.ms-patt-27 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABBJREFUCNdjaGAIYFBgCAAABcgBQeTzXGUAAAAASUVORK5CYII=);}
533
+ .ms-pattern.ms-patt-28 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKAQMAAAC3/F3+AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAACBJREFUCNdjaGBgcHBgUGhgEGRg4GJgYAGRQDZQBCgOAC/KAvtspwwJAAAAAElFTkSuQmCC);}
534
+ .ms-pattern.ms-patt-29 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdjUGBwYGhg4GAQAAAFkgD5MUFnfgAAAABJRU5ErkJggg==);}
535
+ .ms-pattern.ms-patt-30 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjcGBoYFAAAALmAOHcBT11AAAAAElFTkSuQmCC);}
536
+
537
+
538
+ /**
539
+ * Master Slider
540
+ * Default Skin (Light 1)
541
+ */
542
+
543
+ .ms-skin-default .ms-slide .ms-slide-vpbtn,
544
+ .ms-skin-default .ms-video-btn {
545
+ width: 50px;
546
+ height: 51px;
547
+ background: url(skins/light-skin-1.png) no-repeat -14px -150px;
548
+ top: 50%;
549
+ left: 50%;
550
+ margin: -25px 0 0 -25px;
551
+ }
552
+
553
+ .ms-skin-default .ms-slide .ms-slide-vcbtn {
554
+ width: 30px;
555
+ height: 30px;
556
+ background: url(skins/light-skin-1.png) no-repeat -24px -28px;
557
+ top: 18px;
558
+ right: 30px;
559
+ }
560
+
561
+ /* controls */
562
+
563
+ .ms-skin-default .ms-nav-next,
564
+ .ms-skin-default .ms-nav-prev {
565
+ width: 30px;
566
+ background: url(skins/light-skin-1.png);
567
+ background-position: -89px -26px;
568
+ height: 40px;
569
+ cursor: pointer;
570
+ top: 50%;
571
+ left: 30px;
572
+ margin-top: -20px;
573
+ position: absolute;
574
+ z-index: 110;
575
+ }
576
+ .ms-skin-default .ms-nav-next {
577
+ right: 30px;
578
+ left: auto;
579
+ background-position: -89px -103px;
580
+ }
581
+
582
+ .ms-skin-default .ms-bullet {
583
+ width: 10px;
584
+ height: 10px;
585
+ background: url(skins/light-skin-1.png) no-repeat;
586
+ margin: 4px;
587
+ background-position: -34px -117px;
588
+ }
589
+
590
+ .ms-skin-default .ms-bullet-selected {
591
+ background-position: -34px -84px;
592
+ }
593
+
594
+ .ms-skin-default .ms-tooltip {
595
+ position: absolute;
596
+ z-index: 210;
597
+ cursor: auto;
598
+ }
599
+
600
+ .ms-skin-default .ms-tooltip-top .ms-tooltip-arrow,
601
+ .ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow {
602
+ border-left: solid 10px transparent;
603
+ border-right: solid 10px transparent;
604
+ position: absolute;
605
+ left: 50%;
606
+ margin-left: -10px;
607
+ }
608
+
609
+ .ms-skin-default .ms-tooltip-top .ms-tooltip-arrow {
610
+ border-top: solid 10px;
611
+ border-top-color: silver;
612
+ border-top-color: rgba(240, 240, 240, 0.88);
613
+ bottom: -10px;
614
+ }
615
+
616
+ .ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow {
617
+ border-bottom: solid 10px;
618
+ border-bottom-color: silver;
619
+ border-bottom-color: rgba(240, 240, 240, 0.88);
620
+ top: -10px;
621
+ }
622
+
623
+ .ms-skin-default .ms-tooltip-right .ms-tooltip-arrow,
624
+ .ms-skin-default .ms-tooltip-left .ms-tooltip-arrow {
625
+ border-top: solid 10px transparent;
626
+ border-bottom: solid 10px transparent;
627
+ position: absolute;
628
+ top: 50%;
629
+ margin-top: -10px;
630
+ }
631
+
632
+ .ms-skin-default .ms-tooltip-right .ms-tooltip-arrow {
633
+ border-right: solid 10px;
634
+ border-right-color: silver;
635
+ border-right-color: rgba(240, 240, 240, 0.88);
636
+ left: -10px;
637
+ }
638
+
639
+ .ms-skin-default .ms-tooltip-left .ms-tooltip-arrow {
640
+ border-left: solid 10px;
641
+ border-left-color: silver;
642
+ border-left-color: rgba(240, 240, 240, 0.88);
643
+ right: -10px;
644
+ }
645
+
646
+ .ms-skin-default .ms-tooltip-point {cursor: pointer;}
647
+ .ms-skin-default .ms-tooltip-point .ms-point-center {
648
+ width: 12px;
649
+ height: 12px;
650
+ border-radius: 15px;
651
+ border: solid 2px #BBB;
652
+ background: white;
653
+ margin: -8px 0 0 -8px;
654
+ position: absolute;
655
+ z-index: 105;
656
+ }
657
+
658
+ .ms-skin-default .ms-tooltip-point .ms-point-border {
659
+ width: 22px;
660
+ height: 22px;
661
+ background: black;
662
+ background:rgba(0, 0, 0, 0.36);
663
+ margin: -11px 0 0 -11px;
664
+ position: absolute;
665
+ border-radius: 15px;
666
+
667
+ animation: ms-point-anim 1.5s infinite ;
668
+ -moz-animation: ms-point-anim 1.5s infinite;
669
+ -webkit-animation: ms-point-anim 1.5s infinite;
670
+ -o-animation: ms-point-anim 1.5s infinite;
671
+ }
672
+
673
+ .ms-skin-default .ms-tooltip {
674
+ max-width:200px;
675
+ }
676
+
677
+ .ms-skin-default .ms-tooltip-cont {
678
+ padding: 10px;
679
+ background: silver;
680
+ background: rgba(240, 240, 240, 0.88);
681
+ text-shadow: 0 1px 0px white;
682
+ margin-left: -1px;
683
+ }
684
+
685
+ /* retina */
686
+ @media
687
+ only screen and (-webkit-min-device-pixel-ratio: 2),
688
+ only screen and ( min--moz-device-pixel-ratio: 2),
689
+ only screen and ( -o-min-device-pixel-ratio: 2/1),
690
+ only screen and ( min-device-pixel-ratio: 2),
691
+ only screen and ( min-resolution: 192dpi),
692
+ only screen and ( min-resolution: 2dppx) {
693
+
694
+ .ms-skin-default .ms-slide .ms-slide-vpbtn,
695
+ .ms-skin-default .ms-video-btn,
696
+ .ms-skin-default .ms-slide .ms-slide-vcbtn,
697
+ .ms-skin-default .ms-nav-next,
698
+ .ms-skin-default .ms-nav-prev,
699
+ .ms-skin-default .ms-bullet {
700
+ background-image:url(skins/light-skin-1-retina.png);
701
+ background-size: 152px 225px;
702
+ }
703
+
704
+ }
705
+
706
+ /**
707
+ * Master Slider
708
+ * Black 1
709
+ */
710
+
711
+ .ms-skin-black-1 .ms-slide .ms-slide-vpbtn,
712
+ .ms-skin-black-1 .ms-video-btn {
713
+ width: 54px;
714
+ height: 54px;
715
+ background: url(skins/black-skin-1.png) no-repeat -14px -150px;
716
+ top: 50%;
717
+ left: 50%;
718
+ margin: -27px 0 0 -27px;
719
+ }
720
+
721
+ .ms-skin-black-1 .ms-slide .ms-slide-vcbtn {
722
+ width: 27px;
723
+ height: 26px;
724
+ background: url(skins/black-skin-1.png) no-repeat -24px -29px;
725
+ top: 30px;
726
+ right: 30px;
727
+ }
728
+
729
+ /* controls */
730
+
731
+ .ms-skin-black-1 .ms-nav-next,
732
+ .ms-skin-black-1 .ms-nav-prev {
733
+ width: 53px;
734
+ background: url(skins/black-skin-1.png);
735
+ background-position: -79px -19px;
736
+ height: 61px;
737
+ cursor: pointer;
738
+ top: 50%;
739
+ left: 30px;
740
+ margin-top: -26px;
741
+ position: absolute;
742
+ z-index: 110;
743
+ }
744
+ .ms-skin-black-1 .ms-nav-next {
745
+ right: 30px;
746
+ left: auto;
747
+ background-position: -79px -97px;
748
+ }
749
+
750
+ .ms-skin-black-1 .ms-bullets.ms-dir-h {
751
+ position: absolute;
752
+ bottom: 20px;
753
+ right: 50%;
754
+ width: 100px;
755
+ }
756
+
757
+ .ms-skin-black-1 .ms-bullets.ms-dir-h .ms-bullets-count {
758
+ position: relative;
759
+ right: -50%;
760
+ }
761
+
762
+ .ms-skin-black-1 .ms-bullet {
763
+ width: 9px;
764
+ height: 9px;
765
+ background: white;
766
+ margin: 4px;
767
+ border: solid 1px rgb(58, 58, 58);
768
+ }
769
+
770
+ .ms-skin-black-1 .ms-bullet-selected {
771
+ background-color: black;
772
+ }
773
+
774
+ .ms-skin-black-1 .ms-tooltip {
775
+ position: absolute;
776
+ z-index: 210;
777
+ cursor: auto;
778
+ }
779
+
780
+ .ms-skin-black-1 .ms-tooltip-top .ms-tooltip-arrow,
781
+ .ms-skin-black-1 .ms-tooltip-bottom .ms-tooltip-arrow {
782
+ border-left: solid 10px transparent;
783
+ border-right: solid 10px transparent;
784
+ position: absolute;
785
+ left: 50%;
786
+ margin-left: -10px;
787
+ }
788
+
789
+ .ms-skin-black-1 .ms-tooltip-top .ms-tooltip-arrow {
790
+ border-top: solid 10px;
791
+ border-top-color: white;
792
+ border-top-color: rgba(0, 0, 0, 0.8);
793
+ bottom: -10px;
794
+ }
795
+
796
+ .ms-skin-black-1 .ms-tooltip-bottom .ms-tooltip-arrow {
797
+ border-bottom: solid 10px;
798
+ border-bottom-color: white;
799
+ border-bottom-color: rgba(0, 0, 0, 0.8);
800
+ top: -10px;
801
+ }
802
+
803
+ .ms-skin-black-1 .ms-tooltip-right .ms-tooltip-arrow,
804
+ .ms-skin-black-1 .ms-tooltip-left .ms-tooltip-arrow {
805
+ border-top: solid 10px transparent;
806
+ border-bottom: solid 10px transparent;
807
+ position: absolute;
808
+ top: 50%;
809
+ margin-top: -10px;
810
+ }
811
+
812
+ .ms-skin-black-1 .ms-tooltip-right .ms-tooltip-arrow {
813
+ border-right: solid 10px;
814
+ border-right-color: white;
815
+ border-right-color: rgba(0, 0, 0, 0.8);
816
+ left: -10px;
817
+ }
818
+
819
+ .ms-skin-black-1 .ms-tooltip-left .ms-tooltip-arrow {
820
+ border-left: solid 10px;
821
+ border-left-color: black;
822
+ border-left-color: rgba(0, 0, 0, 0.8);
823
+ right: -10px;
824
+ }
825
+
826
+ .ms-skin-black-1 .ms-tooltip-point {cursor: pointer;}
827
+ .ms-skin-black-1 .ms-tooltip-point .ms-point-center {
828
+ width: 12px;
829
+ height: 12px;
830
+ border-radius: 15px;
831
+ border: solid 2px #444444;
832
+ background: black;
833
+ margin: -8px 0 0 -8px;
834
+ position: absolute;
835
+ z-index: 105;
836
+ }
837
+
838
+ .ms-skin-black-1 .ms-tooltip-point .ms-point-border {
839
+ width: 22px;
840
+ height: 22px;
841
+ background: white;
842
+ background: rgba(255, 255, 255, 0.9);
843
+ margin: -11px 0 0 -11px;
844
+ position: absolute;
845
+ border-radius: 15px;
846
+
847
+ animation: ms-point-anim 1.5s infinite ;
848
+ -moz-animation: ms-point-anim 1.5s infinite;
849
+ -webkit-animation: ms-point-anim 1.5s infinite;
850
+ -o-animation: ms-point-anim 1.5s infinite;
851
+ }
852
+
853
+ .ms-skin-black-1 .ms-tooltip {
854
+ max-width:200px;
855
+ }
856
+
857
+ .ms-skin-black-1 .ms-tooltip-cont {
858
+ padding: 10px;
859
+ background: black;
860
+ background: rgba(0, 0, 0, 0.8);
861
+ text-shadow: 0 1px 0px black;
862
+ color: white;
863
+ box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
864
+ }
865
+
866
+ /* retina */
867
+ @media
868
+ only screen and (-webkit-min-device-pixel-ratio: 2),
869
+ only screen and ( min--moz-device-pixel-ratio: 2),
870
+ only screen and ( -o-min-device-pixel-ratio: 2/1),
871
+ only screen and ( min-device-pixel-ratio: 2),
872
+ only screen and ( min-resolution: 192dpi),
873
+ only screen and ( min-resolution: 2dppx) {
874
+
875
+ .ms-skin-black-1 .ms-slide .ms-slide-vpbtn,
876
+ .ms-skin-black-1 .ms-video-btn,
877
+ .ms-skin-black-1 .ms-slide .ms-slide-vcbtn,
878
+ .ms-skin-black-1 .ms-nav-next,
879
+ .ms-skin-black-1 .ms-nav-prev {
880
+ background-image:url(skins/black-skin-1-retina.png);
881
+ background-size: 152px 225px;
882
+ }
883
+
884
+ }
885
+
886
+ /**
887
+ * Master Slider
888
+ * minimal Skin
889
+ */
890
+
891
+ .ms-skin-minimal .ms-slide .ms-slide-vpbtn,
892
+ .ms-skin-minimal .ms-video-btn {
893
+ width: 55px;
894
+ height: 55px;
895
+ background: url(skins/minimal.svg) no-repeat 24px 18px white;
896
+ border: solid 1px #3d3d3d;
897
+ border-radius: 50%;
898
+ top: 50%;
899
+ left: 50%;
900
+ margin: -27px 0 0 -27px;
901
+ -webkit-transition: background-color 300ms;
902
+ transition: background-color 300ms;
903
+ }
904
+ .ms-skin-minimal .ms-slide .ms-slide-vcbtn:hover,
905
+ .ms-skin-minimal .ms-slide .ms-slide-vpbtn:hover,
906
+ .ms-skin-minimal .ms-video-btn:hover {
907
+ background-color: #f1f1f1;
908
+ }
909
+
910
+ .ms-skin-minimal .ms-slide .ms-slide-vcbtn {
911
+ width: 31px;
912
+ height: 31px;
913
+ background: url(skins/minimal.svg) no-repeat -289px 6px white;
914
+ border-radius: 50%;
915
+ border: solid 1px #3d3d3d;
916
+ top: 18px;
917
+ right: 30px;
918
+ -webkit-transition: background-color 300ms;
919
+ transition: background-color 300ms;
920
+ }
921
+
922
+ /* controls */
923
+
924
+ .ms-skin-minimal .ms-nav-next,
925
+ .ms-skin-minimal .ms-nav-prev {
926
+ background: url(skins/minimal.svg) no-repeat white;
927
+ background-position: -178px 17px;
928
+ border: solid 1px #3d3d3d;
929
+ border-radius: 50%;
930
+ height: 55px;
931
+ width: 55px;
932
+ cursor: pointer;
933
+ top: 50%;
934
+ left: 30px;
935
+ margin-top: -27px;
936
+ position: absolute;
937
+ z-index: 110;
938
+ -webkit-transition: background-color 300ms;
939
+ transition: background-color 300ms;
940
+ }
941
+
942
+ .ms-skin-minimal .ms-nav-next:hover,
943
+ .ms-skin-minimal .ms-nav-prev:hover {
944
+ background-color: #f1f1f1;
945
+ }
946
+
947
+ .ms-skin-minimal .ms-nav-next {
948
+ right: 30px;
949
+ left: auto;
950
+ background-position: -75px 17px;
951
+ }
952
+
953
+ .ms-skin-minimal .ms-bullet {
954
+ width: 8px;
955
+ height: 8px;
956
+ background: white;
957
+ border: solid 1px #3d3d3d;
958
+ border-radius: 50%;
959
+ margin: 4px;
960
+ background-position: -34px -117px;
961
+ }
962
+
963
+ .ms-skin-minimal .ms-bullet-selected {
964
+ background: #3d3d3d;
965
+ }
966
+
967
+ .ms-skin-minimal .ms-time-bar {
968
+ height: 3px;
969
+ background: #FFFFFF;
970
+ border-top: solid 1px rgba(0, 0, 0, 0.41);
971
+ }
972
+
973
+
974
+ .ms-skin-minimal .ms-tooltip {
975
+ position: absolute;
976
+ z-index: 210;
977
+ cursor: auto;
978
+ }
979
+
980
+ .ms-skin-minimal .ms-tooltip-top .ms-tooltip-arrow,
981
+ .ms-skin-minimal .ms-tooltip-bottom .ms-tooltip-arrow {
982
+ border-left: solid 10px transparent;
983
+ border-right: solid 10px transparent;
984
+ position: absolute;
985
+ left: 50%;
986
+ margin-left: -10px;
987
+ }
988
+
989
+ .ms-skin-minimal .ms-tooltip-top .ms-tooltip-arrow {
990
+ border-top: solid 10px;
991
+ border-top-color: silver;
992
+ border-top-color: rgba(240, 240, 240, 0.88);
993
+ bottom: -10px;
994
+ }
995
+
996
+ .ms-skin-minimal .ms-tooltip-bottom .ms-tooltip-arrow {
997
+ border-bottom: solid 10px;
998
+ border-bottom-color: silver;
999
+ border-bottom-color: rgba(240, 240, 240, 0.88);
1000
+ top: -10px;
1001
+ }
1002
+
1003
+ .ms-skin-minimal .ms-tooltip-right .ms-tooltip-arrow,
1004
+ .ms-skin-minimal .ms-tooltip-left .ms-tooltip-arrow {
1005
+ border-top: solid 10px transparent;
1006
+ border-bottom: solid 10px transparent;
1007
+ position: absolute;
1008
+ top: 50%;
1009
+ margin-top: -10px;
1010
+ }
1011
+
1012
+ .ms-skin-minimal .ms-tooltip-right .ms-tooltip-arrow {
1013
+ border-right: solid 10px;
1014
+ border-right-color: silver;
1015
+ border-right-color: rgba(240, 240, 240, 0.88);
1016
+ left: -10px;
1017
+ }
1018
+
1019
+ .ms-skin-minimal .ms-tooltip-left .ms-tooltip-arrow {
1020
+ border-left: solid 10px;
1021
+ border-left-color: silver;
1022
+ border-left-color: rgba(240, 240, 240, 0.88);
1023
+ right: -10px;
1024
+ }
1025
+
1026
+ .ms-skin-minimal .ms-tooltip-point {cursor: pointer;}
1027
+ .ms-skin-minimal .ms-tooltip-point .ms-point-center {
1028
+ width: 12px;
1029
+ height: 12px;
1030
+ border-radius: 15px;
1031
+ border: solid 2px #BBB;
1032
+ background: white;
1033
+ margin: -8px 0 0 -8px;
1034
+ position: absolute;
1035
+ z-index: 105;
1036
+ }
1037
+
1038
+ .ms-skin-minimal .ms-tooltip-point .ms-point-border {
1039
+ width: 22px;
1040
+ height: 22px;
1041
+ background: black;
1042
+ background:rgba(0, 0, 0, 0.36);
1043
+ margin: -11px 0 0 -11px;
1044
+ position: absolute;
1045
+ border-radius: 15px;
1046
+
1047
+ animation: ms-point-anim 1.5s infinite ;
1048
+ -moz-animation: ms-point-anim 1.5s infinite;
1049
+ -webkit-animation: ms-point-anim 1.5s infinite;
1050
+ -o-animation: ms-point-anim 1.5s infinite;
1051
+ }
1052
+
1053
+ .ms-skin-minimal .ms-tooltip {
1054
+ max-width:200px;
1055
+ }
1056
+
1057
+ .ms-skin-minimal .ms-tooltip-cont {
1058
+ padding: 10px;
1059
+ background: silver;
1060
+ background: rgba(240, 240, 240, 0.88);
1061
+ text-shadow: 0 1px 0px white;
1062
+ margin-left: -1px;
1063
+ }
1064
+
1065
+ /**
1066
+ * Master Slider
1067
+ * Black 2 Skin
1068
+ */
1069
+
1070
+ .ms-skin-black-2 .ms-slide .ms-slide-vpbtn,
1071
+ .ms-skin-black-2 .ms-video-btn {
1072
+ width: 45px;
1073
+ height: 45px;
1074
+ background: url(skins/black-skin-2.png) black no-repeat -16px -103px;
1075
+ border: solid 3px rgb(255, 255, 255);
1076
+ border-color: rgba(255, 255, 255, 0.4);
1077
+ -webkit-background-clip: padding-box;
1078
+ top: 50%;
1079
+ left: 50%;
1080
+ margin: -23px 0 0 -23px;
1081
+ }
1082
+
1083
+ .ms-skin-black-2 .ms-slide .ms-slide-vpbtn:hover,
1084
+ .ms-skin-black-2 .ms-video-btn:hover {
1085
+ background-color: #3D3D3D;
1086
+ }
1087
+
1088
+ .ms-skin-black-2 .ms-slide .ms-slide-vcbtn {
1089
+ width: 25px;
1090
+ height: 25px;
1091
+ background: url(skins/black-skin-2.png) black no-repeat -27px -36px;
1092
+ border: solid 2px white;
1093
+ border-color: rgba(255, 255, 255, 0.4);
1094
+ top: 15px;
1095
+ right: 15px;
1096
+ }
1097
+
1098
+ .ms-skin-black-2.round-skin .ms-slide .ms-slide-vcbtn {
1099
+ border-radius: 50px;
1100
+ }
1101
+
1102
+
1103
+ /* controls */
1104
+
1105
+ .ms-skin-black-2 .ms-nav-next,
1106
+ .ms-skin-black-2 .ms-nav-prev {
1107
+ position: absolute;
1108
+ cursor: pointer;
1109
+ z-index: 110;
1110
+ width: 45px;
1111
+ height: 45px;
1112
+ background: url(skins/black-skin-2.png) black;
1113
+ background-clip: padding-box;
1114
+ background-position: -88px -26px;
1115
+ border: solid 3px rgb(255, 255, 255);
1116
+ border-color: rgba(255, 255, 255, 0.4);
1117
+ top: 50%;
1118
+ left: 30px;
1119
+ margin-top: -22px;
1120
+ }
1121
+
1122
+ .ms-skin-black-2.round-skin .ms-nav-next,
1123
+ .ms-skin-black-2.round-skin .ms-nav-prev,
1124
+ .ms-skin-black-2.round-skin .ms-slide .ms-slide-vpbtn,
1125
+ .ms-skin-black-2.round-skin .ms-video-btn {
1126
+ border-radius: 90px;
1127
+ }
1128
+
1129
+ .ms-skin-black-2 .ms-nav-next:hover,
1130
+ .ms-skin-black-2 .ms-nav-prev:hover {
1131
+ background-color: #3d3d3d;
1132
+ }
1133
+
1134
+ .ms-skin-black-2 .ms-nav-next {
1135
+ right: 30px;
1136
+ left: auto;
1137
+ background-position: -86px -103px;
1138
+ }
1139
+
1140
+ .ms-skin-black-2 .ms-bullets.ms-dir-h {
1141
+ position: absolute;
1142
+ bottom: 20px;
1143
+ right: 50%;
1144
+ width: 100px;
1145
+ }
1146
+
1147
+ .ms-skin-black-2 .ms-bullets.ms-dir-h .ms-bullets-count {
1148
+ position: relative;
1149
+ right: -50%;
1150
+ }
1151
+
1152
+ .ms-skin-black-2 .ms-bullet {
1153
+ width: 8px;
1154
+ height: 8px;
1155
+ background: white;
1156
+ -webkit-background-clip: padding-box;
1157
+ -moz-background-clip: padding-box;
1158
+ -ms-background-clip: padding-box;
1159
+ border: solid 3px white;
1160
+ border-color: rgba(0, 0, 0, 0.44);
1161
+ margin: 4px;
1162
+ background-position: -34px -117px;
1163
+ }
1164
+
1165
+ .ms-skin-black-2.round-skin .ms-bullet {
1166
+ border-radius: 15px;
1167
+ }
1168
+
1169
+ .ms-skin-black-2 .ms-bullet-selected {
1170
+ background-color: black;
1171
+ border-color: white;
1172
+ border-color: rgba(255, 255, 255, 0.44);
1173
+ }
1174
+
1175
+ .ms-skin-black-2 .ms-tooltip {
1176
+ position: absolute;
1177
+ z-index: 210;
1178
+ cursor: auto;
1179
+ }
1180
+
1181
+ .ms-skin-black-2 .ms-tooltip-top .ms-tooltip-arrow,
1182
+ .ms-skin-black-2 .ms-tooltip-bottom .ms-tooltip-arrow {
1183
+ border-left: solid 10px transparent;
1184
+ border-right: solid 10px transparent;
1185
+ position: absolute;
1186
+ left: 50%;
1187
+ margin-left: -10px;
1188
+ }
1189
+
1190
+ .ms-skin-black-2 .ms-tooltip-top .ms-tooltip-arrow {
1191
+ border-top: solid 10px;
1192
+ border-top-color: silver;
1193
+ border-top-color: rgba(240, 240, 240, 0.88);
1194
+ bottom: -10px;
1195
+ }
1196
+
1197
+ .ms-skin-black-2 .ms-tooltip-bottom .ms-tooltip-arrow {
1198
+ border-bottom: solid 10px;
1199
+ border-bottom-color: silver;
1200
+ border-bottom-color: rgba(240, 240, 240, 0.88);
1201
+ top: -10px;
1202
+ }
1203
+
1204
+ .ms-skin-black-2 .ms-tooltip-right .ms-tooltip-arrow,
1205
+ .ms-skin-black-2 .ms-tooltip-left .ms-tooltip-arrow {
1206
+ border-top: solid 10px transparent;
1207
+ border-bottom: solid 10px transparent;
1208
+ position: absolute;
1209
+ top: 50%;
1210
+ margin-top: -10px;
1211
+ }
1212
+
1213
+ .ms-skin-black-2 .ms-tooltip-right .ms-tooltip-arrow {
1214
+ border-right: solid 10px;
1215
+ border-right-color: silver;
1216
+ border-right-color: rgba(240, 240, 240, 0.88);
1217
+ left: -10px;
1218
+ }
1219
+
1220
+ .ms-skin-black-2 .ms-tooltip-left .ms-tooltip-arrow {
1221
+ border-left: solid 10px;
1222
+ border-left-color: silver;
1223
+ border-left-color: rgba(240, 240, 240, 0.88);
1224
+ right: -10px;
1225
+ }
1226
+
1227
+ .ms-skin-black-2 .ms-tooltip-point {cursor: pointer;}
1228
+ .ms-skin-black-2 .ms-tooltip-point .ms-point-center {
1229
+ width: 12px;
1230
+ height: 12px;
1231
+ border-radius: 15px;
1232
+ border: solid 2px #BBB;
1233
+ background: white;
1234
+ margin: -8px 0 0 -8px;
1235
+ position: absolute;
1236
+ z-index: 105;
1237
+ }
1238
+
1239
+ .ms-skin-black-2 .ms-tooltip-point .ms-point-border {
1240
+ width: 22px;
1241
+ height: 22px;
1242
+ background: black;
1243
+ background:rgba(0, 0, 0, 0.36);
1244
+ margin: -11px 0 0 -11px;
1245
+ position: absolute;
1246
+ border-radius: 15px;
1247
+ animation: ms-point-anim 1.5s infinite ;
1248
+ -moz-animation: ms-point-anim 1.5s infinite;
1249
+ -webkit-animation: ms-point-anim 1.5s infinite;
1250
+ -o-animation: ms-point-anim 1.5s infinite;
1251
+ }
1252
+
1253
+ .ms-ie7.ms-skin-black-2 .ms-tooltip-point .ms-point-border,
1254
+ .ms-ie8.ms-skin-black-2 .ms-tooltip-point .ms-point-border {
1255
+ display: none;
1256
+ }
1257
+
1258
+ .ms-skin-black-2 .ms-tooltip {
1259
+ max-width:200px;
1260
+ }
1261
+
1262
+ .ms-skin-black-2 .ms-tooltip-cont {
1263
+ padding: 10px;
1264
+ background: silver;
1265
+ background: rgba(240, 240, 240, 0.88);
1266
+ text-shadow: 0 1px 0px white;
1267
+ box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
1268
+ }
1269
+
1270
+ /* retina */
1271
+ @media
1272
+ only screen and (-webkit-min-device-pixel-ratio: 2),
1273
+ only screen and ( min--moz-device-pixel-ratio: 2),
1274
+ only screen and ( -o-min-device-pixel-ratio: 2/1),
1275
+ only screen and ( min-device-pixel-ratio: 2),
1276
+ only screen and ( min-resolution: 192dpi),
1277
+ only screen and ( min-resolution: 2dppx) {
1278
+
1279
+ .ms-skin-black-2 .ms-slide .ms-slide-vpbtn,
1280
+ .ms-skin-black-2 .ms-video-btn,
1281
+ .ms-skin-black-2 .ms-slide .ms-slide-vcbtn,
1282
+ .ms-skin-black-2 .ms-nav-next,
1283
+ .ms-skin-black-2 .ms-nav-prev{
1284
+ background-image:url(skins/black-skin-2-retina.png);
1285
+ background-size: 152px 225px;
1286
+ }
1287
+
1288
+ }
1289
+
1290
+ /**
1291
+ * Master Slider
1292
+ * Light 2
1293
+ */
1294
+
1295
+ .ms-skin-light-2 .ms-slide .ms-slide-vpbtn,
1296
+ .ms-skin-light-2 .ms-video-btn {
1297
+ width: 54px;
1298
+ height: 54px;
1299
+ background: url(skins/light-skin-2.png) no-repeat -14px -150px;
1300
+ top: 50%;
1301
+ left: 50%;
1302
+ margin: -27px 0 0 -27px;
1303
+ }
1304
+
1305
+ .ms-skin-light-2 .ms-slide .ms-slide-vcbtn {
1306
+ width: 27px;
1307
+ height: 26px;
1308
+ background: url(skins/light-skin-2.png) no-repeat -24px -29px;
1309
+ top: 30px;
1310
+ right: 30px;
1311
+ }
1312
+
1313
+ /* controls */
1314
+
1315
+ .ms-skin-light-2 .ms-nav-next,
1316
+ .ms-skin-light-2 .ms-nav-prev {
1317
+ width: 53px;
1318
+ background: url(skins/light-skin-2.png);
1319
+ background-position: -79px -19px;
1320
+ height: 61px;
1321
+ cursor: pointer;
1322
+ top: 50%;
1323
+ left: 30px;
1324
+ margin-top: -26px;
1325
+ position: absolute;
1326
+ z-index: 110;
1327
+ }
1328
+ .ms-skin-light-2 .ms-nav-next {
1329
+ right: 30px;
1330
+ left: auto;
1331
+ background-position: -79px -97px;
1332
+ }
1333
+
1334
+ .ms-skin-light-2 .ms-bullets.ms-dir-h {
1335
+ position: absolute;
1336
+ bottom: 20px;
1337
+ right: 50%;
1338
+ width: 100px;
1339
+ }
1340
+
1341
+ .ms-skin-light-2 .ms-bullets.ms-dir-h .ms-bullets-count {
1342
+ position: relative;
1343
+ right: -50%;
1344
+ }
1345
+
1346
+ .ms-skin-light-2 .ms-bullet {
1347
+ width: 9px;
1348
+ height: 9px;
1349
+ background: black;
1350
+ margin: 4px;
1351
+ border: solid 1px rgb(58, 58, 58);
1352
+ }
1353
+
1354
+ .ms-skin-light-2 .ms-bullet-selected {
1355
+ background-color: white;
1356
+ }
1357
+
1358
+ .ms-skin-light-2 .ms-tooltip {
1359
+ position: absolute;
1360
+ z-index: 210;
1361
+ cursor: auto;
1362
+ }
1363
+
1364
+ .ms-skin-light-2 .ms-tooltip-top .ms-tooltip-arrow,
1365
+ .ms-skin-light-2 .ms-tooltip-bottom .ms-tooltip-arrow {
1366
+ border-left: solid 10px transparent;
1367
+ border-right: solid 10px transparent;
1368
+ position: absolute;
1369
+ left: 50%;
1370
+ margin-left: -10px;
1371
+ }
1372
+
1373
+ .ms-skin-light-2 .ms-tooltip-top .ms-tooltip-arrow {
1374
+ border-top: solid 10px;
1375
+ border-top-color: silver;
1376
+ border-top-color: rgba(240, 240, 240, 0.88);
1377
+ bottom: -10px;
1378
+ }
1379
+
1380
+ .ms-skin-light-2 .ms-tooltip-bottom .ms-tooltip-arrow {
1381
+ border-bottom: solid 10px;
1382
+ border-bottom-color: silver;
1383
+ border-bottom-color: rgba(240, 240, 240, 0.88);
1384
+ top: -10px;
1385
+ }
1386
+
1387
+ .ms-skin-light-2 .ms-tooltip-right .ms-tooltip-arrow,
1388
+ .ms-skin-light-2 .ms-tooltip-left .ms-tooltip-arrow {
1389
+ border-top: solid 10px transparent;
1390
+ border-bottom: solid 10px transparent;
1391
+ position: absolute;
1392
+ top: 50%;
1393
+ margin-top: -10px;
1394
+ }
1395
+
1396
+ .ms-skin-light-2 .ms-tooltip-right .ms-tooltip-arrow {
1397
+ border-right: solid 10px;
1398
+ border-right-color: silver;
1399
+ border-right-color: rgba(240, 240, 240, 0.88);
1400
+ left: -10px;
1401
+ }
1402
+
1403
+ .ms-skin-light-2 .ms-tooltip-left .ms-tooltip-arrow {
1404
+ border-left: solid 10px;
1405
+ border-left-color: silver;
1406
+ border-left-color: rgba(240, 240, 240, 0.88);
1407
+ right: -10px;
1408
+ }
1409
+
1410
+ .ms-skin-light-2 .ms-tooltip-point {cursor: pointer;}
1411
+ .ms-skin-light-2 .ms-tooltip-point .ms-point-center {
1412
+ width: 12px;
1413
+ height: 12px;
1414
+ border-radius: 15px;
1415
+ border: solid 2px #BBB;
1416
+ background: white;
1417
+ margin: -8px 0 0 -8px;
1418
+ position: absolute;
1419
+ z-index: 105;
1420
+ }
1421
+
1422
+ .ms-skin-light-2 .ms-tooltip-point .ms-point-border {
1423
+ width: 22px;
1424
+ height: 22px;
1425
+ background: black;
1426
+ background:rgba(0, 0, 0, 0.36);
1427
+ margin: -11px 0 0 -11px;
1428
+ position: absolute;
1429
+ border-radius: 15px;
1430
+
1431
+ animation: ms-point-anim 1.5s infinite ;
1432
+ -moz-animation: ms-point-anim 1.5s infinite;
1433
+ -webkit-animation: ms-point-anim 1.5s infinite;
1434
+ -o-animation: ms-point-anim 1.5s infinite;
1435
+ }
1436
+
1437
+ .ms-skin-light-2 .ms-tooltip {
1438
+ max-width:200px;
1439
+ }
1440
+
1441
+ .ms-skin-light-2 .ms-tooltip-cont {
1442
+ padding: 10px;
1443
+ background: silver;
1444
+ background: rgba(240, 240, 240, 0.88);
1445
+ text-shadow: 0 1px 0px white;
1446
+ box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
1447
+ }
1448
+
1449
+ /* retina */
1450
+ @media
1451
+ only screen and (-webkit-min-device-pixel-ratio: 2),
1452
+ only screen and ( min--moz-device-pixel-ratio: 2),
1453
+ only screen and ( -o-min-device-pixel-ratio: 2/1),
1454
+ only screen and ( min-device-pixel-ratio: 2),
1455
+ only screen and ( min-resolution: 192dpi),
1456
+ only screen and ( min-resolution: 2dppx) {
1457
+
1458
+ .ms-skin-light-2 .ms-slide .ms-slide-vpbtn,
1459
+ .ms-skin-light-2 .ms-video-btn,
1460
+ .ms-skin-light-2 .ms-slide .ms-slide-vcbtn,
1461
+ .ms-skin-light-2 .ms-nav-next,
1462
+ .ms-skin-light-2 .ms-nav-prev{
1463
+ background-image:url(skins/light-skin-2-retina.png);
1464
+ background-size: 152px 225px;
1465
+ }
1466
+
1467
+ }
1468
+
1469
+ /**
1470
+ * Master Slider
1471
+ * Light 3
1472
+ */
1473
+
1474
+ .ms-skin-light-3 .ms-slide .ms-slide-vpbtn,
1475
+ .ms-skin-light-3 .ms-video-btn{
1476
+ width: 50px;
1477
+ height: 50px;
1478
+ background: url(skins/light-skin-3.png) no-repeat -15px -149px;
1479
+ top: 50%;
1480
+ left: 50%;
1481
+ margin: -25px 0 0 -25px;
1482
+ }
1483
+
1484
+ .ms-skin-light-3 .ms-slide .ms-slide-vcbtn {
1485
+ width: 31px;
1486
+ height: 29px;
1487
+ background: url(skins/light-skin-3.png) no-repeat -26px -28px;
1488
+ top: 30px;
1489
+ right: 30px;
1490
+ }
1491
+
1492
+ /* controls */
1493
+
1494
+ .ms-skin-light-3 .ms-nav-next,
1495
+ .ms-skin-light-3 .ms-nav-prev {
1496
+ width: 50px;
1497
+ background: url(skins/light-skin-3.png);
1498
+ background-position: -82px -22px;
1499
+ height: 50px;
1500
+ cursor: pointer;
1501
+ top: 50%;
1502
+ left: 30px;
1503
+ margin-top: -25px;
1504
+ position: absolute;
1505
+ z-index: 110;
1506
+ }
1507
+ .ms-skin-light-3 .ms-nav-next {
1508
+ right: 30px;
1509
+ left: auto;
1510
+ background-position: -81px -99px;
1511
+ }
1512
+
1513
+ .ms-skin-light-3 .ms-bullets.ms-dir-h {
1514
+ position: absolute;
1515
+ bottom: 20px;
1516
+ right: 50%;
1517
+ width: 100px;
1518
+ }
1519
+
1520
+ .ms-skin-light-3 .ms-bullets.ms-dir-h .ms-bullets-count {
1521
+ position: relative;
1522
+ right: -50%;
1523
+ }
1524
+
1525
+ .ms-skin-light-3 .ms-bullet {
1526
+ width: 16px;
1527
+ height: 16px;
1528
+ background: url(skins/light-skin-3.png) no-repeat;
1529
+ background-position: -31px -114px;
1530
+ margin: 4px;
1531
+ }
1532
+
1533
+ .ms-skin-light-3 .ms-bullet-selected {
1534
+ background-position: -31px -81px;
1535
+ }
1536
+
1537
+ .ms-skin-light-3 .ms-tooltip{
1538
+ position: absolute;
1539
+ z-index: 210;
1540
+ cursor: auto;
1541
+ }
1542
+
1543
+ .ms-skin-light-3 .ms-tooltip-top .ms-tooltip-arrow,
1544
+ .ms-skin-light-3 .ms-tooltip-bottom .ms-tooltip-arrow{
1545
+ border-left: solid 10px transparent;
1546
+ border-right: solid 10px transparent;
1547
+ position: absolute;
1548
+ left: 50%;
1549
+ margin-left: -10px;
1550
+ }
1551
+
1552
+ .ms-skin-light-3 .ms-tooltip-top .ms-tooltip-arrow{
1553
+ border-top: solid 10px;
1554
+ border-top-color: silver;
1555
+ border-top-color: rgba(240, 240, 240, 0.88);
1556
+ bottom: -10px;
1557
+ }
1558
+
1559
+ .ms-skin-light-3 .ms-tooltip-bottom .ms-tooltip-arrow {
1560
+ border-bottom: solid 10px;
1561
+ border-bottom-color: silver;
1562
+ border-bottom-color: rgba(240, 240, 240, 0.88);
1563
+ top: -10px;
1564
+ }
1565
+
1566
+ .ms-skin-light-3 .ms-tooltip-right .ms-tooltip-arrow,
1567
+ .ms-skin-light-3 .ms-tooltip-left .ms-tooltip-arrow{
1568
+ border-top: solid 10px transparent;
1569
+ border-bottom: solid 10px transparent;
1570
+ position: absolute;
1571
+ top: 50%;
1572
+ margin-top: -10px;
1573
+ }
1574
+
1575
+ .ms-skin-light-3 .ms-tooltip-right .ms-tooltip-arrow{
1576
+ border-right: solid 10px;
1577
+ border-right-color: silver;
1578
+ border-right-color: rgba(240, 240, 240, 0.88);
1579
+ left: -10px;
1580
+ }
1581
+
1582
+ .ms-skin-light-3 .ms-tooltip-left .ms-tooltip-arrow {
1583
+ border-left: solid 10px;
1584
+ border-left-color: silver;
1585
+ border-left-color: rgba(240, 240, 240, 0.88);
1586
+ right: -10px;
1587
+ }
1588
+
1589
+ .ms-skin-light-3 .ms-tooltip-point {cursor: pointer;}
1590
+ .ms-skin-light-3 .ms-tooltip-point .ms-point-center {
1591
+ width: 12px;
1592
+ height: 12px;
1593
+ border-radius: 15px;
1594
+ border: solid 2px #BBB;
1595
+ background: white;
1596
+ margin: -8px 0 0 -8px;
1597
+ position: absolute;
1598
+ z-index: 105;
1599
+ }
1600
+
1601
+ .ms-skin-light-3 .ms-tooltip-point .ms-point-border {
1602
+ width: 22px;
1603
+ height: 22px;
1604
+ background: black;
1605
+ background:rgba(0, 0, 0, 0.36);
1606
+ margin: -11px 0 0 -11px;
1607
+ position: absolute;
1608
+ border-radius: 15px;
1609
+
1610
+ animation: ms-point-anim 1.5s infinite ;
1611
+ -moz-animation: ms-point-anim 1.5s infinite;
1612
+ -webkit-animation: ms-point-anim 1.5s infinite;
1613
+ -o-animation: ms-point-anim 1.5s infinite;
1614
+ }
1615
+
1616
+ .ms-skin-light-3 .ms-tooltip {
1617
+ max-width:200px;
1618
+ }
1619
+
1620
+ .ms-skin-light-3 .ms-tooltip-cont {
1621
+ padding: 10px;
1622
+ background: silver;
1623
+ background: rgba(240, 240, 240, 0.88);
1624
+ text-shadow: 0 1px 0px white;
1625
+ box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
1626
+ }
1627
+
1628
+ /* retina */
1629
+ @media
1630
+ only screen and (-webkit-min-device-pixel-ratio: 2),
1631
+ only screen and ( min--moz-device-pixel-ratio: 2),
1632
+ only screen and ( -o-min-device-pixel-ratio: 2/1),
1633
+ only screen and ( min-device-pixel-ratio: 2),
1634
+ only screen and ( min-resolution: 192dpi),
1635
+ only screen and ( min-resolution: 2dppx) {
1636
+
1637
+ .ms-skin-light-3 .ms-slide .ms-slide-vpbtn,
1638
+ .ms-skin-light-3 .ms-video-btn,
1639
+ .ms-skin-light-3 .ms-slide .ms-slide-vcbtn,
1640
+ .ms-skin-light-3 .ms-nav-next,
1641
+ .ms-skin-light-3 .ms-nav-prev,
1642
+ .ms-skin-light-3 .ms-bullet{
1643
+ background-image:url(skins/light-skin-3-retina.png);
1644
+ background-size: 152px 225px;
1645
+ }
1646
+
1647
+ }
1648
+
1649
+ /**
1650
+ * Master Slider
1651
+ * Light 4
1652
+ */
1653
+
1654
+ .ms-skin-light-4 .ms-slide .ms-slide-vpbtn,
1655
+ .ms-skin-light-4 .ms-video-btn{
1656
+ width: 54px;
1657
+ height: 54px;
1658
+ background: url(skins/light-skin-4.png) no-repeat -14px -150px;
1659
+ top: 50%;
1660
+ left: 50%;
1661
+ margin: -27px 0 0 -27px;
1662
+ }
1663
+
1664
+ .ms-skin-light-4 .ms-slide .ms-slide-vcbtn {
1665
+ width: 27px;
1666
+ height: 26px;
1667
+ background: url(skins/light-skin-4.png) no-repeat -24px -29px;
1668
+ top: 30px;
1669
+ right: 30px;
1670
+ }
1671
+
1672
+ /* controls */
1673
+
1674
+ .ms-skin-light-4 .ms-nav-next,
1675
+ .ms-skin-light-4 .ms-nav-prev {
1676
+ width: 54px;
1677
+ background: url(skins/light-skin-4.png);
1678
+ background-position: -77px -5px;
1679
+ height: 68px;
1680
+ cursor: pointer;
1681
+ top: 50%;
1682
+ left: -27px;
1683
+ margin-top: -40px;
1684
+ position: absolute;
1685
+ z-index: 110;
1686
+ }
1687
+ .ms-skin-light-4 .ms-nav-next {
1688
+ right: -27px;
1689
+ left: auto;
1690
+ background-position: -79px -83px;
1691
+ }
1692
+
1693
+ .ms-skin-light-4 .ms-thumb-frame-selected {
1694
+ opacity: 0.6;
1695
+ }
1696
+
1697
+ .ms-skin-light-4 .ms-thumb-list.ms-dir-h {
1698
+ bottom: -60px;
1699
+ width: 100%;
1700
+ height: 60px;
1701
+ }
1702
+
1703
+ .ms-skin-light-4 .ms-thumb-list.ms-dir-v {
1704
+ height: 100%;
1705
+ width: 60px;
1706
+ right: -60px;
1707
+ top: 0;
1708
+ }
1709
+
1710
+ .ms-skin-light-4 .ms-thumb-frame {
1711
+ cursor: pointer;
1712
+ float: left;
1713
+ width: 60px;
1714
+ height: 60px;
1715
+ margin: 1px 0 0 1px;
1716
+ overflow: hidden;
1717
+ }
1718
+
1719
+ .ms-skin-light-4 .ms-bullets.ms-dir-h {
1720
+ position: absolute;
1721
+ bottom: 20px;
1722
+ right: 50%;
1723
+ width: 100px;
1724
+ }
1725
+
1726
+ .ms-skin-light-4 .ms-bullets.ms-dir-h .ms-bullets-count {
1727
+ position: relative;
1728
+ right: -50%;
1729
+ }
1730
+
1731
+ .ms-skin-light-4 .ms-bullet {
1732
+ width: 9px;
1733
+ height: 9px;
1734
+ background: #b9b9b9;
1735
+ margin: 4px;
1736
+ border: solid 1px rgb(163, 163, 163);
1737
+ }
1738
+
1739
+ .ms-skin-light-4 .ms-bullet-selected {
1740
+ background-color: white;
1741
+ }
1742
+
1743
+ .ms-skin-light-4 .ms-tooltip{
1744
+ position: absolute;
1745
+ z-index: 210;
1746
+ cursor: auto;
1747
+ }
1748
+
1749
+ .ms-skin-light-4 .ms-tooltip-top .ms-tooltip-arrow,
1750
+ .ms-skin-light-4 .ms-tooltip-bottom .ms-tooltip-arrow{
1751
+ border-left: solid 10px transparent;
1752
+ border-right: solid 10px transparent;
1753
+ position: absolute;
1754
+ left: 50%;
1755
+ margin-left: -10px;
1756
+ }
1757
+
1758
+ .ms-skin-light-4 .ms-tooltip-top .ms-tooltip-arrow{
1759
+ border-top: solid 10px;
1760
+ border-top-color: silver;
1761
+ border-top-color: rgba(240, 240, 240, 0.88);
1762
+ bottom: -10px;
1763
+ }
1764
+
1765
+ .ms-skin-light-4 .ms-tooltip-bottom .ms-tooltip-arrow {
1766
+ border-bottom: solid 10px;
1767
+ border-bottom-color: silver;
1768
+ border-bottom-color: rgba(240, 240, 240, 0.88);
1769
+ top: -10px;
1770
+ }
1771
+
1772
+ .ms-skin-light-4 .ms-tooltip-right .ms-tooltip-arrow,
1773
+ .ms-skin-light-4 .ms-tooltip-left .ms-tooltip-arrow{
1774
+ border-top: solid 10px transparent;
1775
+ border-bottom: solid 10px transparent;
1776
+ position: absolute;
1777
+ top: 50%;
1778
+ margin-top: -10px;
1779
+ }
1780
+
1781
+ .ms-skin-light-4 .ms-tooltip-right .ms-tooltip-arrow{
1782
+ border-right: solid 10px;
1783
+ border-right-color: silver;
1784
+ border-right-color: rgba(240, 240, 240, 0.88);
1785
+ left: -10px;
1786
+ }
1787
+
1788
+ .ms-skin-light-4 .ms-tooltip-left .ms-tooltip-arrow {
1789
+ border-left: solid 10px;
1790
+ border-left-color: white;
1791
+ border-left-color: rgba(240, 240, 240, 0.88);
1792
+ right: -10px;
1793
+ }
1794
+
1795
+ .ms-skin-light-4 .ms-tooltip-point {cursor: pointer;}
1796
+ .ms-skin-light-4 .ms-tooltip-point .ms-point-center {
1797
+ width: 12px;
1798
+ height: 12px;
1799
+ border-radius: 15px;
1800
+ border: solid 2px #E0E0E0;
1801
+ background: #4b8aac;
1802
+ margin: -8px 0 0 -8px;
1803
+ position: absolute;
1804
+ z-index: 105;
1805
+ }
1806
+
1807
+ .ms-skin-light-4 .ms-tooltip-point .ms-point-border {
1808
+ width: 22px;
1809
+ height: 22px;
1810
+ background: white;
1811
+ margin: -11px 0 0 -11px;
1812
+ position: absolute;
1813
+ border-radius: 15px;
1814
+
1815
+ animation: ms-point-anim 1.5s infinite ;
1816
+ -moz-animation: ms-point-anim 1.5s infinite;
1817
+ -webkit-animation: ms-point-anim 1.5s infinite;
1818
+ -o-animation: ms-point-anim 1.5s infinite;
1819
+ }
1820
+
1821
+
1822
+ .ms-skin-light-4 .ms-tooltip {
1823
+ max-width:200px;
1824
+ }
1825
+
1826
+ .ms-skin-light-4 .ms-tooltip-cont {
1827
+ padding: 10px;
1828
+ background: silver;
1829
+ background: rgba(240, 240, 240, 0.88);
1830
+ text-shadow: 0 1px 0px white;
1831
+ box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
1832
+ }
1833
+
1834
+ /* retina */
1835
+ @media
1836
+ only screen and (-webkit-min-device-pixel-ratio: 2),
1837
+ only screen and ( min--moz-device-pixel-ratio: 2),
1838
+ only screen and ( -o-min-device-pixel-ratio: 2/1),
1839
+ only screen and ( min-device-pixel-ratio: 2),
1840
+ only screen and ( min-resolution: 192dpi),
1841
+ only screen and ( min-resolution: 2dppx) {
1842
+
1843
+ .ms-skin-light-4 .ms-slide .ms-slide-vpbtn,
1844
+ .ms-skin-light-4 .ms-video-btn,
1845
+ .ms-skin-light-4 .ms-slide .ms-slide-vcbtn,
1846
+ .ms-skin-light-4 .ms-nav-next,
1847
+ .ms-skin-light-4 .ms-nav-prev{
1848
+ background-image:url(skins/light-skin-4-retina.png);
1849
+ background-size: 152px 225px;
1850
+ }
1851
+
1852
+ }
1853
+
1854
+ /**
1855
+ * Master Slider
1856
+ * Light 5
1857
+ */
1858
+
1859
+ .ms-skin-light-5 .ms-slide .ms-slide-vpbtn,
1860
+ .ms-skin-light-5 .ms-video-btn{
1861
+ width: 32px;
1862
+ height: 32px;
1863
+ background: url(skins/light-skin-5.png) black no-repeat -24px -160px;
1864
+ top: 50%;
1865
+ left: 50%;
1866
+ margin: -18px 0 0 -18px;
1867
+ }
1868
+
1869
+ .ms-skin-light-5 .ms-slide .ms-slide-vpbtn:hover,
1870
+ .ms-skin-light-5 .ms-video-btn:hover{
1871
+ background-color:#646464;
1872
+ }
1873
+
1874
+ .ms-skin-light-5 .ms-slide .ms-slide-vcbtn {
1875
+ width: 30px;
1876
+ height: 30px;
1877
+ background: url(skins/light-skin-5.png) white no-repeat -24px -28px;
1878
+ top: 18px;
1879
+ right: 30px;
1880
+ }
1881
+
1882
+ /* controls */
1883
+
1884
+ .ms-skin-light-5 .ms-nav-next,
1885
+ .ms-skin-light-5 .ms-nav-prev {
1886
+ width: 32px;
1887
+ background: url(skins/light-skin-5.png) white;
1888
+ background-position: -94px -32px;
1889
+ height: 32px;
1890
+ cursor: pointer;
1891
+ bottom: 40px;
1892
+ left: 40px;
1893
+ margin-top: -20px;
1894
+ position: absolute;
1895
+ z-index: 110;
1896
+ }
1897
+
1898
+ .ms-skin-light-5 .ms-nav-next:hover,
1899
+ .ms-skin-light-5 .ms-nav-prev:hover{
1900
+ background-color:#E0E0E0;
1901
+ }
1902
+
1903
+ .ms-skin-light-5 .ms-nav-next {
1904
+ left: 73px;
1905
+ background-position: -93px -110px;
1906
+ }
1907
+
1908
+ .ms-skin-light-5 .ms-bullets.ms-dir-h {
1909
+ position: absolute;
1910
+ bottom: 20px;
1911
+ right: 50%;
1912
+ width: 100px;
1913
+ }
1914
+
1915
+ .ms-skin-light-5 .ms-bullets.ms-dir-h .ms-bullets-count {
1916
+ position: relative;
1917
+ right: -50%;
1918
+ }
1919
+
1920
+ .ms-skin-light-5 .ms-bullet {
1921
+ width: 10px;
1922
+ height: 10px;
1923
+ background: url(skins/light-skin-5.png) no-repeat;
1924
+ margin: 4px;
1925
+ background-position: -34px -117px;
1926
+ }
1927
+
1928
+ .ms-skin-light-5 .ms-bullet-selected {
1929
+ background-position: -34px -84px;
1930
+ }
1931
+
1932
+ .ms-skin-light-5 .ms-tooltip{
1933
+ position: absolute;
1934
+ z-index: 210;
1935
+ cursor: auto;
1936
+ }
1937
+
1938
+ .ms-skin-light-5 .ms-tooltip-top .ms-tooltip-arrow,
1939
+ .ms-skin-light-5 .ms-tooltip-bottom .ms-tooltip-arrow{
1940
+ border-left: solid 10px transparent;
1941
+ border-right: solid 10px transparent;
1942
+ position: absolute;
1943
+ left: 50%;
1944
+ margin-left: -10px;
1945
+ }
1946
+
1947
+ .ms-skin-light-5 .ms-tooltip-top .ms-tooltip-arrow{
1948
+ border-top: solid 10px;
1949
+ border-top-color: silver;
1950
+ border-top-color: rgba(240, 240, 240, 0.88);
1951
+ bottom: -10px;
1952
+ }
1953
+
1954
+ .ms-skin-light-5 .ms-tooltip-bottom .ms-tooltip-arrow {
1955
+ border-bottom: solid 10px;
1956
+ border-bottom-color: silver;
1957
+ border-bottom-color: rgba(240, 240, 240, 0.88);
1958
+ top: -10px;
1959
+ }
1960
+
1961
+ .ms-skin-light-5 .ms-tooltip-right .ms-tooltip-arrow,
1962
+ .ms-skin-light-5 .ms-tooltip-left .ms-tooltip-arrow{
1963
+ border-top: solid 10px transparent;
1964
+ border-bottom: solid 10px transparent;
1965
+ position: absolute;
1966
+ top: 50%;
1967
+ margin-top: -10px;
1968
+ }
1969
+
1970
+ .ms-skin-light-5 .ms-tooltip-right .ms-tooltip-arrow{
1971
+ border-right: solid 10px;
1972
+ border-right-color: silver;
1973
+ border-right-color: rgba(240, 240, 240, 0.88);
1974
+ left: -10px;
1975
+ }
1976
+
1977
+ .ms-skin-light-5 .ms-tooltip-left .ms-tooltip-arrow {
1978
+ border-left: solid 10px;
1979
+ border-left-color: silver;
1980
+ border-left-color: rgba(240, 240, 240, 0.88);
1981
+ right: -10px;
1982
+ }
1983
+
1984
+ .ms-skin-light-5 .ms-tooltip-point {cursor: pointer;}
1985
+ .ms-skin-light-5 .ms-tooltip-point .ms-point-center {
1986
+ width: 12px;
1987
+ height: 12px;
1988
+ border-radius: 15px;
1989
+ border: solid 2px #BBB;
1990
+ background: white;
1991
+ margin: -8px 0 0 -8px;
1992
+ position: absolute;
1993
+ z-index: 105;
1994
+ }
1995
+
1996
+ .ms-skin-light-5 .ms-tooltip-point .ms-point-border {
1997
+ width: 22px;
1998
+ height: 22px;
1999
+ background: black;
2000
+ background:rgba(0, 0, 0, 0.36);
2001
+ margin: -11px 0 0 -11px;
2002
+ position: absolute;
2003
+ border-radius: 15px;
2004
+
2005
+ animation: ms-point-anim 1.5s infinite ;
2006
+ -moz-animation: ms-point-anim 1.5s infinite;
2007
+ -webkit-animation: ms-point-anim 1.5s infinite;
2008
+ -o-animation: ms-point-anim 1.5s infinite;
2009
+ }
2010
+
2011
+ /* In Android browser, using css animations over slider causes some crashes */
2012
+ .ms-android.ms-skin-light-5 .ms-tooltip-point .ms-point-border{
2013
+ animation:none;
2014
+ -moz-animation:none;
2015
+ -webkit-animation:none;
2016
+ -o-animation:none;
2017
+ }
2018
+
2019
+ .ms-ie7.ms-skin-light-5 .ms-tooltip-point .ms-point-border,
2020
+ .ms-ie8.ms-skin-light-5 .ms-tooltip-point .ms-point-border{
2021
+ display: none;
2022
+ }
2023
+
2024
+ .ms-skin-light-5 .ms-tooltip {
2025
+ max-width:200px;
2026
+ }
2027
+
2028
+ .ms-skin-light-5 .ms-tooltip-cont {
2029
+ padding: 10px;
2030
+ background: silver;
2031
+ background: rgba(240, 240, 240, 0.88);
2032
+ text-shadow: 0 1px 0px white;
2033
+ box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
2034
+ }
2035
+
2036
+ /* retina */
2037
+ @media
2038
+ only screen and (-webkit-min-device-pixel-ratio: 2),
2039
+ only screen and ( min--moz-device-pixel-ratio: 2),
2040
+ only screen and ( -o-min-device-pixel-ratio: 2/1),
2041
+ only screen and ( min-device-pixel-ratio: 2),
2042
+ only screen and ( min-resolution: 192dpi),
2043
+ only screen and ( min-resolution: 2dppx) {
2044
+
2045
+ .ms-skin-light-5 .ms-slide .ms-slide-vpbtn,
2046
+ .ms-skin-light-5 .ms-video-btn,
2047
+ .ms-skin-light-5 .ms-slide .ms-slide-vcbtn,
2048
+ .ms-skin-light-5 .ms-nav-next,
2049
+ .ms-skin-light-5 .ms-nav-prev{
2050
+ background-image:url(skins/light-skin-5-retina.png);
2051
+ background-size: 152px 225px;
2052
+ }
2053
+
2054
+ }
2055
+
2056
+ /**
2057
+ * Master Slider
2058
+ * Light-6 Skin
2059
+ */
2060
+
2061
+ .ms-skin-light-6 .ms-slide .ms-slide-vpbtn,
2062
+ .ms-skin-light-6 .ms-video-btn{
2063
+ width: 45px;
2064
+ height: 45px;
2065
+ background: url(skins/light-skin-6.png) white no-repeat -16px -103px;
2066
+ border: solid 3px rgb(112, 112, 112); border-color: rgba(0, 0, 0, 0.27);
2067
+ -webkit-background-clip: padding-box;
2068
+ top: 50%;
2069
+ left: 50%;
2070
+ margin: -23px 0 0 -23px;
2071
+ }
2072
+
2073
+ .ms-skin-light-6 .ms-slide .ms-slide-vpbtn:hover,
2074
+ .ms-skin-light-6 .ms-video-btn:hover{
2075
+ background-color:#E0E0E0;
2076
+ }
2077
+
2078
+ .ms-skin-light-6 .ms-slide .ms-slide-vcbtn {
2079
+ width: 25px;
2080
+ height: 25px;
2081
+ background: url(skins/light-skin-6.png) white no-repeat -27px -36px;
2082
+ top: 15px;
2083
+ right: 15px;
2084
+ }
2085
+
2086
+ .ms-skin-light-6.round-skin .ms-slide .ms-slide-vcbtn{
2087
+ border-radius: 30px;
2088
+ }
2089
+
2090
+
2091
+ /* controls */
2092
+
2093
+ .ms-skin-light-6 .ms-nav-next,
2094
+ .ms-skin-light-6 .ms-nav-prev {
2095
+ position: absolute;
2096
+ cursor: pointer;
2097
+ z-index: 110;
2098
+ width: 45px;
2099
+ height: 45px;
2100
+ background: url(skins/light-skin-6.png) white;
2101
+ background-clip: padding-box;
2102
+ background-position: -88px -26px;
2103
+ border: solid 3px rgb(112, 112, 112);
2104
+ border-color: rgba(0, 0, 0, 0.27);
2105
+ top: 50%;
2106
+ left: 30px;
2107
+ margin-top: -22px;
2108
+ }
2109
+
2110
+ .ms-skin-light-6.round-skin .ms-nav-next,
2111
+ .ms-skin-light-6.round-skin .ms-nav-prev,
2112
+ .ms-skin-light-6.round-skin .ms-slide .ms-slide-vpbtn,
2113
+ .ms-skin-light-6.round-skin .ms-video-btn{
2114
+ border-radius: 90px;
2115
+ }
2116
+
2117
+ .ms-skin-light-6 .ms-nav-next:hover,
2118
+ .ms-skin-light-6 .ms-nav-prev:hover{
2119
+ background-color:#E0E0E0;
2120
+ }
2121
+
2122
+ .ms-skin-light-6 .ms-nav-next {
2123
+ right: 30px;
2124
+ left: auto;
2125
+ background-position: -86px -103px;
2126
+ }
2127
+
2128
+
2129
+ .ms-skin-light-6 .ms-bullets.ms-dir-h {
2130
+ position: absolute;
2131
+ bottom: 20px;
2132
+ right: 50%;
2133
+ width: 100px;
2134
+ }
2135
+
2136
+ .ms-skin-light-6 .ms-bullets.ms-dir-h .ms-bullets-count {
2137
+ position: relative;
2138
+ right: -50%;
2139
+ }
2140
+
2141
+ .ms-skin-light-6 .ms-bullet {
2142
+ width: 8px;
2143
+ height: 8px;
2144
+ background: black;
2145
+ -webkit-background-clip: padding-box;
2146
+ border: solid 3px white;
2147
+ border-color: rgba(255, 255, 255, 0.44);
2148
+ margin: 4px;
2149
+ background-position: -34px -117px;
2150
+ }
2151
+
2152
+ .ms-skin-light-6.round-skin .ms-bullet{
2153
+ border-radius: 15px;
2154
+ }
2155
+
2156
+ .ms-skin-light-6 .ms-bullet-selected {
2157
+ background-color: white;
2158
+ border-color: black;
2159
+ border-color: rgba(0, 0, 0, 0.44);
2160
+ }
2161
+
2162
+ .ms-skin-light-6 .ms-tooltip{
2163
+ position: absolute;
2164
+ z-index: 210;
2165
+ cursor: auto;
2166
+ }
2167
+
2168
+ .ms-skin-light-6 .ms-tooltip-top .ms-tooltip-arrow,
2169
+ .ms-skin-light-6 .ms-tooltip-bottom .ms-tooltip-arrow{
2170
+ border-left: solid 10px transparent;
2171
+ border-right: solid 10px transparent;
2172
+ position: absolute;
2173
+ left: 50%;
2174
+ margin-left: -10px;
2175
+ }
2176
+
2177
+ .ms-skin-light-6 .ms-tooltip-top .ms-tooltip-arrow{
2178
+ border-top: solid 10px;
2179
+ border-top-color: silver;
2180
+ border-top-color: rgba(240, 240, 240, 0.88);
2181
+ bottom: -10px;
2182
+ }
2183
+
2184
+ .ms-skin-light-6 .ms-tooltip-bottom .ms-tooltip-arrow {
2185
+ border-bottom: solid 10px;
2186
+ border-bottom-color: silver;
2187
+ border-bottom-color: rgba(240, 240, 240, 0.88);
2188
+ top: -10px;
2189
+ }
2190
+
2191
+ .ms-skin-light-6 .ms-tooltip-right .ms-tooltip-arrow,
2192
+ .ms-skin-light-6 .ms-tooltip-left .ms-tooltip-arrow{
2193
+ border-top: solid 10px transparent;
2194
+ border-bottom: solid 10px transparent;
2195
+ position: absolute;
2196
+ top: 50%;
2197
+ margin-top: -10px;
2198
+ }
2199
+
2200
+ .ms-skin-light-6 .ms-tooltip-right .ms-tooltip-arrow{
2201
+ border-right: solid 10px;
2202
+ border-right-color: silver;
2203
+ border-right-color: rgba(240, 240, 240, 0.88);
2204
+ left: -10px;
2205
+ }
2206
+
2207
+ .ms-skin-light-6 .ms-tooltip-left .ms-tooltip-arrow {
2208
+ border-left: solid 10px;
2209
+ border-left-color: silver;
2210
+ border-left-color: rgba(240, 240, 240, 0.88);
2211
+ right: -10px;
2212
+ }
2213
+
2214
+ .ms-skin-light-6 .ms-tooltip-point {cursor: pointer;}
2215
+ .ms-skin-light-6 .ms-tooltip-point .ms-point-center {
2216
+ width: 12px;
2217
+ height: 12px;
2218
+ border-radius: 15px;
2219
+ border: solid 2px #BBB;
2220
+ background: white;
2221
+ margin: -8px 0 0 -8px;
2222
+ position: absolute;
2223
+ z-index: 105;
2224
+ }
2225
+
2226
+ .ms-skin-light-6 .ms-tooltip-point .ms-point-border {
2227
+ width: 22px;
2228
+ height: 22px;
2229
+ background: black;
2230
+ background:rgba(0, 0, 0, 0.36);
2231
+ margin: -11px 0 0 -11px;
2232
+ position: absolute;
2233
+ border-radius: 15px;
2234
+
2235
+ animation: ms-point-anim 1.5s infinite ;
2236
+ -moz-animation: ms-point-anim 1.5s infinite;
2237
+ -webkit-animation: ms-point-anim 1.5s infinite;
2238
+ -o-animation: ms-point-anim 1.5s infinite;
2239
+ }
2240
+
2241
+ .ms-ie7.ms-skin-light-6 .ms-tooltip-point .ms-point-border,
2242
+ .ms-ie8.ms-skin-light-6 .ms-tooltip-point .ms-point-border{
2243
+ display: none;
2244
+ }
2245
+
2246
+ .ms-skin-light-6 .ms-tooltip {
2247
+ max-width:200px;
2248
+ }
2249
+
2250
+ .ms-skin-light-6 .ms-tooltip-cont {
2251
+ padding: 10px;
2252
+ background: silver;
2253
+ background: rgba(240, 240, 240, 0.88);
2254
+ text-shadow: 0 1px 0px white;
2255
+ box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
2256
+ }
2257
+
2258
+ /* retina */
2259
+ @media
2260
+ only screen and (-webkit-min-device-pixel-ratio: 2),
2261
+ only screen and ( min--moz-device-pixel-ratio: 2),
2262
+ only screen and ( -o-min-device-pixel-ratio: 2/1),
2263
+ only screen and ( min-device-pixel-ratio: 2),
2264
+ only screen and ( min-resolution: 192dpi),
2265
+ only screen and ( min-resolution: 2dppx) {
2266
+
2267
+ .ms-skin-light-6 .ms-slide .ms-slide-vpbtn,
2268
+ .ms-skin-light-6 .ms-video-btn,
2269
+ .ms-skin-light-6 .ms-slide .ms-slide-vcbtn,
2270
+ .ms-skin-light-6 .ms-nav-next,
2271
+ .ms-skin-light-6 .ms-nav-prev{
2272
+ background-image:url(skins/light-skin-6-retina.png);
2273
+ background-size: 152px 225px;
2274
+ }
2275
+
2276
+ }
2277
+
2278
+ /**
2279
+ * Master Slider
2280
+ * Metro Skin
2281
+ */
2282
+
2283
+ .ms-skin-metro .ms-slide .ms-slide-vpbtn,
2284
+ .ms-skin-metro .ms-video-btn{
2285
+ width: 47px;
2286
+ height: 46px;
2287
+ background: url(skins/metro-skin.png) no-repeat -16px -152px;
2288
+ top: 50%;
2289
+ left: 50%;
2290
+ margin: -22px 0 0 -24px;
2291
+ }
2292
+
2293
+ .ms-skin-metro .ms-slide .ms-slide-vcbtn {
2294
+ width: 47px;
2295
+ height: 47px;
2296
+ background: url(skins/metro-skin.png) no-repeat -16px -19px;
2297
+ top: 15px;
2298
+ right: 15px;
2299
+ }
2300
+
2301
+ /* controls */
2302
+
2303
+ .ms-skin-metro .ms-nav-next,
2304
+ .ms-skin-metro .ms-nav-prev {
2305
+ width: 47px;
2306
+ background: url(skins/metro-skin.png);
2307
+ background-position: -83px -23px;
2308
+ height: 47px;
2309
+ cursor: pointer;
2310
+ top: 50%;
2311
+ left: 30px;
2312
+ margin-top: -24px;
2313
+ position: absolute;
2314
+ z-index: 110;
2315
+ }
2316
+ .ms-skin-metro .ms-nav-next {
2317
+ right: 30px;
2318
+ left: auto;
2319
+ background-position: -81px -100px;
2320
+ }
2321
+
2322
+ .ms-skin-metro .ms-bullets.ms-dir-h {
2323
+ position: absolute;
2324
+ bottom: 20px;
2325
+ right: 50%;
2326
+ width: 100px;
2327
+ }
2328
+
2329
+ .ms-skin-metro .ms-bullets.ms-dir-h .ms-bullets-count {
2330
+ position: relative;
2331
+ right: -50%;
2332
+ }
2333
+
2334
+ .ms-skin-metro .ms-bullet {
2335
+ width: 16px;
2336
+ height: 16px;
2337
+ background: url(skins/metro-skin.png) no-repeat;
2338
+ background-position: -31px -114px;
2339
+ margin: 4px;
2340
+ }
2341
+
2342
+ .ms-skin-metro .ms-bullet-selected {
2343
+ background-position: -31px -81px;
2344
+ }
2345
+
2346
+ .ms-skin-metro .ms-tooltip{
2347
+ position: absolute;
2348
+ z-index: 210;
2349
+ cursor: auto;
2350
+ }
2351
+
2352
+ .ms-skin-metro .ms-tooltip-top .ms-tooltip-arrow,
2353
+ .ms-skin-metro .ms-tooltip-bottom .ms-tooltip-arrow{
2354
+ border-left: solid 10px transparent;
2355
+ border-right: solid 10px transparent;
2356
+ position: absolute;
2357
+ left: 50%;
2358
+ margin-left: -10px;
2359
+ }
2360
+
2361
+ .ms-skin-metro .ms-tooltip-top .ms-tooltip-arrow{
2362
+ border-top: solid 10px;
2363
+ border-top-color: silver;
2364
+ border-top-color: rgba(240, 240, 240, 0.88);
2365
+ bottom: -10px;
2366
+ }
2367
+
2368
+ .ms-skin-metro .ms-tooltip-bottom .ms-tooltip-arrow {
2369
+ border-bottom: solid 10px;
2370
+ border-bottom-color: silver;
2371
+ border-bottom-color: rgba(240, 240, 240, 0.88);
2372
+ top: -10px;
2373
+ }
2374
+
2375
+ .ms-skin-metro .ms-tooltip-right .ms-tooltip-arrow,
2376
+ .ms-skin-metro .ms-tooltip-left .ms-tooltip-arrow{
2377
+ border-top: solid 10px transparent;
2378
+ border-bottom: solid 10px transparent;
2379
+ position: absolute;
2380
+ top: 50%;
2381
+ margin-top: -10px;
2382
+ }
2383
+
2384
+ .ms-skin-metro .ms-tooltip-right .ms-tooltip-arrow{
2385
+ border-right: solid 10px;
2386
+ border-right-color: silver;
2387
+ border-right-color: rgba(240, 240, 240, 0.88);
2388
+ left: -10px;
2389
+ }
2390
+
2391
+ .ms-skin-metro .ms-tooltip-left .ms-tooltip-arrow {
2392
+ border-left: solid 10px;
2393
+ border-left-color: silver;
2394
+ border-left-color: rgba(240, 240, 240, 0.88);
2395
+ right: -10px;
2396
+ }
2397
+
2398
+ .ms-skin-metro .ms-tooltip-point {cursor: pointer;}
2399
+ .ms-skin-metro .ms-tooltip-point .ms-point-center {
2400
+ width: 12px;
2401
+ height: 12px;
2402
+ border-radius: 15px;
2403
+ border: solid 2px #BBB;
2404
+ background: white;
2405
+ margin: -8px 0 0 -8px;
2406
+ position: absolute;
2407
+ z-index: 105;
2408
+ }
2409
+
2410
+ .ms-skin-metro .ms-tooltip-point .ms-point-border {
2411
+ width: 22px;
2412
+ height: 22px;
2413
+ background: black;
2414
+ background:rgba(0, 0, 0, 0.36);
2415
+ margin: -11px 0 0 -11px;
2416
+ position: absolute;
2417
+ border-radius: 15px;
2418
+
2419
+ animation: ms-point-anim 1.5s infinite ;
2420
+ -moz-animation: ms-point-anim 1.5s infinite;
2421
+ -webkit-animation: ms-point-anim 1.5s infinite;
2422
+ -o-animation: ms-point-anim 1.5s infinite;
2423
+ }
2424
+
2425
+ .ms-skin-metro .ms-tooltip {
2426
+ max-width:200px;
2427
+ }
2428
+
2429
+ .ms-skin-metro .ms-tooltip-cont {
2430
+ padding: 10px;
2431
+ background: silver;
2432
+ background: rgba(240, 240, 240, 0.88);
2433
+ text-shadow: 0 1px 0px white;
2434
+ box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
2435
+ }
2436
+
2437
+ /* retina */
2438
+ @media
2439
+ only screen and (-webkit-min-device-pixel-ratio: 2),
2440
+ only screen and ( min--moz-device-pixel-ratio: 2),
2441
+ only screen and ( -o-min-device-pixel-ratio: 2/1),
2442
+ only screen and ( min-device-pixel-ratio: 2),
2443
+ only screen and ( min-resolution: 192dpi),
2444
+ only screen and ( min-resolution: 2dppx) {
2445
+
2446
+ .ms-skin-metro .ms-slide .ms-slide-vpbtn,
2447
+ .ms-skin-metro .ms-video-btn,
2448
+ .ms-skin-metro .ms-slide .ms-slide-vcbtn,
2449
+ .ms-skin-metro .ms-nav-next,
2450
+ .ms-skin-metro .ms-nav-prev,
2451
+ .ms-skin-metro .ms-bullet{
2452
+ background-image:url(skins/metro-skin-retina.png);
2453
+ background-size: 152px 225px;
2454
+ }
2455
+
2456
+ }
2457
+
2458
+ /**
2459
+ * Master Slider
2460
+ * Contrast
2461
+ */
2462
+
2463
+ .ms-skin-contrast .ms-slide .ms-slide-vpbtn,
2464
+ .ms-skin-contrast .ms-video-btn{
2465
+ width: 60px;
2466
+ height: 60px;
2467
+ background: url(skins/contrast-skin.png) no-repeat -10px -144px;
2468
+ top: 50%;
2469
+ left: 50%;
2470
+ margin: -30px 0 0 -30px;
2471
+ }
2472
+
2473
+ .ms-skin-contrast .ms-slide .ms-slide-vcbtn {
2474
+ width: 24px;
2475
+ height: 24px;
2476
+ background: url(skins/contrast-skin.png) no-repeat -27px -30px;
2477
+ top: 30px;
2478
+ right: 30px;
2479
+ }
2480
+
2481
+ /* controls */
2482
+
2483
+ .ms-skin-contrast .ms-nav-next,
2484
+ .ms-skin-contrast .ms-nav-prev {
2485
+ width: 60px;
2486
+ background: url(skins/contrast-skin.png);
2487
+ background-position: -76px -17px;
2488
+ height: 60px;
2489
+ cursor: pointer;
2490
+ top: 50%;
2491
+ left: 30px;
2492
+ margin-top: -30px;
2493
+ position: absolute;
2494
+ z-index: 110;
2495
+ }
2496
+ .ms-skin-contrast .ms-nav-next {
2497
+ right: 30px;
2498
+ left: auto;
2499
+ background-position: -77px -91px;
2500
+ }
2501
+
2502
+ .ms-skin-contrast .ms-bullets.ms-dir-h {
2503
+ position: absolute;
2504
+ bottom: 20px;
2505
+ right: 50%;
2506
+ width: 100px;
2507
+ }
2508
+
2509
+ .ms-skin-contrast .ms-bullets.ms-dir-h .ms-bullets-count {
2510
+ position: relative;
2511
+ right: -50%;
2512
+ }
2513
+
2514
+ .ms-skin-contrast .ms-bullet {
2515
+ width: 16px;
2516
+ height: 16px;
2517
+ background: url(skins/contrast-skin.png) no-repeat;
2518
+ background-position: -31px -114px;
2519
+ margin: 4px;
2520
+ }
2521
+
2522
+ .ms-skin-contrast .ms-bullet-selected {
2523
+ background-position: -31px -81px;
2524
+ }
2525
+
2526
+ .ms-skin-contrast .ms-tooltip{
2527
+ position: absolute;
2528
+ z-index: 210;
2529
+ cursor: auto;
2530
+ }
2531
+
2532
+ .ms-skin-contrast .ms-tooltip-top .ms-tooltip-arrow,
2533
+ .ms-skin-contrast .ms-tooltip-bottom .ms-tooltip-arrow{
2534
+ border-left: solid 10px transparent;
2535
+ border-right: solid 10px transparent;
2536
+ position: absolute;
2537
+ left: 50%;
2538
+ margin-left: -10px;
2539
+ }
2540
+
2541
+ .ms-skin-contrast .ms-tooltip-top .ms-tooltip-arrow{
2542
+ border-top: solid 10px;
2543
+ border-top-color: #fc3116;
2544
+ border-top-color: rgba(252, 49, 22, 0.8);
2545
+ bottom: -10px;
2546
+ }
2547
+
2548
+ .ms-skin-contrast .ms-tooltip-bottom .ms-tooltip-arrow {
2549
+ border-bottom: solid 10px;
2550
+ border-bottom-color: #fc3116;
2551
+ border-bottom-color: rgba(252, 49, 22, 0.8);
2552
+ top: -10px;
2553
+ }
2554
+
2555
+ .ms-skin-contrast .ms-tooltip-right .ms-tooltip-arrow,
2556
+ .ms-skin-contrast .ms-tooltip-left .ms-tooltip-arrow{
2557
+ border-top: solid 10px transparent;
2558
+ border-bottom: solid 10px transparent;
2559
+ position: absolute;
2560
+ top: 50%;
2561
+ margin-top: -10px;
2562
+ }
2563
+
2564
+ .ms-skin-contrast .ms-tooltip-right .ms-tooltip-arrow{
2565
+ border-right: solid 10px;
2566
+ border-right-color: #fc3116;
2567
+ border-right-color: rgba(252, 49, 22, 0.8);
2568
+ left: -10px;
2569
+ }
2570
+
2571
+ .ms-skin-contrast .ms-tooltip-left .ms-tooltip-arrow {
2572
+ border-left: solid 10px;
2573
+ border-left-color: #fc3116;
2574
+ border-left-color: rgba(252, 49, 22, 0.8);
2575
+ right: -10px;
2576
+ }
2577
+
2578
+ .ms-skin-contrast .ms-tooltip-point {cursor: pointer;}
2579
+ .ms-skin-contrast .ms-tooltip-point .ms-point-center {
2580
+ width: 12px;
2581
+ height: 12px;
2582
+ border-radius: 15px;
2583
+ border: solid 2px #636363;
2584
+ background: black;
2585
+ margin: -8px 0 0 -8px;
2586
+ position: absolute;
2587
+ z-index: 105;
2588
+ }
2589
+
2590
+ .ms-skin-contrast .ms-tooltip-point .ms-point-border {
2591
+ width: 22px;
2592
+ height: 22px;
2593
+ background: white;
2594
+ background: rgba(255, 255, 255, 0.99);
2595
+ margin: -11px 0 0 -11px;
2596
+ position: absolute;
2597
+ border-radius: 15px;
2598
+
2599
+ animation: ms-point-anim 1.5s infinite ;
2600
+ -moz-animation: ms-point-anim 1.5s infinite;
2601
+ -webkit-animation: ms-point-anim 1.5s infinite;
2602
+ -o-animation: ms-point-anim 1.5s infinite;
2603
+ }
2604
+
2605
+ .ms-skin-contrast .ms-tooltip {
2606
+ max-width:200px;
2607
+ }
2608
+
2609
+ .ms-skin-contrast .ms-tooltip-cont {
2610
+ padding: 10px;
2611
+ background: #fc3116;
2612
+ background: rgba(252, 49, 22, 0.8);
2613
+ text-shadow: 0 1px 0px rgba(0, 0, 0, 0.4);
2614
+ color: white;
2615
+ box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
2616
+ }
2617
+
2618
+ /* retina */
2619
+ @media
2620
+ only screen and (-webkit-min-device-pixel-ratio: 2),
2621
+ only screen and ( min--moz-device-pixel-ratio: 2),
2622
+ only screen and ( -o-min-device-pixel-ratio: 2/1),
2623
+ only screen and ( min-device-pixel-ratio: 2),
2624
+ only screen and ( min-resolution: 192dpi),
2625
+ only screen and ( min-resolution: 2dppx) {
2626
+
2627
+ .ms-skin-contrast .ms-slide .ms-slide-vpbtn,
2628
+ .ms-skin-contrast .ms-video-btn,
2629
+ .ms-skin-contrast .ms-slide .ms-slide-vcbtn,
2630
+ .ms-skin-contrast .ms-nav-next,
2631
+ .ms-skin-contrast .ms-nav-prev,
2632
+ .ms-skin-contrast .ms-bullet{
2633
+ background-image:url(skins/contrast-skin-retina.png);
2634
+ background-size: 152px 225px;
2635
+ }
2636
+
2637
+ }