MediaWiki:Common.css: Różnice pomiędzy wersjami

Z wiki.lighting-gallery.pl
Przejdź do nawigacji Przejdź do wyszukiwania
(UWAGA! Zastąpienie treści hasła bardzo krótkim tekstem: „→‎Umieszczony tutaj kod CSS zostanie zastosowany we wszystkich skórkach: →‎=====================: →‎Tollens Dark Theme: →‎=====================: body { →‎Nadajemy od razu klasę dark-theme: class: dark-theme; } →‎Zmienne CSS dla dark-theme: body.dark-theme { --main-color: 24, 24, 24; --text-color: 240, 240, 240; --accent-color: 38, 38, 38; --header-background-color: 74, 74, 74;…”)
Znaczniki: Zastąpiono Wycofane
Nie podano opisu zmian
Znacznik: Ręczne wycofanie zmian
 
(Nie pokazano 22 pośrednich wersji utworzonych przez tego samego użytkownika)
Linia 1: Linia 1:
/* Umieszczony tutaj kod CSS zostanie zastosowany we wszystkich skórkach */
/* Umieszczony tutaj kod CSS zostanie zastosowany we wszystkich skórkach */


/* ===================== */
/* Tollens Dark Theme    */
/* ===================== */


body {
/* Wyłączenie klikalności PageBanner */
  /* Nadajemy od razu klasę dark-theme */
/* Wyłączenie klikalności PageBanner */
  class: dark-theme;
.wpb-topbanner a {
    pointer-events: none;
    cursor: default;
}
}


/* Zmienne CSS dla dark-theme */
 
body.dark-theme {
/* Wyłączenie podpisu strony w PageBanner */
     --main-color: 24, 24, 24;
/* Wyłączenie podpisu strony w PageBanner */
    --text-color: 240, 240, 240;
.wpb-name {
    --accent-color: 38, 38, 38;
     display: none !important;
    --header-background-color: 74, 74, 74;
}
    --redlink-color: 255, 51, 51;
 
    --important-button-color: 51, 102, 204;
 
    --unvisited-link-color: 107, 162, 250;
/* Wyłączenie dyskusji stron */
    --visited-link-color: 115, 102, 255;
/* Wyłączenie dyskusji stron */
    --timestamp-link-color: 200, 200, 200;
#ca-talk { display: none !important; }
    --negative-color: 255, 37, 37;
 
     --positive-color: 41, 202, 44;
 
     --diff-added-color: 128, 193, 255;
/* Skalowanie obrazka Infoboxa */
     --diff-deleted-color: 251, 200, 80;
/* Skalowanie obrazka Infoboxa */
     --accented-border-color: 170, 170, 170;
.infobox-image {
     max-width: 100%;
     height: auto;
     display: block;
     margin: 0 auto;
}
}


/* Tło i kolor głównej treści artykułu */
 
body.dark-theme .mw-body {
/* Podświetlanie przycisków pod banerem na głównej stronie */
     background-color: rgb(var(--main-color)) !important;
/* Podświetlanie przycisków pod banerem na głównej stronie */
    color: rgb(var(--text-color)) !important;
.hover-table td:hover,
.hover-table th:hover {
     background-color: #fffacd !important;
}
}


/* Nagłówki */
.hover-table-alt td:hover,
body.dark-theme h1,
.hover-table-alt th:hover {
body.dark-theme h2,
     background-color: #f0fff0 !important;
body.dark-theme h3,
body.dark-theme h4,
body.dark-theme h5,
body.dark-theme h6 {
     color: rgb(var(--text-color)) !important;
}
}


/* Linki */
/* Wykluczenie podświetlenia */
body.dark-theme a,
.hover-table td.no-hover:hover,
body.dark-theme a:visited {
.hover-table th.no-hover:hover,
    color: rgb(var(--unvisited-link-color)) !important;
.hover-table-alt td.no-hover:hover,
.hover-table-alt th.no-hover:hover {
    background-color: inherit !important;
}
}


body.dark-theme a:hover {
/* Klikalność przycisków */
     color: rgb(var(--visited-link-color)) !important;
.clickable-cell {
     padding: 0 !important;
    height: 100%;
}
}


/* Miniatury */
.clickable-cell a {
body.dark-theme .thumb,
    display: block;
body.dark-theme .thumbinner {
    padding: 0px;
     background-color: rgb(var(--accent-color)) !important;
    text-decoration: none;
     border: 1px solid rgb(var(--accented-border-color)) !important;
    color: inherit;
    width: 100%;
    height: 100%;
}
 
 
/* Class skalowania do tabelek ze zdjęciami */
/* Class skalowania do tabelek ze zdjęciami */
table.responsive-table {
    max-width: 100%;
    width: 100% !important;
    table-layout: fixed;
}
 
/* Zdjęcia do skalowania */
table.responsive-table img {
    max-width: 100% !important;
    height: auto !important;
    width: auto !important;
}
 
/* Thumb do skalowania */
table.responsive-table .thumbinner {
     width: auto !important;
    max-width: 100% !important;
}
 
table.responsive-table .thumbimage {
    max-width: 100% !important;
    height: auto !important;
     width: auto !important;
}
 
 
/*AAAAAAAAAAAAAAAAAAAAA*/
/* Responsive table that preserves custom column widths */
table.responsive-table-2 {
    max-width: 100%;
    width: auto !important;
    /* Remove table-layout: fixed to allow custom widths */
}
}


/* Nagłówek strony i footer */
/* Scale images but preserve column structure */
body.dark-theme #mw-head,
table.responsive-table-2 img {
body.dark-theme #footer {
     max-width: 100% !important;
     background-color: rgb(var(--header-background-color)) !important;
     height: auto !important;
     color: rgb(var(--text-color)) !important;
}
}


