Ir para o conteúdo

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

De Wiki TokuDrive
Voltando CSS básico estilo Wikipédia
Ajustando logo TokuDrive no topo
Linha 1: Linha 1:
/* Wiki TokuDrive - visual básico estilo Wikipédia */


body {
/* === TOKUDRIVE LOGO TOPO === */
  background: #f8f9fa;
}


.mw-body {
/* Área da logo no Vector */
   background: #ffffff;
.mw-logo {
   width: 220px !important;
  min-width: 220px !important;
  height: 56px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 10px !important;
  box-sizing: border-box !important;
}
}


.mw-page-title-main {
/* Remove texto/wordmark padrão da Wikipédia */
   font-family: 'Linux Libertine', Georgia, Times, serif;
.mw-logo-wordmark,
  font-weight: normal;
.mw-logo-tagline {
   display: none !important;
}
}


.td-sourcebox {
/* Troca o ícone/logo pelo logo TokuDrive */
   border: 1px solid #a2a9b1;
.mw-logo-icon {
   background: #fffbea;
   width: 205px !important;
   padding: 10px 12px;
  height: 54px !important;
   margin: 12px 0 18px;
  max-width: 205px !important;
   font-size: 13px;
  max-height: 54px !important;
  object-fit: contain !important;
  object-position: center !important;
   background-image: url('/resources/assets/tokudrive-logo.png') !important;
   background-size: contain !important;
   background-position: center !important;
   background-repeat: no-repeat !important;
}
}


.wikitable {
/* Caso a logo seja renderizada como IMG */
   background: #f8f9fa;
img.mw-logo-icon {
  border: 1px solid #a2a9b1;
   content: url('/resources/assets/tokudrive-logo.png') !important;
  border-collapse: collapse;
}
}


.wikitable th {
/* Ajusta a barra superior para a logo ficar parecida com a Wikipédia */
   background: #eaecf0;
.vector-header-container,
  font-weight: bold;
.vector-sticky-header,
.vector-main-menu-landmark,
.vector-header-start {
   align-items: center !important;
}
}


.wikitable td,
/* Ajusta busca do topo */
.wikitable th {
.vector-search-box-input,
   border: 1px solid #a2a9b1;
.cdx-text-input__input,
  padding: 0.35em 0.55em;
input[name="search"] {
   font-size: 14px !important;
}
}


.infobox {
/* Texto do topo com aparência limpa */
  float: right;
#p-personal,
  clear: right;
.vector-user-links {
  width: 22em;
   font-size: 14px !important;
  margin: 0 0 1em 1em;
  background: #f8f9fa;
  border: 1px solid #a2a9b1;
  border-spacing: 3px;
   font-size: 88%;
  line-height: 1.5em;
}
}


.infobox th {
/* Mobile */
  background: #eaecf0;
@media (max-width: 800px) {
  text-align: center;
  .mw-logo {
}
    width: 170px !important;
    min-width: 170px !important;
  }


.infobox td,
  .mw-logo-icon {
.infobox th {
    width: 160px !important;
  padding: 4px 6px;
    max-width: 160px !important;
  }
}
}


@media (max-width: 800px) {
/* === FIM TOKUDRIVE LOGO TOPO === */
  .infobox {
    float: none;
    width: 100%;
    margin: 0 0 1em 0;
  }
}

Edição das 16h06min de 28 de junho de 2026


/* === TOKUDRIVE LOGO TOPO === */

/* Área da logo no Vector */
.mw-logo {
  width: 220px !important;
  min-width: 220px !important;
  height: 56px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 10px !important;
  box-sizing: border-box !important;
}

/* Remove texto/wordmark padrão da Wikipédia */
.mw-logo-wordmark,
.mw-logo-tagline {
  display: none !important;
}

/* Troca o ícone/logo pelo logo TokuDrive */
.mw-logo-icon {
  width: 205px !important;
  height: 54px !important;
  max-width: 205px !important;
  max-height: 54px !important;
  object-fit: contain !important;
  object-position: center !important;
  background-image: url('/resources/assets/tokudrive-logo.png') !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* Caso a logo seja renderizada como IMG */
img.mw-logo-icon {
  content: url('/resources/assets/tokudrive-logo.png') !important;
}

/* Ajusta a barra superior para a logo ficar parecida com a Wikipédia */
.vector-header-container,
.vector-sticky-header,
.vector-main-menu-landmark,
.vector-header-start {
  align-items: center !important;
}

/* Ajusta busca do topo */
.vector-search-box-input,
.cdx-text-input__input,
input[name="search"] {
  font-size: 14px !important;
}

/* Texto do topo com aparência limpa */
#p-personal,
.vector-user-links {
  font-size: 14px !important;
}

/* Mobile */
@media (max-width: 800px) {
  .mw-logo {
    width: 170px !important;
    min-width: 170px !important;
  }

  .mw-logo-icon {
    width: 160px !important;
    max-width: 160px !important;
  }
}

/* === FIM TOKUDRIVE LOGO TOPO === */