Subversion-Projekte lars-tiefland.marine-sales.de

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
2 lars 1 
/* === REQUIRED BY LICENSE FROM FONTS.COM - DON'T REMOVE! === */
2 
/*
3 
This CSS resource incorporates links to font software which is the valuable copyrighted
4 
property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
5 
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
6 
Imaging with any questions regarding Web Fonts:  http://webfonts.fonts.com
7 
*/
8 
/* === REQUIRED BY LICENSE FROM FONTS.COM - DON'T REMOVE! === */
9 
 
10 
/* qTip Start */
11 
.qtip{
12 
	position: absolute;
13 
	left: -28000px;
14 
	top: -28000px;
15 
	display: none;
16 
	max-width: 357px;
17 
	min-width: 180px;
18 
	font-size: 10.5px;
19 
	line-height: 12px;
20 
	direction: ltr;
21 
	box-shadow: none;
22 
	padding: 0;
23 
}
24 
.qtip-content {
25 
    position: relative;
26 
    padding: 10px 15px;
27 
    overflow: hidden;
28 
 
29 
    text-align: left;
30 
    word-wrap: break-word;
31 
    box-shadow: 2px 2px 2px rgba(0,0,0,0.33);
32 
}
33 
 
34 
.qtip-titlebar {
35 
    position: relative;
36 
    padding: 5px 35px 5px 10px;
37 
    overflow: hidden;
38 
 
39 
    border-width: 0 0 1px;
40 
    font-weight: bold;
41 
}
42 
 
43 
.qtip-titlebar + .qtip-content{ border-top-width: 0 !important; }
44 
 
45 
/* Default close button class */
46 
.qtip-close {
47 
    position: absolute;
48 
    right: -9px; top: -9px;
49 
 
50 
    cursor: pointer;
51 
    outline: medium none;
52 
 
53 
    border-width: 1px;
54 
    border-style: solid;
55 
    border-color: transparent;
56 
}
57 
 
58 
    .qtip-titlebar .qtip-close{
59 
        right: 4px; top: 50%;
60 
        margin-top: -9px;
61 
    }
62 
 
63 
    * html .qtip-titlebar .qtip-close{ top: 16px; } /* IE fix */
64 
 
65 
    .qtip-titlebar .ui-icon,
66 
    .qtip-icon .ui-icon{
67 
        display: block;
68 
        text-indent: -1000em;
69 
        direction: ltr;
70 
    }
71 
 
72 
    .qtip-icon, .qtip-icon .ui-icon{
73 
        -moz-border-radius: 3px;
74 
        -webkit-border-radius: 3px;
75 
        border-radius: 3px;
76 
        text-decoration: none;
77 
    }
78 
 
79 
    .qtip-icon .ui-icon{
80 
        width: 18px;
81 
        height: 14px;
82 
 
83 
        line-height: 14px;
84 
        text-align: center;
85 
        text-indent: 0;
86 
        font: normal bold 10px/13px Tahoma,sans-serif;
87 
 
88 
        color: inherit;
89 
        background: transparent none no-repeat -100em -100em;
90 
    }
91 
/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
92 
.qtip-focus{}
93 
 
94 
/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
95 
.qtip-hover{}
96 
 
97 
/* Default tooltip style */
98 
.qtip-default{
99 
	border-width: 1px;
100 
	border-style: solid;
101 
	border-color: #009ee3;
102 
	background-color: #FFFFFF;
103 
	color: #505050;
104 
    font-size: 13px;
105 
    line-height: 16px;
106 
}
107 
 
108 
	.qtip-default .qtip-titlebar{
109 
		background-color: #FFEF93;
110 
	}
111 
 
112 
	.qtip-default .qtip-icon{
113 
		border-color: #CCC;
114 
		background: #F1F1F1;
115 
		color: #777;
116 
	}
117 
 
118 
	.qtip-default .qtip-titlebar .qtip-close{
119 
		border-color: #AAA;
120 
		color: #111;
121 
	}
122 
 
123 
 
124 
 
125 
/*! Light tooltip style */
126 
.qtip-light{
127 
	background-color: white;
128 
	border-color: #E2E2E2;
129 
	color: #454545;
130 
}
131 
 
132 
	.qtip-light .qtip-titlebar{
133 
		background-color: #f1f1f1;
134 
	}
135 
 
136 
 
137 
/*! Dark tooltip style */
138 
.qtip-dark{
139 
	background-color: #505050;
140 
	border-color: #303030;
141 
	color: #f3f3f3;
142 
}
143 
 
144 
	.qtip-dark .qtip-titlebar{
145 
		background-color: #404040;
146 
	}
147 
 
148 
	.qtip-dark .qtip-icon{
149 
		border-color: #444;
150 
	}
151 
 
152 
	.qtip-dark .qtip-titlebar .ui-state-hover{
153 
		border-color: #303030;
154 
	}
