MediaWiki:Vector.css: Difference between revisions
Appearance
No edit summary Tag: Manual revert |
No edit summary |
||
| Line 1: | Line 1: | ||
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 */ | /* Painel lateral inteiro */ | ||
#mw-panel { | #mw-panel { | ||
background: rgba(255, 255, 255, 0. | background: rgba(255, 255, 255, 0.88); | ||
border: 2px solid #3b82f6; | border: 2px solid #3b82f6; | ||
box-shadow: inset 0 0 0 2px #d8ebff; | box-shadow: inset 0 0 0 2px #d8ebff; | ||
| Line 7: | Line 22: | ||
margin-top: 42px; | margin-top: 42px; | ||
} | } | ||
/* Conteúdo principal */ | /* Conteúdo principal */ | ||
#content { | #content { | ||
position: relative; | position: relative; | ||
background: rgba(255, 255, 255, 0. | background: rgba(255, 255, 255, 0.84); | ||
border: 2px solid #3b82f6; | border: 2px solid #3b82f6; | ||
border-top: 0; | border-top: 0; | ||
| Line 36: | Line 50: | ||
position: relative; | position: relative; | ||
z-index: 2; | z-index: 2; | ||
background: transparent !important; | |||
} | } | ||
/* Remove | /* Remove bordas extras que quebram a moldura */ | ||
#left-navigation, | #left-navigation, | ||
#right-navigation, | #right-navigation, | ||
| Line 49: | Line 64: | ||
} | } | ||
/* Abas com fundo | /* Abas com fundo translúcido */ | ||
.vectorTabs ul li { | .vectorTabs ul li { | ||
background: rgba(255, 255, 255, 0. | background: rgba(255, 255, 255, 0.78) !important; | ||
} | } | ||
/* Busca limpa | /* Busca limpa e mais integrada ao topo */ | ||
#p-search form, | #p-search form, | ||
#simpleSearch { | #simpleSearch { | ||
box-shadow: none !important; | box-shadow: none !important; | ||
border: none !important; | border: none !important; | ||
background: rgba(255, 255, 255, 0.82) !important; | |||
} | } | ||
/* Esconde Tools */ | |||
#p-tb { | #p-tb { | ||
display: none; | display: none; | ||
} | } | ||
/* Hover do banner */ | |||
.banner-hover img { | .banner-hover img { | ||
transition: transform 0.25s ease, box-shadow 0.25s ease; | transition: transform 0.25s ease, box-shadow 0.25s ease; | ||
Revision as of 11:06, 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: 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;
}
/* 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);
}