creative-tooltip.css
9.43 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
.the-tooltip > .tooltip_inner {
-webkit-transition: all 0.2s ease-out;;
-moz-transition: all 0.2s ease-out;;
-o-transition: all 0.2s ease-out;;
transition: all 0.2s ease-out;
}
.cr_rotate {
/*transform: rotate(360deg);*/
}
.creative_tooltip_ivisible {
opacity: 0 !important;
margin-bottom: 25px !important;
display: none;
}
.the-tooltip > .tooltip_inner {
border: solid 1px;
border-radius: 5px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
font-size: 12px;
position: absolute;
width: auto;
z-index: 999;
line-height: 18px;
font-weight: normal;
}
.the-tooltip > .tooltip_inner.powered_by {
background: rgb(30,87,153); /* Old browsers */
background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
opacity: 0.99;
width: 202px !important;
padding: 4px 13px 5px 12px !important;
}
.the-tooltip.dark-midnight-blue > .tooltip_inner.powered_by:after {
border-color: rgb(17, 89, 162)!important;
}
.the-tooltip.bottom > .tooltip_inner.powered_by:after, .the-tooltip.bottom > .tooltip_inner.powered_by:before {
border-left-color: transparent !important;
border-right-color: transparent !important;
border-top-color: transparent !important;
bottom: 100%;
}
.the-tooltip.dark-midnight-blue > .tooltip_inner.powered_by {
border-color: rgb(0, 58, 116) !important;
}
.the-tooltip > .tooltip_inner * {
max-width: 100%;
}
.the-tooltip > .tooltip_inner:after, .the-tooltip > .tooltip_inner:before {
border: solid 7px;
content: "";
display: block;
margin: 0 12px 0 12px;
position: absolute;
}
.the-tooltip.bottom > .tooltip_inner {
}
.the-tooltip.bottom > .tooltip_inner:after {
margin-bottom: -1px;
}
.the-tooltip.bottom > .tooltip_inner:after, .the-tooltip.bottom > .tooltip_inner:before {
border-left-color: transparent !important;
border-right-color: transparent !important;
border-top-color: transparent !important;
bottom: 100%;
}
.the-tooltip.bottom > .tooltip_inner:before {
margin-bottom: 0px;
}
.the-tooltip.center > .tooltip_inner {
}
.the-tooltip.center > .tooltip_inner:after, .the-tooltip.center > .tooltip_inner:before {
left: 50%;
margin-left: -10px;
}
.the-tooltip.left > .tooltip_inner {
left: 0;
}
.the-tooltip.left > .tooltip_inner:after, .the-tooltip.left > .tooltip_inner:before {
left: 0;
}
.the-tooltip.right > .tooltip_inner {
/*right: 0;*/
}
.the-tooltip.right > .tooltip_inner:after, .the-tooltip.right > .tooltip_inner:before {
/*right: 0;*/
}
.the-tooltip.top > .tooltip_inner {
bottom: 100%;
margin-bottom: 10px;
}
.the-tooltip.top > .tooltip_inner:after {
margin-top: -1px;
}
.the-tooltip.top > .tooltip_inner:after, .the-tooltip.top > .tooltip_inner:before {
border-bottom-color: transparent !important;
border-left-color: transparent !important;
border-right-color: transparent !important;
top: 100%;
}
.the-tooltip.top > .tooltip_inner:before {
margin-top: 0px;
}
.the-tooltip.auto-width > .tooltip_inner {
white-space: nowrap;
width: auto;
}
.the-tooltip.full-width > .tooltip_inner {
left: 0;
margin-left: 0;
width: 100%;
}
.the-tooltip.apple-green > .tooltip_inner {
background-color: #8db600;
border-color: #658300;
color: #161d00;
}
.the-tooltip.apple-green > .tooltip_inner:after {
border-color: #8db600;
}
.the-tooltip.apple-green > .tooltip_inner:before {
border-color: #658300;
}
.the-tooltip.apple-green > .tooltip_inner {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}
.the-tooltip.apricot > .tooltip_inner {
background-color: #fbceb1;
border-color: #f9b080;
color: #441d03;
}
.the-tooltip.apricot > .tooltip_inner:after {
border-color: #fbceb1;
}
.the-tooltip.apricot > .tooltip_inner:before {
border-color: #f9b080;
}
.the-tooltip.apricot > .tooltip_inner {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}
.the-tooltip.black > .tooltip_inner {
background-color: rgba(51, 51, 51, 1);
border-color: #0d0d0d;
color: #ffffff;
}
.the-tooltip.black > .tooltip_inner:after {
border-color: rgba(48, 48, 48, 1);
}
.the-tooltip.black > .tooltip_inner:before {
border-color: #0d0d0d;
}
.the-tooltip.black > .tooltip_inner {
text-shadow: 0 1px 0 #000000;
}
.the-tooltip.carrot-orange > .tooltip_inner {
background-color: #ed9121;
border-color: #b3690f;
color: #251603;
}
.the-tooltip.carrot-orange > .tooltip_inner:after {
border-color: #ed9121;
}
.the-tooltip.carrot-orange > .tooltip_inner:before {
border-color: #b3690f;
}
.the-tooltip.carrot-orange > .tooltip_inner {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}
.the-tooltip.eggplant > .tooltip_inner {
background-color: #614051;
border-color: #33222b;
color: #ffffff;
}
.the-tooltip.eggplant > .tooltip_inner:after {
border-color: #614051;
}
.the-tooltip.eggplant > .tooltip_inner:before {
border-color: #33222b;
}
.the-tooltip.eggplant > .tooltip_inner {
text-shadow: 0 1px 0 #000000;
}
.the-tooltip.forest-green > .tooltip_inner {
background-color: #014421;
border-color: #001209;
color: #ffffff;
}
.the-tooltip.forest-green > .tooltip_inner:after {
border-color: #014421;
}
.the-tooltip.forest-green > .tooltip_inner:before {
border-color: #001209;
}
.the-tooltip.forest-green > .tooltip_inner {
text-shadow: 0 1px 0 #000000;
}
.the-tooltip.bright-lavender > .tooltip_inner {
background-color: #bf94e4;
border-color: #9a57d5;
color: #250e38;
}
.the-tooltip.bright-lavender > .tooltip_inner:after {
border-color: #bf94e4;
}
.the-tooltip.bright-lavender > .tooltip_inner:before {
border-color: #9a57d5;
}
.the-tooltip.bright-lavender > .tooltip_inner {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}
.the-tooltip.dark-midnight-blue > .tooltip_inner {
background-color: #003366;
border-color: #000d1a;
color: #ffffff;
}
.the-tooltip.dark-midnight-blue > .tooltip_inner:after {
border-color: #003366;
}
.the-tooltip.dark-midnight-blue > .tooltip_inner:before {
border-color: #000d1a;
}
.the-tooltip.dark-midnight-blue > .tooltip_inner {
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.the-tooltip.magic-mint > .tooltip_inner {
background-color: #aaf0d1;
border-color: #69e5ae;
color: #0c432a;
}
.the-tooltip.magic-mint > .tooltip_inner:after {
border-color: #aaf0d1;
}
.the-tooltip.magic-mint > .tooltip_inner:before {
border-color: #69e5ae;
}
.the-tooltip.magic-mint > .tooltip_inner {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.the-tooltip.mustard > .tooltip_inner {
background-color: #ffdb58;
border-color: #f1bd00;
color: #3f3100;
}
.the-tooltip.mustard > .tooltip_inner:after {
border-color: #ffdb58;
}
.the-tooltip.mustard > .tooltip_inner:before {
border-color: #f1bd00;
}
.the-tooltip.mustard > .tooltip_inner {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.the-tooltip.sienna > .tooltip_inner {
background-color: #882d17;
border-color: #47170c;
color: #ffffff;
}
.the-tooltip.sienna > .tooltip_inner:after {
border-color: #882d17;
}
.the-tooltip.sienna > .tooltip_inner:before {
border-color: #47170c;
}
.the-tooltip.sienna > .tooltip_inner {
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.the-tooltip.sky-blue > .tooltip_inner {
background-color: #87ceeb;
border-color: #45b3e0;
color: #0d3a4d;
}
.the-tooltip.sky-blue > .tooltip_inner:after {
border-color: #87ceeb;
}
.the-tooltip.sky-blue > .tooltip_inner:before {
border-color: #45b3e0;
}
.the-tooltip.sky-blue > .tooltip_inner {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.the-tooltip.sunset > .tooltip_inner {
background-color: #fad6a5;
border-color: #f6b55d;
color: #4f2f04;
}
.the-tooltip.sunset > .tooltip_inner:after {
border-color: #fad6a5;
}
.the-tooltip.sunset > .tooltip_inner:before {
border-color: #f6b55d;
}
.the-tooltip.sunset > .tooltip_inner {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.the-tooltip.white > .tooltip_inner {
background-color: #FFFFFF;
border-color: #B6B6B6;
color: #565656;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
}
.the-tooltip.white > .tooltip_inner:after {
border-color: #fff;
}
.the-tooltip.white > .tooltip_inner:before {
border-color: #A1A1A1;
}
.the-tooltip.white > .tooltip_inner {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}