MediaWiki:Common.css: Difference between revisions

From retromux
Jump to navigation Jump to search
Dread (talk | contribs)
No edit summary
Dread (talk | contribs)
No edit summary
 
Line 2: Line 2:
/* Change tab background color */
/* Change tab background color */
.tabs-label {
.tabs-label {
     background-color: #3e2a67 !important; /* Dark purple */
     background-color: #444 !important; /* Dark gray */
     color: #ffca85 !important; /* Amber text */
     color: #f5f5f5 !important; /* Soft white text */
     border: 1px solid #7157a3 !important; /* Mystic violet border */
     border: 1px solid #666 !important; /* Medium gray border */
     padding: 1px 6px;
     padding: 1px 6px;
     border-radius: 5px;
     border-radius: 5px;
Line 11: Line 11:
/* Change active tab color */
/* Change active tab color */
.tabs-label.current {
.tabs-label.current {
     background-color: #f28f38 !important; /* Warm gold for active tab */
     background-color: #d4d4d4 !important; /* Light gray for active tab */
     color: #1a0f2b !important; /* Dark blue text */
     color: #222 !important; /* Dark gray text */
     font-weight: bold;
     font-weight: bold;
}
}
Line 18: Line 18:
/* Change hover effect */
/* Change hover effect */
.tabs-label:hover {
.tabs-label:hover {
     background-color: #7157a3 !important; /* Mystic violet on hover */
     background-color: #666 !important; /* Medium gray on hover */
     color: #ffffff !important; /* White text */
     color: #ffffff !important; /* White text */
}
}

Latest revision as of 21:36, 7 March 2025

/* CSS placed here will be applied to all skins */
/* Change tab background color */
.tabs-label {
    background-color: #444 !important; /* Dark gray */
    color: #f5f5f5 !important; /* Soft white text */
    border: 1px solid #666 !important; /* Medium gray border */
    padding: 1px 6px;
    border-radius: 5px;
}

/* Change active tab color */
.tabs-label.current {
    background-color: #d4d4d4 !important; /* Light gray for active tab */
    color: #222 !important; /* Dark gray text */
    font-weight: bold;
}

/* Change hover effect */
.tabs-label:hover {
    background-color: #666 !important; /* Medium gray on hover */
    color: #ffffff !important; /* White text */
}