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

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