diff --git a/teamcard-admin.css b/teamcard-admin.css deleted file mode 100644 index 504a5cf..0000000 --- a/teamcard-admin.css +++ /dev/null @@ -1,157 +0,0 @@ -.teamcard-admin { - margin: 20px 0; -} - -.teamcard-add-new-form { - background: #fff; - border: 1px solid #ccd0d4; - box-shadow: 0 1px 1px rgba(0,0,0,.04); - padding: 20px; - margin-bottom: 20px; -} - -.form-fields { - display: flex; - flex-wrap: wrap; - gap: 15px; -} - -.form-field { - flex: 1 0 200px; -} - -.form-field label { - display: block; - margin-bottom: 5px; - font-weight: 600; -} - -.form-field input[type="text"] { - width: 100%; - padding: 8px; -} - -.teamcard-item td { - vertical-align: middle; -} - -.teamcard-bild { - cursor: move; -} - -.image-preview-container { - margin-bottom: 10px; - min-height: 50px; -} - -.teamcard-bild-vorschau { - max-width: 80px; - max-height: 80px; - border-radius: 4px; -} - -.editable { - padding: 8px; - border: 1px solid transparent; - border-radius: 4px; - transition: all 0.2s; -} - -.editable:hover { - border-color: #ddd; - background-color: #f9f9f9; - cursor: pointer; -} - -.inline-edit { - width: 100%; - padding: 6px; -} - -.ui-state-highlight { - height: 80px; - background-color: #f0f0f0; - border: 1px dashed #ccc; -} - -#teamcard-message { - position: fixed; - top: 50px; - right: 20px; - z-index: 9999; - max-width: 300px; -} - -/* Container für das Teamkarten-Grid */ -.teamcard-grid { - display: flex; - flex-wrap: wrap; - gap: 20px; - justify-content: center; - margin-top: 30px; -} - -/* Stil für jedes Teammitglied */ -.teamcard { - border: 2px solid #e0e0e0; - border-radius: 10px; - padding: 20px; - width: 280px; - text-align: center; - box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); - background-color: #fff; - transition: transform 0.3s ease, box-shadow 0.3s ease; -} - -/* Hover-Effekte */ -.teamcard:hover { - transform: translateY(-10px); - box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); -} - -/* Bild des Teammitglieds */ -.teamcard img { - max-width: 100px; - height: 100px; - border-radius: 50%; - margin-bottom: 15px; - transition: transform 0.3s ease; -} - -/* Hover-Effekt für das Bild */ -.teamcard:hover img { - transform: scale(1.1); -} - -/* Name des Teammitglieds */ -.teamcard h3 { - font-size: 1.2em; - font-weight: 600; - margin: 10px 0; - color: #333; -} - -/* Funktion und Zuständigkeit des Teammitglieds */ -.teamcard p { - font-size: 0.95em; - color: #666; - margin-bottom: 10px; -} - -/* Stil für den Hover-Effekt beim Teammitglied */ -.teamcard:hover h3, -.teamcard:hover p { - color: #0073e6; -} - -/* Stil für den Container der Teamkarten auf mobilen Geräten */ -@media (max-width: 768px) { - .teamcard-grid { - justify-content: space-evenly; - } - - .teamcard { - width: 100%; - max-width: 320px; - } -}