User:SkyEye FAST/fandomdesktop.css

/* 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); }

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

/* Left to top, asked by User:Light beacon, adopted from User:Winston Sung and added a search modal fix for this. */ .fandom-sticky-header { top: 9px; left: 0; } .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; } .global-navigation__top { align-items: center; display: flex; flex-direction: row; } .global-navigation__bottom, .global-navigation__nav, .global-navigation__top { align-items: center; display: flex; flex-direction: row; } .global-navigation__search { margin-top: 0; margin-right: 9px; margin-left: 21px; text-align: center; width: 36px; height: 36px; } .global-navigation__links { display: inline-flex; align-items: center; } .global-navigation__links .global-navigation__link, .global-navigation__links .global-navigation__link:first-child { align-items: center; display: flex; flex-direction: column; margin-top: 0; padding: 2px 12px; width: auto; } .global-navigation__link-icon { align-items: center; height: 28px; justify-items: center; margin: 0; transition: background-color .3s; width: 28px; } .global-navigation__link.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); } .global-navigation__link.wds-dropdown.wds-open-to-right .wds-dropdown__content { left: unset; top: 100%; bottom: unset; } .global-navigation__bottom { top: 0; right: 0; bottom: unset; padding: 0; position: fixed; height: 55px; z-index: 700; } .global-navigation .notifications { margin-bottom: 0; } .global-navigation__bottom .wds-dropdown { margin-left: 0; height: 55px; padding: 9px 0; } .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: 36px; transform: none; } .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: 39px; transform: none; } .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; } .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; } .global-navigation__bottom .wds-dropdown.is-attached-to-bottom .wds-dropdown__content ul.wds-list li { width: -webkit-fill-available; } .global-navigation .notifications .wds-dropdown.is-attached-to-bottom .wds-dropdown__content, .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); } .search-modal, .search-modal:before { bottom: 0; left: 0; position: fixed; right: 0; top: 55px; } .fandom-community-header__background { top: 55px; } .page-side-tools { top: 113px; } .notifications-placeholder { left: 18px; } /* Resolve position conflict: InPageEdit <-> Toolbar */ bottom: 3rem; } /* background fix */ code { color: #000; background-color: #f8f9fa; border: 1px solid #eaecf0; border-radius: 2px; padding: 1px 4px; } /* diff */ .diff .diff-context, .diff .diff-deletedline, .diff .diff-addedline { border-width: 1px 1px 1px 4px; border-style: solid; }
 * 1) ipe-edit-toolbox {

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

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

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

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

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