Przejdź do zawartości

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

Z Horyzont Zdarzeń
Nie podano opisu zmian
Nie podano opisu zmian
Linia 1: Linia 1:
/* Umieszczony tutaj kod CSS zostanie załadowany przez użytkowników korzystających ze skórki Wektor */
/* Wymuszenie ciemnego stylu niezależnie od systemu */
 
@media (prefers-color-scheme: dark), (prefers-color-scheme: light), (prefers-color-scheme: no-preference) {
/* Wymuszenie stałego trybu ciemnego */
   
@media (prefers-color-scheme: light), (prefers-color-scheme: dark), (prefers-color-scheme: no-preference) {
     body, .mw-body, .mw-head, .mw-footer, #mw-panel, #content, .vector-body {
     body, .mw-body, .mw-head, .mw-footer, #mw-panel {
         background-color: #2b2b2b !important;
         background-color: #2b2b2b !important;
         color: #cccccc !important;
         color: #cccccc !important;
     }
     }
      
 
     /* Linki */
     a {
     a {
         color: #ffcc66 !important;
         color: #ffcc66 !important;
        text-decoration: none !important;
        transition: color 0.3s;
    }
    a:hover {
        color: #ffd580 !important;
     }
     }
   
 
     a:visited {
     a:visited {
         color: #999999 !important;
         color: #999999 !important;
     }
     }
   
 
     a.new, a.new:visited {
     a.new, a.new:visited {
         color: #ff6666 !important;
         color: #ff6666 !important;
     }
     }


     /* Dodatkowe ciemne tła */
     /* Formularze, inputy */
     input, textarea, select, button, table, th, td, div.thumb {
     input, textarea, select, button {
         background-color: #1a1a1a !important;
         background-color: #1a1a1a !important;
        border: 1px solid #555 !important;
         color: #cccccc !important;
         color: #cccccc !important;
         border: 1px solid #555 !important;
         border-radius: 6px !important;
        padding: 6px;
    }
 
    input:focus, textarea:focus, select:focus {
        border-color: #ffcc66 !important;
        outline: none !important;
     }
     }
   
 
     /* Ciemne ramki na komunikaty */
     /* Tabele */
     .mw-message-box, .toc {
     table, th, td {
         background-color: #1a1a1a !important;
         background-color: #1a1a1a !important;
         border: 1px solid #555 !important;
         border: 1px solid #555 !important;
        color: #cccccc !important;
        border-radius: 4px;
     }
     }
}


    /* Bloki kodu, pre */
    pre, code {
        background-color: #111 !important;
        border: 1px solid #333 !important;
        padding: 8px;
        border-radius: 4px;
        color: #ffcc66 !important;
    }


/* DarkVector recreated for Vector 2010 by Mateusz */
    /* Komunikaty, boczne menu */
    .mw-message-box, .toc, .vector-menu-content, .vector-menu-portal {
        background-color: #1a1a1a !important;
        border: 1px solid #555 !important;
        color: #cccccc !important;
        border-radius: 8px;
        padding: 10px;
    }


body {
    /* Nawigacja osobista */
     background: linear-gradient(to bottom, #2b2b2b, #1a1a1a);
     #p-personal ul, #p-navigation ul, #p-tb ul {
    color: #cccccc;
        background-color: #292929 !important;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        border-radius: 5px;
}
        padding: 5px;
    }


#mw-head, #mw-panel, #footer, .mw-body, #content {
    #p-personal ul li a, #p-navigation ul li a, #p-tb ul li a {
    background: #292929;
        color: #ffcc66 !important;
    color: #cccccc;
     }
    border-radius: 8px;
     box-shadow: 0 4px 8px rgba(0,0,0,0.5);
    padding: 10px;
}


a {
    #p-personal ul li a:hover, #p-navigation ul li a:hover, #p-tb ul li a:hover {
    color: #ffcc66;
        color: #ffd580 !important;
     text-decoration: none;
     }
    transition: color 0.3s;
}


a:hover {
    /* Dodatkowe panele i detale */
    color: #ffd580;
    div.thumb {
}
        background-color: #1a1a1a !important;
        border: 1px solid #555 !important;
        border-radius: 4px;
        overflow: hidden;
    }


a:visited {
    /* Ukrycie zbędnych rzeczy */
    color: #999999;
    #siteSub, .mw-authority-controls, .printfooter {
}
        display: none !important;
    }


a.new, a.new:visited {
    /* Nagłówki */
    color: #ff6666;
    h1, h2, h3, h4, h5, h6 {
}
        color: #ffcc66 !important;
        text-shadow: 1px 1px 2px #000;
    }


