1 .media-playlist { |
|
2 width: 454px; |
|
3 } |
|
4 |
|
5 .media-player-wrapper { |
|
6 position: relative; |
|
7 background: #000000; |
|
8 width: 100%; |
|
9 height: 245px; |
|
10 } |
|
11 |
|
12 .media-player { |
|
13 position: absolute; |
|
14 display: block; |
|
15 top: 0px; |
|
16 left: 0px; |
|
17 width: 454px; |
|
18 height: 245px; |
|
19 } |
|
20 |
|
21 .media-player-wrapper .play-button { |
|
22 position: absolute; |
|
23 top: 0px; |
|
24 left: 0px; |
|
25 width: 454px; |
|
26 height: 0 !important; |
|
27 overflow: hidden; |
|
28 padding: 245px 0 0 0; |
|
29 background: url(/images/buttons/btn_play.png) no-repeat 50% 50%; |
|
30 cursor: pointer; |
|
31 } |
|
32 |
|
33 .media-playlist a.media-thumb-uri { |
|
34 display: none; |
|
35 } |
|
36 |
|
37 .hidden-playlist { |
|
38 display: none !important; |
|
39 } |
|
40 |
|
41 .image-playlist:after, |
|
42 .video-playlist:after { |
|
43 content: "."; |
|
44 display: block; |
|
45 height: 0; |
|
46 overflow: hidden; |
|
47 clear: both; |
|
48 visibility: hidden; |
|
49 } |
|
50 |
|
51 .video-playlist { |
|
52 padding-bottom: 1px; |
|
53 } |
|
54 |
|
55 .video-playlist h3, |
|
56 .video-playlist h4, |
|
57 .video-playlist h5 { |
|
58 display: none; |
|
59 } |
|
60 |
|
61 .video-playlist ul { |
|
62 padding: 0; |
|
63 margin: 0; |
|
64 float: left; |
|
65 width: 100%; |
|
66 background: url(../images/layout/bg_player_top.png) repeat-x 0 bottom; |
|
67 } |
|
68 |
|
69 .video-playlist li { |
|
70 float: left; |
|
71 } |
|
72 |
|
73 .video-playlist li a { |
|
74 display: block; |
|
75 background: url(../images/pictos/player_chosen.png) no-repeat; |
|
76 padding: 12px 10px 3px 36px; |
|
77 text-transform: uppercase; |
|
78 font-size: 10px; |
|
79 color: #ffffff; |
|
80 } |
|
81 |
|
82 .image-playlist { |
|
83 margin: 0; |
|
84 padding: 0 5px; |
|
85 display: block; |
|
86 background-color: #000000; |
|
87 width: 444px; |
|
88 height: 100px; |
|
89 text-align: center; |
|
90 } |
|
91 |
|
92 .image-playlist .scrolling-wrapper { |
|
93 position: relative; |
|
94 } |
|
95 |
|
96 .image-playlist a.rewind-page, |
|
97 .image-playlist a.forward-page { |
|
98 display: block; |
|
99 position: absolute; |
|
100 top: 20px; |
|
101 width: 15px; |
|
102 height: 0 !important; |
|
103 overflow: hidden; |
|
104 padding: 15px 0 0 0; |
|
105 cursor: pointer; |
|
106 } |
|
107 |
|
108 .image-playlist a.rewind-page { |
|
109 left: 0px; |
|
110 background: url(/images/buttons/btn_left.png) no-repeat; |
|
111 } |
|
112 |
|
113 .image-playlist a.forward-page { |
|
114 right: 0px; |
|
115 background: url(/images/buttons/btn_right.png) no-repeat; |
|
116 } |
|
117 |
|
118 .image-playlist a.disabled { |
|
119 display: none; |
|
120 } |
|
121 |
|
122 .image-playlist .scrolling { |
|
123 position: absolute; |
|
124 top: 0px; |
|
125 left: 24px; |
|
126 float: left; |
|
127 overflow: hidden; |
|
128 width: 394px; |
|
129 height: 60px; |
|
130 } |
|
131 |
|
132 .image-playlist ul { |
|
133 position: absolute; |
|
134 top: 0px; |
|
135 left: 0px; |
|
136 width: 5000px; |
|
137 } |
|
138 |
|
139 .image-playlist ul li { |
|
140 float: left; |
|
141 padding: 2px; |
|
142 } |
|
143 |
|
144 .image-playlist h3, |
|
145 .image-playlist h4, |
|
146 .image-playlist h5 { |
|
147 margin: 0; |
|
148 padding: 0; |
|
149 font-family:arial,"bitstream vera sans","trebuchet ms"; |
|
150 font-size: 10px; |
|
151 line-height: 20px; |
|
152 color: #FFFFFF; |
|
153 text-transform: uppercase; |
|
154 text-align:left; |
|
155 } |
|