MediaWiki:Timeless.css: Różnice pomiędzy wersjami

Z Nonsensopedii, polskiej encyklopedii humoru
M
Linia 507: Linia 507:
/* ukryj zmianę trybu edycji */
/* ukryj zmianę trybu edycji */
.ve-init-mw-editSwitch,
.ve-init-mw-editSwitch,
/* i włącznik od CodeMirrora – powinien być na tej szer. wyłączony (vide gadżet Bootstrap) */
#mw-editbutton-codemirror,
/* ukryj zakładkę z pomocą – i tak się rozłazi */
/* ukryj zakładkę z pomocą – i tak się rozłazi */
.mw-editform .tab-help,
.mw-editform .tab-help,

Wersja z 10:56, 13 maj 2022

/* CSS dla Timelessa */

/* Te paski na górze */
.color-left,
.color-middle,
.color-right {
	background: #f5c946 !important;
}

/* Pasek na dole strony */
#mw-content-container {
	border-bottom: solid 4px #f5c946;
}

/* Wordmark */
#p-logo-text a {
    padding-top: 0.1em !important;
}

/* Rozmiar logo */
.mw-wiki-logo.timeless-logo img {
	width: inherit !important;
}

/* odsunięcie tekstu od przycisków na górze nieco, żeby się rzeczy nie zlewały */
#bodyContent {
	margin-top: 0.8em;
}

/* papież */
/* grzebali w tym: SH3VEK, Polskacafe, Ostrzyciel i wszyscy święci */
#searchInput-container {
	background-position: 4em -17px;
	background-image: url(https://nonsa.pl/images/c/ce/Szukajka.jpg) !important;
	background-repeat: no-repeat;
}
#searchInput {
	background: rgba(255, 255, 255, 0.4);
	transition: background 250ms;
}
#searchInput:focus {
	background: rgba(255, 255, 255, 0.8);
}
/* aaaameeen. */

/* gwiazdka obserwowanych – kolorowa żeby dało się ją wgl odróżnić */
#ca-unwatch a {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='%23ffb100' d='M10.041 1.125 7.407 6.243l-5.654.95 4.025 4.102-.846 5.703 5.123-2.587 5.13 2.567-.862-5.689 4.014-4.113-5.652-.936z' /%3E%3C/svg%3E%0A") !important;
}

/* Widok jednokolumnowy, ale niezbyt mobilny */
@media screen and (max-width: 1099px) {
	/* VE – ukrycie H1 i przycisków na górze strony */
	.ve-init-mw-desktopArticleTarget-originalContent > h1,
	.ve-init-mw-desktopArticleTarget-originalContent > #bodyContentOuter > #mw-page-header-links {
		display: none !important;
	}
	
	/* [[Szablon:Kolumny]] max 3 kolumny */
	.n-multicol-4 {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}
}

/* Krok wykorzystywany przez Echo (Specjalna:Powiadomienia) */
@media screen and (max-width: 981px) {
	.mw-echo-ui-notificationsInboxWidget-main-toolbar-readState {
		width: 100%;
	}
}

