1 /* Some general styling classes */ |
|
2 |
|
3 .Ldt-floatClear { |
|
4 display: block; width: 100%; height: 0; clear: both; |
|
5 } |
|
6 |
|
7 ul.Ldt-floatList { |
|
8 padding: 0; margin: 0; list-style: none; |
|
9 } |
|
10 |
|
11 .Ldt-floatList li { |
|
12 float: left; |
|
13 } |
|
14 |
|
15 /* */ |
|
16 |
|
17 #demo-frame > div.demo { padding: 5px !important; }; |
|
18 |
|
19 button.ui-button-icon-only { |
|
20 height:1.5em; |
|
21 width:1.5em; |
|
22 } |
|
23 |
|
24 #Ldt-loader { |
|
25 background:url(imgs/loader.gif) center no-repeat; |
|
26 text-indent: -9999px; |
|
27 position: absolute; |
|
28 } |
|
29 |
|
30 /* general class for all buttons */ |
|
31 .Ldt-button { |
|
32 |
|
33 } |
|
34 |
|
35 .Ldt-SegmentsWidget { |
|
36 /* overflow: auto; /* clear the floats */ |
|
37 margin-top: 1px; |
|
38 padding-bottom: 8px; /* FIXME: only a temporary fix. This should be put into the layout manager. */ |
|
39 } |
|
40 |
|
41 .Ldt-iri-chapter { |
|
42 position: absolute; |
|
43 height: 10px; |
|
44 border-right: 1px solid white; |
|
45 } |
|
46 |
|
47 .Ldt-SegmentPositionMarker { |
|
48 position: absolute; |
|
49 z-index: 100; |
|
50 width: 1px; |
|
51 height: 10px; |
|
52 background-color: white; |
|
53 } |
|
54 .tooltip { |
|
55 display:none; |
|
56 background:transparent url(imgs/black_arrow_mini.png); |
|
57 font-size:12px; |
|
58 height:55px; |
|
59 width:180px; |
|
60 padding:10px; |
|
61 padding-left:15px; |
|
62 padding-top:15px; |
|
63 padding-right:15px; |
|
64 color:#000; |
|
65 font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; |
|
66 } |
|
67 #Ldt-Root{ |
|
68 font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; |
|
69 } |
|
70 #Ldt-Hat{ |
|
71 height:3px; |
|
72 } |
|
73 |
|
74 .Ldt-AnnotationsWidget { |
|
75 font-size: 12px; |
|
76 font-family: "Arial", "Verdana", "sans-serif"; |
|
77 background-color:#eeeeee; |
|
78 } |
|
79 |
|
80 .Ldt-AnnotationContent { |
|
81 padding:5px; |
|
82 padding-left: 12px; |
|
83 |
|
84 } |
|
85 |
|
86 .Ldt-fbShare { |
|
87 display: block; |
|
88 float: left; |
|
89 width: 24px; |
|
90 height: 24px; |
|
91 background:url('imgs/facebook.png'); |
|
92 } |
|
93 |
|
94 .Ldt-TwShare { |
|
95 display: block; |
|
96 float: left; |
|
97 width: 24px; |
|
98 height: 24px; |
|
99 background:url('imgs/twitter.png'); |
|
100 } |
|
101 |
|
102 .Ldt-GplusShare { |
|
103 display: block; |
|
104 float: left; |
|
105 width: 24px; |
|
106 height: 24px; |
|
107 background:url('imgs/google.png'); |
|
108 } |
|
109 |
|
110 .Ldt-SaTitle{ |
|
111 padding-top:2px; |
|
112 padding-bottom:3px; |
|
113 font-size: 12pt; |
|
114 color : #0068c4; |
|
115 } |
|
116 |
|
117 .Ldt-SaDescription{ |
|
118 font-size:12px; |
|
119 } |
|
120 |
|
121 .Ldt-SaKeywords { |
|
122 font-weight:bold; |
|
123 font-size:10px; |
|
124 } |
|
125 |
|
126 .Ldt-AnnotationShareIcons { |
|
127 float:right; |
|
128 position: relative; |
|
129 } |
|
130 |
|
131 |
|
132 #Ldt-PlaceHolder{ |
|
133 position:absolue; |
|
134 float:none; |
|
135 } |
|
136 |
|
137 .Ldt-Segments{ |
|
138 float:left; |
|
139 font-size: 62.5%; |
|
140 } |
|
141 |
|
142 .Ldt-mode-radio{ |
|
143 visibility:hidden; |
|
144 height:0px; |
|
145 display:none |
|
146 } |
|
147 |
|
148 .Ldt-cleaner { |
|
149 clear:both; |
|
150 } |
|
151 |
|
152 .cleaner { |
|
153 clear:both; |
|
154 } |
|
155 |
|
156 .share { |
|
157 background:url('imgs/widget20.png') no-repeat scroll 0 0 transparent ; |
|
158 display:block; |
|
159 height:16px; |
|
160 line-height:16px !important; |
|
161 overflow:hidden; |
|
162 width:16px; |
|
163 float:left; |
|
164 cursor:pointer; |
|
165 margin:2px; |
|
166 } |
|
167 .shareFacebook{ |
|
168 background-position:0 -704px; |
|
169 } |
|
170 .shareMySpace{ |
|
171 background-position:0 -736px; |
|
172 } |
|
173 .shareTwitter{ |
|
174 background-position:0 -1072px; |
|
175 } |
|
176 .shareGoogle{ |
|
177 background-position:0 -752px; |
|
178 } |
|
179 .shareDelicious{ |
|
180 background-position:0 -672px; |
|
181 } |
|
182 .shareJamesPot{ |
|
183 background-position:0 -1808px; |
|
184 } |
|
185 |
|
186 .tip{ |
|
187 position: absolute; |
|
188 padding : 3px; |
|
189 z-index: 10000000000; |
|
190 max-width: 200px; |
|
191 background: transparent url("imgs/black_arrow_long.png"); |
|
192 font-size: 12px; |
|
193 height: 115px; |
|
194 width: 180px; |
|
195 padding: 15px 15px 20px; |
|
196 color: #ffffff; |
|
197 font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; |
|
198 overflow:hidden; |
|
199 } |
|
200 |
|
201 .tipcolor { |
|
202 float: left; margin: 2px 4px 2px 0; |
|
203 } |
|
204 |
|
205 .tip img { |
|
206 max-width: 140px; max-height: 70px; margin: 0 20px; |
|
207 } |
|
208 |
|
209 |
|
210 |
|
211 /* sparkline widget */ |
|
212 .Ldt-sparklineWidget { |
|
213 position: relative; |
|
214 margin-bottom: 5px; |
|
215 } |
|
216 |
|
217 .Ldt-sparkLinePositionMarker { |
|
218 position: absolute; |
|
219 top: 0px; |
|
220 width: 0px; |
|
221 background-color: #333333; |
|
222 border-right: solid 1px pink; |
|
223 z-index: 3; |
|
224 opacity: 0.2; |
|
225 } |
|
226 |
|
227 .Ldt-sparkLine { |
|
228 position: absolute; |
|
229 top: 0px; |
|
230 } |
|
231 |
|
232 .Ldt-sparkLineClickOverlay { |
|
233 position: absolute; |
|
234 width: 640px; |
|
235 height: 60px; |
|
236 z-index: 4; |
|
237 top: 0px; |
|
238 opacity: 0.3; |
|
239 } |
|
240 |
|
241 /* CINECAST Annotation Widget block */ |
|
242 |
|
243 .Ldt-createAnnotationWidget { |
|
244 width: 610px; padding-bottom: 10px; clear: both; |
|
245 color: #fff; |
|
246 background: url(img-cinecast/createannbgd.png) no-repeat bottom right; |
|
247 } |
|
248 |
|
249 .Ldt-createAnnotation-DoubleBorder { |
|
250 width: 590px; position: relative; clear: both; |
|
251 background: url(img-cinecast/createannbgd.png) no-repeat top left; |
|
252 padding: 20px 10px 0; |
|
253 min-height: 150px; |
|
254 } |
|
255 /* */ |
|
256 |
|
257 .Ldt-createAnnotation-Title { |
|
258 font-size: 12pt; |
|
259 color : #0068c4; |
|
260 float: left; |
|
261 margin-right: 5px; |
|
262 } |
|
263 |
|
264 .Ldt-createAnnotation-TimeFrame { |
|
265 font-size: 12pt; |
|
266 color : #ff5589; |
|
267 float: left; |
|
268 } |
|
269 .Ldt-createAnnotation-Container { |
|
270 float: left; width: 100%; clear: both; |
|
271 } |
|
272 |
|
273 .Ldt-createAnnotation-userAvatar { |
|
274 float: right; |
|
275 width: 80px; |
|
276 height: 64px; |
|
277 border: 1px #ffffff; |
|
278 margin: 5px 0; |
|
279 } |
|
280 |
|
281 .Ldt-createAnnotation-userAvatar img { |
|
282 margin: 0 auto; |
|
283 display: block; |
|
284 max-width: 100%; |
|
285 max-height: 100%; |
|
286 } |
|
287 |
|
288 .Ldt-createAnnotationWidget .Ldt-floatClear { |
|
289 height: 30px; background: url(img-cinecast/logo.iri.small.png) left no-repeat; |
|
290 } |
|
291 |
|
292 /* CINECAST HIDE ARROW */ |
|
293 |
|
294 .Ldt-createAnnotation-profileArrow { |
|
295 display: none; |
|
296 } |
|
297 |
|
298 /* CINECAST SPECIFIC TEXTAREA */ |
|
299 |
|
300 .Ldt-createAnnotation-Description { |
|
301 float: left; background: url(img-cinecast/textarea.png); border: none; margin: 0; padding: 4px 8px 4px 4px; width: 493px; height: 68px; |
|
302 resize: none; |
|
303 } |
|
304 /* */ |
|
305 |
|
306 .Ldt-createAnnotation-btnblock { |
|
307 } |
|
308 |
|
309 .Ldt-createAnnotation-btnblock label { |
|
310 float: left; margin-top: 20px; width: 480px; font-size: 14px; color: #ffffff; |
|
311 } |
|
312 |
|
313 /* CINECAST SPECIFIC TAG BUTTONS */ |
|
314 |
|
315 .Ldt-createAnnotation-keywords ul { |
|
316 width: 100%; clear: both; |
|
317 } |
|
318 |
|
319 .Ldt-createAnnotation-keywords li { |
|
320 border: none; margin: 0 10px 5px 0; height: 23px; padding: 0 0 0 15px; |
|
321 background: url(img-cinecast/tag.png) left top no-repeat; |
|
322 cursor: pointer; |
|
323 } |
|
324 |
|
325 .Ldt-createAnnotation-keyword-button { |
|
326 font-size: 13px; color: #ffffff; width: 170px; text-shadow: 1px 1px 1px #000000; |
|
327 height: 23px; padding: 0 5px 0 0; border: none; margin: 0; |
|
328 background: url(img-cinecast/tag.png) right top no-repeat; |
|
329 cursor: pointer; |
|
330 } |
|
331 |
|
332 .Ldt-createAnnotation-keywords li:hover { |
|
333 background-position: left -23px; |
|
334 } |
|
335 |
|
336 .Ldt-createAnnotation-keywords li:hover .Ldt-createAnnotation-keyword-button { |
|
337 background-position: right -23px; |
|
338 } |
|
339 |
|
340 .Ldt-createAnnotation-keywords li.Ldt-createAnnotation-active-button { |
|
341 background-position: left -46px; margin: 0 0 5px 0; |
|
342 } |
|
343 |
|
344 .Ldt-createAnnotation-keywords li.Ldt-createAnnotation-active-button .Ldt-createAnnotation-keyword-button { |
|
345 background-position: right -46px; padding: 0 15px 0 0; width: 180px; |
|
346 } |
|
347 /* */ |
|
348 |
|
349 /* CINECAST SUBMIT BUTTON */ |
|
350 |
|
351 .Ldt-createAnnotation-submitButton { |
|
352 float: right; |
|
353 width: 96px; |
|
354 height: 34px; |
|
355 background: url(img-cinecast/greenbutton.png); |
|
356 border: none; |
|
357 margin: 8px 0; |
|
358 font-size: 13px; |
|
359 text-transform: uppercase; |
|
360 cursor: pointer; |
|
361 } |
|
362 |
|
363 .Ldt-createAnnotation-submitButton:hover { |
|
364 background-position: 0 -34px; |
|
365 } |
|
366 |
|
367 /* */ |
|
368 |
|
369 .Ldt-createAnnotation-endScreen { |
|
370 background-color: #ffffff; |
|
371 margin-left: 5px; |
|
372 margin-right: 5px; |
|
373 border: 1px solid #d6d6d6; |
|
374 padding: 10px; |
|
375 font-size: 13px; |
|
376 font-weight: bold; |
|
377 color : #f7268e; |
|
378 text-align: center; |
|
379 } |
|
380 |
|
381 .Ldt-createAnnotation-errorMessage { |
|
382 color: #D93C71; |
|
383 } |
|
384 |
|
385 .Ldt-createAnnotation-Minimize { |
|
386 position: relative; |
|
387 float: right; |
|
388 height: 17px; |
|
389 width: 17px; |
|
390 right: 0px; |
|
391 background:url('imgs/minimize.png'); |
|
392 } |
|
393 |
|
394 /* */ |
|
395 |
|
396 .Ldt-createAnnotation-spinner { |
|
397 display: inline; |
|
398 width: 16px; |
|
399 height: 16px; |
|
400 background-image('imgs/spinner.gif'); |
|
401 } |
|
402 |
|
403 .Ldt-createAnnotation-endScreen-TweetLink { |
|
404 width: 54px; |
|
405 height: 20px; |
|
406 background-image('imgs/tweet_button.png'); |
|
407 } |
|
408 |
|
409 .Ldt-createAnnotation-endScreen-FbLink { |
|
410 width: 55px; |
|
411 height: 20px; |
|
412 background-image('imgs/facebook_button.png'); |
|
413 } |
|
414 |
|
415 .Ldt-createAnnotation-endScreen-GplusLink { |
|
416 width: 50px; |
|
417 height: 20px; |
|
418 background-image('imgs/gplus_button.png'); |
|
419 } |
|
420 /* AnnotationsListWidget */ |
|
421 |
|
422 .Ldt-AnnotationsListWidget { |
|
423 font-size: 12px; |
|
424 font-family: "Arial", "Verdana", "sans-serif"; |
|
425 } |
|
426 |
|
427 .Ldt-AnnotationsList-ul { |
|
428 list-style: none; |
|
429 padding: 0 3px; |
|
430 } |
|
431 |
|
432 .Ldt-AnnotationsList-li { |
|
433 float: left; width: 100%; clear: both; |
|
434 margin: 2px 0; padding: 2px 0; |
|
435 position: relative; |
|
436 min-height: 70px; |
|
437 background: #000000; |
|
438 } |
|
439 |
|
440 .Ldt-AnnotationsList-li:hover { |
|
441 background-color: #333333; |
|
442 } |
|
443 |
|
444 .Ldt-AnnotationsListWidget a { |
|
445 text-decoration: none; |
|
446 } |
|
447 |
|
448 .Ldt-AnnotationsListWidget a:hover { |
|
449 text-decoration: underline; |
|
450 } |
|
451 |
|
452 .Ldt-AnnotationsList-Thumbnail { |
|
453 border: none; |
|
454 float: left; |
|
455 max-width: 75px; |
|
456 max-height: 48px; |
|
457 } |
|
458 |
|
459 .Ldt-AnnotationsList-Duration { |
|
460 color : #ffffff; |
|
461 position: absolute; top: 55px; left: 5px; text-align: center; |
|
462 } |
|
463 |
|
464 .Ldt-AnnotationsList-TcSeparator, .Ldt-AnnotationsList-End { |
|
465 display: none; |
|
466 } |
|
467 |
|
468 .Ldt-AnnotationsList-Title { |
|
469 font-size: 13px; |
|
470 margin: 0 0 2px 80px; |
|
471 color: #ffffff; |
|
472 } |
|
473 |
|
474 .Ldt-AnnotationsList-Description { |
|
475 font-style: italic; |
|
476 margin: 0 0 2px 80px; |
|
477 } |
|
478 |
|
479 .Ldt-AnnotationsList-Description a { |
|
480 color: #dddddd; |
|
481 } |
|
482 |
|
483 .Ldt-AnnotationsList-Tags { |
|
484 float: left; clear: both; padding: 0; margin: 2px 0 0 80px; list-style: none; |
|
485 } |
|
486 |
|
487 .Ldt-AnnotationsList-Tag-Li { |
|
488 float: left; border: none; margin: 0 0 0 5px; height: 23px; padding: 0 0 0 20px; |
|
489 background: url(img-cinecast/tag.png) left top no-repeat; |
|
490 cursor: pointer; |
|
491 } |
|
492 |
|
493 .Ldt-AnnotationsList-Tag-Div { |
|
494 font-size: 13px; color: #ffffff; text-shadow: 1px 1px 1px #000000; |
|
495 height: 19px; padding: 4px 5px 0 0; border: none; margin: 0; |
|
496 background: url(img-cinecast/tag.png) right top no-repeat; |
|
497 cursor: pointer; |
|
498 } |
|
499 |
|
500 .Ldt-createAnnotation-moar-keywordz { |
|
501 float: right; font-size: 13px; color: #ffffff; text-shadow: 1px 1px 1px #000000; cursor: pointer; |
|
502 width: 140px; height: 23px; background: url(img-cinecast/moar.png); border: none; margin: 0 15px; |
|
503 } |
|
504 |
|
505 .Ldt-createAnnotation-moar-keywordz:hover { |
|
506 background-position: bottom; |
|
507 } |
|
508 |
|
509 /* Tagcloud */ |
|
510 |
|
511 .Ldt-TagCloud { |
|
512 font-family: "PT Sans", Arial, Helvetica, sans-serif; |
|
513 } |
|
514 |
|
515 .Ldt-TagCloud ul { |
|
516 list-style: none; padding: 0; margin: 5px; text-align: center; |
|
517 } |
|
518 |
|
519 .Ldt-TagCloud li { |
|
520 display: inline-block; margin: 2px; cursor:pointer; cursor:hand; |
|
521 } |
|
522 |
|
523 .Ldt-TagCloud li:hover { |
|
524 color: #0099ff; |
|
525 } |
|
526 |
|
527 .Ldt-TagCloud-actif { |
|
528 color: #c000c0; |
|
529 } |
|