MediaWiki:Vector.css: Difference between revisions
Jump to navigation
Jump to search
Created page with "→All CSS here will be loaded for users of the Vector skin: →Page action tabs to match the card theme: #p-namespaces a, #p-views a, #p-cactions a { background: #f4f2ec; →cream, like your panels: border: 1px solid #e2ded3; border-radius: 6px; color: #4a4a4a; padding: 4px 12px; margin-right: 4px; } #p-namespaces .selected a, #p-views .selected a { background: #fff; color: #2a2a2a; font-weight: 600; } #p-namespaces a:hover, #p-views a..." |
No edit summary |
||
| (18 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* | /* Flat page tabs to match the card theme */ | ||
/* | |||
/* Kill Vector's tab gradient and edge images */ | |||
.vector-menu-tabs, | |||
.vector-menu-tabs li, | |||
background: | .vectorTabs, | ||
border: 1px solid # | .vectorTabs li { | ||
border-radius: 6px; | background-image: none !important; | ||
color: # | } | ||
padding: | |||
/* Each tab as a flat button */ | |||
.vector-menu-tabs li, | |||
.vectorTabs li { | |||
background: #ffffff !important; | |||
border: 1px solid #d8d3c6; | |||
border-radius: 4px; | |||
margin: 6px 4px 0 0; | |||
height: auto !important; | |||
} | |||
.vector-menu-tabs li a, | |||
.vectorTabs li a { | |||
background-color: transparent !important; | |||
color: #444 !important; | |||
padding: 5px 12px !important; | |||
height: auto !important; | |||
line-height: 1.4 !important; | |||
} | } | ||
/* Active tab */ | |||
.vector-menu-tabs li.selected, | |||
background: # | .vectorTabs li.selected { | ||
color: # | background: #ffffff !important; | ||
border-color: #c4bdac; | |||
} | |||
.vector-menu-tabs li.selected a, | |||
.vectorTabs li.selected a { | |||
color: #222 !important; | |||
font-weight: 600; | font-weight: 600; | ||
} | } | ||
#p- | /* Hover */ | ||
#p- | .vector-menu-tabs li:hover, | ||
#p-cactions | .vectorTabs li:hover { | ||
background: # | background: #ece8df !important; | ||
} | |||
/* "More" dropdown trigger to match */ | |||
.vector-menu-dropdown h3, | |||
#p-cactions h3 { | |||
background: #f4f2ec !important; | |||
border: 1px solid #d8d3c6; | |||
border-radius: 4px; | |||
margin-top: 6px; | |||
} | |||
body { background: #ffffff !important; } | |||
/* Whiten the header band behind the tabs */ | |||
#mw-page-base, | |||
#mw-head-base { | |||
background: #ffffff !important; | |||
} | |||
/* Hide the watch/unwatch star entirely */ | |||
#ca-watch, | |||
#ca-unwatch { | |||
display: none !important; | |||
} | |||
/* Make the More tab match the other buttons */ | |||
#p-cactions .vector-menu-heading, | |||
#p-cactions h3 { | |||
background-color: #ffffff !important; | |||
border: 1px solid #a2a9b1 !important; | |||
border-radius: 4px !important; | |||
padding: 5px 24px 5px 12px !important; | |||
margin: 6px 4px 0 0 !important; | |||
height: auto !important; | |||
} | } | ||
Latest revision as of 19:16, 30 May 2026
/* Flat page tabs to match the card theme */
/* Kill Vector's tab gradient and edge images */
.vector-menu-tabs,
.vector-menu-tabs li,
.vectorTabs,
.vectorTabs li {
background-image: none !important;
}
/* Each tab as a flat button */
.vector-menu-tabs li,
.vectorTabs li {
background: #ffffff !important;
border: 1px solid #d8d3c6;
border-radius: 4px;
margin: 6px 4px 0 0;
height: auto !important;
}
.vector-menu-tabs li a,
.vectorTabs li a {
background-color: transparent !important;
color: #444 !important;
padding: 5px 12px !important;
height: auto !important;
line-height: 1.4 !important;
}
/* Active tab */
.vector-menu-tabs li.selected,
.vectorTabs li.selected {
background: #ffffff !important;
border-color: #c4bdac;
}
.vector-menu-tabs li.selected a,
.vectorTabs li.selected a {
color: #222 !important;
font-weight: 600;
}
/* Hover */
.vector-menu-tabs li:hover,
.vectorTabs li:hover {
background: #ece8df !important;
}
/* "More" dropdown trigger to match */
.vector-menu-dropdown h3,
#p-cactions h3 {
background: #f4f2ec !important;
border: 1px solid #d8d3c6;
border-radius: 4px;
margin-top: 6px;
}
body { background: #ffffff !important; }
/* Whiten the header band behind the tabs */
#mw-page-base,
#mw-head-base {
background: #ffffff !important;
}
/* Hide the watch/unwatch star entirely */
#ca-watch,
#ca-unwatch {
display: none !important;
}
/* Make the More tab match the other buttons */
#p-cactions .vector-menu-heading,
#p-cactions h3 {
background-color: #ffffff !important;
border: 1px solid #a2a9b1 !important;
border-radius: 4px !important;
padding: 5px 24px 5px 12px !important;
margin: 6px 4px 0 0 !important;
height: auto !important;
}