MediaWiki:Common.css: Difference between revisions

Line 3:

/* 1. IMAGEM DE FUNDO NO ~~BODY E HTML~~ */

/* 1. IMAGEM DE FUNDO NO TOPO DA HIERARQUIA */

html, body {

html, body, .mw-page-container {

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: ~~#f6f6f6~~ !important; ~~/* Cor de fallback */~~

background-color: transparent !important;

}

/* 2. ~~FORÇAR TRANSPARÊNCIA EM TODA A ESTRUTURA~~ DA SKIN */

/* 2. MATAR O BRANCO DE TODAS AS CAMADAS DA SKIN */

/* ~~Atacamos todos os containers possíveis da Vector 2022~~ */

/* Este bloco força a transparência em tudo o que costuma ser branco */

~~.mw-page-container,~~

.vector-header-container,

.vector-main-menu-content,

.mw-content-container,

#content,

.mw-body,

.vector-body,

.mw-~~body,~~

.vector-sticky-pinned-container,

~~#content~~,

#mw-content-text,

.vector-column-start,

.vector-column-end,

.vector-column-end {

~~.vector-sticky-pinned-container~~ {

background: transparent !important;

background-color: transparent !important;

Line 31:

Line 30:

}

/* 3. LEITURA~~: Criar uma película branca muito leve sobre o texto~~ */

/* 3. PROTEÇÃO DE LEITURA (Opcional) */

/* ~~Sem isto,~~ o texto ~~em cima da imagem pode ser impossível~~ de ler */

/* Se o texto ficar difícil de ler, isto cria uma sombra suave por baixo das letras */

#mw-content-text {

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

background-color: rgba(255, 255, 255, 0.7) !important; /* 70% de branco para contraste */

padding: ~~25px~~ !important;

padding: 20px !important;

border-radius: ~~12px~~ !important;

border-radius: 10px !important;

}

/* 4. ~~TORNAR O~~ ÍNDICE (TOC) ~~TRANSLÚCIDO~~ */

/* 4. ÍNDICE (TOC) E SIDEBARS */

.vector-toc {

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

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

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

backdrop-filter: blur(~~4px~~);

backdrop-filter: blur(5px);

}