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