MediaWiki:Timeless.css

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

/* Ogół mobilków / mobilkoidów */
@media screen and (max-width: 850px) {
	/* 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;
	}
	
	/* losujka od stron */
	#n-randompage-changens {
		margin-right: 2.68% !important;
	}
	
	#n-randompage-more {
		padding: 0 0 0 1em !important;
		line-height: 230% !important;
		transition: height 200ms !important;
		height: 100% !important;
	}
	
	#n-randompage-more.notopen {
		margin: 0 !important;
		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;
	}
	
	/* H1 */
	h1.firstHeading {
		clear: none;
	}
	
	/* 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 */
	.wikitable {
		display: block;
		width: 100% !important;
		margin: 1em 0;
		overflow: auto;
		overflow-y: hidden;
		overflow-x: auto;
		padding: 0;
	}
	
	/* Przestrzeń pod polem edycji */
	div.editOptions {
		padding: 1em 0.75em;
	}
	
	/* listy diffów w historii */
	#pagehistory {
		margin: 0;
		list-style-type: none;
	}
	
	#pagehistory li {
		padding: 4px;
		margin-top: 0.8em;
		outline: 1px solid #d2d2d2;
	}
	
	#pagehistory li.selected {
    	background-color: #daecff;
	}
	
	/* 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;
	}
}

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

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

/* Wąski ekran (telefon, orientacja pionowa) */
@media screen and (max-width: 550px) {
	/* Nagłówek żeby nie robił się w trzech liniach na wąskich ekranach */
	#p-logo-text {
    	position: absolute !important;
    	left: 3.8em !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;
	}
	
	/* Przycisk edycji znaczników w historii, i tak nikt tego nie używa */
	.mw-history-editchangetags-button {
		display: none;
	}

/* Uberwąski ekran (??!!) */
@media screen and (max-width: 358px) {
	/* Nagłówek trzylinijkowy */
	#p-logo-text {
    	position: static !important; 
	}
	#n-randompage-changens {
    margin-right: 2.68% !important;
	}
}

/* link do helpa w prawym górnym i podobne */
.mw-indicators {
	margin: 0.6em 0 0 0.5em;
}

/* przycisk do purgowania, sieje tylko zamęt */
#ca-purge {
	display: none;
}

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

/* Wordmark */
#p-logo-text a {
	font-size: 1.65em !important;
	padding-bottom: 0 !important;
    padding-top: 0.3em !important;
}

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

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