* proper escape xml special chars
[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: 15%;
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
232 #RecordButton { 
233         float:left;
234         background-color: #0066CC;
235         width:20px;
236         height:20px;
237 }
238
239 #ServiceInfo{
240         width:800px;
241         height: 20px;
242         border-bottom: 1px solid #000;
243         float:none;
244         clear:both;
245         padding: 0 0 0;
246         margin: 0 0 0;
247         background-color: #0066CC;
248         color: #FFFFFF;
249 }
250
251 #nav{
252         float: left;
253         width: 117px;
254         background-color: #AAA;
255 }
256
257 #navTable{
258         background-color: #EEE;
259         vertical-align: middle;
260         font-size: 14px;
261         font-weight: bold;
262         width: 100%;
263         margin:0 0 0 0;
264         padding:0 0 0 0;
265 }
266
267 #NavHd{
268         background-color: #0066CC;
269         color: #FFFFFF;
270         font-size:10px;
271         font-weight: bold;
272         height: 20px;
273         vertical-align: middle;
274 }
275 #RequestIndicator{
276         display: inline;
277         vertical-align: middle;
278         font-size:14px;
279         font-weight: bold;
280         height:20px;
281 }
282
283 #EventNowNext{
284 }
285
286 #updates{
287         visibility: hidden;
288 }
289
290 .navMenuPanel{
291         background-color: #BBB;
292 }
293 .navMenuHeader{
294         font-size: 14px;
295         border-top: 1px solid #000;
296         height: 20px;
297 }
298
299 .navMenuContent{
300         font-size: 12px;
301         font-weight: normal;
302         background-color: #EEE;
303         border: 0px;
304 }
305 .navMenuItem{
306         font-size: 12px;
307 }
308
309 .divblock{
310         width:100%;
311         float:none;
312         clear:both;
313 }
314
315 .event{
316         font-size:12px;
317         width:100%;
318         font-weight:bold;
319         background-color: #DDEEFF;
320         margin-bottom: 1px;
321         cursor:help;
322 }
323 .eventRA{
324         font-size:12px;
325         width:100%;
326         font-weight:bold;
327         text-align:right;
328         background-color: #DDEEFF;
329         margin-bottom: 1px;
330         cursor:help;
331 }
332
333 .eventExtDesc{
334         color: #777;
335         background-color: #FFF;
336         font-size:12px;
337         margin-bottom: 1px;
338         width:100%;
339 }
340
341 .bgMain{
342         background-color: #FFF;
343         width: 100%;
344 }
345 .sListHeader{
346         font-size: 14px;
347         font-weight: bold;
348         color: #FFF;
349         float:left;
350         width:50%;
351 }
352 .sListSearch{
353         font-size: 14px;
354         float:left;
355         width:50%;
356         text-align: right;
357 }
358 form.sListSearch{
359         text-align: right;
360 }
361 .sListSName{
362         font-size: 14px;
363         font-weight: bold;
364         float:left;
365         width:661px;
366 }
367
368 a.sListSLink{
369         display: block;
370         width: 656px;
371         height: 100%;
372         text-decoration: none;
373 }
374
375 a.sListSLink:hover{
376         background-color: #DDD;
377 }
378
379 .sListExt{
380         border-left: 1px solid #CCC;
381         float:left;
382         width:90px;
383         text-align: right;
384 }
385 .sListEPGTime{
386         float:left;
387         width:60px;
388         text-align: left;
389 }
390 .sListEPGTitle{
391         border-left: 1px solid #CCC;
392         border-right: 1px solid #CCC;
393         float: left;
394         width:600px; 
395         text-align: left;
396 }
397 .sListEPGDuration{
398         float:left;
399         width:75px;
400         text-align: right;
401 }
402 .tListSName{
403 /*      float:left;*/
404         width: 180px;
405         text-align: left;
406 }
407 .tListTitle{
408 /*      float:left;*/
409         width: 150px;
410         text-align: left;
411 }
412 .tListDescr{
413 /*      float:left;*/
414         width: 150px;
415         text-align: left;
416 }
417 .tListRepeat{
418 /*      float:left;*/
419         width: 70px;
420         text-align: left;
421 }
422 .tListDuration{
423 /*      float:left;*/
424         width: 70px;
425         text-align: left;
426 }
427 .tListBegin{
428 /*      float:left;*/
429         width: 100px;
430         text-align: left;
431 }
432 .tListEnd{
433 /*      float:left;*/
434         width: 100px;
435         text-align: left;
436 }
437 .tListAfter{
438 /*      float:left;*/
439         width: 85px;
440         text-align: left;
441 }
442 .tListOption{
443 /*      float:left;*/
444         width: 80px;
445         text-align: center;
446 }
447 #TimerColor0 {
448         color: #000000;
449 }
450 #TimerColor1 {
451         color: #00BCBC;
452         background-color: #DDD;
453 }
454 #TimerColor2 {
455         color: #9F1919;
456         background-color: #DDD;
457 }
458 #TimerColor3 {
459         color: #00BCBC;
460         background-color: #DDD;
461 }