MediaWiki:Vector.css
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.
/* CSS placed here will affect users of the Vector skin */
body {
background: #000 url('https://static.miraheze.org/ricochetwiki/2/22/Stars_background.jpg');
color: #fff;
}
#mw-page-base {
background: none;
}
#pt-uls .uls-trigger:before,
.mw-echo-notifications-badge {
filter: invert(1);
}
#p-cactions,
#simpleSearch input {
background-color: #fff;
}
#footer li,
.mw-notification {
color: #fff;
}
/* links */
#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited,
#p-personal a,
#footer a {
color: #00fffe;
}
#mw-panel .portal .body li a:hover,
#p-personal a:hover,
#footer a:hover {
color: #fff;
}
/* header */
#mw-page-base {
height: calc(5em + 56px);
}
#mw-head, #mw-panel {
top: 56px;
}
#p-Ricochet#p-Ricochet {
position: fixed;
top: 0;
left: 0;
width: 100%;
margin: 0;
padding: .5rem 1rem;
background: #343a40;
box-sizing: border-box;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
z-index: 101;
}
#p-Ricochet-label {
display: none;
}
#mw-panel #p-Ricochet .body {
margin: 0;
background: none;
}
#mw-panel #p-Ricochet .body ul {
padding: 0;
display: flex;
flex-direction: row;
}
#mw-panel #p-Ricochet .body li {
padding: 0;
font-size: 1rem;
line-height: 1.5;
}
#mw-panel #p-Ricochet a {
display: block;
padding: .5rem .5rem;
color: #fff;
opacity: .5;
}
#mw-panel #p-Ricochet a:hover,
#mw-panel #p-Ricochet a:focus {
opacity: .75;
text-decoration: none;
}