* cleanups
[enigma2-plugins.git] / webinterface / src / web-data / style.css
1 body {  
2         text-align:left;
3         vertical-align: top;
4         margin:0px; 
5         font-family:Arial,sans-serif;
6         font-size: 12px;
7         background-color:#EEE;
8         color:#444;
9 }
10
11 a:link { color:#444; }
12 a:visited { color:#444; }
13 a:active { color:#444; }
14
15 hr{ border: 1px solid #BBB; 
16         margin-left: 3px;
17         margin-right: 3px;
18 }
19
20 form{
21         margin: 0px;
22         padding: 0px;
23 }
24
25 /**************************************************************
26 Make the ServiceList Table scrollable**************************
27 ***************************************************************/
28
29 /* define height and width of scrollable area. Add 16px to width for scrollbar          */
30 div.BodyContentChannellist {
31         clear: both;
32         border: 1px solid #000;
33         height: 450px;
34         overflow: auto;
35         margin: 0px 9px 0px;
36 /*      width: 780px; */
37 }
38
39 .BodyContentChannellist{
40         font-size: 12px;
41 }
42
43 /* Reset overflow value to hidden for all non-IE browsers. */
44 html>body div.BodyContentChannellist {
45         overflow: hidden;
46         width: 780px;
47 }
48
49 /* define width of table. IE browsers only                 */
50 div.BodyContentChannellist table {
51         float: left;
52         width: 760px;
53 }
54
55 /* define width of table. Add 16px to width for scrollbar.           */
56 /* All other non-IE browsers.                                        */
57 html>body div.BodyContentChannellist table {
58         width: 780px;
59 }
60
61 /* set table header to a fixed position. WinIE 6.x only                                       */
62 /* In WinIE 6.x, any element with a position property set to relative and is a child of       */
63 /* an element that has an overflow property set, the relative value translates into fixed.    */
64 /* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
65 thead.fixedHeader tr {
66         position: relative
67 }
68
69 /* set THEAD element to have block level attributes. All other non-IE browsers            */
70 /* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
71 html>body thead.fixedHeader tr {
72         display: block
73 }
74
75 /* make the TH elements pretty */
76 thead.fixedHeader th {
77         background: #0066CC;
78         border: 0px;
79         font-weight: normal;
80         padding: 4px 3px;
81         text-align: left
82 }
83
84 /* make the A elements pretty. makes for nice clickable headers                */
85 thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited {
86         color: #FFF;
87         display: block;
88         text-decoration: none;
89         width: 100%
90 }
91
92 /* make the A elements pretty. makes for nice clickable headers                */
93 /* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */
94 thead.fixedHeader a:hover {
95         color: #FFF;
96         display: block;
97         text-decoration: underline;
98         width: 100%
99 }
100
101 /* define the table content to be scrollable                                              */
102 /* set TBODY element to have block level attributes. All other non-IE browsers            */
103 /* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
104 /* induced side effect is that child TDs no longer accept width: auto                     */
105 html>body tbody.scrollContent {
106         display: block;
107         height: 422px;
108         /* This is realy bad for resolution below 1280x1024 */
109         overflow: auto;
110         width: 100%;
111 }
112
113 /* make TD elements pretty. Provide alternating classes for striping the table */
114 /* http://www.alistapart.com/articles/zebratables/                             */
115
116
117 tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
118         background: #FFF;
119         border-bottom: none;
120         border-left: none;
121         border-right: 1px solid #CCC;
122         border-top: 1px solid #DDD;
123         padding: 2px 3px 3px 4px;
124 }
125
126 /* define width of TH elements: 1st, 2nd, and 3rd respectively.          */
127 /* Add 16px to last TH for scrollbar padding. All other non-IE browsers. */
128 /* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
129 html>body thead.fixedHeader th {
130         width: 780px; 
131 }
132
133 /* define width of TD elements: 1st, 2nd, and 3rd respectively.          */
134 /* All other non-IE browsers.                                            */
135 /* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
136 html>body tbody.scrollContent td {
137 width: 764px; 
138 }
139
140 /****************************************
141 normal stylesheet-stuff******************
142 *****************************************/
143
144 #Main{
145         width:960px;
146         background-color: #AAA;
147         text-align: left;
148         margin: 0; 
149         padding: 0;
150         overflow: auto;
151         vertical-align: top;
152         cursor: default;
153         border: 1px solid #000; 
154 }
155
156 #Content{
157         vertical-align: middle;  
158         float: left;
159         background-color: #FFF;
160         width: 800px;
161         padding-bottom: 10px;
162         border-right: 1px solid #000;
163         border-left: 1px solid #000;
164 }
165
166 #CurrentService { 
167         font-family: Arial,sans-serif;
168         font-size: 14px;
169         font-weight: bold;
170         float: left;
171         background-color: #0066CC;
172         color: #FFFFFF;
173         
174         width: 55%;
175         height: 20px;
176 }
177
178 #CurrentEvent { 
179         font-family: Arial,sans-serif;
180         font-size: 14px;
181         font-weight: bold;
182         float: left;
183         background-color: #0066CC;
184         color: #FFFFFF;
185         text-align: right;
186         width: 45%;
187         height: 20px;
188 }
189
190 #VolumePanel { 
191         font-family:Arial,sans-serif;
192         font-size:14px;
193         font-weight:bold;
194         
195         float:left;
196         background-color: #0066CC;
197         color: #FFFFFF;
198         
199         width:25%;
200         height:20px;
201 }
202
203 #CurrentTime { 
204         font-family:Arial,sans-serif;
205         font-size:14px;
206         font-weight:bold;
207         
208         float:left;
209         text-align:right;
210         background-color: #0066CC;
211         color: #FFFFFF;
212         
213         width: 11%;
214         height: 20px;
215 }
216
217 #SignalPanel { 
218         font-family:Arial,sans-serif;
219         font-size:14px;
220         font-weight:bold;
221         
222         float:left;
223
224         background-color: #0066CC;
225         color: #FFFFFF;
226         text-align:right;
227
228         width:20px;
229         height:20px;
230 }
231 #StreaminterfaceButton { 
232         font-family:Arial,sans-serif;
233         font-size:14px;
234         font-weight:bold;
235         
236         float:left;
237
238         background-color: #0066CC;
239         color: #FFFFFF;
240         text-align:right;
241
242         width:20px;
243         height:20px;
244 }
245
246
247 #RecordButton { 
248         float:left;
249         background-color: #0066CC;
250         width:20px;
251         height:20px;
252 }
253
254 #ServiceInfo{
255         width:800px;
256         height: 20px;
257         border-bottom: 1px solid #000;
258         float:none;
259         clear:both;
260         padding: 0 0 0;
261         margin: 0 0 0;
262         background-color: #0066CC;
263         color: #FFFFFF;
264 }
265
266 #nav{
267         float: left;
268         width: 117px;
269         background-color: #AAA;
270 }
271
272 #navTable{
273         background-color: #EEE;
274         vertical-align: middle;
275         font-size: 14px;
276         font-weight: bold;
277         width: 100%;
278         margin:0 0 0 0;
279         padding:0 0 0 0;
280 }
281
282 #NavHd{
283         background-color: #0066CC;
284         color: #FFFFFF;
285         font-size:10px;
286         font-weight: bold;
287         height: 20px;
288         vertical-align: middle;
289 }
290 #RequestIndicator{
291         display: inline;
292         vertical-align: middle;
293         font-size:14px;
294         font-weight: bold;
295         height:20px;
296 }
297
298 #EventNowNext{
299 }
300
301 #updates{
302         visibility: hidden;
303 }
304
305 .navMenuPanel{
306         background-color: #BBB;
307 }
308 .navMenuHeader{
309         font-size: 14px;
310         border-top: 1px solid #000;
311         height: 20px;
312 }
313
314 .navMenuContent{
315         font-size: 12px;
316         font-weight: normal;
317         background-color: #EEE;
318         border: 0px;
319 }
320 .navMenuItem{
321         font-size: 12px;
322 }
323
324 .divblock{
325         width:100%;
326         float:none;
327         clear:both;
328 }
329
330 .event{
331         font-size:12px;
332         width:100%;
333         font-weight:bold;
334         background-color: #DDEEFF;
335         margin-bottom: 1px;
336         cursor:help;
337 }
338 .eventRA{
339         font-size:12px;
340         width:100%;
341         font-weight:bold;
342         text-align:right;
343         background-color: #DDEEFF;
344         margin-bottom: 1px;
345         cursor:help;
346 }
347
348 .eventExtDesc{
349         color: #777;
350         background-color: #FFF;
351         font-size:12px;
352         margin-bottom: 1px;
353         width:100%;
354 }
355
356 .bgMain{
357         background-color: #FFF;
358         width: 100%;
359 }
360 .sListHeader{
361         font-size: 14px;
362         font-weight: bold;
363         color: #FFF;
364         float:left;
365         width:50%;
366 }
367 .sListSearch{
368         font-size: 14px;
369         float:left;
370         width:50%;
371         text-align: right;
372 }
373 form.sListSearch{
374         text-align: right;
375 }
376 .sListSName{
377         font-size: 14px;
378         font-weight: bold;
379         float:left;
380         width:661px;
381 }
382
383 a.sListSLink{
384         display: block;
385         width: 656px;
386         height: 100%;
387         text-decoration: none;
388 }
389
390 a.sListSLink:hover{
391         background-color: #DDD;
392 }
393
394 .sListExt{
395         border-left: 1px solid #CCC;
396         float:left;
397         width:90px;
398         text-align: right;
399 }
400 .sListEPGTime{
401         float:left;
402         width:60px;
403         text-align: left;
404 }
405 .sListEPGTitle{
406         border-left: 1px solid #CCC;
407         border-right: 1px solid #CCC;
408         float: left;
409         width:600px; 
410         text-align: left;
411 }
412 .sListEPGDuration{
413         float:left;
414         width:75px;
415         text-align: right;
416 }
417 .tListSName{
418 /*      float:left;*/
419         width: 180px;
420         text-align: left;
421 }
422 .tListTitle{
423 /*      float:left;*/
424         width: 150px;
425         text-align: left;
426 }
427 .tListDescr{
428 /*      float:left;*/
429         width: 150px;
430         text-align: left;
431 }
432 .tListRepeat{
433 /*      float:left;*/
434         width: 70px;
435         text-align: left;
436 }
437 .tListDuration{
438 /*      float:left;*/
439         width: 70px;
440         text-align: left;
441 }
442 .tListBegin{
443 /*      float:left;*/
444         width: 100px;
445         text-align: left;
446 }
447 .tListEnd{
448 /*      float:left;*/
449         width: 100px;
450         text-align: left;
451 }
452 .tListAfter{
453 /*      float:left;*/
454         width: 85px;
455         text-align: left;
456 }
457 .tListOption{
458 /*      float:left;*/
459         width: 80px;
460         text-align: center;
461 }
462 #TimerColor0 {
463         color: #000000;
464 }
465 #TimerColor1 {
466         color: #00BCBC;
467         background-color: #DDD;
468 }
469 #TimerColor2 {
470         color: #9F1919;
471         background-color: #DDD;
472 }
473 #TimerColor3 {
474         color: #00BCBC;
475         background-color: #DDD;
476 }