MediaWiki:Vector.css: Difference between revisions
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 |
||
| (15 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; | ||
} | } | ||
/* 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; | |||
} | |||
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; | |||
} | } | ||