X-Git-Url: http://git.dj3c1t.com/index.cgi?a=blobdiff_plain;f=app%2Fout%2Fdefault%2Fcss%2Factions%2Fsources.css;h=363fd9bb5d60dde8a8180d2219f4d3134a9b4fe9;hb=39104f779d37b7e4dc361e25326f5b40f011797c;hp=bee10b01f037b8b794dae64653b81fafc87a69ee;hpb=9391cb9ccb3dd2884e7be2f15aa729733288f1e5;p=mw_sourceml

diff --git a/app/out/default/css/actions/sources.css b/app/out/default/css/actions/sources.css
index bee10b0..363fd9b 100644
--- a/app/out/default/css/actions/sources.css
+++ b/app/out/default/css/actions/sources.css
@@ -1,40 +1,88 @@
+/* ------------------------------- 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
-{ list-style-type: none;
+ul.groupes{
+  list-style-type: none;
 }
 
-ul.groupes li
-{ margin: 10px 10px 10px 100px;
+ul.groupes li{
   padding: 0px;
-/*  float: left;*/
-  width: 370px;
+  float: left;
+  width: 50%;
 }
 
-ul.groupes li h4
-{ font-size: 16px;
+ul.groupes li h4{
+  font-size: 1.05em;
+  font-weight: bold;
   margin: 0px;
   padding: 0px;
+  margin: 10px;
 }
 
-ul.groupes li h4 a
-{ display: block;
+ul.groupes li h4 a{
+  display: block;
   padding: 5px;
-  width: 370px;
   height: 100px;
+  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: #444444;
+  background-color: #f5f5f5;
 }
 
-ul.groupes li h4 a img
-{ display: block;
+ul.groupes li h4 a img{
+  display: block;
   float: left;
 }
 
-ul.groupes li h4 a span
-{ float: right;
+ul.groupes li h4 a span{
   display: block;
+  margin-left: 150px;
   padding: 3px;
   text-align: right;
-  width: 238px;
 }
 
 ul.groupes li .infos li
@@ -55,6 +103,10 @@ ul.groupes li .infos li
 
 /* ------------------------------- page album ----------- */
 
+.logo_source{
+  text-align: center;
+}
+
 p#play_all
 {
 }
@@ -114,102 +166,100 @@ p#play_all a
   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 h1{
+  font-size: 1.3em;
+  float: left;
+}
+.track h1 a{
+  color: #555555;
+}
+.track h1 a:hover{
+  text-decoration: underline;
 }
 
-.sources h5 span.small
-{ font-size: 0.9em
+.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{
 
-.sources h5 .auteur
-{ float: right;
-  font-weight: normal;
 }
 
 .licence
@@ -226,6 +276,7 @@ ul.documents li
 { margin: 0px;
   padding: 0px;
   clear: left;
+  font-size: 0.8em;
 }
 
 /* ------ player */
@@ -297,20 +348,24 @@ ul.documents li
   padding-left: 0px;
 }
 
-.source_arbo h3
-{ padding-left: 35px;
+.source_arbo h3{
+  font-size: 1em;
+  font-weight: bold;
+  padding-left: 35px;
+  color: #444444;
 }
 
-.derivation h3
-{ font-size: 1em;
+.derivation h3{
+  font-size: 1em;
+  font-weight: bold;
   padding-left: 35px;
-  font-weight: normal;
+  color: #444444;
 }
 
-.pistes h3
-{ font-size: 1em;
+.pistes h3{
+  font-weight: bold;
   padding-left: 35px;
-  font-weight: normal;
+  color: #444444;
 }
 
 .no_source
@@ -330,25 +385,21 @@ ul.documents li
   padding: 0px;
 }
 
-/* ------------------------------- liste groupes ----------- */
-
-ul.groupes li h4 a
-{ border: solid 1px #d9d9d9;
-  border-radius: 3px 3px 3px 3px;
-  -moz-border-radius: 3px 3px 3px 3px;
-}
-
 /* ------------------------------- 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-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 --------- */
 
@@ -356,9 +407,7 @@ ul.albums li a
 { 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;
 }
@@ -367,49 +416,18 @@ ul#lien_contact li a
 { 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
@@ -456,8 +474,12 @@ ul#lien_contact li a
 { 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;
+}