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

Edição das 20h35min de 29 de junho de 2025

/** o código CSS colocado aqui será aplicado a todos os temas */

:root {
	/* -- Cor principal de destaque (links, botões, abas ativas) -- */
	--color-primary: #602CB9; /* Azul padrão do MediaWiki */
    --color-primary-dark: #120B28;

}


.color-right, .color-middle {
	background: var(--color-primary);
}

.color-left {
	background: var(--color-primary);
}

#mw-header-container {
    background: var(--color-primary-dark);
    color: #fff;
}

#site-navigation h2 {
    background-image: url(/images/menu-large-white.svg);
}

#site-navigation h2::after {
    background-image: url(/images/arrow-down-white.svg);
    display: none;
}

#site-tools h2 {
    background-image: url(/images/gear-large-white.svg);
}

#site-tools h2::after {
    background-image: url(/images/arrow-down-white.svg);
    display: none;
}

#personal h2 {
    background-image: url(/images/user-white.svg);
}

#personal h2::after {
    background-image: url(/images/arrow-down-white.svg);
}

#personal-inner {
   color: #000;
}


#p-logo {
	display: none;
}

#p-logo-text {
    /* 1. Defina o tamanho que você quer para a sua imagem/logo */
    width: 63px;  /* Ajuste a largura conforme necessário */
    height: 30px; /* Ajuste a altura conforme necessário */

    /* 2. Adicione o link para a sua imagem */
    background-image: url("https://i0.wp.com/cinelinux.com/wp-content/uploads/2025/06/Cine-Linux-Logo-Branca.png?fit=63%2C30&ssl=1") !important;
    background-repeat: no-repeat;
    background-size: contain; /* Garante que a imagem caiba no espaço definido */
    background-position: left center; /* Alinha a imagem à esquerda */

    /* 3. Esconde o texto "Cine Linux Wiki" */
    text-indent: -9999px;
    overflow: hidden;
}

/* SOFTWARE INFOBOX */
.software-infobox {
  float: right;
  margin: 0 0 1em 1em;
  width: 300px;
  border: 2px solid #ccc;
  border-radius: 12px;
  background-color: #f9f9f9;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  overflow: hidden;
}

.software-infobox th {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding: 20px;
  background: #E8E6F4;
}

.software-infobox td,
.software-infobox th {
  padding-top: 10px;
  paddin-bottom: 10px;
  border-bottom: 1px solid #ddd;
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
  vertical-align: top;
}

.software-infobox .highlight {
  background: #fedbd2;
  font-weight: bold;
  text-align: center;
}

.software-infobox .image-cell {
  text-align: center;
  border-bottom: none;
}