+/* ------------------------------- ariane ----------- */
+
+ul.ariane{
+ padding-bottom: 2em;
+}
+
+ul.groupes_sources li{
+ clear: both;
+ margin-bottom: 0.5em;
+}
+
+ul.groupes_sources li a{
+ display: block;
+ padding: 0 1em 0 1.8em;
+ line-height: 2em;
+ background-image: url(../../icons/item.png);
+ background-position: 5px 0.6em;
+ background-repeat: no-repeat;
+ border: solid 1px #d5d5d5;
+ border-radius: 3px;
+}
+ul.groupes_sources li a:hover{
+ color: #000066;
+ background-color: #f5f5f5;
+}
+
+ul.ariane li{
+ float: left;
+}
+ul.ariane li a{
+ display: block;
+ padding: 0 1.8em 0 0.5em;
+ background-image: url(../../icons/item.png);
+ background-position: right 3px;
+ background-repeat: no-repeat;
+}
+ul.ariane li:last-child a{
+ background-image: none;
+}
+
/* ------------------------------- liste groupes ----------- */
ul.groupes{
ul.groupes li{
padding: 0px;
float: left;
- width: 33%;
+ width: 50%;
}
ul.groupes li h4{
- font-size: 1.2em;
+ font-size: 1.05em;
font-weight: bold;
margin: 0px;
padding: 0px;
display: block;
padding: 5px;
height: 100px;
- border: solid 1px #d9d9d9;
+ background-color: #ffffff;
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
+ color: #444444;
+ border: solid 1px #d5d5d5;
}
ul.groupes li h4 a:hover{
- color: #000066;
- background-color: #f1f1f1;
+ color: #444444;
+ background-color: #f5f5f5;
}
ul.groupes li h4 a img{
/* ------------------------------- page album ----------- */
-.logo_album{
+.logo_source{
text-align: center;
}
float: right;
padding: 10px 5px 0px 5px;
}
-/*
-ul#lien_contact
-{ margin: 20px 18px 0px 0px;
- padding: 0px;
-}
-ul#lien_contact li
-{ list-style-type: none;
- margin: 0px;
- padding: 0px;
-}
-
-ul#lien_contact li a
-{ display: block;
- text-align: right;
- padding: 5px 5px 0px 5px;
-}
-*/
/* ------------------------------- albums (page groupe) --- */
-#center ul.menu_albums
-{ margin: 32px 18px 0px 0px;
+ul.menu_albums{
+ margin: 32px 18px 0px 0px;
+ list-style-type: none;
+ margin-left: 0px;
+ margin: 0px 0px 10px 10px;
}
-#center ul.menu_albums li
-{ list-style-type: none;
- margin: 0px;
+ul.menu_albums li{
+ list-style-type: none;
+ width: 250px;
padding: 0px;
}
-#center ul.menu_albums li a
-{ display: block;
- padding: 5px 5px 0px 5px;
+#colonne ul.menu_albums li{
+ width: auto;
}
-#center h3.menu_albums
-{ margin: 0px 0px 10px 10px;
-}
-
-#center ul.menu_albums
-{ list-style-type: none;
- margin-left: 0px;
- margin: 0px 0px 10px 10px;
-}
-
-#center ul.menu_albums li
-{ margin-left: 0px;
- width: 220px;
+ul.menu_albums li a{
margin: 5px 0px 5px 10px;
-/* float: left;*/
-}
-
-#center ul.menu_albums li a
-{ display: block;
+ display: block;
height: 90px;
padding: 5px;
+ border: solid 1px #d5d5d5;
+ border-radius: 3px;
+}
+ul.menu_albums li a:hover{
+ color: #000066;
+ background-color: #f5f5f5;
}
-#center ul.menu_albums li a span
-{ display: block;
+ul.menu_albums li a span{
+ display: block;
float: right;
+ max-width: 140px;
padding: 10px 5px 0px 5px;
- max-width: 100px;
+ text-align: right;
+ font-weight: bold;
}
/* ------------------------ blocs source -------------------- */
-ul.sources
-{ list-style-type: none;
+ul.sources{
+ list-style-type: none;
}
-ul.sources li
-{ margin: 10px 5px 0px 5px;
+ul.sources li{
+ margin: 10px 5px 0px 5px;
padding: 5px;
}
-.playing_download
-{ padding: 5px;
+.playing_download{
+ padding: 5px;
margin-top: 10px;
}
-.sources h5
-{ font-size: 1em;
- padding: 3px 10px 3px 10px;
+.track{
+ background-color: #ffffff;
+ border: solid 1px #d5d5d5;
+ border-radius: 3px;
+ box-shadow: 0px 0px 5px #d5d5d5;
}
-.sources h5 span
-{ font-weight: normal;
+.track .logo_source{
+ float: left;
}
-.sources h5 span.small
-{ font-size: 0.9em
+.track h1{
+ font-size: 1.2em;
+ padding-left: 0;
+}
+.track h1.with_image{
+ padding-left: 110px;
}
-.sources h5 .auteur
-{ float: right;
- font-weight: normal;
+.track h1 a{
+ color: #555555;
+}
+.track h1 a:hover{
+ text-decoration: underline;
+}
+
+.track h3{
+ font-size: 1.1em;
+}
+
+.track ul.authors{
+ float: right;
+ padding: 0;
+ margin: 0;
+}
+.track ul.authors li{
+ padding: 0;
+ margin: 0;
+}
+.track ul.authors li a{
+ display: block;
+ text-align: right;
+/* color: #855e00;*/
+ padding: 0em 1em;
+ border-radius: 3px;
+ margin-bottom: 0.3em;
+}
+.track ul.authors li a:hover{
+
}
.licence
{ margin: 0px;
padding: 0px;
clear: left;
+ font-size: 0.8em;
}
/* ------ player */
}
.pistes
-{ margin: 0px 13px 10px 45px;
+{ margin: 0px 13px 10px 13px;
padding-left: 0px;
}
.derivation
-{ margin: 0px 13px 10px 45px;
+{ margin: 0px 13px 10px 13px;
padding-left: 0px;
}
-.source_arbo h3
-{ padding-left: 35px;
+.source_arbo h3{
+ font-size: 1em;
+ font-weight: bold;
+ padding-left: 13px;
+ color: #444444;
}
-.derivation h3
-{ font-size: 1em;
- padding-left: 35px;
- font-weight: normal;
+.derivation h3{
+ font-size: 1em;
+ font-weight: bold;
+ padding-left: 13px;
+ color: #444444;
}
-.pistes h3
-{ font-size: 1em;
- padding-left: 35px;
- font-weight: normal;
+.pistes h3{
+ font-weight: bold;
+ padding-left: 13px;
+ color: #444444;
}
.no_source
/* ------------------------------- page album ----------- */
-p#play_all a
-{ border: solid 1px #c0c0c0;
+p#play_all a{
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
background-image: url("../../icons/ecouter.png");
background-repeat: no-repeat;
background-position: 6px 6px;
+ color: #333333;
+ border: solid 1px #d5d5d5;
background-color: #ffffff;
}
+p#play_all a:hover{
+ background-color: #f5f5f5;
+}
/* ----------------------------------- sources --------- */
{ border: solid 1px #555555;
}
-.logo_groupe
-{ /*border: solid 1px #e9e9e9;*/
- background-color: #ffffff;
+.logo_groupe{
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
}
{ border-bottom: solid 1px #d9d9d9;
}
-#colonne ul#album_links
-{ /*border-bottom: solid 1px #333333;*/
-}
-
-#colonne ul#album_links li
-{
+.playing_track{
+ border: solid 1px #999999;
+ box-shadow: 0px 0px 5px #999999;
}
-#colonne ul.menu_albums li
-{ border: solid 1px #d9d9d9;
+.player_progress{
+ border: solid 1px #c0c0c0;
background-color: #ffffff;
}
-#center ul.menu_albums li
-{ border: solid 1px #d9d9d9;
- float: left;
-}
-
-.track
-{ border: solid 1px #ffffff;
- border-radius: 3px 3px 3px 3px;
- -moz-border-radius: 3px 3px 3px 3px;
-}
-
-.track h5
-{ background-color: #ffffff;
- border-radius: 3px 3px 0px 0px;
- -moz-border-radius: 3px 3px 0px 0px;
-}
-
-.playing_track
-{ border: solid 1px #dedede;
- background-color: #ffffff;
- border-radius: 3px 3px 3px 3px;
- -moz-border-radius: 3px 3px 3px 3px;
-}
-
-.player_progress
-{ background-color: #ececec;
-}
-
.player_progress .loaded
-{ background-color: #dedede;
+{ background-color: #c0c0c0;
}
.player_progress .position
{ border-left: none;
}
-.loading
-{ background-image: url("../../icons/ajax-loader.gif");
+.loading{
+ background-image: url("../../icons/ajax-loader.gif");
background-repeat: no-repeat;
background-position: 5px 5px;
-}
\ No newline at end of file
+ height: 20px;
+}
+.loading span{
+ display: none;
+}