add some EPG-related Information for currently playing service.
[enigma2-plugins.git] / webinterface / src / web-data / tpl / default / streaminterface / 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         #notification{          
21                 color: #000;
22                 width: 500px;
23                 height: 50px;
24                 position: absolute;
25                 top: 0px;
26                 left: 134px;
27                 text-align: center;
28                 vertical-align: bottom;
29                 z-index: 2;             
30         }
31
32 /***********************
33  GENERAL
34  ***********************/
35
36         .odd{
37                 background-color: #FFF;
38         }
39         
40         .even{
41                 background-color: #DDD;
42         }
43         
44         .fullwidth {
45                 width: 100%;
46         }
47         
48         .center {
49                 text-align: center;
50         }
51         
52         #container {
53                 margin: 0 auto;   /* align for good browsers */
54                 text-align: left; /* counter the body center */
55                 width: 768px;
56                 border: 2px solid #DDD;
57         }
58 /***********************
59  BANNER with MainMenu
60  ***********************/
61
62         #banner{
63                 width: 762px;
64                 height: 70px;
65                 background-color: #000;
66                 padding-left: 5px;
67                 margin-bottom: 0px;
68                 border-bottom: 1px solid #FFF;
69                 position: relative;
70         }
71         
72         #banner a, #banner a:visited, #banner a:active{
73                 color: #FFF;
74                 text-decoration: none;
75         }
76         
77         #bannerText{
78                 margin-bottom: 10px;
79                 padding-left: 2px;
80                 padding-top: 6px;
81         }
82
83         #bannerLeft{
84                 width: 600px;
85                 float: left;
86         }
87         
88         #bannerRight{
89                 width: 162px;
90                 text-align: right;
91                 height: 60px;
92                 float: left;
93         }
94         
95         #bannerRight img{
96                 padding-top: 5px;
97         }
98                 
99         #mainMenu{
100                 background-color: #485052;
101                 text-align: center;
102                 overflow:hidden; 
103                 background: #000; 
104                 margin: 0; 
105                 padding: 0; 
106                 width: 600px;
107         }
108
109         #mainMenu li{
110                 list-style: none;
111                 float: left;
112                 width: 130px;
113                 height: 21px;
114                 margin-left: 2px;
115         }
116
117         #mainMenu li { background-color: #485052; }
118
119         #mainMenu a{ display:block; padding: 1px; }
120
121         #mainMenu li:hover, { background: #AAA; }
122         #mainMenu li.hover, { background: #AAA; }
123         
124 /**************
125  vlcPlayer
126  **************/        
127
128         #vlcPlayer {
129                 margin: 0px;
130                 padding: 0px;
131         }
132         
133         #vlcButtons{
134                 background-color: #000;
135                 border-top: 1px solid #FFF;
136         }
137         
138         #volumeTable{
139                 width: 100%;
140                 text-align: right;
141         }
142         
143         #vlcVolume{
144                 width: 30px;
145         }
146         
147 /**************
148  Content
149  **************/
150         #content{
151                 width: 768px;
152                 min-height: 308px;
153                 margin: 0px;
154                 padding: 0px;
155         }
156         
157 /**************
158  Current
159  **************/        
160         #currentTable{
161                 padding-left: 2px;
162                 padding-top: 3px;
163                 width: 100%;
164         }
165         
166         #currentDuration{
167                 text-align: right;
168         }
169                         
170 /***************
171 * IE6 Hackstuff
172 ***************/
173
174         * html #banner{
175                 width: 772px;
176                 height: 78px;
177         }
178         
179         * html #bannerRight{
180                 width: 120px;
181                 height: 60px;           
182         }
183
184         * html #nav{
185                 width: 99%;
186                 height: 250px;          
187                 padding-left: 5px;
188         }
189         
190         * html .navTable{
191                 width: 95%;
192         }