3 -webkit-box-sizing: border-box;
4 -moz-box-sizing: border-box;
5 box-sizing: border-box;
11 -webkit-transition: -webkit-transform 1s ease-in-out;
12 -moz-transition: -moz-transform 1s ease-in-out;
13 -o-transition: -o-transform 1s ease-in-out;
14 -ms-transition: -ms-transform 1s ease-in-out;
15 transition: transform 1s ease-in-out;
17 -webkit-transform: translateX(0) translateY(0);
18 -moz-transform: translateX(0) translateY(0);
19 -o-transform: translateX(0) translateY(0);
20 -ms-transform: translateX(0) translateY(0);
21 transform: translateX(0) translateY(0);
23 .opentip-container.ot-fixed.ot-hidden.stem-top.stem-center,
24 .opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-center,
25 .opentip-container.ot-fixed.ot-hiding.stem-top.stem-center {
26 -webkit-transform: translateY(-5px);
27 -moz-transform: translateY(-5px);
28 -o-transform: translateY(-5px);
29 -ms-transform: translateY(-5px);
30 transform: translateY(-5px);
32 .opentip-container.ot-fixed.ot-hidden.stem-top.stem-right,
33 .opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-right,
34 .opentip-container.ot-fixed.ot-hiding.stem-top.stem-right {
35 -webkit-transform: translateY(-5px) translateX(5px);
36 -moz-transform: translateY(-5px) translateX(5px);
37 -o-transform: translateY(-5px) translateX(5px);
38 -ms-transform: translateY(-5px) translateX(5px);
39 transform: translateY(-5px) translateX(5px);
41 .opentip-container.ot-fixed.ot-hidden.stem-middle.stem-right,
42 .opentip-container.ot-fixed.ot-going-to-show.stem-middle.stem-right,
43 .opentip-container.ot-fixed.ot-hiding.stem-middle.stem-right {
44 -webkit-transform: translateX(5px);
45 -moz-transform: translateX(5px);
46 -o-transform: translateX(5px);
47 -ms-transform: translateX(5px);
48 transform: translateX(5px);
50 .opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-right,
51 .opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-right,
52 .opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-right {
53 -webkit-transform: translateY(5px) translateX(5px);
54 -moz-transform: translateY(5px) translateX(5px);
55 -o-transform: translateY(5px) translateX(5px);
56 -ms-transform: translateY(5px) translateX(5px);
57 transform: translateY(5px) translateX(5px);
59 .opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-center,
60 .opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-center,
61 .opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-center {
62 -webkit-transform: translateY(5px);
63 -moz-transform: translateY(5px);
64 -o-transform: translateY(5px);
65 -ms-transform: translateY(5px);
66 transform: translateY(5px);
68 .opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-left,
69 .opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-left,
70 .opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-left {
71 -webkit-transform: translateY(5px) translateX(-5px);
72 -moz-transform: translateY(5px) translateX(-5px);
73 -o-transform: translateY(5px) translateX(-5px);
74 -ms-transform: translateY(5px) translateX(-5px);
75 transform: translateY(5px) translateX(-5px);
77 .opentip-container.ot-fixed.ot-hidden.stem-middle.stem-left,
78 .opentip-container.ot-fixed.ot-going-to-show.stem-middle.stem-left,
79 .opentip-container.ot-fixed.ot-hiding.stem-middle.stem-left {
80 -webkit-transform: translateX(-5px);
81 -moz-transform: translateX(-5px);
82 -o-transform: translateX(-5px);
83 -ms-transform: translateX(-5px);
84 transform: translateX(-5px);
86 .opentip-container.ot-fixed.ot-hidden.stem-top.stem-left,
87 .opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-left,
88 .opentip-container.ot-fixed.ot-hiding.stem-top.stem-left {
89 -webkit-transform: translateY(-5px) translateX(-5px);
90 -moz-transform: translateY(-5px) translateX(-5px);
91 -o-transform: translateY(-5px) translateX(-5px);
92 -ms-transform: translateY(-5px) translateX(-5px);
93 transform: translateY(-5px) translateX(-5px);
95 .opentip-container.ot-fixed .opentip {
98 .opentip-container.ot-hidden {
101 .opentip-container .opentip {
107 text-shadow: -1px -1px 0px rgba(255,255,255,0.2);
109 .opentip-container .opentip .header {
113 .opentip-container .opentip .ot-close {
114 pointer-events: auto;
119 color: rgba(0,0,0,0.5);
120 background: rgba(0,0,0,0);
121 text-decoration: none;
123 .opentip-container .opentip .ot-close span {
126 .opentip-container .opentip .ot-loading-indicator {
129 .opentip-container.ot-loading .ot-loading-indicator {
137 .opentip-container.ot-loading .ot-loading-indicator span {
139 -webkit-animation: otloading 2s linear infinite;
140 -moz-animation: otloading 2s linear infinite;
141 -o-animation: otloading 2s linear infinite;
142 -ms-animation: otloading 2s linear infinite;
143 animation: otloading 2s linear infinite;
146 .opentip-container.style-dark .opentip,
147 .opentip-container.style-alert .opentip {
149 text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
151 .opentip-container.style-glass .opentip {
154 text-shadow: 1px 1px 8px rgba(0,94,153,0.3);
156 .opentip-container.ot-hide-effect-fade {
157 -webkit-transition: -webkit-transform 0.5s ease-in-out, opacity 1s ease-in-out;
158 -moz-transition: -moz-transform 0.5s ease-in-out, opacity 1s ease-in-out;
159 -o-transition: -o-transform 0.5s ease-in-out, opacity 1s ease-in-out;
160 -ms-transition: -ms-transform 0.5s ease-in-out, opacity 1s ease-in-out;
161 transition: transform 0.5s ease-in-out, opacity 1s ease-in-out;
166 .opentip-container.ot-hide-effect-fade.ot-hiding {
168 filter: alpha(opacity=0);
169 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
171 .opentip-container.ot-show-effect-appear.ot-going-to-show,
172 .opentip-container.ot-show-effect-appear.ot-showing {
173 -webkit-transition: -webkit-transform 0.5s ease-in-out, opacity 1s ease-in-out;
174 -moz-transition: -moz-transform 0.5s ease-in-out, opacity 1s ease-in-out;
175 -o-transition: -o-transform 0.5s ease-in-out, opacity 1s ease-in-out;
176 -ms-transition: -ms-transform 0.5s ease-in-out, opacity 1s ease-in-out;
177 transition: transform 0.5s ease-in-out, opacity 1s ease-in-out;
179 .opentip-container.ot-show-effect-appear.ot-going-to-show {
181 filter: alpha(opacity=0);
182 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
184 .opentip-container.ot-show-effect-appear.ot-showing {
189 .opentip-container.ot-show-effect-appear.ot-visible {
194 @-moz-keyframes otloading {
196 -webkit-transform: rotate(0deg);
197 -moz-transform: rotate(0deg);
198 -o-transform: rotate(0deg);
199 -ms-transform: rotate(0deg);
200 transform: rotate(0deg);
204 -webkit-transform: rotate(360deg);
205 -moz-transform: rotate(360deg);
206 -o-transform: rotate(360deg);
207 -ms-transform: rotate(360deg);
208 transform: rotate(360deg);
211 @-webkit-keyframes otloading {
213 -webkit-transform: rotate(0deg);
214 -moz-transform: rotate(0deg);
215 -o-transform: rotate(0deg);
216 -ms-transform: rotate(0deg);
217 transform: rotate(0deg);
221 -webkit-transform: rotate(360deg);
222 -moz-transform: rotate(360deg);
223 -o-transform: rotate(360deg);
224 -ms-transform: rotate(360deg);
225 transform: rotate(360deg);
228 @-o-keyframes otloading {
230 -webkit-transform: rotate(0deg);
231 -moz-transform: rotate(0deg);
232 -o-transform: rotate(0deg);
233 -ms-transform: rotate(0deg);
234 transform: rotate(0deg);
238 -webkit-transform: rotate(360deg);
239 -moz-transform: rotate(360deg);
240 -o-transform: rotate(360deg);
241 -ms-transform: rotate(360deg);
242 transform: rotate(360deg);
245 @-ms-keyframes otloading {
247 -webkit-transform: rotate(0deg);
248 -moz-transform: rotate(0deg);
249 -o-transform: rotate(0deg);
250 -ms-transform: rotate(0deg);
251 transform: rotate(0deg);
255 -webkit-transform: rotate(360deg);
256 -moz-transform: rotate(360deg);
257 -o-transform: rotate(360deg);
258 -ms-transform: rotate(360deg);
259 transform: rotate(360deg);
262 @keyframes otloading {
264 -webkit-transform: rotate(0deg);
265 -moz-transform: rotate(0deg);
266 -o-transform: rotate(0deg);
267 -ms-transform: rotate(0deg);
268 transform: rotate(0deg);
272 -webkit-transform: rotate(360deg);
273 -moz-transform: rotate(360deg);
274 -o-transform: rotate(360deg);
275 -ms-transform: rotate(360deg);
276 transform: rotate(360deg);