MediaWiki:Wikia.css

@import url("//dev.fandom.com/load.php?mode=articles&articles=MediaWiki:Global_Lua_Modules/NavboxBuilder.css|MediaWiki:CustomSlider.css&only=styles");
 * root {

--primary-color: #0276aa; --theme-anemo: #00695f; --theme-cryo: #008394; --theme-dendro: #618833; --theme-electro: #482880; --theme-geo: #b28704; --theme-hydro: #2c387e; --theme-pyro: #aa2e25;

--primary-color-light: rgba(2,118,170,0.06); --theme-anemo-light: rgba(0, 105, 95, 0.15); --theme-pyro-light: rgba(170, 46, 37, 0.15); --theme-hydro-light: rgba(44, 56, 126, 0.15); --theme-cryo-light: rgba(0, 131, 148, 0.15); --theme-electro-light: rgba(72, 40, 128, 0.15); --theme-dendro-light: rgba(97, 136, 51, 0.15); --theme-geo-light: rgba(178, 135, 4, 0.15); } body { background-size: cover; } body:hover { cursor: url(''), auto !important; } a:hover, a:active { cursor: url(''), auto !important; } .plainlinks a.external:after { background: none; width: 0; } a[href$=":Bitomic"], a[href$=":DainWs"] { color: #2c387e !important; font-weight: bold !important; } a[href$=":Botomic"] { color: #6d1b7b !important; font-weight: bold !important; } a[href$=":Bitomic"], a[href$=":Botomic"] { text-transform: lowercase; } .mainpagebox { border: 4px solid var(--primary-color); border-radius: 6px; padding: 1em; text-align: center; } .mainpagebox:not(:first-of-type) { margin: 1em 0; } .mainpagebox-header { background: var(--primary-color); text-align: center; color: white; padding: 0.5em 0; font-size: 1.25em; border-radius: 6px; margin-bottom: 0.5em; } .characterbox-image { transition: 0.4s; } .characterbox-image.pi-theme-Anemo { background: var(--theme-anemo-light); } .characterbox-image.pi-theme-Cryo { background: var(--theme-cryo-light); } .characterbox-image.pi-theme-Dendro { background: var(--theme-dendro-light); } .characterbox-image.pi-theme-Electro { background: var(--theme-electro-light); } .characterbox-image.pi-theme-Geo { background: var(--theme-geo-light); } .characterbox-image.pi-theme-Hydro { background: var(--theme-hydro-light); } .characterbox-image.pi-theme-Pyro { background: var(--theme-pyro-light); } .characterbox-image.pi-theme-Anemo:hover { background: var(--theme-anemo); } .characterbox-image.pi-theme-Cryo:hover { background: var(--theme-cryo); } .characterbox-image.pi-theme-Dendro:hover { background: var(--theme-dendro); } .characterbox-image.pi-theme-Electro:hover { background: var(--theme-electro); } .characterbox-image.pi-theme-Geo:hover { background: var(--theme-geo); } .characterbox-image.pi-theme-Hydro:hover { background: var(--theme-hydro); } .characterbox-image.pi-theme-Pyro:hover { background: var(--theme-pyro); } .characterbox {	margin-bottom: 46px !important; } .characterbox:not(.nohover):hover { margin-bottom: 0px !important; } /* Not solved yet */ .characterbox > .collapsable-materials { display: none !important; } .characterbox:hover > .collapsable-materials { display: inline-block !important; } .collapsable-materials { border-width: 3px; border-style: solid; border-radius: 8px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-top: 0px; overflow: hidden; width: 85px; height: 25px; padding: 2px; } .collapsable-materials > div { display: inline-block; } [data-element] { display: inline-flex; padding: 0.2em; border-radius: 8px; } [data-element="Anemo"] { background: var(--theme-anemo); } [data-element="Cryo"] { background: var(--theme-cryo); } [data-element="Dendro"] { background: var(--theme-dendro); } [data-element="Electro"] { background: var(--theme-electro); } [data-element="Geo"] { background: var(--theme-geo); } [data-element="Hydro"] { background: var(--theme-hydro); } [data-element="Pyro"] { background: var(--theme-pyro); } .mpannounce { display: flex; align-items: center; } .mpannounce-image img { border-radius: 6px; border-width: 0.3em; border-style: solid; } .mpannounce-content { display: flex; flex-direction: column; position: relative; margin-left: 1em; border-width: 0.3em; border-style: solid; border-radius: 6px; padding: 1em; transition: 0.3s; } .mpannounce a { color: #000; display: flex; } .mpannounce a:hover { text-decoration: none; } .mpannounce-title { font-size: 2em; } .mpannounce-text { display: flex; align-items: center; font-size: 1.25em; } .mpannounce-metadata { display: flex; justify-content: right; column-gap: 1.5em; } .mpannounce.Anemo img, .mpannounce.Anemo .mpannounce-content { border-color: var(--theme-anemo); } .mpannounce.Anemo .mpannounce-content:hover { background: var(--theme-anemo-light); } .mpannounce.Anemo .mpannounce-title { color: var(--theme-anemo); } .mpannounce.Cryo img, .mpannounce.Cryo .mpannounce-content { border-color: var(--theme-cryo); } .mpannounce.Cryo .mpannounce-content:hover { background: var(--theme-cryo-light); } .mpannounce.Cryo .mpannounce-title { color: var(--theme-cryo); } .mpannounce.Dendro img, .mpannounce.Dendro .mpannounce-content { border-color: var(--theme-dendro); } .mpannounce.Dendro .mpannounce-content:hover { background: var(--theme-dendro-light); } .mpannounce.Dendro .mpannounce-title { color: var(--theme-dendro); } .mpannounce.Electro img, .mpannounce.Electro .mpannounce-content { border-color: var(--theme-electro); } .mpannounce.Electro .mpannounce-content:hover { background: var(--theme-electro-light); } .mpannounce.Electro .mpannounce-title { color: var(--theme-electro); } .mpannounce.Geo img, .mpannounce.Geo .mpannounce-content { border-color: var(--theme-geo); } .mpannounce.Geo .mpannounce-content:hover { background: var(--theme-geo-light); } .mpannounce.Geo .mpannounce-title { color: var(--theme-geo); } .mpannounce.Hydro img, .mpannounce.Hydro .mpannounce-content { border-color: var(--theme-hydro); } .mpannounce.Hydro .mpannounce-content:hover { background: var(--theme-hydro-light); } .mpannounce.Hydro .mpannounce-title { color: var(--theme-hydro); } .mpannounce.Pyro img, .mpannounce.Pyro .mpannounce-content { border-color: var(--theme-pyro); } .mpannounce.Pyro .mpannounce-content:hover { background: var(--theme-pyro-light); } .mpannounce.Pyro .mpannounce-title { color: var(--theme-pyro); } .portable-infobox { border: 3px solid var(--primary-color); border-radius: 8px; } .pi-title, .pi-header { background: var(--primary-color); text-align: center; color: #fff; padding: 8px 0 !important; } .pi-title { font-size: 1.5em !important; } .pi-image-collection-tabs { margin: 0 !important; display: flex; } .pi-image-collection-tabs li { font-size: 0.8em; flex-basis: 0; flex-grow: 1; } .pi-image-collection-tab-content { background: none !important; } .pi-caption { display: none; } .pi-header { font-size: 1.25em !important; } .pi-background { background: #fff !important; } .pi-data { transition: 0.3s; border: none; } .pi-data:hover { background: rgba(51, 120, 0, 0.4); } .pi-data-label { text-align: right; } .pi-theme-Pyro .pi-header, .pi-theme-Pyro .pi-title { background: var(--theme-pyro); } .pi-theme-Pyro { border-color: var(--theme-pyro); } .pi-theme-Hydro .pi-header, .pi-theme-Hydro .pi-title { background: var(--theme-hydro); } .pi-theme-Hydro { border-color: var(--theme-hydro); } .pi-theme-Cryo .pi-header, .pi-theme-Cryo .pi-title { background: var(--theme-cryo); } .pi-theme-Cryo { border-color: var(--theme-cryo); } .pi-theme-Electro .pi-header, .pi-theme-Electro .pi-title { background: var(--theme-electro); } .pi-theme-Electro { border-color: var(--theme-electro); } .pi-theme-Dendro .pi-header, .pi-theme-Dendro .pi-title { background: var(--theme-dendro); } .pi-theme-Dendro { border-color: var(--theme-dendro); } .pi-theme-Geo .pi-header, .pi-theme-Geo .pi-title { background: var(--theme-geo); } .pi-theme-Geo { border-color: var(--theme-geo); } .pi-theme-Anemo .pi-header, .pi-theme-Anemo .pi-title { background: var(--theme-anemo); } .pi-theme-Anemo { border-color: var(--theme-anemo); } .pi-layout-stacked .pi-data-label { text-align: left; } .pi-layout-stacked .pi-data-value { padding-left: 1em; } .categorybox { width: 80%; margin: 0 auto; border: 0.2em solid #555; text-align: center; border-radius: 0.25em; } .categorybox h2 { background: #555; color: #fff; padding: 0.3em; width: calc(100% - 0.6em + 1em); margin-left: -0.5em; border-radius: 0.2em; border: none; margin-top: 1em; } .categorybox-legend, .categorybox-counter { color: #333; display: inline-block; width: 80%; font-size: 0.9em; border-style: solid; border-color: #555; } .categorybox-legend { border-bottom-width: 0.1em; padding: 0.25em 0; } .categorybox-counter { border-top-width: 0.1em; padding: 0.5em 0; } .categorybox-info { margin: 1em 0; font-style: italic; } /* Añado esto porque me molesta que el TOC se vea tan feo */ .toc ul { list-style-type: none; margin-left: 10px }

.wikitable { width: 100%; } .wikitable.autowidth { width: auto !important; margin: 0 auto; } .wikitable th { background: var(--primary-color) !important; color: #fff; } .wikitable tr { text-align: center; } .anemo { background: var(--theme-anemo-light) !important; border: 0.2em solid var(--theme-anemo); } .pyro { background: var(--theme-pyro-light) !important; border: 0.2em solid var(--theme-pyro); } .hydro { background: var(--theme-hydro-light) !important; border: 0.2em solid var(--theme-hydro); } .cryo { background: var(--theme-cryo-light) !important; border: 0.2em solid var(--theme-cryo); } .electro { background: var(--theme-electro-light) !important; border: 0.2em solid var(--theme-electro); } .dendro { background: var(--theme-dendro-light) !important; border: 0.2em solid var(--theme-dendro); } .geo { background: var(--theme-geo-light) !important; border: 0.2em solid var(--theme-geo); }

.wikitable.anemo th { background: var(--theme-anemo) !important; } .wikitable.anemo tr { border: 0.2em solid var(--theme-anemo); } .wikitable.anemo tr:hover { background: var(--theme-anemo-light); } .wikitable.pyro th { background: var(--theme-pyro) !important; } .wikitable.pyro tr { border: 0.2em solid var(--theme-pyro); } .wikitable.pyro tr:hover { background: var(--theme-pyro-light); } .wikitable.hydro th { background: var(--theme-hydro) !important; } .wikitable.hydro tr { border: 0.2em solid var(--theme-hydro); } .wikitable.hydro tr:hover { background: var(--theme-hydro-light); } .wikitable.cryo th { background: var(--theme-cryo) !important; } .wikitable.cryo tr { border: 0.2em solid var(--theme-cryo); } .wikitable.cryo tr:hover { background: var(--theme-cryo-light); } .wikitable.electro th { background: var(--theme-electro) !important; } .wikitable.electro tr { border: 0.2em solid var(--theme-electro); } .wikitable.electro tr:hover { background: var(--theme-electro-light); } .wikitable.dendro th { background: var(--theme-dendro) !important; } .wikitable.dendro tr { border: 0.2em solid var(--theme-dendro); } .wikitable.dendro tr:hover { background: var(--theme-dendro-light); } .wikitable.geo th { background: var(--theme-geo) !important; } .wikitable.geo tr { border: 0.2em solid var(--theme-geo); } .wikitable.geo tr:hover { background: var(--theme-geo-light); }

border: 3px solid var(--primary-color); border-radius: 0.25em; border-bottom-width: 1em; } .rail-module h2 { background: var(--primary-color); color: #fff; margin: 8px 0 !important; padding: 0.8em 0 0.1em 1em !important; width: 90%; border-radius: 0 0.25em 0.25em 0; } .rail-module > .activity-items { margin: 0.5em 1em; } .rail-module.activity-module h2 .wds-icon { display: none; } .rail-module h2.has-icon { display: block !important; } .activity-item .timeago { font-variant: small-caps; } .activity-item .edit-info-user { color: var(--primary-color) !important; font-weight: bold; max-width: 50% !important; } .activity-item .page-title:before { content: "✏️"; }
 * 1) WikiaRail .rail-module:not(.DiscordIntegratorModule) {

.mw-parser-output > h2 { border-width: 3px; border-color: var(--primary-color); display: flex; align-items: end; justify-content: space-between; } /* Por algún motivo, el anchor es un elemento del DOM */ .mw-parser-output > h2 > span[id]:not(.mw-headline) { position: absolute; } .mw-parser-output > h2 .mw-editsection { margin-bottom: 0.15em; } .mw-editsection { float: right; }

.article-categories { background: none !important; border: 0.3em solid var(--primary-color) !important; border-radius: 10px 6px 6px 10px; } .article-categories .container { display: flex; padding: 0 !important; align-items: center; } .special-categories { background: var(--primary-color); color: #fff; padding: 1em 1em !important; align-self: stretch; display: flex; align-items: center; margin-left: 1em; } .special-categories a { color: inherit; } .container > .categories { margin: 1em !important; } .category:before { content: "🔖"; margin-right: 0.3em; } .navbox-title, .navbox-base { background: var(--primary-color); color: #fff; } .navbox-title a, .navbox-base a { color: #fff; } .navbox-base { min-width: 7em; }

.adminbox { display: flex; border: 0.2em solid var(--primary-color); border-radius: 8px; align-items: center; column-gap: 1em; } .adminbox .avatar { overflow: hidden; width: 200px; height: 200px; border-radius: 6px 0 0 6px; } .adminbox .details { text-align: center; flex: 0 0 30%; } .adminbox .message { flex-grow: 2; text-align: center; } .adminbox .activity { background: green; align-self: stretch; color: #fff; flex: 0 0 10%; display: flex; justify-content: center; align-items: center; }/* .itembox { display: inline-flex; flex-direction: column; align-items: center; text-align: center; width: 100px; } .itembox-image { border-radius: 6px; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; border: 0.2em solid #2586aa; background: rgba(37, 134, 170, 0.15); } .itembox-item { font-size: 0.9em; margin-top: 0.5em; } .recipe { display: flex; align-items: start; justify-content: center; column-gap: 1em; } .recipe-arrow { align-self: center; font-size: 2em; }*/ .user-identity-social__icon-tooltip.wds-dropdown__content { color: #fff !important; } /*.WikiaPage { text-align: justify; }*/ .aviso { display: flex; margin: 1em 2em 2em; } .aviso-imagen { padding-right: 1em; margin-right: 1em; border-right: 3px solid var(--primary-color); } .aviso-contenido { border-top: 3px solid var(--primary-color); border-bottom: 3px solid var(--primary-color); text-align: center; display: flex; align-items: center; }

.noexternal .external::after { background: none !important; margin-left: 0 !important; } .WikiaMainContentContainer .floatleft { margin-right: 1em; margin-bottom: 1em; } .WikiaMainContentContainer .floatright { margin-left: 1em; margin-bottom: 1em; } .licencia { border: 3px solid var(--primary-color); display: flex; flex-direction: column; width: 80%; margin: 0 auto; justify-content: center; align-items: center; border-radius: 4px; padding: 1em; font-size: 0.85em; } .licencia-encabezado { background: var(--primary-color); align-self: stretch; text-align: center; color: #fff; font-weight: bold; font-size: 1.25em; padding: 0.5em; border-radius: 5px; margin-bottom: 0.75em; } .licencia-content { text-align: justify; } .licencia-disclaimer { display: flex; align-items: center; font-size: 0.85em; column-gap: 1em; } .disclaimer-highlight { background: var(--primary-color); border-radius: 4px; padding: 0.25em 0.5em; color: #fff; } .tabla-build hr { display: none; } .build-item { display: inline-flex; flex-direction: column; margin: 0.75em 0.75em; }

.receta { display: inline-flex; justify-content: center; align-items: center; flex-wrap: wrap; } .ingrediente-receta { margin: 0.5em; width: 104px; height: 170px; display: inline-flex; justify-content: start; flex-direction: column; align-items: center; } .ingrediente-receta-content { width: 70px; height: 90px; margin: 5px 5px 5px 5px; position: relative; display: flex; justify-content: center; align-items: center; border-width: 3px; border-radius: 6px; border-style: solid; border-color: var(--primary-color); text-align: center; } .object-content { width: 97px; height: 97px; margin: 5px 5px 5px 5px; position: relative; display: flex; justify-content: center; align-items: center; border-width: 3px; border-radius: 6px; border-style: solid; border-color: var(--primary-color); text-align: center; } .ingrediente-receta-content > a { padding-top: 5px; padding-bottom: 30px; } .cantidad-ingrediente-receta { width: 100%; height: 25px; background: var(--primary-color); color: white; bottom: 0; position: absolute; overflow: hidden; } .cantidad-ingrediente-receta a { color: white; } .collapsable-item-name { display: block !important; width: 100px; overflow: hidden; text-align: center; font-family: Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 14px; } /* DainWs */ .dialog { display: flex; margin: 5px 0px 5px 0px; } .dialog > .dialog-image { align-self: flex-start; margin: 5px 0px 5px 0px; background-color: var(--primary-color-light); border-width: 3px 0px 3px 3px; border-radius: 6px 0px 0px 6px; border-style: solid; border-color: var(--primary-color); } .dialog > .dialog-image > *{ min-width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; } .dialog > .dialog-content { width: -webkit-fill-available; background-color: #0276aa10; padding: 8px 12px 8px 12px; text-align: left; border-width: 0px 3px 0px 3px; border-radius: 6px; border-style: solid; border-color: var(--primary-color); } .rounded-tag-list { border-color: var(--primary-color); } .rounded-tag-list > ol, .rounded-tag-list > ul { display: flex; flex-flow: wrap; margin: 5px; list-style: none; } .rounded-tag-list > ol > li, .rounded-tag-list > ul > li { background: rgba(0,176,255,0.23); margin: 3px; padding: 3px 12px 3px 12px; border-width: 3px; border-radius: 12px; } .mw-collapsible.wikitable .mw-collapsible-text { color: white; } .mw-collapsible.wikitable .mw-collapsible-text:hover { color: white; }