MediaWiki:Timeless.css
Z Nonsensopedii, polskiej encyklopedii humoru
Wersja z dnia 16:22, 13 kwi 2020 autorstwa Ostrzyciel (dyskusja • edycje)
Uwaga: aby zobaczyć zmiany po zapisaniu, 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: Przytrzymaj Ctrl jednocześnie klikając Odśwież lub naciśnij klawisze Ctrl+F5
- Konqueror: Kliknij polecenie Odśwież lub naciśnij klawisz F5
- Opera: Wyczyść pamięć podręczną w Narzędzia → Preferencje
/* 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 2em 0;
line-height: 1;
}
/* 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;
}
/* 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.5em;
outline: 1px solid #d2d2d2;
}
}
/* 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;
}
/* 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;
}
}
/* Uberwąski ekran (??!!) */
@media screen and (max-width: 370px) {
/* Nagłówek trzylinijkowy */
#p-logo-text {
position: static !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;
}
#n-randompage-more {
margin-bottom: 0.7em !important;
}
#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;
}