1 #demo-frame > div.demo { padding: 5px !important; }; |
1 #demo-frame > div.demo { padding: 5px !important; }; |
2 |
2 |
3 button.ui-button-icon-only { |
3 button.ui-button-icon-only { |
4 height:1.5em; |
4 height:1.5em; |
5 width:1.5em; |
5 width:1.5em; |
6 } |
6 } |
7 |
7 |
8 #Ldt-loader { |
8 #Ldt-loader { |
9 background:url(imgs/loader.gif) no-repeat; |
9 background:url(imgs/loader.gif) no-repeat; |
10 width:20px; |
10 width:20px; |
11 height:16px; |
11 height:16px; |
12 float:left; |
12 float:left; |
13 } |
13 } |
14 |
14 |
15 .Ldt-controler { |
15 .Ldt-controler { |
16 font-size: 62.5%; |
16 font-size: 62.5%; |
17 font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; |
17 font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; |
18 background-color:#eeeeee; |
18 background-color:#eeeeee; |
19 height:35px; |
19 height:35px; |
20 } |
20 } |
21 |
21 |
22 .Ldt-AnnotationsWidget { |
22 .Ldt-AnnotationsWidget { |
23 font-size: 62.5%; |
23 font-size: 62.5%; |
24 font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; |
24 font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; |
25 background-color:#eeeeee; |
25 background-color:#eeeeee; |
26 padding:5px; |
26 padding:5px; |
27 } |
27 } |
28 |
28 |
29 .Ldt-iri-chapter{ |
29 .Ldt-iri-chapter{ |
30 padding-top:10px; |
30 padding-top:10px; |
31 padding-bottom:5px; |
31 padding-bottom:5px; |
32 border-left:solid 1px #000; |
32 border-left:solid 1px #000; |
33 border-right:solid 1px #000; |
33 border-right:solid 1px #000; |
34 float: left; |
34 float: left; |
35 } |
35 } |
36 |
36 |
37 .tooltip { |
37 .tooltip { |
38 display:none; |
38 display:none; |
39 background:transparent url(imgs/white_arrow_mini.png); |
39 background:transparent url(imgs/white_arrow_mini.png); |
40 font-size:12px; |
40 font-size:12px; |
41 height:55px; |
41 height:55px; |
42 width:180px; |
42 width:180px; |
43 padding:10px; |
43 padding:10px; |
44 padding-left:15px; |
44 padding-left:15px; |
45 padding-top:15px; |
45 padding-top:15px; |
46 padding-right:15px; |
46 padding-right:15px; |
47 color:#000; |
47 color:#000; |
48 font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; |
48 font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; |
49 } |
49 } |
50 #Ldt-Root{ |
50 #Ldt-Root{ |
51 font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; |
51 font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; |
52 } |
52 } |
53 #Ldt-Hat{ |
53 #Ldt-Hat{ |
54 height:3px; |
54 height:3px; |
55 } |
55 } |
56 |
56 |
57 #Ldt-Annotations{ |
57 #Ldt-Annotations{ |
58 padding-left:5px; |
58 padding-left:5px; |
59 width:470px; |
59 width:470px; |
60 float:left; |
60 float:left; |
61 font-size: 62.5%; |
61 font-size: 62.5%; |
62 } |
62 } |
63 |
63 |
64 .Ldt-SaTitle{ |
64 .Ldt-SaTitle{ |
65 padding-top:2px; |
65 padding-top:2px; |
66 padding-bottom:5px; |
66 padding-bottom:5px; |
67 font-size:18px; |
67 font-size:18px; |
68 height:22p; |
68 height:22p; |
69 } |
69 } |
70 .Ldt-SaDescription{ |
70 .Ldt-SaDescription{ |
71 font-size:12px; |
71 font-size:12px; |
72 } |
72 } |
73 #Ldt-Show-Arrow-container{ |
73 #Ldt-Show-Arrow-container{ |
74 margin-left:60px; |
74 margin-left:60px; |
75 } |
75 } |
76 #Ldt-Show-Arrow{ |
76 #Ldt-Show-Arrow{ |
77 position:relative; |
77 position:relative; |
78 background:url(imgs/grey_arrow_Show.png); |
78 background:url(imgs/grey_arrow_Show.png); |
79 width:27px; |
79 width:27px; |
80 height:13px; |
80 height:13px; |
81 margin-top:12px; |
81 margin-top:12px; |
82 margin-left:-10px; |
82 margin-left:-10px; |
83 z-index:999; |
83 z-index:999; |
84 } |
84 } |
85 |
85 |
86 #Ldt-Show-Tags{ |
86 #Ldt-Show-Tags{ |
87 position:relative; |
87 position:relative; |
88 height:13px; |
88 height:13px; |
89 margin-top:-10px; |
89 margin-top:-10px; |
90 border: solid 1px #000; |
90 border: solid 1px #000; |
91 } |
91 } |
92 #Ldt-ShowAnnotation-video{ |
92 #Ldt-ShowAnnotation-video{ |
93 position:absolute; |
93 position:absolute; |
94 z-index: 999; |
94 z-index: 999; |
95 padding:5px; |
95 padding:5px; |
96 background:url(imgs/transBlack.png); |
96 background:url(imgs/transBlack.png); |
97 font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; |
97 font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; |
98 color:#FFF; |
98 color:#FFF; |
99 } |
99 } |
100 #Ldt-ShowAnnotation-audio{ |
100 #Ldt-ShowAnnotation-audio{ |
101 position:relative; |
101 position:relative; |
102 padding:5px; |
102 padding:5px; |
103 background-color:#cfcfcf; |
103 background-color:#cfcfcf; |
104 font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; |
104 font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; |
105 color:#4D4D4D; |
105 color:#4D4D4D; |
106 } |
106 } |
107 .Ldt-SaKeyword{ |
107 .Ldt-SaKeyword{ |
108 background-color:#b9b9b9; |
108 background-color:#b9b9b9; |
109 color:#4D4D4D; |
109 color:#4D4D4D; |
110 padding:5px; |
110 padding:5px; |
111 font-weight:bold; |
111 font-weight:bold; |
112 text-align:left; |
112 text-align:left; |
113 float:left; |
113 float:left; |
114 font-size:10px; |
114 font-size:10px; |
115 } |
115 } |
116 #Ldt-SaShareTools{ |
116 #Ldt-SaShareTools{ |
117 text-align:right; |
117 text-align:right; |
118 float:right; |
118 float:right; |
119 } |
119 } |
120 |
120 |
121 |
121 |
122 #Ldt-PlaceHolder{ |
122 #Ldt-PlaceHolder{ |
123 position:absolue; |
123 position:absolue; |
124 float:none; |
124 float:none; |
125 } |
125 } |
126 |
126 |
127 .Ldt-Segments{ |
127 .Ldt-Segments{ |
128 float:left; |
128 float:left; |
129 font-size: 62.5%; |
129 font-size: 62.5%; |
130 } |
130 } |
131 |
131 |
132 .Ldt-mode-radio{ |
132 .Ldt-mode-radio{ |
133 visibility:hidden; |
133 visibility:hidden; |
134 height:0px; |
134 height:0px; |
135 display:none |
135 display:none |
136 } |
136 } |
137 |
137 |
138 .Ldt-LeftPlayerControls { |
138 .Ldt-LeftPlayerControls { |
139 float:left; |
139 float:left; |
140 padding: 4px; |
140 padding: 4px; |
141 } |
141 } |
142 |
142 |
143 .Ldt-RightPlayerControls { |
143 .Ldt-RightPlayerControls { |
144 padding-left:10px; |
144 float: right; |
145 width:60px; |
|
146 float: right; |
|
147 padding: 4px; |
145 padding: 4px; |
148 } |
146 } |
149 .Ldt-cleaner { |
147 |
150 clear:both; |
148 .ldt-ElapsedTime { |
151 } |
149 float: left; |
|
150 padding: 4px; |
|
151 } |
|
152 |
|
153 .Ldt-cleaner { |
|
154 clear:both; |
|
155 } |
152 |
156 |
153 .cleaner { |
157 .cleaner { |
154 clear:both; |
158 clear:both; |
155 } |
159 } |
156 |
160 |
157 .share { |
161 .share { |
158 background:url('imgs/widget20.png') no-repeat scroll 0 0 transparent ; |
162 background:url('imgs/widget20.png') no-repeat scroll 0 0 transparent ; |
159 display:block; |
163 display:block; |
160 height:16px; |
164 height:16px; |
161 line-height:16px !important; |
165 line-height:16px !important; |
162 overflow:hidden; |
166 overflow:hidden; |
163 width:16px; |
167 width:16px; |
164 float:left; |
168 float:left; |
165 cursor:pointer; |
169 cursor:pointer; |
166 margin:2px; |
170 margin:2px; |
167 } |
171 } |
168 .shareFacebook{ |
172 .shareFacebook{ |
169 background-position:0 -704px; |
173 background-position:0 -704px; |
170 } |
174 } |
171 .shareMySpace{ |
175 .shareMySpace{ |
172 background-position:0 -736px; |
176 background-position:0 -736px; |
173 } |
177 } |
174 .shareTwitter{ |
178 .shareTwitter{ |
175 background-position:0 -1072px; |
179 background-position:0 -1072px; |
176 } |
180 } |
177 .shareGoogle{ |
181 .shareGoogle{ |
178 background-position:0 -752px; |
182 background-position:0 -752px; |
179 } |
183 } |
180 .shareDelicious{ |
184 .shareDelicious{ |
181 background-position:0 -672px; |
185 background-position:0 -672px; |
182 } |
186 } |
183 .shareJamesPot{ |
187 .shareJamesPot{ |
184 background-position:0 -1808px; |
188 background-position:0 -1808px; |
185 } |
189 } |
186 |
190 |
187 .tip{ |
191 .tip{ |
188 position : fixed; /* why not absolute instead of fixed ? because the div containing the tooltip widget is not a subdiv of its parent |
192 position : fixed; /* why not absolute instead of fixed ? because the div containing the tooltip widget is not a subdiv of its parent |
189 widget */ |
193 widget */ |
190 padding : 3px; |
194 padding : 3px; |
191 z-index: 10000000000; |
195 z-index: 10000000000; |
192 max-width: 200px; |
196 max-width: 200px; |
193 background: transparent url("http://www.polemictweet.com/images/white_arrow_long.png"); |
197 background: transparent url("http://www.polemictweet.com/images/white_arrow_long.png"); |
194 font-size: 12px; |
198 font-size: 12px; |
195 height: 125px; |
199 height: 125px; |
196 width: 180px; |
200 width: 180px; |
197 padding: 10px; |
201 padding: 10px; |
198 padding-left: 15px; |
202 padding-left: 15px; |
199 padding-top: 15px; |
203 padding-top: 15px; |
200 padding-right: 15px; |
204 padding-right: 15px; |
201 color: black; |
205 color: black; |
202 font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; |
206 font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; |
203 overflow:hidden; |
207 overflow:hidden; |
204 } |
208 } |
205 |
209 |
206 .SliderWidget { |
210 .SliderWidget { |
207 |
211 |
208 } |
212 } |
209 /* slider */ |
213 /* slider */ |