155 
 
156 
 
157 
/*! Cream tooltip style */
158 
.qtip-cream{
159 
	background-color: #FBF7AA;
160 
	border-color: #F9E98E;
161 
	color: #A27D35;
162 
}
163 
 
164 
	.qtip-cream .qtip-titlebar{
165 
		background-color: #F0DE7D;
166 
	}
167 
 
168 
	.qtip-cream .qtip-close .qtip-icon{
169 
		background-position: -82px 0;
170 
	}
171 
 
172 
 
173 
/*! Red tooltip style */
174 
.qtip-red{
175 
	background-color: #F78B83;
176 
	border-color: #D95252;
177 
	color: #912323;
178 
}
179 
 
180 
	.qtip-red .qtip-titlebar{
181 
		background-color: #F06D65;
182 
	}
183 
 
184 
	.qtip-red .qtip-close .qtip-icon{
185 
		background-position: -102px 0;
186 
	}
187 
 
188 
	.qtip-red .qtip-icon{
189 
		border-color: #D95252;
190 
	}
191 
 
192 
	.qtip-red .qtip-titlebar .ui-state-hover{
193 
		border-color: #D95252;
194 
	}
195 
 
196 
 
197 
/*! Green tooltip style */
198 
.qtip-green{
199 
	background-color: #CAED9E;
200 
	border-color: #90D93F;
201 
	color: #3F6219;
202 
}
203 
 
204 
	.qtip-green .qtip-titlebar{
205 
		background-color: #B0DE78;
206 
	}
207 
 
208 
	.qtip-green .qtip-close .qtip-icon{
209 
		background-position: -42px 0;
210 
	}
211 
 
212 
 
213 
/*! Blue tooltip style */
214 
.qtip-blue{
215 
	background-color: #E5F6FE;
216 
	border-color: #ADD9ED;
217 
	color: #5E99BD;
218 
}
219 
 
220 
	.qtip-blue .qtip-titlebar{
221 
		background-color: #D0E9F5;
222 
	}
223 
 
224 
	.qtip-blue .qtip-close .qtip-icon{
225 
		background-position: -2px 0;
226 
	}
227 
 
228 
 
229 
 
230 
.qtip-shadow{
231 
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
232 
	-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
233 
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
234 
}
235 
 
