MediaWiki:Mobile.css: Różnice pomiędzy wersjami
Wygląd
Usunięta treść Dodana treść
night mode https://www.mediawiki.org/wiki/Recommendations_for_night_mode_compatibility_on_Wikimedia_wikis |
m jeszcze dla mobilnej na szerokich ekranach |
||
(Nie pokazano 1 pośredniej wersji utworzonej przez tego samego użytkownika) | |||
Linia 35: | Linia 35: | ||
.content .wikitable a > img { |
.content .wikitable a > img { |
||
max-width: initial !important; |
max-width: initial !important; |
||
} |
|||
/* [[Szablon:Infobox ukryte]] */ |
|||
.infobox>tbody>tr>td[colspan]:first-child>.collapsible { |
|||
display: table; /* Tabele na <720px mają display:block */ |
|||
width: 100%; /* Dla >720px */ |
|||
} |
} |
||
Wersja z 20:43, 8 kwi 2024
/* CSS placed here will affect users of the mobile site */
/**
a11y
*/
/* screen reader only */
.mw-parser-output .offscreen {
position:absolute;
height:1px;
width:1px;
overflow:hidden;
padding:0;
border:0;
clip:rect(1px 1px 1px 1px);
clip:rect(1px, 1px, 1px, 1px);
}
/* centered image without link (link=) */
.center > .floatnone > img {
max-width: 100%;
height: auto;
}
.geo-nondefault, .geo-multi-punct {
display: none;
}
.content .infobox td > .nopadding td {
padding: 0px;
}
.content .infobox tr {
box-sizing: border-box;
}
.content .wikitable a > img {
max-width: initial !important;
}
/* [[Szablon:Infobox ukryte]] */
.infobox>tbody>tr>td[colspan]:first-child>.collapsible {
display: table; /* Tabele na <720px mają display:block */
width: 100%; /* Dla >720px */
}
/* [[Szablon:Grafika rozwinięta]] */
@supports (flex-wrap: wrap) {
.content .tmulti .thumbinner {
display: flex;
flex-wrap: wrap;
flex-direction: row;
width: auto !important;
justify-content: center;
align-content: flex-start;
}
.tmulti-header {
flex: 0 0 100%;
}
/* hide clear */
.tmulti .thumbinner div:empty {
display: none;
}
}
/* [[Szablon:Galeria]] + infobox */
@supports (flex-wrap: wrap) {
@media (max-width: 840px) {
/* infobox obok grafiki wygląda źle, bo ściska tekst */
.content table.infobox {
max-width: 100% !important;
width: 100% !important;
}
.ImageGroup {
max-width: 100% !important;
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
float: none !important;
}
.ImageGroupUnits {
display: flex;
flex-wrap: wrap;
width: 100%;
flex-direction: row;
align-items: flex-start;
justify-content: center;
gap: 11px;
}
.content .ImageGroupUnits .center {
width: auto;
}
}
}
/**
Szablon:Wykres itp
Z jakiegoś powodu obrazki generowanych grafów mają width=0.
Możliwy bug związany z `mw-graph-img image-lazy-loaded`, ale ️¯\_(ツ)_/¯
Przykład: Szablon:Demografia powiatu
*/
img.mw-graph-img {
width:inherit;
height:inherit;
}
/* Wsparcie dla [[Szablon:Cytuj]] */
.cite-name-before { display:none!important; }
.cite-name-after { display:inline!important;}
.cite-name-full { display:none!important; }
.cite-name-initials { display:inline!important; }
.references .cite-name-before { display:inline!important; }
.references .cite-name-after { display:none!important; }
.references .cite-name-full { display:inline!important; }
.references .cite-name-initials { display:none!important; }
.cite-at-al { display:inline!important; }
.citation.pmid .issn, .citation.doi .issn, .citation.pmc .issn, .citation.nourl .accessdate { display: none; }
/* Kolejowe infoboksy */
.content .infobox td > .nopadding .lkopis { padding-left: 2px; }
.content .infobox td > .nopadding .lkkm { padding: 0 .5em; text-align: right; font-size: 80%; vertical-align: middle; }
/*
* Sekcja tabletowa
*/
@media (min-width: 720px) {
/* Wieża babel i specjalności */
table.babel {
width: 246px !important;
}
}
/*
* Sekcja smartfonowa
*/
@media (max-width: 719px) {
table.infobox {
display: table;
}
/* [[Szablon:Grafika rozwinięta]] */
.content .thumb .thumbinner > div.tsingle {
margin-left: auto !important;
margin-right: auto !important;
}
/* content float (e.g. semi-infobox) */
html .content .floatright {
float: none;
margin-left: 0;
margin-right: 0;
}
}
/*
* samodzielne mapy lokalizacyjne
*/
.panel-with-scroll {
overflow: auto;
}
/* Styl dla testowego infoboksu */
.content table.testbox {
display: none;
}
/* grafika w infoboksach jest zwykle wyśrodkowana na białym tle */
.infobox .grafika {
background-color: white;
text-align: center;
vertical-align: middle;
}
/* night mode */
html.skin-theme-clientpref-night .infobox .grafika {background:#222; color: white}
@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .infobox .grafika {background:#222; color: white}
}
/* grafika parami obok siebie */
.infobox>tbody>tr>td>table.ibox2 {
border-spacing: 0;
border-collapse: collapse;
width: 100% !important;
display:table;
}
.iboxtab {
width: 100%;
margin: 0;
background-color: transparent;
border-spacing: 0;
border-collapse: collapse;
}
.iboxtab>tbody>tr>td,
.iboxtab>tbody>tr>th {
padding: 4px;
}
.infobox table.fixed {
table-layout: fixed;
}
.ibox2x1>td { width: 50%; }
.ibox2x1>td+td { border-left: 1px solid #aaa; }
/* [[Szablon:ImageLabel]] */
div.ilustracja-z-etykietami a > img {
max-width: initial !important;
}
div.ilustracja-z-etykietami {
overflow: auto;
}
/* ukryj wyniki z [[Szablon:Kontrola autorytatywna]] */
#normdaten { display: none; }
/* Sprawdzanie błędów w szablonach cytowania */
.problemy { color: red; }
.ns-0.action-view .problemy { display: none; }
/* Ukrycie przycisków do oznaczania stron */
/* https://pl.wikipedia.org/w/index.php?oldid=58546385#Strony_testowe_dla_newbie_w_systemie_wersji_przejrzanych */
.page-Pomoc_Krok_pierwszy_-_edytowanie #mw-fr-reviewform,
.page-Pomoc_Krok_drugi_-_formatowanie #mw-fr-reviewform,
.page-Pomoc_Krok_trzeci_-_linki #mw-fr-reviewform,
.page-Pomoc_Krok_czwarty_-_grafiki #mw-fr-reviewform,
.page-Pomoc_Krok_piąty_-_szablony #mw-fr-reviewform,
.page-Pomoc_Krok_szósty_-_znaczniki #mw-fr-reviewform
{ display: none; }
/* W oknie oznaczania wersji jako przejrzana ukrycie pola komentarza i etykiety pola */
.fr-comment-box, label[for="mw-fr-commentbox"] {
display: none;
}
/* Styl dla klasy "tree" dla listy z coraz większym wcięciem. Używany w {{s|język infobox}} w polu "Klasyfikacja genetyczna" */
.tree ul { margin-left: 0; list-style-position: inside; }
.tree li { padding-left: 5.0em; }
.tree li:nth-child(0) { padding-left: 0; }
.tree li:nth-child(1) { padding-left: 0.5em; }
.tree li:nth-child(2) { padding-left: 1.0em; }
.tree li:nth-child(3) { padding-left: 1.5em; }
.tree li:nth-child(4) { padding-left: 2.0em; }
.tree li:nth-child(5) { padding-left: 2.5em; }
.tree li:nth-child(6) { padding-left: 3.0em; }
.tree li:nth-child(7) { padding-left: 3.5em; }
.tree li:nth-child(8) { padding-left: 4.0em; }
.tree li:nth-child(9) { padding-left: 4.5em; }
/* Poprawka dla Szablon:Okres istnienia grupy organizmów 2 */
#PreЄ_marker {
width: auto !important;
}
/* Zniesienie marginesów w tabelkach, na których zrobione są hieroglify (sztucznie wprowadzone przez Minervę do wszystkich tabel) */
table.mw-hiero-table, .hiero-protokol table {
margin: 0 !important;
}
.content .infobox .mw-hiero-table td {
padding: 0;
}
/* Ogranicz maksymalną szerokość znacznika edycji, aby nie wyjeżdżał z boku strony */
.mw-tag-markers {
max-width: 100%;
}
.mw-tag-marker {
max-width: 100%;
text-overflow: ellipsis;
overflow: hidden;
}
/*
* Placeholder dla linków do zwijania - kopia z modułu jquery.makeCollapsible,
* który na mobile jest doczytywany w [[MediaWiki:Mobile.js]]
* Dzięki temu elementy nie są rozpychane chwilę po wyświetleniu strony
*/
.client-js ol.mw-collapsible:not(.mw-made-collapsible):before,
.client-js ul.mw-collapsible:not(.mw-made-collapsible):before,
.client-js table.mw-collapsible:not(.mw-made-collapsible) :first-child tr:first-child th:last-child:before,
.client-js table.mw-collapsible:not(.mw-made-collapsible) > caption:first-child:after,
.client-js div.mw-collapsible:not(.mw-made-collapsible):before {
content: '[Zwiń]';
float: right;
}