stiti/SAE_2.02
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Ajout de youtube et deezer et spotify sur les musiques

Browse Source
This commit is contained in:
stiti
2024-05-26 18:05:12 +02:00
parent 2bcedf4f24
commit 61ab3bb729
4 changed files with 77 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
CodeIgniter-3.1.13/assets/css/artists_list.css
View File

@@ -89,3 +89,46 @@ body {
width: 100%;
}
}
.artist-details p {
margin-top: 10px;
}
.artist-details p a {
display: inline-block;
margin: 0 5px;
}
.artist-details p a img {
width: 30px;
height: auto;
}
.artist-details a.spotify,
.artist-details a.deezer,
.artist-details a.youtube {
color: white;
padding: 8px 12px;
border-radius: 5px;
text-decoration: none;
transition: background-color 0.3s, color 0.3s;
}
.artist-details a.spotify {
background-color: #1DB954; /* Vert Spotify */
}
.artist-details a.deezer {
background-color: #8826df; /* Violet Deezer */
}
.artist-details a.youtube {
background-color: #FF0000; /* Rouge YouTube */
}
.artist-details a.spotify:hover,
.artist-details a.deezer:hover,
.artist-details a.youtube:hover {
color: black;
background-color: rgba(255, 255, 255, 0.8); /* Fond légèrement plus clair au survol */
}

31
CodeIgniter-3.1.13/assets/css/style.css
View File

@@ -148,22 +148,37 @@ header.short-text a {
text-decoration: none;
transition: background-color 0.3s ease;
}
.spotify {
background-color: #5bab15;
.music-links a.spotify,
.music-links a.deezer,
.music-links a.youtube {
color: white;
padding: 8px 12px;
border-radius: 5px;
text-decoration: none;
transition: background-color 0.3s, color 0.3s;
}
.youtube {
background-color: #c51414;
.music-links a.spotify {
background-color: #1DB954; /* Vert Spotify */
}
.spotify:hover{
background-color: #3c6915;
.music-links a.deezer {
background-color: #6E44FF; /* Violet Deezer */
}
.youtube:hover {
background-color: #7a1818;
.music-links a.youtube {
background-color: #FF0000; /* Rouge YouTube */
}
.music-links a.spotify:hover,
.music-links a.deezer:hover,
.music-links a.youtube:hover {
color: black;
background-color: rgba(255, 255, 255, 0.8); /* Fond légèrement plus clair au survol */
}
.artist-name,
.album-name {
display: inline-block;