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