MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus Maschinendeck Wiki
Zur Navigation springen Zur Suche springen
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(5 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 45: Zeile 45:
.foreign-event-table {
.foreign-event-table {
     width: 24rem;
     width: 24rem;
    float: right;
    margin-left: 2rem;
}
}
.foreign-event-table td, .foreign-event-table th {
.foreign-event-table td, .foreign-event-table th {
Zeile 59: Zeile 61:
     max-width: 100%;
     max-width: 100%;
     height: auto;
     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;
    }
}