|
@@ -1363,6 +1363,7 @@ body.ajax-loading main[role="main"]:before {
|
|
#audio-player .favoris {
|
|
#audio-player .favoris {
|
|
height: 100%; }
|
|
height: 100%; }
|
|
#audio-player .cartel {
|
|
#audio-player .cartel {
|
|
|
|
+ position: relative;
|
|
max-width: 400px;
|
|
max-width: 400px;
|
|
margin-left: 1em;
|
|
margin-left: 1em;
|
|
background-color: white;
|
|
background-color: white;
|
|
@@ -1371,58 +1372,79 @@ body.ajax-loading main[role="main"]:before {
|
|
transition: opacity 0.5s ease-in-out; }
|
|
transition: opacity 0.5s ease-in-out; }
|
|
#audio-player .cartel.loading {
|
|
#audio-player .cartel.loading {
|
|
opacity: 0; }
|
|
opacity: 0; }
|
|
- #audio-player .cartel .entrees {
|
|
|
|
|
|
+ #audio-player .cartel .first-cartel .entrees {
|
|
line-height: 0; }
|
|
line-height: 0; }
|
|
- #audio-player .cartel .entrees span {
|
|
|
|
|
|
+ #audio-player .cartel .first-cartel .entrees span {
|
|
display: inline-block;
|
|
display: inline-block;
|
|
width: 8px;
|
|
width: 8px;
|
|
height: 8px;
|
|
height: 8px;
|
|
background-color: black;
|
|
background-color: black;
|
|
margin-right: 3px; }
|
|
margin-right: 3px; }
|
|
- #audio-player .cartel .entrees span[tid='134'] {
|
|
|
|
|
|
+ #audio-player .cartel .first-cartel .entrees span[tid='134'] {
|
|
background-color: #2b8f2f; }
|
|
background-color: #2b8f2f; }
|
|
- #audio-player .cartel .entrees span[tid='121'] {
|
|
|
|
|
|
+ #audio-player .cartel .first-cartel .entrees span[tid='121'] {
|
|
background-color: #3a33b6; }
|
|
background-color: #3a33b6; }
|
|
- #audio-player .cartel .entrees span[tid='125'] {
|
|
|
|
|
|
+ #audio-player .cartel .first-cartel .entrees span[tid='125'] {
|
|
background-color: #2c9f57; }
|
|
background-color: #2c9f57; }
|
|
- #audio-player .cartel .entrees span[tid='119'] {
|
|
|
|
|
|
+ #audio-player .cartel .first-cartel .entrees span[tid='119'] {
|
|
background-color: #c48978; }
|
|
background-color: #c48978; }
|
|
- #audio-player .cartel .entrees span[tid='132'] {
|
|
|
|
|
|
+ #audio-player .cartel .first-cartel .entrees span[tid='132'] {
|
|
background-color: #5270bb; }
|
|
background-color: #5270bb; }
|
|
- #audio-player .cartel .entrees span[tid='122'] {
|
|
|
|
|
|
+ #audio-player .cartel .first-cartel .entrees span[tid='122'] {
|
|
background-color: #fb54d3; }
|
|
background-color: #fb54d3; }
|
|
- #audio-player .cartel .entrees span[tid='129'] {
|
|
|
|
|
|
+ #audio-player .cartel .first-cartel .entrees span[tid='129'] {
|
|
background-color: #e07483; }
|
|
background-color: #e07483; }
|
|
- #audio-player .cartel .entrees span[tid='120'] {
|
|
|
|
|
|
+ #audio-player .cartel .first-cartel .entrees span[tid='120'] {
|
|
background-color: #655845; }
|
|
background-color: #655845; }
|
|
- #audio-player .cartel .entrees span[tid='130'] {
|
|
|
|
|
|
+ #audio-player .cartel .first-cartel .entrees span[tid='130'] {
|
|
background-color: #7e0868; }
|
|
background-color: #7e0868; }
|
|
- #audio-player .cartel .entrees span[tid='118'] {
|
|
|
|
|
|
+ #audio-player .cartel .first-cartel .entrees span[tid='118'] {
|
|
background-color: #0e7121; }
|
|
background-color: #0e7121; }
|
|
- #audio-player .cartel .entrees span[tid='127'] {
|
|
|
|
|
|
+ #audio-player .cartel .first-cartel .entrees span[tid='127'] {
|
|
background-color: #dabd42; }
|
|
background-color: #dabd42; }
|
|
- #audio-player .cartel .entrees span[tid='133'] {
|
|
|
|
|
|
+ #audio-player .cartel .first-cartel .entrees span[tid='133'] {
|
|
background-color: #0399bb; }
|
|
background-color: #0399bb; }
|
|
- #audio-player .cartel .entrees span[tid='128'] {
|
|
|
|
|
|
+ #audio-player .cartel .first-cartel .entrees span[tid='128'] {
|
|
background-color: #399a1c; }
|
|
background-color: #399a1c; }
|
|
- #audio-player .cartel .entrees span[tid='124'] {
|
|
|
|
|
|
+ #audio-player .cartel .first-cartel .entrees span[tid='124'] {
|
|
background-color: #708540; }
|
|
background-color: #708540; }
|
|
- #audio-player .cartel .entrees span[tid='116'] {
|
|
|
|
|
|
+ #audio-player .cartel .first-cartel .entrees span[tid='116'] {
|
|
background-color: #191bff; }
|
|
background-color: #191bff; }
|
|
- #audio-player .cartel .entrees span[tid='117'] {
|
|
|
|
|
|
+ #audio-player .cartel .first-cartel .entrees span[tid='117'] {
|
|
background-color: #279d84; }
|
|
background-color: #279d84; }
|
|
- #audio-player .cartel .entrees span[tid='131'] {
|
|
|
|
|
|
+ #audio-player .cartel .first-cartel .entrees span[tid='131'] {
|
|
background-color: #5219ab; }
|
|
background-color: #5219ab; }
|
|
- #audio-player .cartel .entrees span[tid='126'] {
|
|
|
|
|
|
+ #audio-player .cartel .first-cartel .entrees span[tid='126'] {
|
|
background-color: #d49cb6; }
|
|
background-color: #d49cb6; }
|
|
- #audio-player .cartel .entrees span[tid='123'] {
|
|
|
|
|
|
+ #audio-player .cartel .first-cartel .entrees span[tid='123'] {
|
|
background-color: #497715; }
|
|
background-color: #497715; }
|
|
- #audio-player .cartel h2.node-title {
|
|
|
|
|
|
+ #audio-player .cartel .first-cartel h2.node-title {
|
|
margin: 0.2em 0 0;
|
|
margin: 0.2em 0 0;
|
|
font-size: 1em; }
|
|
font-size: 1em; }
|
|
- #audio-player .cartel p {
|
|
|
|
|
|
+ #audio-player .cartel .first-cartel p {
|
|
margin: 0;
|
|
margin: 0;
|
|
font-size: 0.75em; }
|
|
font-size: 0.75em; }
|
|
|
|
+ #audio-player .cartel .second-cartel {
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 0;
|
|
|
|
+ left: 0;
|
|
|
|
+ background-color: white;
|
|
|
|
+ height: 100%;
|
|
|
|
+ min-width: 100%;
|
|
|
|
+ opacity: 0;
|
|
|
|
+ -webkit-transition: opacity 0.2s ease-in-out;
|
|
|
|
+ transition: opacity 0.2s ease-in-out; }
|
|
|
|
+ #audio-player .cartel .second-cartel > * {
|
|
|
|
+ display: inline-block;
|
|
|
|
+ vertical-align: top; }
|
|
|
|
+ #audio-player .cartel .second-cartel .col-left a {
|
|
|
|
+ display: block;
|
|
|
|
+ font-size: 0.90em;
|
|
|
|
+ font-weight: 600; }
|
|
|
|
+ #audio-player .cartel .second-cartel .col-right {
|
|
|
|
+ font-size: 0.75em; }
|
|
|
|
+ #audio-player .cartel:hover .second-cartel {
|
|
|
|
+ opacity: 1; }
|
|
#audio-player.is-playing .btns .play-pause {
|
|
#audio-player.is-playing .btns .play-pause {
|
|
background-image: url(../img/audio-player-pause.svg); }
|
|
background-image: url(../img/audio-player-pause.svg); }
|
|
|
|
|