MediaWiki:Common.css

Uwaga: aby zobaczyć zmiany po opublikowaniu, 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 / Edge: Przytrzymaj Ctrl, jednocześnie klikając Odśwież, lub naciśnij klawisze Ctrl+F5
• Opera: Naciśnij klawisze Ctrl+F5.

/* Umieszczony tutaj kod CSS zostanie zastosowany we wszystkich skórkach */

/* Wyłącza klikalność banera WikidataPageBanner */
.wpb-topbanner a {
    pointer-events: none;
    cursor: default;
}

/* Infobox image styling */
.infobox-image {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}


/* ===== 2011 Vector Skin Dark Mode ===== */
.skin-dark-mode {
    /* Core colors */
    --dark-bg-primary: #1a1a1a;
    --dark-bg-secondary: #2d2d2d;
    --dark-bg-tertiary: #3a3a3a;
    --dark-text-primary: #e0e0e0;
    --dark-text-secondary: #b0b0b0;
    --dark-link: #4da6ff;
    --dark-link-visited: #b380ff;
    --dark-border: #444;
    --dark-border-light: #555;
}

/* Main layout */
.skin-dark-mode body {
    background-color: var(--dark-bg-primary);
    color: var(--dark-text-primary);
}

.skin-dark-mode #mw-page-base {
    background-color: var(--dark-bg-secondary);
}

.skin-dark-mode #mw-head {
    background-color: var(--dark-bg-secondary);
    border-bottom-color: var(--dark-border);
}

.skin-dark-mode #mw-panel {
    background-color: var(--dark-bg-secondary);
    border-right-color: var(--dark-border);
}

.skin-dark-mode #content {
    background-color: var(--dark-bg-primary);
    color: var(--dark-text-primary);
    border-color: var(--dark-border);
}

.skin-dark-mode .mw-body {
    background-color: var(--dark-bg-primary);
    color: var(--dark-text-primary);
    border-color: var(--dark-border);
}

/* Personal tools */
.skin-dark-mode #p-personal {
    background-color: var(--dark-bg-tertiary);
    border-bottom-color: var(--dark-border);
}

.skin-dark-mode #p-personal li {
    border-left-color: var(--dark-border-light);
}

.skin-dark-mode #p-personal a {
    color: var(--dark-link);
}

/* Tabs */
.skin-dark-mode .vectorTabs {
    background-color: var(--dark-bg-secondary);
}

.skin-dark-mode .vectorTabs ul li {
    background-color: var(--dark-bg-tertiary);
    border-color: var(--dark-border-light);
}

.skin-dark-mode .vectorTabs ul li a {
    color: var(--dark-text-primary);
}

.skin-dark-mode .vectorTabs ul li.selected {
    background-color: var(--dark-bg-primary);
}

.skin-dark-mode .vectorTabs ul li.selected a {
    color: #fff;
}

/* Dropdown menus */
.skin-dark-mode .vectorMenu h3 {
    background-color: var(--dark-bg-tertiary);
    color: var(--dark-text-primary);
    border-color: var(--dark-border-light);
}

.skin-dark-mode .vectorMenu .menu {
    background-color: var(--dark-bg-tertiary);
    border-color: var(--dark-border-light);
}

/* Sidebar */
.skin-dark-mode .portal {
    background-color: var(--dark-bg-secondary);
    border-color: var(--dark-border);
}

.skin-dark-mode .portal h3 {
    color: #ccc;
    background-color: #333;
    border-bottom-color: var(--dark-border);
}

.skin-dark-mode .portal .body ul li a {
    color: var(--dark-text-secondary);
}

/* Links */
.skin-dark-mode a {
    color: var(--dark-link);
}

.skin-dark-mode a:visited {
    color: var(--dark-link-visited);
}

.skin-dark-mode a.new {
    color: #ff6b6b;
}

/* Forms */
.skin-dark-mode input,
.skin-dark-mode textarea,
.skin-dark-mode select {
    background-color: #333;
    color: var(--dark-text-primary);
    border-color: var(--dark-border-light);
}

.skin-dark-mode #searchInput {
    background-color: #333;
    color: var(--dark-text-primary);
}

/* Footer */
.skin-dark-mode #footer {
    background-color: var(--dark-bg-secondary);
    border-top-color: var(--dark-border);
    color: var(--dark-text-secondary);
}

/* Tables */
.skin-dark-mode table.wikitable {
    background-color: var(--dark-bg-secondary);
    color: var(--dark-text-primary);
    border-color: var(--dark-border-light);
}

.skin-dark-mode table.wikitable th {
    background-color: var(--dark-bg-tertiary);
}

/* Code */
.skin-dark-mode pre,
.skin-dark-mode code {
    background-color: #2a2a2a;
    color: #f8f8f2;
    border-color: var(--dark-border);
}

/* Add more specific selectors as needed for your wiki */