MediaWiki:Vector.css

From Ricochet Wiki
Revision as of 21:23, 13 April 2020 by Ngyikp (talk | contribs) (fix visualeditor toolbar position (more precise))

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');
}

#mw-page-base {
	background: none;
}

#pt-uls .uls-trigger:before,
.mw-echo-notifications-badge {
	filter: invert(1);
}

#p-cactions,
#simpleSearch input {
	background-color: #fff;
}

#mw-navigation,
#footer,
#footer li {
	color: #fff;
}

.mw-notification,
.oo-ui-window-frame {
	color: #000;
}

/* 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,
.ve-ui-toolbar-floating > .oo-ui-toolbar-bar {
	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;
}