ADAM / AIAHTML5

Commit 905cb78104f5d72802e6b0f46b18bcbd5bd64594

Authored by Nikita Kulshreshtha
1 parent 3c49db61

no modification

Inline Side-by-side
Showing 1 changed file with 656 additions and 656 deletions
400-SOURCECODE/AIAHTML5.Web/libs/jquery/jquery_plugin/jsPanel/jspanel/jquery.jspanel.css
  View file @905cb78
1   -/* jquery.jspanel.css version 2.5.3 - 2015-05-16 22:21 */
2   -@font-face {
3   - font-family: 'jsglyphregular';
4   - src: url('fonts/jsglyph.eot');
5   - src: url('fonts/jsglyph.eot?#iefix') format('embedded-opentype'),
6   - url('fonts/jsglyph.woff2') format('woff2'),
7   - url('fonts/jsglyph.woff') format('woff'),
8   - url('fonts/jsglyph.ttf') format('truetype'),
9   - url('fonts/jsglyph.svg#jsglyphregular') format('svg');
10   - font-weight: normal;
11   - font-style: normal;
12   -}
13   -.jsglyph{ font-family: "jsglyphregular"; }
14   -
15   -.jsglyph-minimize:before{ content: "\e001"; } /* unicode  */
16   -.jsglyph-maximize:before{ content: "\e002"; }
17   -.jsglyph-chevron-up:before{ content: "\e003"; }
18   -.jsglyph-chevron-down:before{ content: "\e004"; }
19   -.jsglyph-normalize:before{ content: "\e005"; }
20   -.jsglyph-tick:before{ content: "\e006"; }
21   -.jsglyph-remove:before{ content: "\e007"; }
22   -.jsglyph-chevron-right:before{ content: "\e008"; }
23   -.jsglyph-chevron-left:before{ content: "\e009"; }
24   -.jsglyph-plus:before{ content: "\e00a"; }
25   -.jsglyph-minus:before{ content: "\e00b"; }
26   -.jsglyph-trashcan:before{ content: "\e00c"; }
27   -.jsglyph-square-info:before{ content: "\e00d"; }
28   -.jsglyph-square-exclamationmark:before{ content: "\e00e"; }
29   -.jsglyph-delete:before{ content: "\e00f"; }
30   -.jsglyph-mail:before{ content: "\e010"; }
31   -.jsglyph-envelope:before{ content: "\e011"; }
32   -.jsglyph-play:before{ content: "\e012"; }
33   -.jsglyph-forward:before{ content: "\e013"; }
34   -.jsglyph-backward:before{ content: "\e014"; }
35   -.jsglyph-step-forward:before{ content: "\e015"; }
36   -.jsglyph-step-backward:before{ content: "\e016"; }
37   -.jsglyph-fast-forward:before{ content: "\e017"; }
38   -.jsglyph-fast-backward:before{ content: "\e018"; }
39   -.jsglyph-eject:before{ content: "\e019"; }
40   -.jsglyph-stop:before{ content: "\e01a"; }
41   -.jsglyph-pause:before{ content: "\e01b"; }
42   -.jsglyph-arrow-right:before{ content: "\e01c"; }
43   -.jsglyph-arrow-left:before{ content: "\e01d"; }
44   -.jsglyph-arrow-up:before{ content: "\e01e"; }
45   -.jsglyph-arrow-down:before{ content: "\e01f"; }
46   -.jsglyph-star-halffull:before{ content: "\e020"; }
47   -.jsglyph-star:before{ content: "\e021"; }
48   -.jsglyph-star-empty:before{ content: "\e022"; }
49   -.jsglyph-arrow-right-hollow:before{ content: "\e023"; }
50   -.jsglyph-arrow-left-hollow:before{ content: "\e024"; }
51   -.jsglyph-arrow-up-hollow:before{ content: "\e025"; }
52   -.jsglyph-arrow-down-hollow:before{ content: "\e026"; }
53   -.jsglyph-square-questionmark:before{ content: "\e027"; }
54   -.jsglyph-circle-info:before{ content: "\e028"; }
55   -.jsglyph-circle-exclamationmark:before{ content: "\e029"; }
56   -.jsglyph-circle-questionmark:before{ content: "\e02a"; }
57   -.jsglyph-circle2-info:before{ content: "\e02b"; }
58   -.jsglyph-circle2-exclamationmark:before{ content: "\e02c"; }
59   -.jsglyph-circle2-questionmark:before{ content: "\e02d"; }
60   -.jsglyph-resize-handle:before{ content: "\e02e"; }
61   -.jsglyph-resize-handle-2:before{ content: "\e02f"; }
62   -.jsglyph-pencil:before{ content: "\e030"; }
63   -.jsglyph-refresh:before{ content: "\e031"; }
64   -.jsglyph-volume-off:before{ content: "\e032"; }
65   -.jsglyph-volume-up:before{ content: "\e033"; }
66   -.jsglyph-volume-down:before{ content: "\e034"; }
67   -.jsglyph-link:before{ content: "\e035"; }
68   -.jsglyph-eye-open:before{ content: "\e036"; }
69   -.jsglyph-eye-slash:before{ content: "\e037"; }
70   -.jsglyph-power-on:before{ content: "\e038"; }
71   -.jsglyph-cog:before{ content: "\e039"; }
72   -.jsglyph-cog2:before{ content: "\e03a"; }
73   -.jsglyph-torso:before{ content: "\e03b"; }
74   -.jsglyph-people:before{ content: "\e03c"; }
75   -.jsglyph-torso-female:before{ content: "\e03d"; }
76   -.jsglyph-people-female:before{ content: "\e03e"; }
77   -.jsglyph-torso-male-female:before{ content: "\e03f"; }
78   -.jsglyph-torso-female-male:before{ content: "\e040"; }
79   -.jsglyph-torso-hollow:before{ content: "\e041"; }
80   -.jsglyph-cog3:before{ content: "\e042"; }
81   -.jsglyph-tools:before{ content: "\e043"; }
82   -.jsglyph-home:before{ content: "\e044"; }
83   -.jsglyph-login:before{ content: "\e045"; }
84   -.jsglyph-logout:before{ content: "\e046"; }
85   -.jsglyph-download:before{ content: "\e047"; }
86   -.jsglyph-upload:before{ content: "\e048"; }
87   -.jsglyph-reload:before{ content: "\e049"; }
88   -.jsglyph-lock:before{ content: "\e04a"; }
89   -.jsglyph-unlock:before{ content: "\e04b"; }
90   -.jsglyph-save:before{ content: "\e04c"; }
91   -.jsglyph-wrench:before{ content: "\e04d"; }
92   -.jsglyph-search:before{ content: "\e04e"; }
93   -.jsglyph-zoom-in:before{ content: "\e04f"; }
94   -.jsglyph-zoom-out:before{ content: "\e050"; }
95   -.jsglyph-bars:before{ content: "\e051"; }
96   -.jsglyph-marker:before{ content: "\e052"; }
97   -.jsglyph-resize-handle-left:before{ content: "\e053"; }
98   -.jsglyph-resize-handle-2-left:before{ content: "\e054"; }
99   -.jsglyph-edit:before{ content: "\e055"; }
100   -
101   -
102   -.jsPanel, .jsPanel-hdr-r, .jsPanel-hdr-l, .jsPanel-hdr-r span img, .jsPanel-content{
103   - margin: 0; padding: 0; border: 0; font-size: 100%; line-height: 1.5em; vertical-align: baseline;
104   -}
105   -.jsPanel{
106   - box-sizing: border-box;
107   - /*overflow: hidden;*/
108   - position: absolute;
109   - border-radius: 0px;
110   - /*z-index: 100;*/
111   -}
112   -.jsPanel-hdr{
113   - box-sizing: border-box;
114   - min-height: 30px;
115   - padding: 2px 0 4px 2px;
116   -}
117   -.jsPanel-hdr *{
118   - font-size: 16px;
119   -}
120   -.jsPanel-hdr-r{
121   - position: absolute;
122   - top: 0;
123   - right: 0;
124   -}
125   -h3.jsPanel-title{
126   - float: left;
127   - width: calc(100% - 90px);
128   - white-space: nowrap;
129   - overflow: hidden;
130   - text-align: left;
131   - text-overflow: ellipsis;
132   - margin: 0 5px;
133   - font-variant: normal;
134   - font-weight: bold;
135   - cursor: move;
136   - min-height: 20px;
137   - padding: 0 10px;
138   - font-size:25px;
139   - font-variant-caps:all-petite-caps;
140   -}
141   -.jsPanel-hdr-r div{
142   - float: right;
143   - cursor: pointer;
144   - margin-left: 1px;
145   - width: auto;
146   - height: auto;
147   - min-width: 20px;
148   - min-height: 20px;
149   - overflow: hidden;
150   -}
151   -
152   -.jsPanel-btn-close{ background: url("images/icon-sprite-20x20.jpg") 20px 0 repeat no-repeat; }
153   -.jsPanel-btn-max{ background: url("images/icon-sprite-20x20.jpg") 40px 0 repeat no-repeat; }
154   -.jsPanel-btn-norm{ background: url("images/icon-sprite-20x20.jpg") 60px 0 repeat no-repeat; display: none; }
155   -.jsPanel-btn-min{ background: url("images/icon-sprite-20x20.jpg") 80px 0 repeat no-repeat; }
156   -.jsPanel-btn-small{ background: url("images/icon-sprite-20x20.jpg") 100px 0 repeat no-repeat; }
157   -.jsPanel-btn-smallrev{ background: url("images/icon-sprite-20x20.jpg") 120px 0 repeat no-repeat; display: none; }
158   -
159   -
160   -.jsPanel-hdr-toolbar {
161   - box-sizing: border-box;
162   - clear: both;
163   - font-size: 16px;
164   - margin-top: 23px;
165   - height: auto;
166   - padding: 0 5px;
167   - width: auto;
168   -}
169   -.jsPanel-hdr-toolbar img{
170   - cursor: pointer;
171   - margin-bottom: 4px;
172   - margin-right: 5px;
173   -}
174   -.jsPanel-content {
175   - font-size: 12px;
176   - position: relative;
177   - width: 100%;
178   - overflow: hidden;
179   - box-sizing: border-box;
180   -}
181   -.jsPanel-ftr{
182   - box-sizing: border-box;
183   - cursor: move;
184   - display: none;
185   - font-size: 12px;
186   - height: auto;
187   - padding: 2px 2px 2px 5px;
188   - text-align: right;
189   -}
190   -.jsPanel-ftr button{
191   - margin: 5px;
192   -}
193   -
194   -/* clearfix */
195   -.jsPanel-clearfix:after {
196   - content: ".";
197   - display: block;
198   - height: 0;
199   - clear: both;
200   - visibility: hidden;
201   -}
202   -
203   -/* container that takes the minified jsPanels */
204   -#jsPanel-min-container{
205   - position:fixed;
206   - left:0;
207   - bottom:0;
208   - width:auto;
209   - height:28px;
210   - background:transparent;
211   - z-index:9999;
212   -}
213   -
214   -/* css for the modal backdrop --------------------------- */
215   -.jsPanel-backdrop{
216   - position:absolute;
217   - top:0;
218   - left:0;
219   - z-index:10000;
220   - width:100%;
221   - background:rgba(0,0,0,0.7);
222   -}
223   -.jsPanel-backdrop-inner{
224   - position:absolute;
225   - width:100%;
226   -}
227   -/* THEMES ------------------------------------------------------------------------- */
228   -
229   -/* default ------------------------------------------- */
230   -.jsPanel.jsPanel-theme-default{
231   - background: none repeat scroll 0 0 #fff;
232   - box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4);
233   -}
234   -.jsPanel-hdr.jsPanel-theme-default{
235   - color: #000;
236   - font-family: tahoma,arial,verdana,sans-serif;
237   - font-weight: normal;
238   -}
239   -.jsPanel-hdr.jsPanel-theme-default h3{
240   - color: #000;
241   -}
242   -.jsPanel-hdr.jsPanel-theme-default h3 small{
243   - color: #000;
244   - font-size: 65%;
245   -}
246   -.jsPanel-content.jsPanel-theme-default{
247   - background: none repeat scroll 0 0 #FFFFFF;
248   - color: #000;
249   - font-family: tahoma,arial,verdana,sans-serif;
250   - outline: 1px solid #bbb;
251   -}
252   -.jsPanel-ftr.jsPanel-theme-default{
253   - font-size: 12px;
254   - height: auto;
255   - padding: 2px 2px 2px 5px;
256   - text-align: right;
257   -}
258   -.jsPanel-theme-default .ui-icon-gripsmall-diagonal-se{
259   - color: #000;
260   -}
261   -
262   -
263   -/* light ------------------------------------------- */
264   -.jsPanel.jsPanel-theme-light{ background: #f1f1f1; box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4); }
265   -.jsPanel-hdr.jsPanel-theme-light{ color: #000; font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: #f1f1f1; }
266   -.jsPanel-hdr.jsPanel-theme-light h3{ color: #000; }
267   -.jsPanel-hdr.jsPanel-theme-light h3 small{ color: #000; font-size: 65%; }
268   -.jsPanel-content.jsPanel-theme-light { background: none repeat scroll 0 0 #FFFFFF; color: #000; font-family: tahoma,arial,verdana,sans-serif; outline: 1px solid #bbb; }
269   -.jsPanel-ftr.jsPanel-theme-light{ color: #000; font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: #f1f1f1; }
270   -.jsPanel-theme-light .ui-icon-gripsmall-diagonal-se{ color: #000; }
271   -
272   -/* medium -------------------------------------------- */
273   -.jsPanel.jsPanel-theme-medium{ background: #c2c2c2; box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4); }
274   -.jsPanel-hdr.jsPanel-theme-medium{ color: #000; font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: #c2c2c2; }
275   -.jsPanel-hdr.jsPanel-theme-medium h3{ color: #000; }
276   -.jsPanel-hdr.jsPanel-theme-medium h3 small{ color: #000; font-size: 65%; }
277   -.jsPanel-content.jsPanel-theme-medium { background: none repeat scroll 0 0 #fff; color: #000; font-family: tahoma,arial,verdana,sans-serif; outline: 1px solid #bbb; }
278   -.jsPanel-ftr.jsPanel-theme-medium{ color: #000; font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: #c2c2c2; }
279   -.jsPanel-theme-medium .ui-icon-gripsmall-diagonal-se{ color: #000; }
280   -
281   -/* dark ---------------------------------------------- */
282   -.jsPanel.jsPanel-theme-dark{ background: #828282; box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4); }
283   -.jsPanel-hdr.jsPanel-theme-dark{ color: #fff; font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: #828282; }
284   -.jsPanel-hdr.jsPanel-theme-dark h3{ color: #fff; }
285   -.jsPanel-hdr.jsPanel-theme-dark h3 small{ color: #fff; font-size: 65%; }
286   -.jsPanel-content.jsPanel-theme-dark { background: none repeat scroll 0 0 #fff; color: #000; font-family: tahoma,arial,verdana,sans-serif; outline: 1px solid #bbb; }
287   -.jsPanel-ftr.jsPanel-theme-dark{ color: #fff; font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: #828282; }
288   -.jsPanel-theme-dark .ui-icon-gripsmall-diagonal-se{ color: #000; }
289   -
290   -/* black ---------------------------------------------- */
291   -.jsPanel.jsPanel-theme-black{ background: linear-gradient(#4a4a4a 0px, black 100%) repeat scroll 0 0 #4a4a4a; background: -ms-linear-gradient(#4a4a4a 0px, black 100%) repeat scroll 0 0 #4a4a4a; box-shadow: 0 0 3px #333; }
292   -.jsPanel-hdr.jsPanel-theme-black{ color: #fff; font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: transparent; }
293   -.jsPanel-hdr.jsPanel-theme-black h3{ color: #fff; }
294   -.jsPanel-hdr.jsPanel-theme-black h3 small{ color: #fff; font-size: 65%; }
295   -.jsPanel-content.jsPanel-theme-black { background: transparent; color: #c3c3c3; }
296   -.jsPanel-ftr.jsPanel-theme-black{ color: #fff; font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: transparent; }
297   -.jsPanel-theme-black .ui-icon-gripsmall-diagonal-se{ color: #fff; }
298   -
299   -/* primary ---------------------------------------------- */
300   -.jsPanel.jsPanel-theme-primary{ background: none repeat scroll 0 0 #fff; box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4); }
301   -.jsPanel-hdr.jsPanel-theme-primary{ color: #ffffff; font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: #2FA4E7; }
302   -.jsPanel-hdr.jsPanel-theme-primary h3{ color: #fff; }
303   -.jsPanel-hdr.jsPanel-theme-primary h3 small{ color: #fff; font-size: 65%; }
304   -.jsPanel-content.jsPanel-theme-primary { background: none repeat scroll 0 0 #ffffff; color: #000000; font-family: tahoma,arial,verdana,sans-serif; outline: 1px solid #bbb; }
305   -.jsPanel-ftr.jsPanel-theme-primary{}
306   -.jsPanel-theme-primary .ui-icon-gripsmall-diagonal-se{ color: #000; }
307   -
308   -/* success --------------------------------------------- */
309   -.jsPanel.jsPanel-theme-success{ background: none repeat scroll 0 0 #fff; box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4);background-color:#222222 }
310   -.jsPanel-hdr.jsPanel-theme-success{ color: #fff; font-family: Open Sans, Helvetica,tahoma,arial,verdana,sans-serif; font-weight: bold; font-size:15px; background: #818D43; height:20px;}
311   -.jsPanel-hdr.jsPanel-theme-success h3{ color: #fff;font-size:20px;font-weight: bold }
312   -.jsPanel-hdr.jsPanel-theme-success h3 small{ color: #fff; font-size: 65%; font-weight: bold}
313   -.jsPanel-content.jsPanel-theme-success { background: none repeat scroll 0 0 #ffffff; color: #000000; font-family: tahoma,arial,verdana,sans-serif; outline: 1px solid #bbb;background-color:#222222 }
314   -.jsPanel-ftr.jsPanel-theme-success{}
315   -.jsPanel-theme-successt .ui-icon-gripsmall-diagonal-se{ color: #000; }
316   -
317   -/* info ---------------------------------------------- */
318   -.jsPanel.jsPanel-theme-info{ background: none repeat scroll 0 0 #fff; box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4); }
319   -.jsPanel-hdr.jsPanel-theme-info{ color: #fff; font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: #033C73; }
320   -.jsPanel-hdr.jsPanel-theme-info h3{ color: #fff; }
321   -.jsPanel-hdr.jsPanel-theme-info h3 small{ color: #fff; font-size: 65%; }
322   -.jsPanel-content.jsPanel-theme-info { background: none repeat scroll 0 0 #ffffff; color: #000000; font-family: tahoma,arial,verdana,sans-serif; outline: 1px solid #bbb; }
323   -.jsPanel-ftr.jsPanel-theme-info{}
324   -.jsPanel-theme-info .ui-icon-gripsmall-diagonal-se{ color: #000; }
325   -
326   -/* warning ----------------------------------------------- */
327   -.jsPanel.jsPanel-theme-warning{ background: none repeat scroll 0 0 #fff; box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4); }
328   -.jsPanel-hdr.jsPanel-theme-warning{ color: #fff; font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: #DD5600; }
329   -.jsPanel-hdr.jsPanel-theme-warning h3{ color: #fff; }
330   -.jsPanel-hdr.jsPanel-theme-warning h3 small{ color: #fff; font-size: 65%; }
331   -.jsPanel-content.jsPanel-theme-warning { background: none repeat scroll 0 0 #fff; color: #000; font-family: tahoma,arial,verdana,sans-serif; outline: 1px solid #bbb; }
332   -.jsPanel-ftr.jsPanel-theme-warning{}
333   -.jsPanel-theme-warning .ui-icon-gripsmall-diagonal-se{ color: #000; }
334   -
335   -/* danger ----------------------------------------------- */
336   -.jsPanel.jsPanel-theme-danger{ background: none repeat scroll 0 0 #fff; box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4); }
337   -.jsPanel-hdr.jsPanel-theme-danger{ color: #fff; font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: #C71C22; }
338   -.jsPanel-hdr.jsPanel-theme-danger h3{ color: #fff; }
339   -.jsPanel-hdr.jsPanel-theme-danger h3 small{ color: #fff; font-size: 65%; }
340   -.jsPanel-content.jsPanel-theme-danger { background: none repeat scroll 0 0 #ffffff; color: #000000; font-family: tahoma,arial,verdana,sans-serif; outline: 1px solid #bbb; }
341   -.jsPanel-ftr.jsPanel-theme-danger{}
342   -.jsPanel-theme-danger .ui-icon-gripsmall-diagonal-se{ color: #000; }
343   -
344   -/* autumngreen ------------------------------------------- */
345   -.jsPanel.jsPanel-theme-autumngreen{ background: none repeat scroll 0 0 #eee; box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4); }
346   -.jsPanel-hdr.jsPanel-theme-autumngreen{ color: rgb(196, 189, 142); font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: rgb(125, 126, 81); }
347   -.jsPanel-hdr.jsPanel-theme-autumngreen h3{ color: rgb(196, 189, 142); }
348   -.jsPanel-hdr.jsPanel-theme-autumngreen h3 small{ color: #fff; font-size: 65%; }
349   -.jsPanel-content.jsPanel-theme-autumngreen { background: none repeat scroll 0 0 #FFFFFF; color: rgb(110, 100, 73); font-family: tahoma,arial,verdana,sans-serif; outline: 1px solid #bbb; }
350   -.jsPanel-ftr.jsPanel-theme-autumngreen{ background: linear-gradient(to bottom, rgba(125, 126, 81,0.65) 0%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(125, 126, 81,0.65) 0%,rgba(0,0,0,0) 100%); color: rgb(110, 100, 73); }
351   -.jsPanel-theme-autumngreen .ui-icon-gripsmall-diagonal-se{ color: #000; }
352   -
353   -/* autumnbrown ------------------------------------------- */
354   -.jsPanel.jsPanel-theme-autumnbrown{ background: none repeat scroll 0 0 #eee; box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4); }
355   -.jsPanel-hdr.jsPanel-theme-autumnbrown{ color: rgb(233, 206, 135); font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: rgb(138, 91, 51); }
356   -.jsPanel-hdr.jsPanel-theme-autumnbrown h3{ color: rgb(233, 206, 135); }
357   -.jsPanel-hdr.jsPanel-theme-autumnbrown h3 small{ color: #fff; font-size: 65%; }
358   -.jsPanel-content.jsPanel-theme-autumnbrown { background: none repeat scroll 0 0 #FFFFFF; color: rgb(110, 100, 73); font-family: tahoma,arial,verdana,sans-serif; outline: 1px solid #bbb; }
359   -.jsPanel-ftr.jsPanel-theme-autumnbrown{ background: linear-gradient(to bottom, rgba(138, 91, 51,0.65) 0%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(138, 91, 51,0.65) 0%,rgba(0,0,0,0) 100%); color: rgb(110, 100, 73); }
360   -.jsPanel-theme-autumnbrown .ui-icon-gripsmall-diagonal-se{ color: #000; }
361   -
362   -/* autumnred ------------------------------------------- */
363   -.jsPanel.jsPanel-theme-autumnred{ background: none repeat scroll 0 0 #eee; box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4); }
364   -.jsPanel-hdr.jsPanel-theme-autumnred{ color: rgb(233, 206, 135); font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: rgb(198, 113, 10); }
365   -.jsPanel-hdr.jsPanel-theme-autumnred h3{ color: rgb(233, 206, 135); }
366   -.jsPanel-hdr.jsPanel-theme-autumnred h3 small{ color: #fff; font-size: 65%; }
367   -.jsPanel-content.jsPanel-theme-autumnred { background: none repeat scroll 0 0 #FFFFFF; color: rgb(110, 100, 73); font-family: tahoma,arial,verdana,sans-serif; outline: 1px solid #bbb; }
368   -.jsPanel-ftr.jsPanel-theme-autumnred{ background: linear-gradient(to bottom, rgba(198, 113, 10,0.65) 0%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(198, 113, 10,0.65) 0%,rgba(0,0,0,0) 100%); color: rgb(110, 100, 73); }
369   -.jsPanel-theme-autumnred .ui-icon-gripsmall-diagonal-se{ color: #000; }
370   -
371   -/* bootstrap adjustments */
372   -.jsPanel.panel-default, .jsPanel.panel-primary, .jsPanel.panel-info, .jsPanel.panel-success, .jsPanel.panel-warning, .jsPanel.panel-danger{
373   - box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4);
374   -}
375   -
376   -/* jQuery-UI adjustments */
377   -.ui-icon-gripsmall-diagonal-se {
378   - background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
379   - color: #000;
380   - font-family: jsglyphregular;
381   - font-size: 16px;
382   - line-height: 16px;
383   -}
384   -.ui-icon-gripsmall-diagonal-se:before {
385   - content: "\e02f";
386   -}
387   -.ui-resizable-handle.ui-resizable-se.ui-icon.ui-icon-gripsmall-diagonal-se{
388   - text-indent: 0;
389   - bottom: 2px;
390   -}
391   -/* uncomment to show a lower left resize icon
392   -.ui-resizable-handle.ui-resizable-sw{
393   - background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
394   - color: #000;
395   - font-family: jsglyphregular;
396   - font-size: 16px;
397   - line-height: 16px;
398   - text-indent: 7px;
399   - bottom: 2px;
400   - width: 16px;
401   - height: 16px;
402   -}
403   -.ui-resizable-handle.ui-resizable-sw:before{
404   - content: "\e054";
405   -}
406   -*/
407   -
408   -/* css for the tooltip wrapper ---------------------------- */
409   -.jsPanel-tooltip-wrapper{
410   - position: relative;
411   - display: inline-block; /* do not change !!! inline wรผrde gehen -> offsets neu berechnen */
412   - margin: 0;
413   - padding: 0;
414   - border: none;
415   - background: transparent;
416   -}
417   -.jsPanel-tooltip-wrapper .jsPanel{
418   - border-radius: 4px;
419   -}
420   -
421   -/* css for tooltip corners */
422   -.jsPanel-corner-top, .jsPanel-corner-right, .jsPanel-corner-bottom, .jsPanel-corner-left{
423   - width: 0;
424   - height: 0;
425   - border: 12px solid transparent;
426   - position: absolute;
427   -}
428   -.jsPanel-corner-top{
429   - border-top-width: 10px;
430   -}
431   -.jsPanel-corner-right{
432   - border-right-width: 10px;
433   -}
434   -.jsPanel-corner-bottom{
435   - border-bottom-width: 10px;
436   -}
437   -.jsPanel-corner-left{
438   - border-left-width: 10px;
439   -}
440   -
441   -
442   -
443   -
444   -/* css for the hints ----------------------------------------------------------- */
445   -.jsPanel-hint{
446   - margin-bottom: 4px;
447   -}
448   -.jsPanel-hint-close{
449   - float: right;
450   - font-size: 1.5em;
451   - margin: 4px 5px 0 0;
452   - cursor: pointer;
453   -}
454   -.jsPanel-hint-content.jsPanel-hint-default{
455   - background: #fff none repeat scroll 0 0;
456   - border: 2px solid #222;
457   - color: #222;
458   - text-shadow: 1px 1px 1px #789;
459   -}
460   -.jsPanel-hint-content.jsPanel-hint-light{
461   - background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(250,250,250,0.65) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(250,250,250,0.65) 100%);
462   - color: #000;
463   -}
464   -.jsPanel-hint-content.jsPanel-hint-medium{
465   - background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(130, 130, 130, 1) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(130, 130, 130, 1) 100%);
466   - color: #fff;
467   -}
468   -.jsPanel-hint-content.jsPanel-hint-dark{
469   - background: linear-gradient(to bottom, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); background: -ms-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);
470   - color: #fff;
471   -}
472   -.jsPanel-hint-content.jsPanel-hint-autumngreen{
473   - background: linear-gradient(to bottom, rgba(125, 126, 81,0.65) 0%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(125, 126, 81,0.65) 0%,rgba(0,0,0,0) 100%);
474   - color: #fff;
475   -}
476   -.jsPanel-hint-content.jsPanel-hint-autumnbrown{
477   - background: linear-gradient(to bottom, rgba(138, 91, 51,0.65) 0%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(138, 91, 51,0.65) 0%,rgba(0,0,0,0) 100%);
478   - color: #fff;
479   -}
480   -.jsPanel-hint-content.jsPanel-hint-autumnred{
481   - background: linear-gradient(to bottom, rgba(198, 113, 10,0.65) 0%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(198, 113, 10,0.65) 0%,rgba(0,0,0,0) 100%);
482   - color: #fff;
483   -}
484   -.jsPanel-hint-content.jsPanel-hint-primary{
485   - background: #82C8F1 none repeat scroll 0 0;
486   - border: 5px solid #02436A;
487   - color: #02436A;
488   - text-shadow: 2px 2px 2px #fff;
489   -}
490   -.jsPanel-hint-content.jsPanel-hint-info{
491   - background: #4594c3 none repeat scroll 0 0;
492   - border: 5px solid #033c73;
493   - color: #fff;
494   - text-shadow: 2px 2px 2px #033c73;
495   -}
496   -.jsPanel-hint-content.jsPanel-hint-success{
497   - background: #C3EA99 none repeat scroll 0 0;
498   - border: 5px solid #034E26;
499   - color: #356304;
500   - text-shadow: 2px 2px 2px #aaa;
501   -}
502   -.jsPanel-hint-content.jsPanel-hint-warning{
503   - background: #FFC7A3 none repeat scroll 0 0;
504   - border: 5px solid #DD5600;
505   - color: #AD6537;
506   - text-shadow: 2px 2px 2px #fff;
507   -}
508   -.jsPanel-hint-content.jsPanel-hint-danger{
509   - background: #fc7073 none repeat scroll 0 0;
510   - border: 5px solid #c71c22;
511   - color: #fff;
512   - text-shadow: 2px 2px 2px #c71c22;
513   -}
514   -
515   -/**
516   - * CSS3 Tips v1.0.1
517   - * A stylesheet for creating tooltips without using anything other than CSS3.
518   - * created by c.bavota released under GPL v2 March 21st, 2014
519   - * HTML example code for the tooltip
520   - * http://cbavota.bitbucket.org/css3-tips/
521   - * <a href="http://bavotasan.com" class="top-tip" data-tips="Go to bavotasan.com">bavotasan.com</a>
522   -*/
523   -[data-tips] {
524   - position: relative;
525   - text-decoration: none;
526   -}
527   -[data-tips]:after,
528   -[data-tips]:before {
529   - position: absolute;
530   - z-index: 100;
531   - opacity: 0;
532   -}
533   -[data-tips]:after {
534   - content: attr(data-tips);
535   - height: 25px;
536   - line-height: 25px;
537   - padding: 0 10px;
538   - font-size: 12px;
539   - text-align: center;
540   - color: #fff;
541   - background: #3276B1;
542   - border-radius: 4px;
543   - /*text-shadow: 0 0 5px #000;*/
544   - -moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);
545   - -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
546   - box-shadow: 0 0 5px rgba(0,0,0,0.3);
547   - white-space: nowrap;
548   - -moz-box-sizing: border-box;
549   - -webkit-box-sizing: border-box;
550   - box-sizing: border-box;
551   -}
552   -[data-tips]:before {
553   - content: "";
554   - width: 0;
555   - height: 0;
556   - border-width: 6px;
557   - border-style: solid;
558   -}
559   -
560   -[data-tips]:hover:after,
561   -[data-tips]:hover:before {
562   - opacity: 1;
563   -}
564   -/* Top tips */
565   -[data-tips].top-tip:after,
566   -[data-tips].top-tip:before {
567   - -webkit-transition: bottom 0.25s ease-in-out, opacity 0.25s ease-in-out;
568   - -moz-transition: bottom 0.25s ease-in-out, opacity 0.25s ease-in-out;
569   - transition: bottom 0.25s ease-in-out, opacity 0.25s ease-in-out;
570   - bottom: 90%;
571   - left: -9999px;
572   - margin-bottom: 12px;
573   -}
574   -[data-tips].top-tip:before {
575   - border-color: #3276B1 transparent transparent transparent;
576   - margin-bottom: 0;
577   -}
578   -[data-tips].top-tip:hover:after,
579   -[data-tips].top-tip:hover:before {
580   - bottom: 100%;
581   - left: 0;
582   -}
583   -[data-tips].top-tip:hover:before {
584   - left: 15px;
585   -}
586   -/* Bottom tip */
587   -[data-tips].bottom-tip:after,
588   -[data-tips].bottom-tip:before {
589   - -webkit-transition: top 0.25s ease-in-out, opacity 0.25s ease-in-out;
590   - -moz-transition: top 0.25s ease-in-out, opacity 0.25s ease-in-out;
591   - transition: top 0.25s ease-in-out, opacity 0.25s ease-in-out;
592   - top: 90%;
593   - left: -9999px;
594   - margin-top: 12px;
595   -}
596   -[data-tips].bottom-tip:before {
597   - border-color: transparent transparent #3276B1 transparent;
598   - margin-top: 0;
599   -}
600   -[data-tips].bottom-tip:hover:after,
601   -[data-tips].bottom-tip:hover:before {
602   - top: 100%;
603   - left: 0;
604   -}
605   -[data-tips].bottom-tip:hover:before {
606   - left: 15px;
607   -}
608   -/* Right tip */
609   -[data-tips].right-tip:after,
610   -[data-tips].right-tip:before {
611   - -webkit-transition: left 0.25s ease-in-out, opacity 0.25s ease-in-out;
612   - -moz-transition: left 0.25s ease-in-out, opacity 0.25s ease-in-out;
613   - transition: left 0.25s ease-in-out, opacity 0.25s ease-in-out;
614   - top: -9999px;
615   - left: 96%;
616   - margin-left: 12px;
617   -}
618   -[data-tips].right-tip:before {
619   - border-color: transparent #3276B1 transparent transparent;
620   - margin-left: 0;
621   -}
622   -[data-tips].right-tip:hover:after,
623   -[data-tips].right-tip:hover:before {
624   - left: 100%;
625   - top: 0;
626   -}
627   -
628   -[data-tips].right-tip:hover:before {
629   - top: 7px;
630   -}
631   -/* Left tip */
632   -[data-tips].left-tip:after,
633   -[data-tips].left-tip:before {
634   - -webkit-transition: right 0.25s ease-in-out, opacity 0.25s ease-in-out;
635   - -moz-transition: right 0.25s ease-in-out, opacity 0.25s ease-in-out;
636   - transition: right 0.25s ease-in-out, opacity 0.25s ease-in-out;
637   - top: -9999px;
638   - right: 96%;
639   - margin-right: 12px;
640   -}
641   -[data-tips].left-tip:before {
642   - border-color: transparent transparent transparent #3276B1;
643   - margin-right: 0;
644   -}
645   -[data-tips].left-tip:hover:after,
646   -[data-tips].left-tip:hover:before {
647   - right: 100%;
648   - top: 0;
649   -}
650   -[data-tips].left-tip:hover:before {
651   - top: 7px;
652   -}
653   -
654   -
655   -span#min {
656   - background-image: url(/betatesting/wp-content/themes/dynamik/css/images/brunelwantsyou_hover.jpg);
  1 +/* jquery.jspanel.css version 2.5.3 - 2015-05-16 22:21 */
  2 +@font-face {
  3 + font-family: 'jsglyphregular';
  4 + src: url('fonts/jsglyph.eot');
  5 + src: url('fonts/jsglyph.eot?#iefix') format('embedded-opentype'),
  6 + url('fonts/jsglyph.woff2') format('woff2'),
  7 + url('fonts/jsglyph.woff') format('woff'),
  8 + url('fonts/jsglyph.ttf') format('truetype'),
  9 + url('fonts/jsglyph.svg#jsglyphregular') format('svg');
  10 + font-weight: normal;
  11 + font-style: normal;
  12 +}
  13 +.jsglyph{ font-family: "jsglyphregular"; }
  14 +
  15 +.jsglyph-minimize:before{ content: "\e001"; } /* unicode &#xe001; */
  16 +.jsglyph-maximize:before{ content: "\e002"; }
  17 +.jsglyph-chevron-up:before{ content: "\e003"; }
  18 +.jsglyph-chevron-down:before{ content: "\e004"; }
  19 +.jsglyph-normalize:before{ content: "\e005"; }
  20 +.jsglyph-tick:before{ content: "\e006"; }
  21 +.jsglyph-remove:before{ content: "\e007"; }
  22 +.jsglyph-chevron-right:before{ content: "\e008"; }
  23 +.jsglyph-chevron-left:before{ content: "\e009"; }
  24 +.jsglyph-plus:before{ content: "\e00a"; }
  25 +.jsglyph-minus:before{ content: "\e00b"; }
  26 +.jsglyph-trashcan:before{ content: "\e00c"; }
  27 +.jsglyph-square-info:before{ content: "\e00d"; }
  28 +.jsglyph-square-exclamationmark:before{ content: "\e00e"; }
  29 +.jsglyph-delete:before{ content: "\e00f"; }
  30 +.jsglyph-mail:before{ content: "\e010"; }
  31 +.jsglyph-envelope:before{ content: "\e011"; }
  32 +.jsglyph-play:before{ content: "\e012"; }
  33 +.jsglyph-forward:before{ content: "\e013"; }
  34 +.jsglyph-backward:before{ content: "\e014"; }
  35 +.jsglyph-step-forward:before{ content: "\e015"; }
  36 +.jsglyph-step-backward:before{ content: "\e016"; }
  37 +.jsglyph-fast-forward:before{ content: "\e017"; }
  38 +.jsglyph-fast-backward:before{ content: "\e018"; }
  39 +.jsglyph-eject:before{ content: "\e019"; }
  40 +.jsglyph-stop:before{ content: "\e01a"; }
  41 +.jsglyph-pause:before{ content: "\e01b"; }
  42 +.jsglyph-arrow-right:before{ content: "\e01c"; }
  43 +.jsglyph-arrow-left:before{ content: "\e01d"; }
  44 +.jsglyph-arrow-up:before{ content: "\e01e"; }
  45 +.jsglyph-arrow-down:before{ content: "\e01f"; }
  46 +.jsglyph-star-halffull:before{ content: "\e020"; }
  47 +.jsglyph-star:before{ content: "\e021"; }
  48 +.jsglyph-star-empty:before{ content: "\e022"; }
  49 +.jsglyph-arrow-right-hollow:before{ content: "\e023"; }
  50 +.jsglyph-arrow-left-hollow:before{ content: "\e024"; }
  51 +.jsglyph-arrow-up-hollow:before{ content: "\e025"; }
  52 +.jsglyph-arrow-down-hollow:before{ content: "\e026"; }
  53 +.jsglyph-square-questionmark:before{ content: "\e027"; }
  54 +.jsglyph-circle-info:before{ content: "\e028"; }
  55 +.jsglyph-circle-exclamationmark:before{ content: "\e029"; }
  56 +.jsglyph-circle-questionmark:before{ content: "\e02a"; }
  57 +.jsglyph-circle2-info:before{ content: "\e02b"; }
  58 +.jsglyph-circle2-exclamationmark:before{ content: "\e02c"; }
  59 +.jsglyph-circle2-questionmark:before{ content: "\e02d"; }
  60 +.jsglyph-resize-handle:before{ content: "\e02e"; }
  61 +.jsglyph-resize-handle-2:before{ content: "\e02f"; }
  62 +.jsglyph-pencil:before{ content: "\e030"; }
  63 +.jsglyph-refresh:before{ content: "\e031"; }
  64 +.jsglyph-volume-off:before{ content: "\e032"; }
  65 +.jsglyph-volume-up:before{ content: "\e033"; }
  66 +.jsglyph-volume-down:before{ content: "\e034"; }
  67 +.jsglyph-link:before{ content: "\e035"; }
  68 +.jsglyph-eye-open:before{ content: "\e036"; }
  69 +.jsglyph-eye-slash:before{ content: "\e037"; }
  70 +.jsglyph-power-on:before{ content: "\e038"; }
  71 +.jsglyph-cog:before{ content: "\e039"; }
  72 +.jsglyph-cog2:before{ content: "\e03a"; }
  73 +.jsglyph-torso:before{ content: "\e03b"; }
  74 +.jsglyph-people:before{ content: "\e03c"; }
  75 +.jsglyph-torso-female:before{ content: "\e03d"; }
  76 +.jsglyph-people-female:before{ content: "\e03e"; }
  77 +.jsglyph-torso-male-female:before{ content: "\e03f"; }
  78 +.jsglyph-torso-female-male:before{ content: "\e040"; }
  79 +.jsglyph-torso-hollow:before{ content: "\e041"; }
  80 +.jsglyph-cog3:before{ content: "\e042"; }
  81 +.jsglyph-tools:before{ content: "\e043"; }
  82 +.jsglyph-home:before{ content: "\e044"; }
  83 +.jsglyph-login:before{ content: "\e045"; }
  84 +.jsglyph-logout:before{ content: "\e046"; }
  85 +.jsglyph-download:before{ content: "\e047"; }
  86 +.jsglyph-upload:before{ content: "\e048"; }
  87 +.jsglyph-reload:before{ content: "\e049"; }
  88 +.jsglyph-lock:before{ content: "\e04a"; }
  89 +.jsglyph-unlock:before{ content: "\e04b"; }
  90 +.jsglyph-save:before{ content: "\e04c"; }
  91 +.jsglyph-wrench:before{ content: "\e04d"; }
  92 +.jsglyph-search:before{ content: "\e04e"; }
  93 +.jsglyph-zoom-in:before{ content: "\e04f"; }
  94 +.jsglyph-zoom-out:before{ content: "\e050"; }
  95 +.jsglyph-bars:before{ content: "\e051"; }
  96 +.jsglyph-marker:before{ content: "\e052"; }
  97 +.jsglyph-resize-handle-left:before{ content: "\e053"; }
  98 +.jsglyph-resize-handle-2-left:before{ content: "\e054"; }
  99 +.jsglyph-edit:before{ content: "\e055"; }
  100 +
  101 +
  102 +.jsPanel, .jsPanel-hdr-r, .jsPanel-hdr-l, .jsPanel-hdr-r span img, .jsPanel-content{
  103 + margin: 0; padding: 0; border: 0; font-size: 100%; line-height: 1.5em; vertical-align: baseline;
  104 +}
  105 +.jsPanel{
  106 + box-sizing: border-box;
  107 + /*overflow: hidden;*/
  108 + position: absolute;
  109 + border-radius: 0px;
  110 + /*z-index: 100;*/
  111 +}
  112 +.jsPanel-hdr{
  113 + box-sizing: border-box;
  114 + min-height: 30px;
  115 + padding: 2px 0 4px 2px;
  116 +}
  117 +.jsPanel-hdr *{
  118 + font-size: 16px;
  119 +}
  120 +.jsPanel-hdr-r{
  121 + position: absolute;
  122 + top: 0;
  123 + right: 0;
  124 +}
  125 +h3.jsPanel-title{
  126 + float: left;
  127 + width: calc(100% - 90px);
  128 + white-space: nowrap;
  129 + overflow: hidden;
  130 + text-align: left;
  131 + text-overflow: ellipsis;
  132 + margin: 0 5px;
  133 + font-variant: normal;
  134 + font-weight: bold;
  135 + cursor: move;
  136 + min-height: 20px;
  137 + padding: 0 10px;
  138 + font-size:25px;
  139 + font-variant-caps:all-petite-caps;
  140 +}
  141 +.jsPanel-hdr-r div{
  142 + float: right;
  143 + cursor: pointer;
  144 + margin-left: 1px;
  145 + width: auto;
  146 + height: auto;
  147 + min-width: 20px;
  148 + min-height: 20px;
  149 + overflow: hidden;
  150 +}
  151 +
  152 +.jsPanel-btn-close{ background: url("images/icon-sprite-20x20.jpg") 20px 0 repeat no-repeat; }
  153 +.jsPanel-btn-max{ background: url("images/icon-sprite-20x20.jpg") 40px 0 repeat no-repeat; }
  154 +.jsPanel-btn-norm{ background: url("images/icon-sprite-20x20.jpg") 60px 0 repeat no-repeat; display: none; }
  155 +.jsPanel-btn-min{ background: url("images/icon-sprite-20x20.jpg") 80px 0 repeat no-repeat; }
  156 +.jsPanel-btn-small{ background: url("images/icon-sprite-20x20.jpg") 100px 0 repeat no-repeat; }
  157 +.jsPanel-btn-smallrev{ background: url("images/icon-sprite-20x20.jpg") 120px 0 repeat no-repeat; display: none; }
  158 +
  159 +
  160 +.jsPanel-hdr-toolbar {
  161 + box-sizing: border-box;
  162 + clear: both;
  163 + font-size: 16px;
  164 + margin-top: 23px;
  165 + height: auto;
  166 + padding: 0 5px;
  167 + width: auto;
  168 +}
  169 +.jsPanel-hdr-toolbar img{
  170 + cursor: pointer;
  171 + margin-bottom: 4px;
  172 + margin-right: 5px;
  173 +}
  174 +.jsPanel-content {
  175 + font-size: 12px;
  176 + position: relative;
  177 + width: 100%;
  178 + overflow: hidden;
  179 + box-sizing: border-box;
  180 +}
  181 +.jsPanel-ftr{
  182 + box-sizing: border-box;
  183 + cursor: move;
  184 + display: none;
  185 + font-size: 12px;
  186 + height: auto;
  187 + padding: 2px 2px 2px 5px;
  188 + text-align: right;
  189 +}
  190 +.jsPanel-ftr button{
  191 + margin: 5px;
  192 +}
  193 +
  194 +/* clearfix */
  195 +.jsPanel-clearfix:after {
  196 + content: ".";
  197 + display: block;
  198 + height: 0;
  199 + clear: both;
  200 + visibility: hidden;
  201 +}
  202 +
  203 +/* container that takes the minified jsPanels */
  204 +#jsPanel-min-container{
  205 + position:fixed;
  206 + left:0;
  207 + bottom:0;
  208 + width:auto;
  209 + height:28px;
  210 + background:transparent;
  211 + z-index:9999;
  212 +}
  213 +
  214 +/* css for the modal backdrop --------------------------- */
  215 +.jsPanel-backdrop{
  216 + position:absolute;
  217 + top:0;
  218 + left:0;
  219 + z-index:10000;
  220 + width:100%;
  221 + background:rgba(0,0,0,0.7);
  222 +}
  223 +.jsPanel-backdrop-inner{
  224 + position:absolute;
  225 + width:100%;
  226 +}
  227 +/* THEMES ------------------------------------------------------------------------- */
  228 +
  229 +/* default ------------------------------------------- */
  230 +.jsPanel.jsPanel-theme-default{
  231 + background: none repeat scroll 0 0 #fff;
  232 + box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4);
  233 +}
  234 +.jsPanel-hdr.jsPanel-theme-default{
  235 + color: #000;
  236 + font-family: tahoma,arial,verdana,sans-serif;
  237 + font-weight: normal;
  238 +}
  239 +.jsPanel-hdr.jsPanel-theme-default h3{
  240 + color: #000;
  241 +}
  242 +.jsPanel-hdr.jsPanel-theme-default h3 small{
  243 + color: #000;
  244 + font-size: 65%;
  245 +}
  246 +.jsPanel-content.jsPanel-theme-default{
  247 + background: none repeat scroll 0 0 #FFFFFF;
  248 + color: #000;
  249 + font-family: tahoma,arial,verdana,sans-serif;
  250 + outline: 1px solid #bbb;
  251 +}
  252 +.jsPanel-ftr.jsPanel-theme-default{
  253 + font-size: 12px;
  254 + height: auto;
  255 + padding: 2px 2px 2px 5px;
  256 + text-align: right;
  257 +}
  258 +.jsPanel-theme-default .ui-icon-gripsmall-diagonal-se{
  259 + color: #000;
  260 +}
  261 +
  262 +
  263 +/* light ------------------------------------------- */
  264 +.jsPanel.jsPanel-theme-light{ background: #f1f1f1; box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4); }
  265 +.jsPanel-hdr.jsPanel-theme-light{ color: #000; font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: #f1f1f1; }
  266 +.jsPanel-hdr.jsPanel-theme-light h3{ color: #000; }
  267 +.jsPanel-hdr.jsPanel-theme-light h3 small{ color: #000; font-size: 65%; }
  268 +.jsPanel-content.jsPanel-theme-light { background: none repeat scroll 0 0 #FFFFFF; color: #000; font-family: tahoma,arial,verdana,sans-serif; outline: 1px solid #bbb; }
  269 +.jsPanel-ftr.jsPanel-theme-light{ color: #000; font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: #f1f1f1; }
  270 +.jsPanel-theme-light .ui-icon-gripsmall-diagonal-se{ color: #000; }
  271 +
  272 +/* medium -------------------------------------------- */
  273 +.jsPanel.jsPanel-theme-medium{ background: #c2c2c2; box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4); }
  274 +.jsPanel-hdr.jsPanel-theme-medium{ color: #000; font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: #c2c2c2; }
  275 +.jsPanel-hdr.jsPanel-theme-medium h3{ color: #000; }
  276 +.jsPanel-hdr.jsPanel-theme-medium h3 small{ color: #000; font-size: 65%; }
  277 +.jsPanel-content.jsPanel-theme-medium { background: none repeat scroll 0 0 #fff; color: #000; font-family: tahoma,arial,verdana,sans-serif; outline: 1px solid #bbb; }
  278 +.jsPanel-ftr.jsPanel-theme-medium{ color: #000; font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: #c2c2c2; }
  279 +.jsPanel-theme-medium .ui-icon-gripsmall-diagonal-se{ color: #000; }
  280 +
  281 +/* dark ---------------------------------------------- */
  282 +.jsPanel.jsPanel-theme-dark{ background: #828282; box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4); }
  283 +.jsPanel-hdr.jsPanel-theme-dark{ color: #fff; font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: #828282; }
  284 +.jsPanel-hdr.jsPanel-theme-dark h3{ color: #fff; }
  285 +.jsPanel-hdr.jsPanel-theme-dark h3 small{ color: #fff; font-size: 65%; }
  286 +.jsPanel-content.jsPanel-theme-dark { background: none repeat scroll 0 0 #fff; color: #000; font-family: tahoma,arial,verdana,sans-serif; outline: 1px solid #bbb; }
  287 +.jsPanel-ftr.jsPanel-theme-dark{ color: #fff; font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: #828282; }
  288 +.jsPanel-theme-dark .ui-icon-gripsmall-diagonal-se{ color: #000; }
  289 +
  290 +/* black ---------------------------------------------- */
  291 +.jsPanel.jsPanel-theme-black{ background: linear-gradient(#4a4a4a 0px, black 100%) repeat scroll 0 0 #4a4a4a; background: -ms-linear-gradient(#4a4a4a 0px, black 100%) repeat scroll 0 0 #4a4a4a; box-shadow: 0 0 3px #333; }
  292 +.jsPanel-hdr.jsPanel-theme-black{ color: #fff; font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: transparent; }
  293 +.jsPanel-hdr.jsPanel-theme-black h3{ color: #fff; }
  294 +.jsPanel-hdr.jsPanel-theme-black h3 small{ color: #fff; font-size: 65%; }
  295 +.jsPanel-content.jsPanel-theme-black { background: transparent; color: #c3c3c3; }
  296 +.jsPanel-ftr.jsPanel-theme-black{ color: #fff; font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: transparent; }
  297 +.jsPanel-theme-black .ui-icon-gripsmall-diagonal-se{ color: #fff; }
  298 +
  299 +/* primary ---------------------------------------------- */
  300 +.jsPanel.jsPanel-theme-primary{ background: none repeat scroll 0 0 #fff; box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4); }
  301 +.jsPanel-hdr.jsPanel-theme-primary{ color: #ffffff; font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: #2FA4E7; }
  302 +.jsPanel-hdr.jsPanel-theme-primary h3{ color: #fff; }
  303 +.jsPanel-hdr.jsPanel-theme-primary h3 small{ color: #fff; font-size: 65%; }
  304 +.jsPanel-content.jsPanel-theme-primary { background: none repeat scroll 0 0 #ffffff; color: #000000; font-family: tahoma,arial,verdana,sans-serif; outline: 1px solid #bbb; }
  305 +.jsPanel-ftr.jsPanel-theme-primary{}
  306 +.jsPanel-theme-primary .ui-icon-gripsmall-diagonal-se{ color: #000; }
  307 +
  308 +/* success --------------------------------------------- */
  309 +.jsPanel.jsPanel-theme-success{ background: none repeat scroll 0 0 #fff; box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4);background-color:#222222 }
  310 +.jsPanel-hdr.jsPanel-theme-success{ color: #fff; font-family: Open Sans, Helvetica,tahoma,arial,verdana,sans-serif; font-weight: bold; font-size:15px; background: #818D43; height:20px;}
  311 +.jsPanel-hdr.jsPanel-theme-success h3{ color: #fff;font-size:20px;font-weight: bold }
  312 +.jsPanel-hdr.jsPanel-theme-success h3 small{ color: #fff; font-size: 65%; font-weight: bold}
  313 +.jsPanel-content.jsPanel-theme-success { background: none repeat scroll 0 0 #ffffff; color: #000000; font-family: tahoma,arial,verdana,sans-serif; outline: 1px solid #bbb;background-color:#222222 }
  314 +.jsPanel-ftr.jsPanel-theme-success{}
  315 +.jsPanel-theme-successt .ui-icon-gripsmall-diagonal-se{ color: #000; }
  316 +
  317 +/* info ---------------------------------------------- */
  318 +.jsPanel.jsPanel-theme-info{ background: none repeat scroll 0 0 #fff; box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4); }
  319 +.jsPanel-hdr.jsPanel-theme-info{ color: #fff; font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: #033C73; }
  320 +.jsPanel-hdr.jsPanel-theme-info h3{ color: #fff; }
  321 +.jsPanel-hdr.jsPanel-theme-info h3 small{ color: #fff; font-size: 65%; }
  322 +.jsPanel-content.jsPanel-theme-info { background: none repeat scroll 0 0 #ffffff; color: #000000; font-family: tahoma,arial,verdana,sans-serif; outline: 1px solid #bbb; }
  323 +.jsPanel-ftr.jsPanel-theme-info{}
  324 +.jsPanel-theme-info .ui-icon-gripsmall-diagonal-se{ color: #000; }
  325 +
  326 +/* warning ----------------------------------------------- */
  327 +.jsPanel.jsPanel-theme-warning{ background: none repeat scroll 0 0 #fff; box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4); }
  328 +.jsPanel-hdr.jsPanel-theme-warning{ color: #fff; font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: #DD5600; }
  329 +.jsPanel-hdr.jsPanel-theme-warning h3{ color: #fff; }
  330 +.jsPanel-hdr.jsPanel-theme-warning h3 small{ color: #fff; font-size: 65%; }
  331 +.jsPanel-content.jsPanel-theme-warning { background: none repeat scroll 0 0 #fff; color: #000; font-family: tahoma,arial,verdana,sans-serif; outline: 1px solid #bbb; }
  332 +.jsPanel-ftr.jsPanel-theme-warning{}
  333 +.jsPanel-theme-warning .ui-icon-gripsmall-diagonal-se{ color: #000; }
  334 +
  335 +/* danger ----------------------------------------------- */
  336 +.jsPanel.jsPanel-theme-danger{ background: none repeat scroll 0 0 #fff; box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4); }
  337 +.jsPanel-hdr.jsPanel-theme-danger{ color: #fff; font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: #C71C22; }
  338 +.jsPanel-hdr.jsPanel-theme-danger h3{ color: #fff; }
  339 +.jsPanel-hdr.jsPanel-theme-danger h3 small{ color: #fff; font-size: 65%; }
  340 +.jsPanel-content.jsPanel-theme-danger { background: none repeat scroll 0 0 #ffffff; color: #000000; font-family: tahoma,arial,verdana,sans-serif; outline: 1px solid #bbb; }
  341 +.jsPanel-ftr.jsPanel-theme-danger{}
  342 +.jsPanel-theme-danger .ui-icon-gripsmall-diagonal-se{ color: #000; }
  343 +
  344 +/* autumngreen ------------------------------------------- */
  345 +.jsPanel.jsPanel-theme-autumngreen{ background: none repeat scroll 0 0 #eee; box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4); }
  346 +.jsPanel-hdr.jsPanel-theme-autumngreen{ color: rgb(196, 189, 142); font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: rgb(125, 126, 81); }
  347 +.jsPanel-hdr.jsPanel-theme-autumngreen h3{ color: rgb(196, 189, 142); }
  348 +.jsPanel-hdr.jsPanel-theme-autumngreen h3 small{ color: #fff; font-size: 65%; }
  349 +.jsPanel-content.jsPanel-theme-autumngreen { background: none repeat scroll 0 0 #FFFFFF; color: rgb(110, 100, 73); font-family: tahoma,arial,verdana,sans-serif; outline: 1px solid #bbb; }
  350 +.jsPanel-ftr.jsPanel-theme-autumngreen{ background: linear-gradient(to bottom, rgba(125, 126, 81,0.65) 0%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(125, 126, 81,0.65) 0%,rgba(0,0,0,0) 100%); color: rgb(110, 100, 73); }
  351 +.jsPanel-theme-autumngreen .ui-icon-gripsmall-diagonal-se{ color: #000; }
  352 +
  353 +/* autumnbrown ------------------------------------------- */
  354 +.jsPanel.jsPanel-theme-autumnbrown{ background: none repeat scroll 0 0 #eee; box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4); }
  355 +.jsPanel-hdr.jsPanel-theme-autumnbrown{ color: rgb(233, 206, 135); font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: rgb(138, 91, 51); }
  356 +.jsPanel-hdr.jsPanel-theme-autumnbrown h3{ color: rgb(233, 206, 135); }
  357 +.jsPanel-hdr.jsPanel-theme-autumnbrown h3 small{ color: #fff; font-size: 65%; }
  358 +.jsPanel-content.jsPanel-theme-autumnbrown { background: none repeat scroll 0 0 #FFFFFF; color: rgb(110, 100, 73); font-family: tahoma,arial,verdana,sans-serif; outline: 1px solid #bbb; }
  359 +.jsPanel-ftr.jsPanel-theme-autumnbrown{ background: linear-gradient(to bottom, rgba(138, 91, 51,0.65) 0%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(138, 91, 51,0.65) 0%,rgba(0,0,0,0) 100%); color: rgb(110, 100, 73); }
  360 +.jsPanel-theme-autumnbrown .ui-icon-gripsmall-diagonal-se{ color: #000; }
  361 +
  362 +/* autumnred ------------------------------------------- */
  363 +.jsPanel.jsPanel-theme-autumnred{ background: none repeat scroll 0 0 #eee; box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4); }
  364 +.jsPanel-hdr.jsPanel-theme-autumnred{ color: rgb(233, 206, 135); font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: rgb(198, 113, 10); }
  365 +.jsPanel-hdr.jsPanel-theme-autumnred h3{ color: rgb(233, 206, 135); }
  366 +.jsPanel-hdr.jsPanel-theme-autumnred h3 small{ color: #fff; font-size: 65%; }
  367 +.jsPanel-content.jsPanel-theme-autumnred { background: none repeat scroll 0 0 #FFFFFF; color: rgb(110, 100, 73); font-family: tahoma,arial,verdana,sans-serif; outline: 1px solid #bbb; }
  368 +.jsPanel-ftr.jsPanel-theme-autumnred{ background: linear-gradient(to bottom, rgba(198, 113, 10,0.65) 0%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(198, 113, 10,0.65) 0%,rgba(0,0,0,0) 100%); color: rgb(110, 100, 73); }
  369 +.jsPanel-theme-autumnred .ui-icon-gripsmall-diagonal-se{ color: #000; }
  370 +
  371 +/* bootstrap adjustments */
  372 +.jsPanel.panel-default, .jsPanel.panel-primary, .jsPanel.panel-info, .jsPanel.panel-success, .jsPanel.panel-warning, .jsPanel.panel-danger{
  373 + box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4);
  374 +}
  375 +
  376 +/* jQuery-UI adjustments */
  377 +.ui-icon-gripsmall-diagonal-se {
  378 + background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  379 + color: #000;
  380 + font-family: jsglyphregular;
  381 + font-size: 16px;
  382 + line-height: 16px;
  383 +}
  384 +.ui-icon-gripsmall-diagonal-se:before {
  385 + content: "\e02f";
  386 +}
  387 +.ui-resizable-handle.ui-resizable-se.ui-icon.ui-icon-gripsmall-diagonal-se{
  388 + text-indent: 0;
  389 + bottom: 2px;
  390 +}
  391 +/* uncomment to show a lower left resize icon
  392 +.ui-resizable-handle.ui-resizable-sw{
  393 + background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  394 + color: #000;
  395 + font-family: jsglyphregular;
  396 + font-size: 16px;
  397 + line-height: 16px;
  398 + text-indent: 7px;
  399 + bottom: 2px;
  400 + width: 16px;
  401 + height: 16px;
  402 +}
  403 +.ui-resizable-handle.ui-resizable-sw:before{
  404 + content: "\e054";
  405 +}
  406 +*/
  407 +
  408 +/* css for the tooltip wrapper ---------------------------- */
  409 +.jsPanel-tooltip-wrapper{
  410 + position: relative;
  411 + display: inline-block; /* do not change !!! inline wรผrde gehen -> offsets neu berechnen */
  412 + margin: 0;
  413 + padding: 0;
  414 + border: none;
  415 + background: transparent;
  416 +}
  417 +.jsPanel-tooltip-wrapper .jsPanel{
  418 + border-radius: 4px;
  419 +}
  420 +
  421 +/* css for tooltip corners */
  422 +.jsPanel-corner-top, .jsPanel-corner-right, .jsPanel-corner-bottom, .jsPanel-corner-left{
  423 + width: 0;
  424 + height: 0;
  425 + border: 12px solid transparent;
  426 + position: absolute;
  427 +}
  428 +.jsPanel-corner-top{
  429 + border-top-width: 10px;
  430 +}
  431 +.jsPanel-corner-right{
  432 + border-right-width: 10px;
  433 +}
  434 +.jsPanel-corner-bottom{
  435 + border-bottom-width: 10px;
  436 +}
  437 +.jsPanel-corner-left{
  438 + border-left-width: 10px;
  439 +}
  440 +
  441 +
  442 +
  443 +
  444 +/* css for the hints ----------------------------------------------------------- */
  445 +.jsPanel-hint{
  446 + margin-bottom: 4px;
  447 +}
  448 +.jsPanel-hint-close{
  449 + float: right;
  450 + font-size: 1.5em;
  451 + margin: 4px 5px 0 0;
  452 + cursor: pointer;
  453 +}
  454 +.jsPanel-hint-content.jsPanel-hint-default{
  455 + background: #fff none repeat scroll 0 0;
  456 + border: 2px solid #222;
  457 + color: #222;
  458 + text-shadow: 1px 1px 1px #789;
  459 +}
  460 +.jsPanel-hint-content.jsPanel-hint-light{
  461 + background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(250,250,250,0.65) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(250,250,250,0.65) 100%);
  462 + color: #000;
  463 +}
  464 +.jsPanel-hint-content.jsPanel-hint-medium{
  465 + background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(130, 130, 130, 1) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(130, 130, 130, 1) 100%);
  466 + color: #fff;
  467 +}
  468 +.jsPanel-hint-content.jsPanel-hint-dark{
  469 + background: linear-gradient(to bottom, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); background: -ms-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);
  470 + color: #fff;
  471 +}
  472 +.jsPanel-hint-content.jsPanel-hint-autumngreen{
  473 + background: linear-gradient(to bottom, rgba(125, 126, 81,0.65) 0%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(125, 126, 81,0.65) 0%,rgba(0,0,0,0) 100%);
  474 + color: #fff;
  475 +}
  476 +.jsPanel-hint-content.jsPanel-hint-autumnbrown{
  477 + background: linear-gradient(to bottom, rgba(138, 91, 51,0.65) 0%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(138, 91, 51,0.65) 0%,rgba(0,0,0,0) 100%);
  478 + color: #fff;
  479 +}
  480 +.jsPanel-hint-content.jsPanel-hint-autumnred{
  481 + background: linear-gradient(to bottom, rgba(198, 113, 10,0.65) 0%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(198, 113, 10,0.65) 0%,rgba(0,0,0,0) 100%);
  482 + color: #fff;
  483 +}
  484 +.jsPanel-hint-content.jsPanel-hint-primary{
  485 + background: #82C8F1 none repeat scroll 0 0;
  486 + border: 5px solid #02436A;
  487 + color: #02436A;
  488 + text-shadow: 2px 2px 2px #fff;
  489 +}
  490 +.jsPanel-hint-content.jsPanel-hint-info{
  491 + background: #4594c3 none repeat scroll 0 0;
  492 + border: 5px solid #033c73;
  493 + color: #fff;
  494 + text-shadow: 2px 2px 2px #033c73;
  495 +}
  496 +.jsPanel-hint-content.jsPanel-hint-success{
  497 + background: #C3EA99 none repeat scroll 0 0;
  498 + border: 5px solid #034E26;
  499 + color: #356304;
  500 + text-shadow: 2px 2px 2px #aaa;
  501 +}
  502 +.jsPanel-hint-content.jsPanel-hint-warning{
  503 + background: #FFC7A3 none repeat scroll 0 0;
  504 + border: 5px solid #DD5600;
  505 + color: #AD6537;
  506 + text-shadow: 2px 2px 2px #fff;
  507 +}
  508 +.jsPanel-hint-content.jsPanel-hint-danger{
  509 + background: #fc7073 none repeat scroll 0 0;
  510 + border: 5px solid #c71c22;
  511 + color: #fff;
  512 + text-shadow: 2px 2px 2px #c71c22;
  513 +}
  514 +
  515 +/**
  516 + * CSS3 Tips v1.0.1
  517 + * A stylesheet for creating tooltips without using anything other than CSS3.
  518 + * created by c.bavota released under GPL v2 March 21st, 2014
  519 + * HTML example code for the tooltip
  520 + * http://cbavota.bitbucket.org/css3-tips/
  521 + * <a href="http://bavotasan.com" class="top-tip" data-tips="Go to bavotasan.com">bavotasan.com</a>
  522 +*/
  523 +[data-tips] {
  524 + position: relative;
  525 + text-decoration: none;
  526 +}
  527 +[data-tips]:after,
  528 +[data-tips]:before {
  529 + position: absolute;
  530 + z-index: 100;
  531 + opacity: 0;
  532 +}
  533 +[data-tips]:after {
  534 + content: attr(data-tips);
  535 + height: 25px;
  536 + line-height: 25px;
  537 + padding: 0 10px;
  538 + font-size: 12px;
  539 + text-align: center;
  540 + color: #fff;
  541 + background: #3276B1;
  542 + border-radius: 4px;
  543 + /*text-shadow: 0 0 5px #000;*/
  544 + -moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);
  545 + -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
  546 + box-shadow: 0 0 5px rgba(0,0,0,0.3);
  547 + white-space: nowrap;
  548 + -moz-box-sizing: border-box;
  549 + -webkit-box-sizing: border-box;
  550 + box-sizing: border-box;
  551 +}
  552 +[data-tips]:before {
  553 + content: "";
  554 + width: 0;
  555 + height: 0;
  556 + border-width: 6px;
  557 + border-style: solid;
  558 +}
  559 +
  560 +[data-tips]:hover:after,
  561 +[data-tips]:hover:before {
  562 + opacity: 1;
  563 +}
  564 +/* Top tips */
  565 +[data-tips].top-tip:after,
  566 +[data-tips].top-tip:before {
  567 + -webkit-transition: bottom 0.25s ease-in-out, opacity 0.25s ease-in-out;
  568 + -moz-transition: bottom 0.25s ease-in-out, opacity 0.25s ease-in-out;
  569 + transition: bottom 0.25s ease-in-out, opacity 0.25s ease-in-out;
  570 + bottom: 90%;
  571 + left: -9999px;
  572 + margin-bottom: 12px;
  573 +}
  574 +[data-tips].top-tip:before {
  575 + border-color: #3276B1 transparent transparent transparent;
  576 + margin-bottom: 0;
  577 +}
  578 +[data-tips].top-tip:hover:after,
  579 +[data-tips].top-tip:hover:before {
  580 + bottom: 100%;
  581 + left: 0;
  582 +}
  583 +[data-tips].top-tip:hover:before {
  584 + left: 15px;
  585 +}
  586 +/* Bottom tip */
  587 +[data-tips].bottom-tip:after,
  588 +[data-tips].bottom-tip:before {
  589 + -webkit-transition: top 0.25s ease-in-out, opacity 0.25s ease-in-out;
  590 + -moz-transition: top 0.25s ease-in-out, opacity 0.25s ease-in-out;
  591 + transition: top 0.25s ease-in-out, opacity 0.25s ease-in-out;
  592 + top: 90%;
  593 + left: -9999px;
  594 + margin-top: 12px;
  595 +}
  596 +[data-tips].bottom-tip:before {
  597 + border-color: transparent transparent #3276B1 transparent;
  598 + margin-top: 0;
  599 +}
  600 +[data-tips].bottom-tip:hover:after,
  601 +[data-tips].bottom-tip:hover:before {
  602 + top: 100%;
  603 + left: 0;
  604 +}
  605 +[data-tips].bottom-tip:hover:before {
  606 + left: 15px;
  607 +}
  608 +/* Right tip */
  609 +[data-tips].right-tip:after,
  610 +[data-tips].right-tip:before {
  611 + -webkit-transition: left 0.25s ease-in-out, opacity 0.25s ease-in-out;
  612 + -moz-transition: left 0.25s ease-in-out, opacity 0.25s ease-in-out;
  613 + transition: left 0.25s ease-in-out, opacity 0.25s ease-in-out;
  614 + top: -9999px;
  615 + left: 96%;
  616 + margin-left: 12px;
  617 +}
  618 +[data-tips].right-tip:before {
  619 + border-color: transparent #3276B1 transparent transparent;
  620 + margin-left: 0;
  621 +}
  622 +[data-tips].right-tip:hover:after,
  623 +[data-tips].right-tip:hover:before {
  624 + left: 100%;
  625 + top: 0;
  626 +}
  627 +
  628 +[data-tips].right-tip:hover:before {
  629 + top: 7px;
  630 +}
  631 +/* Left tip */
  632 +[data-tips].left-tip:after,
  633 +[data-tips].left-tip:before {
  634 + -webkit-transition: right 0.25s ease-in-out, opacity 0.25s ease-in-out;
  635 + -moz-transition: right 0.25s ease-in-out, opacity 0.25s ease-in-out;
  636 + transition: right 0.25s ease-in-out, opacity 0.25s ease-in-out;
  637 + top: -9999px;
  638 + right: 96%;
  639 + margin-right: 12px;
  640 +}
  641 +[data-tips].left-tip:before {
  642 + border-color: transparent transparent transparent #3276B1;
  643 + margin-right: 0;
  644 +}
  645 +[data-tips].left-tip:hover:after,
  646 +[data-tips].left-tip:hover:before {
  647 + right: 100%;
  648 + top: 0;
  649 +}
  650 +[data-tips].left-tip:hover:before {
  651 + top: 7px;
  652 +}
  653 +
  654 +
  655 +span#min {
  656 + background-image: url(/betatesting/wp-content/themes/dynamik/css/images/brunelwantsyou_hover.jpg);
657 657 }
658 658 \ No newline at end of file
... ...