/* Ogół mobilków / mobilkoidów */
@media screen and (max-width: 850px) {
	/* Wordmark */
	#p-banner > img {
		max-width: 7em;
		width: calc(100vw - 5.9em) !important;
		height: auto !important;
	}
	
	/* Ukrycie strzałek przy przyciskach na górnym pasku, dla zwięzłości */
	#user-tools h2:after, .sidebar-chunk h2:after {
		display: none !important;
	}
	
	/* menu użytkownika */
	#user-tools h2 {
		top: 1.125em !important;
		right: 1.2em !important;
		width: 26px !important;
		height: 26px !important;
	}
	
	/* ikona powiadomień */
	#personal-extra {
		right: 3.7em !important;
		top: 0.58em !important;
	}
	
	#personal-extra li {
		margin: 0 0.2em !important;
	}
	
	#pt-notifications-alert .mw-echo-notifications-badge {
		width: 26px !important;
		height: 26px !important;
    	background-size: cover;
	}
	
	/* [[Szablon:Kolumny]] max 2 kolumny */
	.n-multicol-3, .n-multicol-4 {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
	
	/* Menu nawigacyjne, toolbox, inne takie: większy font, mniejsze paddingi */
	.sidebar-inner, .dropdown {
		font-size: 1.1em;
		padding: 1em 3em 0 2em;
		line-height: 1;
	}
	
	/* Ukrycie menu interwiki */
	/* tak, wiem, zbrodnia, ale z uncami się i tak nie kochamy, a to zajmuje miejsce i się psuje */
	#ca-languages {
		display: none !important;
	}
	
	/* mniejsze ikony licencji w Information */
	.mw-body table.information-template a > img {
		max-width: 40px !important;
	}
	
	/* overlay od menu, hack by cały ekran pokrywał */
	#menus-cover {
		height: 150% !important;
	}
	
	/* losujka od stron */
	#n-randompage-changens {
		margin-right: 2.68% !important;
	}
	
	#n-randompage-more {
		line-height: 230% !important;
		height: 100% !important;
	}
	
	#n-randompage-more.notopen {
		height: 0 !important;
	}
	
	/* pieprznik od SMW, wywala H1 o linię w dół a ogólnie przydatny jest 2/10 */
	#mw-indicator-smw-entity-examiner {
		display: none;
	}
	
	/* Sitenotice */
	.mw-dismissable-notice-close {
		margin: 0.6em 1.25em;
	}
	.sitedir-ltr .mw-dismissable-notice-body {
		margin: 0.5em;
		clear: both;
	}
	
	/* H1 */
	h1.firstHeading {
		clear: none;
	}
	
	/* listy punktowane i numerowane, większy rozstrzał */
	#content li {
		margin-bottom: 10px;
	}
	
	/* infoboksy */
	.ibox {
		width: auto !important;
		margin: auto !important;
		float: none !important;
		clear: both !important;
		font-size: 0.85em;
		line-height: inherit;
	}
	
	/* tabele, tylko wikitable, bo na Nonsie różnych dziwnych tabel jest masa */
	.mw-datatable,
	.wikitable {
		display: block;
		width: 100% !important;
		margin: 1em 0;
		overflow: auto;
		overflow-y: hidden;
		overflow-x: auto;
		padding: 0;
	}
	
	/* Szablon Galeria */
	.ImageGroup {
		float: none !important;
		margin: 0 !important;
		max-width: none !important;
	}
	
	/* Szablon Cytat2 */
	.nonsa-cytat2 td {
		padding: 4px !important;
	}
	
	/* Przestrzeń pod polem edycji */
	div.editOptions {
		padding: 1em 0.75em;
	}
	
	/* lista użytych szablonów, ficzer raczej i tak rzadko używany */
	.templatesUsed {
		display: none;
	}
	
	/* listy diffów w historii */
	#pagehistory {
		margin: 0;
		list-style-type: none;
	}
	
	#pagehistory li {
		padding: 4px;
		margin-top: 1em;
		outline: 1px solid #d2d2d2;
	}
	
	#pagehistory li.selected {
    	background-color: #daecff;
	}
	
	/* spis treści w artykule, większy rozstrzał */
	.toc li {
		margin: 0.6em 0 !important;
	}
	
	/* najważniejsze na całej Nonsie: OZETY */
	/* tak serio to nie */
	.client-js .mw-changeslist ul, 
	.client-js .mw-changeslist table.mw-enhanced-rc {
		margin-left: 0;
		margin-bottom: 0.75em;
	}
	
	/* znaczki NM! i godzina na ozetach */
	td.mw-enhanced-rc {
		font-size: 0.8em;
	}
	
	/* łamanie długich tekstów (np. linków w opisach edycji) */
	.mw-changeslist-line-inner {
		word-break: break-word;
	}

	/* [[Szablon:Youtube]] */
	.embedvideo > .thumbinner {
		text-align: center;
	}
	
	.thumbinner > iframe {
		max-width: 100%;
	}
	
	/* szablony z linkami do siostrzanych */
	.siostrzane {
		width: 100% !important;
		text-align: left !important;
		/* bez tego psują się listy punktowane na sAfArI nAjLePrZaPrZeGlOnDaRkA */
		float: none !important;
	}
	.siostrzane td:nth-child(1) {
		width: 50px;
	}
	
	/* SDU, ANM, GNM, te sprawy */
	.vote-table ol {
		margin: 0.3em 0 0 1.8em !important;
	}
	
	/* stopka z powiązanym artami itd. */
	#content-bottom-stuff {
		background: #eeeeee;	/* Makłowicz approves */
	}
	
	#mw-data-after-content {
		padding: 0.45em;
	}
	
	/* ratepage */
	.footer-ratingstars {
		margin-top: 8px !important;
	}
	
	/* [[Szablon:Nagłówek lat]] – łamanie linii z latami */
	.nonsa-hl-year {
		display: block;
	}
	.nonsa-century-line {
		margin-bottom: 0.6em;
	}
	/* Łamanie nazw wieków */
	.nonsa-century-line a {
		white-space: nowrap;
	}
	
	/* Ukryj raport parsera pod oknem edycji */
	.limitreport {
		display: none;
	}
	
	/* Ukryj factbox SMW pod oknem edycji */
	#mw-data-after-content .smw-factbox {
		display: none;
	}
	
	/***** VisualEditor ******/
	
	/* chowamy helpa */
	.ve-ui-toolbar-group-help > div > span:first-child {
		display: none !important;
	}
	
	/* chowamy redo */
	.oo-ui-tool-name-redo {
		display: none !important;
	}
	
	/* zamieniamy wybierałkę poziomu tekstu w ikonę */
	.ve-ui-toolbar-group-format > .oo-ui-popupToolGroup-handle {
		min-width: 3.7em !important;
		height: 3em !important;
	}
	
	.ve-ui-toolbar-group-format .oo-ui-iconElement-icon {
		background-image: url('/images/c/ce/OOUI_text_level.svg');
		background-image: linear-gradient(transparent,transparent),url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCI+DQogIDxwYXRoIGQ9Im0xIDJoMThsLTFlLTYgNGgtMTh6bTAgNmgxNHYyaC0xNHptMCA0aDEydjJoLTEyem0wIDRoMTR2MmgtMTR6Ii8+DQo8L3N2Zz4NCg==');
		display: block !important;
	}
	
	.ve-ui-toolbar-group-format .oo-ui-image-progressive.oo-ui-iconElement-icon {
		background-image: url('/images/c/ce/OOUI_text_level_progressive.svg');
		background-image: linear-gradient(transparent,transparent),url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCI+DQogIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+KiB7IGZpbGw6ICMzNmMgfTwvc3R5bGU+DQogIDxwYXRoIGQ9Im0xIDJoMThsLTFlLTYgNGgtMTh6bTAgNmgxNHYyaC0xNHptMCA0aDEydjJoLTEyem0wIDRoMTR2MmgtMTR6Ii8+DQo8L3N2Zz4NCg==');
		display: block !important;
	}
	
	.ve-ui-toolbar-group-format .oo-ui-labelElement-label {
		display: none !important;
	}
	
	/* VE: chowamy znaki specjalne (i tak na telefonach to jest w klawiaturze) */
	.ve-ui-toolbar-group-specialCharacter {
		display: none !important;
	}
	
	/* ikona w przycisku zapisu */
	.oo-ui-tool-name-showSave a {
		height: 3em;
		width: 3em;
	}
	
	.oo-ui-tool-name-showSave .oo-ui-iconElement-icon {
		background-image: url("/load.php?modules=oojs-ui.styles.icons-movement&image=next&variant=invert&format=rasterized");
		background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Enext%3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 1L5.6 2.5 13 10l-7.4 7.5L7 19l9-9z%22/%3E%3C/g%3E%3C/svg%3E");
		display: block !important;
	}
	
	.oo-ui-tool-name-showSave .oo-ui-tool-title {
		display: none !important;
	}
	
	/* VE: etykiety skrótów klawiaturowych */
	.oo-ui-tool-accel {
		display: none !important;
	}
	
	/* wikieditor */
	/* ukryj zakładkę ze znakami specjalnymi */
	.mw-editform .tab-characters {
		display: none;
	}

	/* zmniejszenie obrazków na mobilnej SG i inne drobne pierdoły */
	.glowna-main-content .floatright img {
		width: 100px;
		height: auto;
	}

	.page-Main_Page.is-authenticated .pre-content {
	    display: none !important;
	}
}

