|
1 /** |
|
2 * Based upon the AmaroK WebControl interface by: |
|
3 * Jonas Christian Drewsen ( kde at xspect dot dk ) |
|
4 * André Kelpe ( fs111 at web dot de ) |
|
5 * Peter C. Ndikuwera ( pndiku at gmail dot com ) |
|
6 */ |
|
7 |
|
8 body { |
|
9 font-family: sans-serif; |
|
10 background-color: #9cb2cd; |
|
11 color: #ffffff; |
|
12 margin: 0; |
|
13 padding: 0; |
|
14 width: 320px; |
|
15 } |
|
16 |
|
17 div.tblholder { |
|
18 padding: 1px; |
|
19 background-color: #ffffff; |
|
20 border: 1px solid #000000; |
|
21 } |
|
22 |
|
23 div.tblholder table { |
|
24 background-color: #596082; |
|
25 } |
|
26 |
|
27 tr th { |
|
28 background-color: #697092; |
|
29 } |
|
30 |
|
31 tr.row1 td { |
|
32 background-color: #394062; |
|
33 } |
|
34 |
|
35 tr.row2 td { |
|
36 background-color: #202050; |
|
37 } |
|
38 |
|
39 tr.current td { |
|
40 background-color: #495072; |
|
41 color: #ffff00; |
|
42 } |
|
43 |
|
44 div#playbar { |
|
45 width: 320px; |
|
46 padding: 0; |
|
47 margin: 0 0 10px 0; |
|
48 background-image: url(images/playbar.gif); |
|
49 background-repeat: repeat-x; |
|
50 background-color: #383f61; |
|
51 border-bottom: 1px solid #000000; |
|
52 text-align: center; |
|
53 position: absolute; |
|
54 top: 0px; |
|
55 left: 0px; |
|
56 } |
|
57 |
|
58 div.playbar-inner { |
|
59 padding: 5px; |
|
60 line-height: 22px; |
|
61 } |
|
62 |
|
63 a img { |
|
64 border-width: 0; |
|
65 } |
|
66 |
|
67 div#playlist { |
|
68 margin: 138px 8px 0 8px; |
|
69 } |
|
70 |
|
71 a.tracklink { |
|
72 text-decoration: none; |
|
73 color: white; |
|
74 } |
|
75 |
|
76 div#playlist tr.current a.tracklink { |
|
77 color: #ffff00; |
|
78 } |
|
79 |
|
80 span#playmeter, span#volume_wrap { |
|
81 position: relative; |
|
82 top: -7px; |
|
83 } |
|
84 |
|
85 a.volume_button { |
|
86 padding-right: 18px; |
|
87 margin-right: 1px; |
|
88 background-color: #33395d; |
|
89 border: 1px solid #909090; |
|
90 text-decoration: none; |
|
91 } |
|
92 |
|
93 a.volume_button_active { |
|
94 background-color: #9090c2; |
|
95 border-color: #d0d0d0; |
|
96 } |
|
97 |
|
98 div#footer { |
|
99 background-image: url(images/playbar.gif); |
|
100 background-repeat: repeat-x; |
|
101 text-align: center; |
|
102 margin-top: 10px; |
|
103 padding: 5px; |
|
104 } |