une belle fenêtre winxp pour le lecteur audio

on peut dragger pis toute pis toute

assets/css/oof.css

@@ -1,21 +1,22 @@
-html {
-    --scrollbarBG: #4B0082;
-    --thumbBG: #FF69B4;
-    overflow: hidden;
+/* Works on Firefox */
+* {
+  scrollbar-width: thin;
+  scrollbar-color: #FF69B4 #4B0082;
 }
 
-body::-webkit-scrollbar {
-    width: 11px;
+/* Works on Chrome, Edge, and Safari */
+*::-webkit-scrollbar {
+  width: 12px;
 }
 
-body::-webkit-scrollbar-track {
-    background: var(--scrollbarBG);
+*::-webkit-scrollbar-track {
+  background: #4B0082;
 }
 
-body::-webkit-scrollbar-thumb {
-    background-color: var(--thumbBG);
-    border-radius: 6px;
-    border: 3px solid var(--scrollbarBG);
+*::-webkit-scrollbar-thumb {
+  background-color: #FF69B4;
+  border-radius: 20px;
+  border: 3px solid #4B0082;
 }
 
 body {
@@ -23,15 +24,13 @@ body {
     background-repeat: no-repeat;
     background-attachment: fixed;
     height: 100vh;
-    overflow-y: auto;
-    scrollbar-width: thin;
-    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
 }
 
 .fixedep {
     position: -webkit-sticky;
     position: sticky;
     top: 20px;
+    cursor: move;
 }
 
 .star {
@@ -69,4 +68,4 @@ body {
 #ws:active {
   text-decoration: none;
   color: inherit;
-}
+}

assets/js/site.js

@@ -29,6 +29,8 @@ jQuery(function($) {
       dateFormat: 'DD/MM/YYYY',
       dateLocale: 'fr-ca',
     });
+
+    
   });
 
   function play(src, title, date) {
@@ -47,4 +49,22 @@ jQuery(function($) {
 
   function switchTab() {
       $('[href="#ep"]').tab('show');
-  }
+  }
+
+  $( function() {
+    $( "#draggable" ).draggable();
+    $("#draggable").data({
+      'originalLeft': $("#draggable").css('left'),
+      'origionalTop': $("#draggable").css('top')
+      });
+      $(".reset").click(function() {
+        $("#draggable").css({
+          'left': $("#draggable").data('originalLeft'),
+        'top': $("#draggable").data('origionalTop')
+          });
+      });
+  } );
+
+  
+
+