236 
/* Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
237 
.qtip-rounded,
238 
.qtip-tipsy,
239 
.qtip-bootstrap{
240 
	-moz-border-radius: 5px;
241 
	-webkit-border-radius: 5px;
242 
	border-radius: 5px;
243 
}
244 
 
245 
.qtip-rounded .qtip-titlebar{
246 
	-moz-border-radius: 4px 4px 0 0;
247 
	-webkit-border-radius: 4px 4px 0 0;
248 
	border-radius: 4px 4px 0 0;
249 
}
250 
 
251 
/* Youtube tooltip style */
252 
.qtip-youtube{
253 
	-moz-border-radius: 2px;
254 
	-webkit-border-radius: 2px;
255 
	border-radius: 2px;
256 
 
257 
	-webkit-box-shadow: 0 0 3px #333;
258 
	-moz-box-shadow: 0 0 3px #333;
259 
	box-shadow: 0 0 3px #333;
260 
 
261 
	color: white;
262 
	border-width: 0;
263 
 
264 
	background: #4A4A4A;
265 
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#4A4A4A),color-stop(100%,black));
266 
	background-image: -webkit-linear-gradient(top,#4A4A4A 0,black 100%);
267 
	background-image: -moz-linear-gradient(top,#4A4A4A 0,black 100%);
268 
	background-image: -ms-linear-gradient(top,#4A4A4A 0,black 100%);
269 
	background-image: -o-linear-gradient(top,#4A4A4A 0,black 100%);
270 
}
271 
 
272 
	.qtip-youtube .qtip-titlebar{
273 
		background-color: #4A4A4A;
274 
		background-color: rgba(0,0,0,0);
275 
	}
276 
 
277 
	.qtip-youtube .qtip-content{
278 
		padding: .75em;
279 
		font: 12px arial,sans-serif;
280 
 
281 
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#3A3B3D000);
282 
		-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#3A3B3D000);";
283 
	}
284 
 
285 
	.qtip-youtube .qtip-icon{
286 
		border-color: #3e3e3e;
287 
	}
288 
 
289 
	.qtip-youtube .qtip-titlebar .ui-state-hover{
290 
		border-color: #303030;
291 
	}
292 
 
293 
 
294 
/* jQuery TOOLS Tooltip style */
295 
.qtip-jtools{
296 
	background: #232323;
297 
	background: rgba(0, 0, 0, 0.7);
298 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
299 
	background-image: -moz-linear-gradient(top, #717171, #232323);
300 
	background-image: -webkit-linear-gradient(top, #717171, #232323);
301 
	background-image: -ms-linear-gradient(top, #717171, #232323);
302 
	background-image: -o-linear-gradient(top, #717171, #232323);
303 
 
304 
	border: 2px solid #ddd;
305 
	border: 2px solid rgba(241,241,241,1);
306 
 
307 
	-moz-border-radius: 2px;
308 
	-webkit-border-radius: 2px;
309 
	border-radius: 2px;
310 
 
311 
	-webkit-box-shadow: 0 0 12px #333;
312 
	-moz-box-shadow: 0 0 12px #333;
313 
	box-shadow: 0 0 12px #333;
314 
}
315 
 
316 
	/* IE Specific */
317 
	.qtip-jtools .qtip-titlebar{
318 
		background-color: transparent;
319 
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);
320 
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
321 
	}
322 
	.qtip-jtools .qtip-content{
323 
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);
324 
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
325 
	}
326 
 
327 
	.qtip-jtools .qtip-titlebar,
328 
	.qtip-jtools .qtip-content{
329 
		background: transparent;
330 
		color: white;
331 
		border: 0 dashed transparent;
332 
	}
333 
 
334 
	.qtip-jtools .qtip-icon{
335 
		border-color: #555;
336 
	}
337 
 
338 
	.qtip-jtools .qtip-titlebar .ui-state-hover{
339 
		border-color: #333;
340 
	}
341 
 
342 
 
343 
/* Cluetip style */
344 
.qtip-cluetip{
345 
	-webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
346 
	-moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
347 
	box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
348 
 
349 
	background-color: #D9D9C2;
350 
	color: #111;
351 
	border: 0 dashed transparent;
352 
}
353 
 
354 
	.qtip-cluetip .qtip-titlebar{
355 
		background-color: #87876A;
356 
		color: white;
357 
		border: 0 dashed transparent;
358 
	}
359 
 
360 
	.qtip-cluetip .qtip-icon{
361 
		border-color: #808064;
362 
	}
363 
 
364 
	.qtip-cluetip .qtip-titlebar .ui-state-hover{
365 
		border-color: #696952;
366 
		color: #696952;
367 
	}
368 
 
369 
 
370 
/* Tipsy style */
371 
.qtip-tipsy{
372 
	background: black;
373 
	background: rgba(0, 0, 0, .87);
374 
 
375 
	color: white;
376 
	border: 0 solid transparent;
377 
 
378 
	font-size: 11px;
379 
	font-family: 'Lucida Grande', sans-serif;
380 
	font-weight: bold;
381 
	line-height: 16px;
382 
	text-shadow: 0 1px black;
383 
}
384 
 
385 
	.qtip-tipsy .qtip-titlebar{
386 
		padding: 6px 35px 0 10px;
387 
		background-color: transparent;
388 
	}
389 
 
390 
	.qtip-tipsy .qtip-content{
391 
		padding: 6px 10px;
392 
	}
393 
 
394 
	.qtip-tipsy .qtip-icon{
395 
		border-color: #3e3e3e;
396 
		text-shadow: none;
397 
	}
398 
 
399 
	.qtip-tipsy .qtip-titlebar .ui-state-hover{
400 
		border-color: #303030;
401 
	}
402 
 
403 
 
404 
/* Tipped style */
405 
.qtip-tipped{
406 
	border: 3px solid #959FA9;
407 
 
408 
	-moz-border-radius: 3px;
409 
	-webkit-border-radius: 3px;
410 
	border-radius: 3px;
411 
 
412 
	background-color: #F9F9F9;
413 
	color: #454545;
414 
 
415 
	font-weight: normal;
416 
	font-family: serif;
417 
}
418 
 
419 
	.qtip-tipped .qtip-titlebar{
420 
		border-bottom-width: 0;
421 
 
422 
		color: white;
423 
		background: #3A79B8;
424 
		background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
425 
		background-image: -webkit-linear-gradient(top, #3A79B8, #2E629D);
426 
		background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
427 
		background-image: -ms-linear-gradient(top, #3A79B8, #2E629D);
428 
		background-image: -o-linear-gradient(top, #3A79B8, #2E629D);
429 
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);
430 
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";
431 
	}
432 
 
433 
	.qtip-tipped .qtip-icon{
434 
		border: 2px solid #285589;
435 
		background: #285589;
436 
	}
437 
 
438 
		.qtip-tipped .qtip-icon .ui-icon{
439 
			background-color: #FBFBFB;
440 
			color: #555;
441 
		}
442 
 
443 
 
444 
/**
445 
 * Twitter Bootstrap style.
446 
 *
447 
 * Tested with IE 8, IE 9, Chrome 18, Firefox 9, Opera 11.
448 
 * Does not work with IE 7.
449 
 */
450 
.qtip-bootstrap{
451 
	/** Taken from Bootstrap body */
452 
	font-size: 14px;
453 
	line-height: 20px;
454 
	color: #333333;
455 
 
456 
	/** Taken from Bootstrap .popover */
457 
	padding: 1px;
458 
	background-color: #ffffff;
459 
	border: 1px solid #ccc;
460 
	border: 1px solid rgba(0, 0, 0, 0.2);
461 
	-webkit-border-radius: 6px;
462 
	-moz-border-radius: 6px;
463 
	border-radius: 6px;
464 
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
465 
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
466 
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
467 
	-webkit-background-clip: padding-box;
468 
	-moz-background-clip: padding;
469 
	background-clip: padding-box;
470 
}
471 
 
472 
	.qtip-bootstrap .qtip-titlebar{
473 
		/** Taken from Bootstrap .popover-title */
474 
		padding: 8px 14px;
475 
		margin: 0;
476 
		font-size: 14px;
477 
		font-weight: normal;
478 
		line-height: 18px;
479 
		background-color: #f7f7f7;
480 
		border-bottom: 1px solid #ebebeb;
481 
		-webkit-border-radius: 5px 5px 0 0;
482 
		-moz-border-radius: 5px 5px 0 0;
483 
		border-radius: 5px 5px 0 0;
484 
	}
485 
 
486 
		.qtip-bootstrap .qtip-titlebar .qtip-close{
487 
			/**
488 
			 * Overrides qTip2:
489 
			 * .qtip-titlebar .qtip-close{
490 
			 *   [...]
491 
			 *   right: 4px;
492 
			 *   top: 50%;
493 
			 *   [...]
494 
			 *   border-style: solid;
495 
			 * }
496 
			 */
497 
			right: 11px;
498 
			top: 45%;
499 
			border-style: none;
500 
		}
501 
 
502 
	.qtip-bootstrap .qtip-content{
503 
		/** Taken from Bootstrap .popover-content */
504 
		padding: 9px 14px;
505 
	}
506 
 
507 
	.qtip-bootstrap .qtip-icon{
508 
		/**
509 
		 * Overrides qTip2:
510 
		 * .qtip-default .qtip-icon {
511 
		 *   border-color: #CCC;
512 
		 *   background: #F1F1F1;
513 
		 *   color: #777;
514 
		 * }
515 
		 */
516 
		background: transparent;
517 
	}
518 
 
519 
		.qtip-bootstrap .qtip-icon .ui-icon{
520 
			/**
521 
			 * Overrides qTip2:
522 
			 * .qtip-icon .ui-icon{
523 
			 *   width: 18px;
524 
			 *   height: 14px;
525 
			 * }
526 
			 */
527 
			width: auto;
528 
			height: auto;
529 
 
530 
			/* Taken from Bootstrap .close */
531 
			float: right;
532 
			font-size: 20px;
533 
			font-weight: bold;
534 
			line-height: 18px;
535 
			color: #3A3B3D000;
536 
			text-shadow: 0 1px 0 #ffffff;
537 
			opacity: 0.2;
538 
			filter: alpha(opacity=20);
539 
		}
540 
 
541 
		.qtip-bootstrap .qtip-icon .ui-icon:hover{
542 
			/* Taken from Bootstrap .close:hover */
543 
			color: #3A3B3D000;
544 
			text-decoration: none;
545 
			cursor: pointer;
546 
			opacity: 0.4;
547 
			filter: alpha(opacity=40);
548 
		}
549 
 
550 
 
551 
/* IE9 fix - removes all filters */
552 
.qtip:not(.ie9haxors) div.qtip-content,
553 
.qtip:not(.ie9haxors) div.qtip-titlebar{
554 
	filter: none;
555 
	-ms-filter: none;
556 
}
557 
 
558 
 
559 
 
560 
.qtip .qtip-tip{
561 
	margin: 0 auto;
562 
	overflow: hidden;
563 
	z-index: 10;
564 
 
565 
}
566 
 
567 
	/* Opera bug #357 - Incorrect tip position
568 
	https://github.com/Craga89/qTip2/issues/367 */
569 
	x:-o-prefocus, .qtip .qtip-tip{
570 
		visibility: hidden;
571 
	}
572 
 
573 
	.qtip .qtip-tip,
574 
	.qtip .qtip-tip .qtip-vml,
575 
	.qtip .qtip-tip canvas{
576 
		position: absolute;
577 
 
578 
		color: #123456;
579 
		background: transparent;
580 
		border: 0 dashed transparent;
581 
	}
582 
 
583 
	.qtip .qtip-tip canvas{ top: 0; left: 0; }
584 
 
585 
	.qtip .qtip-tip .qtip-vml{
586 
		behavior: url(#default#VML);
587 
		display: inline-block;
588 
		visibility: visible;
589 
	}
590 
 
591 
/* end qtip */
592