[divan] changement de couleurs
All checks were successful
camelia / deploy (push) Successful in 50s

Dans la liste des épisodes, le titre des HS et leur bouton sont d'une couleur différente pour mieux les distinguer.
This commit is contained in:
Esenjin 2024-01-21 20:30:24 +01:00
parent 03c3259e75
commit ea09ab6a4e
2 changed files with 18 additions and 10 deletions

View File

@ -113,7 +113,7 @@ p {
font-size: 16px;
font-weight: 300;
line-height: 28px;
color: white;
color: #c8c8c8;
margin-bottom: 13px;
font-family: "Muli", sans-serif;
}
@ -1989,7 +1989,7 @@ h3 {
}
/* line 176, ../../Arafath/CL/Cl November/221. Music/HTML/scss/_music_area.scss */
.music_area .music_field .audio_name .name p {
.music_area .music_field .audio_name .name .name_hs p {
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
@ -2089,6 +2089,14 @@ h3 {
color: #145327;
}
/* line 242, ../../Arafath/CL/Cl November/221. Music/HTML/scss/_music_area.scss */
.name_hs h4 {
font-size: 30px;
font-weight: 600;
margin-bottom: 0;
color: #1e5353;
}
/* line 248, ../../Arafath/CL/Cl November/221. Music/HTML/scss/_music_area.scss */
.music_gallery .audioplayer-volume-button a:before {
width: 0;

View File

@ -150,7 +150,7 @@
<img src="img/pochettes/102291318.jpg" alt="">
</div>
<div class="audio_name">
<div class="name">
<div class="name_hs">
<h4>HS 04 | Violet Evergarden</h4>
<p>26 février 2023</p>
</div>
@ -159,7 +159,7 @@
</div>
<div class="col-xl-3 col-md-3">
<div class="music_btn">
<a href="https://tsubakimono.camelia-studio.org/divan-hs4-violet-evergarden/" class="boxed-btn" target="_blank">Écouter</a>
<a href="https://tsubakimono.camelia-studio.org/divan-hs4-violet-evergarden/" class="boxed-btn" target="_blank" style="background-color:#1e5353;border-color:#1e5353;" onmouseover="this.style.backgroundColor='transparent';" onmouseout="this.style.backgroundColor='#1e5353'; this.style.borderColor='#1e5353';">Écouter</a>
</div>
</div>
</div>
@ -194,7 +194,7 @@
<img src="img/pochettes/98483800.jpg" alt="">
</div>
<div class="audio_name">
<div class="name">
<div class="name_hs">
<h4>HS 03 | Bilan de l'année 2022</h4>
<p>17 décembre 2022</p>
</div>
@ -203,7 +203,7 @@
</div>
<div class="col-xl-3 col-md-3">
<div class="music_btn">
<a href="https://tsubakimono.camelia-studio.org/divan-hs3-bilan-de-lannee-2022/" class="boxed-btn" target="_blank">Écouter</a>
<a href="https://tsubakimono.camelia-studio.org/divan-hs3-bilan-de-lannee-2022/" class="boxed-btn" target="_blank" style="background-color:#1e5353;border-color:#1e5353;" onmouseover="this.style.backgroundColor='transparent';" onmouseout="this.style.backgroundColor='#1e5353'; this.style.borderColor='#1e5353';">Écouter</a>
</div>
</div>
</div>
@ -261,7 +261,7 @@
<img src="img/pochettes/97145842.jpg" alt="">
</div>
<div class="audio_name">
<div class="name">
<div class="name_hs">
<h4>HS 02 | Un HS générique</h4>
<p>26 juin 2022</p>
</div>
@ -270,7 +270,7 @@
</div>
<div class="col-xl-3 col-md-3">
<div class="music_btn">
<a href="https://tsubakimono.camelia-studio.org/divan-hs2-un-hs-generique/" class="boxed-btn" target="_blank">Écouter</a>
<a href="https://tsubakimono.camelia-studio.org/divan-hs2-un-hs-generique/" class="boxed-btn" target="_blank" style="background-color:#1e5353;border-color:#1e5353;" onmouseover="this.style.backgroundColor='transparent';" onmouseout="this.style.backgroundColor='#1e5353'; this.style.borderColor='#1e5353';">Écouter</a>
</div>
</div>
</div>
@ -327,7 +327,7 @@
<img src="img/pochettes/85930821.jpg" alt="">
</div>
<div class="audio_name">
<div class="name">
<div class="name_hs">
<h4>HS 01 | Bilan de l'année 2021</h4>
<p>18 décembre 2021</p>
</div>
@ -336,7 +336,7 @@
</div>
<div class="col-xl-3 col-md-3">
<div class="music_btn">
<a href="https://tsubakimono.camelia-studio.org/divan-hs1-bilan-de-lannee-2021/" class="boxed-btn" target="_blank">Écouter</a>
<a href="https://tsubakimono.camelia-studio.org/divan-hs1-bilan-de-lannee-2021/" class="boxed-btn" target="_blank" style="background-color:#1e5353;border-color:#1e5353;" onmouseover="this.style.backgroundColor='transparent';" onmouseout="this.style.backgroundColor='#1e5353'; this.style.borderColor='#1e5353';">Écouter</a>
</div>
</div>
</div>