.description
{ padding: 15px 50px 15px 50px;
- font-size: 0.9em;
+ font-size: 1em;
}
.description p
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;
}
/* ------------------------------- albums (page groupe) --- */
-ul.menu_albums{
- margin: 32px 18px 0px 0px;
- list-style-type: none;
- margin-left: 0px;
- margin: 0px 0px 10px 10px;
+ul.menu_albums
+{ margin: 32px 18px 0px 0px;
}
-ul.menu_albums li{
- list-style-type: none;
- width: 250px;
+ul.menu_albums li
+{ list-style-type: none;
+ margin: 0px;
padding: 0px;
}
-#colonne ul.menu_albums li{
- width: auto;
-}
-
-ul.menu_albums li a{
- margin: 5px 0px 5px 10px;
- display: block;
- height: 90px;
- padding: 5px;
+ul.menu_albums li a
+{ display: block;
+ padding: 5px 5px 0px 5px;
border: solid 1px #d5d5d5;
border-radius: 3px;
}
background-color: #f5f5f5;
}
-ul.menu_albums li a span{
- display: block;
+ul.menu_albums
+{ list-style-type: none;
+ margin-left: 0px;
+ margin: 0px 0px 10px 10px;
+}
+
+ul.menu_albums li
+{ margin-left: 0px;
+ width: 220px;
+ margin: 5px 0px 5px 10px;
+}
+
+ul.menu_albums li a
+{ display: block;
+ height: 90px;
+ padding: 5px;
+}
+
+ul.menu_albums li a span
+{ display: block;
float: right;
- max-width: 140px;
padding: 10px 5px 0px 5px;
- text-align: right;
- font-weight: bold;
+ max-width: 100px;
}
/* ------------------------ blocs source -------------------- */
text-align: right;
}
-ul.documents
-{ list-style-type: none;
-}
-
-ul.documents li
-{ margin: 0px;
- padding: 0px;
- clear: left;
- font-size: 0.8em;
-}
-
-/* ------ player */
-
-.loading_player{
- opacity: 0.5;
- background-image: url(../../icons/player_loading.gif);
- background-position: center;
+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_progress
-{ width: 100%;
- height: 5px;
- font-size: 1px;
- line-height: 1px;
- overflow: hidden;
- margin: 0px 0px 0px 0px;
- position: relative;
- cursor: pointer;
-}
-
-.player_progress .loaded
-{ width: 0;
- height: 5px;
-}
-
-.player_progress .position
-{ width: 0;
- height: 5px;
- position: absolute;
- top: 0px;
-}
-
-.player_controls, .no_player
-{ margin: 2px 5px 0 0;
+ul.documents li{
+ margin: 0px;
+ padding: 0px;
float: left;
- width: 40px;
-}
-
-.player_controls a
-{ text-decoration: none;
+ font-size: 1em;
+ padding: 5px 5px 0 0;
}
-.player_controls a.pause
-{ display: none;
+ul.documents li a{
+ display: block;
+ border: solid 1px #c0c0c0;
+ padding: 3px 10px;
}
-
-.player_controls a.stop
-{ display: none;
+ul.documents li a:hover{
+ background-color: #f5f5f5;
+ color: #000066;
}
/* ------ pistes / derivations */
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 ----------- */
}
.player_progress{
- border: solid 1px #c0c0c0;
+/* border: solid 1px #c0c0c0;*/
background-color: #ffffff;
}
{ 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;
}
.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;
-}