MediaWiki:Medik.css: Unterschied zwischen den Versionen
Aus FürthWiki
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
(46 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
/* Der Body-Border ist hässlich, weg damit */ | |||
.mw-body { | .mw-body { | ||
border: none !important; | border: none !important; | ||
} | } | ||
/* Stellt das Floaten der Inhaltsverzeichnisse ab */ | |||
#toc.toc { | #toc.toc { | ||
float: none; | float: none; | ||
} | } | ||
/* Versteckt den Titel in der Desktopansicht */ | |||
.mw-desktop-sitename { | .mw-desktop-sitename { | ||
visibility: hidden; | visibility: hidden; | ||
} | } | ||
/* Abstand nach dem Logo / Sidebar */ | |||
.mw-wiki-navigation-logo { | |||
margin-bottom: 2rem; | |||
} | |||
/* Die Schriftgrösse ist im bei Medik zu klobig */ | |||
@media screen { | |||
:root { | |||
--bs-body-font-size: 0.85rem; | |||
} | |||
} | |||
/* Stylt die Dropdown-Menüs "Aktionen" und "Werkzeuge" */ | |||
.dropdown-item:active { | |||
background-color: var(--medik); | |||
color: #ffffff; | |||
} | |||
.dropdown-item:visited { | |||
color: #ffffff; | |||
} | |||
/* Verbreitert das Sucheingabe-Feld in der Desktopansicht */ | |||
@media screen and (min-width: 768px) { | @media screen and (min-width: 768px) { | ||
#searchInput { | #searchInput { | ||
Zeile 13: | Zeile 41: | ||
} | } | ||
} | } | ||
/* Zentriert das Hamburger-Menü der Kopfzeile */ | |||
.mw-hamb { | .mw-hamb { | ||
vertical-align: baseline; | vertical-align: baseline; | ||
} | } | ||
. | |||
/* Macht das Sidebar-Menü schwarz (barrierefreiheit) */ | |||
.nav-link { | |||
color: #000000 !important; | |||
} | |||
#TablePager_col_thumb.img { | |||
width: "320px"; | |||
} | |||
/* Boxen-Inhalte (z.B. auf der Startseite haben zu wenig Abstand nach oben */ | |||
#Inhalt_Box > * { | |||
padding-top: 2px; | |||
} | |||
/* Zeilen-Höhe in Texten ist zu hoch */ | |||
/*p { | |||
line-height: 1.3em; | |||
} | |||
dd { | |||
line-height: 1.3em; | |||
}=> by RedRooster: sehr schlechte Lesbarkeit am Desktop, lieber wie gehabt! */ | |||
/* Zeilen-Höhe in der Sidebar verringer */ | |||
#mw-navigation a { | |||
line-height: 1.2em; | |||
} | |||
#Ueberschrift_Box{ | |||
padding-bottom: 30px; | |||
} | |||
/* Werkzeugleiste top kleiner, sonst bricht die Mobilansicht zur Seite aus */ | |||
@media screen and (max-width: 768px) { | |||
aside { | |||
font-size: 0.8em; | |||
} | |||
} | |||
@media screen and (min-width: 768px) { | |||
aside .dropdown, #p-namespaces span { | |||
padding-right: 1em; | |||
} | |||
} | } |
Aktuelle Version vom 20. November 2024, 15:19 Uhr
/* Der Body-Border ist hässlich, weg damit */
.mw-body {
border: none !important;
}
/* Stellt das Floaten der Inhaltsverzeichnisse ab */
#toc.toc {
float: none;
}
/* Versteckt den Titel in der Desktopansicht */
.mw-desktop-sitename {
visibility: hidden;
}
/* Abstand nach dem Logo / Sidebar */
.mw-wiki-navigation-logo {
margin-bottom: 2rem;
}
/* Die Schriftgrösse ist im bei Medik zu klobig */
@media screen {
:root {
--bs-body-font-size: 0.85rem;
}
}
/* Stylt die Dropdown-Menüs "Aktionen" und "Werkzeuge" */
.dropdown-item:active {
background-color: var(--medik);
color: #ffffff;
}
.dropdown-item:visited {
color: #ffffff;
}
/* Verbreitert das Sucheingabe-Feld in der Desktopansicht */
@media screen and (min-width: 768px) {
#searchInput {
width:360px;
}
}
/* Zentriert das Hamburger-Menü der Kopfzeile */
.mw-hamb {
vertical-align: baseline;
}
/* Macht das Sidebar-Menü schwarz (barrierefreiheit) */
.nav-link {
color: #000000 !important;
}
#TablePager_col_thumb.img {
width: "320px";
}
/* Boxen-Inhalte (z.B. auf der Startseite haben zu wenig Abstand nach oben */
#Inhalt_Box > * {
padding-top: 2px;
}
/* Zeilen-Höhe in Texten ist zu hoch */
/*p {
line-height: 1.3em;
}
dd {
line-height: 1.3em;
}=> by RedRooster: sehr schlechte Lesbarkeit am Desktop, lieber wie gehabt! */
/* Zeilen-Höhe in der Sidebar verringer */
#mw-navigation a {
line-height: 1.2em;
}
#Ueberschrift_Box{
padding-bottom: 30px;
}
/* Werkzeugleiste top kleiner, sonst bricht die Mobilansicht zur Seite aus */
@media screen and (max-width: 768px) {
aside {
font-size: 0.8em;
}
}
@media screen and (min-width: 768px) {
aside .dropdown, #p-namespaces span {
padding-right: 1em;
}
}