* add browse dialog for file input (this needs some authentification ... but
[vlc.git] / share / http / style.css
1 /*****************************************************************************
2  * style.css: VLC media player web interface
3  *****************************************************************************
4  * Copyright (C) 2005 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., 59 Temple Place - Suite 330, Boston, MA  02111, 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 }
30
31 div {
32         padding: 0px;
33         margin: 0px;
34         text-align: left;
35 }
36
37 div#main, div#playlist, div#input, div#sout, div#footer {
38         width: 600px;
39         background: #fff;
40         border: solid #000 1px;
41         margin: 10px auto; /* Center on page - Firefox */
42         padding: 0px;
43         overflow: hidden; /* so that the title bar doesn't overflow on
44                            * firefox but still takes all the div's width
45                            * in IE */
46 }
47
48 div#footer {
49         font-size: 8pt;
50         text-align: center;
51 }
52
53 .btn_text {
54         display: none;
55 }
56
57 form {
58         display: inline;
59 }
60
61 input {
62         border: solid #000 1px;
63         background-color: #fff;
64 }
65
66 div#sout_helper, div#input_helper {
67         margin: 10px;
68         border: solid #ccc 2px;
69 }
70 div#sout_helper hr, div#input_helper hr {
71         border: solid #ccc 1px;
72 }
73
74 div.title {
75         width: 100%/*576px*/; /* see overflow:hidden several lines 
76                                 * before for explanation */
77         background: #000 url('images/vlc16x16.png') no-repeat top left;
78         padding-left: 24px;
79         color: #fff;
80         font-weight: bold;
81 }
82 div.title button {
83         border: 1px none #000;
84         padding: 0px;
85         background-color: #000;
86         color: #fff;
87 }
88
89 div.controls {
90         width: 100%;
91         padding: 3px 5px;
92 }
93 div.controls button {
94         border: 1px none #000;
95         padding: 0px;
96         background-color: #fff;
97 }
98
99 ul#list, ul#list ul {
100         list-style-type: none;
101         padding-top: 0px;
102         margin-top: 0px;
103         padding-left: 1em;
104 }
105
106 div.pl_node, a.pl_leaf {
107         padding-left: 20px;
108 }
109 div.pl_node {
110         font-style: italic;
111 }
112 a.pl_leaf, a.browser {
113         font-style: normal;
114         color: #00f;
115         text-decoration: underline;
116         display: block;
117 }
118 a.pl_leaf:hover {
119         background-color: #ffd;
120 }
121
122 div#browse {
123         background-color: #fff;
124         width: 70%;
125         overflow: hidden;
126         border: solid #888 1px;
127         margin: 10px auto; /* Center on page - Firefox */
128         position: absolute;
129         left: 15%;
130         z-index: 1;
131 }
132 div#browse div.title {
133         background-color: #008;
134 }
135 div#browser {
136         padding: 20px;
137 }