Przejdź do zawartości

MediaWiki:Vector-2022.css: Różnice pomiędzy wersjami

Z Horyzont Zdarzeń
← poprzednia edycja
Nie podano opisu zmian
Nie podano opisu zmian
 
(Nie pokazano 2 pośrednich wersji utworzonych przez tego samego użytkownika)
Linia 365: Linia 365:
     margin: 0 !important;
     margin: 0 !important;
}
}
/* PORTRETY */
/* MediaWiki daje klasę portrait-card-img na span, nie bezpośrednio na img */


/* PORTRETY */
/* PORTRETY */
Linia 372: Linia 375:
     width: 180px !important;
     width: 180px !important;
     height: 270px !important;
     height: 270px !important;
    object-fit: cover !important;
    object-position: center top !important;


     display: block !important;
     display: block !important;
    overflow: hidden !important;


     background: #111111 !important;
     background: #111111 !important;
    padding: 0 !important;
    margin: 0 !important;


     border: 2px solid #333333 !important;
     border: 2px solid #333333 !important;
Linia 398: Linia 397:


     object-fit: cover !important;
     object-fit: cover !important;
    object-position: center top !important;
     display: block !important;
     display: block !important;


Linia 669: Linia 670:
/* ======================== CLUB LOGO FIX END ============== */
/* ======================== CLUB LOGO FIX END ============== */
/* ========================================================= */
/* ========================================================= */
/* ========================================================= */
/* ===================== MIXED GALLERY ===================== */
/* ========================================================= */
.mixed-card-img {
    width: 180px !important;
    height: 270px !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
    background: #111111 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 2px solid #333333 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    transition:
        transform 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}
.mixed-card-img:hover {
    transform: scale(1.05);
    border-color: var(--neon) !important;
    box-shadow:
        0 0 15px var(--neon),
        0 0 25px var(--neon) !important;
}

Aktualna wersja na dzień 13:19, 15 maj 2026

/* ========================================================= */
/* ======================= SPIS SEKCJI ===================== */
/* ========================================================= */
/*
1. GLOBAL DARK VECTOR
2. LINKI
3. SIDEBAR
4. NAGŁÓWEK
5. WYSZUKIWARKA
6. FOOTER
7. FORMULARZE
8. NAGŁÓWKI TREŚCI
9. PASKI VECTOR
10. KOMUNIKATY
11. PRZYCISKI
12. WIKIEDITOR
13. SCROLL TOP BUTTON
14. KARTY / CARD GRID
15. NAV GRID
16. PORTALE
17. PNG FIX
18. MSCALENDAR
*/
/* ========================================================= */
/* ===================== KONIEC SPISU ====================== */
/* ========================================================= */



/* ========================================================= */
/* ================= GLOBAL DARK VECTOR START ============== */
/* ========================================================= */

.skin-vector-2022,
.skin-vector-2022 body {
    background-color: #2b2b2b !important;
    color: #cccccc !important;
}

/* ========================================================= */
/* ================== GLOBAL DARK VECTOR END =============== */
/* ========================================================= */



/* ========================================================= */
/* ======================== LINKI START ==================== */
/* ========================================================= */

.skin-vector-2022 a {
    color: #ffcc66 !important;
}

.skin-vector-2022 a:visited {
    color: #d4aa00 !important;
}

.skin-vector-2022 a.new {
    color: #ff6666 !important;
}

/* ========================================================= */
/* ========================= LINKI END ===================== */
/* ========================================================= */



/* ========================================================= */
/* ======================= SIDEBAR START =================== */
/* ========================================================= */

.skin-vector-2022 .mw-sidebar {
    background-color: #1a1a1a !important;
    border-right: none !important;
}

/* ========================================================= */
/* ======================== SIDEBAR END ==================== */
/* ========================================================= */



/* ========================================================= */
/* ======================= NAGŁÓWEK START ================== */
/* ========================================================= */

