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 |
||
| Line 1: | Line 1: | ||
/* All CSS here will be loaded for users of the Vector skin */ | /* All CSS here will be loaded for users of the Vector skin */ | ||
/* | /* Flat page tabs to match the card theme */ | ||
/* Kill Vector's tab gradient and edge images */ | |||
.vector-menu-tabs, | |||
background: #f4f2ec; | .vector-menu-tabs li, | ||
border: 1px solid # | .vectorTabs, | ||
border-radius: 6px; | .vectorTabs li { | ||
color: # | background-image: none !important; | ||
padding: | } | ||
/* Each tab as a flat button */ | |||
.vector-menu-tabs li, | |||
.vectorTabs li { | |||
background: #f4f2ec !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; | ||
} | } | ||
/* Hover */ | |||
# | .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; | |||
} | } | ||
Revision as of 15:01, 30 May 2026
/* All CSS here will be loaded for users of the Vector skin */
/* 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: #f4f2ec !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;
}