MediaWiki:Common.css: Difference between revisions

Revision as of 00:59, 18 March 2024

/* CSS placed here will be applied to all skins */

/* Text elements in white */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
a,
span,
blockquote,
pre,
code,
th,
td,
caption,
label,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
textarea,
select,
button,
.option,
.mw-parser-output {
    color: #ffffff !important;
}

/* Page background */
body {
    background-color: #27292d !important;
}

/* Content background */
#content,
#content #bodyContent,
#content #mw-content-text,
#content #mw-indicator-mw-helplink,
#content #mw-panel,
#content #footer,
#content #footer #footer-info,
#content #footer #footer-places,
#content #footer #footer-icons,
#content #footer #footer-copyright {
    background-color: #1f2024 !important;
}

/* Links */
a,
a:visited {
    color: #ffffff !important;
}

/* Hover effect for links */
a:hover {
    color: #cccccc !important;
}

/* Hover effect for buttons */
button:hover {
    background-color: #444444 !important;
    color: #ffffff !important;
}

/* Border color */
.border {
    border-color: #ffffff !important;
}

/* Header background */
#mw-head {
    background-color: #27292d !important;
}

/* mw-code and mw-css background */
.mw-code,
.mw-css {
    background-color: #131416 !important;
}

/* mw-normal-catlinks background */
.mw-normal-catlinks {
    background-color: #27292d !important;
    padding: 10px; /* Adjust padding as needed */
}

/* Tabs */
.vector-menu-tabs-legacy a,
.vector-menu-tabs-legacy .selected {
    background-color: #1f2024 !important; /* Background color */
    color: #ffffff !important; /* Text color */
}

.vector-menu-tabs-legacy a:hover {
    background-color: #4b4e54 !important; /* Hover color */
}

/* Dropdown menu items */
.vector-menu-dropdown .mw-list-item a:not(.vector-icon) {
    background-color: #1f2024 !important; /* Background color */
    color: #ffffff !important; /* Text color */
}

/* Category talk pages */
#ca-talk a {
    background-color: #1f2024 !important;
    color: #ffffff !important;
    padding: 10px;
    display: block;
    margin-top: 10px;
}

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

/* Hover effect for buttons */
button:hover {
    background-color: #444444 !important;
    color: #ffffff !important;
}

/* Border color */
.border {
    border-color: #ffffff !important;
}

/* Header background */
#mw-head {
    background-color: #27292d !important;
}

/* mw-code and mw-css background */
.mw-code,
.mw-css {
    background-color: #131416 !important;
}

/* mw-normal-catlinks background */
.mw-normal-catlinks {
    background-color: #27292d !important;
    padding: 10px; /* Adjust padding as needed */
}

/* Tabs */
.vector-menu-tabs-legacy a,
.vector-menu-tabs-legacy .selected {
    background-color: #1f2024 !important; /* Background color */
    color: #ffffff !important; /* Text color */
}

.vector-menu-tabs-legacy a:hover {
    background-color: #4b4e54 !important; /* Hover color */
}

/* Dropdown menu items */
.vector-menu-dropdown .mw-list-item a:not(.vector-icon) {
    background-color: #1f2024 !important; /* Background color */
    color: #ffffff !important; /* Text color */
}