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