MediaWiki:Mobile.css

Z Wikipedii, wolnej encyklopedii

Uwaga: aby zobaczyć zmiany po opublikowaniu, może zajść potrzeba wyczyszczenia pamięci podręcznej przeglądarki.

  • Firefox / Safari: Przytrzymaj Shift podczas klikania Odśwież bieżącą stronę, lub naciśnij klawisze Ctrl+F5, lub Ctrl+R (⌘-R na komputerze Mac)
  • Google Chrome: Naciśnij Ctrl-Shift-R (⌘-Shift-R na komputerze Mac)
  • Internet Explorer / Edge: Przytrzymaj Ctrl, jednocześnie klikając Odśwież, lub naciśnij klawisze Ctrl+F5
  • Opera: Naciśnij klawisze Ctrl+F5.
/* 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 */
	margin: 0;
    border-spacing: 0;
    border-collapse: collapse;
}

/* [[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;
}

/* Omboksy się rozjeżdżają na mobilnym bez ustawienia poziomego marginesu na 0 */
.content table.ombox {
	margin: 1em 0 !important;
}

/*
 * 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;
}
Źródło: „https://pl.wikipedia.org/w/index.php?title=MediaWiki:Mobile.css&oldid=73533330”