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.
/* Background */
body {
background: url(/images/8/80/Site-background.jpg) no-repeat center center fixed;
background-size: cover;
}
#mw-page-base {
background: none;
}
/* Header */
header {
margin-top: 0em;
}
/* Logo */
/* Centers logo */
#p-logo {
width: 100%;
height: 186px;
position: absolute;
margin-top: -1em;
}
#p-logo a {
width: 360px;
height: 186px;
margin: 0 auto;
}
#mw-panel #p-logo + .portal {
margin-top: 12.25em;
}
#mw-panel {
padding-left: 0;
margin-top: -12.5em;
}
/* Navbar */
#left-navigation, #right-navigation {
margin-top: 13.68em;
}
#mw-head-base {
border: none;
}
/* Content */
#content {
margin-top: 11.14em;
}
/* Link color */
a,
a:visited,
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited,
.tocnumber,
.toctogglelabel,
.vectorMenu .mw-list-item a,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
color: #06cdff;
}
div#content a,
div#content a:visited,
div#content a.external,
div#content a.external:visited {
color: #009dc5;
}
/* Tables of list of coromons */
.tabbertab .article-table {
height: 100% !important;
max-height: 500px;
}
/* Footer */
#footer-places {
display: none;
}
#footer ul li,
#mw-panel .portal .vector-menu-heading {
color: #fff;
}
/*********************
* Mobile adjustments *
**********************/
@media screen and (max-width:720px) {
#p-logo {
top:calc(2rem + 35px)
}
#left-navigation, #right-navigation {
margin-top: 10rem;
}
.vector-menu-tabs-legacy {
padding-left:0px;
}
.vector-menu-dropdown .vector-menu-heading {
margin-right:0px;
}
.vector-menu-dropdown .vector-menu-content {
right: 0;
left: unset;
}
#p-search {
position: absolute;
margin-left:0;
top:12.5rem;
left:0;
}
#simpleSearch {
width: calc(100vw - 20px);
left:50vw;
transform:translateX(-50%);
}
#content {
margin-top: 7.4rem;
padding-top:calc(2rem + 1em)
}
}
/*************
* End mobile *
**************/