MediaWiki:Timeless.css
Z Nonsensopedii, polskiej encyklopedii humoru
Wersja z dnia 13:38, 13 maj 2022 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;
}
/* Wordmark */
#p-logo-text a {
padding-top: 0.1em !important;
}
/* Rozmiar logo */
.mw-wiki-logo.timeless-logo img {
width: inherit !important;
}
/* odsunięcie tekstu od przycisków na górze nieco, żeby się rzeczy nie zlewały */
#bodyContent {
margin-top: 0.8em;
}
/* papież */
/* grzebali w tym: SH3VEK, Polskacafe, Ostrzyciel i wszyscy święci */
#searchInput-container {
background-position: 4em -17px;
background-image: url(https://nonsa.pl/images/c/ce/Szukajka.jpg) !important;
background-repeat: no-repeat;
}
#searchInput {
background: rgba(255, 255, 255, 0.4);
transition: background 250ms;
}
#searchInput:focus {
background: rgba(255, 255, 255, 0.8);
}
/* aaaameeen. */
/* gwiazdka obserwowanych – kolorowa żeby dało się ją wgl odróżnić */
#ca-unwatch a {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='%23ffb100' d='M10.041 1.125 7.407 6.243l-5.654.95 4.025 4.102-.846 5.703 5.123-2.587 5.13 2.567-.862-5.689 4.014-4.113-5.652-.936z' /%3E%3C/svg%3E%0A") !important;
}
/* Widok niemobilny – hakowanie domyślnych klas Timelessa */
@media screen and (min-width: 1100px) {
/* pokaż kategorie również na dole strony + lekko popraw ich wygląd */
.skin-timeless #catlinks {
display: block !important;
margin: 1px !important;
padding: 0.5em !important;
}
/* no chyba że w ogóle nie ma żadnych kategorii do pokazania */
.skin-timeless #catlinks.catlinks-allhidden {
display: none !important;
}
}
/* Widok jednokolumnowy, ale niezbyt mobilny */
@media screen and (max-width: 1099px) {
/* VE – ukrycie H1 i przycisków na górze strony */
.ve-init-mw-desktopArticleTarget-originalContent > h1,
.ve-init-mw-desktopArticleTarget-originalContent > #bodyContentOuter > #mw-page-header-links {
display: none !important;
}
/* [[Szablon:Kolumny]] max 3 kolumny */
.n-multicol-4 {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
}
/* Krok wykorzystywany przez Echo (Specjalna:Powiadomienia) */
@media screen and (max-width: 981px) {
.mw-echo-ui-notificationsInboxWidget-main-toolbar-readState {
width: 100%;
}
}
/* Ogół mobilków / mobilkoidów */
@media screen and (max-width: 850px) {
/* Wordmark */
#p-banner > img {
max-width: 7em;
width: calc(100vw - 5.9em) !important;
height: auto !important;
}
/* Ukrycie strzałek przy przyciskach na górnym pasku, dla zwięzłości */
#user-tools h2:after, .sidebar-chunk h2:after {
display: none !important;
}
/* menu użytkownika */
#user-tools h2 {
top: 1.125em !important;
right: 1.2em !important;
width: 26px !important;
height: 26px !important;
}
/* ikona powiadomień */
#personal-extra {
right: 3.7em !important;
top: 0.58em !important;
}
#personal-extra li {
margin: 0 0.2em !important;
}
#pt-notifications-alert .mw-echo-notifications-badge {
width: 26px !important;
height: 26px !important;
background-size: cover;
}
/* [[Szablon:Kolumny]] max 2 kolumny */
.n-multicol-3, .n-multicol-4 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
/* 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;
}
/* Ukrycie menu interwiki */
/* tak, wiem, zbrodnia, ale z uncami się i tak nie kochamy, a to zajmuje miejsce i się psuje */
#ca-languages {
display: none !important;
}
/* mniejsze ikony licencji w Information */
.mw-body table.information-template a > img {
max-width: 40px !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;
}
/* Sitenotice */
.mw-dismissable-notice-close {
margin: 0.6em 1.25em;
}
.sitedir-ltr .mw-dismissable-notice-body {
margin: 0.5em;
clear: both;
}
/* H1 */
h1.firstHeading {
clear: none;
}
/* listy punktowane i numerowane, większy rozstrzał */
#content li {
margin-bottom: 10px;
}
/* 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: 0 !important;
max-width: none !important;
}
/* Szablon Cytat2 */
.nonsa-cytat2 td {
padding: 4px !important;
}
/* Przestrzeń pod polem edycji */
div.editOptions {
padding: 1em 0.75em;
}
/* lista użytych szablonów, ficzer raczej i tak rzadko używany */
.templatesUsed {
display: none;
}
/* 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;
}
/* spis treści w artykule, większy rozstrzał */
.toc li {
margin: 0.6em 0 !important;
}
/* 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;
}
/* znaczki NM! i godzina na ozetach */
td.mw-enhanced-rc {
font-size: 0.8em;
}
/* łamanie długich tekstów (np. linków w opisach edycji) */
.mw-changeslist-line-inner {
word-break: break-word;
}
/* [[Szablon:Youtube]] */
.embedvideo > .thumbinner {
text-align: center;
}
.thumbinner > iframe {
max-width: 100%;
}
/* szablony z linkami do siostrzanych */
.siostrzane {
width: 100% !important;
text-align: left !important;
/* bez tego psują się listy punktowane na sAfArI nAjLePrZaPrZeGlOnDaRkA */
float: none !important;
}
.siostrzane td:nth-child(1) {
width: 50px;
}
/* SDU, ANM, GNM, te sprawy */
.vote-table ol {
margin: 0.3em 0 0 1.8em !important;
}
/* stopka z powiązanym artami itd. */
#content-bottom-stuff {
background: #eeeeee; /* Makłowicz approves */
}
#mw-data-after-content {
padding: 0.45em;
}
/* ratepage */
.footer-ratingstars {
margin-top: 8px !important;
}
/* [[Szablon:Nagłówek lat]] – łamanie linii z latami */
.nonsa-hl-year {
display: block;
}
.nonsa-century-line {
margin-bottom: 0.6em;
}
/* Łamanie nazw wieków */
.nonsa-century-line a {
white-space: nowrap;
}
/* Ukryj raport parsera pod oknem edycji */
.limitreport {
display: none;
}
/* Ukryj factbox SMW pod oknem edycji */
#mw-data-after-content .smw-factbox {
display: none;
}
/***** VisualEditor ******/
/* chowamy helpa */
.ve-ui-toolbar-group-help > div > span:first-child {
display: none !important;
}
/* chowamy redo */
.oo-ui-tool-name-redo {
display: none !important;
}
/* zamieniamy wybierałkę poziomu tekstu w ikonę */
.ve-ui-toolbar-group-format > .oo-ui-popupToolGroup-handle {
min-width: 3.7em !important;
height: 3em !important;
}
.ve-ui-toolbar-group-format .oo-ui-iconElement-icon {
background-image: url('/images/c/ce/OOUI_text_level.svg');
background-image: linear-gradient(transparent,transparent),url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCI+DQogIDxwYXRoIGQ9Im0xIDJoMThsLTFlLTYgNGgtMTh6bTAgNmgxNHYyaC0xNHptMCA0aDEydjJoLTEyem0wIDRoMTR2MmgtMTR6Ii8+DQo8L3N2Zz4NCg==');
display: block !important;
}
.ve-ui-toolbar-group-format .oo-ui-image-progressive.oo-ui-iconElement-icon {
background-image: url('/images/c/ce/OOUI_text_level_progressive.svg');
background-image: linear-gradient(transparent,transparent),url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCI+DQogIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+KiB7IGZpbGw6ICMzNmMgfTwvc3R5bGU+DQogIDxwYXRoIGQ9Im0xIDJoMThsLTFlLTYgNGgtMTh6bTAgNmgxNHYyaC0xNHptMCA0aDEydjJoLTEyem0wIDRoMTR2MmgtMTR6Ii8+DQo8L3N2Zz4NCg==');
display: block !important;
}
.ve-ui-toolbar-group-format .oo-ui-labelElement-label {
display: none !important;
}
/* VE: chowamy znaki specjalne (i tak na telefonach to jest w klawiaturze) */
.ve-ui-toolbar-group-specialCharacter {
display: none !important;
}
/* ikona w przycisku zapisu */
.oo-ui-tool-name-showSave a {
height: 3em;
width: 3em;
}
.oo-ui-tool-name-showSave .oo-ui-iconElement-icon {
background-image: url("/load.php?modules=oojs-ui.styles.icons-movement&image=next&variant=invert&format=rasterized");
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Enext%3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 1L5.6 2.5 13 10l-7.4 7.5L7 19l9-9z%22/%3E%3C/g%3E%3C/svg%3E");
display: block !important;
}
.oo-ui-tool-name-showSave .oo-ui-tool-title {
display: none !important;
}
/* VE: etykiety skrótów klawiaturowych */
.oo-ui-tool-accel {
display: none !important;
}
/* wikieditor */
/* ukryj zakładkę ze znakami specjalnymi */
.mw-editform .tab-characters {
display: none;
}
/* zmniejszenie obrazków na mobilnej SG i inne drobne pierdoły */
.glowna-main-content .floatright img {
width: 100px;
height: auto;
}
.page-Main_Page.is-authenticated .pre-content {
display: none !important;
}
}
/* Przycisk narzędzi strony (tylko mobilnioki): mniejsze marginesy */
#p-views li, #p-more li {
margin: 0.25em 0 0.5em 1em;
}
/* i te klikadełka w lewym górnym też */
.tools-inline li {
margin-bottom: 0.5em;
}
/* Wąski ekran (telefon, orientacja pionowa) */
@media screen and (max-width: 550px) {
/* [[Szablon:Kolumny]] max 1 kolumna */
.n-multicol-2, .n-multicol-3, .n-multicol-4 {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
/* Nagłówek żeby nie robił się w trzech liniach na wąskich ekranach */
#p-logo-text {
position: absolute !important;
left: 3.25em !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;
}
/* Przyciski które wymagają czekboksów w historii zmian, można ukryć */
.mw-history-revisiondelete-button,
.mw-history-editchangetags-button {
display: none;
}
/* również odpowiednie checkboxy od tego */
#pagehistory input[type="checkbox"] {
display: none;
}
/* wypełnij całą szerokość infoboksa */
.ib-start {
width: 550px;
}
/* wieża użytkownika */
table.wieza table {
margin: 0 !important;
}
/* Spis treści na stronach plików */
#filetoc {
display: none !important;
}
/* ECHO */
/* lista powiadomień */
.mw-echo-ui-notificationItemWidget-content-table {
margin-left: -3em;
width: calc(100% + 3em) !important;
}
/* ukryj timestamp w ramce eventu */
.mw-echo-ui-notificationItemWidget-content-actions-timestamp {
display: none !important;
}
.mw-echo-ui-notificationItemWidget-content-message-body {
margin-right: -1.5em;
}
.mw-echo-ui-readStateButtonSelectWidget > div:nth-child(1) {
display: block !important;
margin-bottom: 0.25em;
}
.mw-echo-ui-notificationItemWidget-content-actions .mw-echo-ui-menuItemWidget-prioritized {
margin-right: 0 !important;
}
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
height: 8.6em;
}
.mw-echo-ui-notificationsInboxWidget-main-toolbar-settings {
margin-top: 0.8em;
}
/* ukryj przycisk edycji VE */
#ca-ve-edit {
display: none;
}
/* wikieditor */
/* ukryj zmianę trybu edycji */
.ve-init-mw-editSwitch,
/* i włącznik od CodeMirrora – powinien być na tej szer. wyłączony (vide gadżet Bootstrap) */
/* ukrywamy tylko jeśli CM jest naprawdę wyłączony – w przeciwnym wypadku nie będzie dało się go wgl wyłączyć */
#mw-editbutton-codemirror.oo-ui-toggleWidget-off,
/* ukryj zakładkę z pomocą – i tak się rozłazi */
.mw-editform .tab-help,
/* ukryj opcję tekstu alternatywnego we wstawianiu grafiki */
#wikieditor-toolbar-file-dialog > fieldset > :nth-child(3),
/* i ukryj pole "format" */
.wikieditor-toolbar-file-options > :nth-child(3)
{
display: none !important;
}
/* ustaw jakiś normalny rozmiar okna dialogowego */
.wikiEditor-toolbar-dialog {
width: auto !important;
left: 0px !important;
min-width: 95%;
}
}
/* 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;
}
/* info o zabezpieczonej stronie */
.restr {
margin-top: -1.5em;
}
.mw-redirectedfrom + .restr {
margin-top: 0;
}
/* powiadomienie o nowej wiadomości w dyskusji */
.usermessage {
font-weight: bold;
margin: 1em 0;
padding: 0.5em 1em;
}
/* stopka: ikonki MW, SMW, CC */
#mw-footer .footer-icons {
margin: 0 0 0 0.3em !important;
}
/* spis na prawo */
.toc-right > div {
margin: 1em 0 1em 0.5em !important;
clear: right;
float: right;
}
/* ramka w thumbach w Szablon:Youtube */
.thumb.embedvideo > div.embedvideo.autoResize {
padding: 0.5em;
background-color: #f8f9fa;
font-size: 94%;
text-align: center;
overflow: hidden;
}
/* stary margines w S:Youtube */
.embedvideo .thumbcaption {
padding: 1em;
padding-left: 0.1em !important;
}
@media only screen and (min-width: 850px) {
.thumb.embedvideo.ev_right {
margin: 0.5em;
}
.glowna-main-content .panelcss-header {
padding-top: 3px !important;
}
}
@media only screen and (max-width: 850px) {
.thumb.embedvideo {
float: left !important;
width: 100% !important;
margin: none !important;
padding: 0 !important;
}
.embedvideowrap {
margin-left: auto;
margin-right: auto;
}
}