MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus Maschinendeck Wiki
Zur Navigation springen Zur Suche springen
>Icephoenix
KKeine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(16 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 2: Zeile 2:


.btn {
.btn {
    float: none;
     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 33: Zeile 32:
     padding: 0 !important;
     padding: 0 !important;
     color: white !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;
    }
}