jquery-qtip2-rails 0.0.1 → 0.1.0
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.
- data/lib/jquery-qtip2-rails/version.rb +1 -1
- data/vendor/assets/javascripts/jquery-qtip/header.txt +1 -1
- data/vendor/assets/javascripts/jquery-qtip/tips/tips.js +36 -22
- data/vendor/assets/stylesheets/jquery-qtip/core.css +5 -7
- data/vendor/assets/stylesheets/jquery-qtip/extra.css +72 -213
- data/vendor/assets/stylesheets/jquery-qtip/header.txt +1 -1
- data/vendor/assets/stylesheets/jquery-qtip/styles.css +12 -36
- metadata +3 -3
@@ -97,7 +97,7 @@ function Tip(qTip, command)
|
|
97
97
|
shift = { left: FALSE, top: FALSE, x: 0, y: 0 },
|
98
98
|
offset, css = {}, props;
|
99
99
|
|
100
|
-
//
|
100
|
+
// If our tip position isn't fixed e.g. doesn't adjust with viewport...
|
101
101
|
if(self.corner.fixed !== TRUE) {
|
102
102
|
// Horizontal - Shift or flip method
|
103
103
|
if(horizontal === 'shift' && newCorner.precedance === 'x' && adjust.left && newCorner.y !== 'center') {
|
@@ -123,6 +123,10 @@ function Tip(qTip, command)
|
|
123
123
|
|
124
124
|
// Setup tip offset properties
|
125
125
|
offset = self.position(newCorner, adjust);
|
126
|
+
offset[ newCorner.x ] += borderWidth(newCorner, newCorner.x, TRUE);
|
127
|
+
offset[ newCorner.y ] += borderWidth(newCorner, newCorner.y, TRUE);
|
128
|
+
|
129
|
+
// Readjust offset object to make it left/top
|
126
130
|
if(offset.right !== undefined) { offset.left = -offset.right; }
|
127
131
|
if(offset.bottom !== undefined) { offset.top = -offset.bottom; }
|
128
132
|
offset.user = Math.max(0, opts.offset);
|
@@ -185,7 +189,7 @@ function Tip(qTip, command)
|
|
185
189
|
|
186
190
|
var isFluid = tooltip.hasClass(fluidClass),
|
187
191
|
isTitleTop = elems.titlebar && corner.y === 'top',
|
188
|
-
elem = isTitleTop ? elems.titlebar : elems.
|
192
|
+
elem = isTitleTop ? elems.titlebar : elems.tooltip,
|
189
193
|
css = 'border-' + side + '-width',
|
190
194
|
val;
|
191
195
|
|
@@ -293,11 +297,8 @@ function Tip(qTip, command)
|
|
293
297
|
transparent = 'transparent',
|
294
298
|
important = ' !important',
|
295
299
|
|
296
|
-
bodyBorder = $(document.body).css('color'),
|
297
|
-
contentColour = qTip.elements.content.css('color'),
|
298
|
-
|
299
300
|
useTitle = elems.titlebar && (corner.y === 'top' || (corner.y === 'center' && tip.position().top + (size.height / 2) + opts.offset < elems.titlebar.outerHeight(1))),
|
300
|
-
colorElem = useTitle ? elems.titlebar : elems.
|
301
|
+
colorElem = useTitle ? elems.titlebar : elems.tooltip;
|
301
302
|
|
302
303
|
// Apply the fluid class so we can see our CSS values properly
|
303
304
|
tooltip.addClass(fluidClass);
|
@@ -313,10 +314,10 @@ function Tip(qTip, command)
|
|
313
314
|
color.fill = tooltip.css(backgroundColor) || fill;
|
314
315
|
}
|
315
316
|
}
|
316
|
-
if(!border || invalid.test(border) || border ===
|
317
|
+
if(!border || invalid.test(border) || border === $(document.body).css('color')) {
|
317
318
|
color.border = colorElem.css(borderSide) || transparent;
|
318
|
-
if(invalid.test(color.border)) {
|
319
|
-
color.border = border;
|
319
|
+
if(invalid.test(color.border) || color.border === colorElem.css('color')) {
|
320
|
+
color.border = tooltip.css(borderSide) || tooltip.css(borderSideCamel) || border;
|
320
321
|
}
|
321
322
|
}
|
322
323
|
|
@@ -398,7 +399,7 @@ function Tip(qTip, command)
|
|
398
399
|
self.detectColours(corner);
|
399
400
|
|
400
401
|
// Detect border width, taking into account colours
|
401
|
-
if(color.border !== 'transparent'
|
402
|
+
if(color.border !== 'transparent') {
|
402
403
|
// Grab border width
|
403
404
|
border = borderWidth(corner, NULL, TRUE);
|
404
405
|
|
@@ -437,27 +438,40 @@ function Tip(qTip, command)
|
|
437
438
|
if(hasCanvas) {
|
438
439
|
// Set the canvas size using calculated size
|
439
440
|
inner.attr(newSize);
|
440
|
-
|
441
|
+
|
441
442
|
// Grab canvas context and clear/save it
|
442
443
|
context = inner[0].getContext('2d');
|
443
444
|
context.restore(); context.save();
|
444
445
|
context.clearRect(0,0,3000,3000);
|
445
|
-
|
446
|
+
|
447
|
+
// Set properties
|
448
|
+
context.fillStyle = color.fill;
|
449
|
+
context.strokeStyle = color.border;
|
450
|
+
context.lineWidth = border * 2;
|
451
|
+
context.lineJoin = 'miter';
|
452
|
+
context.miterLimit = 100;
|
453
|
+
|
446
454
|
// Translate origin
|
447
455
|
context.translate(translate[0], translate[1]);
|
448
|
-
|
456
|
+
|
449
457
|
// Draw the tip
|
450
458
|
context.beginPath();
|
451
459
|
context.moveTo(coords[0][0], coords[0][1]);
|
452
460
|
context.lineTo(coords[1][0], coords[1][1]);
|
453
461
|
context.lineTo(coords[2][0], coords[2][1]);
|
454
462
|
context.closePath();
|
455
|
-
|
456
|
-
|
457
|
-
|
458
|
-
|
459
|
-
|
460
|
-
|
463
|
+
|
464
|
+
// Apply fill and border
|
465
|
+
if(border) {
|
466
|
+
// Make sure transparent borders are supported by doing a stroke
|
467
|
+
// of the background colour before the stroke colour
|
468
|
+
if(tooltip.css('background-clip') === 'border-box') {
|
469
|
+
context.strokeStyle = color.fill;
|
470
|
+
context.stroke();
|
471
|
+
}
|
472
|
+
context.strokeStyle = color.border;
|
473
|
+
context.stroke();
|
474
|
+
}
|
461
475
|
context.fill();
|
462
476
|
}
|
463
477
|
|
@@ -488,7 +502,7 @@ function Tip(qTip, command)
|
|
488
502
|
path: coords,
|
489
503
|
fillcolor: color.fill,
|
490
504
|
filled: !!i,
|
491
|
-
stroked:
|
505
|
+
stroked: !i
|
492
506
|
})
|
493
507
|
.css({ display: border || i ? 'block' : 'none' });
|
494
508
|
|
@@ -540,10 +554,10 @@ function Tip(qTip, command)
|
|
540
554
|
else {
|
541
555
|
b = borderWidth(corner, side, TRUE);
|
542
556
|
br = borderRadius(corner);
|
543
|
-
|
557
|
+
|
544
558
|
position[ side ] = i ?
|
545
559
|
border ? borderWidth(corner, side) : 0 :
|
546
|
-
userOffset + (br > b ? br :
|
560
|
+
userOffset + (br > b ? br : -b);
|
547
561
|
}
|
548
562
|
});
|
549
563
|
|
@@ -10,6 +10,9 @@
|
|
10
10
|
|
11
11
|
font-size: 10.5px;
|
12
12
|
line-height: 12px;
|
13
|
+
|
14
|
+
border-width: 1px;
|
15
|
+
border-style: solid;
|
13
16
|
}
|
14
17
|
|
15
18
|
/* Fluid class for determining actual width in IE */
|
@@ -25,8 +28,6 @@
|
|
25
28
|
padding: 5px 9px;
|
26
29
|
overflow: hidden;
|
27
30
|
|
28
|
-
border: 1px solid #000001;
|
29
|
-
|
30
31
|
text-align: left;
|
31
32
|
word-wrap: break-word;
|
32
33
|
overflow: hidden;
|
@@ -38,9 +39,7 @@
|
|
38
39
|
padding: 5px 35px 5px 10px;
|
39
40
|
overflow: hidden;
|
40
41
|
|
41
|
-
border:
|
42
|
-
border-width: 1px 1px 0;
|
43
|
-
|
42
|
+
border-width: 0 0 1px;
|
44
43
|
font-weight: bold;
|
45
44
|
}
|
46
45
|
|
@@ -99,8 +98,7 @@
|
|
99
98
|
|
100
99
|
|
101
100
|
/*! Default tooltip style */
|
102
|
-
.ui-tooltip-default
|
103
|
-
.ui-tooltip-default .ui-tooltip-content{
|
101
|
+
.ui-tooltip-default{
|
104
102
|
border-color: #F1D031;
|
105
103
|
background-color: #FFFFA3;
|
106
104
|
color: #555;
|
@@ -1,68 +1,52 @@
|
|
1
|
-
/*! Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+,
|
1
|
+
/*! Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
|
2
2
|
.ui-tooltip-shadow{
|
3
3
|
-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
|
4
4
|
-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
|
5
5
|
box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
|
6
6
|
}
|
7
7
|
|
8
|
-
.ui-tooltip-shadow .ui-tooltip-titlebar,
|
9
|
-
.ui-tooltip-shadow .ui-tooltip-content{
|
10
|
-
filter: progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3);
|
11
|
-
-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3)";
|
12
|
-
|
13
|
-
_margin-bottom: -3px; /* IE6 */
|
14
|
-
.margin-bottom: -3px; /* IE7 */
|
15
|
-
}
|
16
|
-
|
17
|
-
|
18
8
|
/*! Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
|
19
9
|
.ui-tooltip-rounded,
|
20
|
-
.ui-tooltip-rounded .ui-tooltip-content,
|
21
10
|
.ui-tooltip-tipsy,
|
22
|
-
.ui-tooltip-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
-webkit-border-radius: 4px;
|
27
|
-
border-radius: 4px;
|
28
|
-
}
|
29
|
-
|
30
|
-
.ui-tooltip-rounded .ui-tooltip-titlebar,
|
31
|
-
.ui-tooltip-tipsy .ui-tooltip-titlebar,
|
32
|
-
.ui-tooltip-youtube .ui-tooltip-titlebar{
|
33
|
-
-moz-border-radius: 5px 5px 0 0;
|
34
|
-
-webkit-border-radius: 5px 5px 0 0;
|
35
|
-
border-radius: 5px 5px 0 0;
|
36
|
-
}
|
37
|
-
|
38
|
-
.ui-tooltip-rounded .ui-tooltip-titlebar + .ui-tooltip-content,
|
39
|
-
.ui-tooltip-tipsy .ui-tooltip-titlebar + .ui-tooltip-content,
|
40
|
-
.ui-tooltip-youtube .ui-tooltip-titlebar + .ui-tooltip-content{
|
41
|
-
-moz-border-radius: 0 0 5px 5px;
|
42
|
-
-webkit-border-radius: 0 0 5px 5px;
|
43
|
-
border-radius: 0 0 5px 5px;
|
11
|
+
.ui-tooltip-bootstrap{
|
12
|
+
-moz-border-radius: 5px;
|
13
|
+
-webkit-border-radius: 5px;
|
14
|
+
border-radius: 5px;
|
44
15
|
}
|
45
16
|
|
46
|
-
|
47
17
|
/*! Youtube tooltip style */
|
48
18
|
.ui-tooltip-youtube{
|
19
|
+
-moz-border-radius: 2px;
|
20
|
+
-webkit-border-radius: 2px;
|
21
|
+
border-radius: 2px;
|
22
|
+
|
49
23
|
-webkit-box-shadow: 0 0 3px #333;
|
50
24
|
-moz-box-shadow: 0 0 3px #333;
|
51
25
|
box-shadow: 0 0 3px #333;
|
52
|
-
}
|
53
26
|
|
54
|
-
|
55
|
-
|
56
|
-
_margin-bottom: 0; /* IE6 */
|
57
|
-
.margin-bottom: 0; /* IE7 */
|
27
|
+
color: white;
|
28
|
+
border-width: 0;
|
58
29
|
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
30
|
+
background: #4A4A4A;
|
31
|
+
background-image: -moz-linear-gradient(top,#4A4A4A 0,black 100%);
|
32
|
+
background-image: -ms-linear-gradient(top,#4A4A4A 0,black 100%);
|
33
|
+
background-image: -o-linear-gradient(top,#4A4A4A 0,black 100%);
|
34
|
+
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#4A4A4A),color-stop(100%,black));
|
35
|
+
background-image: -webkit-linear-gradient(top,#4A4A4A 0,black 100%);
|
36
|
+
background-image: linear-gradient(to bottom,#4A4A4A 0,black 100%);
|
37
|
+
}
|
63
38
|
|
64
|
-
|
65
|
-
|
39
|
+
.ui-tooltip-youtube .ui-tooltip-titlebar{
|
40
|
+
background-color: #4A4A4A;
|
41
|
+
background-color: rgba(0,0,0,0);
|
42
|
+
}
|
43
|
+
|
44
|
+
.ui-tooltip-youtube .ui-tooltip-content{
|
45
|
+
padding: .75em;
|
46
|
+
font: 12px arial,sans-serif;
|
47
|
+
|
48
|
+
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);
|
49
|
+
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);";
|
66
50
|
}
|
67
51
|
|
68
52
|
.ui-tooltip-youtube .ui-tooltip-icon{
|
@@ -80,7 +64,7 @@
|
|
80
64
|
background: rgba(0, 0, 0, 0.7);
|
81
65
|
background-image: -moz-linear-gradient(top, #717171, #232323);
|
82
66
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
|
83
|
-
|
67
|
+
|
84
68
|
border: 2px solid #ddd;
|
85
69
|
border: 2px solid rgba(241,241,241,1);
|
86
70
|
|
@@ -95,6 +79,7 @@
|
|
95
79
|
|
96
80
|
/* IE Specific */
|
97
81
|
.ui-tooltip-jtools .ui-tooltip-titlebar{
|
82
|
+
background-color: transparent;
|
98
83
|
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);
|
99
84
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
|
100
85
|
}
|
@@ -124,6 +109,10 @@
|
|
124
109
|
-webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
|
125
110
|
-moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
|
126
111
|
box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
|
112
|
+
|
113
|
+
background-color: #D9D9C2;
|
114
|
+
color: #111;
|
115
|
+
border: 0 dashed transparent;
|
127
116
|
}
|
128
117
|
|
129
118
|
.ui-tooltip-cluetip .ui-tooltip-titlebar{
|
@@ -131,12 +120,6 @@
|
|
131
120
|
color: white;
|
132
121
|
border: 0 dashed transparent;
|
133
122
|
}
|
134
|
-
|
135
|
-
.ui-tooltip-cluetip .ui-tooltip-content{
|
136
|
-
background-color: #D9D9C2;
|
137
|
-
color: #111;
|
138
|
-
border: 0 dashed transparent;
|
139
|
-
}
|
140
123
|
|
141
124
|
.ui-tooltip-cluetip .ui-tooltip-icon{
|
142
125
|
border-color: #808064;
|
@@ -150,31 +133,22 @@
|
|
150
133
|
|
151
134
|
/* Tipsy style */
|
152
135
|
.ui-tooltip-tipsy{
|
153
|
-
|
154
|
-
|
136
|
+
background: black;
|
137
|
+
background: rgba(0, 0, 0, .87);
|
155
138
|
|
156
|
-
|
157
|
-
|
158
|
-
_margin-bottom: 0; /* IE6 */
|
159
|
-
.margin-bottom: 0; /* IE7 */
|
160
|
-
|
161
|
-
background: transparent;
|
162
|
-
background: rgba(0, 0, 0, .87);
|
163
|
-
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000);
|
164
|
-
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)";
|
165
|
-
|
166
|
-
color: white;
|
167
|
-
border: 0px transparent;
|
139
|
+
color: white;
|
140
|
+
border: 0px solid transparent;
|
168
141
|
|
169
|
-
|
170
|
-
|
171
|
-
|
172
|
-
|
173
|
-
|
174
|
-
|
142
|
+
font-size: 11px;
|
143
|
+
font-family: 'Lucida Grande', sans-serif;
|
144
|
+
font-weight: bold;
|
145
|
+
line-height: 16px;
|
146
|
+
text-shadow: 0 1px black;
|
147
|
+
}
|
175
148
|
|
176
149
|
.ui-tooltip-tipsy .ui-tooltip-titlebar{
|
177
150
|
padding: 6px 35px 0 10;
|
151
|
+
background-color: transparent;
|
178
152
|
}
|
179
153
|
|
180
154
|
.ui-tooltip-tipsy .ui-tooltip-content{
|
@@ -193,40 +167,28 @@
|
|
193
167
|
|
194
168
|
/* Tipped style */
|
195
169
|
.ui-tooltip-tipped{
|
170
|
+
border: 3px solid #959FA9;
|
196
171
|
|
197
|
-
|
198
|
-
|
199
|
-
|
200
|
-
.ui-tooltip-tipped .ui-tooltip-content{
|
201
|
-
border: 3px solid #959FA9;
|
172
|
+
-moz-border-radius: 3px;
|
173
|
+
-webkit-border-radius: 3px;
|
174
|
+
border-radius: 3px;
|
202
175
|
|
203
|
-
|
204
|
-
|
176
|
+
background-color: #F9F9F9;
|
177
|
+
color: #454545;
|
178
|
+
|
179
|
+
font-weight: normal;
|
180
|
+
font-family: serif;
|
181
|
+
}
|
205
182
|
|
206
183
|
.ui-tooltip-tipped .ui-tooltip-titlebar{
|
184
|
+
border-bottom-width: 0;
|
185
|
+
|
186
|
+
color: white;
|
207
187
|
background: #3A79B8;
|
208
188
|
background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
|
209
189
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
|
210
190
|
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);
|
211
191
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";
|
212
|
-
|
213
|
-
color: white;
|
214
|
-
font-weight: normal;
|
215
|
-
font-family: serif;
|
216
|
-
|
217
|
-
border-bottom-width: 0;
|
218
|
-
-moz-border-radius: 3px 3px 0 0;
|
219
|
-
-webkit-border-radius: 3px 3px 0 0;
|
220
|
-
border-radius: 3px 3px 0 0;
|
221
|
-
}
|
222
|
-
|
223
|
-
.ui-tooltip-tipped .ui-tooltip-content{
|
224
|
-
background-color: #F9F9F9;
|
225
|
-
color: #454545;
|
226
|
-
|
227
|
-
-moz-border-radius: 0 0 3px 3px;
|
228
|
-
-webkit-border-radius: 0 0 3px 3px;
|
229
|
-
border-radius: 0 0 3px 3px;
|
230
192
|
}
|
231
193
|
|
232
194
|
.ui-tooltip-tipped .ui-tooltip-icon{
|
@@ -247,16 +209,15 @@
|
|
247
209
|
* Does not work with IE 7.
|
248
210
|
*/
|
249
211
|
.ui-tooltip-bootstrap{
|
250
|
-
/**
|
251
|
-
* Overrides qTip2:
|
252
|
-
* .ui-tooltip, .qtip { font-size: 10.5px; line-height: 12px; }
|
253
|
-
* Taken from Bootstrap:
|
254
|
-
* body { font-size: 13px; line-height: 18px; }
|
255
|
-
*/
|
256
212
|
font-size: 13px;
|
257
213
|
line-height: 18px;
|
258
214
|
|
259
|
-
|
215
|
+
color: #333333;
|
216
|
+
background-color: #ffffff;
|
217
|
+
|
218
|
+
|
219
|
+
border: 1px solid #ccc;
|
220
|
+
border: 1px solid rgba(0, 0, 0, 0.2);
|
260
221
|
|
261
222
|
*border-right-width: 2px;
|
262
223
|
*border-bottom-width: 2px;
|
@@ -274,127 +235,26 @@
|
|
274
235
|
background-clip: padding-box;
|
275
236
|
}
|
276
237
|
|
277
|
-
.ui-tooltip-bootstrap .ui-tooltip-titlebar,
|
278
|
-
.ui-tooltip-bootstrap .ui-tooltip-content{
|
279
|
-
/**
|
280
|
-
* Overrides qTip2:
|
281
|
-
* .ui-tooltip-default .ui-tooltip-titlebar,
|
282
|
-
* .ui-tooltip-default .ui-tooltip-content{
|
283
|
-
* border-color: #F1D031;
|
284
|
-
* background-color: #FFFFA3;
|
285
|
-
* color: #555;
|
286
|
-
* }
|
287
|
-
* Taken from Bootstrap body
|
288
|
-
*/
|
289
|
-
color: #333333;
|
290
|
-
|
291
|
-
/**
|
292
|
-
* Overrides qTip2:
|
293
|
-
* .ui-tooltip-default .ui-tooltip-titlebar { background-color: #FFEF93; }
|
294
|
-
* Taken from Bootstrap body
|
295
|
-
*/
|
296
|
-
background-color: #ffffff;
|
297
|
-
|
298
|
-
/**
|
299
|
-
* Taken from Bootstrap .dropdown-menu
|
300
|
-
*/
|
301
|
-
border: 1px solid #ccc;
|
302
|
-
border: 1px solid rgba(0, 0, 0, 0.2); /* Transparency does not work */
|
303
|
-
}
|
304
|
-
|
305
238
|
.ui-tooltip-bootstrap .ui-tooltip-titlebar{
|
306
|
-
/**
|
307
|
-
* Taken from Bootstrap h3
|
308
|
-
*/
|
309
239
|
font-size: 18px;
|
310
|
-
line-height: 22px;
|
311
|
-
|
312
|
-
/**
|
313
|
-
* Taken and adapted from Bootstrap:
|
314
|
-
* .modal-header {
|
315
|
-
* padding: 9px 15px;
|
316
|
-
* border-bottom: 1px solid #eee;
|
317
|
-
* }
|
318
|
-
*/
|
319
|
-
border-bottom: 1px solid #ccc; /* #ccc instead of #eee */
|
320
|
-
|
321
|
-
/**
|
322
|
-
* Taken and adapted from Bootstrap .dropdown-menu
|
323
|
-
*
|
324
|
-
* border transparency does not work
|
325
|
-
* border-radius should not be done for the titlebar and the content
|
326
|
-
* but only once for .ui-tooltip-*
|
327
|
-
* This is because of the little ^ shape
|
328
|
-
* If border-radius is done at .ui-tooltip-* then the little ^ shape is white
|
329
|
-
*/
|
330
|
-
-webkit-border-radius: 5px 5px 0 0;
|
331
|
-
-moz-border-radius: 5px 5px 0 0;
|
332
|
-
border-radius: 5px 5px 0 0;
|
333
|
-
}
|
334
|
-
|
335
|
-
.ui-tooltip-bootstrap .ui-tooltip-titlebar .ui-state-default{
|
336
|
-
/**
|
337
|
-
* Overrides qTip2:
|
338
|
-
* .ui-tooltip-titlebar .ui-state-default{
|
339
|
-
* position: absolute;
|
340
|
-
* right: 4px;
|
341
|
-
* top: 50%;
|
342
|
-
* margin-top: -9px;
|
343
|
-
*
|
344
|
-
* cursor: pointer;
|
345
|
-
* outline: medium none;
|
346
|
-
*
|
347
|
-
* border-width: 1px;
|
348
|
-
* border-style: solid;
|
349
|
-
* }
|
350
|
-
*/
|
351
|
-
right: 9px;
|
352
|
-
top: 49%;
|
353
|
-
|
354
|
-
border-style: none; /* No border */
|
355
|
-
}
|
240
|
+
line-height: 22px;
|
356
241
|
|
357
|
-
|
358
|
-
|
359
|
-
* Taken and adapted from Bootstrap .dropdown-menu
|
360
|
-
*/
|
361
|
-
-webkit-border-radius: 0 0 5px 5px;
|
362
|
-
-moz-border-radius: 0 0 5px 5px;
|
363
|
-
border-radius: 0 0 5px 5px;
|
242
|
+
border-bottom: 1px solid #ccc;
|
243
|
+
background-color: transparent;
|
364
244
|
}
|
365
245
|
|
366
|
-
.ui-tooltip-bootstrap .ui-tooltip-
|
367
|
-
|
368
|
-
|
369
|
-
* form { margin: 0 0 18px; }
|
370
|
-
*/
|
371
|
-
margin: 0 0 5px;
|
246
|
+
.ui-tooltip-bootstrap .ui-tooltip-titlebar .ui-state-default{
|
247
|
+
right: 9px; top: 49%;
|
248
|
+
border-style: none;
|
372
249
|
}
|
373
250
|
|
374
251
|
.ui-tooltip-bootstrap .ui-tooltip-icon{
|
375
|
-
/**
|
376
|
-
* Overrides qTip2:
|
377
|
-
* .ui-tooltip-default .ui-tooltip-icon {
|
378
|
-
* border-color: #CCC;
|
379
|
-
* background: #F1F1F1;
|
380
|
-
* color: #777;
|
381
|
-
* }
|
382
|
-
*/
|
383
252
|
background: white;
|
384
253
|
}
|
385
254
|
|
386
255
|
.ui-tooltip-bootstrap .ui-tooltip-icon .ui-icon{
|
387
|
-
/**
|
388
|
-
* Overrides qTip2:
|
389
|
-
* .ui-tooltip-icon .ui-icon{
|
390
|
-
* width: 18px;
|
391
|
-
* height: 14px;
|
392
|
-
* }
|
393
|
-
*/
|
394
256
|
width: auto;
|
395
257
|
height: auto;
|
396
|
-
|
397
|
-
/* Taken from Bootstrap .close */
|
398
258
|
float: right;
|
399
259
|
font-size: 20px;
|
400
260
|
font-weight: bold;
|
@@ -406,7 +266,6 @@
|
|
406
266
|
}
|
407
267
|
|
408
268
|
.ui-tooltip-bootstrap .ui-tooltip-icon .ui-icon:hover{
|
409
|
-
/* Taken from Bootstrap .close:hover */
|
410
269
|
color: #000000;
|
411
270
|
text-decoration: none;
|
412
271
|
cursor: pointer;
|
@@ -1,30 +1,22 @@
|
|
1
1
|
/*! Light tooltip style */
|
2
|
-
.ui-tooltip-light
|
3
|
-
|
2
|
+
.ui-tooltip-light{
|
3
|
+
background-color: white;
|
4
4
|
border-color: #E2E2E2;
|
5
5
|
color: #454545;
|
6
6
|
}
|
7
7
|
|
8
|
-
.ui-tooltip-light .ui-tooltip-content{
|
9
|
-
background-color: white;
|
10
|
-
}
|
11
|
-
|
12
8
|
.ui-tooltip-light .ui-tooltip-titlebar{
|
13
9
|
background-color: #f1f1f1;
|
14
10
|
}
|
15
11
|
|
16
12
|
|
17
13
|
/*! Dark tooltip style */
|
18
|
-
.ui-tooltip-dark
|
19
|
-
|
14
|
+
.ui-tooltip-dark{
|
15
|
+
background-color: #505050;
|
20
16
|
border-color: #303030;
|
21
17
|
color: #f3f3f3;
|
22
18
|
}
|
23
19
|
|
24
|
-
.ui-tooltip-dark .ui-tooltip-content{
|
25
|
-
background-color: #505050;
|
26
|
-
}
|
27
|
-
|
28
20
|
.ui-tooltip-dark .ui-tooltip-titlebar{
|
29
21
|
background-color: #404040;
|
30
22
|
}
|
@@ -39,16 +31,12 @@
|
|
39
31
|
|
40
32
|
|
41
33
|
/*! Cream tooltip style */
|
42
|
-
.ui-tooltip-cream
|
43
|
-
|
34
|
+
.ui-tooltip-cream{
|
35
|
+
background-color: #FBF7AA;
|
44
36
|
border-color: #F9E98E;
|
45
37
|
color: #A27D35;
|
46
38
|
}
|
47
39
|
|
48
|
-
.ui-tooltip-cream .ui-tooltip-content{
|
49
|
-
background-color: #FBF7AA;
|
50
|
-
}
|
51
|
-
|
52
40
|
.ui-tooltip-cream .ui-tooltip-titlebar{
|
53
41
|
background-color: #F0DE7D;
|
54
42
|
}
|
@@ -59,16 +47,12 @@
|
|
59
47
|
|
60
48
|
|
61
49
|
/*! Red tooltip style */
|
62
|
-
.ui-tooltip-red
|
63
|
-
|
50
|
+
.ui-tooltip-red{
|
51
|
+
background-color: #F78B83;
|
64
52
|
border-color: #D95252;
|
65
53
|
color: #912323;
|
66
54
|
}
|
67
55
|
|
68
|
-
.ui-tooltip-red .ui-tooltip-content{
|
69
|
-
background-color: #F78B83;
|
70
|
-
}
|
71
|
-
|
72
56
|
.ui-tooltip-red .ui-tooltip-titlebar{
|
73
57
|
background-color: #F06D65;
|
74
58
|
}
|
@@ -87,16 +71,12 @@
|
|
87
71
|
|
88
72
|
|
89
73
|
/*! Green tooltip style */
|
90
|
-
.ui-tooltip-green
|
91
|
-
|
74
|
+
.ui-tooltip-green{
|
75
|
+
background-color: #CAED9E;
|
92
76
|
border-color: #90D93F;
|
93
77
|
color: #3F6219;
|
94
78
|
}
|
95
79
|
|
96
|
-
.ui-tooltip-green .ui-tooltip-content{
|
97
|
-
background-color: #CAED9E;
|
98
|
-
}
|
99
|
-
|
100
80
|
.ui-tooltip-green .ui-tooltip-titlebar{
|
101
81
|
background-color: #B0DE78;
|
102
82
|
}
|
@@ -107,16 +87,12 @@
|
|
107
87
|
|
108
88
|
|
109
89
|
/*! Blue tooltip style */
|
110
|
-
.ui-tooltip-blue
|
111
|
-
|
90
|
+
.ui-tooltip-blue{
|
91
|
+
background-color: #E5F6FE;
|
112
92
|
border-color: #ADD9ED;
|
113
93
|
color: #5E99BD;
|
114
94
|
}
|
115
95
|
|
116
|
-
.ui-tooltip-blue .ui-tooltip-content{
|
117
|
-
background-color: #E5F6FE;
|
118
|
-
}
|
119
|
-
|
120
96
|
.ui-tooltip-blue .ui-tooltip-titlebar{
|
121
97
|
background-color: #D0E9F5;
|
122
98
|
}
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: jquery-qtip2-rails
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.0
|
4
|
+
version: 0.1.0
|
5
5
|
prerelease:
|
6
6
|
platform: ruby
|
7
7
|
authors:
|
@@ -75,7 +75,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
|
|
75
75
|
version: '0'
|
76
76
|
segments:
|
77
77
|
- 0
|
78
|
-
hash:
|
78
|
+
hash: 4429895880986720707
|
79
79
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
80
80
|
none: false
|
81
81
|
requirements:
|
@@ -84,7 +84,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
84
84
|
version: '0'
|
85
85
|
segments:
|
86
86
|
- 0
|
87
|
-
hash:
|
87
|
+
hash: 4429895880986720707
|
88
88
|
requirements: []
|
89
89
|
rubyforge_project:
|
90
90
|
rubygems_version: 1.8.24
|