nicer ;)
[enigma2-plugins.git] / webinterface / src / web-data / style.css
1 /*
2 .rtop, .rbottom{display:block}
3 .rtop *, .rbottom *{display: block; height: 1px; overflow: hidden}
4 .r1{margin: 0 5px}
5 .r2{margin: 0 3px}
6 .r3{margin: 0 2px}
7 .r4{margin: 0 1px; height: 2px}
8 */
9 body {  
10         text-align:left;
11         vertical-align: top;
12         margin:0px; 
13         font-family:Arial,sans-serif;
14         font-size: 14px;
15         background-color:#EEEEEE;
16         color:#444444;
17         cursor: default;
18 }
19
20 a:link { color:#444444; }
21 a:visited { color:#444444; }
22 a:active { color:#444444; }
23
24 hr{ border: 1px solid #BBBBBB; 
25         margin-left: 3px;
26         margin-right: 3px;
27 }
28
29 form{
30         margin: 0px;
31         padding: 0px;
32 }
33
34 /**************************************************************
35 Make the ServiceList Table scrollable**************************
36 ***************************************************************/
37
38 /* define height and width of scrollable area. Add 16px to width for scrollbar          */
39 div.BodyContentChannellist {
40         clear: both;
41         border: 1px solid #000;
42         height: 450px;
43         overflow: auto;
44         margin: 0 9 0;
45 /*      width: 780px; */
46 }
47
48
49 /* Reset overflow value to hidden for all non-IE browsers. */
50 html>body div.BodyContentChannellist {
51         overflow: hidden;
52         width: 780px;
53 }
54
55 /* define width of table. IE browsers only                 */
56 div.BodyContentChannellist table {
57         float: left;
58         width: 760px;
59 }
60
61 /* define width of table. Add 16px to width for scrollbar.           */
62 /* All other non-IE browsers.                                        */
63 html>body div.BodyContentChannellist table {
64         width: 780px;
65 }
66
67 /* set table header to a fixed position. WinIE 6.x only                                       */
68 /* In WinIE 6.x, any element with a position property set to relative and is a child of       */
69 /* an element that has an overflow property set, the relative value translates into fixed.    */
70 /* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
71 thead.fixedHeader tr {
72         position: relative
73 }
74
75 /* set THEAD element to have block level attributes. All other non-IE browsers            */
76 /* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
77 html>body thead.fixedHeader tr {
78         display: block
79 }
80
81 /* make the TH elements pretty */
82 thead.fixedHeader th {
83         background: #0066CC;
84         border: 0px;
85         font-weight: normal;
86         padding: 4px 3px;
87         text-align: left
88 }
89
90 /* make the A elements pretty. makes for nice clickable headers                */
91 thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited {
92         color: #FFF;
93         display: block;
94         text-decoration: none;
95         width: 100%
96 }
97
98 /* make the A elements pretty. makes for nice clickable headers                */
99 /* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */
100 thead.fixedHeader a:hover {
101         color: #FFF;
102         display: block;
103         text-decoration: underline;
104         width: 100%
105 }
106
107 /* define the table content to be scrollable                                              */
108 /* set TBODY element to have block level attributes. All other non-IE browsers            */
109 /* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
110 /* induced side effect is that child TDs no longer accept width: auto                     */
111 html>body tbody.scrollContent {
112         display: block;
113         height: 422px;
114         overflow: auto;
115         width: 100%;
116 }
117
118 /* make TD elements pretty. Provide alternating classes for striping the table */
119 /* http://www.alistapart.com/articles/zebratables/                             */
120
121
122 tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
123         background: #FFF;
124         border-bottom: none;
125         border-left: none;
126         border-right: 1px solid #CCC;
127         border-top: 1px solid #DDD;
128         padding: 2px 3px 3px 4px
129 }
130
131 /* define width of TH elements: 1st, 2nd, and 3rd respectively.          */
132 /* Add 16px to last TH for scrollbar padding. All other non-IE browsers. */
133 /* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
134 html>body thead.fixedHeader th {
135         width: 780px; 
136 }
137
138 /* define width of TD elements: 1st, 2nd, and 3rd respectively.          */
139 /* All other non-IE browsers.                                            */
140 /* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
141 html>body tbody.scrollContent td {
142         width: 764px; 
143 }
144
145 /****************************************
146 normal stylesheet-stuff******************
147 *****************************************/
148
149 #Main{
150         padding: 0;
151         width:920px;
152         height:700px; 
153         text-align: left;
154         margin: 2 2 2;
155         vertical-align: top;
156         cursor: default;
157 }
158
159 #Content{
160         vertical-align: top;
161         border: 1px solid #006699; 
162         float: left;
163         background-color: #FFFFFF;
164         width: 800px;
165         height: 99%;     
166 }
167
168 #CurrentService { 
169         font-family:Arial,sans-serif;
170         font-size:14px;
171         font-weight:bold;
172         
173         float:left;
174         background-color: #0066CC;
175         color: #FFFFFF;
176
177         width:50%;
178         height:20px;
179 }
180 #VolumePanel { 
181         font-family:Arial,sans-serif;
182         font-size:14px;
183         font-weight:bold;
184         
185         float:left;
186         background-color: #0066CC;
187         color: #FFFFFF;
188
189         width:25%;
190         height:20px;
191 }
192
193 #CurrentTime { 
194         font-family:Arial,sans-serif;
195         font-size:14px;
196         font-weight:bold;
197         
198         float:left;
199         text-align:right;
200         background-color: #0066CC;
201         color: #FFFFFF;
202         
203         width:20%;
204         height: 20px;
205 }
206 #SignalPanel { 
207         font-family:Arial,sans-serif;
208         font-size:14px;
209         font-weight:bold;
210         
211         float:left;
212
213         background-color: #0066CC;
214         color: #FFFFFF;
215         text-align:right;
216
217         width:5%;
218         height:20px;
219 }
220
221
222 #ServiceInfo{
223         width:800px;
224         float:none;
225         clear:both;
226         padding: 0 0 0;
227         margin: 0 0 0;
228         background-color: #0066CC;
229 }
230
231 #nav{
232         vertical-align: top;
233         border-top: 1px solid #006699;
234         border-left: 1px solid #006699;
235         border-bottom: 1px solid #006699; 
236         float: left;
237         padding: 0;
238         margin: 0;
239         height:99%;
240         width: 117px;
241 }
242
243 #navTable{
244         background-color: #99CCFF;
245         vertical-align: middle;
246         font-size: 14px;
247         font-weight: bold;
248         width: 100%;
249         margin:0px;
250         padding:0px;
251 }
252
253
254 td.navEl{
255         border-bottom: 1px solid #000000;
256         height: 35px;
257         padding: 0px;
258         width:100%;
259         height:100%;     
260 }
261
262 a.navEl:link { color:#444444; }
263 a.navEl:visited { color:#444444; }
264 a.navEl:active { color:#444444; }
265
266 a.navEl{
267         text-decoration: none;
268         color: #999999;
269         display: block;
270         width:100%;
271         height:35px;
272         background-image: url(img/bg_nav_btn.png); 
273         background-repeat: repeat-x; 
274 }
275
276 a.navEl:hover{
277         color:#000000;
278         background-image: url(img/bg_nav_btn_hover.png); 
279         background-repeat: repeat-x; 
280 }
281
282
283 #NavHd{
284         background-color: #0066CC;
285         color: #FFFFFF;
286         font-weight: bold;
287         height: 20px;
288         vertical-align: middle;
289 }
290
291 #EventNowNext{
292 }
293
294 #updates{
295         visibility: hidden;
296 }
297
298
299 .divblock{
300         width:100%;
301         float:none;
302         clear:both;
303 }
304
305 .event{
306         font-size:12px;
307         width:100%;
308         font-weight:bold;
309         background-color: #DDEEFF;
310         margin-bottom: 1px;
311         cursor:help;
312 }
313 .eventRA{
314         font-size:12px;
315         width:100%;
316         font-weight:bold;
317         text-align:right;
318         background-color: #DDEEFF;
319         margin-bottom: 1px;
320         cursor:help;
321 }
322 .eventExtDesc{
323         color: #777777;
324         background-color: #FFFFFF;
325         font-size:12px;
326         margin-bottom: 1px;
327         width:100%;
328 }
329
330 .bgMain{
331         background-color: #FFFFFF;
332         width: 100%;
333 }
334 .sListHeader{
335         float:left;
336         width:50%;
337 }
338 .sListSearch{
339         float:left;
340         width:50%;
341         text-align: right;
342 }
343 form.sListSearch{
344         text-align: right;
345 }
346 .sListSName{
347         float:left;
348         width:700px;
349 }
350
351 a.sListSLink{
352         display: block;
353         width:700px;
354         text-decoration: none;
355 }
356
357 a.sListSLink:hover{
358         background-color: #DDDDDD;
359 }
360
361 .sListExt{
362         float:left;
363         width:55px;
364         text-align: right;
365 }
366
367