.skin-vector-2022 .mw-header,
.skin-vector-2022 #mw-head {
    background-color: #1a1a1a !important;
    color: #cccccc !important;
}

/* ========================================================= */
/* ======================== NAGŁÓWEK END =================== */
/* ========================================================= */



/* ========================================================= */
/* ===================== WYSZUKIWARKA START ================ */
/* ========================================================= */

.skin-vector-2022 .vector-search-box,
.skin-vector-2022 .vector-search-box input {
    background-color: #333333 !important;
    color: #ffffff !important;
}

/* ========================================================= */
/* ====================== WYSZUKIWARKA END ================= */
/* ========================================================= */



/* ========================================================= */
/* ========================= FOOTER START ================== */
/* ========================================================= */

.skin-vector-2022 .mw-footer {
    background-color: #1a1a1a !important;
    color: #cccccc !important;
}

/* ========================================================= */
/* ========================== FOOTER END =================== */
/* ========================================================= */



/* ========================================================= */
/* ======================== FORMULARZE START =============== */
/* ========================================================= */

.skin-vector-2022 input,
.skin-vector-2022 textarea,
.skin-vector-2022 select {
    background-color: #333333 !important;
    color: #ffffff !important;
    border: 1px solid #555555;
}

/* ========================================================= */
/* ========================= FORMULARZE END ================ */
/* ========================================================= */



/* ========================================================= */
/* ===================== NAGŁÓWKI TREŚCI START ============= */
/* ========================================================= */

.skin-vector-2022 h1,
.skin-vector-2022 h2,
.skin-vector-2022 h3,
.skin-vector-2022 h4 {
    color: #ffcc66 !important;
}

/* ========================================================= */
/* ====================== NAGŁÓWKI TREŚCI END ============== */
/* ========================================================= */



/* ========================================================= */
/* ======================= PASKI VECTOR START ============== */
/* ========================================================= */

.skin-vector-2022 .vector-user-links {
    background-color: #1a1a1a !important;
}

.skin-vector-2022 .vector-page-toolbar {
    background-color: #1a1a1a !important;
}

/* ========================================================= */
/* ======================== PASKI VECTOR END =============== */
/* ========================================================= */



/* ========================================================= */
/* ======================== KOMUNIKATY START =============== */
/* ========================================================= */

.skin-vector-2022 .mw-message-box {
    background-color: #333333 !important;
    border: 1px solid #555555;
    color: #ffffff !important;
}

/* ========================================================= */
/* ========================= KOMUNIKATY END ================ */
/* ========================================================= */



/* ========================================================= */
/* ========================= PRZYCISKI START =============== */
/* ========================================================= */

.skin-vector-2022 .mw-ui-button,
.skin-vector-2022 .oo-ui-buttonElement-button {
    background-color: #ffcc66 !important;
    color: #2b2b2b !important;
    border: none !important;
    box-shadow: none !important;
}

.skin-vector-2022 .mw-ui-button:hover,
.skin-vector-2022 .oo-ui-buttonElement-button:hover {
    background-color: #e6b800 !important;
    color: #000000 !important;
}

.skin-vector-2022 .oo-ui-flaggedElement-primary .oo-ui-buttonElement-button {
    background-color: #ffcc66 !important;
    color: #2b2b2b !important;
}

.skin-vector-2022 .oo-ui-flaggedElement-primary .oo-ui-buttonElement-button:hover {
    background-color: #e6b800 !important;
    color: #000000 !important;
}

/* ========================================================= */
/* ========================== PRZYCISKI END ================ */
/* ========================================================= */



/* ========================================================= */
/* ========================= WIKIEDITOR START ============== */
/* ========================================================= */

.skin-vector-2022 .mw-edittoolbar,
.skin-vector-2022 .wikiEditor-ui-toolbar,
.skin-vector-2022 .wikiEditor-ui-toolbar .tabs,
.skin-vector-2022 .wikiEditor-ui-toolbar .sections,
.skin-vector-2022 .wikiEditor-ui-toolbar .group {
    background-color: #1b1b1b !important;
    border: none !important;
}

