Commit 8e44e150 authored by Simon Daron's avatar Simon Daron Committed by fred
Browse files

style: player changes

parent 68aa5212
......@@ -375,31 +375,36 @@ body{
}
#Nav nav ul.distributed li {padding: 0;}
#Nav nav.right{
color:#EED1B1 !important;
background:#342E2E;
border-color:#342E2E;
border-width:2px;border-style:solid;
}
#Nav nav.right li, #Nav nav.right li a{
display:block;
color:#EED1B1 !important;
/****************************************************/
/**** Commons ****/
/****************************************************/
#mainHeader {
width:30%;
float:left;
}
@media screen and (max-width: 400px) {
#Nav nav.right{float:none !important;margin:none;border-top:2px solid white;}
#Player {
margin-top:1em;
width:65%;
float:right;
padding:0 0 0 0;
}
#Nav nav.sub{
#player-container.fixed { width:100%;left:0;border-width: 2px 0 0 0;border-style:solid;}
#player-container #player{
padding:0 0 0 0;
}
#Nav nav.sub li a{
min-width:7em;
padding:0.5em;
#Player #player-container #audioPlayer, #Player.withPlaylist #player-container #audioPlayer, .style-ffffff #Player.withPlaylist #player-container #Playlist{µ
margin:1em 0;
}
#player-container,
#player-container *{background-color:#ffffff !important; border-color:#ff6600 !important;color:#ff6600 !important;}
.audio button {color:#ff6600 !important;}
/****************************************************/
/**** PLAYER ****/
/****************************************************/
/*#Home #player{ float: left; } */
#player-container{
color:#fff;
......@@ -434,12 +439,17 @@ body{
#player-container.fixed{
z-index:500;
position:fixed;
width:100%;
width:100% !important;
/*top:2em;*/
font-size:80%;
bottom:0em;
border-bottom:none;
}
#Player.withoutPlaylist #player-container #audioPlayer{
font-size:150%;
margin:auto;
width:100%;
}
#Player.withPlaylist #player-container #audioPlayer{
float:left;
width:50%;
......@@ -451,7 +461,6 @@ body{
text-align:left;
}
#player-container.normal #player{
padding:3em;
}
#player-container.minimized{
width:auto;
......@@ -540,7 +549,7 @@ body{
padding-top:0.2em;
}
@media screen and (max-width: 500px) {
@media screen and (max-width: 800px) {
#Player.withPlaylist #player-container #audioPlayer,
#Player.withPlaylist #player-container #audioPlayer,
......@@ -557,12 +566,10 @@ body{
@media screen and (min-width: 500px) {
#Player #player-container #audioPlayer{
max-width:50%;
margin:auto;
}
}
/****************************************************/
.inline .link{display:block;padding:1em;}
/**** Liste ****/
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment