MediaWiki:Timeless.css: Różnice pomiędzy wersjami
Z Nonsensopedii, polskiej encyklopedii humoru
Ostrzyciel (dyskusja • edycje) M |
Ostrzyciel (dyskusja • edycje) M (rarrr Isarra) |
||
Linia 43: | Linia 43: | ||
/* Przestrzeń pod polem edycji */ |
/* Przestrzeń pod polem edycji */ |
||
.editOptions { |
div.editOptions { |
||
padding: 1em 0.75em; |
padding: 1em 0.75em; |
||
} |
} |
Wersja z 16:10, 13 kwi 2020
/* 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;
}
}
/* 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;
}