FANDOM


Navbar Changes

So recently Wikia rolled out this newfangled Navigation Bar that stays at the top of your page as you scroll and creates a big, white, blocky eyesore. While it is still technically in test-mode, here is a way around that. Go to Special:MyPage/common.css  and copy the following code there. This will make the bar slightly transparent as well as change the color to the same as the page background (dark grey) to blend a lot better.

Note, the code originally came from here, but I have minorly modified it to better fit the theme here. Feel free to change it to however you want.

.global-navigation {
	">: rgba(71, 70, 70, .94);
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	transition: all .2s ease-in;
}
 
.global-navigation:hover {
	">: rgba(71, 70, 70, 1);
}
 
.global-navigation .page-width {
	border-right: 0px solid transparent;
}
 
.global-navigation-item {
	height: 40px;
	border-left: 0px solid transparent;
}
 
.global-navigation-link {
	height: 40px;
	color: 
#474646;
	font-size: 16px;
}
 
.hubs-entry-point:after {
	border: 5px solid transparent;
	border-top-color: 
#474646;
	margin-top: 11px;
}
 
.search-form-wrapper {
	margin-top: 3px;
}
 
.search-form-wrapper .search-label-bold {
	color: 
#00b7e0;
}
 
.global-nav-search-input-wrapper .search-input {
	height: 31px;
	position: relative;
	top: -1px;
	border-radius: 3px;
}
 
.search-select-wrapper .search-select-overlay .chevron {
	border-color: transparent;
}
 
.global-nav-search-input-wrapper .search-submit {
	top: -1px;
}
 
.AccountNavigation > li .avatar-container {
	height: 30px;
	width: 30px;
}
 
.AccountNavigation > li > a:after {
	margin-top: 14px;
	margin-left: 6px;
}
 
.hubs-menu {
	top: 43px;
}

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.