.skin-vector-2022 .wikiEditor-ui-toolbar .group input,
.skin-vector-2022 .wikiEditor-ui-toolbar .tool-select {
    background-color: #2b2b2b !important;
    color: #e0e0e0 !important;
    border: 1px solid #444 !important;
}

.skin-vector-2022 .wikiEditor-ui-toolbar .tool {
    background-color: #2b2b2b !important;
    color: #e0e0e0 !important;
}

.skin-vector-2022 .wikiEditor-ui-toolbar .tool:hover,
.skin-vector-2022 .wikiEditor-ui-toolbar .tool:focus {
    background-color: #3a3a3a !important;
    color: #ffffff !important;
}

.skin-vector-2022 .wikiEditor-ui-toolbar .tabs span,
.skin-vector-2022 .wikiEditor-ui-toolbar .sections span {
    color: #cccccc !important;
}

.skin-vector-2022 .wikiEditor-ui-toolbar .tool img {
    filter: brightness(0.8) invert(0.9);
}

/* ========================================================= */
/* ========================== WIKIEDITOR END =============== */
/* ========================================================= */



/* ========================================================= */
/* ===================== SCROLL TOP BUTTON START =========== */
/* ========================================================= */

#scrollTopBtn {
    display: none;
    position: fixed;
    bottom: 100px;
    left: 40px;
    z-index: 9999;
    width: 60px;
    height: 60px;
    background: radial-gradient(circle at center, #ffcc66, #e6b800);
    color: #1a1a1a;
    border: none;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(255, 204, 102, 0.6);
    font-size: 28px;
    cursor: pointer;
    transition: bottom 0.3s ease, transform 0.3s ease, opacity 0.3s ease;
    opacity: 0.8;
}

#scrollTopBtn:hover {
    transform: scale(1.15);
    box-shadow: 0 0 20px rgba(255, 204, 102, 0.8);
    opacity: 1;
}

/* ========================================================= */
/* ====================== SCROLL TOP BUTTON END ============ */
/* ========================================================= */



/* ========================================================= */
/* ===================== KARTY / CARD GRID START =========== */
/* ========================================================= */

.card-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;

    max-width: 1400px;
    margin: 30px auto;

    --neon: #00ff99;
}

.card {
    width: 180px;

    display: flex;
    flex-direction: column;
    align-items: center;

    text-align: center;
    font-weight: bold;
    font-size: 14px;
    color: #ccc;

    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* Czyści link MediaWiki wewnątrz kart */
.card a,
.card .image,
.card .mw-file-description,
.expo-card a,
.expo-card .image,
.expo-card .mw-file-description {
    display: block !important;
    line-height: 0 !important;

    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;

    padding: 0 !important;
    margin: 0 !important;
}

/* PORTRETY */
/* MediaWiki daje klasę portrait-card-img na span, nie bezpośrednio na img */

/* PORTRETY */
/* MediaWiki daje klasę portrait-card-img na span, nie bezpośrednio na img */

.portrait-card-img {
    width: 180px !important;
    height: 270px !important;

    display: block !important;
    overflow: hidden !important;

    background: #111111 !important;

    border: 2px solid #333333 !important;
    border-radius: 8px !important;

    box-shadow: none !important;

    transition:
        transform 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}

.portrait-card-img img {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center top !important;

    display: block !important;

    background: transparent !important;

    border: none !important;
    outline: none !important;
    box-shadow: none !important;

    padding: 0 !important;
    margin: 0 !important;
}

.portrait-card-img:hover {
    transform: scale(1.05);

    border-color: var(--neon) !important;

    box-shadow:
        0 0 15px var(--neon),
        0 0 25px var(--neon) !important;
}

/* EXPO */

.expo-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 35px;

    max-width: 1400px;
    margin: 30px auto;

    --neon: #00ff99;
}

