Jump to content

MediaWiki:Vector-2022.css: Difference between revisions

From WikiPStory
No edit summary
Porte da moldura do Vector legado para o Vector 2022: papel de parede visivel, superficies translucidas, remocao das bordas azul e roxa
Line 1: Line 1:
/* Moldura da Wiki do PStory Online no Vector 2022.
  Equivale ao MediaWiki:Vector.css, que so vale para o Vector legado.
  A identidade mora aqui: papel de parede + superficies translucidas.
  O conteudo dos artigos continua vindo do MediaWiki:Common.css. */
/* O papel de parede vem do body, no Common.css. O conteiner da pagina
  precisa ser transparente, senao cobre tudo com branco. */
.mw-page-container {
.mw-page-container {
background: rgba(255, 255, 255, 0.96);
background: transparent;
border: 3px solid #3b82f6;
border: 0;
box-shadow: 0 0 0 3px #d6e9ff inset;
box-shadow: none;
border-radius: 6px;
}
}


.vector-header-container {
/* Cabecalho e rodape flutuam sobre o papel de parede. */
border-bottom: 2px solid #7b2cbf;
.vector-header-container,
.mw-footer-container {
background: transparent;
}
}


/* Superficie principal: titulo, abas e corpo do artigo em um painel so.
  O rgba vem do #content do Vector legado, para as duas skins combinarem. */
.mw-body {
background: rgba(255, 255, 255, 0.86);
border-radius: 8px;
}
.vector-page-toolbar {
background: transparent;
border: 0;
box-shadow: none;
}
/* Colunas laterais: menu principal, indice e ferramentas.
  Cada bloco fixado vira seu proprio painel, como o #mw-panel do legado. */
.vector-column-start,
.vector-column-start,
.vector-page-toolbar,
.vector-column-end {
.vector-sticky-pinned-container,
background: transparent;
.vector-toc {
border: 0;
background: rgba(255, 255, 255, 0.96);
box-shadow: none;
border: 2px solid #7b2cbf;
}
box-shadow: 0 0 0 2px #d7b6ff inset;
 
border-radius: 6px;
.vector-column-start .vector-pinned-container,
.vector-column-end .vector-pinned-container {
background: rgba(255, 255, 255, 0.90);
border-radius: 8px;
padding: 6px 10px 10px;
}
 
/* Menus que abrem por cima do conteudo precisam ser opacos para
  continuarem legiveis sobre o papel de parede. */
.vector-dropdown-content,
.vector-unpinned-container > .vector-main-menu,
.vector-unpinned-container > .vector-page-tools,
.vector-unpinned-container > .vector-appearance,
.vector-unpinned-container > .vector-toc {
background: #ffffff;
border-radius: 8px;
}
}

Revision as of 15:57, 12 September 2026

/* Moldura da Wiki do PStory Online no Vector 2022.
   Equivale ao MediaWiki:Vector.css, que so vale para o Vector legado.
   A identidade mora aqui: papel de parede + superficies translucidas.
   O conteudo dos artigos continua vindo do MediaWiki:Common.css. */

/* O papel de parede vem do body, no Common.css. O conteiner da pagina
   precisa ser transparente, senao cobre tudo com branco. */
.mw-page-container {
	background: transparent;
	border: 0;
	box-shadow: none;
}

/* Cabecalho e rodape flutuam sobre o papel de parede. */
.vector-header-container,
.mw-footer-container {
	background: transparent;
}

/* Superficie principal: titulo, abas e corpo do artigo em um painel so.
   O rgba vem do #content do Vector legado, para as duas skins combinarem. */
.mw-body {
	background: rgba(255, 255, 255, 0.86);
	border-radius: 8px;
}

.vector-page-toolbar {
	background: transparent;
	border: 0;
	box-shadow: none;
}

/* Colunas laterais: menu principal, indice e ferramentas.
   Cada bloco fixado vira seu proprio painel, como o #mw-panel do legado. */
.vector-column-start,
.vector-column-end {
	background: transparent;
	border: 0;
	box-shadow: none;
}

.vector-column-start .vector-pinned-container,
.vector-column-end .vector-pinned-container {
	background: rgba(255, 255, 255, 0.90);
	border-radius: 8px;
	padding: 6px 10px 10px;
}

/* Menus que abrem por cima do conteudo precisam ser opacos para
   continuarem legiveis sobre o papel de parede. */
.vector-dropdown-content,
.vector-unpinned-container > .vector-main-menu,
.vector-unpinned-container > .vector-page-tools,
.vector-unpinned-container > .vector-appearance,
.vector-unpinned-container > .vector-toc {
	background: #ffffff;
	border-radius: 8px;
}