input, textarea, select, button {
     /* Stopka */
    background-color: #1a1a1a;
     #footer li {
    border: 1px solid #555;
        color: #cccccc !important;
    color: #cccccc;
    }
    border-radius: 6px;
    padding: 6px;
}
 
input:focus, textarea:focus, select:focus {
    border-color: #ffcc66;
    outline: none;
}
 
div.thumb {
    background-color: #1a1a1a;
    border: 1px solid #555;
    border-radius: 4px;
    overflow: hidden;
}
 
table, th, td {
    background-color: #1a1a1a;
    border: 1px solid #555;
    color: #cccccc;
}
 
pre, code {
    background-color: #111;
    border: 1px solid #333;
    padding: 8px;
    border-radius: 4px;
    color: #ffcc66;
}
 
.toc, .mw-warning, .mw-message-box {
    background: #1a1a1a;
    border: 1px solid #555;
    color: #cccccc;
    border-radius: 8px;
    padding: 10px;
}
 
h1, h2, h3, h4, h5, h6 {
    color: #ffcc66;
     text-shadow: 1px 1px 2px #000;
}
 
#p-personal ul, #p-navigation ul, #p-tb ul {
     background-color: #292929;
    border-radius: 5px;
    padding: 5px;
}
 
#p-personal ul li a, #p-navigation ul li a, #p-tb ul li a {
    color: #ffcc66;
}
 
#p-personal ul li a:hover, #p-navigation ul li a:hover, #p-tb ul li a:hover {
    color: #ffd580;
}
 
#footer li {
    color: #cccccc;
}
 
#siteSub, .mw-authority-controls, .printfooter {
    display: none;
}
}

Wersja z 19:11, 22 kwi 2025

/* Wymuszenie ciemnego stylu niezależnie od systemu */
@media (prefers-color-scheme: dark), (prefers-color-scheme: light), (prefers-color-scheme: no-preference) {
    
    body, .mw-body, .mw-head, .mw-footer, #mw-panel, #content, .vector-body {
        background-color: #2b2b2b !important;
        color: #cccccc !important;
    }

    /* Linki */
    a {
        color: #ffcc66 !important;
        text-decoration: none !important;
        transition: color 0.3s;
    }

    a:hover {
        color: #ffd580 !important;
    }

    a:visited {
        color: #999999 !important;
    }

    a.new, a.new:visited {
        color: #ff6666 !important;
    }

    /* Formularze, inputy */
    input, textarea, select, button {
        background-color: #1a1a1a !important;
        border: 1px solid #555 !important;
        color: #cccccc !important;
        border-radius: 6px !important;
        padding: 6px;
    }

    input:focus, textarea:focus, select:focus {
        border-color: #ffcc66 !important;
        outline: none !important;
    }

    /* Tabele */
    table, th, td {
        background-color: #1a1a1a !important;
        border: 1px solid #555 !important;
        color: #cccccc !important;
        border-radius: 4px;
    }

    /* Bloki kodu, pre */
    pre, code {
        background-color: #111 !important;
        border: 1px solid #333 !important;
        padding: 8px;
        border-radius: 4px;
        color: #ffcc66 !important;
    }

    /* Komunikaty, boczne menu */
    .mw-message-box, .toc, .vector-menu-content, .vector-menu-portal {
        background-color: #1a1a1a !important;
        border: 1px solid #555 !important;
        color: #cccccc !important;
        border-radius: 8px;
        padding: 10px;
    }

    /* Nawigacja osobista */
    #p-personal ul, #p-navigation ul, #p-tb ul {
        background-color: #292929 !important;
        border-radius: 5px;
        padding: 5px;
    }

    #p-personal ul li a, #p-navigation ul li a, #p-tb ul li a {
        color: #ffcc66 !important;
    }

    #p-personal ul li a:hover, #p-navigation ul li a:hover, #p-tb ul li a:hover {
        color: #ffd580 !important;
    }

    /* Dodatkowe panele i detale */
    div.thumb {
        background-color: #1a1a1a !important;
        border: 1px solid #555 !important;
        border-radius: 4px;
        overflow: hidden;
    }

    /* Ukrycie zbędnych rzeczy */
    #siteSub, .mw-authority-controls, .printfooter {
        display: none !important;
    }

    /* Nagłówki */
    h1, h2, h3, h4, h5, h6 {
        color: #ffcc66 !important;
        text-shadow: 1px 1px 2px #000;
    }

    /* Stopka */
    #footer li {
        color: #cccccc !important;
    }
}