.expo-card {
    width: 260px;

    display: flex;
    flex-direction: column;
    align-items: center;

    text-align: center;
    font-weight: bold;
    font-size: 14px;
    color: #ccc;

    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* MediaWiki daje klasę expo-card-img na span, nie bezpośrednio na img */

.expo-card-img {
    width: 240px !important;

    display: block !important;
    overflow: hidden !important;

    background: transparent !important;

    border: 2px solid #333333 !important;
    border-radius: 8px !important;

    box-shadow: none !important;

    transition:
        transform 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}

.expo-card-img img {
    width: 100% !important;
    height: auto !important;

    object-fit: contain !important;
    display: block !important;

    background: transparent !important;

    border: none !important;
    outline: none !important;
    box-shadow: none !important;

    padding: 0 !important;
    margin: 0 !important;
}

.expo-card-img:hover {
    transform: scale(1.05);

    border-color: var(--neon) !important;

    box-shadow:
        0 0 15px var(--neon),
        0 0 25px var(--neon) !important;
}

/* PODPISY */

.card-label,
.expo-label {
    margin-top: 10px;
    min-height: 38px;
    line-height: 1.4;
}

/* ========================================================= */
/* ====================== KARTY / CARD GRID END ============ */
/* ========================================================= */



/* ========================================================= */
/* ========================= NAV GRID START ================ */
/* ========================================================= */

.nav-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 20px;
    justify-items: center;
    align-items: center;
    margin: 30px 0;

    --neon: #00ff99;
}

.nav-tile img {
    width: 100px;
    height: 100px;
    object-fit: cover;

    border: 2px solid var(--neon);
    border-radius: 12px;

    box-shadow: 0 0 8px var(--neon);

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.nav-tile img:hover {
    transform: scale(1.07);
    box-shadow: 0 0 15px var(--neon);
}

/* ========================================================= */
/* ========================== NAV GRID END ================= */
/* ========================================================= */



/* ========================================================= */
/* ========================= PORTALE START ================= */
/* ========================================================= */

.portal-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    justify-content: center;
    margin: 30px 0;

    --neon: #00ff99;
}

.portal-tile {
    border: 2px solid var(--neon);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 0 10px var(--neon);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.portal-tile:hover {
    transform: scale(1.02);

    box-shadow:
        0 0 20px var(--neon),
        0 0 30px var(--neon);
}

.portal-tile img {
    width: 100%;
    height: auto;
    display: block;
}

/* ========================================================= */
/* ========================== PORTALE END ================== */
/* ========================================================= */



/* ========================================================= */
/* ========================== PNG FIX START ================ */
/* ========================================================= */
/*
Nie dotyka PNG wewnątrz kart i expo.
*/

.skin-vector-2022 .mw-parser-output img[src$=".png"]:not(.mw-file-element) {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ========================================================= */
/* =========================== PNG FIX END ================= */
/* ========================================================= */



/* ========================================================= */
/* ======================== MSCALENDAR START =============== */
/* ========================================================= */

.mscal-entry {
    color: #000000 !important;
}

.ui-dialog input,
.ui-dialog select,
.ui-dialog textarea {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #888 !important;
}

/* ========================================================= */
/* ========================= MSCALENDAR END ================ */
/* ========================================================= */

/* ========================================================= */
/* ======================= CLUB LOGO FIX START ============= */
/* ========================================================= */

span.club-logo,
span.club-logo a,
span.club-logo img,
.club-logo,
.club-logo a,
.club-logo img {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

span.club-logo {
    display: block !important;
    text-align: center !important;
}

span.club-logo img {
    display: block !important;
    margin: 0 auto !important;
}

/* ========================================================= */
/* ======================== CLUB LOGO FIX END ============== */
/* ========================================================= */
Źródło: „https://hzrp.eu/index.php?title=MediaWiki:Vector-2022.css&oldid=4119”