MediaWiki:Timeless.css: Różnice pomiędzy wersjami
Z Nonsensopedii, polskiej encyklopedii humoru
Ostrzyciel (dyskusja • edycje) M (dla kleine kleine telefonen) |
Ostrzyciel (dyskusja • edycje) M |
||
Linia 179: | Linia 179: | ||
/* Uberwąski ekran mobilny, np. iPhone 5 i wcześniejsze */ |
/* Uberwąski ekran mobilny, np. iPhone 5 i wcześniejsze */ |
||
@media screen and (max-width: 350px) { |
@media screen and (max-width: 350px) { |
||
/* Nagłówek |
/* Nagłówek jeszcze mniejszy */ |
||
#p- |
#p-logo-text a { |
||
font-size: 1.3em !important; |
font-size: 1.3em !important; |
||
padding-top: 0.6em !important; |
padding-top: 0.6em !important; |
Wersja z 10:55, 6 maj 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 3em 0 2em;
line-height: 1;
}
/* problem z siostrzanymi */
.mw-body a > img {
height: auto;
max-width: none !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;
}
/* 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 */
.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-left: 0 !important;
max-width: none !important;
}
/* 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: 1em;
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;
}
/* gwiazdki RatePage */
.ratingstar-desktop {
width: 35px;
height: 35px;
}
.ratingsinfo-desktop {
padding: 1.5em 0 0 0;
}
/* szablon YouTube */
.embedvideo > .thumbinner {
text-align: center;
}
/* szablony z linkami do siostrzanych */
.siostrzane {
width: 100%;
}
}
/* 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 mobilny, np. iPhone 5 i wcześniejsze */
@media screen and (max-width: 350px) {
/* Nagłówek jeszcze mniejszy */
#p-logo-text a {
font-size: 1.3em !important;
padding-top: 0.6em !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;
}
/* powiadomienie o nowej wiadomości w dyskusji */
.usermessage {
font-weight: bold;
margin: 2em 0 1em;
padding: 0.5em 1em;
}
/* stopka: ikonki MW, SMW, CC */
#mw-footer .footer-icons {
margin: 0 0 0 0.3em !important;
}