Jump to content

MediaWiki:Vector.css

From WikiPStory
Revision as of 11:09, 12 May 2026 by WikiSysop (talk | contribs)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
body {
	background-color: #1f1f1f;
	background-image: url("/index.php/Special:Redirect/file/Background.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
}

/* Remove o branco da base superior da skin */
#mw-page-base,
div#mw-head {
	background: transparent !important;
}

/* Painel lateral inteiro */
#mw-panel {
	background: rgba(255, 255, 255, 0.88);
	border: 2px solid #3b82f6;
	box-shadow: inset 0 0 0 2px #d8ebff;
	padding-top: 10px;
	margin-top: 42px;
}

/* Conteúdo principal */
#content {
	position: relative;
	background: rgba(255, 255, 255, 0.84);
	border: 2px solid #3b82f6;
	border-top: 0;
	box-shadow: inset 0 0 0 2px #d8ebff;
	margin-top: 0;
	margin-left: 28px;
}


/* Linha superior contínua por trás das abas */
#content:before {
	content: "";
	position: absolute;
	top: -2px;
	left: 0;
	right: 0;
	height: 2px;
	background: #3b82f6;
	z-index: 0;
}

/* Garante que as abas fiquem por cima da linha */
#left-navigation,
#right-navigation {
	position: relative;
	z-index: 2;
	background: transparent !important;
}

/* Remove bordas extras que quebram a moldura */
#left-navigation,
#right-navigation,
.vectorTabs,
.vectorTabs ul,
.vectorTabs ul li,
#p-search {
	border: none !important;
	box-shadow: none !important;
}

/* Abas com fundo translúcido */
.vectorTabs ul li {
	background: rgba(255, 255, 255, 0.78) !important;
}

/* Busca limpa e mais integrada ao topo */
#p-search form,
#simpleSearch {
	box-shadow: none !important;
	border: none !important;
	background: rgba(255, 255, 255, 0.82) !important;
}

/* Esconde Tools */
#p-tb {
	display: none;
}

/* Hover do banner */
.banner-hover img {
	transition: transform 0.25s ease, box-shadow 0.25s ease;
	border-radius: 8px;
}

.banner-hover img:hover {
	transform: scale(1.02);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
}

div#content,
div#footer,
#p-cactions,
#left-navigation,
#right-navigation {
	margin-left: 13.5em;
}