MediaWiki:Common.css: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
>Icephoenix Tollen Button hinzugefügt |
MikO (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| (17 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) | |||
| Zeile 2: | Zeile 2: | ||
.btn { | .btn { | ||
display: inline-block; | display: inline-block; | ||
padding: 0.5rem 2rem; | padding: 0.5rem 2rem; | ||
font-weight: bold; | font-weight: bold; | ||
margin: 1rem; | margin: 1rem auto; | ||
} | } | ||
.btn.green { | .btn.green { | ||
| Zeile 15: | Zeile 14: | ||
} | } | ||
.btn.yellow { | .btn.yellow { | ||
background: #ffc107 | background: #ffc107; | ||
} | } | ||
.btn.red { | .btn.red { | ||
| Zeile 32: | Zeile 31: | ||
background: none !important; | background: none !important; | ||
padding: 0 !important; | padding: 0 !important; | ||
color: white; | color: white !important; | ||
} | |||
.float-right { | |||
float: right; | |||
} | |||
.templateTable img { | |||
max-width: 100%; | |||
height: auto; | |||
} | |||
.foreign-event-table { | |||
width: 24rem; | |||
float: right; | |||
margin-left: 2rem; | |||
} | |||
.foreign-event-table td, .foreign-event-table th { | |||
padding: 5px 1rem; | |||
vertical-align: top; | |||
} | |||
.foreign-event-table td:first-child { | |||
width: 20%; | |||
} | |||
.foreign-event-table .header { | |||
padding: 0; | |||
} | |||
.foreign-event-table .header img { | |||
max-width: 100%; | |||
height: auto; | |||
} | |||
.foreign-event-table p { | |||
padding: 0; | |||
margin: 0; | |||
} | |||
.columns { | |||
display: grid; | |||
grid-template-columns: 1fr 1fr; | |||
gap: 2rem; | |||
@media (max-width: 960px) { | |||
grid-template-columns: 1fr; | |||
} | |||
} | } | ||
Aktuelle Version vom 22. Dezember 2024, 23:32 Uhr
/* CSS placed here will be applied to all skins */
.btn {
display: inline-block;
padding: 0.5rem 2rem;
font-weight: bold;
margin: 1rem auto;
}
.btn.green {
background: #28a745;
}
.btn.blue {
background: #007bff;
}
.btn.yellow {
background: #ffc107;
}
.btn.red {
background: #dc3545;
}
.btn.teal {
background: #17a2b8;
}
.btn.grey {
background: #ccc;
}
.btn.grey a.external {
color: #222 !important;
}
.btn a.external {
background: none !important;
padding: 0 !important;
color: white !important;
}
.float-right {
float: right;
}
.templateTable img {
max-width: 100%;
height: auto;
}
.foreign-event-table {
width: 24rem;
float: right;
margin-left: 2rem;
}
.foreign-event-table td, .foreign-event-table th {
padding: 5px 1rem;
vertical-align: top;
}
.foreign-event-table td:first-child {
width: 20%;
}
.foreign-event-table .header {
padding: 0;
}
.foreign-event-table .header img {
max-width: 100%;
height: auto;
}
.foreign-event-table p {
padding: 0;
margin: 0;
}
.columns {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2rem;
@media (max-width: 960px) {
grid-template-columns: 1fr;
}
}