/* Tabele, infoboxy, navboxy */
/* Target thumbnail containers */
body.dark-theme table,
table.responsive-table-2 .thumbinner {
body.dark-theme .infobox,
     max-width: 100% !important;
body.dark-theme .navbox {
     width: auto !important;
     background-color: rgb(var(--accent-color)) !important;
    color: rgb(var(--text-color)) !important;
     border-color: rgb(var(--accented-border-color)) !important;
}
}


/* Przyciski, UI */
table.responsive-table-2 .thumbimage {
body.dark-theme .oo-ui-toolbar-bar,
    max-width: 100% !important;
body.dark-theme .ve-ui-toolbar-saveButton,
     height: auto !important;
body.dark-theme .oo-ui-windowManager-modal .oo-ui-dialog {
     width: auto !important;
     background-color: rgb(var(--accent-color)) !important;
     color: rgb(var(--text-color)) !important;
}
}


/* Linki w panelu użytkownika */
/* Ensure table cells respect their defined widths */
body.dark-theme #p-personal a,
table.responsive-table-2 td,
body.dark-theme #p-personal a:visited {
table.responsive-table-2 th {
     color: rgb(var(--text-color)) !important;
     width: auto !important; /* Allow natural width from inline styles */
    min-width: 0 !important; /* Remove minimum width constraints */
}
}

Aktualna wersja na dzień 21:55, 28 lis 2025

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


/* Wyłączenie klikalności PageBanner */
/* Wyłączenie klikalności PageBanner */
.wpb-topbanner a {
    pointer-events: none;
    cursor: default;
}


/* Wyłączenie podpisu strony w PageBanner */
/* Wyłączenie podpisu strony w PageBanner */
.wpb-name {
    display: none !important;
}


/* Wyłączenie dyskusji stron */
/* Wyłączenie dyskusji stron */
#ca-talk { display: none !important; }


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


/* Podświetlanie przycisków pod banerem na głównej stronie */
/* Podświetlanie przycisków pod banerem na głównej stronie */
.hover-table td:hover,
.hover-table th:hover {
    background-color: #fffacd !important;
}

.hover-table-alt td:hover,
.hover-table-alt th:hover {
    background-color: #f0fff0 !important;
}

/* Wykluczenie podświetlenia */
.hover-table td.no-hover:hover,
.hover-table th.no-hover:hover,
.hover-table-alt td.no-hover:hover,
.hover-table-alt th.no-hover:hover {
    background-color: inherit !important;
}

/* Klikalność przycisków */
.clickable-cell {
    padding: 0 !important;
    height: 100%;
}

.clickable-cell a {
    display: block;
    padding: 0px;
    text-decoration: none;
    color: inherit;
    width: 100%;
    height: 100%;
}


/* Class skalowania do tabelek ze zdjęciami */
/* Class skalowania do tabelek ze zdjęciami */
table.responsive-table {
    max-width: 100%;
    width: 100% !important;
    table-layout: fixed;
}

/* Zdjęcia do skalowania */
table.responsive-table img {
    max-width: 100% !important;
    height: auto !important;
    width: auto !important;
}

/* Thumb do skalowania */
table.responsive-table .thumbinner {
    width: auto !important;
    max-width: 100% !important;
}

table.responsive-table .thumbimage {
    max-width: 100% !important;
    height: auto !important;
    width: auto !important;
}


/*AAAAAAAAAAAAAAAAAAAAA*/
/* Responsive table that preserves custom column widths */
table.responsive-table-2 {
    max-width: 100%;
    width: auto !important;
    /* Remove table-layout: fixed to allow custom widths */
}

/* Scale images but preserve column structure */
table.responsive-table-2 img {
    max-width: 100% !important;
    height: auto !important;
}

/* Target thumbnail containers */
table.responsive-table-2 .thumbinner {
    max-width: 100% !important;
    width: auto !important;
}

table.responsive-table-2 .thumbimage {
    max-width: 100% !important;
    height: auto !important;
    width: auto !important;
}

/* Ensure table cells respect their defined widths */
table.responsive-table-2 td,
table.responsive-table-2 th {
    width: auto !important; /* Allow natural width from inline styles */
    min-width: 0 !important; /* Remove minimum width constraints */
}