AutoTimer WebIf: Changed service restriction width
[enigma2-plugins.git] / autotimer / src / web-data / style.css
1         html, body{
2                 font-family: Tahoma, Sans-Serif;
3                 font-size: 14px;
4                 font-weight: bold;
5                 color: #fff;
6                 text-align: center;
7                 background: #555
8         }
9
10         a, a:visited, a:active{
11                 color: #485052;
12                 text-decoration: none;
13         }
14
15         img{
16                 border: 0px;
17         }
18
19         hr{
20                 margin: 0px;
21                 padding: 0px;
22                 height: 1px;
23                 color: grey;
24                 background-color: grey;
25                 border: none;
26         }
27         
28         form{
29                 margin: 2px;            
30         }
31
32         #notification{          
33                 color: #000;
34                 width: 50%;
35                 height: 32px;
36                 position: absolute;
37                 top: 0px;
38                 left: 25%;              
39                 text-align: center;
40                 vertical-align: bottom;
41                 z-index: 2;             
42         }
43
44
45 /***********************
46  WAP
47  ***********************/
48
49         .wap a, .wap a:visited, .wap a:active{
50                 color: #fff;            
51         }
52
53
54 /***********************
55  GENERAL
56  ***********************/
57         .black{
58                 background: #000;
59         }
60         
61         .odd{
62                 background-color: #FFF;
63         }
64         
65         .even{
66                 background-color: #DDD;
67         }
68         
69         .fullwidth {
70                 width: 100%;
71         }
72
73         .halfwidth {
74                 width: 50%;
75         }
76         
77         .center {
78                 text-align: center;
79         }
80
81         .buttonbar {
82                 margin: 5px;
83         }
84
85 /***********************
86  BANNER with MainMenu
87  ***********************/
88
89         #banner{
90                 width: 1000px;
91                 height: auto;
92                 background: #000;
93                 padding-left: 5px;
94                 margin-bottom: 8px;
95         border-radius: 5px;
96         -webkit-border-radius: 5px;
97         -moz-border-radius: 5px;
98         }
99         
100         #banner a, #banner a:visited, #banner a:active{
101                 color: #FFF;
102                 text-decoration: none;
103         }
104         
105         #bannerText{
106                 margin-bottom: 5px;
107                 padding-left: 2px;
108                 padding-top: 6px;
109         }
110
111         #bannerLeft{
112                 width: 940px;
113                 float: left;
114         }
115         
116         #bannerCenter{
117                 padding: 10px;
118                 text-align: center;
119                 vertical-align: middle;
120                 height: auto;
121         }
122         
123         #powerState{
124                 border: 0px;
125                 margin-left: 93px;
126                 text-align: right;
127         }
128         
129         #bannerRight{
130                 width: 50px;
131                 text-align: right;
132                 height: 60px;
133                 float: left;
134         }
135         
136         #bannerRight img{
137                 padding-top: 5px;
138         }
139                 
140         #menu{
141                 width: 999px;
142                 height: auto;
143                 background: #000;
144                 padding-left: 3px;
145                 padding-right: 3px;
146                 padding-bottom: 1px;
147                 margin-bottom: 8px;
148         border-radius: 5px;
149         -webkit-border-radius: 5px;
150         -moz-border-radius: 5px;        
151         }
152         
153         #menuTable{
154                 width: 100%;
155                 height: auto;
156                 vertical-align: middle;
157                 margin: 0px;
158                 padding: 3px;
159         }
160
161         #menuLeft{
162                 overflow:hidden;
163                 width: 30%;
164                 height: auto;
165                 text-align: left;
166         }
167
168         #menuRight{
169                 overflow:hidden;
170                 width: 70%;
171                 height: auto;
172                 text-align: right;
173         }
174
175         .inline{
176                 display: inline;
177         }
178
179 /***************
180  AutoTimer Overview
181  ***************/
182
183         #navContainer{
184                 float:left;
185                 width: 320px;
186         }
187          
188         #nav{
189                 width: 100%;
190                 min-height: 308px;
191                 background: #FFF;
192                 border: 2px solid #000;
193                 border-radius: 5px;
194     -webkit-border-radius: 5px;
195         -moz-border-radius: 5px;
196         }
197
198         #navHd{
199                 background: #000;
200         }
201
202         #navContent{
203                 color: #485052;
204         }
205
206         #navSearch{
207                 width: 100%;
208                 height: 61px;
209                 background: #FFF;
210                 margin-top: 8px;
211                 border: 2px solid #000;
212                 border-radius: 5px;
213     -webkit-border-radius: 5px;
214     -moz-border-radius: 5px;
215         }
216
217         #searchHd{
218                 background: #000;
219                 text-align: center;
220                 width: 153px;
221         }
222         
223         #navVolume{
224                 width: 100%;
225                 height: 75px;
226                 background: #FFF;
227                 margin-top: 8px;
228                 border: 2px solid #000;
229                 border-radius: 5px;
230     -webkit-border-radius: 5px;
231     -moz-border-radius: 5px;
232         }
233
234         #volHd{
235                 background: #000;
236                 text-align: center;
237                 width: 153px;
238         }
239         
240         .tabOverview{
241                 width: 100%;
242         }
243         .overview{
244                 width: 100%;
245                 margin : 0px;
246                 padding: 0px;
247                 border: 0px
248         }
249         .enabled{
250                 background-color: #58FA58;
251         }
252         .disabled{
253                 background-color: #D8D8D8;
254         }
255
256
257 /**************
258  AutoTimer Editor
259  **************/
260         #contentContainer{
261                 float: left;
262                 background: #FFF;
263                 width: 673px;
264                 min-height: 308px;
265                 margin-left: 8px;
266                 border: 2px solid #000;         
267                 border-radius: 5px;
268                 -webkit-border-radius: 5px;
269                 -moz-border-radius: 5px;
270         }
271         #content{
272         }
273         #contentHd{
274                 background: #000;
275         }
276         #contentHdExt{
277                 background: #000;               
278                 dipslay:block;
279         }
280         .tabEditor{
281                 width: 100%;
282                 color: #485052;
283         }
284         .editor{
285                 margin-top: 5px;
286                 margin-bottom: 5px;
287                 width: 100%;
288         }
289         
290         .optionTitle{
291                 padding-left: 5px;
292                 padding-right: 5px;
293                 padding-bottom: 5px;
294                 white-space: nowrap;
295                 /*vertical-align:top;*/
296         }
297         .optionContent{
298                 height: 25px;
299                 font-weight: normal;
300                 padding: 2px;
301         }
302         .optionMain{
303                 padding-right: 2px;
304                 /*vertical-align:top;*/
305         }
306         .optionSub{
307                 padding-left: 5px;
308         }
309         
310         .input,.select, a.tags, .list tr {
311                 font-family: Tahoma, Sans-Serif;
312                 font-size: 14px;
313                 font-weight: normal;
314                 border: 1px solid #CCC;
315                 background-color: #fff;
316                 color: #485052;
317                 margin: 2px;
318         }
319         .text{
320                 width: 350px;
321         }
322         
323         a.tags {
324                 margin: 3px 0px 3px 0px;
325                 padding: 3px;
326                 display: inline-block;
327         }
328         a.tags:hover {
329     box-shadow: 0 0 5px #485052;
330     -webkit-box-shadow: 0 0 5px #485052; 
331     -moz-box-shadow: 0 0 5px #485052; 
332         }
333         a.selected {
334                 background: #FFFF99;
335         }
336         a.selected:hover {
337     box-shadow: 0 0 5px #485052;
338     -webkit-box-shadow: 0 0 5px #485052; 
339     -moz-box-shadow: 0 0 5px #485052; 
340         }
341         
342         .list{
343                 border-collapse: collapse;
344                 margin: 3px;
345         }
346         .list td{
347                 padding: 3px; 
348         }
349         .list .nopadding{
350                 padding: 0px; 
351         }
352         .list tr:hover{
353                 background: none repeat scroll 0 0 #D8D6D0;
354         }
355         
356         .list .add{
357                 width : 30px;
358                 cursor: pointer;
359                 background-image:url("add.png");
360                 background-position:center center; background-repeat:no-repeat;
361         }
362         .list .remove{
363                 width : 30px;
364                 cursor: pointer;
365                 background-image:url("remove.png");
366                 background-position:center center; background-repeat:no-repeat;
367         }
368         
369         .invisible{
370                 display: none;
371         }
372         
373         .fixedwidth{
374                 width : 150px;
375         }
376         
377         .fixedwidthbouquet{
378                 width : 150px;
379         }
380         
381         .fixedwidthservice{
382                 width : 240px;
383         }
384         
385         .timepicker{
386                 display: inline;
387                 background-image:url("clock.png");
388                 background-position:96% center; background-repeat:no-repeat;
389         }
390         .timepicker:hover{
391                 cursor: pointer;
392                 background-image:url("clock_hover.png");
393                 background-position:96% center; background-repeat:no-repeat;
394         }
395         
396         .datepicker{
397                 display: inline;
398                 background-image:url("calendar.png");
399                 background-position:98% center; background-repeat:no-repeat;
400         }
401         .datepicker:hover{
402                 cursor: pointer;
403                 background-image:url("calendar_hover.png");
404                 background-position:98% center; background-repeat:no-repeat;
405         }
406         
407
408
409 /*****************
410 * General
411 ******************/
412
413         #container {
414                 margin: 0 auto;   /* align for good browsers */
415                 text-align: left; /* counter the body center */
416                 width: 1005px;
417         }
418
419         .header{
420                 padding-top: 2px;
421                 padding-left: 4px;
422                 padding-right: 4px;
423                 display: block;
424                 height: 22px;
425         }
426
427         .headerindent{
428                 margin-left: 5px;
429         }
430
431
432 /***************
433 * IE6 Hackstuff
434 ***************/
435
436         * html #banner{
437                 width: 1005px;
438                 height: 78px;
439         }
440         
441         * html #bannerRight{
442                 width: 120px;
443                 height: 60px;           
444         }
445
446         * html #nav{
447                 width: 99%;
448                 height: 250px;
449                 background: #000;
450                 padding-left: 5px;
451         }
452         
453         * html .navTable{
454                 width: 95%;
455         }