|
1 #demo-frame > div.demo { padding: 5px !important; }; |
|
2 |
|
3 button.ui-button-icon-only { |
|
4 height:1.5em; |
|
5 width:1.5em; |
|
6 } |
|
7 |
|
8 #Ldt-loader { |
|
9 background:url(imgs/loader.gif) no-repeat; |
|
10 width:20px; |
|
11 height:16px; |
|
12 float:left; |
|
13 } |
|
14 |
|
15 /* general class for all buttons */ |
|
16 .Ldt-button { |
|
17 |
|
18 } |
|
19 |
|
20 .Ldt-SegmentsWidget { |
|
21 /* overflow: auto; /* clear the floats */ |
|
22 margin-top: 1px; |
|
23 padding-bottom: 8px; /* FIXME: only a temporary fix. This should be put into the layout manager. */ |
|
24 } |
|
25 |
|
26 .Ldt-iri-chapter { |
|
27 position: absolute; |
|
28 height: 10px; |
|
29 border-right: 1px solid white; |
|
30 } |
|
31 |
|
32 .Ldt-SegmentPositionMarker { |
|
33 position: absolute; |
|
34 z-index: 100; |
|
35 width: 1px; |
|
36 height: 10px; |
|
37 background-color: white; |
|
38 } |
|
39 .tooltip { |
|
40 display:none; |
|
41 background:transparent url(imgs/white_arrow_mini.png); |
|
42 font-size:12px; |
|
43 height:55px; |
|
44 width:180px; |
|
45 padding:10px; |
|
46 padding-left:15px; |
|
47 padding-top:15px; |
|
48 padding-right:15px; |
|
49 color:#000; |
|
50 font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; |
|
51 } |
|
52 #Ldt-Root{ |
|
53 font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; |
|
54 } |
|
55 #Ldt-Hat{ |
|
56 height:3px; |
|
57 } |
|
58 |
|
59 .Ldt-AnnotationsWidget { |
|
60 font-size: 12px; |
|
61 font-family: "Arial", "Verdana", "sans-serif"; |
|
62 background-color:#eeeeee; |
|
63 background:url('imgs/wire_pattern.png') repeat scroll transparent ; |
|
64 border: 1px solid #b6b8b8; |
|
65 } |
|
66 |
|
67 .Ldt-Annotation-DoubleBorder { |
|
68 border: 1px solid white; |
|
69 overflow: auto; |
|
70 } |
|
71 |
|
72 .Ldt-AnnotationContent { |
|
73 padding:5px; |
|
74 padding-left: 12px; |
|
75 |
|
76 } |
|
77 |
|
78 .Ldt-fbShare { |
|
79 display: block; |
|
80 float: left; |
|
81 width: 24px; |
|
82 height: 24px; |
|
83 background:url('imgs/facebook.png'); |
|
84 } |
|
85 |
|
86 .Ldt-TwShare { |
|
87 display: block; |
|
88 float: left; |
|
89 width: 24px; |
|
90 height: 24px; |
|
91 background:url('imgs/twitter.png'); |
|
92 } |
|
93 |
|
94 .Ldt-GplusShare { |
|
95 display: block; |
|
96 float: left; |
|
97 width: 24px; |
|
98 height: 24px; |
|
99 background:url('imgs/google.png'); |
|
100 } |
|
101 |
|
102 .Ldt-SaTitle{ |
|
103 padding-top:2px; |
|
104 padding-bottom:3px; |
|
105 font-size: 12pt; |
|
106 color : #0068c4; |
|
107 } |
|
108 |
|
109 .Ldt-SaDescription{ |
|
110 font-size:12px; |
|
111 } |
|
112 |
|
113 .Ldt-SaKeywords { |
|
114 font-weight:bold; |
|
115 font-size:10px; |
|
116 } |
|
117 |
|
118 .Ldt-AnnotationShareIcons { |
|
119 float:right; |
|
120 position: relative; |
|
121 } |
|
122 |
|
123 |
|
124 #Ldt-PlaceHolder{ |
|
125 position:absolue; |
|
126 float:none; |
|
127 } |
|
128 |
|
129 .Ldt-Segments{ |
|
130 float:left; |
|
131 font-size: 62.5%; |
|
132 } |
|
133 |
|
134 .Ldt-mode-radio{ |
|
135 visibility:hidden; |
|
136 height:0px; |
|
137 display:none |
|
138 } |
|
139 |
|
140 /* player */ |
|
141 .Ldt-controler { |
|
142 font-size: 62.5%; |
|
143 font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; |
|
144 background:url('imgs/player_gradient.png') repeat-x transparent ; |
|
145 height: 25px; |
|
146 border-top: 1px solid #b6b8b8; |
|
147 border-bottom: 1px solid #b6b8b8; |
|
148 } |
|
149 |
|
150 |
|
151 .Ldt-LeftPlayerControls { |
|
152 float:left; |
|
153 } |
|
154 |
|
155 .Ldt-RightPlayerControls { |
|
156 float: right; |
|
157 } |
|
158 |
|
159 .Ldt-button { |
|
160 border-left: 1px solid #b6b8b8; |
|
161 float: left; |
|
162 cursor: pointer; |
|
163 |
|
164 } |
|
165 |
|
166 .Ldt-CtrlPlay { |
|
167 |
|
168 background-position: 0 0; |
|
169 width: 59px; |
|
170 height: 25px; |
|
171 } |
|
172 |
|
173 .Ldt-CtrlPlay-PlayState { |
|
174 background:url('imgs/play_sprite.png') no-repeat transparent ; |
|
175 } |
|
176 |
|
177 .Ldt-CtrlPlay-PauseState { |
|
178 background:url('imgs/pause_sprite.png') no-repeat transparent ; |
|
179 } |
|
180 |
|
181 .Ldt-CtrlPlay:hover { |
|
182 background-position: 0 -25px; |
|
183 } |
|
184 |
|
185 .Ldt-CtrlPlay:active { |
|
186 background-position: 0 -50px; |
|
187 } |
|
188 |
|
189 .Ldt-CtrlAnnotate { |
|
190 background:url('imgs/annotate_sprite.png') no-repeat scroll 0 0 transparent ; |
|
191 width: 33px; |
|
192 height: 25px; |
|
193 border-right: 1px solid #b6b8b8; |
|
194 float: left; |
|
195 } |
|
196 |
|
197 .Ldt-CtrlAnnotate:hover { |
|
198 background-position: 0 -25px; |
|
199 } |
|
200 |
|
201 .Ldt-CtrlAnnotate:active { |
|
202 background-position: 0 -50px; |
|
203 } |
|
204 |
|
205 .Ldt-CtrlSearch { |
|
206 background:url('imgs/search_sprite.png') no-repeat scroll 0 0 transparent ; |
|
207 width: 33px; |
|
208 height: 25px; |
|
209 border-right: 1px solid #b6b8b8; |
|
210 float: left; |
|
211 border-left: none; |
|
212 } |
|
213 |
|
214 .Ldt-CtrlSearch:hover { |
|
215 background-position: 0 -25px; |
|
216 } |
|
217 |
|
218 .Ldt-CtrlSearch:active { |
|
219 background-position: 0 -50px; |
|
220 } |
|
221 |
|
222 .LdtSearch { |
|
223 display: none; |
|
224 width: 165px; |
|
225 height: 25px; |
|
226 border: 1px; |
|
227 border-color: #CFCFCF; |
|
228 float: left; |
|
229 text-align: center; |
|
230 } |
|
231 |
|
232 .Ldt-Time { |
|
233 position: inherit; |
|
234 float: left; |
|
235 border-right: 1px solid #b6b8b8; |
|
236 height: 25px; |
|
237 padding-right: 2px; |
|
238 font-size: 12px; |
|
239 font-family: Arial, Verdana, sans-serif; |
|
240 } |
|
241 |
|
242 .Ldt-ElapsedTime { |
|
243 margin-top: 4px; |
|
244 margin-right: 2px; |
|
245 float: left; |
|
246 color: #4a4a4a; |
|
247 } |
|
248 |
|
249 .Ldt-TimeSeparator { |
|
250 margin-top: 4px; |
|
251 float: left; |
|
252 padding-left: 1px; |
|
253 padding-right: 1px; |
|
254 } |
|
255 |
|
256 .Ldt-TotalTime { |
|
257 margin-top: 4px; |
|
258 margin-left: 2px; |
|
259 float: left; |
|
260 color: #b2b2b2; |
|
261 } |
|
262 |
|
263 .Ldt-CtrlSound { |
|
264 width: 33px; |
|
265 height: 25px; |
|
266 border-right: 1px solid #b6b8b8; |
|
267 float: right; |
|
268 border-left: none; |
|
269 } |
|
270 |
|
271 .Ldt-CtrlSound-SoundState { |
|
272 background:url('imgs/sound_sprite.png') no-repeat scroll 0 0 transparent ; |
|
273 } |
|
274 |
|
275 .Ldt-CtrlSound-MuteState { |
|
276 background:url('imgs/mute_sprite.png') no-repeat scroll 0 0 transparent ; |
|
277 } |
|
278 |
|
279 .Ldt-CtrlSound:hover { |
|
280 background-position: 0 -25px; |
|
281 } |
|
282 |
|
283 .Ldt-CtrlSound:active { |
|
284 background-position: 0 -50px; |
|
285 } |
|
286 /* |
|
287 .Ldt-CtrlSound { |
|
288 float: right; |
|
289 border-left: none; |
|
290 height: 25px; |
|
291 top: 7px; |
|
292 position: inherit; |
|
293 } |
|
294 */ |
|
295 .Ldt-cleaner { |
|
296 clear:both; |
|
297 } |
|
298 |
|
299 /* Arrow Widget */ |
|
300 .Ldt-arrowWidget { |
|
301 position: relative; |
|
302 |
|
303 height:16px; |
|
304 width:27px; |
|
305 margin-bottom: -3px; |
|
306 z-index: 4; |
|
307 left: 0%; |
|
308 } |
|
309 |
|
310 .Ldt-arrowLeftEdge { |
|
311 background:url('imgs/left_edge_arrow.png') no-repeat scroll 0 0 transparent ; |
|
312 } |
|
313 |
|
314 .Ldt-arrowCenter { |
|
315 background:url('imgs/arrow.png') no-repeat scroll 0 0 transparent ; |
|
316 } |
|
317 |
|
318 .Ldt-arrowRightEdge { |
|
319 background:url('imgs/right_edge_arrow.png') no-repeat scroll 0 0 transparent ; |
|
320 } |
|
321 |
|
322 .cleaner { |
|
323 clear:both; |
|
324 } |
|
325 |
|
326 .share { |
|
327 background:url('imgs/widget20.png') no-repeat scroll 0 0 transparent ; |
|
328 display:block; |
|
329 height:16px; |
|
330 line-height:16px !important; |
|
331 overflow:hidden; |
|
332 width:16px; |
|
333 float:left; |
|
334 cursor:pointer; |
|
335 margin:2px; |
|
336 } |
|
337 .shareFacebook{ |
|
338 background-position:0 -704px; |
|
339 } |
|
340 .shareMySpace{ |
|
341 background-position:0 -736px; |
|
342 } |
|
343 .shareTwitter{ |
|
344 background-position:0 -1072px; |
|
345 } |
|
346 .shareGoogle{ |
|
347 background-position:0 -752px; |
|
348 } |
|
349 .shareDelicious{ |
|
350 background-position:0 -672px; |
|
351 } |
|
352 .shareJamesPot{ |
|
353 background-position:0 -1808px; |
|
354 } |
|
355 |
|
356 .tip{ |
|
357 position: absolute; |
|
358 padding : 3px; |
|
359 z-index: 10000000000; |
|
360 max-width: 200px; |
|
361 background: transparent url("imgs/white_arrow_long.png"); |
|
362 font-size: 12px; |
|
363 height: 125px; |
|
364 width: 180px; |
|
365 padding: 10px; |
|
366 padding-left: 15px; |
|
367 padding-top: 15px; |
|
368 padding-right: 15px; |
|
369 color: black; |
|
370 font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; |
|
371 overflow:hidden; |
|
372 } |
|
373 |
|
374 /* slider */ |
|
375 .Ldt-SliderMinimized { |
|
376 height: 6px; |
|
377 } |
|
378 |
|
379 .Ldt-SliderMaximized { |
|
380 height: 11px; |
|
381 } |
|
382 |
|
383 .Ldt-sliderElementMinimized { |
|
384 width: 100%; |
|
385 height: 5px; |
|
386 } |
|
387 |
|
388 .Ldt-sliderElementMaximized { |
|
389 width: 100%; |
|
390 height: 10px; |
|
391 } |
|
392 |
|
393 .Ldt-sliderBackground { |
|
394 background-color: #B6B8B8; |
|
395 position: absolute; |
|
396 z-index: 2; |
|
397 bottom: 1px; |
|
398 width: 100%; |
|
399 height: 5px; |
|
400 |
|
401 } |
|
402 |
|
403 .Ldt-sliderForeground { |
|
404 background-color: #747474; |
|
405 z-index: 2; |
|
406 width: 0px; |
|
407 position: absolute; |
|
408 bottom: 1px; |
|
409 height: 5px; |
|
410 } |
|
411 |
|
412 .Ldt-sliderPositionMarker { |
|
413 position: absolute; |
|
414 z-index: 100; |
|
415 background-color: #f7268e; |
|
416 height: 5px; |
|
417 width: 5px; |
|
418 bottom: 1px; |
|
419 border-left: 1px solid white; |
|
420 border-right: 1px solid white; |
|
421 } |
|
422 |
|
423 /* tweet Widget */ |
|
424 .Ldt-tweetWidget { |
|
425 font-size: 12px; |
|
426 font-family: "Arial", "Verdana", "sans-serif"; |
|
427 background:url('imgs/wire_pattern.png') repeat scroll transparent ; |
|
428 border: 1px solid #b6b8b8; |
|
429 border-top: none; |
|
430 overflow: auto; |
|
431 } |
|
432 |
|
433 .Ldt-tweet-DoubleBorder { |
|
434 border: 1px solid white; |
|
435 padding: 5px; |
|
436 overflow: auto; |
|
437 } |
|
438 |
|
439 .Ldt-tweetAvatar { |
|
440 float: left; |
|
441 } |
|
442 |
|
443 .Ldt-tweetAvatar-profileArrow { |
|
444 float: left; |
|
445 height: 48px; |
|
446 margin-left: 5px; |
|
447 margin-right: 5px; |
|
448 background:url('imgs/profile_arrow.png'); |
|
449 background-position: 7 10px; |
|
450 } |
|
451 |
|
452 .Ldt-tweet_userHandle { |
|
453 float: left; |
|
454 color: #5c8df1; |
|
455 } |
|
456 |
|
457 .Ldt-tweet_realName { |
|
458 float: left; |
|
459 margin-left: 3px; |
|
460 } |
|
461 |
|
462 .Ldt-tweetContents { |
|
463 } |
|
464 |
|
465 .Ldt-tweet_date { |
|
466 float: left; |
|
467 } |
|
468 |
|
469 .Ldt-tweetWidgetKeepOpen { |
|
470 position: relative; |
|
471 float: right; |
|
472 height: 17px; |
|
473 width: 17px; |
|
474 margin-right: 1px; |
|
475 background:url('imgs/minimize.png'); |
|
476 } |
|
477 |
|
478 .Ldt-tweetWidgetMinimize { |
|
479 position: relative; |
|
480 float: right; |
|
481 height: 17px; |
|
482 width: 17px; |
|
483 right: 9px; |
|
484 background:url('imgs/minimize.png'); |
|
485 } |
|
486 |
|
487 .Ldt-tweetWidget * a:link { |
|
488 color: #729efa; |
|
489 |
|
490 } |
|
491 |
|
492 .Ldt-TweetReply { |
|
493 float: left; |
|
494 margin-left: 16px; |
|
495 } |
|
496 |
|
497 .Ldt-TweetReplyIcon { |
|
498 background:url('imgs/reply_sprite.png') no-repeat scroll 0 0 transparent ; |
|
499 width: 14px; |
|
500 height: 11px; |
|
501 float: left; |
|
502 margin-top: 2px; |
|
503 } |
|
504 |
|
505 .Ldt-TweetReplyIcon:hover { |
|
506 background-position: 0 -11px; |
|
507 } |
|
508 |
|
509 .Ldt-TweetReplyIcon:active { |
|
510 background-position: 0 -22px; |
|
511 } |
|
512 |
|
513 .Ldt-Retweet { |
|
514 float: left; |
|
515 margin-left: 16px; |
|
516 } |
|
517 |
|
518 .Ldt-RetweetIcon { |
|
519 background:url('imgs/retweet_sprite.png') no-repeat scroll 0 0 transparent ; |
|
520 width: 14px; |
|
521 height: 8px; |
|
522 float: left; |
|
523 margin-top: 3px; |
|
524 } |
|
525 |
|
526 .Ldt-RetweetIcon:hover { |
|
527 background-position: 0 -8px; |
|
528 } |
|
529 |
|
530 .Ldt-RetweetIcon:active { |
|
531 background-position: 0 -16px; |
|
532 } |
|
533 |
|
534 /* styling of a "++" in a tweet */ |
|
535 .Ldt-PolemicPlusPlus { |
|
536 background-color: #1d973d; |
|
537 } |
|
538 |
|
539 /* styling of a "==" in a tweet */ |
|
540 .Ldt-PolemicEqualEqual { |
|
541 background-color: #5c8df1 |
|
542 } |
|
543 |
|
544 /* styling of a "--" in a tweet */ |
|
545 .Ldt-PolemicMinusMinus { |
|
546 background-color: #ce0a15; |
|
547 } |
|
548 |
|
549 /* styling of a "??" in a tweet */ |
|
550 .Ldt-PolemicQuestion { |
|
551 background-color: #c5a62d; |
|
552 } |
|
553 |
|
554 /* the styling of a spacer div */ |
|
555 .Ldt-spacer { |
|
556 background-color:#eeeeee; |
|
557 } |
|
558 |
|
559 /* sparkline widget */ |
|
560 .Ldt-sparklineWidget { |
|
561 position: relative; |
|
562 margin-bottom: 5px; |
|
563 } |
|
564 |
|
565 .Ldt-sparkLinePositionMarker { |
|
566 position: absolute; |
|
567 top: 0px; |
|
568 width: 0px; |
|
569 background-color: #333333; |
|
570 border-right: solid 1px pink; |
|
571 z-index: 3; |
|
572 opacity: 0.2; |
|
573 } |
|
574 |
|
575 .Ldt-sparkLine { |
|
576 position: absolute; |
|
577 top: 0px; |
|
578 } |
|
579 |
|
580 .Ldt-sparkLineClickOverlay { |
|
581 position: absolute; |
|
582 width: 640px; |
|
583 height: 60px; |
|
584 z-index: 4; |
|
585 top: 0px; |
|
586 opacity: 0.3; |
|
587 } |
|
588 |
|
589 .Ldt-sliceWidget { |
|
590 position: relative; |
|
591 width: 100%; |
|
592 height: 25px; |
|
593 margin-top: 3px; |
|
594 } |
|
595 |
|
596 .Ldt-sliceBackground { |
|
597 width: 100%; |
|
598 background-color: #b6b8b8; |
|
599 height: 12px; |
|
600 } |
|
601 |
|
602 .Ldt-sliceZone { |
|
603 position: absolute; |
|
604 top: 0px; |
|
605 background:url('imgs/wire_pattern.png') repeat scroll transparent; |
|
606 height: 12px; |
|
607 z-index: 2; |
|
608 } |
|
609 |
|
610 .Ldt-sliceLeftHandle { |
|
611 position: absolute; |
|
612 top: 0px; |
|
613 height: 25px; |
|
614 width: 7px; |
|
615 background:url('imgs/left_handle.gif') no-repeat scroll transparent; |
|
616 z-index: 2; |
|
617 } |
|
618 |
|
619 .Ldt-sliceRightHandle { |
|
620 position: absolute; |
|
621 top: 0px; |
|
622 height: 25px; |
|
623 width: 7px; |
|
624 background:url('imgs/right_handle.gif') no-repeat scroll transparent; |
|
625 z-index: 2; |
|
626 } |
|
627 |
|
628 .Ldt-createAnnotationWidget { |
|
629 font-size: 12px; |
|
630 font-family: "Arial", "Verdana", "sans-serif"; |
|
631 background-color:#eeeeee; |
|
632 background:url('imgs/wire_pattern.png') repeat scroll transparent ; |
|
633 border: 1px solid #b6b8b8; |
|
634 } |
|
635 |
|
636 .Ldt-createAnnotation-DoubleBorder { |
|
637 border: 1px solid white; |
|
638 overflow: auto; |
|
639 padding: 7px; |
|
640 } |
|
641 |
|
642 .Ldt-createAnnotation-Title { |
|
643 font-size: 12pt; |
|
644 color : #0068c4; |
|
645 float: left; |
|
646 margin-right: 5px; |
|
647 } |
|
648 |
|
649 .Ldt-createAnnotation-TimeFrame { |
|
650 font-size: 12pt; |
|
651 color : #ff5589; |
|
652 float: left; |
|
653 } |
|
654 |
|
655 .Ldt-createAnnotation-Container { |
|
656 display: table; |
|
657 border-collapse: collapse; |
|
658 width: 100%; |
|
659 } |
|
660 |
|
661 .Ldt-createAnnotation-userAvatar { |
|
662 width: 48px; |
|
663 display: table-cell; |
|
664 vertical-align: top; |
|
665 } |
|
666 |
|
667 .Ldt-createAnnotation-userAvatar img { |
|
668 display: block; |
|
669 border: 1px solid #babcbc; |
|
670 } |
|
671 |
|
672 .Ldt-createAnnotation-profileArrow { |
|
673 display: table-cell; |
|
674 vertical-align: top; |
|
675 height: 48px; |
|
676 width: 15px; |
|
677 padding-right: 5px; |
|
678 padding-left: 3px; |
|
679 background:url('imgs/profile_arrow.png'); |
|
680 background-repeat: no-repeat; |
|
681 background-position: center; |
|
682 } |
|
683 |
|
684 .Ldt-createAnnotation-Description { |
|
685 display: table-cell; |
|
686 width: 100%; |
|
687 height: 48px; |
|
688 vertical-align: top; |
|
689 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ |
|
690 -moz-box-sizing: border-box; /* Firefox, other Gecko */ |
|
691 box-sizing: border-box; /* Opera/IE 8+ */ |
|
692 } |
|
693 |
|
694 .Ldt-createAnnotation-present-keyword { |
|
695 border: 1px solid #ffffff; |
|
696 background-color: #217bcb; |
|
697 color: #ffffff; |
|
698 padding: 3px; |
|
699 padding-left: 4px; |
|
700 padding-right: 4px; |
|
701 cursor: pointer; |
|
702 } |
|
703 |
|
704 .Ldt-createAnnotation-absent-keyword { |
|
705 border: 1px solid #ffffff; |
|
706 background-color: #d93c71; |
|
707 color: #ffffff; |
|
708 padding: 3px; |
|
709 padding-left: 4px; |
|
710 padding-right: 4px; |
|
711 cursor: pointer; |
|
712 } |
|
713 |
|
714 .Ldt-createAnnotation-submitButton { |
|
715 float: right; |
|
716 background-color: #d93c71; |
|
717 color: #ffffff; |
|
718 cursor: pointer; |
|
719 background-image: url('imgs/submit_annotation.png'); |
|
720 background-repeat: no-repeat; |
|
721 height: 48px; |
|
722 width: 48px; |
|
723 position: relative; |
|
724 margin-top: 3px; |
|
725 } |
|
726 |
|
727 .Ldt-createAnnotation-endScreen { |
|
728 background-color: #ffffff; |
|
729 margin-left: 5px; |
|
730 margin-right: 5px; |
|
731 border: 1px solid #d6d6d6; |
|
732 padding: 10px; |
|
733 font-size: 13px; |
|
734 font-weight: bold; |
|
735 color : #f7268e; |
|
736 text-align: center; |
|
737 } |
|
738 |
|
739 .Ldt-createAnnotation-errorMessage { |
|
740 color: #D93C71; |
|
741 } |
|
742 |
|
743 .Ldt-createAnnotation-Minimize { |
|
744 position: relative; |
|
745 float: right; |
|
746 height: 17px; |
|
747 width: 17px; |
|
748 right: 0px; |
|
749 background:url('imgs/minimize.png'); |
|
750 } |
|
751 |
|
752 /* polemic tweet annotation buttons */ |
|
753 .Ldt-createAnnotation-polemics { |
|
754 padding-top: 2px; |
|
755 } |
|
756 |
|
757 .Ldt-createAnnotation-polemic-button { |
|
758 margin: 0; |
|
759 border: 0; |
|
760 padding: 0; |
|
761 margin-right: 2px; |
|
762 width: 38px; |
|
763 height: 26px; |
|
764 text-indent: -999px; |
|
765 background: url(imgs/polemic_buttons_sprite.png); |
|
766 } |
|
767 |
|
768 .Ldt-createAnnotation-polemic-positive:hover { |
|
769 background-position: 0 -26px; |
|
770 } |
|
771 .Ldt-createAnnotation-polemic-positive.Ldt-createAnnotation-polemic-active { |
|
772 background-position: 0 -52px; |
|
773 } |
|
774 |
|
775 .Ldt-createAnnotation-polemic-negative { |
|
776 background-position: -38px 0; |
|
777 } |
|
778 .Ldt-createAnnotation-polemic-negative:hover { |
|
779 background-position: -38px -26px; |
|
780 } |
|
781 .Ldt-createAnnotation-polemic-negative.Ldt-createAnnotation-polemic-active { |
|
782 background-position: -38px -52px; |
|
783 } |
|
784 |
|
785 .Ldt-createAnnotation-polemic-reference { |
|
786 background-position: -76px 0; |
|
787 } |
|
788 .Ldt-createAnnotation-polemic-reference:hover { |
|
789 background-position: -76px -26px; |
|
790 } |
|
791 .Ldt-createAnnotation-polemic-reference.Ldt-createAnnotation-polemic-active { |
|
792 background-position: -76px -52px; |
|
793 } |
|
794 |
|
795 .Ldt-createAnnotation-polemic-question { |
|
796 background-position: -114px 0; |
|
797 } |
|
798 .Ldt-createAnnotation-polemic-question:hover { |
|
799 background-position: -114px -26px; |
|
800 } |
|
801 .Ldt-createAnnotation-polemic-question.Ldt-createAnnotation-polemic-active { |
|
802 background-position: -114px -52px; |
|
803 } |
|
804 |
|
805 .Ldt-createAnnotation-spinner { |
|
806 display: inline; |
|
807 width: 16px; |
|
808 height: 16px; |
|
809 background-image('imgs/spinner.gif'); |
|
810 } |
|
811 |
|
812 .Ldt-createAnnotation-endScreen-TweetLink { |
|
813 width: 54px; |
|
814 height: 20px; |
|
815 background-image('imgs/tweet_button.png'); |
|
816 } |
|
817 |
|
818 .Ldt-createAnnotation-endScreen-FbLink { |
|
819 width: 55px; |
|
820 height: 20px; |
|
821 background-image('imgs/facebook_button.png'); |
|
822 } |
|
823 |
|
824 .Ldt-createAnnotation-endScreen-GplusLink { |
|
825 width: 50px; |
|
826 height: 20px; |
|
827 background-image('imgs/gplus_button.png'); |
|
828 } |
|
829 /* AnnotationsListWidget */ |
|
830 |
|
831 .Ldt-AnnotationsListWidget { |
|
832 font-size: 12px; |
|
833 font-family: "Arial", "Verdana", "sans-serif"; |
|
834 border: 1px solid #b6b8b8; |
|
835 overflow: auto; |
|
836 max-height: 480px; |
|
837 } |
|
838 |
|
839 .Ldt-AnnotationsListWidget ul { |
|
840 padding: 5px; |
|
841 } |
|
842 |
|
843 .Ldt-AnnotationsListWidget li { |
|
844 list-style-type: none; |
|
845 cursor: pointer; |
|
846 display: table-row; |
|
847 padding-top: 2px; |
|
848 height: 64px; |
|
849 } |
|
850 |
|
851 .Ldt-AnnotationsListWidget li:hover { |
|
852 background-color: #e9e9e9; |
|
853 } |
|
854 |
|
855 .Ldt-AnnotationsListWidget li a { |
|
856 text-decoration: none; |
|
857 } |
|
858 |
|
859 .Ldt-AnnotationsList-Caption { |
|
860 float: left; |
|
861 display: table-cell; |
|
862 vertical-align: middle; |
|
863 height: 64px; |
|
864 width: 64px; |
|
865 background-image: url('imgs/video_sequence.png'); |
|
866 } |
|
867 |
|
868 .Ldt-AnnotationsList-Duration { |
|
869 color : #f7268e; |
|
870 float: right; |
|
871 text-align: left; |
|
872 width: 120px; |
|
873 } |
|
874 |
|
875 .Ldt-AnnotationsList-Title { |
|
876 color: #0068c4; |
|
877 font-size: 13px; |
|
878 display: table-cell; |
|
879 width: 80%; |
|
880 } |
|
881 |
|
882 /* Tagcloud */ |
|
883 |
|
884 .Ldt-TagCloud { |
|
885 font-family: "PT Sans", Arial, Helvetica, sans-serif; |
|
886 } |
|
887 |
|
888 .Ldt-TagCloud ul { |
|
889 list-style: none; padding: 0; margin: 5px; text-align: center; |
|
890 } |
|
891 |
|
892 .Ldt-TagCloud li { |
|
893 display: inline-block; margin: 2px; cursor:pointer; cursor:hand; |
|
894 } |
|
895 |
|
896 .Ldt-TagCloud li:hover { |
|
897 color: #0099ff; |
|
898 } |
|
899 |
|
900 .Ldt-TagCloud-actif { |
|
901 color: #c000c0; |
|
902 } |