Toggle menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
No edit summary
No edit summary
 
(146 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */


/* Text elements in white */
/* Configure Numbering scheme */
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;
}
}
 
ol {  
/* Page background */
list-style-type: decimal;  
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,
.toc,
.toccolours {
    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 */
}
 
/* Edit form */
.mw-editform .editOptions {
    background-color: #1f2024 !important;
}
 
/* Text input widget */
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input {
    background-color: #27292d !important;
}
 
/* Edit text box */
.mw-editform #wpTextbox1 {
    background-color: #1f2024 !important;
}
 
/* Dropdown menu items */
.vector-menu-dropdown .mw-list-item a:not(.vector-icon) {
    background-color: #1f2024 !important;
    color: #ffffff !important;
}
 
/* Recent changes filters */
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,
.mw-changeslist-legend.mw-specialpages-notes {
    background-color: #27292d !important;
    color: #ffffff !important;
}
 
/* Button hover effect */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
    background-color: #27292d !important;
    color: #ffffff !important;
}
 
/* Clippable popup body */
.oo-ui-popupWidget-body.oo-ui-clippableElement-clippable,
.oo-ui-popupWidget-body.oo-ui-clippableElement-clippable.oo-ui-clippableElement-clipped,
.oo-ui-popupWidget-popup {
    background-color: #1f2024 !important;
}
}
 
ol li > ol {
/* Filter Tag Multiselect Widget handle */
list-style-type: lower-alpha;  
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
    background-color: #1f2024 !important;
}
}
 
ol li > ol li > ol {
/* Filter Tag Multiselect Widget views select widget */
list-style-type: lower-roman;  
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
    background-color: #1f2024 !important;
}
}
 
/* Underline all links */
/* Popup widget */
a {
.oo-ui-popupWidget-popup {
     text-decoration: underline;
     background-color: #1f2024 !important;
}
}


/* Clippable popup body */
/* Load FontAwesome */
.oo-ui-popupWidget-body.oo-ui-clippableElement-clippable {
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css');
    background-color: #1f2024 !important;
}
 
/* Search profile tabs */
.mw-search-profile-tabs {
    background-color: #27292d !important;
    color: #ffffff !important;
}
 
/* Text input widget */
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input {
    background-color: #27292d !important; /* Keeps existing background color */
    color: #ffffff !important; /* Sets text color to white */
 
/* Dropdown handle hover effect */
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
    background-color: #27292d !important; /* Dark color based on your color scheme */
}

Latest revision as of 02:23, 13 November 2024

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

/* Configure Numbering scheme */
}
ol { 
	list-style-type: decimal; 
}
ol li > ol { 
	list-style-type: lower-alpha; 
}
ol li > ol li > ol { 
	list-style-type: lower-roman; 
}
/* Underline all links */
a {
    text-decoration: underline;
}

/* Load FontAwesome */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css');