New http interface
[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: 600px/*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 div.controls {
89         width: 100%;
90         padding: 3px 5px;
91 }
92 div.controls button {
93         border: 1px none #000;
94         padding: 0px;
95         background-color: #fff;
96 }
97
98 ul#list, ul#list ul {
99         list-style-type: none;
100         padding-top: 0px;
101         margin-top: 0px;
102         padding-left: 1em;
103 }
104
105 div.pl_node, a.pl_leaf {
106         padding-left: 20px;
107 }
108 div.pl_node {
109         font-style: italic;
110 }
111 a.pl_leaf {
112         font-style: normal;
113         color: #00f;
114         text-decoration: underline;
115         display: block;
116 }
117 a.pl_leaf:hover {
118         background-color: #ffd;
119 }