MediaWiki:Vector.css
Jump to navigation
Jump to search
Note: After publishing, 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 / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* All CSS here will be loaded for users of the Vector skin */
/* === ROOT === */
/*:root {
--wiki-content-right-margin:20px;
--wiki-content-border-width:2px;
--wiki-content-border-radius:5px;
--wiki-sidebar-width:10em;
--wiki-sidebar-spacing:1em;
--wiki-sidebar-border-decoration-width:50px;
--wiki-navigation-top-padding:0.5em;
--wiki-navigation-left-padding:1em;
--wiki-navigation-right-padding:0em;
--wiki-navigation-height:2rem;
--wiki-navigation-search-height:2em;
--wiki-navigation-search-margin-top:0.5em;
}*/
/* === HEAD MENU === */
/*#mw-navigation {
position:relative;
top:0;
}
#left-navigation,
#right-navigation {
margin:0;
}
#mw-head {
top: var(--wiki-content-border-width);
width: calc(100% - var(--wiki-sidebar-width) - var(--wiki-sidebar-spacing) - var(--wiki-content-right-margin) - calc(var(--wiki-content-border-width) * 2) - var(--wiki-navigation-left-padding) - var(--wiki-navigation-right-padding));
right: calc(var(--wiki-content-right-margin) + var(--wiki-content-border-width));
z-index: 1;
border-bottom:2px solid var(--wiki-content-border-color);
border-radius:var(--wiki-content-border-radius) var(--wiki-content-border-radius) 0 0;
padding:var(--wiki-navigation-top-padding) var(--wiki-navigation-right-padding) 0 var(--wiki-navigation-left-padding);
background-color:var(--wiki-content-background-color--secondary);
height:var(--wiki-navigation-height);
}
#left-navigation,
#right-navigation,
.vector-menu-tabs {
height: var(--wiki-navigation-height);
box-sizing: border-box;
}
.vector-menu-tabs-legacy li {
background:none;
}
.vector-menu-tabs-legacy li a,
#p-cactions {
background:none;
position:relative;
z-index:1;
border:2px solid var(--wiki-content-border-color);
border-radius:var(--wiki-content-border-radius) var(--wiki-content-border-radius) 0 0;
border-bottom:none;
padding:0.5em 1em 0 1em;
margin:0 5px;
}
.vector-menu-tabs-legacy li a {
padding:0.5em 1em 0 1em;
}
.vector-menu-tabs-legacy li.selected {
background: var(--wiki-navigation-selected-background-color);
border-color: var(--wiki-navigation-selected-border-color);
}
.vector-menu-tabs-legacy li.selected a {
background-color:var(--wiki-content-background-color);
border-bottom:2px solid var(--wiki-content-background-color);
bottom: -2px;
padding-left:1.5em;
padding-right:1.5em;
}
.vector-menu-tabs,
.vector-menu-tabs a,
#mw-head .vector-menu-dropdown .vector-menu-heading{
background-image: none;
}
.vector-menu-tabs-legacy li a {
height:var(--wiki-navigation-height);
}
#p-cactions,
.vector-menu-dropdown .vector-menu-heading {
height:var(--wiki-navigation-height);
padding-top:0;
bottom:0;
}
#p-cactions-label {
padding-top:0.5em;
}
.vector-menu-tabs .mw-watchlink.icon a {
padding-top:var(--wiki-navigation-height);
padding:0;
height:var(--wiki-navigation-height);
color:transparent;
overflow:visible;
}
.vector-menu-tabs .mw-watchlink.icon a::before {
top: 0.5em;
}
.vector-menu-tabs li a,
.vector-menu-tabs li.new a,
.vector-menu-tabs li.new a:visited,
.vector-menu-tabs .selected a,
.vector-menu-tabs .selected a:visited,
#mw-head .vector-menu-dropdown .vector-menu-heading {
color: var(--wiki-navigation-text-color);
}
.vector-menu-tabs .selected a,
.vector-menu-tabs .selected a:visited {
color: var(--wiki-navigation-selected-text-color);
}
div.vectorMenu .mw-list-item a,
.vector-menu-dropdown .mw-list-item.selected a,
.vector-menu-dropdown .mw-list-item.selected a:visited {
color: var(--wiki-content-link-color);
}
.vector-menu-dropdown .vector-menu-content {
background: var(--wiki-content-background-color);;
border: 2px solid var(--wiki-content-border-color);
box-shadow:none;
margin-top:-2px;
}
.vector-menu-dropdown .vector-menu-content-list {
background-color: none;
border: none;
}
.vector-menu-dropdown .vector-menu-heading::after {
filter: var(--wiki-icon-general-filter);
}
#p-search .searchButton {
background-color:transparent;
}
.vector-search-box {
align-self:flex-start;
}
.vector-search-box-input::placeholder {
color:var(--wiki-content-text-mix-color);
}
.vector-search-box form {
margin:0;
}*/
/* === SEARCH === */
/* search bar */
/*.vector-search-box-input {
background-color: #f9fefb;
color: #25883d;
border: none;
padding: 16px 8px;
margin-top: -8px;
box-shadow: 1px 1px 1px 1px rgb(0, 0, 0, .25);
}
.vector-search-box-input::placeholder {
color: #25883d;
}
.vector-search-box-input:focus {
outline: 1px solid #25883d;
}
.vector-search-box .searchButton {
mask: no-repeat center url(/skins/Vector/resources/skins.vector.styles.legacy/images/search.svg?bbf78);
background: #25883d;
margin-top: -5px;
}
#p-search .searchButton {
background-color:green;
}
.vector-search-box {
align-self:flex-start;
}
.vector-search-box-input::placeholder {
color:green;
}*/
/* search suggestions dropdown */
/*.suggestions-results,.suggestions-special, .oo-ui-menuSelectWidget {
background: var(--theme-dropdown-background);
border-color: var(--theme-dropdown-border-color);
}
.suggestions-result {
background: var(--theme-dropdown-background);
color: var(--theme-dropdown-text);
}
.suggestions-result:hover, .suggestions-special:hover, .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
background: var(--theme-dropdown-hover);
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus,
.suggestions-special .special-query,
.suggestions-special .special-label {
color: var(--theme-dropdown-text);
}
.mw-search-profile-tabs {
background: var(--theme-dropdown-background);
}
.search-types .current a {
color: var(--theme-text-color);
}
.mw-search-result-data {
color: var(--theme-code-comment);
}*/