X-Git-Url: http://git.dj3c1t.com/index.cgi?a=blobdiff_plain;f=app%2Fout%2Fdefault%2Fcss%2Factions%2Fsources.css;h=756ef6b7d40e0e791c8e7d258e0098b44c7a4874;hb=f58d0d306acdf88245f47573bf78dc5497aa03d7;hp=1a7239c0569a5fbbe6784666c2b23cc9b2b10ee9;hpb=2802d2dbcb5a1ea3c269d6fb4df9fbfb0f13f93d;p=mw_sourceml

diff --git a/app/out/default/css/actions/sources.css b/app/out/default/css/actions/sources.css
index 1a7239c..756ef6b 100644
--- a/app/out/default/css/actions/sources.css
+++ b/app/out/default/css/actions/sources.css
@@ -1,3 +1,43 @@
+/* ------------------------------- 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{
@@ -7,11 +47,11 @@ 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;
@@ -22,13 +62,15 @@ ul.groupes li h4 a{
   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{
@@ -61,7 +103,7 @@ ul.groupes li .infos li
 
 /* ------------------------------- page album ----------- */
 
-.logo_album{
+.logo_source{
   text-align: center;
 }
 
@@ -123,103 +165,113 @@ p#play_all a
   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;
-}
-
-#center h3.menu_albums
-{ margin: 0px 0px 10px 10px;
+#colonne ul.menu_albums li{
+  width: auto;
 }
 
-#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
@@ -236,6 +288,7 @@ ul.documents li
 { margin: 0px;
   padding: 0px;
   clear: left;
+  font-size: 0.8em;
 }
 
 /* ------ player */
@@ -298,29 +351,33 @@ ul.documents li
 }
 
 .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
@@ -342,15 +399,19 @@ ul.documents li
 
 /* ------------------------------- 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 --------- */
 
@@ -358,9 +419,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;
 }
@@ -369,49 +428,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
-{
-}
-
-#colonne ul.menu_albums li
-{ border: solid 1px #d9d9d9;
-  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 #999999;
+  box-shadow: 0px 0px 5px #999999;
 }
 
-.playing_track
-{ border: solid 1px #dedede;
+.player_progress{
+  border: solid 1px #c0c0c0;
   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
@@ -458,8 +486,32 @@ 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;
+}
+
+/* ----------------------------------- bouton de derivation --------- */
+
+form.button_derive{
+  text-align: right;
+}
+
+form.button_derive div{
+  display: inline;
+}
+form.button_derive div input[type=submit]{
+  background-color: transparent;
+  color: #333333;
+  border: solid 1px #c0c0c0;
+  padding: 1em;
+  border-radius: 5px;
+}
+form.button_derive div input[type=submit]:hover{
+  color: #c0c0c0;
+}