Changes for the function delTimer. Now, the new WebInterface can delete timers too.
[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: 450px;
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: 780px;
48 }
49
50 /* define width of table. IE browsers only                 */
51 div.BodyContentChannellist table {
52         float: left;
53         width: 760px;
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: 780px;
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 }
69
70 /* set THEAD element to have block level attributes. All other non-IE browsers            */
71 /* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
72 html>body thead.fixedHeader tr {
73         display: block
74 }
75
76 /* make the TH elements pretty */
77 thead.fixedHeader th {
78         background: #0066CC;
79         border: 0px;
80         font-weight: normal;
81         padding: 4px 3px;
82         text-align: left
83 }
84
85 /* make the A elements pretty. makes for nice clickable headers                */
86 thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited {
87         color: #FFF;
88         display: block;
89         text-decoration: none;
90         width: 100%
91 }
92
93 /* make the A elements pretty. makes for nice clickable headers                */
94 /* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */
95 thead.fixedHeader a:hover {
96         color: #FFF;
97         display: block;
98         text-decoration: underline;
99         width: 100%
100 }
101
102 /* define the table content to be scrollable                                              */
103 /* set TBODY element to have block level attributes. All other non-IE browsers            */
104 /* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
105 /* induced side effect is that child TDs no longer accept width: auto                     */
106 html>body tbody.scrollContent {
107         display: block;
108         height: 422px;
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         padding: 0;
146         width:920px;
147         height:700px; 
148         text-align: left;
149         margin: 2px 2px 2px;
150         vertical-align: top;
151         cursor: default;
152 }
153
154 #Content{
155         vertical-align: top;
156         border: 1px solid #006699; 
157         float: left;
158         background-color: #FFFFFF;
159         width: 800px;
160         height: 99%;     
161 }
162
163 #CurrentService { 
164         font-family:Arial,sans-serif;
165         font-size:14px;
166         font-weight:bold;
167         
168         float:left;
169         background-color: #0066CC;
170         color: #FFFFFF;
171         
172         width:50%;
173         height:20px;
174 }
175 #VolumePanel { 
176         font-family:Arial,sans-serif;
177         font-size:14px;
178         font-weight:bold;
179         
180         float:left;
181         background-color: #0066CC;
182         color: #FFFFFF;
183         
184         width:25%;
185         height:20px;
186 }
187
188 #CurrentTime { 
189         font-family:Arial,sans-serif;
190         font-size:14px;
191         font-weight:bold;
192         
193         float:left;
194         text-align:right;
195         background-color: #0066CC;
196         color: #FFFFFF;
197         
198         width:20%;
199         height: 20px;
200 }
201 #SignalPanel { 
202         font-family:Arial,sans-serif;
203         font-size:14px;
204         font-weight:bold;
205         
206         float:left;
207
208         background-color: #0066CC;
209         color: #FFFFFF;
210         text-align:right;
211
212         width:5%;
213         height:20px;
214 }
215
216
217 #ServiceInfo{
218         width:800px;
219         height: 20px;
220         border-bottom: 1px solid #000000;
221         float:none;
222         clear:both;
223         padding: 0 0 0;
224         margin: 0 0 0;
225         background-color: #0066CC;
226 }
227
228 #nav{
229         vertical-align: top;
230         border-top: 1px solid #006699;
231         border-left: 1px solid #006699;
232         border-bottom: 1px solid #006699; 
233         float: left;
234         padding: 0;
235         margin: 0;
236         height:99%;
237         width: 117px;
238 }
239
240 #navTable{
241         background-color: #99CCFF;
242         vertical-align: middle;
243         font-size: 14px;
244         font-weight: bold;
245         width: 100%;
246         margin:0 0 0 0;
247         padding:0 0 0 0;
248 }
249
250 #NavHd{
251         background-color: #0066CC;
252         color: #FFFFFF;
253         font-size:10px;
254         font-weight: bold;
255         height: 20px;
256         vertical-align: middle;
257 }
258 #RequestIndicator{
259         display: inline;
260         vertical-align: middle;
261         font-size:14px;
262         font-weight: bold;
263         height:20px;
264 }
265
266 #EventNowNext{
267 }
268
269 #updates{
270         visibility: hidden;
271 }
272
273 .navMenuPanel{
274         background-color: #BBBBBB;
275 }
276 .navMenuHeader{
277         font-size: 14px;
278         border-top: 1px solid #000000;
279         height: 20px;
280 }
281
282 .navMenuContent{
283         font-size: 12px;
284         background-color: #EEEEEE;
285         border: 0px;
286 }
287 .navMenuItem{
288         font-size: 12px;
289 }
290
291 .divblock{
292         width:100%;
293         float:none;
294         clear:both;
295 }
296
297 .event{
298         font-size:12px;
299         width:100%;
300         font-weight:bold;
301         background-color: #DDEEFF;
302         margin-bottom: 1px;
303         cursor:help;
304 }
305 .eventRA{
306         font-size:12px;
307         width:100%;
308         font-weight:bold;
309         text-align:right;
310         background-color: #DDEEFF;
311         margin-bottom: 1px;
312         cursor:help;
313 }
314 .eventExtDesc{
315         color: #777777;
316         background-color: #FFFFFF;
317         font-size:12px;
318         margin-bottom: 1px;
319         width:100%;
320 }
321
322 .bgMain{
323         background-color: #FFFFFF;
324         width: 100%;
325 }
326 .sListHeader{
327         font-size: 14px;
328         float:left;
329         width:50%;
330 }
331 .sListSearch{
332         font-size: 14px;
333         float:left;
334         width:50%;
335         text-align: right;
336 }
337 form.sListSearch{
338         text-align: right;
339 }
340 .sListSName{
341         font-size: 14px;
342         font-weight: bold;
343         float:left;
344         width:661px;
345 }
346
347 a.sListSLink{
348         display: block;
349         width: 656px;
350         height: 100%;
351         text-decoration: none;
352 }
353
354 a.sListSLink:hover{
355         background-color: #DDDDDD;
356 }
357
358 .sListExt{
359         border-left: 1px solid #CCC;
360         float:left;
361         width:75px;
362         text-align: right;
363 }
364
365 .sListEPGTime{
366         float:left;
367         width:60px;
368         text-align: left;
369 }
370 .sListEPGTitle{
371         border-left: 1px solid #CCC;
372         border-right: 1px solid #CCC;
373         float: left;
374         width:600px; 
375         text-align: left;
376 }
377 .sListEPGDuration{
378         float:left;
379         width:75px;
380         text-align: right;
381 }
382 #TimerColor0 {
383         color: #000000;
384 }
385 #TimerColor1 {
386         color: #00BCBC;
387         background-color: #DDDDDD;
388 }
389 #TimerColor2 {
390         color: #9F1919;
391         background-color: #DDDDDD;
392 }
393 #TimerColor3 {
394         color: #00BCBC;
395         background-color: #DDDDDD;
396 }