Jump to content

MediaWiki:Vector.css: Difference between revisions

From WikiPStory
Created page with "→Conteúdo principal: #content { border: 2px solid #3b82f6; box-shadow: inset 0 0 0 2px #d8ebff; background: rgba(255, 255, 255, 0.97); } →Barra superior das abas e ações: #left-navigation, #right-navigation { border-top: 2px solid #3b82f6; } →Menu lateral: #mw-panel { border-right: 2px solid #3b82f6; box-shadow: inset -2px 0 0 #d8ebff; background: rgba(255, 255, 255, 0.97); } →Rodapé opcional, se quiser seguir o mesmo padrão: #footer { bor..."
 
Cor de fundo do body acompanha o novo wallpaper azul claro
 
(28 intermediate revisions by the same user not shown)
Line 1: Line 1:
body {
background-color: #daecf7;
background-image: url("/index.php/Special:Redirect/file/Background.jpg");
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);
padding-top: 10px;
margin-top: 46px;
}
/* Conteúdo principal */
/* Conteúdo principal */
#content {
#content {
border: 2px solid #3b82f6;
position: relative;
box-shadow: inset 0 0 0 2px #d8ebff;
background: rgba(255, 255, 255, 0.84);
background: rgba(255, 255, 255, 0.97);
margin-top: 0;
}
}


/* Barra superior das abas e ações */
/* Garante que as abas fiquem por cima da linha */
#left-navigation,
#left-navigation,
#right-navigation {
#right-navigation {
border-top: 2px solid #3b82f6;
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;
}
}


/* Menu lateral */
/* Abas com fundo translúcido */
#mw-panel {
.vectorTabs ul li {
border-right: 2px solid #3b82f6;
background: rgba(255, 255, 255, 0.78) !important;
box-shadow: inset -2px 0 0 #d8ebff;
}
background: rgba(255, 255, 255, 0.97);
 
/* 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;
}
}


/* Rodapé opcional, se quiser seguir o mesmo padrão */
/* Logados/admin: mantém navegação normal */
#footer {
.loggedin #left-navigation,
border-top: 2px solid #3b82f6;
.loggedin #p-views,
.loggedin #p-cactions {
display: block !important;
}
}

Latest revision as of 02:12, 12 September 2026

body {
	background-color: #daecf7;
	background-image: url("/index.php/Special:Redirect/file/Background.jpg");
	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);
	padding-top: 10px;
	margin-top: 46px;
}

/* Conteúdo principal */
#content {
	position: relative;
	background: rgba(255, 255, 255, 0.84);
	margin-top: 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;
}