Mudanças entre as edições de "MediaWiki:Vector.css"

Edição das 04h10min de 21 de junho de 2026

/* =============================================================================
   GBF visual pack para Vector LEGACY (MW 1.36 local)
   Fontes (gbf.wiki):
   - Gadget ext.gadget.style-vector  (~1.3 KB) — chrome do skin (FALTAVA!)
   - MediaWiki:Vector.css            (cores personagem/arma)
   - Adaptações locais (sidebar, tooltips GLA, páginas teste)
   ============================================================================= */

/* --- Logo GLA — PNG 160×160; container igual à arte (sem letterbox) --- */
#p-logo {
  width: auto;
  height: auto !important;
  min-height: 0;
  padding: 8px 0 0 8px;
  box-sizing: border-box;
  margin-bottom: 14px;
  overflow: visible;
}

#p-logo .mw-wiki-logo {
  display: block;
  width: 160px;
  height: 160px;
  margin: 0 0 0 -6px;
  box-sizing: border-box;
  background-image: url(/images/b/bf/WIKIGLAlogo.png);
  background-size: 160px 160px;
  background-repeat: no-repeat;
  background-position: center center;
}

/* --- MediaWiki:Vector.css (GBF repo) --- */
.character__details.character--element-fire .wikitable th {
  background-color: #ffcdd2;
}

.character__details.character--element-fire .wikitable th,
.character__details.character--element-fire .term-description>div,
.character__details.character--element-fire .wikitable>tbody>tr:not(:first-child)>td {
  border-color: #ef5350;
}

.character__details.character--element-water .wikitable th {
  background-color: #bbdefb;
}

.character__details.character--element-water .wikitable th,
.character__details.character--element-water .term-description>div,
.character__details.character--element-water .wikitable>tbody>tr:not(:first-child)>td {
  border-color: #42a5f5;
}

.character__details.character--element-earth .wikitable th {
  background-color: #d7ccc8;
}

.character__details.character--element-earth .wikitable th,
.character__details.character--element-earth .term-description>div,
.character__details.character--element-earth .wikitable>tbody>tr:not(:first-child)>td {
  border-color: #8d6e63;
}

.character__details.character--element-wind .wikitable th {
  background-color: #c8e6c9;
}

.character__details.character--element-wind .wikitable th,
.character__details.character--element-wind .term-description>div,
.character__details.character--element-wind .wikitable>tbody>tr:not(:first-child)>td {
  border-color: #66bb6a;
}

.character__details.character--element-light .wikitable th {
  background-color: #ffecb3;
}

.character__details.character--element-light .wikitable th,
.character__details.character--element-light .term-description>div,
.character__details.character--element-light .wikitable>tbody>tr:not(:first-child)>td {
  border-color: #ffa000;
}

.character__details.character--element-dark .wikitable th {
  background-color: #d1c4e9;
}

.character__details.character--element-dark .wikitable th,
.character__details.character--element-dark .term-description>div,
.character__details.character--element-dark .wikitable>tbody>tr:not(:first-child)>td {
  border-color: #7e57c2;
}

.character.character__details.character--element-any .wikitable th {
  background-color: #b3e5fc;
}

.character.character__details.character--element-any .wikitable th,
.character.character__details.character--element-any .term-description>div,
.character.character__details.character--element-any .wikitable>tbody>tr:not(:first-child)>td {
  border-color: #29b6f6;
}

.character.character__details.character--element-quirk .wikitable th {
  background-color: #f8bbd0;
}

.character.character__details.character--element-quirk .wikitable th,
.character.character__details.character--element-quirk .term-description>div,
.character.character__details.character--element-quirk .wikitable>tbody>tr:not(:first-child)>td {
  border-color: #ec407a;
}

.character.character__details.character--element-standard .wikitable th {
  background-color: #c5cae9;
}

.character.character__details.character--element-standard .wikitable th,
.character.character__details.character--element-standard .term-description>div,
.character.character__details.character--element-standard .wikitable>tbody>tr:not(:first-child)>td {
  border-color: #5c6bc0;
}

.weapon.character__details.character--element-any .wikitable th {
  background-color: #dfdfdf;
}

