MediaWiki:Vector.less
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* ========================================================
CSS placed here will affect users of the Vector skin. Only CSS that affects parts of the interface outside of the content area (.mw-body) should be here; everything else should be at MediaWiki:Common.less. ======================================================== */
@vector-background: darken( @alabaster, 1% );
/* ----------------
imports ---------------- */
@import 'MediaWiki:Common.less/variables.less';
/* ----------------
less ---------------- */
/* logo */
- p-logo {
filter: drop-shadow(0 2px 5px rgba(0,0,0,.25)); margin: -1.5em 0 1.5em;
}
- mw-page-base {
background: none;
}
/* sidebar */ div#mw-panel {
padding-top: 2.5em;
div.portal h3 { font-weight: bold; }
div.portal div.body { background: none; margin-right: 0.5em; }
}
/* article area */ .mw-body {
border-color: transparent; box-shadow: 0 .25em .6em -0.15em rgba(0,0,0,0.15); margin-top: 0;
}
/* border around tabs */ div.vectorTabs, div.vectorTabs ul, div#mw-head div.vectorMenu h3 {
background: @vector-background;
}
/* selected tab */ div.vectorTabs li.selected {
background: @content-bg;
}
/* hide "read" tab */
- ca-view {
display: none;
}
/* notifications bell */
- pt-notifications-alert .mw-echo-notifications-badge:before {
background-size: 75%; background-position: center 80%;
}
/* notifications mailbox */
- pt-notifications-notice .mw-echo-notifications-badge:before {
background-size: 80%; background-position: center 90%;
}
/* tabs at the top */ div.vectorTabs {
/* background */ ul li { background: @vector-background;
&:hover a { text-decoration: none; }
}
/* padding */ li a { padding: 0 .75em; }
/* remove borders between tabs */ span { background: none;
/* move tab text up */ a { padding-top: 1em; height: 2.25em; }
}
}
/* tab hover */ div.vectorTabs ul li:not(.selected):hover, div#mw-head div.vectorMenu h3:hover, /* for the "More" dropdown */
- p-cactions:hover #p-cactions-label {
background: lighten( @vector-background, 1.5% );
}
/* inner shadow for tabs */ div.vectorTabs ul li:not(.selected), div#mw-head div.vectorMenu h3 {
box-shadow: inset 0 -7px 7px -7px rgba(0,0,0,.15);
}
/* remove remaining blue border in VisualEditor */ .ve-activated .vectorTabs .selected { box-shadow: none; }
/* "More" dropdown */ div.vectorMenu {
line-height: initial;
h3 span { padding-top: 1.1em; }
/* dropdown */ h3 a { height: 2.2em; }
div.menu { border: 1px solid #ddd; box-shadow: 0 2px 3px 0 rgba(0,0,0,.1); }
}
- p-cactions-label {
padding-right: .5em;
}
/* watch star */
- ca-unwatch.icon a,
- ca-watch.icon a {
padding-top: 2.95em;
}
/* search bar */
- p-search {
margin: 0;
form { margin-top: 0; }
}
div#simpleSearch {
border: none; background: @white; height: 2.485em; margin-top: 0; box-shadow: inset 0 -7px 7px -7px rgba(0,0,0,.15);
/* search text */ #searchInput { font-family: @sans-serif-stack; padding: 1em 0 0 .75em; }
/* magnifying glass */ #searchButton { width: 2.5em; }
}
/* sitenotice */
- siteNotice {
text-align: center; margin: .75em 0 1em;
}
.sitedir-ltr .mw-dismissable-notice-body {
margin: 0;
}
/* space between edit box and mediawiki warnings */ form#editform {
margin-top: 1.25em;
}
/* buttons */ .button {
background: #438ab5; border: 1px solid #2a83bb; color: #fff; cursor: pointer; display: inline-block; font-size: 12px; height: 19px; line-height: 20px; padding: 0 10px;
}
/* hide certain links in sidebar tools */
- t-specialpages,
- t-recentchangeslinked,
- t-print,
- t-permalink {
display: none; }