19078d40271b416d26240a192b6fdd94fd56e25e
[mpd-web.git] / css / general.css
1 /*
2 #525356
3 */
4
5
6
7 * {
8         margin:0;
9 }
10
11 body {
12         text-align: center;
13         font-family:arial,sans-serif;
14         margin-top: 15px;
15         margin-bottom: 15px;
16         color:#AEAEAE;
17 }
18
19 a {
20         text-decoration:none;
21         color: #AEAEAE;
22 }
23
24 table
25 {
26     border-style:none;
27     padding:0px;
28     border-collapse: collapse;
29     border-spacing: 0;
30
31 }
32
33 img{
34         border:0px;
35         margin: 2px 2px 2px 2px;
36 }
37
38 button
39 {
40 background  : none;
41 cursor  : pointer;
42 border: 0px;
43 margin      : 0px;
44 padding     : 0px;
45 }
46
47 .button
48 {
49 cursor  : pointer;
50 }
51
52 #heading_tbl {
53         width: 400px
54 }
55
56 #frame {
57         text-align: left;
58         border: 1px solid #000;
59         width: 400px;
60         background:url(../images/bg.png) no-repeat #251616;
61         margin: 0 auto;
62 }
63
64
65 #nowplaying_heading {
66         font-size: 1.3em;
67         font-wieght: bold;
68         height: 30px;   
69         background: url(../images/control_bg.png) repeat-x;
70         border-bottom: 1px solid #525356;
71 }
72
73 #nowplaying_content {
74         margin: 10px 5px 10px 5px;
75         text-align: center;
76         border: 1px solid #525356;
77         width: 380px;
78         padding: 30px 0px 30px 0px;
79         background:url(../images/playing_bg.png);
80         font-weight: bold;
81         color: #fff;    
82 }
83
84 #control_buttons {
85         text-align:center;
86         width: 390px;
87         margin: 10px 5px 10px 5px;
88 }
89
90 #control_buttons table {
91         margin-left:auto; 
92         margin-right:auto;
93 }
94
95
96 #control_volume {
97         text-align:center;
98         width: 390px;
99         margin: 10px 5px 10px 5px;
100 }
101
102 #control_volume table {
103         margin-left:auto; 
104         margin-right:auto;
105 }
106
107 #playlist_menu {
108         font-wieght: bold;
109         height: 24px;
110         background: url(../images/control_bg.png) repeat-x;
111         border-top: 2px solid #525356;
112         margin-top:5px;
113         margin-bottom:5px;
114 }
115
116 #items_heading {
117         text-align: center;
118         font-size: 1.0em;
119         font-weight:bold;
120         border-bottom: 1px solid #525356;
121         border-top: 1px solid #525356;
122         background-color:  #333;
123 }
124
125 #home {
126         text-align: left;
127         font-size: 1.0em;
128         font-weight:bold;
129         border-bottom: 3px solid #525356;
130         background-color: #251616;
131 }
132
133 #items {
134         font-size: 0.9em;
135         text-align: center;
136         min-height: 400px;
137         background:url(../images/playing_bg.png);
138 }
139
140 #items table {
141         width: 390px;
142         margin: 0px 5px 0px 5px;
143         border: 1px solid  #525356;
144 }
145
146 #file {
147         text-align: left;
148         width: 100%;
149
150 }
151
152
153 #itemEven{
154         background-color: #251616;
155
156 }
157
158 #itemOdd{
159         background-color: #333;
160 }
161
162 #itemActive {
163         background: url(../images/playing_bg.png);
164         color: #fff;
165 }
166
167 #itemActive a {
168         color: #fff;
169 }
170
171
172 #move img {
173         margin: 1px 1px 1px 1px;
174 }
175
176 #remove img {
177         margin: 1px 1px 1px 1px;
178 }
179
180
181 #volume_total {
182         width: 100px;
183         border: 1px solid #525356;
184         height: 5px;
185 }
186
187
188 #volume_actual {
189         background-color: #d9600c;
190         height:5px;
191 }
192