MediaWiki:Common.css: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
>Icephoenix Created page with "→CSS placed here will be applied to all skins: →Test: " |
MikO (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| (18 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
/* CSS placed here will be applied to all skins */ | /* 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; | |||
} | |||
} | |||
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;
}
}