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