Справка:Персональный CSS и JavaScript

:root {
 --oasis-revived-font: Helvetica Neue, helvetica, arial, sans-serif;
 
	--theme-page-background-color--opacity: 1;
	--theme-header-background-color: var(--theme-sticky-nav-background-color);
	--theme-header-text-color: var(--theme-sticky-nav-text-color);
	--theme-header-text-color--hover: var(--theme-sticky-nav-text-color--hover);
	--background-img-position: center center;
	--background-img-size: cover;
	--background-img-repeat: no-repeat;
	--background-img-attachment: fixed;
	
	--fandom-global-nav-background-color: #002a32;
	--fandom-global-nav-link-color: #00d6d6;
	--fandom-global-nav-link-color--hover: #fff;
	--fandom-global-nav-icon-color: #00d6d6;
	--fandom-global-nav-icon-background-color: none;
	--fandom-global-nav-icon-background-color--hover: rgba(255, 255, 255, 0.25);
	--fandom-global-nav-icon-background-color--active: rgba(255, 255, 255, 0.4);
	--fandom-global-nav-icon-border-color: #00d6d6;
	--fandom-global-nav-icon-border-color--hover: #fff;
	--fandom-global-nav-icon-border-color--active: #fff;
	--fandom-global-nav-bottom-icon-color: #00d6d6;
	--fandom-global-nav-start-wiki-color: #bed1cf;
	--fandom-global-nav-start-wiki-color--hover: #82a7a3;
	--fandom-global-nav-counter-background-color: #fff;
	--fandom-global-nav-counter-label-color: #000;
	--fandom-notifications-unread-card-background-color: #e6f2f3;
}
/* Page background opacity */
.main-container .resizable-container {
	background-color: rgba(var(--theme-page-background-color--rgb), var(--theme-page-background-color--opacity));
}
.page__main, .page__right-rail {
	background: inherit;
}
/* Global Navigation */
/** Removing sticky header **/
.fandom-sticky-header {
	display: none;
}
/** Rotate bar background and style text **/
.global-navigation {
	flex-direction: row;
	width: 100%;
	height: 55px;
	bottom: auto;
	box-shadow: none;
	font-family: Rubik,Helvetica Neue,Helvetica,Arial,sans-serif;
	padding: 0 12px;
	align-items: center;
	z-index: 10001;
}
/** Global navigation (main) items direction **/
.global-navigation__top, .global-navigation__nav {
	display: flex;
}
.global-navigation__nav .global-navigation__icon:not(.global-navigation__search) {
	display: none;
}
/** Fandom logo size **/
.global-navigation__logo {
	height: 27px;
	width: 126px;
}
.global-navigation__logo > * {
	display: none;
}
.global-navigation__logo:after {
	content: ' ';
	height: 27px;
	width: 126px;
	background-image: url(https://static.wikia.nocookie.net/dev/images/a/a3/Old_Fandom_Logo_White.svg/revision/latest);
	display: block;
}
/** Hide tooltip on global nav **/
.wds-tooltip.is-right {
	z-index: 10000;
}
/** Removing option icons **/
.global-navigation__nav .global-navigation__search {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 0;
	position: fixed;
	height: 34px;
	width: 34px;
}
.global-navigation .global-navigation__links {
	flex-direction: row;
	display: inline-flex;
	align-items: center;
	height: 100%;
}
.global-navigation .notifications .global-navigation__icon {
	width: 30px;
	height: 30px;
}
/** Correcting alignment for other elements **/
.global-navigation__link, .global-navigation__links > .wds-dropdown {
	margin-top: 0;
	padding: 0;
	margin-left: 30px;
}
@media only screen and (max-width: 1023px) {
	.global-navigation__link {
		margin-left: 18px;
	}
}
.global-navigation__link:not([data-tracking-label="start-a-wiki"]) {
	display: flex;
	justify-content: center;
	height: 100%;
}
/** Flexbox fixes **/
.global-navigation__nav {
	align-items: center;
}
/** Style of options text **/
.global-navigation__label {
	font-size: 18px;
	font-weight: 700;
	margin-top: 0;
	overflow: visible;
	align-items: center;
	transition: color .3s,font-size .2s,margin-left .2s;
	max-width: unset;
}
@media only screen and (max-width: 1279px) {
	.global-navigation__label {
		font-size: 16px;
	}
}
/** Dropdown colors **/
.global-navigation .wds-dropdown {
	--wds-dropdown-background-color: #fff;
	--wds-dropdown-border-color: #bed1cf;
	--wds-dropdown-text-color: #3a3a3a;
	--wds-dropdown-linked-item-color: #088488;
	--wds-dropdown-linked-item-background-color: rgba(8,132,136,0.1);
	--wds-dropdown-scrollable-shadow-color: rgba(58,58,58,0.1);
}
/** Dropdown position **/
.global-navigation .wds-dropdown.wds-open-to-right .wds-dropdown__content {
	bottom: unset;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 3px;
}
.global-navigation .wds-dropdown.wds-open-to-right:not(.wds-is-not-hoverable):hover:before {
	display: block !important;
	bottom: -1px;
	content: "";
	left: 50%;
	pointer-events: none;
	position: absolute;
	z-index: 2;
	border: 8px solid transparent;
	border-bottom: 8px solid var(--wds-dropdown-background-color);
	margin-left: -8px;
	top: unset;
	transform: unset;
}
.global-navigation__bottom .wds-dropdown.is-attached-to-bottom .wds-dropdown__content {
	position: absolute;
}
/** Start a wiki. Joined classes necessary **/
.global-navigation__link[data-tracking-label="start-a-wiki"] .global-navigation__label {
	display: none;
	align-items: center;
	border: 1px solid currentColor;
	border-radius: 3px;
	box-sizing: content-box;
	font-size: 12px;
	font-weight: 600;
	justify-content: center;
	letter-spacing: .15px;
	line-height: 16px;
	margin-left: 0;
	min-height: 18px;
	padding: 7px 18px;
	transition-duration: .3s;
	transition-property: color;
	white-space: nowrap;
	max-width: fit-content;
	color: var(--fandom-global-nav-start-wiki-color);
}
@media only screen and (min-width: 1024px) {
	.global-navigation__link[data-tracking-label="start-a-wiki"] .global-navigation__label {
		display: flex;
	}
}
.global-navigation__link[data-tracking-label="start-a-wiki"] .global-navigation__label:hover {
	color: var(--fandom-global-nav-start-wiki-color--hover);
}
/** Joined classes necessary. Removing overflow cover **/
.global-navigation__label.text-overflow:after {
	display: none;
}
/** Order of elements **/
.global-navigation__link[data-tracking-label="start-a-wiki"] .global-navigation__label {
	position: absolute;
	width: 118px;
	right: 12px;
	top: 10px;
}
.global-navigation__bottom {
	position: absolute;
	right: 147px;
	display: flex;
	flex-direction: row-reverse;
	padding: 13px 0 !important;
}
@media only screen and (max-width: 1023px) {
	.global-navigation__bottom {
		right: 13px;
	}
	.global-navigation__search {
		right: 130px;
	}
}
/** User and notification icon **/
.global-navigation__bottom .wds-dropdown {
	margin-left: 7px;
}
.global-navigation__bottom .wds-dropdown__toggle,
.global-navigation__bottom .global-navigation__icon {
	justify-content: center;
	align-items: center;
	width: inherit;
}
.global-navigation .global-navigation__link.wds-dropdown .wds-dropdown__toggle,
.global-navigation__bottom .wds-dropdown__toggle {
	display: flex;
	flex-direction: row;
}
.global-navigation .wds-dropdown__toggle:after {
	content: ' ';
	background-image: url(https://static.wikia.nocookie.net/dev/images/2/2e/WDS_Dropdown_Icon_Orange.svg/revision/latest);
	height: 12px;
	min-width: 12px;
	width: 12px;
	margin-left: 6px;
}
.global-navigation .wds-dropdown:hover .wds-dropdown__toggle:after {
	transform: rotate(180deg);
}
.global-navigation__bottom .global-navigation__icon {
	height: inherit;
	border: none;
}
.global-navigation__bottom > * {
	display: flex;
	align-items: center;
}
/*** Small icon with no. of unread notifications ***/
.global-navigation__bottom .global-navigation__icon .notifications__counter {
	left: -2px;
	top: -3px;
}
/** Remove dropdown arrow for user profile **/
.wds-dropdown.wds-open-to-right:before, .wds-dropdown.wds-open-to-right:after {
	display: none !important;
}
/** Reversing list of options in user dropdown **/
.global-navigation__bottom .wds-dropdown.is-attached-to-bottom .wds-dropdown__content ul.wds-list {
	transform: rotate(180deg);
}
.global-navigation__bottom .wds-dropdown.is-attached-to-bottom .wds-dropdown__content ul.wds-list li {
	transform: rotate(-180deg);
}
/** Sign Out option colours **/
.wds-sign-out__button {
	color: var(--wds-dropdown-text-color);
}
.wds-sign-out__button:hover {
	background-color: var(--wds-dropdown-linked-item-background-color);
	color: var(--wds-dropdown-linked-item-color);
}
.wds-sign-out__button.wds-is-active, .wds-sign-out__button:active, .wds-sign-out__button:focus:not(:disabled) {
	color: var(--wds-dropdown-text-color);
}
/** Notifications icon alignment **/
.global-navigation__bottom .notifications {
	margin-bottom: 0;
}
/** Notifications dropdown div **/
.global-navigation .notifications .wds-dropdown.wds-is-not-hoverable.is-attached-to-bottom div.wds-dropdown__content {
	top: 55px;
	right: 0;
	min-height: 80px;
	max-height: 435px;
	width: 356px;
	left: auto;
	transform: none;
}
/** Notifications scrollable and font size **/
.global-navigation .global-navigation__bottom .notifications div.wds-dropdown__content div.wds-tab__content.wds-is-current {
	overflow-y: auto;
	font-size: 14px;
}
/** Notifications colors **/
.theme-fandomdesktop-dark .global-navigation__bottom > .notifications > .wds-open-to-right > .wds-dropdown__content {
	background-color: #0e191a;
	color: #f5f3f5;
	border: 1px solid #656e78;
}
.global-navigation__bottom .NotificationsDropdown-module_tabber__1qKxW .wds-tabs__tab.wds-is-current {
	color: #089196;
}
.theme-fandomdesktop-dark .global-navigation__bottom .NotificationsDropdown-module_tabber__1qKxW .wds-tabs__tab.wds-is-current {
	color: #00d6d6;
}
/*** Small icon next to tab with unread notif ***/
.NotificationsDropdown-module_tabber__1qKxW .wds-tabs__tab-label .NotificationsDropdown-module_tabTotal__p7gqN {
	background: #089196;
}
.theme-fandomdesktop-dark .NotificationsDropdown-module_tabber__1qKxW .wds-tabs__tab-label .NotificationsDropdown-module_tabTotal__p7gqN {
	background: #00d6d6;
}
/*** Mark all as read ***/
.global-navigation__bottom .NotificationsDropdown-module_markAllAsRead__2yUse {
	color: #089196;
}
.global-navigation__bottom .NotificationsDropdown-module_markAllAsRead__2yUse:hover,
.theme-fandomdesktop-dark .global-navigation__bottom .NotificationsDropdown-module_markAllAsRead__2yUse {
	color: #00d6d6;
}
.theme-fandomdesktop-dark .global-navigation__bottom .NotificationsDropdown-module_markAllAsRead__2yUse:hover {
	color: #fff;
}
.theme-fandomdesktop-dark .global-navigation__bottom .wds-dropdown__content .NotificationCard-module_card__2YXOh {
	--notification-card-background-color: #002a32;
	border-bottom: 1px solid #656e78;
}
/*** Unread notifications ***/
.theme-fandomdesktop-dark .global-navigation__bottom .wds-dropdown__content .NotificationCard-module_card__2YXOh.NotificationCard-module_isUnread__25iz- {
	--notification-card-background-color: #004b52;
}
.global-navigation__bottom .NotificationCard-module_card__2YXOh.NotificationCard-module_isUnread__25iz- .NotificationCard-module_unreadStatusDot__q1FDX,
.global-navigation__bottom .NotificationCard-module_card__2YXOh.NotificationCard-module_isUnread__25iz- .NotificationCard-module_unreadStatusDot__q1FDX:hover {
	background-color: #089196;
	border: #089196;
}
.theme-fandomdesktop-dark .NotificationCard-module_card__2YXOh.NotificationCard-module_isUnread__25iz- .NotificationCard-module_unreadStatusDot__q1FDX,
.theme-fandomdesktop-dark .NotificationCard-module_card__2YXOh.NotificationCard-module_isUnread__25iz- .NotificationCard-module_unreadStatusDot__q1FDX:hover {
	background-color: #00d6d6;
	border: #00d6d6;
}
/** Making space for the global nav, using the space on the left for page body **/
.main-container {
	margin-left: 0;
	width: 100%;
	margin-top: 55px;
}
.resizable-container {
	margin-top: 10px;
}
/** Styling for the custom search added by the OasisRevived script **/
.global-navigation__search-container {
	position: fixed;
	height: 55px;
	top: 0;
}
@media only screen and (max-width: 1023px) {
	.global-navigation__search-container,
	.global-navigation__search.global-navigation__icon {
		right: 128px;
	}
}
@media only screen and (min-width: 1024px) {
	.global-navigation__search-container,
	.global-navigation__search.global-navigation__icon {
		right: 267px;
	}
}
@media only screen and (min-width: 1500px) {
	.global-navigation__search-container {
		flex: unset;
		width: 450px;
		margin-left: 34px;
		margin-right: 6px;
	}
}
.global-navigation__search {
	align-items: center;
	display: flex;
	justify-content: flex-end;
	margin-top: 0;
	width: inherit;
}
.global-navigation__search-toggle {
	align-items: center;
	cursor: pointer;
	display: flex;
	transition: color .3s;
}
@media only screen and (min-width: 1500px) {
	.global-navigation__search-toggle {
		pointer-events: none;
	}
}
.global-navigation__search-toggle-icon.wds-icon-small {
	margin-right: 8px;
}
@media only screen and (max-width: 1023px) {
	.global-navigation__search-toggle-icon.wds-icon-small {
		display: none;
	}
}
@media only screen and (min-width: 1024px) {
	.wds-global-navigation__search-toggle-icon:not(.wds-icon-small) {
		display: none;
	}
}
@media only screen and (max-width: 1023px) {
	.global-navigation__search-toggle-text {
		display: none;
	}
}
@media only screen and (min-width: 1500px) {
	.global-navigation__search-toggle-text {
		display: none;
	}
}
.global-navigation__search-input-wrapper {
	align-items: center;
	display: none;
	flex: 0 1 auto;
	padding-bottom: 3px;
	transition: flex .2s;
}
@media only screen and (min-width: 1500px) {
	.global-navigation__search-input-wrapper {
		border-bottom: 2px solid #00d6d6;
		width: 100%;
		display: flex;
	}
}
.wds-global-navigation__suggestions-anchor {
	display: flex;
	flex: 1 1 auto;
}
input.global-navigation__search-input {
	background: transparent;
	border: 0;
	box-sizing: border-box;
	flex: 1 1 auto;
	font-family: sans-serif;
	font-size: 14px;
	height: 28px;
	padding: 0;
	width: 430px;
	outline: none;
	color: #fff;
	caret-color: #fff;
}
input.global-navigation__search-input::placeholder {
	color: #fff;
}
/* Community header */
.community-header-wrapper {
	height: 105px;
}
.fandom-community-header {
	background-color: var(--theme-header-background-color);
	color: var(--theme-header-text-color);
	height: 105px;
}
.fandom-community-header a {
	color: var(--theme-header-text-color);
}
.fandom-community-header a:hover {
	color: var(--theme-header-text-color--hover);
}
.wiki-tools .wds-button.wds-is-secondary {
	--wds-secondary-button-label-color: var(--theme-header-text-color);
	--wds-secondary-button-label-color--hover: var(--theme-header-text-color--hover);
}
@media only screen and (max-width: 1083px) {
	.fandom-community-header {
		height: 115px;
	}
}
/** Removing gap between header and page **/
.page {
	margin-top: 0;
}
html:not(.ve-activated) .page.has-right-rail .page__main, .page__main, .page__right-rail {
	border-radius: 0;
}
/** Wiki wordmark **/
.fandom-community-header__image {
	margin-right: 0;
}
.fandom-community-header__image img {
	height: 65px;
	margin: 20px 0 20px 20px;
}
@media only screen and (max-width: 1083px) {
	.fandom-community-header__image img {
		height: 49px;
		max-width: 175px;
		margin-bottom: 0;
		max-height: none;
	}
}
/** Area of wiki title and those small icons **/
.fandom-community-header__top-container {
	align-items: normal;
	height: 59px;
}
@media only screen and (max-width: 1083px) {
	.fandom-community-header__top-container {
		height: 69px;
	}
}
/** Article counter **/
.page-counter {
	margin: 17px 0 20px 20px;
}
.page-counter__value {
	font-size: 24px;
	line-height: 1;
	font-weight: 600;
}
.page-counter__label {
	font-size: 12px;
	line-height: 1;
	margin-top: 3px;
	font-weight: 600;
}
/** Wiki title wrapper **/
.fandom-community-header__community-name-wrapper {
	flex: 1;
	font-size: 28px;
	font-weight: 600;
	line-height: 1;
	margin: 25px 0 0 18px;
	overflow: hidden;
}
@media only screen and (max-width: 1083px) {
	.fandom-community-header__community-name-wrapper {
		word-wrap: break-word;
		font-size: 24px;
		margin-top: 20px;
		max-height: 72px;
		white-space: normal;
	}
}
/** Wiki title text **/
.fandom-community-header__community-name-wrapper a.fandom-community-header__community-name {
	font-size: 28px;
	font-weight: 600;
	line-height: 1;
}
/** Wiki title text hover **/
.fandom-community-header__community-name-wrapper a.fandom-community-header__community-name:hover {
	text-decoration: none;
}
/** Those small icons. Preventing stretched borders **/
.main-container .resizable-container header .wiki-tools.wds-button-group {
	align-items: center;
	margin: 20px 20px auto 15px
}
/** Community header tabs padding and order **/
.fandom-community-header__local-navigation ul {
	order: 1;
	padding-left: 6px;
}
.fandom-community-header__local-navigation ul div:first-child {
	order: 2;
}
.fandom-community-header__local-navigation .wds-dropdown__toggle.first-level-item {
	margin: 0 11px;
}
.fandom-community-header .fandom-community-header__local-navigation .large-navigation {
	display: none;
}
@media only screen and (min-width: 1084px) and (max-width: 1279px) {
	.fandom-community-header__local-navigation {
		grid-column: inherit;
	}
}
@media only screen and (min-width: 1084px) {
	.fandom-community-header .fandom-community-header__local-navigation .extra-large-navigation {
		display: flex;
	}
	.fandom-community-header__image {
		grid-row: 1/3;
	}
}
@media only screen and (max-width: 1083px) {
	.fandom-community-header .fandom-community-header__local-navigation .medium-navigation {
		display: flex;
	}
}
/* Move background image to front */
.main-container {
	background-image: var(--theme-body-background-image);
	background-position: var(--background-img-position);
	background-size: var(--background-img-size);
	background-repeat: var(--background-img-repeat);
	background-attachment: var(--background-img-attachment);
}
/* Make left icon buttons on articles smaller */
.page-side-tools button, .page-side-tools a {
	height: 32px;
	width: 32px;
}
.page-side-tools svg {
	height: 16px;
	width: 16px;
	min-width: 16px;
}
@media only screen and (max-width: 1279px) {
	.page-side-tools__wrapper {
		transform: translateX(-60%);
	}
}
/* Wikia Bar */
/** Main styling **/
@media only screen and (min-width: 1024px) {
	#WikiaBar .WikiaBarWrapper .wikia-bar {
		width: 1026px;
	}
}
@media only screen and (min-width: 1596px) {
	#WikiaBar .WikiaBarWrapper .wikia-bar {
		width: 1300px;
	}
}
.WikiaBarWrapper {
	align-items: center;
	text-align: center;
	box-shadow: 0 0 10px #333;
	position: fixed;
	border-radius: 0;
	bottom: 0;
	width: 100%;
	z-index: 200;
	right: auto;
}
/** Bar collapsing animation **/
.WikiaBarWrapper .hidden {
	bottom: -25px;
	transition: all .2s ease-in;
	z-index: -1;
}
/** Most of the bar **/
.WikiaBarWrapper .wikia-bar {
	display: inherit!important;
	height: 25px;
	margin: auto;
	text-align: center;
}
/** Toolbar **/
.WikiaBarWrapper .wikia-bar .toolbar {
	align-self: auto;
	height: 20px;
	padding: 5px 0 0;
}
/** Padding of the tools area **/
.WikiaBarWrapper .tools {
	padding: 0 10px;
}
/** Prevent underlined text when hover **/
.WikiaBarWrapper ul.tools li a:hover {
	text-decoration: none;
}
/** Line between tools **/
.WikiaBarWrapper ul.tools > li {
	border-right: 1px solid var(--theme-accent-label-color);
	margin: 0;
	padding: 2px 10px;
	height: 16px;
}
/** Items position (currently doesn't work) **/
@media only screen and (max-width: 1083px) {
	.WikiaBarWrapper div.wikia-bar > div.toolbar > ul.tools {
		width: 818px;
	}
}
@media only screen and (min-width: 1024px) {
	.WikiaBarWrapper > div.wikia-bar > div.toolbar > ul.tools {
		width: 1026px;
	}
}
@media only screen and (min-width: 1084px) and (max-width: 1595px) {
	.WikiaBarWrapper > div.wikia-bar > div.toolbar > ul.tools {
		width: 1106px;
	}
}
/** Hide wikia bar - toggle position **/
.WikiaBarWrapper .arrow {
	position: fixed;
	bottom: 2.5px;
	float: left;
	right: 0;
}
/** Show wikia bar (wrench) - toggle position **/
.WikiaBarCollapseWrapper {
	bottom: 0;
	right: 0;
}
/** Show wikia bar (wrench) - toggle style **/
.WikiaBarCollapseWrapper .wikia-bar-collapse {
	border-radius: 0;
	height: 27px;
	padding: 5px;
	width: 28px;
	box-shadow: 0 0 10px #333;
}
/** Fix My Tools arrow animation and position **/
.WikiaBarWrapper .mytools.menu:not(:hover) svg {
	transform: rotate(180deg);
	transition: .25s all ease;
}
.WikiaBarWrapper .mytools.menu:hover svg {
	transition: .25s all ease;
}
/** My Tools dropdown **/
.WikiaBarWrapper .tools-menu {
	text-align: left;
	background: var(--theme-page-background-color--secondary);
}
/** My Tools dropdown links **/
.WikiaBarWrapper .tools-menu > li >a {
	color: var(--theme-page-text-color);
}
/** Compatibility with OldWikiaBar **/
body div#WikiaBarWrapper.WikiaBarWrapper div.toolbar ul.tools > li:not(:first-child)::before {
	display: none;
}
/* TOC */
/** General style **/
.page-content #toc {
	border-radius: 0;
	padding: 5px;
	margin: 1em 0;
}
/** TOC title **/
.toc .toctitle {
	border-bottom: 0;
	justify-content: normal;
	font-size: 12px;
	padding: 3px 2px;
}
.toc .toctitle h2 {
	font-size: 14px;
	margin-top: 3px;
	padding: 0 5px 3px 0;
}
.toc .toctogglespan:before,
.toc .toctogglespan:after {
	font-size: 12px;
}
/** Removing small icon near title **/
.toc .toctitle h2 .wds-icon {
	display: none;
}
/** Padding for content **/
.toc ul {
	padding: 0;
}
.toc ul li {
	margin: 0
}
.toc ul li .toclevel-2 {
	margin-left: 2em;
}
.toc ul li .toclevel-3 {
	margin-left: 2em;
}
.toc ul li .toclevel-4 {
	margin-left: 2em;
}
.toc ul li .toclevel-5 {
	margin-left: 2em;
}
/** Links **/
.toc ul li a {
	color: var(--theme-link-color);
	display: initial;
	font-weight: normal!important;
	padding: 0;
}
/** Number color **/
.toc ul li a .tocnumber {
	color: var(--theme-page-text-color);
}
/** No dot after number **/
.toc ul li a .tocnumber:after {
	display: none;
}
/* User Masthead */
#userProfileApp {
	background-color: rgba(var(--theme-page-background-color--rgb),var(--theme-page-background-color--opacity));
}
/* Achievements on User Profile Page */
/** Most of the text **/
body.skin-fandomdesktop .UserProfileAchievementsModule,
body.skin-fandomdesktop .UserProfileAchievementsModule a {
	font-family: inherit;
}
/** Right rail **/
html:not(.ve-activated) .page.has-right-rail .page__right-rail {
	width: 300px;
	margin-left: 20px;
}
html:not(.ve-activated) .page.has-right-rail .page__right-rail.is-rail-hidden {
	margin-left: 0;
	width: 0;
}
.right-rail-wrapper {
	padding: 0;
}
.rail-module {
	background-color: transparent;
	border-bottom: 0;
	margin: 30px 10px 10px;
	padding: 0;
}
.rail-module h2 {
	border-bottom: 1px solid var(--theme-border-color);
	font-size: 16px;
	font-weight: 700;
	margin: 0;
	margin-bottom: 16px;
	min-height: 30px;
	padding: 0;
	padding-left: 2px;
	padding-bottom: 1px;
	width: 100%;
	background-image: none;
	line-height: 1;
}
.rail-module h2.has-icon svg {
	margin-right: 7px;
}
/** Title of earned badges **/
.rail-module .badges-profile-title {
	background-image: none;
	border-bottom: 1px solid var(--theme-border-color);
	min-height: 30px;
	width: 100%;
}
/** Link to Leaderboard **/
.UserProfileAchievementsModule .data .data-details.ranking > p > a {
	font-family: inherit;
}
/** More Badges You Can Earn! - Title text **/
.UserProfileAchievementsModule .title-challeneges {
	border-bottom: 1px solid var(--theme-border-color);
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 16px;
	min-height: 30px;
}
/* Removing fixed header for tables */
.article-table .fixed-header, .wikitable .fixed-header {
	box-shadow: none;
	outline: none;
	transform: none;
	transition: none;
}
/* Tabs in Wiki, Social and Image Activity */
.activity-tabs.with-bottom-border .wds-tabs__tab-label {
 font-family: Helvetica Neue, helvetica, arial, sans-serif; /* Fallback */
	font-family: var(--oasis-revived-font);
	align-items: center;
	display: inline-flex;
	font-size: 12px;
	font-weight: 700;
	height: 40px;
	text-align: center;
	text-transform: uppercase;
	white-space: nowrap;
	margin: 0 11px;
	text-decoration: none;
	transition: color 0.1s ease 0s;
}
/** No underlined text **/
.activity-tabs.with-bottom-border .wds-tabs__tab-label:active,
.activity-tabs.with-bottom-border .wds-tabs__tab-label:focus {
	text-decoration: none;
}
/* Search pop-up */
.search-modal, .search-modal:before {
	left: 0;
}
/* Default body font */
body.skin-fandomdesktop {
 font-family: Helvetica Neue, helvetica, arial, sans-serif; /* Fallback */
	font-family: var(--oasis-revived-font);
	font-size: 14px;
}
/* Main article */
.resizable-container {
	background-color: var(--theme-page-background-color);
}
.page .page__main {
	font-size: 16px;
	line-height: 1.5;
}
/** Headers **/
.page-content h2 {
	line-height: 1;
	margin: 0.5em 0 0.2em;
	padding: 0 0 3px;
	font-size: 28px;
}
/** Article text styling and padding **/
.page-content p {
	margin: 0.4em 0 0.5em;
	line-height: 1.5;
}
/** List styling and padding **/
.page-content ul {
	list-style: square;
}
.page-content li {
	margin: 3px 0;
}
.mw-content-ltr ol, .mw-content-ltr ul {
	margin: 0.4em 0 0.5em 2.5em;
}
/** Article content wrapper padding **/
.page .page__main {
	padding: 0 0 0 24px;
}
.page {
	padding-right: 24px;
}
@media only screen and (min-width: 1024px) {
	.page .page__main {
		padding: 0 0 0 10px;
	}
	.page {
		padding-right: 10px;
	}
}
@media only screen and (min-width: 1084px) {
	.page .page__main {
		padding: 0 0 0 20px;
	}
	.page {
		padding-right: 20px;
	}
}
@media only screen and (min-width: 1596px) {
	.page .page__main {
		padding: 0 0 0 30px;
	}
	.page {
		padding-right: 30px;
	}
}
/* Article header */
.page-header {
	padding: 16px 0 8px;
	border-bottom: 1px solid var(--theme-border-color);
	margin-bottom: 18px;
}
.page-header__title {
	font-weight: 700;
	line-height: 1;
}
.page-header__categories {
	font-size: 12px;
	line-height: 1;
}
.page-header__categories-in {
	font-weight: 600;
}
.page-header__categories *:not(.page-header__categories-in) {
	font-style: italic;
	line-height: 16px;
}
/*** Page header buttons ***/
.page-header__actions {
	align-items: flex-end;
	display: inline-flex;
	justify-content: flex-start;
	padding-top: 0;
	padding-bottom: 6px;
}
.page-header__bottom .page-header__actions .page-header__action-button {
	align-items: center;
	background-color: var(--theme-accent-color);
	border: 1px solid var(--theme-accent-color);
	border-radius: 3px;
	color: var(--theme-accent-label-color);
	cursor: pointer;
	font-family: inherit;
	display: inline-flex;
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
	letter-spacing: .15px;
	margin: 0;
	margin-right: 1px;
	outline: none;
	padding: 7px 12px;
	text-decoration: none;
	text-transform: uppercase;
	transition-duration: .3s;
	transition-property: background-color,border-color,color;
	vertical-align: top;
	height: unset;
}
.page-header__bottom .page-header__actions .page-header__action-button:hover {
	background-color: var(--theme-accent-color--hover);
	border: 1px solid var(--theme-accent-color--hover);
}
.page-header__bottom .page-header__actions .wds-button:first-child {
	border-radius: 3px 0 0 3px;
}
.page-header__bottom .page-header__actions .wds-dropdown:last-child .wds-button {
	border-radius: 0 3px 3px 0;
}
.page-header__bottom .page-header__actions .page-header__action-button:before {
	display: none;
}
/* Article footer */
.page-footer__categories header,
.page-footer__languages header {
	display: none;
}
.page-footer .wds-collapsible-panel.wds-is-collapsed .wds-collapsible-panel__content {
	display: block;
}
/** Categories **/
.page-footer__categories {
	background-color: var(--theme-page-background-color);
	background-image: none;
	border: 1px solid var(--theme-border-color);
	clear: both;
	font-size: 12px;
	line-height: normal;
	margin: 10px 0;
	padding: 0;
	position: relative;
}
.page-footer__categories .wds-collapsible-panel__content {
	padding: 10px 20px 0;
}
.CategorySelect.articlePage .add {
	padding: 0 10px;
}
/** Languages **/
.page-footer__languages {
	border: none;
	display: flex;
	flex-direction: row;
	padding: 10px 0 0;
}
.page-footer__languages .wds-collapsible-panel__content {
	align-items: baseline;
	clear: both;
	display: flex;
	margin: 10px;
}
.page-footer__languages:before {
	content: 'Languages: ';
	font-size: 18px;
	line-height: 1.25;
	font-weight: 500;
	margin: 0.5em 0 0.2em;
}
.page-footer__languages .wds-collapsible-panel__content a {
	font-size: 14px;
	margin: 0;
	padding: 0;
	line-height: 24px;
	padding-left: 5px;
	padding-right: 9px;
	margin-bottom: 6px;
	border: 0;
	border-left: 1px solid #7f9998;
}
.page-footer__languages .wds-collapsible-panel__content a:first-child {
	padding-left: 0;
	border: 0;
}
/** License description **/
.page-footer .license-description {
	clear: both;
	font-size: 12px;
	margin: 18px 12px;
	padding: 0;
}
/* Special:ThemeDesigner */
.theme-designer {
	margin-left: 0;
}
/* Special:AdminDashboard */
/** General and Advanced tabs **/
#AdminDashboardTabs.wds-tabs {
	flex-direction: row-reverse;
}
#AdminDashboardTabs .tab.wds-tabs__tab {
	color: var(--theme-page-text-color);
	margin: 0;
	border: solid var(--theme-border-color);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-width: 1px 1px 0;
	margin-left: 4px;
}
#AdminDashboardTabs .tab.wds-tabs__tab.wds-is-current {
	box-shadow: none;
	color: var(--theme-page-text-color);
	background: var(--theme-page-background-color--secondary);
}
#AdminDashboardTabs .tab.wds-tabs__tab > .wds-tabs__tab-label {
	font-weight: normal;
	height: 19px;
	text-transform: none;
	letter-spacing: normal;
	margin: 0;
	padding: 2px 25px 0;
}
#AdminDashboardTabs .tab.wds-tabs__tab > .wds-tabs__tab-label > .link:hover,
#AdminDashboardTabs .tab.wds-tabs__tab > .wds-tabs__tab-label > .link:focus {
	color: var(--theme-page-text-color);
}
/** Hide global nav outside preview **/
.ns-special.page-Special_ThemeDesigner .global-navigation {
	display: none;
}
/* Diff page */
.diff td.diff-deletedline, .diff td.diff-addedline {
	background-color: var(--theme-page-background-color--secondary);
}