source: trunk/web/app/out/dist/css/artistes.css @ 9

Last change on this file since 9 was 6, checked in by dj3c1t, 13 years ago

mise a jour du trunk

File size: 6.7 KB
RevLine 
[6]1/* ------------------------ blocs dans le listing des artistes */
2
3ul.artiste_mini_blocs li
4{ float: left;
5  width: 230px;
6  margin: 15px 5px 5px 15px;
7/*  margin: 20px 5px 5px 60px;*/
8}
9
10ul.artiste_mini_blocs li a
11{ text-decoration: none;
12  display: block;
13  width: 220px;
14  height: 110px;
15  padding: 5px;
16  background-color: #202020;
17  border: solid 1px #303030;
18  border-radius: 3px 3px 3px 3px;
19  -moz-border-radius: 3px 3px 3px 3px;
20}
21
22ul.artiste_mini_blocs li a span.image
23{ display: block;
24  float: left;
25  width: 104px;
26  height: 110px;
27  text-align: center;
28  background-color: #151515;
29  border: solid 1px #303030;
30  border-radius: 3px 3px 3px 3px;
31  -moz-border-radius: 3px 3px 3px 3px;
32}
33
34ul.artiste_mini_blocs li a span
35{ display: block;
36  float: right;
37  width: 111px;
38  text-align: right;
39}
40
41ul.artiste_mini_blocs li a span.nom
42{ font-weight: bold;
43}
44
45ul.artiste_mini_blocs li a:hover span.nom
46{ text-decoration: underline;
47}
48
49ul.artiste_mini_blocs li a span.style
50{ margin-top: 20px;
51  font-size: 0.9em;
52}
53
54/* ------------------------ onglets des pages artistes */
55
56#artiste_onglets
57{ margin: 10px 20px 10px 20px;
58}
59
60.artiste_edit_onglet
61{ float: right;
62}
63
64.artiste_onglet
65{ float: left;
66}
67
68/* ------------------------ entete des pages artistes */
69
70#artiste_left
71{ float: left;
72  width: 250px;
73}
74
75#artiste_right
76{ float: left;
77  width: 488px;
78  padding: 0 10px 0 20px;
79}
80
81#artiste_player
82{
83}
84
85#last_albums_bloc a
86{ display: block;
87  text-align: center;
88  float: none;
89  width: auto;
90  padding: 5px 5px 15px 5px;
91  margin: 5px 0px 0px 0px;
92}
93
94#last_albums_bloc a:hover
95{ text-decoration: none;
96}
97
98#last_albums_bloc a span
99{ display: block;
100  text-align: center;
101  padding: 3px 0px 10px 0px;
102}
103
104#last_albums_bloc a img
105{
106}
107
108#last_albums_bloc a strong
109{ display: block;
110  text-align: center;
111  padding: 3px 0px 10px 0px;
112}
113
114
115.last_album_link
116{ display: block;
117  text-align: center;
118}
119
120.last_album_link:hover
121{ text-decoration: none;
122}
123
124#artiste_logo
125{ width: 240px;
126  height: 190px;
127  overflow: hidden;
128  text-align: center;
129  background-color: #131313;
130  border: solid 1px #333333;
131  padding: 5px;
132}
133
134#artiste_logo a
135{ display: block;
136  width: 238px;
137  height: 190px;
138}
139
140#reseaux_sociaux
141{ text-align: center;
142  padding: 10px 0px 10px 0px;
143  background-color: #131313;
144  border: solid 1px #333333;
145}
146
147#reseaux_sociaux img
148{ margin: 0px 10px 0px 10px;
149}
150
151
152
153
154ul#download_list
155{ list-style-type: none;
156  margin: 0px;
157  padding: 0px;
158
159}
160
161ul#download_list li
162{ margin: 0px;
163  padding: 0px;
164}
165
166ul#download_list li a.all
167{ display: block;
168  padding: 5px;
169  margin: 0px 0px 10px 0px;
170  background-color: #202020;
171  font-weight: bold;
172}
173
174ul#download_list li span.titre
175{ display: block;
176  padding: 5px;
177  margin: 0px 0px 10px 0px;
178  background-color: #202020;
179  font-weight: bold;
180}
181
182ul#download_list li a.artiste_album_link
183{ display: block;
184  padding: 5px;
185  border: solid 1px #202020;
186  border-radius: 3px 3px 3px 3px;
187  -moz-border-radius: 3px 3px 3px 3px;
188  margin: 0px 0px 5px 0px;
189}
190
191ul#download_list li a.artiste_album_link:hover
192{ /*text-decoration: none;*/
193}
194
195ul#download_list li a.artiste_album_link img
196{ /*width: 90px;*/
197}
198
199ul#download_list li .artiste_album_link span
200{ display: block;
201  float: right;
202  text-align: right;
203  padding-top: 5px;
204  font-size: 1.1em;
205  width: 105px;
206}
207
208
209
210
211
212
213
214#soutenir_artiste
215{ padding: 10px 0px 10px 0px;
216  background-color: #131313;
217  border: solid 1px #333333;
218}
219
220#soutenir_artiste h3
221{ text-align: center;
222  font-weight: normal;
223  color: #dad3bc;
224  border-bottom: dashed 1px #333333;
225  padding-bottom: 5px;
226}
227
228#soutenir_artiste span
229{ display: block;
230  text-align: center;
231  padding: 5px;
232}
233
234#don_artiste
235{ float: left;
236  width: 50%;
237  text-align: center;
238}
239
240#lien_boutique_artiste
241{ float: left;
242  width: 50%;
243  text-align: center;
244}
245
246#artiste_infos
247{
248}
249
250#artiste_right img
251{ max-width: 450px;
252}
253
254/* ------------------------ listing des downloads */
255
256.download
257{ padding: 5px;
258  border: solid 1px #191919;
259  margin-top: 5px;
260}
261
262.playing_download
263{ padding: 5px;
264  border: solid 1px #232323;
265  background-color: #151515;
266  border-radius: 3px 3px 3px 3px;
267  -moz-border-radius: 3px 3px 3px 3px;
268  margin-top: 5px;
269}
270
271.download h3, .playing_download h3
272{ float: left;
273  width: 430px;
274}
275
276#album_date
277{ font-weight: normal;
278  font-size: 0.8em;
279}
280
281.dright
282{ float: right;
283  width: 216px;
284  text-align: right;
285}
286
287.dleft
288{ float: left;
289  width: 260px;
290}
291
292a.file_format
293{ display: block;
294  width: 30px;
295  height: 12px;
296  line-height: 9px;
297  font-size: 9px;
298  text-align: center;
299  background-image: url("../icons/ext.png");
300  float: left;
301  margin-left: 3px;
302}
303
304a.file_format:hover
305{ text-decoration: none;
306}
307
308.download_licence
309{ display: block;
310  float: right;
311  margin-top: 3px;
312}
313
314/* ------------------------ players */
315
316.player_progress
317{ width: 100%;
318  height: 2px;
319  font-size: 2px;
320  line-height: 2px;
321  background-color: #333333;
322  overflow: hidden;
323  margin: 4px 0 3px 0;
324}
325
326.player_progress .loaded
327{ width: 0;
328  height: 2px;
329  background-color: #3a3a3a;
330}
331
332.player_progress .position
333{ width: 0;
334  height: 2px;
335//  background-color: #706c61;
336  background-color: #555555;
337  position: relative;
338  top: -2px;
339}
340
341.player_controls
342{ margin: 1px 1px 0 0;
343  float: left;
344}
345
346.player_controls a
347{ text-decoration: none;
348  display: block;
349  float: left;
350  width: 16px;
351  height: 16px;
352  margin-right: 5px;
353}
354
355.player_controls a span
356{ display: none;
357}
358
359.player_controls a.play
360{ background-image: url("../icons/player/play.png");
361}
362
363.player_controls a.play:hover
364{ background-image: url("../icons/player/play_over.png");
365}
366
367.player_controls a.pause
368{ background-image: url("../icons/player/pause.png");
369  display: none;
370}
371
372.player_controls a.pause:hover
373{ background-image: url("../icons/player/pause_over.png");
374}
375
376.player_controls a.stop
377{ background-image: url("../icons/player/stop.png");
378  display: none;
379}
380
381.player_controls a.stop:hover
382{ background-image: url("../icons/player/stop_over.png");
383}
384
385/* ------------------------ entete admin artiste */
386
387#artiste_admin_infos
388{ float: left;
389  width: 500px;
390}
391
392/* ------------------------ bloc playlists */
393
394#playlists h4
395{ padding: 0px 0px 0px 0px;
396  margin: 0px 0px 0px 0px;
397  font-weight: bold;
398  color: #dad3bc;
399}
400
401#playlists ul
402{ margin: 0px;
403  padding: 0px 0px 0px 0px;
404}
405
406#playlists ul li
407{ margin: 3px;
408  float: right;
409}
410
411#playlists ul li a
412{ display: block;
413  padding: 5px 10px 5px 10px;
414  border: solid 1px #333333;
415  border-radius: 3px 3px 3px 3px;
416  -moz-border-radius: 3px 3px 3px 3px;
417  line-height: 12px;
418}
419
420#playlists ul li a:hover
421{ text-decoration: none;
422  background-color: #202020;
423}
424
425#playlists ul li a img
426{ height: 12px;
427}
428
429/*
430#playlists ul li.sep
431{ border-left: solid 1px #333333;
432}
433
434#playlists ul li.last
435{ border-right: solid 1px #333333;
436}
437*/
438
439#playlists .clear
440{ margin-bottom: 13px;
441}
Note: See TracBrowser for help on using the repository browser.