MediaWiki:Timeless.css: Różnice pomiędzy wersjami
Z Nonsensopedii, polskiej encyklopedii humoru
Ostrzyciel (dyskusja • edycje) M (ech) |
M (dobra, na razie tutaj, potem będzie w extension) |
||
Linia 11: | Linia 11: | ||
#mw-content-container { |
#mw-content-container { |
||
border-bottom: solid 4px #f5c946; |
border-bottom: solid 4px #f5c946; |
||
} |
|||
/* Gwiazdeczki RatePage */ |
|||
.ratingstar-desktop { |
|||
width: 35px; |
|||
height: 35px; |
|||
background-size: contain; |
|||
background-position: center; |
|||
} |
|||
.ratingsinfo-desktop { |
|||
line-height: 1.3em; |
|||
font-size: 60%; |
|||
padding: 2em 0 0 0; |
|||
color: #666666; |
|||
text-align: center; |
|||
} |
} |
||
Wersja z 14:14, 4 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;
}
/* Gwiazdeczki RatePage */
.ratingstar-desktop {
width: 35px;
height: 35px;
background-size: contain;
background-position: center;
}
.ratingsinfo-desktop {
line-height: 1.3em;
font-size: 60%;
padding: 2em 0 0 0;
color: #666666;
text-align: center;
}
/* 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;
}
/* 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 {
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;
}
/* 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;
}
}
/* 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;
}