MediaWiki:Vector.css: Difference between revisions
Appearance
No edit summary |
No edit summary |
||
| Line 17: | Line 17: | ||
#mw-panel { | #mw-panel { | ||
background: rgba(255, 255, 255, 0.88); | background: rgba(255, 255, 255, 0.88); | ||
border: | border: 3px solid #d85bb6; | ||
box-shadow: inset 0 0 0 | box-shadow: inset 0 0 0 3px #f4c2e7; | ||
padding-top: 10px; | padding-top: 10px; | ||
margin-top: 42px; | margin-top: 42px; | ||
| Line 27: | Line 27: | ||
position: relative; | position: relative; | ||
background: rgba(255, 255, 255, 0.84); | background: rgba(255, 255, 255, 0.84); | ||
border: | border: 3px solid #d85bb6; | ||
border-top: 0; | border-top: 0; | ||
box-shadow: inset 0 0 0 | box-shadow: inset 0 0 0 3px #f4c2e7; | ||
margin-top: 0; | margin-top: 0; | ||
} | } | ||
| Line 37: | Line 37: | ||
content: ""; | content: ""; | ||
position: absolute; | position: absolute; | ||
top: - | top: -3px; | ||
left: 0; | left: 0; | ||
right: 0; | right: 0; | ||
height: | height: 3px; | ||
background: # | 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; | z-index: 0; | ||
} | } | ||
Revision as of 11:12, 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;
}