.character__details .skill-upgrade-text {
  color: purple;
}

.character__details .hp-text {
  color: #2f7c06;
}

.character__details .atk-text {
  color: #e25221;
}

.character__details .ma-text {
  color: #525100;
}

.character__details.character--element-fire .skill-upgrade-text {
  color: #b71c1c;
}

.character__details.character--element-water .skill-upgrade-text {
  color: #0d47a1;
}

.character__details.character--element-earth .skill-upgrade-text {
  color: #3e2723;
}

.character__details.character--element-wind .skill-upgrade-text {
  color: #1b5e20;
}

.character__details.character--element-light .skill-upgrade-text {
  color: #ff6f00;
}

.character__details.character--element-dark .skill-upgrade-text {
  color: #4527a0;
}

.character__details.character--element-any .skill-upgrade-text {
  color: #01579b;
}

.table-container {
  min-width: 480px;
  max-width: 900px;
}

/* Town bg: só em páginas de teste (GBF usa .page-* no common.css por ilha) */
.page-Teste_Reward #content.mw-body,
.page-Teste_Melhoria_de_barco_4 #content.mw-body {
  background-image:
    linear-gradient(180deg, rgba(196, 206, 216, 0.55), rgba(196, 206, 216, 0.92)),
    url(https://wiki.gla.com.br/images/b/b3/Testefundo.png),
    linear-gradient(to right, #88aeb7 0%, #b8d0d3 5%, #cfe8eb 20%, #d2d4cf 80%, #c7cebd 95%, #afc1c5 100%);
  background-size: 100%, 100%, 100%;
}

#mw-head-base {
  background: transparent !important;
  background-image: none !important;
}

/* Sidebar — título = cap conectado à caixa (espinha azul no fundo) */
#mw-panel .portal:not(#p-Discord):not(#p-Redes),
#mw-panel .vector-menu-portal:not(#p-Discord):not(#p-Redes) {
  background: transparent;
  border: 0;
  box-shadow: none;
  position: relative;
  margin: 0 4px 12px 5px;
  padding: 0;
  filter: drop-shadow(0 1px 2px var(--gla-nav-shadow));
}

#mw-panel .portal:not(#p-Discord):not(#p-Redes) .vector-menu-heading,
#mw-panel .vector-menu-portal:not(#p-Discord):not(#p-Redes) .vector-menu-heading {
  display: block;
  margin: 0;
  padding: 5px 9px 5px 15px;
  background: linear-gradient(90deg, var(--gla-nav-accent) 0 4px, var(--gla-nav-cap) 4px);
  border: 1px solid var(--gla-nav-border);
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  font-size: 0.875em;
  font-family: var(--gla-nav-font);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--gla-nav-ink);
}

#mw-panel .portal:not(#p-Discord):not(#p-Redes) .vector-menu-heading span,
#mw-panel .vector-menu-portal:not(#p-Discord):not(#p-Redes) .vector-menu-heading span {
  display: inline-block;
}

#mw-panel .portal:not(#p-Discord):not(#p-Redes) .vector-menu-content,
#mw-panel .vector-menu-portal:not(#p-Discord):not(#p-Redes) .vector-menu-content {
  margin: 0;
  background: linear-gradient(90deg, var(--gla-nav-accent) 0 4px, var(--gla-nav-panel) 4px);
  border: 1px solid var(--gla-nav-border);
  border-top: 0;
  border-radius: 0 0 4px 4px;
  padding: 5px 10px 7px 16px;
  font-size: var(--gla-nav-link-size);
  line-height: 1.15;
}

#mw-panel .portal:not(#p-Discord):not(#p-Redes) .vector-menu-content-list,
#mw-panel .vector-menu-portal:not(#p-Discord):not(#p-Redes) .vector-menu-content-list {
  margin: 0;
  padding: 0;
  font-size: inherit;
}

#mw-panel .portal:not(#p-Discord):not(#p-Redes) .vector-menu-content-list li,
#mw-panel .vector-menu-portal:not(#p-Discord):not(#p-Redes) .vector-menu-content-list li {
  margin: 0;
  font-size: inherit;
  line-height: inherit;
}

