* respect volume boundaries
[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: 250px;            
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         }
70         
71         #banner a, #banner a:visited, #banner a:active{
72                 color: #FFF;
73                 text-decoration: none;
74         }
75         
76         #bannerText{
77                 margin-bottom: 10px;
78                 padding-left: 2px;
79                 padding-top: 6px;
80         }
81
82         #bannerLeft{
83                 width: 600px;
84                 float: left;
85         }
86         
87         #bannerRight{
88                 width: 162px;
89                 text-align: right;
90                 height: 60px;
91                 float: left;
92         }
93         
94         #bannerRight img{
95                 padding-top: 5px;
96         }
97                 
98         #mainMenu{
99                 background-color: #485052;
100                 text-align: center;
101                 overflow:hidden; 
102                 background: #000; 
103                 margin: 0; 
104                 padding: 0; 
105                 width: 600px;
106         }
107
108         #mainMenu li{
109                 list-style: none;
110                 float: left;
111                 width: 130px;
112                 height: 21px;
113                 margin-left: 2px;
114         }
115
116         #mainMenu li { background-color: #485052; }
117
118         #mainMenu a{ display:block; padding: 1px; }
119
120         #mainMenu li:hover, { background: #AAA; }
121         #mainMenu li.hover, { background: #AAA; }
122         
123 /**************
124  vlcPlayer
125  **************/        
126
127         #vlcPlayer {
128                 margin: 0px;
129                 padding: 0px;
130         }
131         
132         #vlcButtons{
133                 background-color: #000;
134                 border-top: 1px solid #FFF;
135         }
136         
137         #volumeTable{
138                 width: 100%;
139                 text-align: right;
140         }
141         
142         #vlcVolume{
143                 width: 30px;
144         }
145 /**************
146  Content
147  **************/
148         #content{
149                 width: 768px;
150                 min-height: 308px;
151                 margin: 0px;
152                 padding: 0px;
153         }
154                         
155 /***************
156 * IE6 Hackstuff
157 ***************/
158
159         * html #banner{
160                 width: 772px;
161                 height: 78px;
162         }
163         
164         * html #bannerRight{
165                 width: 120px;
166                 height: 60px;           
167         }
168
169         * html #nav{
170                 width: 99%;
171                 height: 250px;          
172                 padding-left: 5px;
173         }
174         
175         * html .navTable{
176                 width: 95%;
177         }