contour 1.2.1 → 1.3.0.pre

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,622 +0,0 @@
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
- */
13
-
14
- /* Core qTip styles */
15
- .qtip, .qtip{
16
- position: absolute;
17
- left: -28000px;
18
- top: -28000px;
19
- display: none;
20
-
21
- max-width: 280px;
22
- min-width: 50px;
23
-
24
- font-size: 10.5px;
25
- line-height: 12px;
26
-
27
- direction: ltr;
28
- }
29
-
30
- .qtip-content{
31
- position: relative;
32
- padding: 5px 9px;
33
- overflow: hidden;
34
-
35
- text-align: left;
36
- word-wrap: break-word;
37
- }
38
-
39
- .qtip-titlebar{
40
- position: relative;
41
- padding: 5px 35px 5px 10px;
42
- overflow: hidden;
43
-
44
- border-width: 0 0 1px;
45
- font-weight: bold;
46
- }
47
-
48
- .qtip-titlebar + .qtip-content{ border-top-width: 0 !important; }
49
-
50
- /* Default close button class */
51
- .qtip-close{
52
- position: absolute;
53
- right: -9px; top: -9px;
54
-
55
- cursor: pointer;
56
- outline: medium none;
57
-
58
- border-width: 1px;
59
- border-style: solid;
60
- border-color: transparent;
61
- }
62
-
63
- .qtip-titlebar .qtip-close{
64
- right: 4px; top: 50%;
65
- margin-top: -9px;
66
- }
67
-
68
- * html .qtip-titlebar .qtip-close{ top: 16px; } /* IE fix */
69
-
70
- .qtip-titlebar .ui-icon,
71
- .qtip-icon .ui-icon{
72
- display: block;
73
- text-indent: -1000em;
74
- direction: ltr;
75
- vertical-align: middle;
76
- }
77
-
78
- .qtip-icon, .qtip-icon .ui-icon{
79
- -moz-border-radius: 3px;
80
- -webkit-border-radius: 3px;
81
- border-radius: 3px;
82
- text-decoration: none;
83
- }
84
-
85
- .qtip-icon .ui-icon{
86
- width: 18px;
87
- height: 14px;
88
-
89
- text-align: center;
90
- text-indent: 0;
91
- font: normal bold 10px/13px Tahoma,sans-serif;
92
-
93
- color: inherit;
94
- background: transparent none no-repeat -100em -100em;
95
- }
96
-
97
-
98
- /* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
99
- .qtip-focus{}
100
-
101
- /* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
102
- .qtip-hover{}
103
-
104
- /* Default tooltip style */
105
- .qtip-default{
106
- border-width: 1px;
107
- border-style: solid;
108
- border-color: #F1D031;
109
-
110
- background-color: #FFFFA3;
111
- color: #555;
112
- }
113
-
114
- .qtip-default .qtip-titlebar{
115
- background-color: #FFEF93;
116
- }
117
-
118
- .qtip-default .qtip-icon{
119
- border-color: #CCC;
120
- background: #F1F1F1;
121
- color: #777;
122
- }
123
-
124
- .qtip-default .qtip-titlebar .qtip-close{
125
- border-color: #AAA;
126
- color: #111;
127
- }
128
-
129
-
130
- /*! Light tooltip style */
131
- .qtip-light{
132
- background-color: white;
133
- border-color: #E2E2E2;
134
- color: #454545;
135
- }
136
-
137
- .qtip-light .qtip-titlebar{
138
- background-color: #f1f1f1;
139
- }
140
-
141
-
142
- /*! Dark tooltip style */
143
- .qtip-dark{
144
- background-color: #505050;
145
- border-color: #303030;
146
- color: #f3f3f3;
147
- }
148
-
149
- .qtip-dark .qtip-titlebar{
150
- background-color: #404040;
151
- }
152
-
153
- .qtip-dark .qtip-icon{
154
- border-color: #444;
155
- }
156
-
157
- .qtip-dark .qtip-titlebar .ui-state-hover{
158
- border-color: #303030;
159
- }
160
-
161
-
162
- /*! Cream tooltip style */
163
- .qtip-cream{
164
- background-color: #FBF7AA;
165
- border-color: #F9E98E;
166
- color: #A27D35;
167
- }
168
-
169
- .qtip-cream .qtip-titlebar{
170
- background-color: #F0DE7D;
171
- }
172
-
173
- .qtip-cream .qtip-close .qtip-icon{
174
- background-position: -82px 0;
175
- }
176
-
177
-
178
- /*! Red tooltip style */
179
- .qtip-red{
180
- background-color: #F78B83;
181
- border-color: #D95252;
182
- color: #912323;
183
- }
184
-
185
- .qtip-red .qtip-titlebar{
186
- background-color: #F06D65;
187
- }
188
-
189
- .qtip-red .qtip-close .qtip-icon{
190
- background-position: -102px 0;
191
- }
192
-
193
- .qtip-red .qtip-icon{
194
- border-color: #D95252;
195
- }
196
-
197
- .qtip-red .qtip-titlebar .ui-state-hover{
198
- border-color: #D95252;
199
- }
200
-
201
-
202
- /*! Green tooltip style */
203
- .qtip-green{
204
- background-color: #CAED9E;
205
- border-color: #90D93F;
206
- color: #3F6219;
207
- }
208
-
209
- .qtip-green .qtip-titlebar{
210
- background-color: #B0DE78;
211
- }
212
-
213
- .qtip-green .qtip-close .qtip-icon{
214
- background-position: -42px 0;
215
- }
216
-
217
-
218
- /*! Blue tooltip style */
219
- .qtip-blue{
220
- background-color: #E5F6FE;
221
- border-color: #ADD9ED;
222
- color: #5E99BD;
223
- }
224
-
225
- .qtip-blue .qtip-titlebar{
226
- background-color: #D0E9F5;
227
- }
228
-
229
- .qtip-blue .qtip-close .qtip-icon{
230
- background-position: -2px 0;
231
- }
232
-
233
-
234
- /* Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
235
- .qtip-shadow{
236
- -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
237
- -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
238
- box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
239
- }
240
-
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;
248
- }
249
-
250
- .qtip-rounded .qtip-titlebar{
251
- -moz-border-radius: 5px 5px 0 0;
252
- -webkit-border-radius: 5px 5px 0 0;
253
- border-radius: 5px 5px 0 0;
254
- }
255
-
256
- /* Youtube tooltip style */
257
- .qtip-youtube{
258
- -moz-border-radius: 2px;
259
- -webkit-border-radius: 2px;
260
- border-radius: 2px;
261
-
262
- -webkit-box-shadow: 0 0 3px #333;
263
- -moz-box-shadow: 0 0 3px #333;
264
- box-shadow: 0 0 3px #333;
265
-
266
- color: white;
267
- border-width: 0;
268
-
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
- }
276
-
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);";
288
- }
289
-
290
- .qtip-youtube .qtip-icon{
291
- border-color: #222;
292
- }
293
-
294
- .qtip-youtube .qtip-titlebar .ui-state-hover{
295
- border-color: #303030;
296
- }
297
-
298
-
299
- /* jQuery TOOLS Tooltip style */
300
- .qtip-jtools{
301
- background: #232323;
302
- background: rgba(0, 0, 0, 0.7);
303
- background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
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
-
309
- border: 2px solid #ddd;
310
- border: 2px solid rgba(241,241,241,1);
311
-
312
- -moz-border-radius: 2px;
313
- -webkit-border-radius: 2px;
314
- border-radius: 2px;
315
-
316
- -webkit-box-shadow: 0 0 12px #333;
317
- -moz-box-shadow: 0 0 12px #333;
318
- box-shadow: 0 0 12px #333;
319
- }
320
-
321
- /* IE Specific */
322
- .qtip-jtools .qtip-titlebar{
323
- background-color: transparent;
324
- filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);
325
- -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
326
- }
327
- .qtip-jtools .qtip-content{
328
- filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);
329
- -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
330
- }
331
-
332
- .qtip-jtools .qtip-titlebar,
333
- .qtip-jtools .qtip-content{
334
- background: transparent;
335
- color: white;
336
- border: 0 dashed transparent;
337
- }
338
-
339
- .qtip-jtools .qtip-icon{
340
- border-color: #555;
341
- }
342
-
343
- .qtip-jtools .qtip-titlebar .ui-state-hover{
344
- border-color: #333;
345
- }
346
-
347
-
348
- /* Cluetip style */
349
- .qtip-cluetip{
350
- -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
351
- -moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
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;
357
- }
358
-
359
- .qtip-cluetip .qtip-titlebar{
360
- background-color: #87876A;
361
- color: white;
362
- border: 0 dashed transparent;
363
- }
364
-
365
- .qtip-cluetip .qtip-icon{
366
- border-color: #808064;
367
- }
368
-
369
- .qtip-cluetip .qtip-titlebar .ui-state-hover{
370
- border-color: #696952;
371
- color: #696952;
372
- }
373
-
374
-
375
- /* Tipsy style */
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;
388
- }
389
-
390
- .qtip-tipsy .qtip-titlebar{
391
- padding: 6px 35px 0 10;
392
- background-color: transparent;
393
- }
394
-
395
- .qtip-tipsy .qtip-content{
396
- padding: 6px 10;
397
- }
398
-
399
- .qtip-tipsy .qtip-icon{
400
- border-color: #222;
401
- text-shadow: none;
402
- }
403
-
404
- .qtip-tipsy .qtip-titlebar .ui-state-hover{
405
- border-color: #303030;
406
- }
407
-
408
-
409
- /* Tipped style */
410
- .qtip-tipped{
411
- border: 3px solid #959FA9;
412
-
413
- -moz-border-radius: 3px;
414
- -webkit-border-radius: 3px;
415
- border-radius: 3px;
416
-
417
- background-color: #F9F9F9;
418
- color: #454545;
419
-
420
- font-weight: normal;
421
- font-family: serif;
422
- }
423
-
424
- .qtip-tipped .qtip-titlebar{
425
- border-bottom-width: 0;
426
-
427
- color: white;
428
- background: #3A79B8;
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);
434
- filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);
435
- -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";
436
- }
437
-
438
- .qtip-tipped .qtip-icon{
439
- border: 2px solid #285589;
440
- background: #285589;
441
- }
442
-
443
- .qtip-tipped .qtip-icon .ui-icon{
444
- background-color: #FBFBFB;
445
- color: #555;
446
- }
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
-
556
- /* IE9 fix - removes all filters */
557
- .qtip:not(.ie9haxors) div.qtip-content,
558
- .qtip:not(.ie9haxors) div.qtip-titlebar{
559
- filter: none;
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;
622
- }