From f62a34f84ffb962961162b3f5836ca5c95643e5a Mon Sep 17 00:00:00 2001 From: Simon Date: Mon, 22 Sep 2025 16:52:01 +0200 Subject: [PATCH] style.css entfernt --- style.css | 184 ------------------------------------------------------ 1 file changed, 184 deletions(-) delete mode 100644 style.css diff --git a/style.css b/style.css deleted file mode 100644 index c0e8674..0000000 --- a/style.css +++ /dev/null @@ -1,184 +0,0 @@ -/* Public Domain */ - -:root { - --primary-color: #ff9999; - --header-height: 120px; - --padding-top: calc(10px + var(--header-height)); - --box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); -} - -body { - font-family: Arial, sans-serif; - text-align: center; - margin: 0; - padding: 20px; - padding-top: var(--padding-top); -} - -.header { - background-color: #FFFFE3; - height: var(--header-height); - padding-bottom: 10px; - position: fixed; - top: 0; - left: 0; - width: 100%; - z-index: 1000; - box-shadow: var(--box-shadow); -} - -.titel { - display: flex; - align-items: center; - justify-content: center; - gap: 10px; -} - -.titel img { - height: 30px; - width: auto; -} - -.hidden { - display: none; -} - -.stop-button { - background-color: var(--primary-color); - color: #fff; - font-weight: bold; - border: none; - border-radius: 5px; - height: 30px; - padding: 4px 10px; - font-size: 18px; - margin-left: auto; - cursor: pointer; - transition: background-color 0.3s ease; - position: relative; - top: -2px; -} - -.stop-button:focus { - outline: none; - box-shadow: 0 0 5px rgba(255, 77, 77, 0.75); -} - -.current-station { - font-weight: bold; - font-size: 16px; - margin-bottom: 15px; -} - -#aktueller-sender { - background-color: #d2f8d2; - border-radius: 5px; - padding: 10px 20px; -} - -.preset-container { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); - grid-gap: 20px; - margin: 30px 0; -} - -.preset-item { - background-color: #f1f1f1; - padding: 15px; - border-radius: 5px; - box-shadow: var(--box-shadow); - cursor: pointer; - transition: background-color 0.3s ease; - display: flex; - align-items: center; -} - -.preset-item h3 { - margin: 0; - flex: 1; -} - -.preset-item:hover { - background-color: #e6e6e6; - box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); -} - -.button-container { - display: flex; - justify-content: center; - gap: 10px; -} - -.footer { - display: flex; - align-items: center; - justify-content: center; - margin: 20px 0; - font-size: 12px; - color: #666; -} - -.footer a { - color: #666; - text-decoration: none; -} - -.footer a:hover { - color: #333; -} - -@media (max-width: 600px) { - .preset-container { - grid-template-columns: 1fr; - } -} - -/* ===== Modal Styles ===== */ -.modal { - position: fixed; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - background-color: white; - padding: 20px; - border-radius: 10px; - box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); - z-index: 1000; - max-width: 800px; - width: 90%; - max-height: 80vh; - overflow-y: auto; - display: none; -} - -.modal-content { - display: flex; - flex-direction: column; - gap: 20px; -} - -.modal-content table { - width: 100%; - border-collapse: collapse; -} - -.modal-content th, -.modal-content td { - border: 1px solid #ddd; - padding: 8px; -} - -.modal-content th { - background-color: #f2f2f2; -} - -.modal-content .drag-handle { - cursor: grab; - text-align: center; -} - -.modal-content input[type="text"] { - width: 100%; - box-sizing: border-box; -}