Mosaic wizard: audio stuff was missing
[vlc.git] / share / http / style.css
1 /*****************************************************************************
2  * style.css: VLC media player web interface
3  *****************************************************************************
4  * Copyright (C) 2005-2006 the VideoLAN team
5  * $Id$
6  *
7  * Authors: Antoine Cellerier <dionoea -at- videolan -dot- org>
8  *
9  * This program is free software; you can redistribute it and/or modify
10  * it under the terms of the GNU General Public License as published by
11  * the Free Software Foundation; either version 2 of the License, or
12  * (at your option) any later version.
13  *
14  * This program is distributed in the hope that it will be useful,
15  * but WITHOUT ANY WARRANTY; without even the implied warranty of
16  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
17  * GNU General Public License for more details.
18  *
19  * You should have received a copy of the GNU General Public License
20  * along with this program; if not, write to the Free Software
21  * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston MA 02110-1301, USA.
22  *****************************************************************************/
23
24 body {
25         background-color: #eee;
26         font-family: Arial, sans-serif;
27         font-size: 12pt;
28         text-align: center; /* Center on page - IE */
29         padding: 0px;
30         margin: 0px;
31 }
32
33 div {
34         padding: 0px;
35         margin: 0px;
36         text-align: left;
37 }
38
39 div.dialog {
40         width: 600px;
41         background: #fff;
42         border: solid #000 1px;
43         margin: 10px auto; /* Center on page - Firefox */
44         padding: 0px;
45         overflow: hidden; /* so that the title bar doesn't overflow on
46                            * firefox but still takes all the div's width
47                            * in IE */
48 }
49
50 div#footer {
51         font-size: 8pt;
52         text-align: center;
53 }
54
55 .btn_text {
56         display: none;
57 }
58
59 form {
60         display: inline;
61 }
62
63 input, textarea {
64         border: solid #000 1px;
65         background-color: #fff;
66 }
67
68 div.helper {
69         margin: 10px;
70         padding: 10px 0px;
71         border: solid 1px #000;
72 }
73 div.helper hr {
74         border: solid 1px #000;
75 }
76
77 div.title {
78         width: 100%/*576px*/; /* see overflow:hidden several lines 
79                                 * before for explanation */
80         background: #000 url('images/vlc16x16.png') no-repeat top left;
81         padding-left: 24px;
82         color: #fff;
83         font-weight: bold;
84 }
85 div.title button {
86         border: 1px none #000;
87         padding: 0px;
88         background-color: #000;
89         color: #fff;
90 }
91
92 div.controls {
93         width: 100%;
94         padding: 3px 5px;
95 }
96 div.controls button {
97         border: 1px solid #fff;
98         padding: 0px;
99         background-color: #fff;
100 }
101
102 div.list {
103         padding: 1em;
104 }
105 div.list_element {
106         padding-bottom: 0.3em;
107 }
108 div.list_element ul {
109         margin: 0px;
110 }
111
112 div#infotree ul {
113         padding: 0.4em;
114         margin: 0em;
115 }
116 div#infotree li {
117         font-weight: bold;
118         font-size: 0.8em;
119 }
120 div#infotree dl {
121         font-weight: normal;
122         padding: 0em 1em;
123 }
124 div#infotree dt {
125         text-decoration: underline;
126 }
127
128 div#playtree {
129         min-height: 150px;
130 }
131 div.pl_node {
132         padding-left: 20px;
133         font-style: italic;
134 }
135 a.pl_leaf {
136         font-style: normal;
137 }
138 a.pl_leaf:hover {
139         color: #f00;
140 }
141 img {
142         border: 0px none black;
143 }
144
145 div.popup {
146         background-color: #fff;
147         overflow: hidden;
148         border: solid #888 1px;
149         margin: 10px auto; /* Center on page - Firefox */
150         position: absolute;
151         z-index: 2;
152         font-size: 0.8em;
153 }
154 div#browse {
155         width: 70%;
156         left: 15%;
157 }
158 div#browse div.title {
159         background-color: #008;
160 }
161
162 div#browser {
163         padding: 20px;
164 }
165
166 div#mosaic_list {
167         width: 50%;
168         left: 25%;
169         background: url('images/white.png') repeat;
170         display: none;
171 }
172
173 .mosaic_bg {
174         background-color: #aaf;
175 }
176 .mosaic_tbl {
177         background-color: #faa;
178 }
179 .mosaic_itm {
180         background-color: #afa;
181 }
182 div#mosaic_layout {
183         border: 0px solid #000;
184         padding: 0px;
185         margin: 10px auto;
186 }
187
188 div#mosaic_dt {
189         border: 0px solid #000;
190         position: relative;
191 }
192 table#mosaic_table {
193         border-spacing: 0px 0px;
194         position: relative;
195 }
196 table#mosaic_table tr {
197         padding: 0px;
198         margin: 0px;
199 }
200 table#mosaic_table td {
201         border: 0px solid #000;
202         text-align: center;
203         padding: 0px;
204         margin: 0px;
205 }
206 table#mosaic_table input {
207         border: 0px;
208         background: transparent;
209         text-align: center;
210 }
211 textarea#mosaic_code {
212         padding: 0px;
213         display: block;
214         margin: 10px auto;
215 }
216
217 div.controls button.on {
218         background-color: #aaa;
219 }
220
221 div.controls button.off {
222         background-color: #fff;
223 }
224
225 div.menubtn {
226         display: inline;
227 }
228
229 div.menu {
230         position: absolute;
231         border: 1px solid #ccc;
232         padding: 5px;
233         margin-top: -5px;
234         background: url('images/white.png') repeat;
235         z-index: 2;
236         display: none;
237 }
238
239 div.menu button {
240         background: transparent;
241 }
242 div.menu button.menuout {
243         border: 1px solid transparent;
244 }
245 div.menu button.menuover {
246         border: 1px solid #000;
247 }
248
249 div.popup img.close {
250         position: absolute;
251         right: 2px;
252         top: 2px;
253 }