MediaWiki:Common.css: Difference between revisions
Appearance
![]() Cdjensen94 (talk | contribs) |
![]() Cdjensen94 (talk | contribs) |
||
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; | ||
} | } | ||
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; |