main, functions.js, slider_*.png : add position slider
[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 }
30
31 div {
32         padding: 0px;
33         margin: 0px;
34         text-align: left;
35 }
36
37 div.dialog {
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.helper {
67         margin: 10px;
68         border: solid #ccc 2px;
69 }
70 div.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 solid #fff;
95         padding: 0px;
96         background-color: #fff;
97 }
98
99 div.list {
100         padding: 1em;
101 }
102 div.list_element {
103         padding-bottom: 0.3em;
104 }
105 div.list_element ul {
106         margin: 0px;
107 }
108
109 div.pl_node {
110         padding-left: 20px;
111         font-style: italic;
112 }
113 a.pl_leaf {
114         font-style: normal;
115 }
116 a.pl_leaf:hover {
117         color: #f00;
118 }
119 img {
120         border: 0px none black;
121 }
122
123 div.popup {
124         background-color: #fff;
125         overflow: hidden;
126         border: solid #888 1px;
127         margin: 10px auto; /* Center on page - Firefox */
128         position: absolute;
129         z-index: 1;
130         font-size: 0.8em;
131 }
132 div#browse {
133         width: 70%;
134         left: 15%;
135 }
136 div#browse div.title {
137         background-color: #008;
138 }
139 div#browser {
140         padding: 20px;
141 }
142
143 div#mosaic_list {
144         width: 50%;
145         left: 25%;
146 }
147
148 div#mosaic_layout {
149         border: 1px solid #000;
150         background-color: #ddf;
151         display: block;
152         margin: 1em;
153         padding: 0.3em 0.6em;
154 }
155 div.mosaic_row {
156         padding: 0.6em 0em;
157 }
158
159 .mosaic_element {
160         display: inline;
161         border: 1px solid #000;
162         margin: 0em 0.3em;
163         padding: 0.3em 0.3em;
164         background-color: #dfd;
165 }