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

/* ------------------------ blocs dans le listing des artistes */

ul.artiste_mini_blocs li
{ float: left;
  width: 230px;
  margin: 15px 5px 5px 15px;
/*  margin: 20px 5px 5px 60px;*/
}

ul.artiste_mini_blocs li a
{ text-decoration: none;
  display: block;
  width: 220px;
  height: 110px;
  padding: 5px;
  background-color: #202020;
  border: solid 1px #303030;
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
}

ul.artiste_mini_blocs li a span.image
{ display: block;
  float: left;
  width: 104px;
  height: 110px;
  text-align: center;
  background-color: #151515;
  border: solid 1px #303030;
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
}

ul.artiste_mini_blocs li a span
{ display: block;
  float: right;
  width: 111px;
  text-align: right;
}

ul.artiste_mini_blocs li a span.nom
{ font-weight: bold;
}

ul.artiste_mini_blocs li a:hover span.nom
{ text-decoration: underline;
}

ul.artiste_mini_blocs li a span.style
{ margin-top: 20px;
  font-size: 0.9em;
}

/* ------------------------ onglets des pages artistes */

#artiste_onglets
{ margin: 10px 20px 10px 20px;
}

.artiste_edit_onglet
{ float: right;
}

.artiste_onglet
{ float: left;
}

/* ------------------------ entete des pages artistes */

#artiste_left
{ float: left;
  width: 250px;
}

#artiste_right
{ float: left;
  width: 488px;
  padding: 0 10px 0 20px;
}

#artiste_player
{
}

#last_albums_bloc a
{ display: block;
  text-align: center;
  float: none;
  width: auto;
  padding: 5px 5px 15px 5px;
  margin: 5px 0px 0px 0px;
}

#last_albums_bloc a:hover
{ text-decoration: none;
}

#last_albums_bloc a span
{ display: block;
  text-align: center;
  padding: 3px 0px 10px 0px;
}

#last_albums_bloc a img
{
}

#last_albums_bloc a strong
{ display: block;
  text-align: center;
  padding: 3px 0px 10px 0px;
}


.last_album_link
{ display: block;
  text-align: center;
}

.last_album_link:hover
{ text-decoration: none;
}

#artiste_logo
{ width: 240px;
  height: 190px;
  overflow: hidden;
  text-align: center;
  background-color: #131313;
  border: solid 1px #333333;
  padding: 5px;
}

#artiste_logo a
{ display: block;
  width: 238px;
  height: 190px;
}

#reseaux_sociaux
{ text-align: center;
  padding: 10px 0px 10px 0px;
  background-color: #131313;
  border: solid 1px #333333;
}

#reseaux_sociaux img
{ margin: 0px 10px 0px 10px;
}




ul#download_list
{ list-style-type: none;
  margin: 0px;
  padding: 0px;

}

ul#download_list li
{ margin: 0px;
  padding: 0px;
}

ul#download_list li a.all
{ display: block;
  padding: 5px;
  margin: 0px 0px 10px 0px;
  background-color: #202020;
  font-weight: bold;
}

ul#download_list li span.titre
{ display: block;
  padding: 5px;
  margin: 0px 0px 10px 0px;
  background-color: #202020;
  font-weight: bold;
}

ul#download_list li a.artiste_album_link
{ display: block;
  padding: 5px;
  border: solid 1px #202020;
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  margin: 0px 0px 5px 0px;
}

ul#download_list li a.artiste_album_link:hover
{ /*text-decoration: none;*/
}

ul#download_list li a.artiste_album_link img
{ /*width: 90px;*/
}

ul#download_list li .artiste_album_link span
{ display: block;
  float: right;
  text-align: right;
  padding-top: 5px;
  font-size: 1.1em;
  width: 105px;
}







#soutenir_artiste
{ padding: 10px 0px 10px 0px;
  background-color: #131313;
  border: solid 1px #333333;
}

#soutenir_artiste h3
{ text-align: center;
  font-weight: normal;
  color: #dad3bc;
  border-bottom: dashed 1px #333333;
  padding-bottom: 5px;
}

#soutenir_artiste span
{ display: block;
  text-align: center;
  padding: 5px;
}

#don_artiste
{ float: left;
  width: 50%;
  text-align: center;
}

#lien_boutique_artiste
{ float: left;
  width: 50%;
  text-align: center;
}

#artiste_infos
{
}

#artiste_right img
{ max-width: 450px;
}

/* ------------------------ listing des downloads */

.download
{ padding: 5px;
  border: solid 1px #191919;
  margin-top: 5px;
}

.playing_download
{ padding: 5px;
  border: solid 1px #232323;
  background-color: #151515;
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  margin-top: 5px;
}

.download h3, .playing_download h3
{ float: left;
  width: 430px;
}

#album_date
{ font-weight: normal;
  font-size: 0.8em;
}

.dright
{ float: right;
  width: 216px;
  text-align: right;
}

.dleft
{ float: left;
  width: 260px;
}

a.file_format
{ display: block;
  width: 30px;
  height: 12px;
  line-height: 9px;
  font-size: 9px;
  text-align: center;
  background-image: url("../icons/ext.png");
  float: left;
  margin-left: 3px;
}

a.file_format:hover
{ text-decoration: none;
}

.download_licence
{ display: block;
  float: right;
  margin-top: 3px;
}

/* ------------------------ players */

.player_progress
{ width: 100%;
  height: 2px;
  font-size: 2px;
  line-height: 2px;
  background-color: #333333;
  overflow: hidden;
  margin: 4px 0 3px 0;
}

.player_progress .loaded
{ width: 0;
  height: 2px;
  background-color: #3a3a3a;
}

.player_progress .position
{ width: 0;
  height: 2px;
//  background-color: #706c61;
  background-color: #555555;
  position: relative;
  top: -2px;
}

.player_controls
{ margin: 1px 1px 0 0;
  float: left;
}

.player_controls a
{ text-decoration: none;
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  margin-right: 5px;
}

.player_controls a span
{ display: none;
}

.player_controls a.play
{ background-image: url("../icons/player/play.png");
}

.player_controls a.play:hover
{ background-image: url("../icons/player/play_over.png");
}

.player_controls a.pause
{ background-image: url("../icons/player/pause.png");
  display: none;
}

.player_controls a.pause:hover
{ background-image: url("../icons/player/pause_over.png");
}

.player_controls a.stop
{ background-image: url("../icons/player/stop.png");
  display: none;
}

.player_controls a.stop:hover
{ background-image: url("../icons/player/stop_over.png");
}

/* ------------------------ entete admin artiste */

#artiste_admin_infos
{ float: left;
  width: 500px;
}

/* ------------------------ bloc playlists */

#playlists h4
{ padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  font-weight: bold;
  color: #dad3bc;
}

#playlists ul
{ margin: 0px;
  padding: 0px 0px 0px 0px;
}

#playlists ul li
{ margin: 3px;
  float: right;
}

#playlists ul li a
{ display: block;
  padding: 5px 10px 5px 10px;
  border: solid 1px #333333;
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  line-height: 12px;
}

#playlists ul li a:hover
{ text-decoration: none;
  background-color: #202020;
}

#playlists ul li a img
{ height: 12px;
}

/*
#playlists ul li.sep
{ border-left: solid 1px #333333;
}

#playlists ul li.last
{ border-right: solid 1px #333333;
}
*/

#playlists .clear
{ margin-bottom: 13px;
}