1 | /* =========================================================== |
---|
2 | # bootstrap-tour - v0.9.3 |
---|
3 | # http://bootstraptour.com |
---|
4 | # ============================================================== |
---|
5 | # Copyright 2012-2013 Ulrich Sossou |
---|
6 | # |
---|
7 | # Licensed under the Apache License, Version 2.0 (the "License"); |
---|
8 | # you may not use this file except in compliance with the License. |
---|
9 | # You may obtain a copy of the License at |
---|
10 | # |
---|
11 | # http://www.apache.org/licenses/LICENSE-2.0 |
---|
12 | # |
---|
13 | # Unless required by applicable law or agreed to in writing, software |
---|
14 | # distributed under the License is distributed on an "AS IS" BASIS, |
---|
15 | # WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
---|
16 | # See the License for the specific language governing permissions and |
---|
17 | # limitations under the License. |
---|
18 | */ |
---|
19 | /*! |
---|
20 | * Bootstrap v3.1.0 (http://getbootstrap.com) |
---|
21 | * Copyright 2011-2014 Twitter, Inc. |
---|
22 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) |
---|
23 | */ |
---|
24 | .btn { |
---|
25 | display: inline-block; |
---|
26 | margin-bottom: 0; |
---|
27 | font-weight: normal; |
---|
28 | text-align: center; |
---|
29 | vertical-align: middle; |
---|
30 | cursor: pointer; |
---|
31 | background-image: none; |
---|
32 | border: 1px solid transparent; |
---|
33 | white-space: nowrap; |
---|
34 | padding: 6px 12px; |
---|
35 | font-size: 14px; |
---|
36 | line-height: 1.428571429; |
---|
37 | border-radius: 4px; |
---|
38 | -webkit-user-select: none; |
---|
39 | -moz-user-select: none; |
---|
40 | -ms-user-select: none; |
---|
41 | user-select: none; |
---|
42 | } |
---|
43 | .btn:focus { |
---|
44 | outline: thin dotted; |
---|
45 | outline: 5px auto -webkit-focus-ring-color; |
---|
46 | outline-offset: -2px; |
---|
47 | } |
---|
48 | .btn:hover, |
---|
49 | .btn:focus { |
---|
50 | color: #333333; |
---|
51 | text-decoration: none; |
---|
52 | } |
---|
53 | .btn:active, |
---|
54 | .btn.active { |
---|
55 | outline: 0; |
---|
56 | background-image: none; |
---|
57 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); |
---|
58 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); |
---|
59 | } |
---|
60 | .btn.disabled, |
---|
61 | .btn[disabled], |
---|
62 | fieldset[disabled] .btn { |
---|
63 | cursor: not-allowed; |
---|
64 | pointer-events: none; |
---|
65 | opacity: 0.65; |
---|
66 | filter: alpha(opacity=65); |
---|
67 | -webkit-box-shadow: none; |
---|
68 | box-shadow: none; |
---|
69 | } |
---|
70 | .btn-default { |
---|
71 | color: #333333; |
---|
72 | background-color: #ffffff; |
---|
73 | border-color: #cccccc; |
---|
74 | } |
---|
75 | .btn-default:hover, |
---|
76 | .btn-default:focus, |
---|
77 | .btn-default:active, |
---|
78 | .btn-default.active, |
---|
79 | .open .dropdown-toggle.btn-default { |
---|
80 | color: #333333; |
---|
81 | background-color: #ebebeb; |
---|
82 | border-color: #adadad; |
---|
83 | } |
---|
84 | .btn-default:active, |
---|
85 | .btn-default.active, |
---|
86 | .open .dropdown-toggle.btn-default { |
---|
87 | background-image: none; |
---|
88 | } |
---|
89 | .btn-default.disabled, |
---|
90 | .btn-default[disabled], |
---|
91 | fieldset[disabled] .btn-default, |
---|
92 | .btn-default.disabled:hover, |
---|
93 | .btn-default[disabled]:hover, |
---|
94 | fieldset[disabled] .btn-default:hover, |
---|
95 | .btn-default.disabled:focus, |
---|
96 | .btn-default[disabled]:focus, |
---|
97 | fieldset[disabled] .btn-default:focus, |
---|
98 | .btn-default.disabled:active, |
---|
99 | .btn-default[disabled]:active, |
---|
100 | fieldset[disabled] .btn-default:active, |
---|
101 | .btn-default.disabled.active, |
---|
102 | .btn-default[disabled].active, |
---|
103 | fieldset[disabled] .btn-default.active { |
---|
104 | background-color: #ffffff; |
---|
105 | border-color: #cccccc; |
---|
106 | } |
---|
107 | .btn-default .badge { |
---|
108 | color: #ffffff; |
---|
109 | background-color: #333333; |
---|
110 | } |
---|
111 | .btn-sm { |
---|
112 | padding: 5px 10px; |
---|
113 | font-size: 12px; |
---|
114 | line-height: 1.5; |
---|
115 | border-radius: 3px; |
---|
116 | } |
---|
117 | .fade { |
---|
118 | opacity: 0; |
---|
119 | -webkit-transition: opacity 0.15s linear; |
---|
120 | transition: opacity 0.15s linear; |
---|
121 | } |
---|
122 | .fade.in { |
---|
123 | opacity: 1; |
---|
124 | } |
---|
125 | .collapse { |
---|
126 | display: none; |
---|
127 | } |
---|
128 | .collapse.in { |
---|
129 | display: block; |
---|
130 | } |
---|
131 | .collapsing { |
---|
132 | position: relative; |
---|
133 | height: 0; |
---|
134 | overflow: hidden; |
---|
135 | -webkit-transition: height 0.35s ease; |
---|
136 | transition: height 0.35s ease; |
---|
137 | } |
---|
138 | .btn-group { |
---|
139 | position: relative; |
---|
140 | display: inline-block; |
---|
141 | vertical-align: middle; |
---|
142 | } |
---|
143 | .btn-group > .btn { |
---|
144 | position: relative; |
---|
145 | float: left; |
---|
146 | } |
---|
147 | .btn-group > .btn:hover, |
---|
148 | .btn-group > .btn:focus, |
---|
149 | .btn-group > .btn:active, |
---|
150 | .btn-group > .btn.active { |
---|
151 | z-index: 2; |
---|
152 | } |
---|
153 | .btn-group > .btn:focus { |
---|
154 | outline: none; |
---|
155 | } |
---|
156 | .btn-group .btn + .btn { |
---|
157 | margin-left: -1px; |
---|
158 | } |
---|
159 | .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { |
---|
160 | border-radius: 0; |
---|
161 | } |
---|
162 | .btn-group > .btn:first-child { |
---|
163 | margin-left: 0; |
---|
164 | } |
---|
165 | .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { |
---|
166 | border-bottom-right-radius: 0; |
---|
167 | border-top-right-radius: 0; |
---|
168 | } |
---|
169 | .btn-group > .btn:last-child:not(:first-child) { |
---|
170 | border-bottom-left-radius: 0; |
---|
171 | border-top-left-radius: 0; |
---|
172 | } |
---|
173 | .popover { |
---|
174 | position: absolute; |
---|
175 | top: 0; |
---|
176 | left: 0; |
---|
177 | z-index: 1010; |
---|
178 | display: none; |
---|
179 | max-width: 276px; |
---|
180 | padding: 1px; |
---|
181 | text-align: left; |
---|
182 | background-color: #ffffff; |
---|
183 | background-clip: padding-box; |
---|
184 | border: 1px solid #cccccc; |
---|
185 | border: 1px solid rgba(0, 0, 0, 0.2); |
---|
186 | border-radius: 6px; |
---|
187 | -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); |
---|
188 | box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); |
---|
189 | white-space: normal; |
---|
190 | } |
---|
191 | .popover.top { |
---|
192 | margin-top: -10px; |
---|
193 | } |
---|
194 | .popover.right { |
---|
195 | margin-left: 10px; |
---|
196 | } |
---|
197 | .popover.bottom { |
---|
198 | margin-top: 10px; |
---|
199 | } |
---|
200 | .popover.left { |
---|
201 | margin-left: -10px; |
---|
202 | } |
---|
203 | .popover-title { |
---|
204 | margin: 0; |
---|
205 | padding: 8px 14px; |
---|
206 | font-size: 14px; |
---|
207 | font-weight: normal; |
---|
208 | line-height: 18px; |
---|
209 | background-color: #f7f7f7; |
---|
210 | border-bottom: 1px solid #ebebeb; |
---|
211 | border-radius: 5px 5px 0 0; |
---|
212 | } |
---|
213 | .popover-content { |
---|
214 | padding: 9px 14px; |
---|
215 | } |
---|
216 | .popover > .arrow, |
---|
217 | .popover > .arrow:after { |
---|
218 | position: absolute; |
---|
219 | display: block; |
---|
220 | width: 0; |
---|
221 | height: 0; |
---|
222 | border-color: transparent; |
---|
223 | border-style: solid; |
---|
224 | } |
---|
225 | .popover > .arrow { |
---|
226 | border-width: 11px; |
---|
227 | } |
---|
228 | .popover > .arrow:after { |
---|
229 | border-width: 10px; |
---|
230 | content: ""; |
---|
231 | } |
---|
232 | .popover.top > .arrow { |
---|
233 | left: 50%; |
---|
234 | margin-left: -11px; |
---|
235 | border-bottom-width: 0; |
---|
236 | border-top-color: #999999; |
---|
237 | border-top-color: rgba(0, 0, 0, 0.25); |
---|
238 | bottom: -11px; |
---|
239 | } |
---|
240 | .popover.top > .arrow:after { |
---|
241 | content: " "; |
---|
242 | bottom: 1px; |
---|
243 | margin-left: -10px; |
---|
244 | border-bottom-width: 0; |
---|
245 | border-top-color: #ffffff; |
---|
246 | } |
---|
247 | .popover.right > .arrow { |
---|
248 | top: 50%; |
---|
249 | left: -11px; |
---|
250 | margin-top: -11px; |
---|
251 | border-left-width: 0; |
---|
252 | border-right-color: #999999; |
---|
253 | border-right-color: rgba(0, 0, 0, 0.25); |
---|
254 | } |
---|
255 | .popover.right > .arrow:after { |
---|
256 | content: " "; |
---|
257 | left: 1px; |
---|
258 | bottom: -10px; |
---|
259 | border-left-width: 0; |
---|
260 | border-right-color: #ffffff; |
---|
261 | } |
---|
262 | .popover.bottom > .arrow { |
---|
263 | left: 50%; |
---|
264 | margin-left: -11px; |
---|
265 | border-top-width: 0; |
---|
266 | border-bottom-color: #999999; |
---|
267 | border-bottom-color: rgba(0, 0, 0, 0.25); |
---|
268 | top: -11px; |
---|
269 | } |
---|
270 | .popover.bottom > .arrow:after { |
---|
271 | content: " "; |
---|
272 | top: 1px; |
---|
273 | margin-left: -10px; |
---|
274 | border-top-width: 0; |
---|
275 | border-bottom-color: #ffffff; |
---|
276 | } |
---|
277 | .popover.left > .arrow { |
---|
278 | top: 50%; |
---|
279 | right: -11px; |
---|
280 | margin-top: -11px; |
---|
281 | border-right-width: 0; |
---|
282 | border-left-color: #999999; |
---|
283 | border-left-color: rgba(0, 0, 0, 0.25); |
---|
284 | } |
---|
285 | .popover.left > .arrow:after { |
---|
286 | content: " "; |
---|
287 | right: 1px; |
---|
288 | border-right-width: 0; |
---|
289 | border-left-color: #ffffff; |
---|
290 | bottom: -10px; |
---|
291 | } |
---|
292 | |
---|
293 | .tour-backdrop { |
---|
294 | position: fixed; |
---|
295 | top: 0; |
---|
296 | right: 0; |
---|
297 | bottom: 0; |
---|
298 | left: 0; |
---|
299 | z-index: 1100; |
---|
300 | background-color: #000; |
---|
301 | opacity: 0.8; |
---|
302 | } |
---|
303 | .tour-step-backdrop { |
---|
304 | position: relative; |
---|
305 | z-index: 1101; |
---|
306 | background: inherit; |
---|
307 | } |
---|
308 | .tour-step-background { |
---|
309 | position: absolute; |
---|
310 | z-index: 1100; |
---|
311 | background: inherit; |
---|
312 | border-radius: 6px; |
---|
313 | } |
---|
314 | .popover[class*="tour-"] { |
---|
315 | z-index: 1100; |
---|
316 | } |
---|
317 | .popover[class*="tour-"] .popover-navigation { |
---|
318 | padding: 9px 14px; |
---|
319 | } |
---|
320 | .popover[class*="tour-"] .popover-navigation *[data-role="end"] { |
---|
321 | float: right; |
---|
322 | } |
---|
323 | .popover[class*="tour-"] .popover-navigation *[data-role="prev"], |
---|
324 | .popover[class*="tour-"] .popover-navigation *[data-role="next"], |
---|
325 | .popover[class*="tour-"] .popover-navigation *[data-role="end"] { |
---|
326 | cursor: pointer; |
---|
327 | } |
---|
328 | .popover[class*="tour-"] .popover-navigation *[data-role="prev"].disabled, |
---|
329 | .popover[class*="tour-"] .popover-navigation *[data-role="next"].disabled, |
---|
330 | .popover[class*="tour-"] .popover-navigation *[data-role="end"].disabled { |
---|
331 | cursor: default; |
---|
332 | } |
---|
333 | .popover[class*="tour-"].orphan { |
---|
334 | position: fixed; |
---|
335 | margin-top: 0; |
---|
336 | } |
---|
337 | .popover[class*="tour-"].orphan .arrow { |
---|
338 | display: none; |
---|
339 | } |
---|