MediaWiki:Legacy.css

From Rejuvenation 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.
/* __MW__
* Default Content.
*/

/* Turn everything into flex elements to push wiki.gg footer to the bottom of the page */
/* base */

body {
	display: flex;
	flex-flow: column;
}

#mw-page-base, #mw-head-base, .content-wrapper, footer {
	flex-shrink: 0
}
#mw-page-base {
	background: none;
}

/* Vector tabs styling */
.vectorTabs,
.vectorTabs li,
.vectorTabs li.selected,
.vectorTabs li span,
.vectorTabs ul,
#mw-head .vectorMenu #p-cactions-label,
.vector-menu-tabs a {
	background: none;
}

footer:last-of-type {
	margin-top: auto;
}

/* Footer */
#footer {
	padding:0 !important;
	margin:1em 2em 1em 13em !important;
	position:relative;
	min-height:4em;
}

#footer-info-lastmod, #footer-info-copyright, #footer-places-about {
	padding:0;
	width: 100%;
	color:white;
}

#footer-info {
	max-width:max-content;
	margin-right:12em;
}

#footer-info-lastmod {
	border-bottom:dotted 1px var(--ludo-blue-d);
}

#footer-info-copyright img {
	position:absolute;
	right:calc(0.5em + 88px);
	height:31px;
	box-shadow:4px 4px var(--shade);
	top:0;
}

#footer-places-about a::before {
	content:"[";
	color:var(--ludo-blue);
	font-weight:bold;
}

#footer-places-about a::after {
	content:"]";
	color:var(--ludo-blue);
	font-weight:bold;
}

#footer-icons {
	position:absolute;
	top:0;
	right:0;
}

#footer-poweredbyico {
	border-radius:4px;
	box-shadow:4px 4px var(--shade);
	margin:0 !important;
	padding:0;
}

@media screen and (max-width: 960px) {
	#footer {
		margin-left:1em !important;
		margin-right:1em !important;
	}
}
@media screen and (max-width: 550px) {
	#footer {
		padding: 0 !important;
		text-align:center;
		min-height:6em;
	}
	#footer-info {
		margin-right:0 !important;
	}
	#footer-info-copyright img {
		right:unset;
		top:unset;
		bottom:0;
		left:1em;
	}
	#footer-icons {
		top:unset;
		bottom:0;
		right:1em;
	}
}

/* Change unclicked link color */
a:link {
    color: var(--link-color-focused) !important;
}

/* Change link color on hover */
a:hover {
    color: var(--link-color-hover) !important;
}

/* Change visited link color */
a:visited {
    color: var(--link-color-visited) !important;
}

/* External link color (inactive) */
a.external {
    color: var(--link-color-focused) !important;
}

/* External link color (active) */
a.external:visited {
    color: var(--link-color-focused) !important;
}

.tabber .tabber__indicator {
    background: var(--border-color-gold) !important;
}

/* Background image */
body {
    background-image: url('https://rejuvenation.wiki.gg/images/8/80/Site-background.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.glitch:hover span::after {
  content: "";
  animation: glitch 0.2s calc(var(--i) * 0.05s);
}

@keyframes glitch {
  20% {
    content: '_';
  }
  40% {
    content: var(--c1);
  }
  60% {
    content: var(--c2);
  }
  80% {
    content: var(--c3);
  }
}
Retrieved from "https://rejuvenation.wiki.gg/index.php?title=MediaWiki:Legacy.css&oldid=31777"