Jump to content

MediaWiki:Common.css: Difference between revisions

Line 1: Line 1:
/* Fix VisualEditor Toolbar Height */
body.ve-active .oo-ui-toolbar {
    height: 48px; /* Set consistent toolbar height */
    min-height: 48px;
    max-height: 48px;
    padding: 0;
    display: flex;
    align-items: center; /* Vertically align toolbar items */
    background-color: #001933; /* Navy background */
    border-bottom: 2px solid #ff851b; /* Orange border */
    box-sizing: border-box;
}
/* Toolbar Items */
body.ve-active .oo-ui-toolbar .oo-ui-toolGroup {
    display: flex;
    align-items: center;
    margin: 0 4px;
}
/* Toolbar Buttons */
body.ve-active .oo-ui-toolbar .oo-ui-buttonWidget {
    height: 32px;
    min-height: 32px;
    padding: 4px 8px;
    margin: 0 2px;
    background-color: #003366;
    color: #ffffff;
    border: 1px solid #ff851b;
}
body.ve-active .oo-ui-toolbar .oo-ui-buttonWidget:hover {
    background-color: #ff851b;
    color: #001933;
}
/* Apply navy & orange dark theme only to Special:Preferences */
/* Apply navy & orange dark theme only to Special:Preferences */
.page-Special_Preferences {
.page-Special_Preferences {
Line 1,160: Line 1,195:
.portable-infobox ::-webkit-scrollbar-thumb:hover {
.portable-infobox ::-webkit-scrollbar-thumb:hover {
     background-color: #ffb84d;
     background-color: #ffb84d;
}
/* Reset VisualEditor Layout */
body.ve-active .oo-ui-layout,
body.ve-active .oo-ui-toolbar,
body.ve-active .oo-ui-window,
body.ve-active .ve-ui-toolbar,
body.ve-active .oo-ui-buttonWidget {
    box-sizing: border-box;
    max-width: 100%;
    height: auto;
    overflow: visible;
}
}


Line 1,230: Line 1,254:


body.ve-active .oo-ui-window-foot .oo-ui-buttonWidget:hover {
body.ve-active .oo-ui-window-foot .oo-ui-buttonWidget:hover {
    background-color: #ff851b;
    color: #001933;
}
/* Fix VisualEditor Toolbar Height */
body.ve-active .oo-ui-toolbar {
    height: 48px; /* Set consistent toolbar height */
    min-height: 48px;
    max-height: 48px;
    padding: 0;
    display: flex;
    align-items: center; /* Vertically align toolbar items */
    background-color: #001933; /* Navy background */
    border-bottom: 2px solid #ff851b; /* Orange border */
    box-sizing: border-box;
}
/* Toolbar Items */
body.ve-active .oo-ui-toolbar .oo-ui-toolGroup {
    display: flex;
    align-items: center;
    margin: 0 4px;
}
/* Toolbar Buttons */
body.ve-active .oo-ui-toolbar .oo-ui-buttonWidget {
    height: 32px;
    min-height: 32px;
    padding: 4px 8px;
    margin: 0 2px;
    background-color: #003366;
    color: #ffffff;
    border: 1px solid #ff851b;
}
body.ve-active .oo-ui-toolbar .oo-ui-buttonWidget:hover {
     background-color: #ff851b;
     background-color: #ff851b;
     color: #001933;
     color: #001933;