| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849 |
- <!DOCTYPE html>
- <html lang="en" class="dark">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Obsidian Admin Interface</title>
- <script src="https://cdn.tailwindcss.com"></script>
- <link rel="icon" type="image/webp" href="/favicon.webp">
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/atom-one-dark.min.css">
- <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet">
- <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
- <style>
- body { font-family: 'Inter', sans-serif; }
- /* 1. Fundalul scrollbar-ului rămâne mereu transparent */
- .custom-scrollbar::-webkit-scrollbar {
- width: 4px; /* Am mărit puțin la 4px pentru a fi utilizabil, dar discret */
- }
- /* 2. Thumb-ul este invizibil implicit (sau foarte transparent) */
- .custom-scrollbar::-webkit-scrollbar-thumb {
- background: transparent;
- border-radius: 10px;
- transition: background 0.3s ease;
- }
- /* 3. Thumb-ul devine vizibil doar când facem HOVER pe containerul părinte */
- .custom-scrollbar:hover::-webkit-scrollbar-thumb {
- background: #52525b; /* O nuanță de zinc/gri medie */
- }
- /* 4. Opțional: Culoare mai intensă când se dă click pe scrollbar */
- .custom-scrollbar::-webkit-scrollbar-thumb:hover {
- background: #71717a;
- }
- .tag {
- color: #818cf8;
- text-decoration: none;
- background: rgba(129, 140, 248, 0.1);
- padding: 1px 6px;
- border-radius: 4px;
- border: 1px solid rgba(129, 140, 248, 0.3);
- font-size: 0.85em;
- }
- .tag:hover {
- background: rgba(129, 140, 248, 0.2);
- }
- </style>
- </head>
|
