Вычищение старых конструкций PHP + многочисленная доводка по мелочи.
[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 .trackno
53 {
54 text-align: right;
55 vertical-align: top;
56 padding: 0px 0px 5px 0px;
57 }
58
59 #heading_tbl {
60         width: 400px
61 }
62
63 #frame {
64         text-align: left;
65         border: 1px solid #000;
66         width: 400px;
67         background:url(../images/bg.png) no-repeat #251616;
68         margin: 0 auto;
69 }
70
71
72 #nowplaying_heading {
73         font-size: 1.3em;
74         font-wieght: bold;
75         height: 30px;   
76         background: url(../images/control_bg.png) repeat-x;
77         border-bottom: 1px solid #525356;
78 }
79
80 #nowplaying_content {
81         margin: 10px 5px 10px 5px;
82         text-align: center;
83         border: 1px solid #525356;
84         width: 380px;
85         height: 60px;
86         padding: 10px 0px 5px 0px;
87         background:url(../images/playing_bg.png);
88         font-weight: bold;
89         color: #fff;    
90 }
91
92 #control_buttons {
93         text-align:center;
94         width: 390px;
95         margin: 10px 5px 10px 5px;
96 }
97
98 #control_buttons table {
99         margin-left:auto; 
100         margin-right:auto;
101 }
102
103
104 #control_volume {
105         text-align:center;
106         width: 390px;
107         margin: 10px 5px 10px 5px;
108 }
109
110 #control_volume table {
111         margin-left:auto; 
112         margin-right:auto;
113 }
114
115 #playlist_menu {
116         font-wieght: bold;
117         height: 24px;
118         background: url(../images/control_bg.png) repeat-x;
119         border-top: 2px solid #525356;
120         margin-top:5px;
121         margin-bottom:5px;
122 }
123
124 #items_heading {
125         text-align: center;
126         font-size: 1.0em;
127         font-weight:bold;
128         border-bottom: 1px solid #525356;
129         border-top: 1px solid #525356;
130         background-color:  #333;
131 }
132
133 #home {
134         text-align: left;
135         font-size: 1.0em;
136         font-weight:bold;
137         border-bottom: 3px solid #525356;
138         background-color: #251616;
139 }
140
141 #items {
142         font-size: 0.9em;
143         text-align: center;
144         min-height: 400px;
145         background:url(../images/playing_bg.png);
146 }
147
148 #items table {
149         width: 390px;
150         margin: 0px 5px 0px 5px;
151         border: 1px solid  #525356;
152 }
153
154 #file {
155         text-align: left;
156         width: 100%;
157
158 }
159
160
161 #itemEven{
162         background-color: #251616;
163
164 }
165
166 #itemOdd{
167         background-color: #333;
168 }
169
170 #itemActive {
171         background: url(../images/playing_bg.png);
172         color: #fff;
173 }
174
175 #itemActive a {
176         color: #fff;
177 }
178
179
180 #move img {
181         margin: 1px 1px 1px 1px;
182 }
183
184 #remove img {
185         margin: 1px 1px 1px 1px;
186 }
187
188
189 #volume_total {
190         width: 100px;
191         border: 1px solid #525356;
192         height: 5px;
193 }
194
195
196 #volume_actual {
197         background-color: #d9600c;
198         height:5px;
199 }
200