MediaWiki:Common.css: Difference between revisions

Line 3:

/* 1. ~~Aplicar o fundo ao elemento raiz e ao container principal~~ */

/* 1. FUNDO PRINCIPAL */

html, body~~, .mw-page-container~~ {

html, body {

background-image: url('https://wiki.atronia.eu/images/7/7a/Texture_Background.svg') !important;

background-attachment: fixed !important;

background-size: cover !important;

background-position: center center !important;

~~background-color: transparent !important;~~

}

/* 2. ~~Forçar transparência nas camadas~~ que estão ~~por cima~~ */

/* 2. TORNAR TUDO TRANSPARENTE (A "Lasanha") */

/* Aqui atacamos todas as caixas brancas que estão a tapar o fundo */

.mw-page-container,

.vector-header-container,

.vector-main-menu-content,

.mw-content-container,

.~~vector~~-body,

#content,

#~~content {~~

.mw-body,

~~background~~-~~color: rgba(255, 255, 255~~, ~~0.85) !important; /* Branco translúcido */~~

#mw-page-base,

~~background~~-~~image: none !important;~~

#mw-head-base,

}

.vector-sticky-pinned-container,

.vector-column-start,

~~/* 3~~. ~~Ajuste para a barra lateral e índice */~~

.vector-column-end {

.vector-~~main~~-~~menu~~, .vector-~~toc~~ {

background: transparent !important;

background-color: transparent !important;

}

~~/* 4. Remover bordas brancas que podem aparecer */~~

~~.mw-page-container {~~

border: none !important;

}

~~/* 1. Ajustar a transparência do painel central */~~

~~.mw-page-container {~~

~~background-color: rgba(255, 255, 255, 0.7) !important; /* Baixei para 70% para veres mais fundo */~~

~~backdrop-filter: blur(8px); /* Aumenta o efeito de vidro fosco */~~

}

/* 2. ~~Garantir que o cabeçalho e menu também acompanham~~ */

/* 3. APLICAR UMA CAMADA DE LEITURA (Opcional) */

~~.vector-header-container~~,

/* Se ficar difícil de ler o texto, esta regra cria um fundo leve apenas no texto */

.~~vector-main~~-~~menu~~-content {

.mw-body-content {

background-color: ~~transparent~~ !important;

background-color: rgba(255, 255, 255, 0.6) !important; /* Branco com 60% de transparência */

padding: 20px !important;

border-radius: 8px !important;

}

/* 3. ~~Se quiseres que a zona branca seja mais estreita para mostrar mais imagem~~ */

/* 4. ÍNDICE (TOC) TRANSPARENTE */

.~~mw-page~~-~~container~~ {

.vector-toc {

~~max~~-~~width~~: ~~1200px~~ !important; ~~/* Podes diminuir este valor (ex: 1000px) para ver mais background */~~

background-color: rgba(255, 255, 255, 0.5) !important;

~~margin~~: 0 ~~auto~~;

border: 1px solid rgba(0,0,0,0.1) !important;

}