MediaWiki:Vector.less
Jump to navigation
Jump to search
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;
}
