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

Edição das 20h02min 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;
}