Ajout de youtube + spotify

CodeIgniter-3.1.13/assets/css/musiques_list.css

@@ -35,7 +35,7 @@ a {
 a:hover {
     text-decoration: underline;
 }
-/* Styles pour les boutons de pagination */
+
 .pagination {
     text-align: center;
     margin-top: 20px;
@@ -58,4 +58,19 @@ a:hover {
 
 .pagination .active {
     background-color: #29043e;
-}
+}
+
+.music-links {
+    margin-top: 10px;
+}
+
+.music-links a {
+    display: inline-block;
+    margin-right: 10px;
+    color: #560d61;
+    text-decoration: none;
+}
+
+.music-links a:hover {
+    text-decoration: underline;
+}

CodeIgniter-3.1.13/assets/css/search_results.css

@@ -0,0 +1,62 @@
+body {
+    font-family: Arial, sans-serif;
+    margin: 0;
+    padding: 0;
+    background-color: #f8f8f8;
+}
+
+.search-title {
+    color: #6a0dad; 
+    text-align: center;
+    margin-top: 20px;
+}
+
+.error-message {
+    color: #f44336;
+    text-align: center;
+}
+
+.section {
+    margin-bottom: 30px;
+}
+
+.section-title {
+    color: #6a0dad;
+    font-size: 1.5em;
+}
+
+ul {
+    padding: 0;
+}
+
+ul li {
+    margin-bottom: 10px;
+}
+
+ul li a {
+    color: #6a0dad;
+    text-decoration: none;
+    transition: color 0.3s ease;
+}
+
+ul li a:hover {
+    color: #4a0772;
+}
+
+.no-results {
+    text-align: center;
+    color: #777; /* Grey */
+}
+
+/* Responsive styles */
+@media screen and (max-width: 768px) {
+    ul li {
+        width: 45%;
+    }
+}
+
+@media screen and (max-width: 576px) {
+    ul li {
+        width: 100%;
+    }
+}

CodeIgniter-3.1.13/assets/css/style.css

@@ -135,3 +135,42 @@ header.short-text a {
     background-color: #6a0080;
 }
 
+.music-links {
+    margin-top: 10px;
+}
+
+.music-links a {
+    display: inline-block;
+    margin-right: 10px;
+    padding: 5px 10px;
+    border-radius: 5px;
+    color: #fff;
+    text-decoration: none;
+    transition: background-color 0.3s ease;
+}
+.spotify {
+    background-color: #5bab15;
+}
+
+.youtube {
+    background-color: #c51414;
+}
+
+.spotify:hover{
+    background-color: #3c6915;
+}
+
+.youtube:hover {
+    background-color: #7a1818;
+}
+
+.artist-name,
+.album-name {
+    display: inline-block;
+    margin-right: 10px;
+    padding: 5px 10px;
+    border-radius: 5px;
+    background-color: #7300ff;
+    color: #fff;
+    transition: background-color 0.3s ease;
+}