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)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/**
* 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;
}