User:PanchamBro/fandomdesktop.css


 * root {

--theme-accent-color: #bdba13 !important; --theme-accent-color--hover: #f4f26b !important; }

.theme-fandomdesktop-light .fandom-community-header__background { position: absolute; width: calc(100% - 66px); mix-blend-mode: hard-light; background-image: linear-gradient(to right, #709cc4 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-repeat: no-repeat; background-position: top right; }

.theme-fandomdesktop-dark .fandom-community-header__background { position: absolute; width: calc(100% - 66px); mix-blend-mode: screen; background-image: linear-gradient(to right, #13212D 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-repeat: no-repeat; background-position: top right; }

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

.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; }

.theme-fandomdesktop-dark .page-content pre { background-color: #1D578B; }

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

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.15; }

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

/* Styling fixes */ .theme-fandomdesktop-dark .diff-context { background: #1e5c93; border-color: #163d5f; }

.theme-fandomdesktop-dark .diff-deletedline .diffchange { background: #8a7d5f; }

.theme-fandomdesktop-dark .diff-deletedline { border-color: #8a7d5f; }

.theme-fandomdesktop-dark .diff-addedline .diffchange { background: #778c9f; }

.theme-fandomdesktop-dark .diff-addedline { border-color: #778c9f; }

/*Editor fixes*/ .theme-fandomdesktop-dark .wikiEditor-ui-toolbar { background-color: #163d5f; background-image: none !important; }

.theme-fandomdesktop-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: black; }

.theme-fandomdesktop-dark #wikiEditor-ui-toolbar.codeEditor-ui-toolbar, .theme-fandomdesktop-dark .wikiEditor-ui-toolbar .sections .section { background-color: #163d5f; background-image: none !important; }

.theme-fandomdesktop-dark .wikiEditor-ui-toolbar .tabs span.tab a, .theme-fandomdesktop-dark .wikiEditor-ui-toolbar .tabs span.tab a:visited { color: #E0E0E0; }

.theme-fandomdesktop-dark .tool-button.tool-active, .theme-fandomdesktop-dark .tool.tool-active.oo-ui-buttonElement-frameless.oo-ui-iconElement { outline: 1px solid #848080; background-color: rgba(62,59,59,0.5); box-shadow: inset 0 -10px 10px rgba(204,197,197,0.2); }

.oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button { -webkit-transition: background-color 100ms,color 100ms,border-color 100ms,box-shadow 100ms; -moz-transition: background-color 100ms,color 100ms,border-color 100ms,box-shadow 100ms; transition: background-color 100ms,color 100ms,border-color 100ms,box-shadow 100ms; }

.theme-fandomdesktop-dark .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement:hover { background-color: transparent; outline: none; }

.theme-fandomdesktop-dark .wikiEditor-ui-toolbar .tabs span.tab a.current, .theme-fandomdesktop-dark .wikiEditor-ui-toolbar .tabs span.tab a.current:visited { color: #fff; }

.theme-fandomdesktop-dark .search-modal__content { animation: searchModalSlideIn .2s; background-color: var(--theme-page-background-color); border: 1px solid var(--theme-page-background-color--secondary); }

.theme-fandomdesktop-dark .SearchInput-module_form__EJU8j { border-bottom: 2px solid #f4f26b !important; color: #f4f26b !important; } .theme-fandomdesktop-dark .SearchInput-module_form__EJU8j .wds-button { --wds-primary-button-background-color: #bdba13 !important; --wds-primary-button-background-color--hover: #f4f26b !important; --wds-primary-button-label-color: #ffffff !important; }

.theme-fandomdesktop-dark .SearchResults-module_results__3oN94.wds-list.wds-is-linked > li > a.SearchResults-module_seeAllResults__2vfOF { color: #f4f26b !important; }

.theme-fandomdesktop-dark #filetoc { border: 1px solid #0b284f; background-color: #17456e; }

.theme-fandomdesktop-dark .article-table-wrapper { overflow-x: unset; }

/* Tab fixes */ table.wikitable > * > tr > th { background-color: transparent; }

/* Wiki table fixing */ .theme-fandomdesktop-dark .article-table tr th, .theme-fandomdesktop-dark .wikitable tr th { background-color: #1e5c93; }

.theme-fandomdesktop-light .article-table tr th, .theme-fandomdesktop-light .wikitable tr th { background-color: #3393e8; }

.theme-fandomdesktop-dark .article-table, .theme-fandomdesktop-dark .wikitable { border: 5px solid #1e5c93; background-color: #17456e; }

.theme-fandomdesktop-dark .article-table, .theme-fandomdesktop-dark .wikitable { background: #1e5c93; }

.theme-fandomdesktop-dark .fileinfo th:first-child, .theme-fandomdesktop-dark table.infobox tr.infobox-field th:first-child, .theme-fandomdesktop-dark table.wikitable td:first-child { text-align: center; }

.theme-fandomdesktop-dark .article-table tr:first-child td, .theme-fandomdesktop-dark .article-table tr:first-child th, .theme-fandomdesktop-dark .wikitable tr:first-child td, .theme-fandomdesktop-dark .wikitable tr:first-child th { text-align: center; }

.theme-fandomdesktop-dark .fileinfo th, .theme-fandomdesktop-dark table.infobox tr.infobox-field th, .theme-fandomdesktop-dark table.wikitable td { text-align: center; }

.theme-fandomdesktop-dark table.wikitable > tr > th, .theme-fandomdesktop-dark table.wikitable > tr > td, .theme-fandomdesktop-dark table.wikitable > * > tr > th, .theme-fandomdesktop-dark table.wikitable > * > tr > td { border: 2px solid #1e5c93; }

.theme-fandomdesktop-dark table.fileinfo tr:nth-child(2n) th, .theme-fandomdesktop-dark table.wikitable tr.infobox-field:nth-child(2n) th, .theme-fandomdesktop-dark table.wikitable tr:nth-child(2n) td, .theme-fandomdesktop-dark table.wikitable tr:nth-child(2n) th { background-color: #17456e; }

.theme-fandomdesktop-dark table.fileinfo tr:nth-child(2n+1) th, .theme-fandomdesktop-dark table.wikitable tr.infobox-field:nth-child(2n+1) th, .theme-fandomdesktop-dark table.wikitable tr:nth-child(2n+1) td, .theme-fandomdesktop-dark table.wikitable tr:nth-child(2n+1) th { background-color: #163d5f; }

.theme-fandomdesktop-dark .article-table .fixed-header, .theme-fandomdesktop-dark .wikitable .fixed-header { box-shadow: none; outline: none; background-color: #1e5c93; }

/* Light mode */ .theme-fandomdesktop-light .article-table tr th, .theme-fandomdesktop-light .wikitable tr th { background-color: #3393e8; }

.theme-fandomdesktop-light .article-table, .theme-fandomdesktop-light .wikitable { border: 5px solid #3393e8; background-color: #3393e8; }

.theme-fandomdesktop-light .article-table, .theme-fandomdesktop-light .wikitable { background: #3393e8; }

.theme-fandomdesktop-light .fileinfo th:first-child, .theme-fandomdesktop-light table.infobox tr.infobox-field th:first-child, .theme-fandomdesktop-light table.wikitable td:first-child { text-align: center; }

.theme-fandomdesktop-light .article-table tr:first-child td, .theme-fandomdesktop-light .article-table tr:first-child th, .theme-fandomdesktop-light .wikitable tr:first-child td, .theme-fandomdesktop-light .wikitable tr:first-child th { text-align: center; }

.theme-fandomdesktop-light .fileinfo th, .theme-fandomdesktop-light table.infobox tr.infobox-field th, .theme-fandomdesktop-light table.wikitable td { text-align: center; }

.theme-fandomdesktop-light table.wikitable > tr > th, .theme-fandomdesktop-light table.wikitable > tr > td, .theme-fandomdesktop-light table.wikitable > * > tr > th, .theme-fandomdesktop-light table.wikitable > * > tr > td { border: 2px solid #3393e8; }

.theme-fandomdesktop-light .fileinfo tr:nth-child(2n) th, .theme-fandomdesktop-light table.wikitable tr.infobox-field:nth-child(2n) th, .theme-fandomdesktop-light table.wikitable tr:nth-child(2n) td, .theme-fandomdesktop-light table.wikitable tr:nth-child(2n) th { background-color: #78bcf9; }

.theme-fandomdesktop-light .fileinfo tr:nth-child(2n+1) th, .theme-fandomdesktop-light table.wikitable tr.infobox-field:nth-child(2n+1) th, .theme-fandomdesktop-light table.wikitable tr:nth-child(2n+1) td, .theme-fandomdesktop-light table.wikitable tr:nth-child(2n+1) th { background-color: #9bcffd; }

.theme-fandomdesktop-light .article-table .fixed-header, .theme-fandomdesktop-light .wikitable .fixed-header { box-shadow: none; outline: none; background-color: #3393e8; }

.article-table tr td:first-child, .article-table tr th:first-child, .wikitable tr td:first-child, .wikitable tr th:first-child { border-radius: var(--roundy-border-radius) 0px 0px var(--roundy-border-radius); }

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