jquery-qtip2-rails 0.0.1
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/.gitignore +17 -0
- data/Gemfile +4 -0
- data/LICENSE +22 -0
- data/README.md +87 -0
- data/Rakefile +2 -0
- data/jquery-qtip2-rails.gemspec +19 -0
- data/lib/jquery-qtip2-rails.rb +10 -0
- data/lib/jquery-qtip2-rails/version.rb +7 -0
- data/vendor/assets/javascripts/jquery-qtip/ajax/ajax.js +167 -0
- data/vendor/assets/javascripts/jquery-qtip/bgiframe/bgiframe.js +76 -0
- data/vendor/assets/javascripts/jquery-qtip/core.js +1923 -0
- data/vendor/assets/javascripts/jquery-qtip/header.txt +14 -0
- data/vendor/assets/javascripts/jquery-qtip/imagemap/imagemap.js +143 -0
- data/vendor/assets/javascripts/jquery-qtip/intro.js +58 -0
- data/vendor/assets/javascripts/jquery-qtip/modal/modal.js +286 -0
- data/vendor/assets/javascripts/jquery-qtip/outro.js +2 -0
- data/vendor/assets/javascripts/jquery-qtip/svg/svg.js +43 -0
- data/vendor/assets/javascripts/jquery-qtip/tips/tips.js +610 -0
- data/vendor/assets/javascripts/jquery.qtip.basic.js +4 -0
- data/vendor/assets/javascripts/jquery.qtip.js +10 -0
- data/vendor/assets/stylesheets/jquery-qtip/core.css +123 -0
- data/vendor/assets/stylesheets/jquery-qtip/extra.css +424 -0
- data/vendor/assets/stylesheets/jquery-qtip/header.txt +14 -0
- data/vendor/assets/stylesheets/jquery-qtip/modal/modal.css +23 -0
- data/vendor/assets/stylesheets/jquery-qtip/styles.css +127 -0
- data/vendor/assets/stylesheets/jquery-qtip/tips/tips.css +22 -0
- data/vendor/assets/stylesheets/jquery.qtip.css +8 -0
- metadata +94 -0
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
//= include ./jquery-qtip/header.txt
|
|
2
|
+
//= include ./jquery-qtip/intro.js
|
|
3
|
+
//= include ./jquery-qtip/core.js
|
|
4
|
+
//= include ./jquery-qtip/ajax/ajax.js
|
|
5
|
+
//= include ./jquery-qtip/bgiframe/bgiframe.js
|
|
6
|
+
//= include ./jquery-qtip/imagemap/imagemap.js
|
|
7
|
+
//= include ./jquery-qtip/modal/modal.js
|
|
8
|
+
//= include ./jquery-qtip/svg/svg.js
|
|
9
|
+
//= include ./jquery-qtip/tips/tips.js
|
|
10
|
+
//= include ./jquery-qtip/outro.js
|
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
/* Core qTip styles */
|
|
2
|
+
.ui-tooltip, .qtip{
|
|
3
|
+
position: absolute;
|
|
4
|
+
left: -28000px;
|
|
5
|
+
top: -28000px;
|
|
6
|
+
display: none;
|
|
7
|
+
|
|
8
|
+
max-width: 280px;
|
|
9
|
+
min-width: 50px;
|
|
10
|
+
|
|
11
|
+
font-size: 10.5px;
|
|
12
|
+
line-height: 12px;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
/* Fluid class for determining actual width in IE */
|
|
16
|
+
.ui-tooltip-fluid{
|
|
17
|
+
display: block;
|
|
18
|
+
visibility: hidden;
|
|
19
|
+
position: static !important;
|
|
20
|
+
float: left !important;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.ui-tooltip-content{
|
|
24
|
+
position: relative;
|
|
25
|
+
padding: 5px 9px;
|
|
26
|
+
overflow: hidden;
|
|
27
|
+
|
|
28
|
+
border: 1px solid #000001;
|
|
29
|
+
|
|
30
|
+
text-align: left;
|
|
31
|
+
word-wrap: break-word;
|
|
32
|
+
overflow: hidden;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.ui-tooltip-titlebar{
|
|
36
|
+
position: relative;
|
|
37
|
+
min-height: 14px;
|
|
38
|
+
padding: 5px 35px 5px 10px;
|
|
39
|
+
overflow: hidden;
|
|
40
|
+
|
|
41
|
+
border: 1px solid #000001;
|
|
42
|
+
border-width: 1px 1px 0;
|
|
43
|
+
|
|
44
|
+
font-weight: bold;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.ui-tooltip-titlebar + .ui-tooltip-content{ border-top-width: 0px !important; }
|
|
48
|
+
|
|
49
|
+
/*! Default close button class */
|
|
50
|
+
.ui-tooltip-titlebar .ui-state-default{
|
|
51
|
+
position: absolute;
|
|
52
|
+
right: 4px;
|
|
53
|
+
top: 50%;
|
|
54
|
+
margin-top: -9px;
|
|
55
|
+
|
|
56
|
+
cursor: pointer;
|
|
57
|
+
outline: medium none;
|
|
58
|
+
|
|
59
|
+
border-width: 1px;
|
|
60
|
+
border-style: solid;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
* html .ui-tooltip-titlebar .ui-state-default{ top: 16px; } /* IE fix */
|
|
64
|
+
|
|
65
|
+
.ui-tooltip-titlebar .ui-icon,
|
|
66
|
+
.ui-tooltip-icon .ui-icon{
|
|
67
|
+
display: block;
|
|
68
|
+
text-indent: -1000em;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.ui-tooltip-icon, .ui-tooltip-icon .ui-icon{
|
|
72
|
+
-moz-border-radius: 3px;
|
|
73
|
+
-webkit-border-radius: 3px;
|
|
74
|
+
border-radius: 3px;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.ui-tooltip-icon .ui-icon{
|
|
78
|
+
width: 18px;
|
|
79
|
+
height: 14px;
|
|
80
|
+
|
|
81
|
+
text-align: center;
|
|
82
|
+
text-indent: 0;
|
|
83
|
+
font: normal bold 10px/13px Tahoma,sans-serif;
|
|
84
|
+
|
|
85
|
+
color: inherit;
|
|
86
|
+
background: transparent none no-repeat -100em -100em;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
|
|
90
|
+
/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
|
|
91
|
+
.ui-tooltip-focus{
|
|
92
|
+
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
|
|
96
|
+
.ui-tooltip-hover{
|
|
97
|
+
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
|
|
101
|
+
/*! Default tooltip style */
|
|
102
|
+
.ui-tooltip-default .ui-tooltip-titlebar,
|
|
103
|
+
.ui-tooltip-default .ui-tooltip-content{
|
|
104
|
+
border-color: #F1D031;
|
|
105
|
+
background-color: #FFFFA3;
|
|
106
|
+
color: #555;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
.ui-tooltip-default .ui-tooltip-titlebar{
|
|
110
|
+
background-color: #FFEF93;
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
.ui-tooltip-default .ui-tooltip-icon{
|
|
114
|
+
border-color: #CCC;
|
|
115
|
+
background: #F1F1F1;
|
|
116
|
+
color: #777;
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
.ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover{
|
|
120
|
+
border-color: #AAA;
|
|
121
|
+
color: #111;
|
|
122
|
+
}
|
|
123
|
+
|
|
@@ -0,0 +1,424 @@
|
|
|
1
|
+
/*! Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE6+, Safari 2+ */
|
|
2
|
+
.ui-tooltip-shadow{
|
|
3
|
+
-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
|
|
4
|
+
-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
|
|
5
|
+
box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
|
|
6
|
+
}
|
|
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
|
+
/*! Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
|
|
19
|
+
.ui-tooltip-rounded,
|
|
20
|
+
.ui-tooltip-rounded .ui-tooltip-content,
|
|
21
|
+
.ui-tooltip-tipsy,
|
|
22
|
+
.ui-tooltip-tipsy .ui-tooltip-content,
|
|
23
|
+
.ui-tooltip-youtube,
|
|
24
|
+
.ui-tooltip-youtube .ui-tooltip-content{
|
|
25
|
+
-moz-border-radius: 4px;
|
|
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;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
/*! Youtube tooltip style */
|
|
48
|
+
.ui-tooltip-youtube{
|
|
49
|
+
-webkit-box-shadow: 0 0 3px #333;
|
|
50
|
+
-moz-box-shadow: 0 0 3px #333;
|
|
51
|
+
box-shadow: 0 0 3px #333;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.ui-tooltip-youtube .ui-tooltip-titlebar,
|
|
55
|
+
.ui-tooltip-youtube .ui-tooltip-content{
|
|
56
|
+
_margin-bottom: 0; /* IE6 */
|
|
57
|
+
.margin-bottom: 0; /* IE7 */
|
|
58
|
+
|
|
59
|
+
background: transparent;
|
|
60
|
+
background: rgba(0, 0, 0, 0.85);
|
|
61
|
+
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000);
|
|
62
|
+
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)";
|
|
63
|
+
|
|
64
|
+
color: white;
|
|
65
|
+
border-color: #CCCCCC;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.ui-tooltip-youtube .ui-tooltip-icon{
|
|
69
|
+
border-color: #222;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.ui-tooltip-youtube .ui-tooltip-titlebar .ui-state-hover{
|
|
73
|
+
border-color: #303030;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
|
|
77
|
+
/* jQuery TOOLS Tooltip style */
|
|
78
|
+
.ui-tooltip-jtools{
|
|
79
|
+
background: #232323;
|
|
80
|
+
background: rgba(0, 0, 0, 0.7);
|
|
81
|
+
background-image: -moz-linear-gradient(top, #717171, #232323);
|
|
82
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
|
|
83
|
+
|
|
84
|
+
border: 2px solid #ddd;
|
|
85
|
+
border: 2px solid rgba(241,241,241,1);
|
|
86
|
+
|
|
87
|
+
-moz-border-radius: 2px;
|
|
88
|
+
-webkit-border-radius: 2px;
|
|
89
|
+
border-radius: 2px;
|
|
90
|
+
|
|
91
|
+
-webkit-box-shadow: 0 0 12px #333;
|
|
92
|
+
-moz-box-shadow: 0 0 12px #333;
|
|
93
|
+
box-shadow: 0 0 12px #333;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
/* IE Specific */
|
|
97
|
+
.ui-tooltip-jtools .ui-tooltip-titlebar{
|
|
98
|
+
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);
|
|
99
|
+
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
|
|
100
|
+
}
|
|
101
|
+
.ui-tooltip-jtools .ui-tooltip-content{
|
|
102
|
+
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);
|
|
103
|
+
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
.ui-tooltip-jtools .ui-tooltip-titlebar,
|
|
107
|
+
.ui-tooltip-jtools .ui-tooltip-content{
|
|
108
|
+
background: transparent;
|
|
109
|
+
color: white;
|
|
110
|
+
border: 0 dashed transparent;
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
.ui-tooltip-jtools .ui-tooltip-icon{
|
|
114
|
+
border-color: #555;
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
.ui-tooltip-jtools .ui-tooltip-titlebar .ui-state-hover{
|
|
118
|
+
border-color: #333;
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
|
|
122
|
+
/* Cluetip style */
|
|
123
|
+
.ui-tooltip-cluetip{
|
|
124
|
+
-webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
|
|
125
|
+
-moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
|
|
126
|
+
box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
.ui-tooltip-cluetip .ui-tooltip-titlebar{
|
|
130
|
+
background-color: #87876A;
|
|
131
|
+
color: white;
|
|
132
|
+
border: 0 dashed transparent;
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
.ui-tooltip-cluetip .ui-tooltip-content{
|
|
136
|
+
background-color: #D9D9C2;
|
|
137
|
+
color: #111;
|
|
138
|
+
border: 0 dashed transparent;
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
.ui-tooltip-cluetip .ui-tooltip-icon{
|
|
142
|
+
border-color: #808064;
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
.ui-tooltip-cluetip .ui-tooltip-titlebar .ui-state-hover{
|
|
146
|
+
border-color: #696952;
|
|
147
|
+
color: #696952;
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
|
|
151
|
+
/* Tipsy style */
|
|
152
|
+
.ui-tooltip-tipsy{
|
|
153
|
+
border: 0;
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
.ui-tooltip-tipsy .ui-tooltip-titlebar,
|
|
157
|
+
.ui-tooltip-tipsy .ui-tooltip-content{
|
|
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;
|
|
168
|
+
|
|
169
|
+
font-size: 11px;
|
|
170
|
+
font-family: 'Lucida Grande', sans-serif;
|
|
171
|
+
font-weight: bold;
|
|
172
|
+
line-height: 16px;
|
|
173
|
+
text-shadow: 0 1px black;
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
.ui-tooltip-tipsy .ui-tooltip-titlebar{
|
|
177
|
+
padding: 6px 35px 0 10;
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
.ui-tooltip-tipsy .ui-tooltip-content{
|
|
181
|
+
padding: 6px 10;
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
.ui-tooltip-tipsy .ui-tooltip-icon{
|
|
185
|
+
border-color: #222;
|
|
186
|
+
text-shadow: none;
|
|
187
|
+
}
|
|
188
|
+
|
|
189
|
+
.ui-tooltip-tipsy .ui-tooltip-titlebar .ui-state-hover{
|
|
190
|
+
border-color: #303030;
|
|
191
|
+
}
|
|
192
|
+
|
|
193
|
+
|
|
194
|
+
/* Tipped style */
|
|
195
|
+
.ui-tooltip-tipped{
|
|
196
|
+
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
.ui-tooltip-tipped .ui-tooltip-titlebar,
|
|
200
|
+
.ui-tooltip-tipped .ui-tooltip-content{
|
|
201
|
+
border: 3px solid #959FA9;
|
|
202
|
+
|
|
203
|
+
filter: none; -ms-filter: none;
|
|
204
|
+
}
|
|
205
|
+
|
|
206
|
+
.ui-tooltip-tipped .ui-tooltip-titlebar{
|
|
207
|
+
background: #3A79B8;
|
|
208
|
+
background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
|
|
209
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
|
|
210
|
+
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);
|
|
211
|
+
-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
|
+
}
|
|
231
|
+
|
|
232
|
+
.ui-tooltip-tipped .ui-tooltip-icon{
|
|
233
|
+
border: 2px solid #285589;
|
|
234
|
+
background: #285589;
|
|
235
|
+
}
|
|
236
|
+
|
|
237
|
+
.ui-tooltip-tipped .ui-tooltip-icon .ui-icon{
|
|
238
|
+
background-color: #FBFBFB;
|
|
239
|
+
color: #555;
|
|
240
|
+
}
|
|
241
|
+
|
|
242
|
+
|
|
243
|
+
/**
|
|
244
|
+
* Twitter Bootstrap style.
|
|
245
|
+
*
|
|
246
|
+
* Tested with IE 8, IE 9, Chrome 18, Firefox 9, Opera 11.
|
|
247
|
+
* Does not work with IE 7.
|
|
248
|
+
*/
|
|
249
|
+
.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
|
+
font-size: 13px;
|
|
257
|
+
line-height: 18px;
|
|
258
|
+
|
|
259
|
+
/* Taken from Bootstrap .dropdown-menu */
|
|
260
|
+
|
|
261
|
+
*border-right-width: 2px;
|
|
262
|
+
*border-bottom-width: 2px;
|
|
263
|
+
|
|
264
|
+
-webkit-border-radius: 5px;
|
|
265
|
+
-moz-border-radius: 5px;
|
|
266
|
+
border-radius: 5px;
|
|
267
|
+
|
|
268
|
+
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
|
269
|
+
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
|
270
|
+
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
|
271
|
+
|
|
272
|
+
-webkit-background-clip: padding-box;
|
|
273
|
+
-moz-background-clip: padding;
|
|
274
|
+
background-clip: padding-box;
|
|
275
|
+
}
|
|
276
|
+
|
|
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
|
+
.ui-tooltip-bootstrap .ui-tooltip-titlebar{
|
|
306
|
+
/**
|
|
307
|
+
* Taken from Bootstrap h3
|
|
308
|
+
*/
|
|
309
|
+
font-size: 18px;
|
|
310
|
+
line-height: 22px; /* 22px instead of 27px */
|
|
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
|
+
}
|
|
356
|
+
|
|
357
|
+
.ui-tooltip-bootstrap .ui-tooltip-content{
|
|
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;
|
|
364
|
+
}
|
|
365
|
+
|
|
366
|
+
.ui-tooltip-bootstrap .ui-tooltip-content form{
|
|
367
|
+
/**
|
|
368
|
+
* Overrides Boostrap:
|
|
369
|
+
* form { margin: 0 0 18px; }
|
|
370
|
+
*/
|
|
371
|
+
margin: 0 0 5px;
|
|
372
|
+
}
|
|
373
|
+
|
|
374
|
+
.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
|
+
background: white;
|
|
384
|
+
}
|
|
385
|
+
|
|
386
|
+
.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
|
+
width: auto;
|
|
395
|
+
height: auto;
|
|
396
|
+
|
|
397
|
+
/* Taken from Bootstrap .close */
|
|
398
|
+
float: right;
|
|
399
|
+
font-size: 20px;
|
|
400
|
+
font-weight: bold;
|
|
401
|
+
line-height: 18px;
|
|
402
|
+
color: #000000;
|
|
403
|
+
text-shadow: 0 1px 0 #ffffff;
|
|
404
|
+
opacity: 0.2;
|
|
405
|
+
filter: alpha(opacity=20);
|
|
406
|
+
}
|
|
407
|
+
|
|
408
|
+
.ui-tooltip-bootstrap .ui-tooltip-icon .ui-icon:hover{
|
|
409
|
+
/* Taken from Bootstrap .close:hover */
|
|
410
|
+
color: #000000;
|
|
411
|
+
text-decoration: none;
|
|
412
|
+
cursor: pointer;
|
|
413
|
+
opacity: 0.4;
|
|
414
|
+
filter: alpha(opacity=40);
|
|
415
|
+
}
|
|
416
|
+
|
|
417
|
+
|
|
418
|
+
/* IE9 fix - removes all filters */
|
|
419
|
+
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-content,
|
|
420
|
+
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-titlebar{
|
|
421
|
+
filter: none;
|
|
422
|
+
-ms-filter: none;
|
|
423
|
+
}
|
|
424
|
+
|