jquery-qtip2-rails 0.0.1 → 0.1.0
Sign up to get free protection for your applications and to get access to all the features.
- 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
|