MediaWiki:Common.css: Unterschied zwischen den Versionen
MediaWiki interface page
Ansichten
Aktionen
Namensräume
Varianten
Werkzeuge
Admin (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „→Das folgende CSS wird für alle Benutzeroberflächen geladen.: .functions-table td, .functions-table th { text-align: center; } .functions-table--tit…“) |
Admin (Diskussion | Beiträge) |
||
(32 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ | /* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ | ||
.sidebar { | |||
width: 100%; | |||
margin-bottom: 20px; | |||
border: 5px solid var(--background-color-framed--active) !important; | |||
} | |||
.sidebar th:empty, .sidebar td:empty, .sidebar tr:empty, .sidebar:empty, .wikitable:empty, p:empty { | |||
width: 0px !important; | |||
height: 0px !important; | |||
display: none; | |||
} | |||
p br:first-child:nth-last-child(1) { | |||
display: none; | |||
} | |||
@media screen and (min-width: 992px) { | |||
.sidebar { | |||
position: relative; | |||
float: right; | |||
clear: right; | |||
max-width: 100%; | |||
width: 400px; | |||
margin: 0 0 20px 20px; | |||
} | |||
} | |||
.sidebar th { | |||
padding: 10px 20px 10px 20px !important; | |||
vertical-align: middle; | |||
} | |||
.sidebar tr:first-child th { | |||
border-radius-top-left: 8px; | |||
} | |||
.sidebar tr:first-child td { | |||
border-radius-top-right: 8px; | |||
} | |||
.sidebar tr:last-child th { | |||
border-radius-bottom-left: 8px; | |||
} | |||
.sidebar tr:last-child td { | |||
border-radius-bottom-right: 8px; | |||
} | |||
.functions-table td, .functions-table th { | .functions-table td, .functions-table th { | ||
Zeile 7: | Zeile 52: | ||
padding: 10px 0 !important; | padding: 10px 0 !important; | ||
background-color: lavender !important; | background-color: lavender !important; | ||
} | |||
#searchbar { | |||
display: flex; | |||
flex-direction: row; | |||
} | |||
#searchbar input[type=text] { | |||
flex-grow: 1; | |||
margin-right: 8px; | |||
width: 100%; | |||
} | |||
#searchbar input[type=submit] { | |||
flex-shrink: 0; | |||
} | |||
.mw-content-ltr a { | |||
text-decoration: underline dotted !important; | |||
color: var(--color-primary); | |||
} | |||
.mw-content-ltr a:hover { | |||
color: var(--color-base--emphasized); | |||
} | |||
h2 .mw-headline { | |||
font-size: 1.7rem; | |||
} | |||
h3 .mw-headline { | |||
font-size: 1.5rem; | |||
} | |||
@media screen and (min-width: 1400px) { | |||
.mw-header::before { | |||
background: none !important; | |||
} | |||
} | |||
p:has(> br:first-child:last-child) { | |||
display: none; | |||
} | } |
Aktuelle Version vom 9. Juni 2023, 13:15 Uhr
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
.sidebar {
width: 100%;
margin-bottom: 20px;
border: 5px solid var(--background-color-framed--active) !important;
}
.sidebar th:empty, .sidebar td:empty, .sidebar tr:empty, .sidebar:empty, .wikitable:empty, p:empty {
width: 0px !important;
height: 0px !important;
display: none;
}
p br:first-child:nth-last-child(1) {
display: none;
}
@media screen and (min-width: 992px) {
.sidebar {
position: relative;
float: right;
clear: right;
max-width: 100%;
width: 400px;
margin: 0 0 20px 20px;
}
}
.sidebar th {
padding: 10px 20px 10px 20px !important;
vertical-align: middle;
}
.sidebar tr:first-child th {
border-radius-top-left: 8px;
}
.sidebar tr:first-child td {
border-radius-top-right: 8px;
}
.sidebar tr:last-child th {
border-radius-bottom-left: 8px;
}
.sidebar tr:last-child td {
border-radius-bottom-right: 8px;
}
.functions-table td, .functions-table th {
text-align: center;
}
.functions-table--title {
padding: 10px 0 !important;
background-color: lavender !important;
}
#searchbar {
display: flex;
flex-direction: row;
}
#searchbar input[type=text] {
flex-grow: 1;
margin-right: 8px;
width: 100%;
}
#searchbar input[type=submit] {
flex-shrink: 0;
}
.mw-content-ltr a {
text-decoration: underline dotted !important;
color: var(--color-primary);
}
.mw-content-ltr a:hover {
color: var(--color-base--emphasized);
}
h2 .mw-headline {
font-size: 1.7rem;
}
h3 .mw-headline {
font-size: 1.5rem;
}
@media screen and (min-width: 1400px) {
.mw-header::before {
background: none !important;
}
}
p:has(> br:first-child:last-child) {
display: none;
}