dev

Note: After publishing, you may have to bypass your browser's cache to see the changes.

/**
 * Changes the bottom toolbar back to make it look how it looked on Oasis.
 * @version 1.0
 * @author Thundercraft5 <https://dev.fandom.com/wiki/User:Thundercraft5>
 * @license CC-BY-SA 4.0
 */
:root {
	--wikia-bar-is-old: 1;
}

body.skin-fandomdesktop #WikiaBarWrapper {
	align-items: center;
	text-align: center;
	left: 66px;
	padding: 0 12px;
	position: fixed;
	right: 0;			
	border-radius: 0;
	bottom: 0px;
	z-index: 200;
	box-shadow: 0 5px 12px 0 black; /* Shadow to indicate toolbar border */
}

body.skin-fandomdesktop {
	overflow-x: hidden; /* Remove scroll bar glitch */
}

body.skin-fandomdesktop #WikiaBarWrapper:not(.hidden) {
	transform: translateY(0%);
	transition: all .35s .15s ease;
}

body.skin-fandomdesktop #WikiaBarWrapper.hidden {
	transform: translateY(100%);
	transition: all .45s ease;
	box-shadow: none;
}

body.skin-fandomdesktop .wikia-bar-collapse {
	cursor: pointer !important;
}


body.skin-fandomdesktop #WikiaBarWrapper ul.tools > li:not(:first-child)::before {
	background-color: var(--theme-border-color);
	content: "";
	box-shadow: 0px 0px 2px 0px var(--theme-border-color); /* Add a hint of a shadow */
	display: inline-block;
	height: 16px;
	left: 0px !important;
	position: absolute;
	
	width: 0.5px !important; /* Override default seperators */
	border-width: 0.1px !important;
	top: unset;
	border-right: none !important;
	margin: 0 !important;
}

body.skin-fandomdesktop #WikiaBarWrapper ul.tools > li {
	border: none !important;
}

body.skin-fandomdesktop #WikiaBarWrapper .tools {
	margin: auto;
}

body.skin-fandomdesktop #WikiaBarWrapper > .wikia-bar {
	display: inherit !important;
}

body.skin-fandomdesktop #WikiaBarWrapper .arrow {
	position: fixed;
	float: left;
	bottom: 0;
	right: 0px;
}

/* Fix My Tools arrow and positioning */
body.skin-fandomdesktop #WikiaBarWrapper .mytools.menu svg {
	transition: .25s transform ease;
}

body.skin-fandomdesktop #WikiaBarWrapper .mytools.menu:not(:hover) svg {
	transform: rotate(180deg);
}

body.skin-fandomdesktop #WikiaBarWrapper .mytools.menu:hover svg {
	transform: rotate(0deg);
}

body.skin-fandomdesktop #my-tools-menu {
	min-width: fit-content;
	text-align: left;
}

/* Enhance hover/click colors for collapse/expand icon */
.wikia-bar-collapse:hover, .WikiaBarWrapper .arrow:hover {
	filter: brightness(1.35);
}

.wikia-bar-collapse:active, .WikiaBarWrapper .arrow:active {
	filter: brightness(0.75);
}

.wikia-bar-collapse, .WikiaBarWrapper .arrow {
	transition: filter 0.2s ease;
}