+/* ------------------------------- 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{
.description
{ padding: 15px 50px 15px 50px;
- font-size: 0.9em;
+ font-size: 1em;
}
.description p
/* ------------------------------- page album ----------- */
-.logo_album{
+.logo_source{
text-align: center;
}
width: 220px;
}
+#colonne .logo_groupe{
+ text-align: center;
+ height: auto;
+ width: auto;
+ padding: 0 0 10px 0;
+}
+
+#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;
}
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
+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;
/* ------------------------ 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;
}
-
-.sources h5 .auteur
-{ float: right;
- font-weight: normal;
+.track h1.with_image{
+ padding-left: 110px;
}
-.licence
-{ float: right;
- margin: 3px 10px 0px 0px;
- text-align: right;
+.track h1 a{
+ color: #555555;
}
-
-ul.documents
-{ list-style-type: none;
+.track h1 a:hover{
+ text-decoration: underline;
}
-ul.documents li
-{ margin: 0px;
- padding: 0px;
- clear: left;
+.track h3{
+ font-size: 1.1em;
}
-/* ------ player */
-
-.loading_player{
- opacity: 0.5;
- background-image: url(../../icons/player_loading.gif);
- background-position: center;
- background-repeat: no-repeat;
+.track ul.authors{
+ float: right;
+ padding: 0;
+ margin: 0;
}
-
-.player_progress
-{ width: 100%;
- height: 5px;
- font-size: 1px;
- line-height: 1px;
- overflow: hidden;
- margin: 0px 0px 0px 0px;
- position: relative;
- cursor: pointer;
+.track ul.authors li{
+ padding: 0;
+ margin: 0;
}
-
-.player_progress .loaded
-{ width: 0;
- height: 5px;
+.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{
-.player_progress .position
-{ width: 0;
- height: 5px;
- position: absolute;
- top: 0px;
}
-.player_controls, .no_player
-{ margin: 2px 5px 0 0;
- float: left;
- width: 40px;
+.licence
+{ float: right;
+ margin: 3px 10px 0px 0px;
+ text-align: right;
}
-.player_controls a
-{ text-decoration: none;
+ul.documents{
+ list-style-type: none;
+ padding-left: 65px;
+ background-image: url(../../icons/download.png);
+ background-repeat: no-repeat;
+ background-position: 23px 8px;
+ min-height: 32px;
}
-.player_controls a.pause
-{ display: none;
+ul.documents li{
+ margin: 0px;
+ padding: 0px;
+ float: left;
+ font-size: 1em;
+ padding: 5px 5px 0 0;
}
-.player_controls a.stop
-{ display: none;
+ul.documents li a{
+ display: block;
+ border: solid 1px #c0c0c0;
+ padding: 3px 10px;
+}
+ul.documents li a:hover{
+ background-color: #f5f5f5;
+ color: #000066;
}
/* ------ pistes / derivations */
}
.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
font-size: 0.9em;
}
-.source_arbo ul.menu_source
-{ margin: 5px 0px 0px 0px;
- padding: 0px;
- list-style-type: none;
-}
-
-.source_arbo ul.menu_source li
-{ margin: 0px;
- padding: 0px;
-}
/* ------------------------------- 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;*/
+.playing_track{
+ border: solid 1px #999999;
+ box-shadow: 0px 0px 5px #999999;
}
-#colonne ul#album_links li
-{
-}
-
-#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: none;
}
-.source_arbo ul.menu_source
-{ float: right;
- margin: 0px 10px 1px 0px;
-}
-.source_arbo ul.menu_source li
-{ float: right;
- padding: 1px;
+
+
+ul.menu_source{
+ float: right;
+ margin: 0px;
+ padding: 0px;
+ list-style-type: none;
}
-.source_arbo ul.menu_source li a
-{ display: block;
- text-align: center;
- background-color: #151515;
- border-radius: 3px 3px 0px 0px;
- -moz-border-radius: 3px 3px 0px 0px;
- padding: 2px 5px 2px 5px;
+ul.menu_source li{
+ float: right;
+ padding: 0;
+ margin-left: 5px;
}
-.source_arbo ul.menu_source li a:hover
-{
+ul.menu_source li a{
+ display: block;
+ line-height: 1.5em;
+ padding: 0 0.5em;
+ background-color: #ffffff;
+ border: solid 1px #c0c0c0;
+ border-radius: 3px;
+ cursor: pointer;
+ font-size: 1em;
+ font-weight: normal;
+}
+ul.menu_source li a:hover{
+ color: #000066;
+ background-color: #f1f1f1;
}
-.source_arbo ul.menu_source li.icon a
-{ border: none;
- padding: 2px 2px 2px 2px;
+ul.menu_source li a:hover{
}
+
.pistes
{ border-left: none;
}
{ 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;
+}
projects / mw_sourceml / blobdiff