User:JustLeafy/everything.css

/* Imports */ @import url('//dev.wikia.com/load.php?debug=false&lang=en&mode=articles&articles=u:dev:MediaWiki:EditorSourceMinimal/code.css|u:dev:MediaWiki:RefreshedNotifications.css|u:dev:MediaWiki:ModernProfile/Masthead.css|u:dev:MediaWiki:ContribsButtons.css|u:dev:MediaWiki:Nord.css|u:dev:MediaWiki:ModernLightbox.css|u:justleafy:MediaWiki:RefreshedPopovers.css|u:dev:MediaWiki:FandomizedWikiFeatures.css&only=styles'); @import url('//justleafy.wikia.com/load.php?debug=false&lang=en&mode=articles&articles=u:justleafy:MediaWiki:ModernLightbox.css|u:justleafy:MediaWiki:CommentsSection.css|u:dev:MediaWiki:FandomizedActivityFeed.css&only=styles'); @import url(https://fonts.googleapis.com/css?family=Fjalla+One);

/* I hate the fact that dialogs are badly optimized for mobile, so ty noreplyz for this code */ /* Responsive modal */ @media only screen and (max-width: 700px) { .modalWrapper { box-sizing:border-box; width:calc(100% - 20px) !important; left:auto !important; margin-left:10px !important; } }

/* changing canet color */ textarea{caret-color:#098765}

/* changing outline color */

a:focus{outline-color:#098765}

/* uhh */

a.specialcontact-seclink-close-wiki { display: none; }

/* Idk why when viewing source in a dark themed wiki, the source editor gives a retina killing theme, so I use this*/ background-color: black; color: #D5D4D4; }
 * 1) wpTextbox1[readonly] {

/* Tweaks for FandomizedWikiFeatures */

.WikiFeatures .button.normal.secondary { padding: 7px 18px; margin-top: -8px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; font-size: 11px; font-weight: bold; text-transform: uppercase; background: none; border: 1px solid currentColor; }

.WikiFeatures .button.normal.primary { padding: 7px 18px; margin-top: -8px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; font-size: 12px; font-weight: bold; text-transform: uppercase; background-image: none; }

.WikiFeatures .modal.medium > section, font-size: 14px; }
 * 1) FeedbackDialog {

.FeedbackDialog .comment-character-count { font-weight: bold; }

.WikiFeatures .modal > header .close { -webkit-mask-image: url(/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-cross.svg); background-color: currentColor; background-image: none !important; height: 24px; mask-image: url(/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-cross.svg); width: 24px; }

.WikiFeatures .features .feature h3 { font-weight: bold; font-size: 14px; border-bottom: 1px solid currentColor; }

.WikiFeatures .features .feature .active-on:before { content: "•"; padding-right: 5px; }

/* Light Global Navigation for Light Wikis */

/* general */ body:not(.oasis-dark-theme) .wds-global-navigation { background-color: #f6f6f6; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }/**/ /* logo colour */ body:not(.oasis-dark-theme) #wds-company-logo-fandom-white > g > path[fill="#FFF"], body:not(.oasis-dark-theme) #wds-company-logo-fandom-white > g > path[fill="#FFF"], body:not(.oasis-dark-theme) #wds-company-logo-fandom-white > path[fill="#FFF"], body:not(.oasis-dark-theme) #wds-company-logo-fandom-white > path[fill="#FFF"] { fill: #002a32; }/**/ /* search */ body:not(.oasis-dark-theme) .wds-global-navigation__search-toggle:hover { color: #002a32; } body:not(.oasis-dark-theme) .wds-global-navigation.wds-search-is-active .wds-global-navigation__search-input::-webkit-input-placeholder, body:not(.oasis-dark-theme) .wds-global-navigation.wds-search-is-active .wds-global-navigation__search-input::-moz-placeholder, body:not(.oasis-dark-theme) .wds-global-navigation.wds-search-is-active .wds-global-navigation__search-input:-ms-input-placeholder, body:not(.oasis-dark-theme) .wds-global-navigation.wds-search-is-active .wds-global-navigation__search-input::placeholder { color: #5f7a7b; } body:not(.oasis-dark-theme) input.wds-global-navigation__search-input { color: #1a1a1a !important; } body:not(.oasis-dark-theme) .wds-global-navigation__search-close.wds-button.wds-is-text { color: #bed1cf; } body:not(.oasis-dark-theme) .wds-global-navigation__search-close.wds-button.wds-is-text:hover { color: #5f7a7b; }/**/ /* links, etc. */ body:not(.oasis-dark-theme) .wds-global-navigation__start-a-wiki .wds-button.wds-is-secondary:not(:disabled):hover { border-color: #002a32; color: #002a32; } body:not(.oasis-dark-theme) .wds-global-navigation__link:hover, .wds-global-navigation__start-a-wiki:hover, body:not(.oasis-dark-theme) .wds-global-navigation__notifications-dropdown:hover, body:not(.oasis-dark-theme) .wds-global-navigation__notifications-dropdown .wds-dropdown__toggle:hover { color: #002a32; } body:not(.oasis-dark-theme) .wds-global-navigation__notifications-dropdown .wds-dropdown__toggle { transition: color 0.3s; } body:not(.oasis-dark-theme) .wds-global-navigation__avatar-notifications-counter, body:not(.oasis-dark-theme) .wds-global-navigation__notifications-counter { background-color: #ff6a64; color: #f6f6f6; height: 14px; margin-left: 4px; min-width: 14px; top: 13px; } body:not(.oasis-dark-theme) .wds-global-navigation__link, body:not(.oasis-dark-theme) .wds-global-navigation__dropdown-toggle, body:not(.oasis-dark-theme) .wds-global-navigation__search.wds-dropdown { color: #00acac; } body:not(.oasis-dark-theme) .wds-global-navigation .wds-avatar .wds-avatar__image { border-color: #00acac; fill: #00acac; } body:not(.oasis-dark-theme) .wds-global-navigation .wds-avatar .wds-avatar__image:hover { border-color: #006969; fill: #008989; } body:not(.oasis-dark-theme) .wds-global-navigation__start-a-wiki .wds-button.wds-is-secondary:not(:disabled) { border-color: currentColor; color: #00acac; }/**/ /* forum fixes */ body:not(.oasis-dark-theme) #notificationsEntryPoint::after { border-color: transparent transparent #e6ebf2 transparent; } body:not(.oasis-dark-theme) #GlobalNavigationWallNotifications { box-shadow: 0 0 20px 0 rgba(26, 26, 26, 0.3) } body:not(.oasis-dark-theme) #GlobalNavigationWallNotifications .notifications-for-wiki .notifications-wiki-header { font-size: 16px; padding-top: 12px; } body:not(.oasis-dark-theme) #GlobalNavigationWallNotifications .notifications-for-wiki.show .notifications-wiki-header .chevron { top: 40%; }/**/

/* Remove blue outline completely when not tabbing */

body:not(.user-is-tabbing) button:focus, body:not(.user-is-tabbing) input:focus, body:not(.user-is-tabbing) select:focus, body:not(.user-is-tabbing) textarea:focus { outline: none; }

/* CSS for autohiding global nav */ transition: top 0.5s ease-in-out; } .wds-global-navigation-up { top: -55px; }
 * 1) globalNavigation {

/* FandomizedPagination: Continued */

/* For ListUsers */

span#lu-table_previous, span.previous.paginate_button { margin-right: 10px !important; }

span#lu-table_next, span.next.paginate_button { margin-left: 10px !important; }

span#lu-table_first, span.first.paginate_button { margin-right: 5px !important; }

span#lu-table_last, span.last.paginate_button { margin-left: 5px !important; }

span#lu-table_first, span#lu-table_previous, span#lu-table_next, span#lu-table_last, span.first.paginate_button, span.last.paginate_button, span.previous.paginate_button, span.next.paginate_button { font-weight: bold; text-transform: uppercase; font-size: 10px; padding: 4px 12px !important; }

.paging_full_numbers span.paginate_button:hover { background-color: #f1f1f1 !important; color: #3a3a3a !important; }

.paging_full_numbers span.paginate_button { border: none !important; border-radius: 0 !important; -webkit-border-radius: 0 !important; padding: 2px 12px !important; margin: 0 0.5px !important; cursor: pointer; box-shadow: 1px 1px 2px rgba(0,0,0,0.75); background-color: #fff; }

.paging_full_numbers span.paginate_active { border: none !important; border-radius: 0 !important; -webkit-border-radius: 0 !important; padding: 2px 12px !important; margin: 0 0.5px !important; cursor: pointer; background-color: black !important; color: #fff; border-radius: 0; box-shadow: 1px 1px 2px rgba(0,0,0,0.75); }

/* For FileList */

.TablePager_nav td { padding: 12px; font-weight: bold; text-transform: uppercase; font-size: 10px; }

/* Give myself a colored name because why not */

a[href$=JustLeafy] { color: #098765 !important; }

/* Rounded Avatars */ .avatar { border-radius: 50%; border: none; }

/* Rounded Avatars: Fixes */ padding: 0; } .UserProfileMasthead .masthead-avatar .avatar { border: 4px solid silver; } .Forum .ThreadList .avatar { border: 2px #c1c1c1 solid; }   border: 2px #c1c1c1 solid; }
 * 1) WallThreadHistory tr .avatar {
 * 1) Wall.Thread .avatar {

/* End Fixes */

/* Removing Main Page Categories, & Ads */

.skin-oasis.mainpage .article-categories { display: none; }

.wds-global-navigation__link:nth-child(4) { display: initial; margin-top: 17px; }

/* Prevent the TFA module from floating (a script I made from dev) */

position: unset; }
 * 1) WikiaAdInContentPlaceHolder.rail-sticky-module {

/* Making Dropdowns more modern */ .category-gallery-form .wikia-menu-button li { box-shadow: none; font-weight: normal; } .wikia-menu-button ul a:hover, .Wall .speech-bubble-message .buttons ul li a:hover { background-color: #ddd !important; } .wikia-menu-button ul li, .wikia-menu-button.secondary ul li { border-top: none; } ul.WikiaMenuElement { border-top: 5px white solid !important; border-bottom: 5px white solid !important; min-width: 25px !important; } .wikia-menu-button ul, .wikia-menu-button.secondary ul { border: none; border-radius: 0; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); } .wikia-menu-button ul a, .Wall .speech-bubble-message .buttons ul li a { padding: 12px !important; font-size: 0.9rem !important; font-weight: 500; text-transform: capitalize !important; background-color: #fff !important; color: black !important; } ..oasis-dark-theme .wikia-menu-button ul a:hover, ..oasis-dark-theme .Wall .speech-bubble-message .buttons ul li a:hover { background-color: #222 !important; } ..oasis-dark-theme ul.WikiaMenuElement { border-color: black !important; } ..oasis-dark-theme .wikia-menu-button ul a, ..oasis-dark-theme .speech-bubble-message .buttons ul li a { background-color: #000 !important; color: #fff !important; }

/* More Redesigning for Editor Source Minimal */ .skin-oasis #EditPageRail .cke_button > a, .skin-oasis #EditPageRail .module_page_controls #wpSummary, .skin-oasis #EditPageRail .CategorySelect.editPage .categories, .skin-oasis #EditPageRail .CategorySelect.editPage .input { border: none; } .EditPage .module_content > .text-links > li > a { color: black; padding: 7px 12px; margin-left: 40px; font-weight: bold; text-transform: uppercase; font-size: x-small; font-family: Helvetica; }

input#wpSave { padding: 7px 12px; height: 35px; background-image: none; text-transform: uppercase; font-size: 10px; font-weight: bold; border-radius: 0; } .EditPage .module_page_controls .diff-link { color: currentColor; border: 1px currentColor solid; font-weight: bold; text-transform: uppercase; font-size: x-small; font-family: Helvetica; padding: 11px 15px; margin-top: 8px; } .skin-oasis.editor a.wikia-button, .skin-oasis.editor .wikia-single-button a, .skin-oasis.editor .wikia-menu-button, .skin-oasis.editor .wikia-menu-button a, .skin-oasis.editor .wikia-menu-button span, .skin-oasis.editor input[type="submit"], .skin-oasis.editor input[type="reset"], .skin-oasis.editor input[type="button"], .skin-oasis.editor .button, .skin-oasis.editor button { border-radius: 0; font-weight: bold; text-transform: uppercase; font-size: x-small; font-family: Helvetica; } h3.preview-header { font-weight: bold; border-top: 1px solid currentColor; padding-top: 5px; }

.EditPage .module_content > .text-links > li > a:hover { text-decoration: none !important; }

.HelpLink > a, .NotificationsLink > a { color: currentColor; border: 1px solid currentColor; padding: 7px 12px; font-weight: bold; text-transform: uppercase; font-size: 10px; }

.HelpLink { bottom: 20px; right: 7px; }

.NotificationsLink { bottom: 12px; }

.HelpLink > a { margin-right: 138px; }

.EditPageHeader > h1 > a:hover, .HelpLink > a:hover, .NotificationsLink > a:hover { text-decoration: none; }

.NotificationsLink > a > span { border: none; padding: 2px 4px; margin-left: -35px; }

.EditPage .module_page_controls .preview_box .preview_icon { border: none; }

.editpage-sourcewidemode-off .preview_box { border-bottom: 1px solid currentColor; }

a#wpPreviewMobile > p, a#wpPreview > p { display: none; }

.EditPage .module_page_controls .preview_box .preview_mobile { padding-top: 5px; }

.EditPage .module_page_controls .preview_box .preview_desktop { padding-top: 10px; }

.EditPage .module_page_controls .preview_box .preview_icon { height: 65px; } .EditPage .module_page_controls .checkboxes > label, .EditPageToolbar .cke_toolbar_expand > a label { text-transform: uppercase; font-weight: bold; font-size: x-small; font-family: Helvetica; } .EditPagePermissionError .EditPageRail > .module.module_page_controls { background-color: #f1f1f1; background-image: none; }

.EditPage .module_content > .text-links > li > a:hover { text-decoration: none; }

.EditPageHeader { border-bottom: none; opacity: 0.95; box-shadow: none; }

.editpage-notices > .splotch { padding: 2px 4px; border: none; font-weight: bold; }

.editpage-notices { display: none; }

.tooltip.right .tooltip-arrow { border-right: 5px solid #000c; }

.tooltip-inner { box-shadow: none; border: 1px solid #000d; background-color: #000c; }

/* Some modifications for EditorVisualMinimal */

body.ve .WikiaMainContent { box-shadow: 0 0 0 1000vw rgba(0,0,0,0.5) !important; z-index: 5000100 !important; }

.ve-ui-surface.ve-init-mw-viewPageTarget-surface.ve-ui-surface-dir-ltr { margin-left: 10px; margin-right: 10px; }

.ve-init-mw-viewPageTarget-toolbar { border-top: 5px solid rgba(231,231,231,0.9625); }

.oo-ui-toolbar-bar { background-color: rgba(231,231,231,0.9625); border-bottom: none !important; }

.skin-oasis.ve .oo-ui-toolbar .ve-init-mw-viewPageTarget-toolbar-actions { margin-right: 5px; }

.ve-ui-wikia-license { border-top: none !important; }

/*********************************HOVER IMAGES**********************************/ /* Hover Logo */ opacity: 0.85; filter: alpha(opacity=85); /* For IE8 and earlier */ }   #WikiHeader h1.wordmark img:hover { opacity: 1.0; filter: alpha(opacity=100); /* For IE8 and earlier */ } /* Hover Logo (editor) */ span.wordmark.medium.graphic.font- { opacity: 0.85; filter: alpha(opacity=85); /* For IE8 and earlier */ }   span.wordmark.medium.graphic.font-:hover { opacity: 1.00; filter: alpha(opacity=100); /* For IE8 and earlier */ } span.wordmark.small.graphic.font-cpmono { opacity: 0.85; filter: alpha(opacity=85); /* For IE8 and earlier */ }   span.wordmark.small.graphic.font-cpmono:hover { opacity: 1.00; filter: alpha(opacity=100); /* For IE8 and earlier */ } /* Hover Class */ .hoverimage img { opacity: 0.85; filter: alpha(opacity=85); /* For IE8 and earlier */ }   .hoverimage img:hover { opacity: 1.0; filter: alpha(opacity=100); /* For IE8 and earlier */ }
 * 1) WikiHeader h1.wordmark img {

/* Notifications at the bottom of the website */ .WikiaNotifications li div { box-shadow: none; background-image: none; max-width: 200px; padding: 16px; border-radius: 0; }

.WikiaNotifications li div a { font-weight: bold; color: gray !important; text-decoration: none; }

.WikiaNotifications li div a:hover { filter: brightness(85%); transition: .3s; }

.WikiaNotifications li div .close-notification { border: none; padding: 2px; background-color: white; -webkit-mask-image: url(/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-cross-tiny.svg); -webkit-mask-repeat: no-repeat; }

/* Fan Feed Enhancements */

/* Scrollable Fan Feed */

.mcf-content { height: 621px; overflow-y: auto; }

/* Make Cards Lighter On Hover */

a.mcf-card.mcf-card-article:hover { filter: brightness(120%) !important; transition: .5s; }

/* General Styling */

/* Fan Feed Header */

h1.mcf-header { margin-top: 6px; }

/* Cards */

.mcf-card { border: none; border-radius: 4px; }

/* Dark Modules */

.mcf-card-wiki-articles__item-link, .mcf-card-discussions__header, .mcf-card-discussions__content, .mcf-card-discussions__user-subtitle, .mcf-card-related-wikis__header, .mcf-card-related-wikis__title { color: white; }

.mcf-card-wiki-articles, .mcf-card-discussions__header, .mcf-card-discussions, .mcf-card-discussions__list::after, .mcf-card-discussions__list::before, .mcf-card-related-wikis__header, .mcf-card-related-wikis { background-color: black; }

.mcf-card-wiki-articles__item { border-bottom: 1px white solid; }

/* Selection Color */


 * selection {

background-color: rgba(120,120,120,0.5); }

/** Unhide Characters Remaining **/

/* Restoring the "characters remaining" feature that was removed for unknown reasons */

body .remaining { display: initial; font-weight: bold; margin-right: 5px; margin-top: 30px; z-index: 1; }

/* Limiting the width of the chat message inputbox to keep space for this feature */

.Write [name="message"] { width: 96%; }

/* Discord Theme Chat */

.ChatHeader .User { background-color: rgb(42,44,49); border-left: none; color: white; height: 36px; padding-left: 40px; padding-top: 17px; top: 0; width: 105px; }

.ChatHeader .User .username { padding-top: 5px; font-weight: normal; }

.User.away { color: inherit; }

.away .status { letter-spacing: -4px; background-color: #faa61a !important; padding: 2px; border-radius: 50%; color: transparent; border: 3px solid #2f3136; display: block !important; height: 5px; width: 5px; margin-left: -20px; z-index: 9999999999; position: relative; }

.status { letter-spacing: -4px; background-color: #43b581 !important; padding: 2px; border-radius: 50%; color: transparent; border: 3px solid #2f3136; display: block !important; height: 5px; width: 5px; margin-left: -20px; z-index: 1; position: relative; }

.ChatHeader > .User > .details > .status { margin-top: -4px; }

body.ChatWindow { background: #36393e; font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 14px; overflow: hidden; }

border-radius: 0; border: none; background-color: #36393f; box-shadow: 0 1px 0 rgba(0,0,0,.2), 0 2px 0 rgba(0,0,0,.06); height: 45px; margin: 0; padding-top: 10px; z-index: 1; }
 * 1) ChatHeader {

.Chat .inline-alert:before, .Chat .inline-alert:after { display: none; }

.Write [name="message"] { font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif; color: #c0c1bc; }

.Rail { background-color: #2f3136; position: relative; float: right; z-index: 1; height: 100%; }

.ChatWindow > #WikiaPage { border: none; background: #36393e; color: rgb(192,193,188) !important; width: 100vw; left: 0; bottom: 0; }

.Chat ::-webkit-scrollbar, .Rail ::-webkit-scrollbar { width: 10px; }

.Chat ::-webkit-scrollbar-track, .Rail ::-webkit-scrollbar-track { background-color: #2f3136bb; -webkit-border-radius: 10px; border-radius: 10px; }

.Chat ::-webkit-scrollbar-thumb, .Rail ::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: #1e2124; }

.Chat { border: none; background-color: #36393e; }

.Chat .inline-alert { color: #949494; font-size: 16px; font-weight: 500; }

.Write .message { border: none !important; background-color: rgb(72,75,81) !important; border-radius: 5px; width: 1035px; }

.Chat .you { background: #36393e; border-top: 1px solid rgb(71,74,78); border-bottom: 1px solid rgb(71,74,78); }

.Chat .avatar, .Write img, .Rail .User img, .ChatHeader .User img { border: none; border-radius: 50%; }

.Chat .time { color: rgb(91,94,98); }

.Rail .User:hover { background: #282b30; }

.Rail .selected { box-shadow: none; background: none; text-indent: -133px; }

.Rail .public .chevron { border-color: white transparent transparent; left: 10px; top: 23px; }

.Rail .selected:after { content: "Member List"; margin-left: 25px; font-size: 14px; color: white; }

body.ChatWindow a { color: #0096cf; }

.Rail .public .chevron.closed { border-color: transparent transparent transparent white; left: 10px; top: 20px; }

/* "Table Of Contents" title */

.WikiaArticle #toctitle h2:before { content: "Table of "; }

font-weight: bold; }
 * 1) toctitle:before {

/* Minified Insights Tabs */ .insights-container-nav .insights-nav-item.active { border-left: 2px solid currentColor; } .insights-container-nav .insights-nav-item.active, .insights-container-nav .insights-nav-item:hover { background-color: transparent; } a.insights-nav-link:hover, .insights-container-nav .insights-nav-item.active > a.insights-nav-link { color: currentColor; background-color: transparent; } .insights-container-nav .insights-nav-item { border-bottom: none; } .insights-container-nav .insights-nav-item .insights-red-dot { left: 230px; top: 17px !important; background-color: red; }

/* ListGlobalUsers Columns */

.list-global-users-members { column-count: 3; list-style-type: none !important; margin-left: 5px !important; }

/* Hotkeys Style */ background-color: #222; background-image: none; border: 1px solid black; border-radius: 0; box-shadow: 2px 2px 2px #333; color: white; font-size: 0.85em; padding: 1px 3px; }
 * 1) GlobalShortcutsSearch.global-shortcuts-search .key {

/* Lists */

.WikiaArticle ul ul ul, .WikiaArticle ol ul ul, .WikiaArticle ul ol ul, .WikiaArticle ol ol ul, list-style-type: square; } .WikiaArticle ul ul, .WikiaArticle ol ul, list-style-type: circle; } .WikiaArticle ul, list-style-type: disc; }
 * 1) Wall.Thread .message .msg-body ul ul ul,
 * 2) Wall.Thread .message .msg-body ol ul ul,
 * 3) Wall.Thread .message .msg-body ul ol ul,
 * 4) Wall.Thread .message .msg-body ol ol ul {
 * 1) Wall.Thread .message .msg-body ul ul,
 * 2) Wall.Thread .message .msg-body ol ul {
 * 1) Wall.Thread .message .msg-body ul {

/********************** *************************/

/* miscellaneous */

.WikiaArticle a.external:after, .WikiaArticle a[href^='gopher://']:after { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-external.svg"); background-color: currentColor; background-image: none; height: 12px; mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-external.svg"); width: 12px; }

.WikiaArticle sup a { -webkit-mask-image: url(/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-footnote.svg); background-color: currentColor; background-image: none; height: 12px; mask-image: url(/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-footnote.svg); width: 12px; }


 * 1) wpTextbox1.highlighted { border: none; }

findfielddiv { overflow-y: auto; }

/* Minimal Scrollbar */
 * -webkit-scrollbar {

width: 6px !important; height: 6px !important; }
 * -webkit-scrollbar-thumb {

background-color: rgba(50,50,50,0.8) !important; }
 * -webkit-scrollbar-thumb:hover {

background-color: rgba(40,40,40,0.9) !important; }
 * -webkit-scrollbar-thumb:active {

background-color: rgba(30,30,30,1) !important; }
 * -webkit-scrollbar-track {

background-color: transparent !important; }

/* Remove Hubs */ .wds-global-navigation__link, .wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__link.wds-is-games, .wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__link.wds-is-movies, .wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__link.wds-is-tv { display: none; }

/*Feeds (experimental)*/ @media only screen and (min-width: 1024px){ .page-header__title { font-size: 24px; font-weight: normal !important; } body{font-family: rubik;} .WikiaRail { margin: 0 -9px; padding: 19px; } .WikiaPage .page-header__separator { display: none; } .page-header__contribution { padding: 14px 14px 14px 22px; margin: -16px -9px -12px 0; }

.wds-community-header { width: 100%; top: -20px; }

.WikiaPage{width:90%} .WikiaPage{border-radius:8px !important;border: none !important;opacity: 1 !important;}

.WikiaRail .rail-module h2 { font-size: 18px; font-weight: 500; letter-spacing: .5px; margin: 0 0 8px; padding: 0 3px; text-transform: uppercase !important; border: none; background: linear-gradient(to top, rgba(58,58,58,0.15) 54%, transparent 54%, transparent 100%); }

.CommunityPageMainContent .community-page-cards-module, .CommunityPageMainContent .community-page-todo-list-module { max-width: 900px !important; }}

/************** personal source editor improvements **************/

/* removing unwanted features */

/*.EditPageHeader > h2,*/ /*.NotificationsLink > a,*/ /*.EditPage .module_page_controls .preview_box .preview_mobile,*/ /*.EditPage .module_page_controls .preview_box .preview_desktop svg,*/ .EditPageHeader > .wordmark img, .module.module_insert, .module.module_templates, .module.module_license, .HelpLink > a { display: none; }

/*other stuff*/ /* .EditPageHeader > h1 > a:before { content: "CANCEL"; font-weight: bold; margin-right: 50px; font-size: 18px; border: 1px solid currentColor; padding: 7px 12px; font-family: rubik; border-radius: 4px; }

.EditPageHeader > h1 { font-size: 30px; line-height: 40px; overflow: inherit; }

{   display: none; }*/

/*** * @title          DiscordTheme * @description    Styles Fandom to resemble Discord's design. Affects the global navigation, body and the global footer. * @docs           DiscordTheme * @author         Sidemen19 * @credits        Americhino * @installation   @import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:DiscordTheme.css"); ***/ /*** bg ***/ body:after{ background: url('https://cdn.discordapp.com/banners/563020189604773888/46fd3ffd8e63ed19529542459804325e.jpg') !important; content: ""; top: 0; left: 0; bottom: 0; right: 0 !important; background-size: cover !important; background-repeat: no-repeat !important; position: fixed !important; width:initial !important; height:initial !important; z-index: -1; zoom:1%; } /*** global nav ***/ .wds-global-navigation-wrapper { box-shadow: none; } .wds-global-navigation__link:visited, .wds-global-navigation__start-a-wiki:visited { color: #7289da !important; } .wds-global-navigation .wds-dropdown .wds-dropdown-level-2__toggle:hover .wds-icon { fill: #4c4e9e } .wds-global-navigation { background-color: #2c2f33; -webkit-box-shadow: none; box-shadow: none; border-bottom: 0; border-image: none; position: absolute; } .wds-global-navigation .wds-avatar .wds-avatar__image, .wds-global-navigation .wds-avatar .wds-avatar__image:hover { border-color: #7289da !important; } .wds-global-navigation__start-a-wiki .wds-button.wds-is-secondary:not(:disabled).wds-is-secondary { border-color: #7289da; color: #7289da; } .wds-global-navigation__notifications-counter, .wds-global-navigation__notifications-counter { background-color: #7289da !important; color: #fff; font-weight: bold; } .wds-global-navigation a:hover:not(.wds-notifications__mark-all-as-read), .wds-global-navigation .wds-global-navigation__link, .wds-global-navigation__user-menu .wds-global-navigation__dropdown-link.wds-sign-out button.wds-sign-out__button, .wds-sign-out__button { color: #7289da; transition: all .2s ease !important; text-shadow: 0; } .wds-global-navigation .wds-dropdown__toggle-chevron { fill: #ccc !important; } .wds-global-navigation__logo, .wds-global-navigation__link, .wds-global-navigation__search, .wds-global-navigation__search-label, .wds-global-navigation__search-input, .wds-global-navigation__user-menu, .wds-global-navigation__notifications-menu, .wds-global-navigation__start-a-wiki, .wds-global-navigation__wikis-menu { background: transparent; color: #7289da; } .wds-notifications__mark-all-as-read-button a,	color: #7289da; } .wds-global-navigation__search-toggle-icon { transform: scale(1.2); } .wds-global-navigation__search-input { color: #99aab5; } .wds-global-navigation__search-submit { background-color: transparent; border: none; } .wds-global-navigation__search-submit .wds-icon, .wds-global-navigation__search-close .wds-icon { fill: #fff; } .wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__search-input::-webkit-input-placeholder { color: #99aab5; } .wds-global-navigation__search-toggle-text { display: none; } .wds-global-navigation__search-input-wrapper { border-bottom-color: #7289DA !important; } .wds-global-navigation .wds-dropdown, .wds-global-navigation .wds-dropdown__content .wds-list li, .wds-notification-card__last-actor, color: #7289da; } .wds-global-navigation__logo-image path:first-child { fill: #7289DA; } .wds-global-navigation__search-suggestions { margin-top: -1px !important; } .wds-global-navigation__search-suggestions, .wds-global-navigation__search-suggestions a { color: #7289DA; } .wds-global-navigation .wds-dropdown .wds-dropdown__content, .wds-global-navigation .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2:hover .wds-dropdown-level-2__content, .wds-global-navigation .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list:before, .wds-global-navigation .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list:after, .wds-global-navigation .wds-dropdown .wds-dropdown-level-2__content li, .wds-global-navigation #GlobalNavigationWallNotifications { background-color: #D8E3EB; box-shadow: none; border: none; } /*** animated arrows in top nav ***/ .wds-global-navigation .wds-dropdown::after, .wds-community-header .wds-community-header__local-navigation .wds-tabs .wds-tabs__tab .wds-dropdown::before, .wds-community-header .wds-community-header__local-navigation .wds-tabs .wds-tabs__tab .wds-dropdown::after, .page-header .page-header__contribution .page-header__contribution-buttons .wds-button-group .wds-dropdown::before, .page-header .page-header__contribution .page-header__contribution-buttons .wds-button-group .wds-dropdown::after, .wds-community-header__wiki-buttons .wds-dropdown::before, .wds-community-header__wiki-buttons .wds-dropdown::after { display: none !important; } .wds-global-navigation .wds-dropdown__content { -webkit-animation: dropdown-global 0.35s; -moz-animation: dropdown-global 0.35s; animation: dropdown-global 0.35s; } .wds-community-header .wds-community-header__local-navigation .wds-tabs .wds-tabs__tab .wds-dropdown .wds-dropdown__content { -webkit-animation: dropdown-topnav 0.3s; -moz-animation: dropdown-topnav 0.3s; animation: dropdown-topnav 0.3s; } .wds-community-header .wds-community-header__local-navigation .wds-tabs .wds-tabs__tab .wds-dropdown .wds-dropdown__content .wds-dropdown-level-2__content { -webkit-animation: dropdown-animation 0.3s; -moz-animation: dropdown-animation 0.3s; animation: dropdown-animation 0.3s; } .page-header .page-header__contribution .page-header__contribution-buttons .wds-button-group .wds-dropdown .wds-dropdown__content, #PageHeader #EditMessageWallGreeting .wds-button-group .wds-dropdown .wds-dropdown__content, .wds-community-header__wiki-buttons .wds-dropdown .wds-dropdown__content { -webkit-animation: contribution-dropdown 0.3s linear; -moz-animation: contribution-dropdown 0.3s linear; animation: contribution-dropdown 0.3s linear; } @keyframes dropdown-global { from {opacity: 0; top: 45px;} to {opacity: 1;} } @keyframes dropdown-topnav { from {opacity: 0; top: 30px;} to {opacity: 1; top: 40px;} } @keyframes dropdown-animation { from {opacity: 0; transform: translateX(-10px);} to {opacity: 1; transform: translateX(0);} } @keyframes contribution-dropdown { from {opacity: 0; top: 25px;} to {opacity: 1; top: 35px;} } @keyframes searchsuggestions-dropdown { from {top: 80%; opacity: 0;} to {top: calc(1px+100%); opacity: 1;} } .wds-dropdown-level-2:hover svg#wds-icons-menu-control-tiny { transform: rotate(-90deg) translateY(3px); } .wds-dropdown-level-2 svg#wds-icons-menu-control-tiny { -webkit-transition: transform 0.2s; -moz-transition: transform 0.2s; -o-transition: transform 0.2s; transition: transform 0.2s; } svg#wds-icons-dropdown-tiny { transition: transform 0.2s; } /*** cool rainbow animation upon hover of fandom logo, credits to Puxlit on the discord :)) ***/ .wds-global-navigation__logo:hover { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxkZWZzPjxyYWRpYWxHcmFkaWVudCBpZD0icmFpbmJvdyIgY3g9Ii41IiBjeT0iLjUiIHI9Ii40MjQiIHNwcmVhZE1ldGhvZD0icmVwZWF0Ij48c3RvcCBvZmZzZXQ9Ii0xIiBzdG9wLWNvbG9yPSIjOTQzOTk1Ij48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvZmZzZXQiIGJ5PSIxIiBkdXI9IjAuNXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9zdG9wPjxzdG9wIG9mZnNldD0iLS44MzMiIHN0b3AtY29sb3I9IiM5NDM5OTUiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9mZnNldCIgYnk9IjEiIGR1cj0iMC41cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3N0b3A+PHN0b3Agb2Zmc2V0PSItLjgzMyIgc3RvcC1jb2xvcj0iIzAwYjhiZSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib2Zmc2V0IiBieT0iMSIgZHVyPSIwLjVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvc3RvcD48c3RvcCBvZmZzZXQ9Ii0uNjY3IiBzdG9wLWNvbG9yPSIjMDBiOGJlIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvZmZzZXQiIGJ5PSIxIiBkdXI9IjAuNXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9zdG9wPjxzdG9wIG9mZnNldD0iLS42NjciIHN0b3AtY29sb3I9IiMwNzljNDIiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9mZnNldCIgYnk9IjEiIGR1cj0iMC41cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3N0b3A+PHN0b3Agb2Zmc2V0PSItLjUiIHN0b3AtY29sb3I9IiMwNzljNDIiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9mZnNldCIgYnk9IjEiIGR1cj0iMC41cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3N0b3A+PHN0b3Agb2Zmc2V0PSItLjUiIHN0b3AtY29sb3I9IiNmZmYyMDAiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9mZnNldCIgYnk9IjEiIGR1cj0iMC41cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3N0b3A+PHN0b3Agb2Zmc2V0PSItLjMzMyIgc3RvcC1jb2xvcj0iI2ZmZjIwMCI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib2Zmc2V0IiBieT0iMSIgZHVyPSIwLjVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvc3RvcD48c3RvcCBvZmZzZXQ9Ii0uMzMzIiBzdG9wLWNvbG9yPSIjZjQ3YjIwIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvZmZzZXQiIGJ5PSIxIiBkdXI9IjAuNXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9zdG9wPjxzdG9wIG9mZnNldD0iLS4xNjYiIHN0b3AtY29sb3I9IiNmNDdiMjAiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9mZnNldCIgYnk9IjEiIGR1cj0iMC41cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3N0b3A+PHN0b3Agb2Zmc2V0PSItLjE2NiIgc3RvcC1jb2xvcj0iI2VkMTk0MSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib2Zmc2V0IiBieT0iMSIgZHVyPSIwLjVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvc3RvcD48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNlZDE5NDEiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9mZnNldCIgYnk9IjEiIGR1cj0iMC41cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3N0b3A+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjOTQzOTk1Ij48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvZmZzZXQiIGJ5PSIxIiBkdXI9IjAuNXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9zdG9wPjxzdG9wIG9mZnNldD0iLjE2NiIgc3RvcC1jb2xvcj0iIzk0Mzk5NSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib2Zmc2V0IiBieT0iMSIgZHVyPSIwLjVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvc3RvcD48c3RvcCBvZmZzZXQ9Ii4xNjYiIHN0b3AtY29sb3I9IiMwMGI4YmUiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9mZnNldCIgYnk9IjEiIGR1cj0iMC41cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3N0b3A+PHN0b3Agb2Zmc2V0PSIuMzMzIiBzdG9wLWNvbG9yPSIjMDBiOGJlIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvZmZzZXQiIGJ5PSIxIiBkdXI9IjAuNXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9zdG9wPjxzdG9wIG9mZnNldD0iLjMzMyIgc3RvcC1jb2xvcj0iIzA3OWM0MiI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib2Zmc2V0IiBieT0iMSIgZHVyPSIwLjVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvc3RvcD48c3RvcCBvZmZzZXQ9Ii41IiBzdG9wLWNvbG9yPSIjMDc5YzQyIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvZmZzZXQiIGJ5PSIxIiBkdXI9IjAuNXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9zdG9wPjxzdG9wIG9mZnNldD0iLjUiIHN0b3AtY29sb3I9IiNmZmYyMDAiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9mZnNldCIgYnk9IjEiIGR1cj0iMC41cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3N0b3A+PHN0b3Agb2Zmc2V0PSIuNjY3IiBzdG9wLWNvbG9yPSIjZmZmMjAwIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvZmZzZXQiIGJ5PSIxIiBkdXI9IjAuNXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9zdG9wPjxzdG9wIG9mZnNldD0iLjY2NyIgc3RvcC1jb2xvcj0iI2Y0N2IyMCI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib2Zmc2V0IiBieT0iMSIgZHVyPSIwLjVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvc3RvcD48c3RvcCBvZmZzZXQ9Ii44MzMiIHN0b3AtY29sb3I9IiNmNDdiMjAiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9mZnNldCIgYnk9IjEiIGR1cj0iMC41cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3N0b3A+PHN0b3Agb2Zmc2V0PSIuODMzIiBzdG9wLWNvbG9yPSIjZWQxOTQxIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvZmZzZXQiIGJ5PSIxIiBkdXI9IjAuNXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9zdG9wPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2VkMTk0MSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib2Zmc2V0IiBieT0iMSIgZHVyPSIwLjVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvc3RvcD48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIyLjQiIGZpbGw9InVybCgjcmFpbmJvdykiPjwvcmVjdD48L3N2Zz4=) center / 100% 100%; mask-image: url(/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-company-logo-fandom.svg); -webkit-mask-image: url(/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-company-logo-fandom.svg); } /*** global footer ***/ .wds-global-footer { background: #2c2f33 !important; } .wds-global-footer__link, .wds-global-footer__link:active, .wds-global-footer__link:focus, .wds-global-footer__image, .wds-global-footer__link:visited, .wds-global-footer__link, .wds-global-footer__section.wds-is-follow-us { color: #7289DA; transition: all .2s ease !important; text-shadow: 0; } .wds-global-footer__section-description { color: #7289DA; } /*** misc ***/ body .WikiaSiteWrapper{ background:none; }
 * 1) cn-entrypoint_mark-all-as-read a {
 * 1) GlobalNavigationWallNotifications .notifications-for-wiki .notifications-wiki-header,
 * 1) GlobalNavigationWallNotifications .notifications-markasread,
 * 1) cn-entrypoint .wds-notification-card__body p {
 * 1) PageHeader #EditMessageWallGreeting .wds-button-group .wds-dropdown::before,
 * 2) PageHeader #EditMessageWallGreeting .wds-button-group .wds-dropdown::after,
 * -webkit-scrollbar-track {

background: #2c2f33; }
 * -webkit-scrollbar-thumb {

background: #7289DA; }
 * -webkit-scrollbar-thumb:hover {

background: #ccc; }
 * -webkit-scrollbar {

width: 8px; }