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

Z wiki.lighting-gallery.pl
Przejdź do nawigacji Przejdź do wyszukiwania
Nie podano opisu zmian
Znacznik: Wycofane
Nie podano opisu zmian
Znacznik: Ręczne wycofanie zmian
 
(Nie pokazano 20 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    */
/* ===================== */


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


/* ===================== */
 
/* Zmienne CSS dla dark-theme */
/* Wyłączenie podpisu strony w PageBanner */
body.dark-theme {
/* Wyłączenie podpisu strony w PageBanner */
     --main-color: 24, 24, 24;
.wpb-name {
    --text-color: 240, 240, 240;
     display: none !important;
    --accent-color: 38, 38, 38;
    --header-background-color: 74, 74, 74;
    --redlink-color: 255, 51, 51;
    --important-button-color: 51, 102, 204;
    --unvisited-link-color: 107, 162, 250;
    --visited-link-color: 115, 102, 255;
    --timestamp-link-color: 200, 200, 200;
    --negative-color: 255, 37, 37;
    --positive-color: 41, 202, 44;
    --diff-added-color: 128, 193, 255;
    --diff-deleted-color: 251, 200, 80;
    --accented-border-color: 170, 170, 170;
}
}


/* ===================== */
 
/* Globalne poprawki */
/* Wyłączenie dyskusji stron */
/* Poprawiona reguła transparent */
/* Wyłączenie dyskusji stron */
:not(
#ca-talk { display: none !important; }
    .legend-color,
 
    .legend-content,
 
    .vjs-control,
/* Skalowanie obrazka Infoboxa */
    .vjs-control *,
/* Skalowanie obrazka Infoboxa */
    .mw-tmh-player *,
.infobox-image {
     .minerva-icon
     max-width: 100%;
) {
    height: auto;
     box-shadow: none !important;
     display: block;
     /* Usunięto background-color: transparent !important */
     margin: 0 auto;
}
}


/* ===================== */
 
/* Body i artykuł */
/* Podświetlanie przycisków pod banerem na głównej stronie */
body.dark-theme .mw-body {
/* Podświetlanie przycisków pod banerem na głównej stronie */
     background-color: rgb(var(--main-color)) !important;
.hover-table td:hover,
    color: rgb(var(--text-color)) !important;
.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 {
 
     color: rgb(var(--visited-link-color)) !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%;
}
}


/* Miniatury */
 
body.dark-theme .thumb,
/* Class skalowania do tabelek ze zdjęciami */
body.dark-theme .thumbinner {
/* Class skalowania do tabelek ze zdjęciami */
     background-color: rgb(var(--accent-color)) !important;
table.responsive-table {
     border: 1px solid rgb(var(--accented-border-color)) !important;
     max-width: 100%;
    width: 100% !important;
     table-layout: fixed;
}
}


/* Nagłówek strony i footer */
/* Zdjęcia do skalowania */
body.dark-theme #mw-head,
table.responsive-table 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;
     width: auto !important;
}
}


/* ===================== */
/* Thumb do skalowania */
/* Tabele i infoboxy – zachowują własne kolory tła */
table.responsive-table .thumbinner {
body.dark-theme table:not([style]),
     width: auto !important;
body.dark-theme .infobox:not([style]),
     max-width: 100% !important;
body.dark-theme .wikitable:not([style]),
body.dark-theme .navbox-list:not([style]),
body.dark-theme .navbox:not([style]) {
     background-color: rgb(var(--accent-color)) !important;
     border-color: rgb(var(--accented-border-color)) !important;
}
}


/* Tabele z customowym tłem pozostają nienaruszone */
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 {
/* Przyciski i UI */
    max-width: 100% !important;
body.dark-theme .oo-ui-toolbar-bar,
     height: auto !important;
body.dark-theme .ve-ui-toolbar-saveButton,
     width: auto !important;
body.dark-theme .oo-ui-windowManager-modal .oo-ui-dialog {
     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 */
}
Źródło: „http://wiki.lighting-gallery.pl/index.php?title=MediaWiki:Common.css&oldid=4835”