/wp-content/plugins/gallery-by-supsystic/app/assets/css/introjs.min.css

https://gitlab.com/vovanduc/dainghia · CSS · 257 lines · 230 code · 27 blank · 0 comment · 0 complexity · 4e1dae5bc193da4f08dc1b9a7b5ff5d6 MD5 · raw file

  1. .introjs-overlay {
  2. position: absolute;
  3. z-index: 999999;
  4. background-color: #000;
  5. opacity: 0;
  6. background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  7. background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0.9)));
  8. background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  9. background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  10. background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  11. background: radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  12. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#e6000000', GradientType=1);
  13. -ms-filter: "alpha(opacity=50)";
  14. filter: alpha(opacity=50);
  15. -webkit-transition: all .3s ease-out;
  16. -moz-transition: all .3s ease-out;
  17. -ms-transition: all .3s ease-out;
  18. -o-transition: all .3s ease-out;
  19. transition: all .3s ease-out
  20. }
  21. .introjs-fixParent {
  22. z-index: auto !important;
  23. opacity: 1.0 !important
  24. }
  25. .introjs-showElement {
  26. z-index: 9999999 !important
  27. }
  28. .introjs-relativePosition {
  29. position: relative
  30. }
  31. .introjs-helperLayer {
  32. position: absolute;
  33. z-index: 9999998;
  34. background-color: #FFF;
  35. background-color: rgba(255, 255, 255, .9);
  36. border: 1px solid #777;
  37. border: 1px solid rgba(0, 0, 0, .5);
  38. border-radius: 4px;
  39. box-shadow: 0 2px 15px rgba(0, 0, 0, .4);
  40. -webkit-transition: all .3s ease-out;
  41. -moz-transition: all .3s ease-out;
  42. -ms-transition: all .3s ease-out;
  43. -o-transition: all .3s ease-out;
  44. transition: all .3s ease-out
  45. }
  46. .introjs-helperNumberLayer {
  47. position: absolute;
  48. top: -16px;
  49. left: -16px;
  50. z-index: 9999999999 !important;
  51. padding: 2px;
  52. font-family: Arial, verdana, tahoma;
  53. font-size: 13px;
  54. font-weight: bold;
  55. color: white;
  56. text-align: center;
  57. text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
  58. background: #ff3019;
  59. background: -webkit-linear-gradient(top, #ff3019 0, #cf0404 100%);
  60. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404));
  61. background: -moz-linear-gradient(top, #ff3019 0, #cf0404 100%);
  62. background: -ms-linear-gradient(top, #ff3019 0, #cf0404 100%);
  63. background: -o-linear-gradient(top, #ff3019 0, #cf0404 100%);
  64. background: linear-gradient(to bottom, #ff3019 0, #cf0404 100%);
  65. width: 20px;
  66. height: 20px;
  67. line-height: 20px;
  68. border: 3px solid white;
  69. border-radius: 50%;
  70. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0);
  71. filter: progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000);
  72. box-shadow: 0 2px 5px rgba(0, 0, 0, .4)
  73. }
  74. .introjs-arrow {
  75. border: 5px solid white;
  76. content: '';
  77. position: absolute
  78. }
  79. .introjs-arrow.top {
  80. top: -10px;
  81. border-top-color: transparent;
  82. border-right-color: transparent;
  83. border-bottom-color: white;
  84. border-left-color: transparent
  85. }
  86. .introjs-arrow.right {
  87. right: -10px;
  88. top: 10px;
  89. border-top-color: transparent;
  90. border-right-color: transparent;
  91. border-bottom-color: transparent;
  92. border-left-color: white
  93. }
  94. .introjs-arrow.bottom {
  95. bottom: -10px;
  96. border-top-color: white;
  97. border-right-color: transparent;
  98. border-bottom-color: transparent;
  99. border-left-color: transparent
  100. }
  101. .introjs-arrow.left {
  102. left: -10px;
  103. top: 10px;
  104. border-top-color: transparent;
  105. border-right-color: white;
  106. border-bottom-color: transparent;
  107. border-left-color: transparent
  108. }
  109. .introjs-tooltip {
  110. position: absolute;
  111. padding: 10px;
  112. background-color: white;
  113. min-width: 200px;
  114. max-width: 300px;
  115. border-radius: 3px;
  116. box-shadow: 0 1px 10px rgba(0, 0, 0, .4);
  117. -webkit-transition: opacity .1s ease-out;
  118. -moz-transition: opacity .1s ease-out;
  119. -ms-transition: opacity .1s ease-out;
  120. -o-transition: opacity .1s ease-out;
  121. transition: opacity .1s ease-out
  122. }
  123. .introjs-tooltipbuttons {
  124. text-align: right
  125. }
  126. .introjs-button {
  127. position: relative;
  128. overflow: visible;
  129. display: inline-block;
  130. padding: .3em .8em;
  131. border: 1px solid #d4d4d4;
  132. margin: 0;
  133. text-decoration: none;
  134. text-shadow: 1px 1px 0 #fff;
  135. font: 11px/normal sans-serif;
  136. color: #333;
  137. white-space: nowrap;
  138. cursor: pointer;
  139. outline: 0;
  140. background-color: #ececec;
  141. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
  142. background-image: -moz-linear-gradient(#f4f4f4, #ececec);
  143. background-image: -o-linear-gradient(#f4f4f4, #ececec);
  144. background-image: linear-gradient(#f4f4f4, #ececec);
  145. -webkit-background-clip: padding;
  146. -moz-background-clip: padding;
  147. -o-background-clip: padding-box;
  148. -webkit-border-radius: .2em;
  149. -moz-border-radius: .2em;
  150. border-radius: .2em;
  151. zoom: 1;
  152. *display: inline;
  153. margin-top: 10px
  154. }
  155. .introjs-button:hover {
  156. border-color: #bcbcbc;
  157. text-decoration: none;
  158. box-shadow: 0 1px 1px #e3e3e3
  159. }
  160. .introjs-button:focus, .introjs-button:active {
  161. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#f4f4f4));
  162. background-image: -moz-linear-gradient(#ececec, #f4f4f4);
  163. background-image: -o-linear-gradient(#ececec, #f4f4f4);
  164. background-image: linear-gradient(#ececec, #f4f4f4)
  165. }
  166. .introjs-button::-moz-focus-inner {
  167. padding: 0;
  168. border: 0
  169. }
  170. .introjs-skipbutton {
  171. margin-right: 5px;
  172. color: #7a7a7a
  173. }
  174. .introjs-prevbutton {
  175. -webkit-border-radius: .2em 0 0 .2em;
  176. -moz-border-radius: .2em 0 0 .2em;
  177. border-radius: .2em 0 0 .2em;
  178. border-right: 0
  179. }
  180. .introjs-nextbutton {
  181. -webkit-border-radius: 0 .2em .2em 0;
  182. -moz-border-radius: 0 .2em .2em 0;
  183. border-radius: 0 .2em .2em 0
  184. }
  185. .introjs-disabled, .introjs-disabled:hover, .introjs-disabled:focus {
  186. color: #9a9a9a;
  187. border-color: #d4d4d4;
  188. box-shadow: none;
  189. cursor: default;
  190. background-color: #f4f4f4;
  191. background-image: none;
  192. text-decoration: none
  193. }
  194. .introjs-bullets {
  195. text-align: center
  196. }
  197. .introjs-bullets ul {
  198. clear: both;
  199. margin: 15px auto 0;
  200. padding: 0;
  201. display: inline-block
  202. }
  203. .introjs-bullets ul li {
  204. list-style: none;
  205. float: left;
  206. margin: 0 2px
  207. }
  208. .introjs-bullets ul li a {
  209. display: block;
  210. width: 6px;
  211. height: 6px;
  212. background: #ccc;
  213. border-radius: 10px;
  214. -moz-border-radius: 10px;
  215. -webkit-border-radius: 10px;
  216. text-decoration: none
  217. }
  218. .introjs-bullets ul li a:hover {
  219. background: #999
  220. }
  221. .introjs-bullets ul li a.active {
  222. background: #999
  223. }
  224. .introjsFloatingElement {
  225. position: absolute;
  226. height: 0;
  227. width: 0;
  228. left: 50%;
  229. top: 50%
  230. }