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; }
