Changes:
[enigma2-plugins.git] / webinterface / src / web-data / tpl / default / style.css
1         body{
2                 font-family: Tahoma, Sans-Serif;
3                 font-size: 14px;
4                 font-weight: bold;
5                 color: #fff;
6                 text-align: center;
7                 background-color: #555
8         }
9         
10         a, a:visited, a:active{
11                 color: #485052;
12                 text-decoration: none;
13         }
14         
15         
16         img{
17                 border: 0px;
18         }
19         
20         form{
21                 margin: 2px;            
22         }
23
24         #notification{          
25                 color: #000;
26                 width: 600px;
27                 height: 32px;
28                 position: absolute;
29                 top: 0px;
30                 left: 200px;            
31                 text-align: center;
32                 vertical-align: bottom;
33                 z-index: 2;             
34         }
35 /***********************
36  WAP
37  ***********************/
38
39         .wap a, .wap a:visited, .wap a:active{
40                 color: #fff;            
41         }
42
43 /***********************
44  GENERAL
45  ***********************/
46
47         .odd{
48                 background-color: #FFF;
49         }
50         
51         .even{
52                 background-color: #DDD;
53         }
54         
55         .fullwidth {
56                 width: 100%;
57         }
58         
59         .center {
60                 text-align: center;
61         }
62
63
64 /***********************
65  BANNER with MainMenu
66  ***********************/
67
68         #banner{
69                 width: 1000px;
70                 height: 70px;
71                 background: #000;
72                 padding-left: 5px;
73                 margin-bottom: 8px;
74         }
75         
76         #banner a, #banner a:visited, #banner a:active{
77                 color: #FFF;
78                 text-decoration: none;
79         }
80         
81         #banner, #banner .sb-inner { background:#000 }
82         #banner .sb-border { background: #FFF }
83         #bannerText{
84                 margin-bottom: 5px;
85                 padding-left: 2px;
86                 padding-top: 6px;
87         }
88
89         #bannerLeft{
90                 width: 940px;
91                 float: left;
92         }
93         
94         #powerState{
95                 border: 0px;
96                 margin-left: 93px;
97                 text-algin: right;
98         }
99         
100         #bannerRight{
101                 width: 50px;
102                 text-align: right;
103                 height: 60px;
104                 float: left;
105         }
106         
107
108         
109         #bannerRight img{
110                 padding-top: 5px;
111         }
112         
113         #current a{
114                 color: #FFF;
115         }
116         
117         #current{
118                 width: 999px;
119                 background: #000;
120                 padding-left: 3px;
121                 padding-right: 3px;
122                 padding-bottom: 1px;
123                 margin-bottom: 8px;
124         }
125
126         #current, #current .sb-inner { background:#000 }
127         #current .sb-border { background: #FFF }
128         #currentTable{
129                 margin-bottom: 10px;
130                 padding-left: 2px;
131                 padding-top: 3px;
132                 width: 100%;
133         }
134         
135         #currentDuration{
136                 text-align: right;
137         }
138         
139         
140         
141         #mainMenu{
142                 background-color: #485052;
143                 text-align: center;
144                 overflow:hidden; 
145                 background: #000; 
146                 margin: 0; 
147                 padding: 0; 
148                 width: 940px;
149         }
150
151         #mainMenu li{
152                 list-style: none;
153                 float: left;
154                 width: 130px;
155                 height: 21px;
156                 margin-left: 2px;
157         }
158         #mainMenu li .sb-border { background:#485052; }
159         #mainMenu li, #mainMenu li .sb-inner { background-color: #485052; }
160
161         #mainMenu a{ display:block; padding: 1px; }
162
163         #mainMenu li:hover, #mainMenu li:hover .sb-inner { background: #AAA; }
164         #mainMenu li.hover, #mainMenu li.hover .sb-inner { background: #AAA; }
165
166 /***************
167  Upper Left Nav
168  ***************/
169
170         #navContainer{
171                 float:left;
172                 width: 160px;
173         }
174          
175         #nav{
176                 width: 100%;
177                 height: 250px;
178                 background: #000;
179                 padding-left: 5px;
180         }
181         
182         #nav a{
183                 display: block;
184         }
185
186         #nav, #nav .sb-inner { 
187                 background:#FFF; 
188                 padding-left: 2px;
189                 padding-right: 2px;
190         }
191         #nav .sb-border { background:#000; }
192
193         #navHd, #navHd .sb-inner{
194                 background: #000;
195                 text-align: center;
196         }
197         
198         #navContent{
199                 color: #485052;
200                 padding-left: 5px;
201         }
202
203         #navSearch{
204                 width: 100%;
205                 height: 61px;
206                 background: #000;
207                 padding-left: 5px;
208         }
209
210         #navSearch, #navSearch .sb-inner { 
211                 background:#FFF; 
212                 padding-left: 2px;
213                 padding-right: 2px;
214         }
215         #navSearch .sb-border { background:#000; }
216
217         #searchHd, #searchHd .sb-inner{
218                 background: #000;
219                 text-align: center;
220         }
221         
222         
223         #navVolume{
224                 width: 100%;
225                 height: 75px;
226                 background: #000;
227                 padding-left: 0px;
228         }
229
230         #navVolume, #navVolume .sb-inner { 
231                 background:#FFF; 
232                 padding-left: 2px;
233                 padding-right: 2px;
234         }
235         #navVolume .sb-border { background:#000; }
236
237         #volHd, #volHd .sb-inner{
238                 background: #000;
239                 text-align: center;
240         }
241         
242         
243
244 /**************
245  Content
246  **************/
247         #content{
248                 float: left;
249                 background: #000;
250                 width: 833px;
251                 min-height: 308px;
252                 margin-left: 8px;
253         }
254
255         #content, #content .sb-inner { background:#FFF; padding: 2px}
256         #content .sb-border { background:#000; }
257
258         #contentHd, #contentHd .sb-inner{
259                 background: #000;
260                 color: #fff;
261         }
262
263         #epgSearch{ width: 120px; }
264         
265         .boxContent{
266                 color: #485052;
267                 padding: 3px;   
268         }
269         
270 /*****************
271 * Subnavigation
272 ******************/     
273         .navTable{
274                 width: 100%;
275         }
276         
277         
278         .navTable a:hover{
279                 background-color:#CCC;
280                 color: #485052;
281                 display: block;
282         }
283         
284 /*****************
285 * ServiceList
286 ******************/             
287         .sListSName a{
288                 display: block;
289                 margin-right: 5px;
290                 color: #485052;
291         }
292         
293         .sListSName a:hover{
294                 background-color:#CCC;
295                 color: #485052;
296                 display: block;
297         }
298         
299         .sListEPGItem{
300                 font-size:12px;
301                 margin: 0px;
302                 padding: 0px;
303         }
304         
305         .header{
306                 padding-top: 2px;
307                 padding-left: 4px;
308                 padding-right: 4px;
309                 display:block;
310                 height: 22px;
311         }
312
313         #container {
314                 margin: 0 auto;   /* align for good browsers */
315                 text-align: left; /* counter the body center */
316                 width: 1005px;
317         }
318
319         #contentTable{
320                 scrollbar: auto;
321                 width: 585px;
322         }
323         
324         #contentServices{
325                 vertical-align: top;            
326                 width: 585px;
327         }
328         
329         #contentBouquets{
330                 border-right: 1px solid #ccc;
331                 vertical-align: top;            
332                 width: 220px;
333         }
334
335         #contentMain{
336                 padding: 8px;
337                 margin-bottom: 5px;
338         }
339
340         #contentMain {
341                 clear: both;
342                 overflow-y: auto;
343                 width: 815px;
344                 color: #485052;
345         }
346
347         #contentMain div table {
348                 float: left;
349                 width: 599px;
350         }
351         
352         .sListItem{
353                 /*border-bottom: 2px solid #CCC;*/
354                 width: 580px;
355                 color: #485052;
356         }
357
358 /*****************
359 * ServiceList EPG
360 ******************/             
361         .epgStart{
362                 width: 50px;
363                 color: #485052;         
364         }
365         
366         .epgTitle{
367                 width: 430px;
368                 color: #485052;
369         }
370         
371         .epgLength{
372                 width: 100px;
373                 text-align: right;
374                 color: #485052;
375         }
376         
377         
378 /*****************
379 * MovieList EPG
380 ******************/     
381         .mListDetail{
382                 font-size: 12px;
383                 color: #485052;
384         }
385         
386         .mStart{
387                 width: 160px;   
388                 color: #485052; 
389         }
390         
391         .mTitle{
392                 width: 650px;
393                 color: #485052;
394         }
395         
396         .mLength{
397                 width: 90px;
398                 text-align: right;
399                 color: #485052;
400         }
401         
402 /*****************
403 * About
404 ******************/     
405         
406         #about{
407                 font-size: 12px;
408                 text-align: center;
409         }
410         
411         #about h1{
412                 font-size: 14px;
413         }
414         
415         #about a, #about a:hover, #about a:visited{
416                 text-decoration: underline;
417         }
418         
419         .aboutHeader {
420                 width:100%;
421                 color:#FFF;
422                 font-weight:bold;
423                 background-color:#000;
424         }
425
426         .about {
427                 border: 1px solid #CCC;
428                 width: 100%;
429                 margin: 0px;
430                 padding: 0px;           
431         }
432         
433         .about td{
434                 font-size:12px;
435         }
436
437         .aboutElementLeft{
438                 font-weight:bold;
439                 width: 50%;
440                 text-align: left;
441         }
442
443         .aboutElementRight{
444                 width: 50%;
445         }
446         
447         .w200h50{
448                 width: 200px;
449                 height: 50px;
450         }
451
452 /*****************
453 * Gears
454 ******************/     
455         .gearsButton{
456                 width: 125px;
457                 height: 50px;           
458         }
459         
460         .gearsEnabled{
461                 background-color: #85C247;
462         }
463         
464         .gearsDisabled{
465                 background-color: #FA3;
466         }
467         
468         .textRight{
469                 text-align: right;
470         }
471         
472         .textLeft{
473                 text-align: left;
474         }
475         
476         .textCenter{
477                 text-align: center;
478         }
479         
480 /*****************
481 * Timer
482 ******************/             
483         .tListItemTable{
484                 width: 100%;
485         }
486
487         .tListHead{
488                 /*background-color: #DDD; */
489         }
490
491         .tListSName{
492                 text-align: left;
493         }
494
495         .tListItem{
496 /*              background-color: #EEE; */
497                 font-weight: bold;
498                 font-size: 12px;
499         }
500         
501         .tListTitle{
502                 width: 150px;
503                 text-align: left;
504         }
505         
506         .tListDescr{
507                 width: 150px;
508                 text-align: left;
509         }
510         
511         .tListRepeat{
512                 width: 70px;
513                 text-align: left;
514         }
515         
516         .tListDuration{
517                 width: 70px;
518                 text-align: left;
519         }
520         
521         .tListBegin{
522                 width: 100px;
523                 text-align: left;
524         }
525         
526         .tListEnd{
527                 width: 100px;
528                 text-align: left;
529         }
530         
531         .tListAfter{
532                 width: 85px;
533                 text-align: left;
534         }
535         
536         .tListOption{
537                 width: 80px;
538                 text-align: center;
539         }
540         
541         .timerState0 {
542                 color: #485052;
543         }
544         
545         .timerState1 {
546                 color: #990000;
547         }
548         
549         .timerState2 {
550                 color: #009900;
551         }
552         
553         .timerState3 {
554                 color: #000099;         
555         }
556         
557 /*****************
558 * EPG List
559 ******************/                     
560         .epgListItem{
561                 font-size:12px;
562                 font-weight: bold;
563         
564         }
565         
566 /***************
567 * IE6 Hackstuff
568 ***************/
569
570         * html #banner{
571                 width: 1005px;
572                 height: 78px;
573         }
574         
575         * html #bannerRight{
576                 width: 120px;
577                 height: 60px;           
578         }
579
580         * html #nav{
581                 width: 99%;
582                 height: 250px;
583                 background: #000;
584                 padding-left: 5px;
585         }
586         
587         * html .navTable{
588                 width: 95%;
589         }