User:PanchamBro/fandomdesktop.css

/* Import https://dev.fandom.com/wiki/MediaWiki:UCXSearchBar.css */ .wiki-tools { width: 50%; max-width: 400px; } .wiki-tools__search-container { display: inline-flex; height: auto; width: 100%; } .wiki-tools__search-container::before, .wiki-tools__search-container::after { display: none !important; } .wiki-tools__search-input { width: 100%; padding: 5px; border: 1px solid; background-color: transparent; } .ltr .wiki-tools__search-input { border-right: 0; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .rtl .wiki-tools__search-input { border-left: 0; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .fandom-community-header__top-container .wiki-tools__search-input, .fandom-community-header__top-container .wiki-tools__search-input::placeholder { color: var(--theme-body-text-color); } .fandom-sticky-header .wiki-tools__search-input, .fandom-sticky-header .wiki-tools__search-input::placeholder { color: var(--theme-sticky-nav-text-color); } .wiki-tools__search-input:focus { outline: none; } .fandom-community-header__top-container .wiki-tools__search-input:focus { border-color: var(--theme-body-text-color--hover); } .fandom-community-header__top-container .wiki-tools__search-input:focus::placeholder { color: var(--theme-body-text-color--hover); } .fandom-sticky-header .wiki-tools__search-input:focus { border-color: var(--theme-sticky-nav-text-color--hover); } .fandom-sticky-header .wiki-tools__search-input:focus::placeholder { color: var(--theme-sticky-nav-text-color--hover); } .wiki-tools__search-button { border-radius: 0 !important; } .ltr .wiki-tools__search-button { border-right: 0; } .rtl .wiki-tools__search-button { border-left: 0; } .wiki-tools__search-linksuggest-list { width: 100%; } .wiki-tools__search-linksuggest-list > ul > li > a { text-overflow: ellipsis; overflow: hidden; } .wiki-tools__search-linksuggest-list-see-all { font-style: italic; }

/* Fake element to prevent content shift */ .wiki-tools.wds-button-group:not(.wiki-tools__ucxsearch)::before { border-right: 0; border-bottom-left-radius: 3px; border-top-left-radius: 3px; content: "Search..."; width: 100%; padding: 0 10px; border: 1px solid; padding: 6px 5px 4px 5px; border-right: none; background-color: transparent; text-overflow: inherit; line-height: initial; white-space: pre; overflow-wrap: normal; font: 400 13.3333px Arial; cursor: text; } .wiki-tools__search.wds-button.wds-is-secondary { border-radius: 0; }

.theme-fandomdesktop-light .fandom-community-header__background { width: calc(100% - 66px); mix-blend-mode: hard-light; background: var(--theme-body-background-image) repeat, linear-gradient(to right, #a7c5df 30%,transparent 60%), url(https://cdn.discordapp.com/attachments/364094011620720650/853278452978679838/background_galore3.png); mask-image: linear-gradient(to bottom, #709cc4 5%, transparent 100%); background-position: top right; }

.theme-fandomdesktop-dark .fandom-community-header__background { width: calc(100% - 66px); mix-blend-mode: screen; background: var(--theme-body-background-image) repeat, linear-gradient(to right, #2B506F 30%,transparent 60%),url(https://cdn.discordapp.com/attachments/364094011620720650/853278452978679838/background_galore3.png); mask-image: linear-gradient(to bottom, #13212D 5%, transparent 100%); background-position: top right; }

@media only screen and (max-width: 1023px) { .theme-fandomdesktop-dark .fandom-community-header__background { width: calc(100% - 66px); mix-blend-mode: screen; background: var(--theme-body-background-image) repeat,url(https://cdn.discordapp.com/attachments/364094011620720650/853278452978679838/background_galore3.png) mask-image: linear-gradient(to bottom, #13212D 5%, transparent 100%); background-position: top right; } .theme-fandomdesktop-light .fandom-community-header__background { width: calc(100% - 66px); mix-blend-mode: hard-light; background: var(--theme-body-background-image) repeat,url(https://cdn.discordapp.com/attachments/364094011620720650/853278452978679838/background_galore3.png) mask-image: linear-gradient(to bottom, #709cc4 5%, transparent 100%); background-position: top right; } }

.wikiEditor-ui .wikiEditor-ui-view.wikiEditor-ui-view-wikitext .wikiEditor-ui-top { border-bottom: none; min-height: 0; }

.ZWcommunitynav { border-collapse:collapse; margin:0 auto; text-align:center }

.theme-fandomdesktop-dark .navcell { background-color: #1d578b; border: 3px solid #426787; color: #f4f26b; padding: 5px 5px; position: relative; white-space: nowrap; width: 16% } .theme-fandomdesktop-dark .navcell#currentpage { background-color: #1b3d5e; color: inherit } .theme-fandomdesktop-dark .navcell:hover { background-color: #214b71; text-decoration: underline }

.theme-fandomdesktop-light .navcell { background-color: #1d578b; border: 3px solid #426787; color: #f4f26b; padding: 5px 5px; position: relative; white-space: nowrap; width: 16% } .theme-fandomdesktop-light .navcell#currentpage { background-color: #1b3d5e; color: inherit } .theme-fandomdesktop-light .navcell:hover { background-color: #214b71; text-decoration: underline } .navcell a { color: transparent !important; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100% } .navcell .selflink { display: none }

/* Personal fixes */ body.wikia-bar-visible { padding-bottom: 0; } body { font-size: 14px; } .page-header__title { font-family: sans-serif; letter-spacing: 0; }

.page-content dd { font-family: sans-serif; }

.page-content p, .page-content section { font-family: sans-serif; }

.ve-init-mw-desktopArticleTarget .ve-ui-mwWikitextSurface .ve-ce-paragraphNode { font-family: monospace !important; }

.page-header__title { border-bottom: 1px solid #426787; }

border-color: var(--theme-page-background-color); font-size: 14px; margin-bottom: 0; }
 * 1) pagehistory li {

td.mw-enhanced-rc { font-size: 0.9em; font-family: monospace; }

.page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6 { font-family: sans-serif; }

.page-content h3, .page-content h4 { font-weight: bold; }

.page-content h2 { line-height: 0.30; }

.page-content ul { font-family: sans-serif; }

/* Tabs */ .theme-fandomdesktop-light .tabcontainer .tab { background-color: #1d578b; background-image: -webkit-linear-gradient(top,#ffffff,#A3CBDF); background-image:   -moz-linear-gradient(top,#ffffff,#A3CBDF); background-image:    -ms-linear-gradient(top,#ffffff,#A3CBDF); background-image:     -o-linear-gradient(top,#ffffff,#A3CBDF); background-image:        linear-gradient(top,#ffffff,#A3CBDF); }

.theme-fandomdesktop-light .tabcontainer .tab:hover { background-color: #24527c; background-image: -webkit-linear-gradient(top,#dbdbdb,#99B2C8); background-image:	 -moz-linear-gradient(top,#dbdbdb,#99B2C8); background-image:    -ms-linear-gradient(top,#dbdbdb,#99B2C8); background-image:     -o-linear-gradient(top,#dbdbdb,#99B2C8); background-image:        linear-gradient(top,#dbdbdb,#99B2C8); color: #000; }

.theme-fandomdesktop-light .tabcontainer .tab.active { background-color: #d5e7f7 !important; background-image: -webkit-linear-gradient(top,#C5D6E6,#6DB4F4); background-image:   -moz-linear-gradient(top,#C5D6E6,#6DB4F4); background-image:    -ms-linear-gradient(top,#C5D6E6,#6DB4F4); background-image:     -o-linear-gradient(top,#C5D6E6,#6DB4F4); background-image:        linear-gradient(top,#C5D6E6,#6DB4F4); color: #000; }

.theme-fandomdesktop-light .tabcontainer .tab { border: 2px solid #8ebde6 !important; }

/* Button-like gradient background */ .theme-fandomdesktop-light .gradient { background-image:-webkit-linear-gradient(top, #2D679B, #1A4E7D); background-image:  -moz-linear-gradient(top, #2D679B, #1A4E7D); background-image:   -ms-linear-gradient(top, #2D679B, #1A4E7D); background-image:    -o-linear-gradient(top, #2D679B, #1A4E7D); background-image:       linear-gradient(top, #2D679B, #1A4E7D); }

.theme-fandomdesktop-light .gradient:hover { background-image:-webkit-linear-gradient(top, #227777, #1A4E7D); background-image:  -moz-linear-gradient(top, #227777, #1A4E7D); background-image:   -ms-linear-gradient(top, #227777, #1A4E7D); background-image:    -o-linear-gradient(top, #227777, #1A4E7D); background-image:       linear-gradient(top, #227777, #1A4E7D); }

/* Reverse gradient */ .theme-fandomdesktop-light .rgradient { background-image:-webkit-linear-gradient(bottom, #2D679B, #1A4E7D); background-image:  -moz-linear-gradient(bottom, #2D679B, #1A4E7D); background-image:   -ms-linear-gradient(bottom, #2D679B, #1A4E7D); background-image:    -o-linear-gradient(bottom, #2D679B, #1A4E7D); background-image:       linear-gradient(bottom, #2D679B, #1A4E7D); }

.theme-fandomdesktop-light .rgradient:hover { background-image:-webkit-linear-gradient(bottom, #227777, #1A4E7D); background-image:  -moz-linear-gradient(bottom, #227777, #1A4E7D); background-image:   -ms-linear-gradient(bottom, #227777, #1A4E7D); background-image:    -o-linear-gradient(bottom, #227777, #1A4E7D); background-image:       linear-gradient(bottom, #227777, #1A4E7D); }

/* Stealing-errr porting font-face Hylia Serif from Artsy Omni's website (I am so sorry Artsy Omni) */ @font-face { font-family: 'hylia-serif'; font-style: normal; font-weight: 100; src: url(https://artsyomni.com/assets/fonts/HyliaSerifPrototype-Regular.woff) format("woff"); } .fandom-community-header__community-name, .fandom-sticky-header__sitename { font-family: 'hylia-serif'; text-transform: lowercase; } .fandom-sticky-header__sitename { font-size: 20px; font-weight: normal; } .fandom-community-header__community-name { font-size:30px } @media only screen and (min-width:1280px) { .fandom-community-header__community-name { font-size:40px } }