contour 1.2.0.pre2 → 1.2.0.pre3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,98 +1,88 @@
|
|
|
1
|
-
|
|
2
|
-
* qTip2 - Pretty powerful tooltips
|
|
3
|
-
* http://
|
|
4
|
-
*
|
|
5
|
-
*
|
|
6
|
-
*
|
|
7
|
-
*
|
|
8
|
-
*
|
|
9
|
-
*
|
|
10
|
-
*
|
|
11
|
-
*
|
|
12
|
-
|
|
13
|
-
*/
|
|
1
|
+
/*!
|
|
2
|
+
* qTip2 - Pretty powerful tooltips - v2.0.1-20-
|
|
3
|
+
* http://qtip2.com
|
|
4
|
+
*
|
|
5
|
+
* Copyright (c) 2013 Craig Michael Thompson
|
|
6
|
+
* Released under the MIT, GPL licenses
|
|
7
|
+
* http://jquery.org/license
|
|
8
|
+
*
|
|
9
|
+
* Date: Mon Feb 11 2013 01:16 GMT+0000
|
|
10
|
+
* Plugins: svg ajax tips modal viewport imagemap ie6
|
|
11
|
+
* Styles: basic css3
|
|
12
|
+
*/
|
|
14
13
|
|
|
15
14
|
/* Core qTip styles */
|
|
16
|
-
.
|
|
15
|
+
.qtip, .qtip{
|
|
17
16
|
position: absolute;
|
|
18
17
|
left: -28000px;
|
|
19
18
|
top: -28000px;
|
|
20
19
|
display: none;
|
|
21
20
|
|
|
22
|
-
|
|
23
|
-
max-width: 560px;
|
|
21
|
+
max-width: 280px;
|
|
24
22
|
min-width: 50px;
|
|
25
23
|
|
|
26
24
|
font-size: 10.5px;
|
|
27
25
|
line-height: 12px;
|
|
28
26
|
|
|
29
|
-
|
|
27
|
+
direction: ltr;
|
|
30
28
|
}
|
|
31
29
|
|
|
32
|
-
|
|
33
|
-
.ui-tooltip-fluid{
|
|
34
|
-
display: block;
|
|
35
|
-
visibility: hidden;
|
|
36
|
-
position: static !important;
|
|
37
|
-
float: left !important;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.ui-tooltip-content{
|
|
30
|
+
.qtip-content{
|
|
41
31
|
position: relative;
|
|
42
32
|
padding: 5px 9px;
|
|
43
33
|
overflow: hidden;
|
|
44
|
-
|
|
45
|
-
border-width: 1px;
|
|
46
|
-
border-style: solid;
|
|
47
|
-
|
|
34
|
+
|
|
48
35
|
text-align: left;
|
|
49
36
|
word-wrap: break-word;
|
|
50
|
-
overflow: hidden;
|
|
51
37
|
}
|
|
52
38
|
|
|
53
|
-
.
|
|
39
|
+
.qtip-titlebar{
|
|
54
40
|
position: relative;
|
|
55
|
-
min-height: 14px;
|
|
56
41
|
padding: 5px 35px 5px 10px;
|
|
57
42
|
overflow: hidden;
|
|
58
|
-
|
|
59
|
-
border-width: 1px 1px 0;
|
|
60
|
-
border-style: solid;
|
|
61
43
|
|
|
44
|
+
border-width: 0 0 1px;
|
|
62
45
|
font-weight: bold;
|
|
63
46
|
}
|
|
64
47
|
|
|
65
|
-
.
|
|
48
|
+
.qtip-titlebar + .qtip-content{ border-top-width: 0 !important; }
|
|
66
49
|
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
top: 50%;
|
|
72
|
-
margin-top: -9px;
|
|
50
|
+
/* Default close button class */
|
|
51
|
+
.qtip-close{
|
|
52
|
+
position: absolute;
|
|
53
|
+
right: -9px; top: -9px;
|
|
73
54
|
|
|
74
|
-
|
|
75
|
-
|
|
55
|
+
cursor: pointer;
|
|
56
|
+
outline: medium none;
|
|
57
|
+
|
|
58
|
+
border-width: 1px;
|
|
59
|
+
border-style: solid;
|
|
60
|
+
border-color: transparent;
|
|
61
|
+
}
|
|
76
62
|
|
|
77
|
-
|
|
78
|
-
|
|
63
|
+
.qtip-titlebar .qtip-close{
|
|
64
|
+
right: 4px; top: 50%;
|
|
65
|
+
margin-top: -9px;
|
|
79
66
|
}
|
|
80
|
-
|
|
81
|
-
* html .
|
|
67
|
+
|
|
68
|
+
* html .qtip-titlebar .qtip-close{ top: 16px; } /* IE fix */
|
|
82
69
|
|
|
83
|
-
.
|
|
84
|
-
.
|
|
70
|
+
.qtip-titlebar .ui-icon,
|
|
71
|
+
.qtip-icon .ui-icon{
|
|
85
72
|
display: block;
|
|
86
73
|
text-indent: -1000em;
|
|
74
|
+
direction: ltr;
|
|
75
|
+
vertical-align: middle;
|
|
87
76
|
}
|
|
88
77
|
|
|
89
|
-
.
|
|
78
|
+
.qtip-icon, .qtip-icon .ui-icon{
|
|
90
79
|
-moz-border-radius: 3px;
|
|
91
80
|
-webkit-border-radius: 3px;
|
|
92
81
|
border-radius: 3px;
|
|
82
|
+
text-decoration: none;
|
|
93
83
|
}
|
|
94
84
|
|
|
95
|
-
.
|
|
85
|
+
.qtip-icon .ui-icon{
|
|
96
86
|
width: 18px;
|
|
97
87
|
height: 14px;
|
|
98
88
|
|
|
@@ -106,294 +96,216 @@
|
|
|
106
96
|
|
|
107
97
|
|
|
108
98
|
/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
|
|
109
|
-
.
|
|
110
|
-
|
|
111
|
-
}
|
|
99
|
+
.qtip-focus{}
|
|
112
100
|
|
|
113
101
|
/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
|
|
114
|
-
.
|
|
115
|
-
|
|
116
|
-
}
|
|
102
|
+
.qtip-hover{}
|
|
117
103
|
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
104
|
+
/* Default tooltip style */
|
|
105
|
+
.qtip-default{
|
|
106
|
+
border-width: 1px;
|
|
107
|
+
border-style: solid;
|
|
122
108
|
border-color: #F1D031;
|
|
109
|
+
|
|
123
110
|
background-color: #FFFFA3;
|
|
124
111
|
color: #555;
|
|
125
112
|
}
|
|
126
113
|
|
|
127
|
-
.
|
|
114
|
+
.qtip-default .qtip-titlebar{
|
|
128
115
|
background-color: #FFEF93;
|
|
129
116
|
}
|
|
130
117
|
|
|
131
|
-
.
|
|
118
|
+
.qtip-default .qtip-icon{
|
|
132
119
|
border-color: #CCC;
|
|
133
120
|
background: #F1F1F1;
|
|
134
121
|
color: #777;
|
|
135
122
|
}
|
|
136
123
|
|
|
137
|
-
.
|
|
124
|
+
.qtip-default .qtip-titlebar .qtip-close{
|
|
138
125
|
border-color: #AAA;
|
|
139
126
|
color: #111;
|
|
140
127
|
}
|
|
141
128
|
|
|
142
|
-
/* Tips plugin */
|
|
143
|
-
.ui-tooltip .ui-tooltip-tip{
|
|
144
|
-
margin: 0 auto;
|
|
145
|
-
overflow: hidden;
|
|
146
|
-
z-index: 10;
|
|
147
|
-
}
|
|
148
|
-
|
|
149
|
-
.ui-tooltip .ui-tooltip-tip,
|
|
150
|
-
.ui-tooltip .ui-tooltip-tip *{
|
|
151
|
-
position: absolute;
|
|
152
|
-
|
|
153
|
-
line-height: 0.1px !important;
|
|
154
|
-
font-size: 0.1px !important;
|
|
155
|
-
color: #123456;
|
|
156
|
-
|
|
157
|
-
background: transparent;
|
|
158
|
-
border: 0px dashed transparent;
|
|
159
|
-
}
|
|
160
|
-
|
|
161
|
-
.ui-tooltip .ui-tooltip-tip canvas{ top: 0; left: 0; }
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
/* Modal plugin */
|
|
165
|
-
#qtip-overlay{
|
|
166
|
-
position: fixed;
|
|
167
|
-
left: -10000em;
|
|
168
|
-
top: -10000em;
|
|
169
|
-
}
|
|
170
|
-
|
|
171
|
-
/* Applied to modals with show.modal.blur set to true */
|
|
172
|
-
#qtip-overlay.blurs{ cursor: pointer; }
|
|
173
|
-
|
|
174
|
-
/* Change opacity of overlay here */
|
|
175
|
-
#qtip-overlay div{
|
|
176
|
-
position: absolute;
|
|
177
|
-
left: 0; top: 0;
|
|
178
|
-
width: 100%; height: 100%;
|
|
179
|
-
|
|
180
|
-
background-color: black;
|
|
181
|
-
|
|
182
|
-
opacity: 0.7;
|
|
183
|
-
filter:alpha(opacity=70);
|
|
184
|
-
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
|
|
185
|
-
}
|
|
186
129
|
|
|
187
130
|
/*! Light tooltip style */
|
|
188
|
-
.
|
|
189
|
-
|
|
131
|
+
.qtip-light{
|
|
132
|
+
background-color: white;
|
|
190
133
|
border-color: #E2E2E2;
|
|
191
134
|
color: #454545;
|
|
192
135
|
}
|
|
193
136
|
|
|
194
|
-
.
|
|
195
|
-
background-color: white;
|
|
196
|
-
}
|
|
197
|
-
|
|
198
|
-
.ui-tooltip-light .ui-tooltip-titlebar{
|
|
137
|
+
.qtip-light .qtip-titlebar{
|
|
199
138
|
background-color: #f1f1f1;
|
|
200
139
|
}
|
|
201
140
|
|
|
202
141
|
|
|
203
142
|
/*! Dark tooltip style */
|
|
204
|
-
.
|
|
205
|
-
|
|
143
|
+
.qtip-dark{
|
|
144
|
+
background-color: #505050;
|
|
206
145
|
border-color: #303030;
|
|
207
146
|
color: #f3f3f3;
|
|
208
147
|
}
|
|
209
148
|
|
|
210
|
-
.
|
|
211
|
-
background-color: #505050;
|
|
212
|
-
}
|
|
213
|
-
|
|
214
|
-
.ui-tooltip-dark .ui-tooltip-titlebar{
|
|
149
|
+
.qtip-dark .qtip-titlebar{
|
|
215
150
|
background-color: #404040;
|
|
216
151
|
}
|
|
217
152
|
|
|
218
|
-
.
|
|
153
|
+
.qtip-dark .qtip-icon{
|
|
219
154
|
border-color: #444;
|
|
220
155
|
}
|
|
221
156
|
|
|
222
|
-
.
|
|
157
|
+
.qtip-dark .qtip-titlebar .ui-state-hover{
|
|
223
158
|
border-color: #303030;
|
|
224
159
|
}
|
|
225
160
|
|
|
226
161
|
|
|
227
162
|
/*! Cream tooltip style */
|
|
228
|
-
.
|
|
229
|
-
|
|
163
|
+
.qtip-cream{
|
|
164
|
+
background-color: #FBF7AA;
|
|
230
165
|
border-color: #F9E98E;
|
|
231
166
|
color: #A27D35;
|
|
232
167
|
}
|
|
233
168
|
|
|
234
|
-
.
|
|
235
|
-
background-color: #FBF7AA;
|
|
236
|
-
}
|
|
237
|
-
|
|
238
|
-
.ui-tooltip-cream .ui-tooltip-titlebar{
|
|
169
|
+
.qtip-cream .qtip-titlebar{
|
|
239
170
|
background-color: #F0DE7D;
|
|
240
171
|
}
|
|
241
172
|
|
|
242
|
-
.
|
|
173
|
+
.qtip-cream .qtip-close .qtip-icon{
|
|
243
174
|
background-position: -82px 0;
|
|
244
175
|
}
|
|
245
176
|
|
|
246
177
|
|
|
247
178
|
/*! Red tooltip style */
|
|
248
|
-
.
|
|
249
|
-
|
|
179
|
+
.qtip-red{
|
|
180
|
+
background-color: #F78B83;
|
|
250
181
|
border-color: #D95252;
|
|
251
182
|
color: #912323;
|
|
252
183
|
}
|
|
253
184
|
|
|
254
|
-
.
|
|
255
|
-
background-color: #F78B83;
|
|
256
|
-
}
|
|
257
|
-
|
|
258
|
-
.ui-tooltip-red .ui-tooltip-titlebar{
|
|
185
|
+
.qtip-red .qtip-titlebar{
|
|
259
186
|
background-color: #F06D65;
|
|
260
187
|
}
|
|
261
188
|
|
|
262
|
-
.
|
|
189
|
+
.qtip-red .qtip-close .qtip-icon{
|
|
263
190
|
background-position: -102px 0;
|
|
264
191
|
}
|
|
265
192
|
|
|
266
|
-
.
|
|
193
|
+
.qtip-red .qtip-icon{
|
|
267
194
|
border-color: #D95252;
|
|
268
195
|
}
|
|
269
196
|
|
|
270
|
-
.
|
|
197
|
+
.qtip-red .qtip-titlebar .ui-state-hover{
|
|
271
198
|
border-color: #D95252;
|
|
272
199
|
}
|
|
273
200
|
|
|
274
201
|
|
|
275
202
|
/*! Green tooltip style */
|
|
276
|
-
.
|
|
277
|
-
|
|
203
|
+
.qtip-green{
|
|
204
|
+
background-color: #CAED9E;
|
|
278
205
|
border-color: #90D93F;
|
|
279
206
|
color: #3F6219;
|
|
280
207
|
}
|
|
281
208
|
|
|
282
|
-
.
|
|
283
|
-
background-color: #CAED9E;
|
|
284
|
-
}
|
|
285
|
-
|
|
286
|
-
.ui-tooltip-green .ui-tooltip-titlebar{
|
|
209
|
+
.qtip-green .qtip-titlebar{
|
|
287
210
|
background-color: #B0DE78;
|
|
288
211
|
}
|
|
289
212
|
|
|
290
|
-
.
|
|
213
|
+
.qtip-green .qtip-close .qtip-icon{
|
|
291
214
|
background-position: -42px 0;
|
|
292
215
|
}
|
|
293
216
|
|
|
294
217
|
|
|
295
218
|
/*! Blue tooltip style */
|
|
296
|
-
.
|
|
297
|
-
|
|
219
|
+
.qtip-blue{
|
|
220
|
+
background-color: #E5F6FE;
|
|
298
221
|
border-color: #ADD9ED;
|
|
299
222
|
color: #5E99BD;
|
|
300
223
|
}
|
|
301
224
|
|
|
302
|
-
.
|
|
303
|
-
background-color: #E5F6FE;
|
|
304
|
-
}
|
|
305
|
-
|
|
306
|
-
.ui-tooltip-blue .ui-tooltip-titlebar{
|
|
225
|
+
.qtip-blue .qtip-titlebar{
|
|
307
226
|
background-color: #D0E9F5;
|
|
308
227
|
}
|
|
309
228
|
|
|
310
|
-
.
|
|
229
|
+
.qtip-blue .qtip-close .qtip-icon{
|
|
311
230
|
background-position: -2px 0;
|
|
312
231
|
}
|
|
313
232
|
|
|
314
|
-
|
|
315
|
-
.
|
|
233
|
+
|
|
234
|
+
/* Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
|
|
235
|
+
.qtip-shadow{
|
|
316
236
|
-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
|
|
317
237
|
-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
|
|
318
238
|
box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
|
|
319
239
|
}
|
|
320
240
|
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
}
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
/*! Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
|
|
332
|
-
.ui-tooltip-rounded,
|
|
333
|
-
.ui-tooltip-rounded .ui-tooltip-content,
|
|
334
|
-
.ui-tooltip-tipsy,
|
|
335
|
-
.ui-tooltip-tipsy .ui-tooltip-content,
|
|
336
|
-
.ui-tooltip-youtube,
|
|
337
|
-
.ui-tooltip-youtube .ui-tooltip-content{
|
|
338
|
-
-moz-border-radius: 4px;
|
|
339
|
-
-webkit-border-radius: 4px;
|
|
340
|
-
border-radius: 4px;
|
|
241
|
+
/* Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
|
|
242
|
+
.qtip-rounded,
|
|
243
|
+
.qtip-tipsy,
|
|
244
|
+
.qtip-bootstrap{
|
|
245
|
+
-moz-border-radius: 5px;
|
|
246
|
+
-webkit-border-radius: 5px;
|
|
247
|
+
border-radius: 5px;
|
|
341
248
|
}
|
|
342
249
|
|
|
343
|
-
.
|
|
344
|
-
.ui-tooltip-tipsy .ui-tooltip-titlebar,
|
|
345
|
-
.ui-tooltip-youtube .ui-tooltip-titlebar{
|
|
250
|
+
.qtip-rounded .qtip-titlebar{
|
|
346
251
|
-moz-border-radius: 5px 5px 0 0;
|
|
347
252
|
-webkit-border-radius: 5px 5px 0 0;
|
|
348
253
|
border-radius: 5px 5px 0 0;
|
|
349
254
|
}
|
|
350
255
|
|
|
351
|
-
|
|
352
|
-
.
|
|
353
|
-
|
|
354
|
-
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
}
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
/*! Youtube tooltip style */
|
|
361
|
-
.ui-tooltip-youtube{
|
|
256
|
+
/* Youtube tooltip style */
|
|
257
|
+
.qtip-youtube{
|
|
258
|
+
-moz-border-radius: 2px;
|
|
259
|
+
-webkit-border-radius: 2px;
|
|
260
|
+
border-radius: 2px;
|
|
261
|
+
|
|
362
262
|
-webkit-box-shadow: 0 0 3px #333;
|
|
363
263
|
-moz-box-shadow: 0 0 3px #333;
|
|
364
264
|
box-shadow: 0 0 3px #333;
|
|
365
|
-
}
|
|
366
265
|
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
_margin-bottom: 0; /* IE6 */
|
|
370
|
-
.margin-bottom: 0; /* IE7 */
|
|
266
|
+
color: white;
|
|
267
|
+
border-width: 0;
|
|
371
268
|
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
269
|
+
background: #4A4A4A;
|
|
270
|
+
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#4A4A4A),color-stop(100%,black));
|
|
271
|
+
background-image: -webkit-linear-gradient(top,#4A4A4A 0,black 100%);
|
|
272
|
+
background-image: -moz-linear-gradient(top,#4A4A4A 0,black 100%);
|
|
273
|
+
background-image: -ms-linear-gradient(top,#4A4A4A 0,black 100%);
|
|
274
|
+
background-image: -o-linear-gradient(top,#4A4A4A 0,black 100%);
|
|
275
|
+
}
|
|
376
276
|
|
|
377
|
-
|
|
378
|
-
|
|
277
|
+
.qtip-youtube .qtip-titlebar{
|
|
278
|
+
background-color: #4A4A4A;
|
|
279
|
+
background-color: rgba(0,0,0,0);
|
|
280
|
+
}
|
|
281
|
+
|
|
282
|
+
.qtip-youtube .qtip-content{
|
|
283
|
+
padding: .75em;
|
|
284
|
+
font: 12px arial,sans-serif;
|
|
285
|
+
|
|
286
|
+
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);
|
|
287
|
+
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);";
|
|
379
288
|
}
|
|
380
289
|
|
|
381
|
-
.
|
|
290
|
+
.qtip-youtube .qtip-icon{
|
|
382
291
|
border-color: #222;
|
|
383
292
|
}
|
|
384
293
|
|
|
385
|
-
.
|
|
294
|
+
.qtip-youtube .qtip-titlebar .ui-state-hover{
|
|
386
295
|
border-color: #303030;
|
|
387
296
|
}
|
|
388
297
|
|
|
389
298
|
|
|
390
299
|
/* jQuery TOOLS Tooltip style */
|
|
391
|
-
.
|
|
300
|
+
.qtip-jtools{
|
|
392
301
|
background: #232323;
|
|
393
302
|
background: rgba(0, 0, 0, 0.7);
|
|
394
|
-
background-image: -moz-linear-gradient(top, #717171, #232323);
|
|
395
303
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
|
|
396
|
-
|
|
304
|
+
background-image: -moz-linear-gradient(top, #717171, #232323);
|
|
305
|
+
background-image: -webkit-linear-gradient(top, #717171, #232323);
|
|
306
|
+
background-image: -ms-linear-gradient(top, #717171, #232323);
|
|
307
|
+
background-image: -o-linear-gradient(top, #717171, #232323);
|
|
308
|
+
|
|
397
309
|
border: 2px solid #ddd;
|
|
398
310
|
border: 2px solid rgba(241,241,241,1);
|
|
399
311
|
|
|
@@ -407,154 +319,304 @@
|
|
|
407
319
|
}
|
|
408
320
|
|
|
409
321
|
/* IE Specific */
|
|
410
|
-
.
|
|
322
|
+
.qtip-jtools .qtip-titlebar{
|
|
323
|
+
background-color: transparent;
|
|
411
324
|
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);
|
|
412
325
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
|
|
413
326
|
}
|
|
414
|
-
.
|
|
327
|
+
.qtip-jtools .qtip-content{
|
|
415
328
|
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);
|
|
416
329
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
|
|
417
330
|
}
|
|
418
331
|
|
|
419
|
-
.
|
|
420
|
-
.
|
|
332
|
+
.qtip-jtools .qtip-titlebar,
|
|
333
|
+
.qtip-jtools .qtip-content{
|
|
421
334
|
background: transparent;
|
|
422
335
|
color: white;
|
|
423
336
|
border: 0 dashed transparent;
|
|
424
337
|
}
|
|
425
338
|
|
|
426
|
-
.
|
|
339
|
+
.qtip-jtools .qtip-icon{
|
|
427
340
|
border-color: #555;
|
|
428
341
|
}
|
|
429
342
|
|
|
430
|
-
.
|
|
343
|
+
.qtip-jtools .qtip-titlebar .ui-state-hover{
|
|
431
344
|
border-color: #333;
|
|
432
345
|
}
|
|
433
346
|
|
|
434
347
|
|
|
435
348
|
/* Cluetip style */
|
|
436
|
-
.
|
|
349
|
+
.qtip-cluetip{
|
|
437
350
|
-webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
|
|
438
351
|
-moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
|
|
439
352
|
box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
|
|
353
|
+
|
|
354
|
+
background-color: #D9D9C2;
|
|
355
|
+
color: #111;
|
|
356
|
+
border: 0 dashed transparent;
|
|
440
357
|
}
|
|
441
358
|
|
|
442
|
-
.
|
|
359
|
+
.qtip-cluetip .qtip-titlebar{
|
|
443
360
|
background-color: #87876A;
|
|
444
361
|
color: white;
|
|
445
362
|
border: 0 dashed transparent;
|
|
446
363
|
}
|
|
447
|
-
|
|
448
|
-
.ui-tooltip-cluetip .ui-tooltip-content{
|
|
449
|
-
background-color: #D9D9C2;
|
|
450
|
-
color: #111;
|
|
451
|
-
border: 0 dashed transparent;
|
|
452
|
-
}
|
|
453
364
|
|
|
454
|
-
.
|
|
365
|
+
.qtip-cluetip .qtip-icon{
|
|
455
366
|
border-color: #808064;
|
|
456
367
|
}
|
|
457
368
|
|
|
458
|
-
.
|
|
369
|
+
.qtip-cluetip .qtip-titlebar .ui-state-hover{
|
|
459
370
|
border-color: #696952;
|
|
460
371
|
color: #696952;
|
|
461
372
|
}
|
|
462
373
|
|
|
463
374
|
|
|
464
375
|
/* Tipsy style */
|
|
465
|
-
.
|
|
466
|
-
|
|
376
|
+
.qtip-tipsy{
|
|
377
|
+
background: black;
|
|
378
|
+
background: rgba(0, 0, 0, .87);
|
|
379
|
+
|
|
380
|
+
color: white;
|
|
381
|
+
border: 0 solid transparent;
|
|
382
|
+
|
|
383
|
+
font-size: 11px;
|
|
384
|
+
font-family: 'Lucida Grande', sans-serif;
|
|
385
|
+
font-weight: bold;
|
|
386
|
+
line-height: 16px;
|
|
387
|
+
text-shadow: 0 1px black;
|
|
467
388
|
}
|
|
468
389
|
|
|
469
|
-
.
|
|
470
|
-
.ui-tooltip-tipsy .ui-tooltip-content{
|
|
471
|
-
_margin-bottom: 0; /* IE6 */
|
|
472
|
-
.margin-bottom: 0; /* IE7 */
|
|
473
|
-
|
|
474
|
-
background: transparent;
|
|
475
|
-
background: rgba(0, 0, 0, .87);
|
|
476
|
-
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000);
|
|
477
|
-
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)";
|
|
478
|
-
|
|
479
|
-
color: white;
|
|
480
|
-
border: 0px transparent;
|
|
481
|
-
|
|
482
|
-
font-size: 11px;
|
|
483
|
-
font-family: 'Lucida Grande', sans-serif;
|
|
484
|
-
font-weight: bold;
|
|
485
|
-
line-height: 16px;
|
|
486
|
-
text-shadow: 0 1px black;
|
|
487
|
-
}
|
|
488
|
-
|
|
489
|
-
.ui-tooltip-tipsy .ui-tooltip-titlebar{
|
|
390
|
+
.qtip-tipsy .qtip-titlebar{
|
|
490
391
|
padding: 6px 35px 0 10;
|
|
392
|
+
background-color: transparent;
|
|
491
393
|
}
|
|
492
394
|
|
|
493
|
-
.
|
|
395
|
+
.qtip-tipsy .qtip-content{
|
|
494
396
|
padding: 6px 10;
|
|
495
397
|
}
|
|
496
398
|
|
|
497
|
-
.
|
|
399
|
+
.qtip-tipsy .qtip-icon{
|
|
498
400
|
border-color: #222;
|
|
499
401
|
text-shadow: none;
|
|
500
402
|
}
|
|
501
403
|
|
|
502
|
-
.
|
|
404
|
+
.qtip-tipsy .qtip-titlebar .ui-state-hover{
|
|
503
405
|
border-color: #303030;
|
|
504
406
|
}
|
|
505
407
|
|
|
506
408
|
|
|
507
409
|
/* Tipped style */
|
|
508
|
-
.
|
|
410
|
+
.qtip-tipped{
|
|
411
|
+
border: 3px solid #959FA9;
|
|
412
|
+
|
|
413
|
+
-moz-border-radius: 3px;
|
|
414
|
+
-webkit-border-radius: 3px;
|
|
415
|
+
border-radius: 3px;
|
|
509
416
|
|
|
417
|
+
background-color: #F9F9F9;
|
|
418
|
+
color: #454545;
|
|
419
|
+
|
|
420
|
+
font-weight: normal;
|
|
421
|
+
font-family: serif;
|
|
510
422
|
}
|
|
511
|
-
|
|
512
|
-
.ui-tooltip-tipped .ui-tooltip-titlebar,
|
|
513
|
-
.ui-tooltip-tipped .ui-tooltip-content{
|
|
514
|
-
border: 3px solid #959FA9;
|
|
515
423
|
|
|
516
|
-
|
|
517
|
-
|
|
424
|
+
.qtip-tipped .qtip-titlebar{
|
|
425
|
+
border-bottom-width: 0;
|
|
518
426
|
|
|
519
|
-
|
|
427
|
+
color: white;
|
|
520
428
|
background: #3A79B8;
|
|
521
|
-
background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
|
|
522
429
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
|
|
430
|
+
background-image: -webkit-linear-gradient(top, #3A79B8, #2E629D);
|
|
431
|
+
background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
|
|
432
|
+
background-image: -ms-linear-gradient(top, #3A79B8, #2E629D);
|
|
433
|
+
background-image: -o-linear-gradient(top, #3A79B8, #2E629D);
|
|
523
434
|
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);
|
|
524
435
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";
|
|
525
|
-
|
|
526
|
-
color: white;
|
|
527
|
-
font-weight: normal;
|
|
528
|
-
font-family: serif;
|
|
529
|
-
|
|
530
|
-
border-bottom-width: 0;
|
|
531
|
-
-moz-border-radius: 3px 3px 0 0;
|
|
532
|
-
-webkit-border-radius: 3px 3px 0 0;
|
|
533
|
-
border-radius: 3px 3px 0 0;
|
|
534
|
-
}
|
|
535
|
-
|
|
536
|
-
.ui-tooltip-tipped .ui-tooltip-content{
|
|
537
|
-
background-color: #F9F9F9;
|
|
538
|
-
color: #454545;
|
|
539
|
-
|
|
540
|
-
-moz-border-radius: 0 0 3px 3px;
|
|
541
|
-
-webkit-border-radius: 0 0 3px 3px;
|
|
542
|
-
border-radius: 0 0 3px 3px;
|
|
543
436
|
}
|
|
544
437
|
|
|
545
|
-
.
|
|
438
|
+
.qtip-tipped .qtip-icon{
|
|
546
439
|
border: 2px solid #285589;
|
|
547
440
|
background: #285589;
|
|
548
441
|
}
|
|
549
|
-
|
|
550
|
-
.
|
|
442
|
+
|
|
443
|
+
.qtip-tipped .qtip-icon .ui-icon{
|
|
551
444
|
background-color: #FBFBFB;
|
|
552
445
|
color: #555;
|
|
553
446
|
}
|
|
554
447
|
|
|
448
|
+
|
|
449
|
+
/**
|
|
450
|
+
* Twitter Bootstrap style.
|
|
451
|
+
*
|
|
452
|
+
* Tested with IE 8, IE 9, Chrome 18, Firefox 9, Opera 11.
|
|
453
|
+
* Does not work with IE 7.
|
|
454
|
+
*/
|
|
455
|
+
.qtip-bootstrap{
|
|
456
|
+
/** Taken from Bootstrap body */
|
|
457
|
+
font-size: 14px;
|
|
458
|
+
line-height: 20px;
|
|
459
|
+
color: #333333;
|
|
460
|
+
|
|
461
|
+
/** Taken from Bootstrap .popover */
|
|
462
|
+
padding: 1px;
|
|
463
|
+
background-color: #ffffff;
|
|
464
|
+
border: 1px solid #ccc;
|
|
465
|
+
border: 1px solid rgba(0, 0, 0, 0.2);
|
|
466
|
+
-webkit-border-radius: 6px;
|
|
467
|
+
-moz-border-radius: 6px;
|
|
468
|
+
border-radius: 6px;
|
|
469
|
+
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
|
470
|
+
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
|
471
|
+
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
|
472
|
+
-webkit-background-clip: padding-box;
|
|
473
|
+
-moz-background-clip: padding;
|
|
474
|
+
background-clip: padding-box;
|
|
475
|
+
}
|
|
476
|
+
|
|
477
|
+
.qtip-bootstrap .qtip-titlebar{
|
|
478
|
+
/** Taken from Bootstrap .popover-title */
|
|
479
|
+
padding: 8px 14px;
|
|
480
|
+
margin: 0;
|
|
481
|
+
font-size: 14px;
|
|
482
|
+
font-weight: normal;
|
|
483
|
+
line-height: 18px;
|
|
484
|
+
background-color: #f7f7f7;
|
|
485
|
+
border-bottom: 1px solid #ebebeb;
|
|
486
|
+
-webkit-border-radius: 5px 5px 0 0;
|
|
487
|
+
-moz-border-radius: 5px 5px 0 0;
|
|
488
|
+
border-radius: 5px 5px 0 0;
|
|
489
|
+
}
|
|
490
|
+
|
|
491
|
+
.qtip-bootstrap .qtip-titlebar .qtip-close{
|
|
492
|
+
/**
|
|
493
|
+
* Overrides qTip2:
|
|
494
|
+
* .qtip-titlebar .qtip-close{
|
|
495
|
+
* [...]
|
|
496
|
+
* right: 4px;
|
|
497
|
+
* top: 50%;
|
|
498
|
+
* [...]
|
|
499
|
+
* border-style: solid;
|
|
500
|
+
* }
|
|
501
|
+
*/
|
|
502
|
+
right: 11px;
|
|
503
|
+
top: 45%;
|
|
504
|
+
border-style: none;
|
|
505
|
+
}
|
|
506
|
+
|
|
507
|
+
.qtip-bootstrap .qtip-content{
|
|
508
|
+
/** Taken from Bootstrap .popover-content */
|
|
509
|
+
padding: 9px 14px;
|
|
510
|
+
}
|
|
511
|
+
|
|
512
|
+
.qtip-bootstrap .qtip-icon{
|
|
513
|
+
/**
|
|
514
|
+
* Overrides qTip2:
|
|
515
|
+
* .qtip-default .qtip-icon {
|
|
516
|
+
* border-color: #CCC;
|
|
517
|
+
* background: #F1F1F1;
|
|
518
|
+
* color: #777;
|
|
519
|
+
* }
|
|
520
|
+
*/
|
|
521
|
+
background: transparent;
|
|
522
|
+
}
|
|
523
|
+
|
|
524
|
+
.qtip-bootstrap .qtip-icon .ui-icon{
|
|
525
|
+
/**
|
|
526
|
+
* Overrides qTip2:
|
|
527
|
+
* .qtip-icon .ui-icon{
|
|
528
|
+
* width: 18px;
|
|
529
|
+
* height: 14px;
|
|
530
|
+
* }
|
|
531
|
+
*/
|
|
532
|
+
width: auto;
|
|
533
|
+
height: auto;
|
|
534
|
+
|
|
535
|
+
/* Taken from Bootstrap .close */
|
|
536
|
+
float: right;
|
|
537
|
+
font-size: 20px;
|
|
538
|
+
font-weight: bold;
|
|
539
|
+
line-height: 18px;
|
|
540
|
+
color: #000000;
|
|
541
|
+
text-shadow: 0 1px 0 #ffffff;
|
|
542
|
+
opacity: 0.2;
|
|
543
|
+
filter: alpha(opacity=20);
|
|
544
|
+
}
|
|
545
|
+
|
|
546
|
+
.qtip-bootstrap .qtip-icon .ui-icon:hover{
|
|
547
|
+
/* Taken from Bootstrap .close:hover */
|
|
548
|
+
color: #000000;
|
|
549
|
+
text-decoration: none;
|
|
550
|
+
cursor: pointer;
|
|
551
|
+
opacity: 0.4;
|
|
552
|
+
filter: alpha(opacity=40);
|
|
553
|
+
}
|
|
554
|
+
|
|
555
|
+
|
|
555
556
|
/* IE9 fix - removes all filters */
|
|
556
|
-
.
|
|
557
|
-
.
|
|
557
|
+
.qtip:not(.ie9haxors) div.qtip-content,
|
|
558
|
+
.qtip:not(.ie9haxors) div.qtip-titlebar{
|
|
558
559
|
filter: none;
|
|
559
560
|
-ms-filter: none;
|
|
561
|
+
}
|
|
562
|
+
|
|
563
|
+
|
|
564
|
+
/* Tips plugin */
|
|
565
|
+
.qtip .qtip-tip{
|
|
566
|
+
margin: 0 auto;
|
|
567
|
+
overflow: hidden;
|
|
568
|
+
z-index: 10;
|
|
569
|
+
|
|
570
|
+
}
|
|
571
|
+
|
|
572
|
+
/* Opera bug #357 - Incorrect tip position
|
|
573
|
+
https://github.com/Craga89/qTip2/issues/367 */
|
|
574
|
+
x:-o-prefocus, .qtip .qtip-tip{
|
|
575
|
+
visibility: hidden;
|
|
576
|
+
}
|
|
577
|
+
|
|
578
|
+
.qtip .qtip-tip,
|
|
579
|
+
.qtip .qtip-tip .qtip-vml,
|
|
580
|
+
.qtip .qtip-tip canvas{
|
|
581
|
+
position: absolute;
|
|
582
|
+
|
|
583
|
+
color: #123456;
|
|
584
|
+
background: transparent;
|
|
585
|
+
border: 0 dashed transparent;
|
|
586
|
+
}
|
|
587
|
+
|
|
588
|
+
.qtip .qtip-tip canvas{ top: 0; left: 0; }
|
|
589
|
+
|
|
590
|
+
.qtip .qtip-tip .qtip-vml{
|
|
591
|
+
behavior: url(#default#VML);
|
|
592
|
+
display: inline-block;
|
|
593
|
+
visibility: visible;
|
|
594
|
+
}
|
|
595
|
+
/* Modal plugin */
|
|
596
|
+
#qtip-overlay{
|
|
597
|
+
position: fixed;
|
|
598
|
+
left: -10000em;
|
|
599
|
+
top: -10000em;
|
|
600
|
+
}
|
|
601
|
+
|
|
602
|
+
/* Applied to modals with show.modal.blur set to true */
|
|
603
|
+
#qtip-overlay.blurs{ cursor: pointer; }
|
|
604
|
+
|
|
605
|
+
/* Change opacity of overlay here */
|
|
606
|
+
#qtip-overlay div{
|
|
607
|
+
position: absolute;
|
|
608
|
+
left: 0; top: 0;
|
|
609
|
+
width: 100%; height: 100%;
|
|
610
|
+
|
|
611
|
+
background-color: black;
|
|
612
|
+
|
|
613
|
+
opacity: 0.7;
|
|
614
|
+
filter:alpha(opacity=70);
|
|
615
|
+
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
|
|
616
|
+
}
|
|
617
|
+
|
|
618
|
+
|
|
619
|
+
/* IE6 Modal plugin fix */
|
|
620
|
+
.qtipmodal-ie6fix{
|
|
621
|
+
position: absolute !important;
|
|
560
622
|
}
|