X-Git-Url: http://git.dj3c1t.com/?a=blobdiff_plain;f=app%2Fout%2Fdefault%2Fcss%2Factions%2Fsources.css;h=d0c3113ec63ddc5d344b32b43658c621f8253873;hb=387ff601aec85b26e0be3d57d0a4eccd2ff9ed25;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..d0c3113 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
 {
 }
@@ -75,6 +127,33 @@ p#play_all a
   width: 220px;
 }
 
+#colonne .logo_groupe{
+  text-align: center;
+  height: auto;
+  width: 220px;
+  padding: 0 10px 10px 10px;
+}
+
+#colonne .logo_groupe a{
+  display: block;
+  border: solid 1px #e5e5e5;
+  border-radius: 5px;
+  text-align: center;
+  background-color: #ffffff;
+  font-weight: bold;
+  color: #444444;
+}
+#colonne .logo_groupe a:hover{
+  background-color: #f1f1f1;
+}
+#colonne .logo_groupe a img{
+}
+#colonne .logo_groupe a span{
+  display: block;
+  padding: 10px;
+  text-align: center;
+}
+
 #colonne ul#album_links
 { margin: 32px 18px 0px 0px;
 }
@@ -114,64 +193,48 @@ 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
+ul.menu_albums
 { margin: 32px 18px 0px 0px;
 }
 
-#center ul.menu_albums li
+ul.menu_albums li
 { list-style-type: none;
   margin: 0px;
   padding: 0px;
 }
 
-#center ul.menu_albums li a
+ul.menu_albums li a
 { display: block;
   padding: 5px 5px 0px 5px;
+  border: solid 1px #d5d5d5;
+  border-radius: 3px;
 }
-
-#center h3.menu_albums
-{ margin: 0px 0px 10px 10px;
+ul.menu_albums li a:hover{
+  color: #000066;
+  background-color: #f5f5f5;
 }
 
-#center ul.menu_albums
+ul.menu_albums
 { list-style-type: none;
   margin-left: 0px;
   margin: 0px 0px 10px 10px;
 }
 
-#center ul.menu_albums li
+ul.menu_albums li
 { margin-left: 0px;
   width: 220px;
   margin: 5px 0px 5px 10px;
-/*  float: left;*/
 }
 
-#center ul.menu_albums li a
+ul.menu_albums li a
 { display: block;
   height: 90px;
   padding: 5px;
 }
 
-#center ul.menu_albums li a span
+ul.menu_albums li a span
 { display: block;
   float: right;
   padding: 10px 5px 0px 5px;
@@ -180,36 +243,69 @@ ul#lien_contact li a
 
 /* ------------------------ 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
@@ -226,6 +322,7 @@ ul.documents li
 { margin: 0px;
   padding: 0px;
   clear: left;
+  font-size: 0.8em;
 }
 
 /* ------ player */
@@ -288,29 +385,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
@@ -330,25 +431,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 +453,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 +462,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;
+.playing_track{
+  border: solid 1px #999999;
+  box-shadow: 0px 0px 5px #999999;
 }
 
-.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;
+.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
@@ -456,8 +520,45 @@ 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 --------- */
+
+ul.button_derive:after{
+  content: "";
+  display: table;
+  clear: both;
+}
+
+ul.button_derive li{
+  list-style-type: none;
+  float: right;
+  position: relative;
+  padding: 2px 5px 0 1em;
+}
+
+ul.button_derive li input[type=submit]{
+  display: block;
+  white-space : nowrap;
+  border: solid 1px #d5d5d5;
+  background-color: #ffffff;
+  background-image: url("../../icons/add.gif");
+  background-repeat: no-repeat;
+  background-position: 7px 10px;
+  padding: 0.6em 1em 0.6em 25px;
+  border-radius: 3px;
+  color: #000066;
+}
+ul.button_derive li input[type=submit]:hover{
+  color: #000066;
+  background-color: #f5f5f5;
+  cursor: pointer;
+}