Jump to content

MediaWiki:Vector.css: Difference between revisions

From WikiPStory
No edit summary
No edit summary
Line 14: Line 14:
}
}


/* Painel lateral inteiro */
/* Painel lateral */
#mw-panel {
#mw-panel {
background: rgba(255, 255, 255, 0.88);
background: rgba(255, 255, 255, 0.88);
Line 20: Line 20:
box-shadow: inset 0 0 0 3px #f4c2e7;
box-shadow: inset 0 0 0 3px #f4c2e7;
padding-top: 10px;
padding-top: 10px;
margin-top: 42px;
margin-top: 46px;
}
 
/* Conteúdo principal */
#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: 57px;
}
 
/* 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: 60px;
}
}


Line 154: Line 53:
}
}


/* Remove bordas extras que quebram a moldura */
/* Remove bordas extras */
#left-navigation,
#left-navigation,
#right-navigation,
#right-navigation,
Line 170: Line 69:
}
}


/* Busca limpa e mais integrada ao topo */
/* Busca limpa e integrada */
#p-search form,
#p-search form,
#simpleSearch {
#simpleSearch {
Line 203: Line 102:
}
}


#p-views,
/* Visitantes: esconde abas e ações, deixa só a busca */
#p-cactions,
.anonuser #left-navigation,
#left-navigation {
.anonuser #p-views,
.anonuser #p-cactions {
display: none !important;
display: none !important;
}
}


#right-navigation {
.anonuser #right-navigation #p-search {
background: transparent !important;
display: block !important;
float: right;
}
}


#right-navigation #p-search {
/* Logados/admin: mantém navegação normal */
.loggedin #left-navigation,
.loggedin #p-views,
.loggedin #p-cactions {
display: block !important;
display: block !important;
float: right;
}
}

Revision as of 11:29, 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 */
#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: 46px;
}

/* 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 */
#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 integrada */
#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;
}

/* Visitantes: esconde abas e ações, deixa só a busca */
.anonuser #left-navigation,
.anonuser #p-views,
.anonuser #p-cactions {
	display: none !important;
}

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

/* Logados/admin: mantém navegação normal */
.loggedin #left-navigation,
.loggedin #p-views,
.loggedin #p-cactions {
	display: block !important;
}