1 | /*
|
---|
2 | ------------------------------------------
|
---|
3 | -- annotations (sub-tracks, notes etc.) --
|
---|
4 | ------------------------------------------
|
---|
5 | */
|
---|
6 |
|
---|
7 | ul.playlist li a.sm2_link .metadata {
|
---|
8 | display:none; /* hide by default */
|
---|
9 | }
|
---|
10 |
|
---|
11 | ul.playlist li.sm2_paused a.sm2_link .metadata,
|
---|
12 | ul.playlist li.sm2_playing a.sm2_link .metadata {
|
---|
13 | display:inline;
|
---|
14 | }
|
---|
15 |
|
---|
16 | ul.playlist li ul {
|
---|
17 | list-style-type:none;
|
---|
18 | margin:0px;
|
---|
19 | padding:0px;
|
---|
20 | position:relative;
|
---|
21 | font-size:small;
|
---|
22 | display:none;
|
---|
23 | }
|
---|
24 |
|
---|
25 | ul.playlist li ul li {
|
---|
26 | position:relative;
|
---|
27 | margin:0px;
|
---|
28 | padding:2px 3px;
|
---|
29 | border:1px solid transparent;
|
---|
30 | -moz-border-radius:6px;
|
---|
31 | -khtml-border-radius:6px;
|
---|
32 | border-radius:6px;
|
---|
33 | margin-right:1em;
|
---|
34 | font-family:helvetica,verdana,tahoma,arial,"sans serif";
|
---|
35 | font-size:x-small;
|
---|
36 | font-weight:300;
|
---|
37 | letter-spacing:0px;
|
---|
38 | background-color:transparent;
|
---|
39 | opacity:0.66;
|
---|
40 | }
|
---|
41 |
|
---|
42 | ul.playlist li ul li:hover {
|
---|
43 | opacity:1;
|
---|
44 | background-color:#fff;
|
---|
45 | border-color:#ccc;
|
---|
46 | color:#666;
|
---|
47 | }
|
---|
48 |
|
---|
49 | ul.playlist li.sm2_playing ul li,
|
---|
50 | ul.playlist li.sm2_paused ul li {
|
---|
51 | color:#fff;
|
---|
52 | }
|
---|
53 |
|
---|
54 | ul.playlist li.sm2_playing ul li:hover {
|
---|
55 | background-color:#fff;
|
---|
56 | color:#5588bb;
|
---|
57 | border-color:#336699;
|
---|
58 | opacity:0.9;
|
---|
59 | }
|
---|
60 |
|
---|
61 | ul.playlist li.sm2_paused ul li:hover {
|
---|
62 | background-color:#888;
|
---|
63 | }
|
---|
64 |
|
---|
65 | /* metadata */
|
---|
66 |
|
---|
67 | ul.playlist li .metadata .duration {
|
---|
68 | /* optional timing data */
|
---|
69 | display:none;
|
---|
70 | }
|
---|
71 |
|
---|
72 | ul.playlist li .metadata ul li p {
|
---|
73 | margin:0px;
|
---|
74 | padding:0px;
|
---|
75 | }
|
---|
76 |
|
---|
77 | ul.playlist li .metadata ul li span {
|
---|
78 | display:none;
|
---|
79 | }
|
---|
80 |
|
---|
81 | ul.playlist li .controls .statusbar .annotation {
|
---|
82 | position:absolute;
|
---|
83 | background-color:transparent;
|
---|
84 | top:0px;
|
---|
85 | color:#666;
|
---|
86 | text-align:right;
|
---|
87 | margin-left:10px;
|
---|
88 | height:0.5em;
|
---|
89 | }
|
---|
90 |
|
---|
91 | ul.playlist li .controls .statusbar .annotation:hover {
|
---|
92 | z-index:12; /* sit on top of note */
|
---|
93 | }
|
---|
94 |
|
---|
95 | ul.playlist li .controls .statusbar .annotation span.bubble {
|
---|
96 | /* using · */
|
---|
97 | display:inline-block;
|
---|
98 | background-color:#fff;
|
---|
99 | border:1px solid #666;
|
---|
100 | border-radius:6px;
|
---|
101 | -moz-border-radius:6px;
|
---|
102 | -webkit-border-radius:6px;
|
---|
103 | }
|
---|
104 |
|
---|
105 | ul.playlist li .controls .statusbar .annotation span {
|
---|
106 | display:block;
|
---|
107 | background:transparent url(../image/divot.png) no-repeat 50% 0px;
|
---|
108 | width:15px;
|
---|
109 | margin-left:-15px;
|
---|
110 | height:12px;
|
---|
111 | text-align:center;
|
---|
112 | }
|
---|
113 |
|
---|
114 | ul.playlist li .controls .statusbar .annotation.alt {
|
---|
115 | top:auto;
|
---|
116 | bottom:0px;
|
---|
117 | }
|
---|
118 |
|
---|
119 | ul.playlist li .controls .statusbar .annotation span:hover {
|
---|
120 | cursor:none; /* Fx3 rules. */
|
---|
121 | margin-top:0.1em;
|
---|
122 | }
|
---|
123 |
|
---|
124 | ul.playlist li .controls .statusbar .annotation.alt span:hover {
|
---|
125 | margin-top:-0.1em;
|
---|
126 | }
|
---|
127 |
|
---|
128 | ul.playlist li .controls .statusbar .annotation.alt span {
|
---|
129 | background:transparent url(../image/divot-bottom.png) no-repeat 50% bottom;
|
---|
130 | }
|
---|
131 |
|
---|
132 | ul.playlist li .note {
|
---|
133 | position:absolute;
|
---|
134 | display:none;
|
---|
135 | left:0px;
|
---|
136 | top:0px;
|
---|
137 | z-index:10;
|
---|
138 | font-size:x-small;
|
---|
139 | padding:2px 4px 2px 4px;
|
---|
140 | width:auto;
|
---|
141 | color:#666;
|
---|
142 | background-color:#fff;
|
---|
143 | border:1px solid #ccc;
|
---|
144 | border-radius:6px;
|
---|
145 | -moz-border-radius:6px;
|
---|
146 | -webkit-border-radius:6px;
|
---|
147 | font-style:normal;
|
---|
148 | font-weight:bold;
|
---|
149 | font-family:arial,tahoma,verdana,"sans serif";
|
---|
150 | letter-spacing:0px;
|
---|
151 | margin-top:1.1em;
|
---|
152 | }
|
---|
153 |
|
---|
154 | ul.playlist li .note.alt {
|
---|
155 | margin-top:-1.32em;
|
---|
156 | }
|
---|
157 |
|
---|
158 | ul.playlist li .note:hover {
|
---|
159 | display:block !important;
|
---|
160 | }
|
---|
161 |
|
---|
162 | ul.playlist li .sm2_divider {
|
---|
163 | font-size:0.75em;
|
---|
164 | }
|
---|
165 |
|
---|
166 | ul.playlist li .sm2_metadata {
|
---|
167 | font-size:0.65em;
|
---|
168 | }
|
---|