Add support for displaying the year; put the album in italics. (Feature request...
[patchfork.git] / std / base.css
1 body {
2         line-height: 19.2px;
3 }
4
5 a {
6         text-decoration: none;
7 }
8
9 tr, td, #disp_artist, #disp_album, #disp_info, #disp_year, p.disp, img.thumbnailart {
10         padding: 0px;
11         margin: 0px;
12 }
13
14 #disp_album {
15         font-style: italic;
16 }
17
18 .main_container {
19         padding-left: 5px;
20         padding-bottom: 10px; 
21 }
22
23 #playlist {
24         line-height: 1em;
25         table-layout: fixed;
26         font-size: 0.99em;
27         border-width: 0px;
28         border-spacing: 0px;
29         cursor: default;
30 }
31
32 /* for konqueror */
33 .pltemp {
34         color: #000001;
35 }
36
37 /* apply to td's in tr's following an element with id playlist */
38 #playlist > tr > td { 
39         white-space: nowrap;
40         height: 1.3em;
41         border-width: 0px;
42         padding-left: 2px;
43 }
44
45 #content {
46         margin-left: 48px; 
47         margin-top: 106px;
48         position: relative;
49 }
50
51 /* this is complicated */
52 ul.browser_field {
53         cursor: default;
54         font-size: 96%;
55         width: 30%; /* as small as possible */
56         line-height: 1.2em;
57         padding: 0px 0px 0px 3px;
58         margin: 2px 3px 0px 5px;
59         overflow: auto;
60         /*border: 1px solid #9db2b1;*/
61         float: left;
62 }
63 li {
64         /*padding: 0px 0px 0px 3px;*/
65         margin: 0px;
66 }
67 li[dirtype] {
68         background-position: top left;
69         background-repeat: no-repeat;
70         padding-left: 18px;
71 }
72
73 li[dirtype=parent] {
74         padding-left: 4px;
75 }
76
77 li[btype=search] {
78         padding-bottom: 7px;
79 }
80
81 li[btype=search]:last-child {
82         padding-bottom: 0px;
83 }
84
85 #posslider, #volslider {
86         width: 150px;
87 }
88
89 div.slider_main {
90         width: 100%;
91         height: 10px;
92         padding: 0px;
93         margin: 0px 5px 5px 5px;
94 }
95 div.slider_pointer {
96         position: relative;
97         left: 0px;
98         width: 5px;
99         height: 15px;
100         margin: -5px -5px 0px -5px;
101         padding: 0px 0px 5px 0px;
102 }
103 p.slider_txt {
104         margin: 0px 0px 0px 10px; 
105         cursor: default;
106 }
107
108 #disp_title {
109         font-size: larger;
110         padding: 0px;
111         margin: 15px 2px 0px 0px ;
112 }
113
114 div.overlay {
115         position: absolute;
116         padding: 10px;
117         display: none;
118 }
119
120 img.close {
121         position: absolute;
122         height: 15px;
123         width: 15px;
124         right: 5px;
125         top: 5px;
126         opacity: 0.85;
127 }
128
129 img.menu_button {
130         height: 30px;
131         width: 30px;
132         opacity: 0.80;
133         display: inline;
134 }
135 #debugbox {
136         position: fixed;
137         right: 0px;
138         bottom: 0px;
139         height: 200px;
140         width: 150px;
141         overflow: auto;
142         z-index: 100;
143         padding-left: 5px;
144         border: 1px solid #FFCC00;
145         background: #FFFF99;
146         color: black;
147 }
148
149 img.diritem {
150         height: 15px;
151         width: 15px;
152         position: relative;
153         right: 2px;
154 }
155 div.player_control {
156         position: fixed;
157         left: 3px;
158         right: 3px;
159         top: 0px;
160         padding: 0px 10px 0px 10px;
161         height: 101px;
162         z-index: 2;
163 }
164 div.pc_artist {
165         width: 400px;
166         left: 90px;
167         position: absolute;
168         padding-top: 5px;
169 }
170 div#albumart {
171         width: 80px;
172         height: 80px;
173         /*border: 1px solid red;*/
174         margin: 5px 10px 0px 0px;
175         float: left;
176 }
177 div.pc_ci {
178         position: absolute;
179         top: 25px;
180         left: 500px;
181 }
182 div.pc_sliders {
183         position: absolute;
184         left: 610px;
185         top: 2px;
186 }
187 div.selection_menu {
188         position: fixed;
189         top: 106px;
190         left: 3px;
191         width: 40px;
192         padding: 10px 0px 5px 5px;
193 }
194 #status_bar {
195         position: fixed;
196         left: 300px;
197         width: 300px;
198         top: 0px;
199         display:none;
200         height: 25px;
201         z-index: 10;
202 }
203 #status_bar_txt {
204         margin: 0px;
205         padding: 0px 2px 0px 5px;
206 }
207 img.status_working {
208         float: right;
209         margin: -15px 5px 0px 0px;
210         padding: 0px 2px 0px 5px;
211         display: none;
212 }
213 img.status_working[working] {
214         display: inline;
215 }
216
217 div.pc_other {
218         position: absolute;
219         right: 4px;
220         top: 0px;
221         font-size: smaller;
222         line-height: 13px;
223 }
224
225 hr.server_settings {
226         height: 0px;
227         margin-left: -5px; 
228         margin-right: 0px;
229 }
230 div.pc_settings {
231         position: absolute;
232         left: 615px;
233         top: 80px;
234         z-index: 5;
235         height: 20px;
236         font-size: 0.97em;
237 }
238 div.settings_header {
239         cursor: pointer;
240         margin: 0px 0px 0px 0px;
241         width: 152px;
242 }
243 div.settings_container {
244         display: none;
245         height: 200px;
246         top: 21px;
247         z-index: 5;
248         position: absolute;
249         width: 152px;
250 }
251
252 img.server_settings {
253         margin-bottom: -3px;
254 }
255 span.server_settings {
256         cursor: default;
257 }
258 .nomargin {
259         margin: 0px;
260 }
261 .nopadding {
262         padding: 0px;
263 }
264 p#settings_content {
265         margin: 0px;
266         padding-left: 5px;
267 }
268
269 input#quickadd {
270         margin: 0px 0px 0px -10px;
271         height: 13px;
272         width: 105px;
273 }
274
275 div#qa_suggestions {
276         margin: -3px 0px 0px -10px;
277         padding: 0px; 
278         min-width: 220px;
279         z-index: 100;
280         position: absolute;
281         display: none; /* yeah I want it, but I don't want *you* to see it! :p */
282         min-height: 15px;
283 }
284 p#qa_suggestions_txt {
285         padding: 0px;
286         margin: 0px;
287         font-size: 12px;
288         line-height: 1.3em;
289 }
290
291 span.qa_element {
292         display: block;
293 }
294
295 img.thumbnailart:hover {
296         cursor: pointer;
297 }
298
299 div.big_albumart {
300         position: fixed;
301         margin: auto;
302         left: 0px;
303         right: 0px;
304         bottom: 0px;
305         top: 0px;
306         width: 200px;
307         height: 50px;
308         padding: 10px;
309         z-index: 15;
310 }
311 img.big_albumart {
312         margin: auto;
313 }
314 div#sidebar_header {
315         top: 104px;
316         position: fixed;
317         display: none;
318         height: 20px;
319         width: 290px;
320         right: 3px;
321         z-index: 1;
322         padding: 0px 0px 0px 5px;
323 }
324 div#sidebar_display {
325         top: 127px;
326         display: none;
327         position: fixed;
328         right: 3px;
329         padding: 10px 5px 5px 10px;
330         max-width: 500px;
331         min-width: 280px;
332         overflow: auto;
333         bottom: 0px;
334         z-index: 1; 
335 }
336
337 #lyrics_refetch_button {
338         position: absolute;
339         right: 5px;
340         font-size: 0.95em;
341         margin: 0px; 
342 }
343
344 .fakelink {
345         cursor: pointer;
346 }
347
348 p.right_small {
349         text-align: right;
350         margin: 0px 0px 0px 0px;
351         padding: 0px 5px 0px 0px;
352 }
353 p.browse_type {
354         display: inline;
355         margin: 0px 2px 0px 2px;
356         padding: 0px 5px 0px 5px;
357         cursor: default;
358 }
359
360 ul#browser_act_buttons {
361         width: 95%;
362         clear: both;
363         padding: 0px;
364         margin: 0px 0px 0px 10px;
365 }
366
367 li.browser_button_add {
368         margin: 0px;
369         padding: 0px;
370         display: inline;
371         padding-left: 15px;
372         z-index: 20; 
373 }
374
375 /* only allow changing pos if not first elem */
376 li.browser_button_add + li {
377         position: relative;
378 }
379
380 li.browser_button_add:hover {
381         cursor: default;
382 }
383
384 /* playlist hover, not the main playlist, playlists in the browser */
385 div.playlist_hover {
386         display: none;
387         float: right;
388 }
389
390 li:hover div.playlist_hover {
391         color: red;
392         display: inline;
393 }
394
395 div.popup {
396         position: absolute;
397         margin-top: -10px;
398         z-index: 10;
399         padding: 2px 5px 5px 5px;
400         display: none;
401         cursor: default;
402 }
403
404 .fullscreen {
405         position: fixed;
406         left: 0px;
407         top: 0px; 
408         z-index: 20;
409         background-color: red;
410 }
411
412 ul.playlist_popup {
413         margin: 0px;
414         padding: 2px;
415 }
416 li.playlist_popup {
417         display: inline;
418         margin-right: 2px;
419         cursor: pointer;
420 }
421 span.playlist_popup {
422         cursor: pointer;
423         margin: 2px;
424 }
425
426 div.moving_box {
427         position: relative;
428         overflow: hidden;
429         font-size: 0.96em;
430         cursor: move;
431 }
432
433 div#streaming_display {
434         position: absolute;
435         top: 2px;
436         margin: 0px;
437         padding: 0px;
438         right: 120px;
439         width: 80px;
440         line-height: 13px;
441 }
442
443 div#streaming_display li {
444         list-style-type: none;
445         padding-left: 4px;
446         padding-right: 4px;
447 }
448
449 div#pagination, div#pagination_options {
450         position: fixed;
451         bottom: 0px; 
452         left: 50px; 
453         height: 25px;
454         padding: 0px;
455         cursor: default;
456         max-width: 680px;
457         display: none;
458 }
459 div#pagination_options {
460         left: 3px; 
461         width: 47px;
462         display: block;
463 }
464 ul#pagination_list {
465         padding: 0px; 
466         margin: 4px 0px 2px 2px; 
467         overflow: hidden; 
468 }
469 ul#pagination_list > li { /* li following pagination ul */
470         display: inline;
471         width: 10px; 
472         margin: 2px;
473         cursor: pointer;
474 }
475
476 /* just a spacer at the bottom to avoid last row 
477  * disappearing under the pagination list */
478 div#pagination_spacer {
479         height: 25px;
480 }
481
482 img.pagination_options {
483         margin: 4px 0px 0px 2px;
484         padding: 0px;
485         cursor: pointer;
486         opacity: 0.80;
487 }
488
489 span.plse {
490         display: block;
491         line-height: 110%;
492         cursor: pointer;
493         padding-left: 20px;
494         background-position: top left;
495         background-repeat: no-repeat;
496 }
497
498 li.menuitem {
499         list-style-type: none;
500         padding-left: 4px;
501         padding-right: 4px;
502         border-top: none;
503 }
504
505
506 ul.recommended {
507         padding-left: 10px;
508 }
509
510 ul.recommended > li {
511         cursor: pointer;
512 }
513
514 ul.recommended > li > ul {
515         padding-left: 15px;
516         display: none;
517 }
518 ul.recommended > li[open] > ul {
519         display: block;
520 }
521
522 img.menu_button:hover, img.close:hover, img.pagination_options:hover {
523         opacity: 1.0;
524 }
This page took 0.038235 seconds and 4 git commands to generate.