e9615937db
Der Player läuft. Presets lassen sich erstellen, verschieben, bearbeiten und löschen. Ebenfalls gibt es bereits eine Funktion für Export und Import. Einige Sender sind bereits angelegt.
75 lines
No EOL
1.4 KiB
CSS
75 lines
No EOL
1.4 KiB
CSS
body {
|
|
font-family: Arial, sans-serif;
|
|
text-align: center;
|
|
margin: 0;
|
|
padding: 20px;
|
|
}
|
|
|
|
.preset-container {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
|
grid-gap: 20px;
|
|
margin-top: 30px;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.preset-item {
|
|
background-color: #f1f1f1;
|
|
padding: 15px;
|
|
border-radius: 5px;
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
cursor: pointer;
|
|
transition: background-color 0.3s ease;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.preset-item:hover {
|
|
background-color: #e0e0e0;
|
|
}
|
|
|
|
.preset-item h3 {
|
|
margin: 0;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.preset-item button {
|
|
margin-left: 5px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.new-preset-container {
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.current-station {
|
|
font-weight: bold;
|
|
font-size: 16px;
|
|
margin-left: 20px;
|
|
}
|
|
|
|
#aktueller-sender {
|
|
background-color: #FFFF00;
|
|
border-radius: 5px;
|
|
padding: 10px 20px;
|
|
}
|
|
|
|
.stop-button {
|
|
background-color: #ff9999;
|
|
color: #fff; /* Weißer Text auf rotem Hintergrund */
|
|
font-weight: bold;
|
|
border: none;
|
|
border-radius: 5px;
|
|
padding: 10px 20px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
font-size: 16px;
|
|
margin: 4px 2px;
|
|
cursor: pointer;
|
|
transition: background-color 0.3s ease;
|
|
}
|
|
|
|
.stop-button:hover {
|
|
background-color: #ff4d4d; /* Dunklerer Farbton beim Hovern */
|
|
} |