MediaWiki:Vector.css
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 / Edge: 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.
/* Make vector orange */
div.vectorTabs, div.vectorTabs li a, div.vectorMenu h5 a {
background-image: url(/w/images/5/58/Tab-break.png);
}
#mw-head-base, #footer {
background-image: url(/w/images/4/46/Border.png);
}
div.vectorTabs ul {
background-image: url(/w/images/5/58/Tab-break.png);
}
div.vectorTabs ul li {
background-image: url(/w/images/7/77/Tab-normal-fade.png);
background-color: transparent;
}
div.vectorTabs li.selected {
background-image: url(/w/images/7/71/Tab-current-fade.png);
}
#mw-page-base {
background: transparent url(/w/images/9/99/Page-fade.png) repeat-x;
}
#content {
background-color: transparent;
background-image: url(/w/images/d/dd/Content-bg.png);
border-left:1px solid #F2A858;
}
#mw-panel div.portal div.body {
background-image: url(/w/images/0/0f/Portal-break.png);
}
/* Need to set up new backgrounds here */
body {
background-color: #F5F5F5;
background-image: url(/w/images/9/9f/Background_Main_vector.png);
background-attachment: fixed;
}
/* More padding for the little man icon in the corner */
#pt-userpage, #pt-anonuserpage, #pt-login {
padding-left: 20px !important;
}
/* Cover up visited link colour in personal bar */
#p-personal a:visited {
color: #3F56AD;
}
/* Adjust position of site notice */
#siteNotice div,
#siteNotice p {
margin: -0.5em 0em 1.5em 0em
}
.topicon {
position: absolute !important;
top: -44px !important;
right: 1px !important;
display: block !important;
}
/* Account for additions to shared.css */
table.wikitable {
border-collapse: separate;
}
.wikitable th, .wikitable td {
border: none;
}
table.grid {
border: 1px #79542B solid;
border-collapse: collapse;
padding:0.4em;
}
.grid th, .grid td {
border: 1px #79542B solid;
padding: 0.1em 0.8em;
white-space: inherit;
}
/* Vector sidebar fixes */
/* Hide languages box per namespace & per page */
.ns--1 .portal#p-Languages, /* Special */
.ns-0.page-Main_Page .portal#p-Languages, /* Main Page exception */
.ns-2 .portal#p-Languages, /* User */
.ns-3 .portal#p-Languages, /* User talk */
.ns-4 .portal#p-Languages, /* Team Fortress Wiki */
.ns-5 .portal#p-Languages, /* Team Fortress Wiki talk */
.ns-6 .portal#p-Languages, /* File */
.ns-7 .portal#p-Languages, /* File talk */
.ns-8 .portal#p-Languages, /* MediaWiki */
.ns-9 .portal#p-Languages /* MediaWiki talk */
{
display: none;
}
/* Start Leyen override; FIXME: Rip this out into its own skin */
body {
background: url(/w/images/7/74/Leyen_sidebar_background.png) repeat-y #f1f0ef !important;
}
#mw-panel {
bottom: 0px !important;
}
#firstHeading {
font-size: 1.7em !important;
}
#mw-page-base {
background: transparent url(/w/images/6/63/Leyen_top_background.png) repeat-x !important;
}
#mw-head-base {
background-image: url(/w/images/e/e6/Leyen_top_border.png) !important;
}
#content {
background: url(/w/images/1/1b/Leyen_content_background.png) repeat-x #fdfdfd !important;
border-left: 1px solid #878079 !important;
border-bottom: 1px solid #878079 !important;
}
#footer {
background: transparent url(/w/images/3/3f/Leyen_footer_background.png) bottom repeat-x !important;
border-left: 1px solid #878079 !important;
}
#mw-panel div.portal h5 {
color: #352d26 !important;
font-weight: bold !important;
font-size: 0.75em !important;
}
#mw-panel div.portal div.body ul li a {
color: #27211c !important;
}
#mw-panel div.portal div.body {
background-image: url(/w/images/c/c7/Leyen_sidebar_separator.png) !important;
}
#p-logo
{
background: url(/w/images/f/fb/Leyen_logo_background.png) no-repeat !important;
height: 180px !important;
}
#p-navigation, #p-Navigation {
padding-top: 20px !important;
}
#p-personal li * {
color: #393736 !important;
}
div.vectorTabs, div.vectorTabs ul, div.vectorMenu h5 a {
background: none !important;
}
div.vectorTabs ul li, div.vectorTabs ul li * {
margin: 0px !important;
padding: 0px !important;
background: none !important;
}
div.vectorMenu {
background: url(/w/images/0/02/Leyen_dropdown.png) no-repeat left !important;
width: 24px !important;
height: 24px !important;
margin-top: 16px !important;
margin-left: 4px !important;
margin-right: 4px !important;
}
div.vectorMenu:hover {
background-position: -24px 0px !important;
}
div.vectorMenu .menu {
top: -16px !important;
}
div.vectorMenu ul {
background: #4c4b49 url(/w/images/6/62/Leyen_tab_dropdown.png) top repeat-x !important;
border-left: 1px solid #878079 !important;
border-right: 1px solid #878079 !important;
border-bottom: 1px solid #878079 !important;
margin-left: 0px !important;
}
div.vectorMenu ul * {
color: #fcfbfa !important;
}
div.vectorTabs ul li {
background: url(/w/images/7/7f/Leyen_tab_off_left.png) bottom left no-repeat !important;
padding-left: 10px !important;
height: 24px !important;
margin-top: 16px !important;
margin-left: 4px !important;
margin-right: 4px !important;
}
div.vectorTabs ul li a {
background: url(/w/images/4/49/Leyen_tab_off_right.png) bottom right no-repeat !important;
padding-right: 10px !important;
padding-left: 0px !important;
padding-bottom: 0px !important;
height: 24px !important;
}
div.vectorTabs ul li span {
background: url(/w/images/5/5c/Leyen_tab_off_center.png) bottom repeat-x !important;
margin-bottom: 0px !important;
height: 20px !important;
padding-top: 4px !important;
}
div.vectorTabs ul li.new {
background-image: url(/w/images/8/88/Leyen_tab_new_off_left.png) !important;
}
div.vectorTabs ul li.new a {
background-image: url(/w/images/a/ae/Leyen_tab_new_off_right.png) !important;
}
div.vectorTabs ul li.new span {
background-image: url(/w/images/8/8e/Leyen_tab_new_off_center.png) !important;
}
div.vectorTabs ul li * {
color: #edeceb !important;
font-family: "TF2 Build" !important;
font-size: 16px !important;
}
div.vectorTabs ul li:hover * {
color: #fcfbfa !important;
}
div.vectorTabs ul li.selected {
background: url(/w/images/f/f0/Leyen_tab_left.png) bottom left no-repeat !important;
}
div.vectorTabs ul li.selected a {
background: url(/w/images/4/46/Leyen_tab_right.png) bottom right no-repeat !important;
}
div.vectorTabs ul li.selected span {
background: url(/w/images/c/ce/Leyen_tab_center.png) bottom repeat-x !important;
}
div.vectorTabs ul li.selected * {
color: #4d4743 !important;
cursor: default !important;
}
div.vectorTabs ul li.selected.new * {
color: #733c17 !important;
}
div.vectorTabs ul li span {
-webkit-transform: rotate(-0.0000000001deg); /* Hack for Chrome to force antialias */
}
#p-search {
background: url(/w/images/8/8e/Leyen_search_background.png) bottom no-repeat !important;
width: 280px !important;
height: 24px !important;
margin-top: 16px !important;
}
#p-search form, #p-search input {
margin-top: 0px !important;
}
#searchInput {
border: 1px solid #998d82 !important;
margin: 0px !important;
background: #bcb3a9 !important;
padding: 2px !important;
margin-left: 2px !important;
height: 12px !important;
color: #514840 !important;
font-size: 11px !important;
border-radius: 2px !important;
-moz-border-radius: 2px !important;
margin-left: 5px !important;
width: 178px !important;
}
#searchGoButton {
background: url(/w/images/b/b8/Leyen_search_button.png) top no-repeat !important;
border: 0px !important;
padding: 0px !important;
height: 18px !important;
width: 81px !important;
cursor: pointer !important;
text-indent: -5000px !important;
position: relative !important;
top: 2px! important;
}
#searchGoButton:hover {
background-position: 0px -18px !important;
}
#mw-searchButton {
display: none !important;
}
/* End Leyen override */