User:SkyEye FAST/global.css

@import url("https://dev.fandom.com/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:InterlanguageFlags.css");

/* Recent Changes */

span.mw-plusminus-neg, strong.mw-plusminus-neg { color: rgb(170, 0, 34); }

span.mw-plusminus-pos, strong.mw-plusminus-pos { color: rgb(34, 170, 0); }

span.changedby { position: relative; max-width: 1050px; }

/* Redirect link */

color: rgb(48, 128, 80) !important; }
 * 1) mw-content-text a.mw-redirect {

color: rgb(154, 163, 98) !important; }
 * 1) mw-content-text a.mw-redirect:visited {

/* External link */

color: rgb(250, 126, 112) !important; }
 * 1) mw-content-text a.external {

color: rgb(159, 81, 45) !important; }
 * 1) mw-content-text a.external:visited {

/* Left to top, asked by User:Light beacon, adopted from User:Winston Sung and added a search modal fix for this. */ .skin-fandomdesktop .fandom-sticky-header { top: 9px; left: 0; } .skin-fandomdesktop .global-navigation { bottom: unset; display: flex; flex-direction: row; justify-content: space-between; left: 0; padding: 0 18px; position: fixed; top: 0; width: 100%; height: 55px; z-index: 700; } .skin-fandomdesktop .global-navigation__logo .wds-icon { margin-bottom: 0; } .skin-fandomdesktop .global-navigation__logo span { display: none; } .skin-fandomdesktop .global-navigation__top { align-items: center; display: flex; flex-direction: row; } .skin-fandomdesktop .global-navigation__bottom, .skin-fandomdesktop .global-navigation__nav, .skin-fandomdesktop .global-navigation__top { align-items: center; display: flex; flex-direction: row; } .skin-fandomdesktop .global-navigation__search { margin-top: 0; margin-right: 9px; margin-left: 21px; text-align: center; width: 36px; height: 36px; } .skin-fandomdesktop .global-navigation__links { display: inline-flex; align-items: center; } .skin-fandomdesktop .global-navigation__links .global-navigation__link, .skin-fandomdesktop .global-navigation__links .global-navigation__link:first-child { align-items: center; display: flex; flex-direction: column; margin-top: 0; padding: 2px 12px; width: auto; } .skin-fandomdesktop .global-navigation__link-icon { align-items: center; height: 28px; justify-items: center; margin: 0; transition: background-color .3s; width: 28px; } .skin-fandomdesktop .global-navigation__links .wds-dropdown.wds-open-to-right:before { bottom: -10px; top: unset; left: calc(50% - 10px); border-right-color: transparent; border-bottom-color: var(--wds-dropdown-border-color); } .skin-fandomdesktop .global-navigation__links .wds-dropdown.wds-open-to-right:after { bottom: -9px; top: unset; left: calc(50% - 9px); border-right-color: transparent; border-bottom-color: var(--wds-dropdown-background-color); } .skin-fandomdesktop .global-navigation__links .wds-dropdown.wds-open-to-right .wds-dropdown__content { left: unset; top: 100%; bottom: unset; } .skin-fandomdesktop .global-navigation__bottom { top: 0; right: 0; bottom: unset; padding: 0; position: fixed; height: 55px; z-index: 700; } .skin-fandomdesktop .global-navigation .notifications { margin-bottom: 0; } .skin-fandomdesktop .global-navigation__bottom .wds-dropdown { margin-left: 0; height: 55px; padding: 9px 0; } .skin-fandomdesktop .global-navigation__bottom .wds-dropdown.wds-open-to-right:before { border-right-color: transparent; border-bottom-color: var(--wds-dropdown-border-color); right: calc(50% - 3px); top: 38px; transform: none; } .skin-fandomdesktop .global-navigation__bottom .wds-dropdown.wds-open-to-right:after { border-right-color: transparent; border-bottom-color: var(--wds-dropdown-background-color); right: calc(50% - 2px); top: 40px; transform: none; } .skin-fandomdesktop .global-navigation__bottom .wds-dropdown.is-attached-to-bottom .wds-dropdown__content { position: fixed; top: 54px; right: 1px; bottom: unset; left: unset; border-radius: 3px; } .skin-fandomdesktop .global-navigation__bottom .wds-dropdown.is-attached-to-bottom .wds-dropdown__content ul.wds-list { display: flex; flex-direction: column-reverse; align-items: self-start; background: none; } .skin-fandomdesktop .global-navigation__bottom .wds-dropdown.is-attached-to-bottom .wds-dropdown__content ul.wds-list li { width: -webkit-fill-available; } .skin-fandomdesktop .global-navigation .notifications .wds-dropdown.is-attached-to-bottom .wds-dropdown__content, .skin-fandomdesktop .fandom-sticky-header.is-visible + .global-navigation .notifications .wds-dropdown.is-attached-to-bottom .wds-dropdown__content { position: fixed; top: 55px !important; height: calc(100% - 55px); } .skin-fandomdesktop .main-container { margin-top: 55px; margin-left: 0; width: 100%; } .skin-fandomdesktop .search-modal, .skin-fandomdesktop .search-modal:before { bottom: 0; left: 0; position: fixed; right: 0; top: 55px; } .skin-fandomdesktop .fandom-community-header__background { /* top: 55px; */ width: 100%; } .skin-fandomdesktop .page-side-tools { top: 113px; } .skin-fandomdesktop .notifications-placeholder { left: 18px; } /* Resolve position conflict: InPageEdit <-> Toolbar */ .skin-fandomdesktop #ipe-edit-toolbox { bottom: 3rem; } .skin-fandomdesktop code { background-color: var(--theme-page-background-color--secondary); border: 1px solid var(--theme-border-color); color: var(--theme-page-text-color); border-radius: 2px; padding: 1px 4px; } /* Colors of official marks for Gamepedia wikis */ .is-gamepedia symbol#wds-brand-fandom-official-wiki path[fill="#fa005a"] { fill: #F48331; } .is-gamepedia symbol#wds-brand-fandom-official-wiki path[fill="#280033"] { fill: #121212; }

/* Wikiplus */

.Wikiplus-Btn, .Wikiplus-InterBox button { box-shadow: 0 0 0px rgb(255, 255, 255) !important; border: 1px solid rgb(167, 215, 249) !important; cursor: pointer !important; -webkit-user-select: none !important; -moz-user-select: none !important; -o-user-select: none !important; -ms-user-select: none !important; user-select: none !important; font-family: "Noto Sans CJK SC" !important; }

.Wikiplus-InterBox button { background: rgb(255, 255, 255) !important; height: 22px!important; }

.Wikiplus-Btn { margin: 3px 10px 3px 0 !important; }

.Wikiplus-InterBox { border: 1px rgb(167, 215, 249) solid!important; background: rgb(255, 255, 255) !important; width: 80%!important; margin-left: 11.5em!important; font-family: "Noto Sans CJK SC" !important; font-size: 13px !important; }

input#Wikiplus-Quickedit-Summary-Input { height: 18px!important; font-family: 'Fira Code', "Sarasa Mono SC", monospace !important; font-size: 13px !important; }

.Wikiplus-InterBox textarea, .Wikiplus-InterBox input:not([type]) { border-color: rgb(167, 215, 249) !important; font-family: 'Fira Code', "Sarasa Mono SC", monospace !important; font-size: 13px !important; }

div.Wikiplus-InterBox>div.Wikiplus-InterBox-Content>div>br { display: none; }

/* Wikiplus button fix */
 * root {

--wds-icons-pencil-quick-small: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M14 8.586L9.414 4 11 2.414 15.586 7 14 8.586zM6.586 16H2v-4.586l6-6L12.586 10l-6 6zm11.121-9.707l-6-6a.999.999 0 0 0-1.414 0l-9.999 10a.99.99 0 0 0-.217.325A.991.991 0 0 0 0 11v6a1 1 0 0 0 1 1h6c.13 0 .26-.026.382-.077a.99.99 0 0 0 .326-.217l9.999-9.999a.999.999 0 0 0 0-1.414zm-2.125 8.064h2.052c.051 0 .099.01.143.03a.338.338 0 0 1 .114.079.356.356 0 0 1 .003.512l-2.928 2.915a.359.359 0 0 1-.12.079.363.363 0 0 1-.4-.079.36.36 0 0 1-.087-.373l.574-1.706H12.88a.382.382 0 0 1-.263-.103.378.378 0 0 1-.076-.4.357.357 0 0 1 .079-.12l2.928-2.915a.366.366 0 0 1 .402-.076.338.338 0 0 1 .114.078.36.36 0 0 1 .08.115.36.36 0 0 1 .027.141.364.364 0 0 1-.017.117z'/%3E%3C/svg%3E"); } .page-side-tools #Wikiplus-Edit-TopBtn { position: relative; background: var(--theme-page-background-color--secondary); border: none; border-radius: 50%; box-shadow: 0 3px 12px 0 rgb(0 0 0 / 30%); color: var(--theme-link-color); cursor: pointer; display: flex; height: 36px; margin-bottom: 9px; outline: none; transition: color .3s; width: 36px; overflow: hidden; justify-content: center; align-items: center; } .page-side-tools #Wikiplus-Edit-TopBtn > span > a { display: none; } .page-side-tools #Wikiplus-Edit-TopBtn::after { content: ""; width: 18px; height: 18px; min-width: 18px; background: var(--theme-link-color); mask-image: var(--wds-icons-pencil-quick-small); mask-size: cover; -webkit-mask-image: var(--wds-icons-pencil-quick-small); -webkit-mask-size: cover; }

.page-side-tools #Wikiplus-Edit-TopBtn:hover::after { background: var(--theme-link-color--hover); }

/* InPageEdit */

text-shadow: none; }
 * 1) ipe-edit-toolbox .ipe-toolbox-btn {

.in-page-edit .fa, font-family: FontAwesome !important; }
 * 1) ipe-edit-toolbox .fa {

.vectorMenu li.icon, .section.achievements .icon { background: none; }

/* Not a fan of Fan Feed */ display: none; }
 * 1) mixed-content-footer {

/* Resolve position conflict: InPageEdit <-> Toolbar */ bottom: 3rem; }
 * 1) ipe-edit-toolbox {

/* background fix */ code { background-color: var(--theme-page-background-color--secondary); border: 1px solid var(--theme-border-color); color: var(--theme-page-text-color); border-radius: 2px; padding: 1px 4px; }

/* diff */ .quick-diff .diff .diff-context, .quick-diff .diff .diff-deletedline, .quick-diff .diff .diff-addedline { border-width: 1px 1px 1px 4px; border-style: solid; }

.quick-diff .diff .diff-context { border-color: var(--theme-page-text-color--hover); }

.quick-diff .diff .diff-deletedline { border-color: var(--theme-alert-color); background-color: transparent; }

.quick-diff .diff .diff-deletedline .diffchange { background-color: var(--theme-alert-color); color: var(--theme-alert-label); }

.quick-diff .diff .diff-addedline { border-color: var(--theme-success-color); background-color: transparent; }

.quick-diff .diff .diff-addedline .diffchange { background-color: var(--theme-success-color); color: var(--theme-success-label); }