(Die Seite wurde neu angelegt: „.lpnon-player-header img { width: 100%; height: auto; border-radius: 8px; margin-bottom: 20px; } .lpnon-player-info-boxes { display: flex; gap: 15px; justify-content: center; margin-bottom: 30px; flex-wrap: wrap; } .lpnon-player-box { flex: 1 1 250px; background: #f9f9f9; border: 2px solid #cf001b; border-radius: 8px; padding: 15px; min-width: 250px; text-align: center; box-shadow: 0 4p…“) |
Keine Bearbeitungszusammenfassung |
||
| Zeile 1: | Zeile 1: | ||
. | .lpon-player-container { | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
justify-content: space-between; | |||
gap: 20px; | |||
margin: 20px 0; | |||
} | } | ||
. | .lpon-player-box { | ||
flex: 1 1 | flex: 1 1 calc(33% - 20px); | ||
background: # | background-color: #f5f5f5; | ||
border: 2px solid #cf001b; | border: 2px solid #cf001b; | ||
border-radius: | border-radius: 12px; | ||
padding: 15px; | padding: 15px; | ||
min-width: | box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); | ||
min-width: 280px; | |||
} | |||
.lpon-player-box h2 { | |||
margin-top: 0; | |||
font-size: 1.3em; | |||
border-bottom: 2px solid #cf001b; | |||
padding-bottom: 4px; | |||
margin-bottom: 10px; | |||
} | |||
.lpon-player-box ul { | |||
list-style-type: none; | |||
padding-left: 0; | |||
} | |||
.lpon-player-box li { | |||
margin-bottom: 6px; | |||
} | |||
.lpon-player-links { | |||
margin-top: 30px; | |||
text-align: center; | text-align: center; | ||
font-size: 28px; | |||
} | } | ||
. | .lpon-player-links h2 { | ||
font-size: 1.4em; | |||
margin-bottom: 10px; | |||
} | } | ||
. | /* Optional: Farbige Links für Socials */ | ||
.lpon-player-links .plainlinks a { | |||
color: #cf001b !important; | |||
margin: 0 8px; | |||
transition: transform 0.2s ease; | |||
} | } | ||
. | .lpon-player-links .plainlinks a:hover { | ||
transform: scale(1.1); | |||
} | } | ||
Aktuelle Version vom 30. April 2025, 00:41 Uhr
.lpon-player-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 20px;
margin: 20px 0;
}
.lpon-player-box {
flex: 1 1 calc(33% - 20px);
background-color: #f5f5f5;
border: 2px solid #cf001b;
border-radius: 12px;
padding: 15px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
min-width: 280px;
}
.lpon-player-box h2 {
margin-top: 0;
font-size: 1.3em;
border-bottom: 2px solid #cf001b;
padding-bottom: 4px;
margin-bottom: 10px;
}
.lpon-player-box ul {
list-style-type: none;
padding-left: 0;
}
.lpon-player-box li {
margin-bottom: 6px;
}
.lpon-player-links {
margin-top: 30px;
text-align: center;
font-size: 28px;
}
.lpon-player-links h2 {
font-size: 1.4em;
margin-bottom: 10px;
}
/* Optional: Farbige Links für Socials */
.lpon-player-links .plainlinks a {
color: #cf001b !important;
margin: 0 8px;
transition: transform 0.2s ease;
}
.lpon-player-links .plainlinks a:hover {
transform: scale(1.1);
}
