Update URL for LyricWiki. NOTE: LyricWiki now only returns 1/7 of the song lyrics...
[patchfork.git] / std / base.css
CommitLineData
964dd0bc
JW
1body {
2 line-height: 19.2px;
3}
4
5a {
6 text-decoration: none;
7}
8
9tr, 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 */
48ul.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}
59li {
60 /*padding: 0px 0px 0px 3px;*/
61 margin: 0px;
62}
63li[dirtype] {
64 background-position: top left;
65 background-repeat: no-repeat;
66 padding-left: 18px;
67}
68
69li[dirtype=parent] {
70 padding-left: 4px;
71}
72
73li[btype=search] {
74 padding-bottom: 7px;
75}
76
77li[btype=search]:last-child {
78 padding-bottom: 0px;
79}
80
81#posslider, #volslider {
82 width: 150px;
83}
84
85div.slider_main {
86 width: 100%;
87 height: 10px;
88 padding: 0px;
89 margin: 0px 5px 5px 5px;
90}
91div.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}
99p.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
110div.overlay {
111 position: absolute;
112 padding: 10px;
113 display: none;
114}
115
116img.close {
117 position: absolute;
118 height: 15px;
119 width: 15px;
120 right: 5px;
121 top: 5px;
122 opacity: 0.85;
123}
124
125img.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
145img.diritem {
146 height: 15px;
147 width: 15px;
148 position: relative;
149 right: 2px;
150}
151div.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}
160div.pc_artist {
161 width: 400px;
162 left: 90px;
163 position: absolute;
164 padding-top: 5px;
165}
166div#albumart {
167 width: 80px;
168 height: 80px;
169 /*border: 1px solid red;*/
170 margin: 5px 10px 0px 0px;
171 float: left;
172}
173div.pc_ci {
174 position: absolute;
175 top: 25px;
176 left: 500px;
177}
178div.pc_sliders {
179 position: absolute;
180 left: 610px;
181 top: 2px;
182}
183div.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}
203img.status_working {
204 float: right;
205 margin: -15px 5px 0px 0px;
206 padding: 0px 2px 0px 5px;
207 display: none;
208}
209img.status_working[working] {
210 display: inline;
211}
212
213div.pc_other {
214 position: absolute;
215 right: 4px;
216 top: 0px;
217 font-size: smaller;
218 line-height: 13px;
219}
220
221hr.server_settings {
222 height: 0px;
223 margin-left: -5px;
224 margin-right: 0px;
225}
226div.pc_settings {
227 position: absolute;
228 left: 615px;
229 top: 80px;
230 z-index: 5;
231 height: 20px;
232 font-size: 0.97em;
233}
234div.settings_header {
235 cursor: pointer;
236 margin: 0px 0px 0px 0px;
237 width: 152px;
238}
239div.settings_container {
240 display: none;
241 height: 200px;
242 top: 21px;
243 z-index: 5;
244 position: absolute;
245 width: 152px;
246}
247
248img.server_settings {
249 margin-bottom: -3px;
250}
251span.server_settings {
252 cursor: default;
253}
254.nomargin {
255 margin: 0px;
256}
257.nopadding {
258 padding: 0px;
259}
260p#settings_content {
261 margin: 0px;
262 padding-left: 5px;
263}
264
265input#quickadd {
266 margin: 0px 0px 0px -10px;
267 height: 13px;
268 width: 105px;
269}
270
271div#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}
280p#qa_suggestions_txt {
281 padding: 0px;
282 margin: 0px;
283 font-size: 12px;
284 line-height: 1.3em;
285}
286
287span.qa_element {
288 display: block;
289}
290
291img.thumbnailart:hover {
292 cursor: pointer;
293}
294
295div.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}
307img.big_albumart {
308 margin: auto;
309}
310div#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}
320div#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
344p.right_small {
345 text-align: right;
346 margin: 0px 0px 0px 0px;
347 padding: 0px 5px 0px 0px;
348}
349p.browse_type {
350 display: inline;
351 margin: 0px 2px 0px 2px;
352 padding: 0px 5px 0px 5px;
353 cursor: default;
354}
355
356ul#browser_act_buttons {
357 width: 95%;
358 clear: both;
359 padding: 0px;
360 margin: 0px 0px 0px 10px;
361}
362
363li.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 */
372li.browser_button_add + li {
373 position: relative;
374}
375
376li.browser_button_add:hover {
377 cursor: default;
378}
379
380/* playlist hover, not the main playlist, playlists in the browser */
381div.playlist_hover {
382 display: none;
383 float: right;
384}
385
386li:hover div.playlist_hover {
387 color: red;
388 display: inline;
389}
390
391div.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
408ul.playlist_popup {
409 margin: 0px;
410 padding: 2px;
411}
412li.playlist_popup {
413 display: inline;
414 margin-right: 2px;
415 cursor: pointer;
416}
417span.playlist_popup {
418 cursor: pointer;
419 margin: 2px;
420}
421
422div.moving_box {
423 position: relative;
424 overflow: hidden;
425 font-size: 0.96em;
426 cursor: move;
427}
428
429div#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
439div#streaming_display li {
440 list-style-type: none;
441 padding-left: 4px;
442 padding-right: 4px;
443}
444
445div#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}
455div#pagination_options {
456 left: 3px;
457 width: 47px;
458 display: block;
459}
460ul#pagination_list {
461 padding: 0px;
462 margin: 4px 0px 2px 2px;
463 overflow: hidden;
464}
465ul#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 */
474div#pagination_spacer {
475 height: 25px;
476}
477
478img.pagination_options {
479 margin: 4px 0px 0px 2px;
480 padding: 0px;
481 cursor: pointer;
482 opacity: 0.80;
483}
484
485span.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
494li.menuitem {
495 list-style-type: none;
496 padding-left: 4px;
497 padding-right: 4px;
498 border-top: none;
499}
500
501
502ul.recommended {
503 padding-left: 10px;
504}
505
506ul.recommended > li {
507 cursor: pointer;
508}
509
510ul.recommended > li > ul {
511 padding-left: 15px;
512 display: none;
513}
514ul.recommended > li[open] > ul {
515 display: block;
516}
517
518img.menu_button:hover, img.close:hover, img.pagination_options:hover {
519 opacity: 1.0;
520}
This page took 0.063796 seconds and 4 git commands to generate.