MediaWiki:Vector.css: Difference between revisions

Revision as of 11:17, 12 May 2026

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: 3px solid #d85bb6;
	box-shadow: inset 0 0 0 3px #f4c2e7;
	padding-top: 10px;
	margin-top: 42px;
}

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

/* Linha superior contínua por trás das abas */
#content:before {
	content: "";
	position: absolute;
	top: -3px;
	left: 0;
	right: 0;
	height: 3px;
	background: #d85bb6;
	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);
}

/* Afasta o conteúdo principal da sidebar */
div#content,
div#footer,
#p-cactions,
#left-navigation,
#right-navigation {
	margin-left: 14em;
}
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: 3px solid #d85bb6;
	box-shadow: inset 0 0 0 3px #f4c2e7;
	padding-top: 10px;
	margin-top: 42px;
}

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

/* Linha superior contínua por trás das abas */
#content:before {
	content: "";
	position: absolute;
	top: -3px;
	left: 0;
	right: 0;
	height: 3px;
	background: #d85bb6;
	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);
}

/* Afasta o conteúdo principal da sidebar */
div#content,
div#footer,
#p-cactions,
#left-navigation,
#right-navigation {
	margin-left: 14em;
}

#p-views,
#p-cactions,
#left-navigation {
	display: none !important;
}

#right-navigation {
	background: transparent !important;
}

#right-navigation #p-search {
	display: block !important;
	float: right;
}

#p-logo {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 18px auto 24px auto;
	padding: 0;
	width: 100%;
}

#p-logo a {
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
	width: 120px !important;
	height: 90px !important;
	display: block;
	margin: 0 auto;
}

#mw-panel {
	background: rgba(255, 255, 255, 0.88);
	border: 3px solid #d85bb6;
	box-shadow: inset 0 0 0 3px #f4c2e7;
	padding-top: 18px;
	margin-top: 42px;
}