/* Przycisk narzędzi strony (tylko mobilnioki): mniejsze marginesy */
#p-views li, #p-more li {
	margin: 0.25em 0 0.5em 1em;
}

/* i te klikadełka w lewym górnym też */
.tools-inline li {
	margin-bottom: 0.5em;
}

/* Wąski ekran (telefon, orientacja pionowa) */
@media screen and (max-width: 550px) {
	/* [[Szablon:Kolumny]] max 1 kolumna */
	.n-multicol-2, .n-multicol-3, .n-multicol-4 {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	
	/* Nagłówek żeby nie robił się w trzech liniach na wąskich ekranach */
	#p-logo-text {
    	position: absolute !important;
    	left: 3.25em !important;
	}
	
	/* legenda skrótów na ozetach, ukrywamy bo za dużo miejsca zajmuje */
	.mw-changeslist-legend {
		display: none;
	}
	
	/* Ikonki MW, SMW, CC; ukrywamy bo bajzel robią i za dużo miejsca zajmują */
	#f-poweredbyico,
	#f-copyrightico {
		display: none;
	}
	
	/* EditTools, korzystanie z nich na telefonie graniczy z cudem */
	.mw-editTools {
		display: none;
	}
	
	/* Przyciski które wymagają czekboksów w historii zmian, można ukryć */
	.mw-history-revisiondelete-button,
	.mw-history-editchangetags-button {
		display: none;
	}
	
	/* również odpowiednie checkboxy od tego */
	#pagehistory input[type="checkbox"] {
		display: none;
	}
	
	/* wypełnij całą szerokość infoboksa */
	.ib-start {
		width: 550px;
	}
	
	/* wieża użytkownika */
	table.wieza table {
		margin: 0 !important;
	}
	
	/* Spis treści na stronach plików */
	#filetoc {
		display: none !important;
	}
	
	/* ECHO */
	/* lista powiadomień */
	.mw-echo-ui-notificationItemWidget-content-table {
		margin-left: -3em;
		width: calc(100% + 3em) !important;
	}
	
	/* ukryj timestamp w ramce eventu */
	.mw-echo-ui-notificationItemWidget-content-actions-timestamp {
		display: none !important;
	}
	
	.mw-echo-ui-notificationItemWidget-content-message-body {
		margin-right: -1.5em;
	}
	
	.mw-echo-ui-readStateButtonSelectWidget > div:nth-child(1) {
		display: block !important;
		margin-bottom: 0.25em;
	}
	
	.mw-echo-ui-notificationItemWidget-content-actions .mw-echo-ui-menuItemWidget-prioritized {
		margin-right: 0 !important;
	}
	
	.mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
		height: 8.6em;
	}
	
	.mw-echo-ui-notificationsInboxWidget-main-toolbar-settings {
		margin-top: 0.8em;
	}
	
	/* ukryj przycisk edycji VE */
	#ca-ve-edit {
		display: none;
	}
	
	/* wikieditor */
	/* ukryj zmianę trybu edycji */
	.ve-init-mw-editSwitch,
	/* i włącznik od CodeMirrora – powinien być na tej szer. wyłączony (vide gadżet Bootstrap) */
	#mw-editbutton-codemirror,
	/* ukryj zakładkę z pomocą – i tak się rozłazi */
	.mw-editform .tab-help,
	/* ukryj opcję tekstu alternatywnego we wstawianiu grafiki */
	#wikieditor-toolbar-file-dialog > fieldset > :nth-child(3),
	/* i ukryj pole "format" */
	.wikieditor-toolbar-file-options > :nth-child(3)
	{
		display: none !important;
	}
	
	/* ustaw jakiś normalny rozmiar okna dialogowego */
	.wikiEditor-toolbar-dialog {
		width: auto !important;
    	left: 0px !important;
    	min-width: 95%;
	}
}

