]>
Commit | Line | Data |
---|---|---|
225e0317 JW |
1 | /* top right bottom left */ |
2 | body { | |
3 | font-size: 12.4px; | |
4 | font-family: sans-serif; | |
5 | background: #888888; | |
6 | } | |
7 | ||
8 | a { | |
9 | color: black; | |
10 | } | |
11 | ||
12 | select, input { | |
13 | font-size: 0.95em; | |
14 | line-height: 1.2em; | |
15 | border: 1px solid #BFCFCC; | |
16 | } | |
17 | ||
18 | hr.server_settings { | |
19 | color: #9db2b1; | |
20 | background-color: #9db2b1; | |
21 | } | |
22 | ||
23 | .main_container, #playlist { | |
24 | border: 1px solid #e2e2e2; | |
25 | background: #f1f1f1; | |
26 | } | |
27 | ||
28 | #playlist { | |
29 | cursor: default; | |
30 | } | |
31 | ||
32 | tr.playlist { | |
33 | border: 0px; | |
34 | } | |
35 | ||
36 | div.moving_box { | |
37 | background-color: #f1f1f1; | |
38 | border: 1px solid #65869E; | |
39 | } | |
40 | ||
41 | tr.moving { | |
42 | border-top: 1px solid #b0bdec; | |
43 | color: gray; | |
44 | } | |
45 | ||
46 | li[dirtype=file] { background-image: url(images/audio_li.png); } | |
47 | li[dirtype=directory] { background-image: url(images/folder_li.png); } | |
48 | li[dirtype=artist] { background-image: url(images/media-artist_li.png); } | |
49 | li[dirtype=album] { background-image: url(images/media-album_li.png); } | |
50 | li[dirtype=playlist] { background-image: url(images/playlist_li.png); } | |
51 | ||
52 | /* used to signify that this is a search result and is used in std/browser.js */ | |
53 | li[btype=search] { } | |
54 | ||
55 | /* used to select the filename */ | |
56 | li[btype=search] > span { | |
57 | color: gray; | |
58 | } | |
59 | ||
60 | div.slider_main, div.popup { | |
61 | border: 1px solid #B0BDEC; | |
62 | background-color: #DEE7F7; | |
63 | } | |
64 | ||
65 | div.slider_pointer { | |
66 | border: 1px solid #a20000; | |
67 | background-color: #ffcccc; | |
68 | } | |
69 | ||
70 | [slider_moving] { | |
71 | cursor: move; | |
72 | } | |
73 | ||
74 | img.act_button { | |
75 | height: 60px; | |
76 | width: 60px; | |
77 | opacity: 0.70; | |
78 | } | |
79 | img.act_button:hover { | |
80 | opacity: 1.0; | |
81 | } | |
82 | ||
83 | #status_bar { | |
84 | border: 1px solid #BDD8DA; | |
85 | background: #DFEFF0; | |
86 | } | |
87 | ||
88 | div.settings_container, div.settings_header, | |
89 | div.player_control, div#streaming_display { | |
90 | border: 1px solid #9db2b1; | |
91 | background: #e7e7e7; | |
92 | } | |
93 | div.settings_header { | |
94 | border-bottom: 0px; | |
95 | } | |
96 | ||
97 | input#quickadd { | |
98 | font-size: 12px; | |
99 | color: gray; | |
100 | background: #f1f1f1; | |
101 | } | |
102 | ||
103 | input#quickadd:hover, input#quickadd:focus { | |
104 | background: white; | |
105 | border: 1px solid #9db2b1; | |
106 | } | |
107 | input#quickadd:focus { | |
108 | color: black; | |
109 | } | |
110 | ||
111 | div#qa_suggestions { | |
112 | background: white; | |
113 | border: 1px solid #ccc; | |
114 | } | |
115 | ||
116 | span.qa_element[qa_selected] { | |
117 | background-color: #A5F2F3; | |
118 | } | |
119 | ||
120 | div.big_albumart { | |
121 | background-color: black; | |
122 | } | |
123 | ||
124 | p#albumart_txt { | |
125 | color: white; | |
126 | } | |
127 | ||
128 | div#sidebar_header { | |
129 | background: #f1f1f1; | |
130 | border: 1px solid #9db2b1; | |
131 | font-size: 0.9em; | |
132 | } | |
133 | ||
134 | div#sidebar_display { | |
135 | border: 1px solid black; | |
136 | background-color: #ffffff; | |
137 | border: 1px solid #9db2b1; | |
138 | font-size: 0.992em; | |
139 | line-height: 1.3em; | |
140 | } | |
141 | ||
142 | ||
143 | /* for browser action buttons */ | |
144 | ||
145 | /* match add buttons */ | |
146 | li.browser_button_add { | |
147 | background: url(images/add_15.png) no-repeat top left; | |
148 | } | |
149 | ||
150 | li.playlist_popup, | |
151 | span.playlist_popup { | |
152 | border: 1px solid #B0BDEC; | |
153 | } | |
154 | ||
155 | div#pagination, div#pagination_options, | |
156 | div.overlay, div.selection_menu { | |
157 | border: 1px solid #bfcfcc; | |
158 | background: #f1f1f1; | |
159 | } | |
160 | ||
161 | ul#pagination_list > li, | |
162 | ul.browser_field, | |
163 | .browse_type { | |
164 | border: 1px solid #bfcfcc; | |
165 | } | |
166 | ||
167 | /* current page on the pagination list */ | |
168 | li[cpage] { | |
169 | background-color: green; | |
170 | } | |
171 | ||
172 | span.plse { | |
173 | background-image: url(images/audio_li.png); | |
174 | } | |
175 | ||
176 | span.plse:hover, | |
177 | ul.recommended > li > ul > li:hover , | |
178 | [selected], | |
179 | li.menuitem:hover, | |
180 | #streaming_display li:hover | |
181 | { | |
182 | background-color: #DEE7F7; | |
183 | } | |
184 | ||
185 | li.menuitem { | |
186 | border: 1px solid #9DB2B1; | |
187 | border-top: none; | |
188 | background-color: #f1f1f1; | |
189 | } | |
190 | ||
191 | /* Added for small screen support */ | |
192 | #playlist > tr > td { | |
193 | padding-left: 1px; | |
194 | } | |
195 | ||
196 | #content { | |
197 | margin-left: 0px; | |
198 | margin-top: 0px; | |
199 | left: 1px; | |
200 | top: 31px; | |
201 | width: 317px; | |
202 | height: 300px; | |
203 | z-index: -1; | |
204 | display: none; | |
205 | position: absolute; | |
206 | ||
207 | } | |
208 | ||
209 | #posslider, #volslider { | |
210 | width: 250px; | |
211 | } | |
212 | ||
213 | div.slider_main { | |
214 | height: 20px; | |
215 | } | |
216 | div.slider_pointer { | |
217 | height: 25px; | |
218 | } | |
219 | div.player_control { | |
220 | left: 1px; | |
221 | top: 31px; | |
222 | padding: 1px 1px 1px 1px; | |
223 | height: 324px; | |
224 | width: 317px; | |
225 | } | |
226 | div.pc_artist { | |
227 | width: 150px; | |
228 | left: 150px; | |
229 | } | |
230 | div#albumart { | |
231 | width: 130px; | |
232 | height: 130px; | |
233 | } | |
234 | ||
235 | div.tab_select { | |
236 | position: fixed; | |
237 | padding: 1px 1px 1px 1px; | |
238 | left: 1px; | |
239 | top: 0px; | |
240 | width: 317px; | |
241 | height: 30px; | |
242 | z-index: 3; | |
243 | } | |
244 | ||
245 | div.tab_button { | |
246 | float: right; | |
247 | margin: 2px 2px 0px 2px; | |
248 | width: 154px; | |
249 | height: 25px; | |
250 | background: #444444; | |
251 | text-align: center; | |
252 | vertical-align: middle; | |
253 | /*border: 1px solid #222222;*/ | |
254 | color: #eeeeee; | |
255 | z-index: 4; | |
256 | } | |
257 | ||
258 | img.thumbnailart { | |
259 | width: 100%; | |
260 | } | |
261 | ||
262 | div.pc_ci { | |
263 | top: 250px; | |
264 | left: 60px; | |
265 | } | |
266 | div.pc_sliders { | |
267 | left: 20px; | |
268 | top: 140px; | |
269 | } | |
270 | ||
271 | #status_bar { | |
272 | left: 200px; | |
273 | width: 100px; | |
274 | height: 50px; | |
275 | } | |
276 | ||
277 | img.status_working { | |
278 | float: left; | |
279 | } | |
280 | ||
281 | input#quickadd { | |
282 | width: 150px; | |
283 | margin-top: 10px; | |
284 | margin-left: 1px; | |
285 | } | |
286 | div#qa_suggestions { | |
287 | margin-left: 1px; | |
288 | width: 150px; | |
289 | } | |
290 | ||
291 | div.selection_menu, div.pc_other, hr.server_settings, div.pc_settings, div.settings_header, div#streaming_display, div#pagination_options, ul#pagination_list, ul#pagination_list > li, div#pagination_spacer, img.pagination_options { | |
292 | display: none; | |
293 | } |