MediaWiki:Common.css

From Dragon Drop Wiki
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.
/* CSS placed here will be applied to all skins */

/* Site Background */
body {
	background: url(/images/8/80/Site-background.jpg) no-repeat center center fixed;
	background-size: cover;
	background-color: #3e554b;
}
#mw-page-base {
	background: none;
}

/* Text color over background */
.vector-menu-portal .vector-menu-heading,
.vector-menu-dropdown .vector-menu-heading,
.mw-footer li {
	color: #ffffff;
}

/* Link color over background */
.vector-menu-portal .vector-menu-content li a,
.vector-menu-portal .vector-menu-content li a:visited,
#footer a,
#footer a:visited,
#footer-places-about a,
#footer-places-about a:visited {
	color: #00ffff;
}

/* Semi-transparent box for sidebar and footer for legibility */
#footer,
#mw-panel {
	background-color: #00000090;
	border-radius: 10px;
	padding: 0.5em;
}

/* More menu dropdown arrow invert for visibility */
.vector-menu-dropdown .vector-menu-heading::after {
	filter: invert(1);
}

/* Content area style */
#content {
  border: 5px solid black;
  border-radius: 10px;
  background: #fdb174;
}
.mw-body {
	margin-left: 11.5em;
}

/* Vector tabs style */
.vector-menu-tabs li,
.vector-menu-tabs a,
.vector-menu-tabs,
#mw-head .vector-menu-dropdown .vector-menu-heading {
	background: none !important;
}
.vector-menu-tabs .selected a,
.vector-menu-tabs .selected a:visited,
.vector-menu-tabs li a {
	color: #fff ;
}

/* Left margin for sidebar */
#mw-panel {
	margin-left: 0.25em;
}

/* Footer box margins */
#footer {
	margin-left: 11.5em;
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}

/* Box style */
#catlinks,
.toc {
  border: 2px solid black;
  border-radius: 5px;
  background: #72d55799;
}