#mw-panel .portal:not(#p-Discord):not(#p-Redes) .vector-menu-content-list a,
#mw-panel .vector-menu-portal:not(#p-Discord):not(#p-Redes) .vector-menu-content-list a {
  display: block;
  padding: 0.1em 0.15em;
  font-family: var(--gla-nav-link-font);
  font-size: 1em;
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: 0.01em;
  color: var(--gla-nav-link);
}

/* DARK (pré-invertido — mantém o gradiente p/ a espinha não sumir) */
.client-darkmode #mw-panel .portal:not(#p-Discord):not(#p-Redes) .vector-menu-heading,
.skin-theme-clientpref-night #mw-panel .portal:not(#p-Discord):not(#p-Redes) .vector-menu-heading,
.client-darkmode #mw-panel .vector-menu-portal:not(#p-Discord):not(#p-Redes) .vector-menu-heading,
.skin-theme-clientpref-night #mw-panel .vector-menu-portal:not(#p-Discord):not(#p-Redes) .vector-menu-heading {
  background: linear-gradient(90deg, var(--gla-nav-accent) 0 4px, var(--gla-nav-cap-dark) 4px);
  color: var(--gla-nav-ink-dark);
}

.client-darkmode #mw-panel .portal:not(#p-Discord):not(#p-Redes) .vector-menu-content,
.skin-theme-clientpref-night #mw-panel .portal:not(#p-Discord):not(#p-Redes) .vector-menu-content,
.client-darkmode #mw-panel .vector-menu-portal:not(#p-Discord):not(#p-Redes) .vector-menu-content,
.skin-theme-clientpref-night #mw-panel .vector-menu-portal:not(#p-Discord):not(#p-Redes) .vector-menu-content {
  background: linear-gradient(90deg, var(--gla-nav-accent) 0 4px, var(--gla-nav-panel-dark) 4px);
}

.client-darkmode #mw-panel .portal:not(#p-Discord):not(#p-Redes),
.skin-theme-clientpref-night #mw-panel .portal:not(#p-Discord):not(#p-Redes),
.client-darkmode #mw-panel .vector-menu-portal:not(#p-Discord):not(#p-Redes),
.skin-theme-clientpref-night #mw-panel .vector-menu-portal:not(#p-Discord):not(#p-Redes) {
  --gla-nav-shadow: rgba(255, 255, 255, 0.42);
}

/* Sidebar — Discord/Redes agrupados logo abaixo do Wiki */
#mw-panel #p-Wiki {
  margin-bottom: 4px;
}

#mw-panel #p-Discord,
#mw-panel #p-Redes {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0;
}

#mw-panel #p-Discord {
  margin: 0 8px 0 5px;
}

#mw-panel #p-Redes {
  margin: 0 8px 12px 5px;
}

#mw-panel #p-Discord .vector-menu-content,
#mw-panel #p-Redes .vector-menu-content {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Tooltips RewardLite */
.mw-body-content,
.mw-parser-output,
.gla-reward-lite,
.gla-reward-lite .reward-items {
  overflow: visible !important;
}

.gla-reward-lite .item-wrapper:hover,
.gla-quest-reward-lite .item-wrapper:hover {
  z-index: 100001 !important;
}

.gla-reward-lite .item-tooltip,
.gla-quest-reward-lite .item-tooltip {
  z-index: 100002 !important;
}

/* Town bg dark */
.skin-theme-clientpref-night .page-Teste_Melhoria_de_barco_4 #content.mw-body,
.client-darkmode .page-Teste_Reward #content.mw-body,
.client-darkmode .page-Teste_Melhoria_de_barco_4 #content.mw-body {
  background-image:
    linear-gradient(180deg, rgba(249, 248, 247, 0.55), rgba(249, 248, 247, 0.92)),
    url(https://wiki.gla.com.br/images/b/b3/Testefundo.png),
    linear-gradient(to right, #88aeb7 0%, #b8d0d3 5%, #cfe8eb 20%, #d2d4cf 80%, #c7cebd 95%, #afc1c5 100%);
  background-size: 100%, 100%, 100%;
}