/* losujka stron */
#n-randompage-changens {
    margin-left: -1.2em;
    margin-right: 1%;
}

#n-randompage-more {
	padding: 0 0 0 1em;
    line-height: 165%;
    overflow: hidden;
    transition: height 200ms;
}

#n-randompage-more.notopen {
	margin: 0 !important;
}

/* info o zabezpieczonej stronie */
.restr {
    margin-top: -1.5em;
}

.mw-redirectedfrom + .restr {
	margin-top: 0;
}

/* powiadomienie o nowej wiadomości w dyskusji */
.usermessage {
	font-weight: bold;
	margin: 1em 0;
	padding: 0.5em 1em;
}

/* stopka: ikonki MW, SMW, CC */
#mw-footer .footer-icons {
    margin: 0 0 0 0.3em !important;
}

/* spis na prawo */
.toc-right > div {
	margin: 1em 0 1em 0.5em !important;
	clear: right;
	float: right;
}

/* ramka w thumbach w Szablon:Youtube */
.thumb.embedvideo > div.embedvideo.autoResize {
	padding: 0.5em;
	background-color: #f8f9fa;
	font-size: 94%;
	text-align: center;
	overflow: hidden;
}

/* stary margines w S:Youtube */
.embedvideo .thumbcaption {
	padding: 1em;
	padding-left: 0.1em !important;
}

@media only screen and (min-width: 850px) {
	.thumb.embedvideo.ev_right {
		margin: 0.5em;
	}
	
	.glowna-main-content .panelcss-header {
		padding-top: 3px !important;
	}
}

@media only screen and (max-width: 850px) {
	.thumb.embedvideo {
		float: left !important;
		width: 100% !important;
		margin: none !important;
		padding: 0 !important;
	}
	.embedvideowrap {
    	margin-left: auto;
    	margin-right: auto;
	}
}