MediaWiki:Common.css: mudanças entre as edições

Edição das 17h21min de 28 de junho de 2026

/* === TOKUDRIVE_FIX_LOGO_MENUS_BEGIN === */

/* Logo transparente no topo */
.mw-logo,
.vector-header-start .mw-logo {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 8px !important;
  min-width: 270px !important;
  width: 270px !important;
  height: 70px !important;
  display: flex !important;
  align-items: center !important;
}

.mw-logo-icon {
  display: none !important;
}

.mw-logo-wordmark {
  content: url("/resources/assets/wiki-logo-wordmark-transparente-1782667297.png") !important;
  width: 245px !important;
  height: 64px !important;
  max-width: 245px !important;
  max-height: 64px !important;
  object-fit: contain !important;
  object-position: left center !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.45)) !important;
}

.mw-logo-tagline {
  display: none !important;
}

/* Barra superior mais limpa */
.vector-header-container,
.mw-header,
.vector-sticky-header {
  background: #0b0f17 !important;
  border-bottom: 1px solid #2c374a !important;
}

/* Volta o menu de aparência da direita */
.vector-appearance-landmark,
.vector-appearance,
#vector-appearance,
.vector-page-tools-landmark,
.vector-page-tools {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
  overflow: visible !important;
  pointer-events: auto !important;
}

/* Remove o esconder antigo do painel de aparência */
#p-dock-bottom {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
}

/* Painel de aparência no modo escuro */
.vector-appearance,
#vector-appearance,
.vector-page-tools {
  background: #111827 !important;
  color: #f4f7fb !important;
  border-color: #2c374a !important;
}

.vector-appearance label,
.vector-appearance legend,
.vector-appearance h2,
.vector-appearance h3,
.vector-appearance span,
.vector-appearance button {
  color: #f4f7fb !important;
}

/* Menu esquerdo fixo durante rolagem */
.vector-column-start,
.vector-main-menu-landmark {
  position: sticky !important;
  top: 86px !important;
  align-self: start !important;
  max-height: calc(100vh - 96px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-width: thin !important;
}

/* Garante que o menu esquerdo continue visível */
.vector-column-start,
.vector-main-menu,
.vector-main-menu-landmark,
#mw-panel {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: #0b0f17 !important;
  color: #f4f7fb !important;
  border-color: #2c374a !important;
}

/* Deixa o menu esquerdo mais bonito no escuro */
.vector-main-menu .vector-menu-heading,
#mw-panel .portal h3 {
  color: #aab6c8 !important;
  border-bottom: 1px solid #2c374a !important;
}

.vector-main-menu a,
#mw-panel a {
  color: #8ab4ff !important;
}

.vector-main-menu a:hover,
#mw-panel a:hover {
  color: #ffffff !important;
  background: rgba(255,255,255,.06) !important;
}

/* Busca do topo */
.cdx-text-input__input,
.vector-search-box-input,
input[name="search"] {
  background: #101827 !important;
  color: #f4f7fb !important;
  border-color: #2c374a !important;
}

.cdx-text-input__input::placeholder,
.vector-search-box-input::placeholder,
input[name="search"]::placeholder {
  color: #8c9ab0 !important;
}

/* Botão pesquisar */
.cdx-button,
.vector-search-box-button,
button.searchButton {
  background: #1b2638 !important;
  color: #ffffff !important;
  border-color: #2c374a !important;
}

.cdx-button:hover,
.vector-search-box-button:hover,
button.searchButton:hover {
  background: #26354d !important;
}

/* Ajuste mobile */
@media (max-width: 800px) {
  .mw-logo,
  .vector-header-start .mw-logo {
    min-width: 210px !important;
    width: 210px !important;
    height: 58px !important;
  }

  .mw-logo-wordmark {
    width: 205px !important;
    height: 56px !important;
    max-width: 205px !important;
    max-height: 56px !important;
  }

  .vector-column-start,
  .vector-main-menu-landmark {
    position: static !important;
    max-height: none !important;
  }
}

/* === TOKUDRIVE_FIX_LOGO_MENUS_END === */