MediaWiki:Vector.css - Histórico de revisão

Andrei478: Limpou toda a página

2025-10-16T13:15:58Z

Limpou toda a página

Andrei478 em 13h08min de 16 de outubro de 2025

2025-10-16T13:08:02Z

← Edição anterior		Edição das 10h08min de 16 de outubro de 2025
Linha 126:		Linha 126:
	#content .asgardpage-menu-container,		#content .asgardpage-menu-container,
	#content .asgardpage-server-info { max-width: 100%; }		#content .asgardpage-server-info { max-width: 100%; }

			/* ===== Patch fino para ficar igual ao site de referência ===== */

			/* Barra superior branca (faixa atrás das abas) */
			#mw-head-base, #mw-page-base {
			background: #f5fafc; /* branco levemente azulado */
			border-bottom: 1px solid #dfe9ef;
			height: 40px;
			}

			/* Abas do topo (Vector clássico) */
			#p-views .vectorTabs li a,
			#p-views .vectorTabs li a:visited {
			background: linear-gradient(#3a6677, #274552);
			color: #e9f3f7 !important;
			border: 1px solid #1b2f38;
			border-bottom: none;
			border-radius: 10px 10px 0 0;
			padding: 6px 14px;
			box-shadow: 0 3px 8px rgba(0,0,0,.25);
			}

			/* Aba selecionada (página atual) fica mais clara */
			#p-views .vectorTabs li.selected a {
			background: linear-gradient(#4e879a, #3a6677);
			color: #ffffff !important;
			}

			/* Aba "Discussão" em vermelho suave (igual impressão do print deles) */
			#p-views #ca-talk a {
			background: linear-gradient(#e46c6c, #b94c4c);
			color: #fff !important;
			border-color: #8c2e2e;
			}
			#p-views #ca-talk.selected a {
			background: linear-gradient(#f08080, #e46c6c);
			}

			/* Logo da esquerda (caixa) – dimensão e borda/sombra como cartão */
			#p-logo a {
			width: 160px;
			height: 160px;
			margin: 12px auto 8px;
			background: #243f4e url("/wiki/images/site-logo.png") center/contain no-repeat;
			border: 1px solid #1a2e3a;
			border-radius: 10px;
			box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 8px 20px rgba(0,0,0,.35);
			text-indent: -9999px;
			}

			/* Sidebar: cartões mais escuros e com borda/sombra consistente */
			#mw-panel .portal {
			background: #203745;
			border: 1px solid #162833;
			border-radius: 12px;
			box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 8px 22px rgba(0,0,0,.32);
			padding: 12px 10px;
			margin: 10px 8px 18px;
			}
			#mw-panel .portal h3 {
			color: #e0eef6 !important;
			font-weight: 700;
			letter-spacing: .5px;
			padding: 6px 8px 10px;
			margin: 0 0 6px;
			border-bottom: 1px solid rgba(255,255,255,.08);
			}
			#mw-panel .portal .body ul li a {
			color: #d3e6ee !important;
			background: rgba(255,255,255,0.03);
			border: 1px solid rgba(255,255,255,0.06);
			border-radius: 8px;
			padding: 6px 8px;
			display: block;
			margin: 6px 0;
			text-decoration: none !important;
			}
			#mw-panel .portal .body ul li a:hover {
			background: rgba(255,255,255,0.08);
			color: #ffffff !important;
			border-color: rgba(255,255,255,0.14);
			transform: translateX(3px);
			}

			/* Caixa de busca em tema escuro, texto claro */
			#simpleSearch {
			background: #203744;
			border: 1px solid #14252e;
			border-radius: 18px;
			box-shadow: 0 4px 10px rgba(0,0,0,.25);
			}
			#simpleSearch input#searchInput {
			background: transparent;
			color: #e9f3f7;
			border: none;
			}
			#simpleSearch input#searchInput::placeholder { color: #b9d1dc; }
			#simpleSearch button#searchButton {
			background: #2b4b59;
			border-left: 1px solid #14252e;
			}

			/* Conteúdo/miolo com cartão branco arredondado (como no print deles) */
			#content,
			#mw-content-text .mw-parser-output > .asgardpage-root,
			#bodyContent {
			background: #ffffff;
			border-radius: 12px;
			box-shadow: 0 10px 30px rgba(0,0,0,.15);
			border: 1px solid #e7eef3;
			}

			/* Ajuste fino do título “Página principal” (espaçamento) */
			.firstHeading, #firstHeading {
			margin-top: 12px;
			margin-left: 8px;
			}

Andrei478 em 12h52min de 16 de outubro de 2025

2025-10-16T12:52:51Z

Mostrar alterações

Andrei478: Criou página com '/* Lateral – Vector antigo (#mw-panel) */ body.skin-vector #mw-panel { background: transparent; padding: 10px 8px; } body.skin-vector #mw-panel .portal { background: #1c2c36; border: 1px solid rgba(255,255,255,.06); border-radius: 14px; box-shadow: 0 8px 22px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.03); margin: 12px 6px; overflow: hidden; } body.skin-vector #mw-panel .portal h3 { background: linear-gradient(180deg, #223642, #1d2e38); color: #d7ec...'

2025-10-16T12:33:21Z

Criou página com 'Lateral – Vector antigo (#mw-panel): body.skin-vector #mw-panel { background: transparent; padding: 10px 8px; } body.skin-vector #mw-panel .portal { background: #1c2c36; border: 1px solid rgba(255,255,255,.06); border-radius: 14px; box-shadow: 0 8px 22px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.03); margin: 12px 6px; overflow: hidden; } body.skin-vector #mw-panel .portal h3 { background: linear-gradient(180deg, #223642, #1d2e38); color: #d7ec...'

Página nova

/* Lateral – Vector antigo (#mw-panel) */
body.skin-vector #mw-panel { background: transparent; padding: 10px 8px; }
body.skin-vector #mw-panel .portal {
background: #1c2c36;
border: 1px solid rgba(255,255,255,.06);
border-radius: 14px;
box-shadow: 0 8px 22px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.03);
margin: 12px 6px; overflow: hidden;
}
body.skin-vector #mw-panel .portal h3 {
background: linear-gradient(180deg, #223642, #1d2e38);
color: #d7ecf6; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
padding: 12px 14px; border-bottom: 1px solid rgba(255,255,255,.06);
}
body.skin-vector #mw-panel .body { padding: 8px 10px 10px; }
body.skin-vector #mw-panel .body li a {
display: block; padding: 10px 12px; border-radius: 10px; color: #e6f4fb;
text-decoration: none !important; border: 1px solid rgba(255,255,255,.06);
background: rgba(255,255,255,.02); transition: all .2s ease;
}
body.skin-vector #mw-panel .body li a:hover {
color: #a8d0e6; border-color: rgba(168,208,230,.45);
background: rgba(168,208,230,.08); transform: translateX(2px);
box-shadow: 0 6px 16px rgba(0,0,0,.25);
}

/* Busca */
body.skin-vector #p-search input#searchInput {
border-radius: 999px; border: 1px solid rgba(168,208,230,.35);
}
body.skin-vector #p-search input#searchInput:focus {
border-color: #6ba3b8; box-shadow: 0 0 0 3px rgba(107,163,184,.25);
}