MediaWiki:Common.css: mudanças entre as edições
Ir para navegação
Ir para pesquisar
(Limpou toda a página) Etiquetas: anulando Reversão manual |
Sem resumo de edição |
||
Linha 1: | Linha 1: | ||
/** o código CSS colocado aqui será aplicado a todos os temas */ | |||
/* Geral */ | |||
body { | |||
margin: 0; | |||
padding: 0; | |||
position: relative; | |||
font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica', sans-serif | |||
} | |||
body::before { | |||
content: ''; | |||
position: fixed; | |||
top: 0; | |||
left: 0; | |||
width: 100%; | |||
height: 100vh; | |||
background: url('https://wiki.pokezbr.com/images/c/c8/Backgroundwiki2.jpg') no-repeat; | |||
background-attachment: fixed; | |||
background-position: center; | |||
background-repeat: no-repeat; | |||
background-size: cover; | |||
z-index: -1; | |||
} | |||
.mw-body { | |||
margin-right: 1em; | |||
} | |||
#mw-page-base { | |||
background: transparent; | |||
} | |||
#ca-nstab-mediawiki, #ca-talk, #p-namespaces, #ca-view, #ca-viewsource, #ca-unwatch, #ca-ve-edit{ | |||
display: none; | |||
} | |||
.vectorTabs span { | |||
background-position: right bottom; | |||
display: inline-block; | |||
height: auto; | |||
} | |||
.vectorTabs{ | |||
background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,#a7d7f900 100%); | |||
} | |||
.vectorTabs li { | |||
height: auto; | |||
} | |||
.vectorTabs li a { | |||
height: auto; | |||
} | |||
.vectorTabs span a { | |||
padding-top: 0.4em; | |||
} | |||
#p-search{ | |||
margin-top: 0em; | |||
background: #ffffff; | |||
margin-left: 0; | |||
} | |||
#p-search form{ | |||
margin: 0 0; | |||
} | |||
.vectorTabs span { | |||
background-image: none; | |||
background-position: right bottom; | |||
display: inline-block; | |||
width: 25px; | |||
height: 25px; | |||
} | |||
#mw-head .vectorMenu h3 { | |||
background-image: none; | |||
} | |||
#ca-edit{ | |||
background: transparent; | |||
height: 25px; | |||
width: 25px; | |||
border-radius: 3px; | |||
font-size: 0; | |||
background-image: url(https://wiki.pokezbr.com/images/2/24/Code_button.png); | |||
background-position: center; | |||
background-repeat: no-repeat; | |||
background-size: cover; | |||
} | |||
#ca-edit span a { | |||
width: 25px; | |||
height: 25px; | |||
} | |||
#ca-history{ | |||
background: transparent; | |||
height: 25px; | |||
width: 25px; | |||
border-radius: 3px; | |||
font-size: 0; | |||
background-image: url(https://wiki.pokezbr.com/images/e/e0/History_button.png); | |||
background-position: center; | |||
background-repeat: no-repeat; | |||
background-size: cover; | |||
} | |||
#ca-history span a{ | |||
width: 25px; | |||
height: 25px; | |||
} | |||
#p-cactions{ | |||
background: transparent; | |||
height: 25px; | |||
width: 25px; | |||
border-radius: 3px; | |||
font-size: 0; | |||
background-image: url(https://wiki.pokezbr.com/images/4/42/Expand-button.png); | |||
background-position: center; | |||
background-repeat: no-repeat; | |||
background-size: cover; | |||
margin-right: 0.5rem; | |||
} | |||
.vectorMenu .menu { | |||
font-size: 15px; | |||
} | |||
.mw-body, .parsoid-body, #mw-panel { | |||
background: #F9F9F9; | |||
border-radius: 6px; | |||
border: 5px solid transparent; | |||
border-image: url('https://wiki.pokezbr.com/images/1/18/Border-image2.png') 15 stretch; | |||
} | |||
#p-logo a { | |||
background-size: contain; | |||
border-radius: 5px; | |||
} | |||
.mw-list-item a { | |||
color: white; | |||
} | |||
.mw-list-item a:visited { | |||
color: #05ACF3; | |||
} | |||
.mw-body, #mw-head-base, #left-navigation, #mw-data-after-content, .mw-footer { | |||
margin-left: 13em; | |||
margin-right: 1em; | |||
} | |||
#mw-panel { | |||
width: 10.6em; | |||
margin-top: 4.0rem; | |||
padding-top: 10px; | |||
border-center: none; | |||
} | |||
#footer ul { | |||
list-style: none none; | |||
padding: 0; | |||
margin-left: 15px; | |||
} | |||
#footer ul li a{ | |||
text-decoration: none; | |||
color: rgb(255 255 255 / 80%); | |||
background: none; | |||
} | |||
#p-personal a.new, #p-personal a:visited, #p-personal a{ | |||
color: #fff; | |||
} | |||
/* Main page */ | |||
.container { | |||
margin: 0 auto; | |||
display: flex; | |||
} | |||
.main { | |||
width: 70%; | |||
margin: 1em; | |||
} | |||
.banner { | |||
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5); | |||
--border-width: 3px; | |||
position: relative; | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
width: 100%; | |||
font-family: Lato, sans-serif; | |||
font-size: 2.5rem; | |||
color: white; | |||
background: linear-gradient(60deg, | |||
#0c3d7b, | |||
#14917c, | |||
#1ec7ab, | |||
#6ee7d3, | |||
#041e41, | |||
#1864c7, | |||
#085245); | |||
background-size: 300% 300%; | |||
background-position: 0 50%; | |||
animation: moveGradient 30s alternate infinite; | |||
border-radius: 10px; | |||
} | |||
.banner img { | |||
width: 100%; | |||
height: 100%; | |||
} | |||
.most-acessed, .quick-access { | |||
margin-top: 2em; | |||
position: relative; | |||
width: 100%; | |||
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); | |||
border-radius: 10px; | |||
} | |||
.ma-title,.qa-title { | |||
border-radius: 10px 10px 0px 0px; | |||
position: relative; | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
width: 100%; | |||
color: white; | |||
height: auto; | |||
padding: 5px 0px; | |||
background: linear-gradient(90deg, rgb(0, 47, 109) 0%, rgb(19, 83, 67) 46%, rgb(0, 105, 90) 100%); | |||
} | |||
.sub-most-acessed{ | |||
display: flex; | |||
} | |||
.ma-card-item { | |||
text-align: center; | |||
height: auto; | |||
padding: 1em; | |||
} | |||
.ma-card-item a{ | |||
text-decoration: none; | |||
} | |||
.ma-item { | |||
width: 80%; | |||
height: 80%; | |||
transition: 1s; | |||
filter: drop-shadow(0px 0px 5px rgba(48, 48, 48, 0.6)); | |||
} | |||
.ma-item:hover{ | |||
transition: 1s; | |||
transform: scale(1.10); | |||
filter: drop-shadow(2px 2px 2px rgba(34, 34, 34, 0.2)); | |||
} | |||
.ma-text{ | |||
width: 80%; | |||
height: 80%; | |||
margin: 5px; | |||
transition: 1s; | |||
transform: scale(1.20); | |||
} | |||
.ma-text:hover{ | |||
transition: 1s; | |||
transform: scale(1.30); | |||
filter: drop-shadow(2px 2px 2px rgba(34, 34, 34, 0.2)); | |||
} | |||
.ma-title-icon, .qa-title-icon { | |||
width: 30px; | |||
height: 30px; | |||
} | |||
.column { | |||
width: 25%; | |||
margin: 1em; | |||
text-align: center; | |||
} | |||
.social-media { | |||
text-align: center; | |||
width: 100%; | |||
height: 50px; | |||
} | |||
.sc-icon { | |||
filter: grayscale(20%) contrast(100%); | |||
display: inline-block; | |||
width: 12.5%; | |||
margin: -1px; | |||
height: auto; | |||
transition: 1s; | |||
} | |||
.sc-icon:hover { | |||
filter: grayscale(0%) contrast(115%); | |||
transition: 1s; | |||
transform: scale(1.10); | |||
} | |||
.box-update { | |||
width: auto; | |||
height: auto; | |||
margin: 1.5em 1em; | |||
padding: 10px; | |||
border-radius: 10px; | |||
border: 1px solid rgba(0, 17, 0, 0.10); | |||
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); | |||
} | |||
.box-update h3{ | |||
margin-top: 10px; | |||
} | |||
.box-update img { | |||
margin: 0.5em 0em; | |||
filter: grayscale(15%); | |||
transform: scale(.95); | |||
width: 100%; | |||
border-radius: 5px; | |||
transition: 1s; | |||
} | |||
.box-update img:hover { | |||
filter: grayscale(0%); | |||
transform: scale(0.98); | |||
transition: 1s; | |||
} | |||
.update-image { | |||
box-shadow: 0 0 0.6 3em #BBB; | |||
} | |||
.qa-line { | |||
display: flex; | |||
border-bottom: 1px solid rgba(0, 0, 0, 0.150); | |||
padding: 1rem; | |||
} | |||
.qa-line-icon img { | |||
width: 50px; | |||
height: 50px; | |||
margin: 1rem; | |||
border-radius: 12px; | |||
} | |||
.qa-line-text { | |||
margin: 0.5rem 0; | |||
width: 100%; | |||
} | |||
.qa-line-title { | |||
margin: 0.5em 0; | |||
font-weight: bold; | |||
} | |||
pre, .mw-code { | |||
color: #000; | |||
background-color: rgb(234 236 240 / 0%); | |||
border: 1px solid rgb(234 236 240 / 0%); | |||
padding: 0; */ | |||
white-space: pre-wrap; | |||
} | |||
/* History Page */ | |||
a[title^="Usuário:Ybooh (página inexistente)"]:after{ | |||
color: blue; | |||
content: "QueeN"; | |||
pointer-events: none; | |||
} | |||
a[title^="Usuário:Ybooh (página inexistente)"] bdi{ | |||
display: none; | |||
} | |||
a[title^="Usuário:Alissonmader (página inexistente)"]:after{ | |||
color: blue; | |||
content: "Pichito"; | |||
} | |||
a[title^="Usuário:Alissonmader (página inexistente)"] bdi{ | |||
display: none; | |||
} | |||
.history-user a bdi{ | |||
color: blue; | |||
} | |||
a.new.mw-userlink { | |||
pointer-events: none; | |||
} | |||
a.new.mw-usertoollinks-talk { | |||
display: none; | |||
} | |||
.mw-contributions-user-tools { | |||
display: none; | |||
} | |||
/* KeyFrames */ | |||
@keyframes moveGradient { | |||
50% { | |||
background-position: 100% 50%; | |||
} | |||
} |
Edição das 00h29min de 4 de maio de 2023
/** o código CSS colocado aqui será aplicado a todos os temas */
/* Geral */
body {
margin: 0;
padding: 0;
position: relative;
font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica', sans-serif
}
body::before {
content: '';
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: url('https://wiki.pokezbr.com/images/c/c8/Backgroundwiki2.jpg') no-repeat;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
z-index: -1;
}
.mw-body {
margin-right: 1em;
}
#mw-page-base {
background: transparent;
}
#ca-nstab-mediawiki, #ca-talk, #p-namespaces, #ca-view, #ca-viewsource, #ca-unwatch, #ca-ve-edit{
display: none;
}
.vectorTabs span {
background-position: right bottom;
display: inline-block;
height: auto;
}
.vectorTabs{
background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,#a7d7f900 100%);
}
.vectorTabs li {
height: auto;
}
.vectorTabs li a {
height: auto;
}
.vectorTabs span a {
padding-top: 0.4em;
}
#p-search{
margin-top: 0em;
background: #ffffff;
margin-left: 0;
}
#p-search form{
margin: 0 0;
}
.vectorTabs span {
background-image: none;
background-position: right bottom;
display: inline-block;
width: 25px;
height: 25px;
}
#mw-head .vectorMenu h3 {
background-image: none;
}
#ca-edit{
background: transparent;
height: 25px;
width: 25px;
border-radius: 3px;
font-size: 0;
background-image: url(https://wiki.pokezbr.com/images/2/24/Code_button.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
#ca-edit span a {
width: 25px;
height: 25px;
}
#ca-history{
background: transparent;
height: 25px;
width: 25px;
border-radius: 3px;
font-size: 0;
background-image: url(https://wiki.pokezbr.com/images/e/e0/History_button.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
#ca-history span a{
width: 25px;
height: 25px;
}
#p-cactions{
background: transparent;
height: 25px;
width: 25px;
border-radius: 3px;
font-size: 0;
background-image: url(https://wiki.pokezbr.com/images/4/42/Expand-button.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin-right: 0.5rem;
}
.vectorMenu .menu {
font-size: 15px;
}
.mw-body, .parsoid-body, #mw-panel {
background: #F9F9F9;
border-radius: 6px;
border: 5px solid transparent;
border-image: url('https://wiki.pokezbr.com/images/1/18/Border-image2.png') 15 stretch;
}
#p-logo a {
background-size: contain;
border-radius: 5px;
}
.mw-list-item a {
color: white;
}
.mw-list-item a:visited {
color: #05ACF3;
}
.mw-body, #mw-head-base, #left-navigation, #mw-data-after-content, .mw-footer {
margin-left: 13em;
margin-right: 1em;
}
#mw-panel {
width: 10.6em;
margin-top: 4.0rem;
padding-top: 10px;
border-center: none;
}
#footer ul {
list-style: none none;
padding: 0;
margin-left: 15px;
}
#footer ul li a{
text-decoration: none;
color: rgb(255 255 255 / 80%);
background: none;
}
#p-personal a.new, #p-personal a:visited, #p-personal a{
color: #fff;
}
/* Main page */
.container {
margin: 0 auto;
display: flex;
}
.main {
width: 70%;
margin: 1em;
}
.banner {
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
--border-width: 3px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
font-family: Lato, sans-serif;
font-size: 2.5rem;
color: white;
background: linear-gradient(60deg,
#0c3d7b,
#14917c,
#1ec7ab,
#6ee7d3,
#041e41,
#1864c7,
#085245);
background-size: 300% 300%;
background-position: 0 50%;
animation: moveGradient 30s alternate infinite;
border-radius: 10px;
}
.banner img {
width: 100%;
height: 100%;
}
.most-acessed, .quick-access {
margin-top: 2em;
position: relative;
width: 100%;
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
border-radius: 10px;
}
.ma-title,.qa-title {
border-radius: 10px 10px 0px 0px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
color: white;
height: auto;
padding: 5px 0px;
background: linear-gradient(90deg, rgb(0, 47, 109) 0%, rgb(19, 83, 67) 46%, rgb(0, 105, 90) 100%);
}
.sub-most-acessed{
display: flex;
}
.ma-card-item {
text-align: center;
height: auto;
padding: 1em;
}
.ma-card-item a{
text-decoration: none;
}
.ma-item {
width: 80%;
height: 80%;
transition: 1s;
filter: drop-shadow(0px 0px 5px rgba(48, 48, 48, 0.6));
}
.ma-item:hover{
transition: 1s;
transform: scale(1.10);
filter: drop-shadow(2px 2px 2px rgba(34, 34, 34, 0.2));
}
.ma-text{
width: 80%;
height: 80%;
margin: 5px;
transition: 1s;
transform: scale(1.20);
}
.ma-text:hover{
transition: 1s;
transform: scale(1.30);
filter: drop-shadow(2px 2px 2px rgba(34, 34, 34, 0.2));
}
.ma-title-icon, .qa-title-icon {
width: 30px;
height: 30px;
}
.column {
width: 25%;
margin: 1em;
text-align: center;
}
.social-media {
text-align: center;
width: 100%;
height: 50px;
}
.sc-icon {
filter: grayscale(20%) contrast(100%);
display: inline-block;
width: 12.5%;
margin: -1px;
height: auto;
transition: 1s;
}
.sc-icon:hover {
filter: grayscale(0%) contrast(115%);
transition: 1s;
transform: scale(1.10);
}
.box-update {
width: auto;
height: auto;
margin: 1.5em 1em;
padding: 10px;
border-radius: 10px;
border: 1px solid rgba(0, 17, 0, 0.10);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}
.box-update h3{
margin-top: 10px;
}
.box-update img {
margin: 0.5em 0em;
filter: grayscale(15%);
transform: scale(.95);
width: 100%;
border-radius: 5px;
transition: 1s;
}
.box-update img:hover {
filter: grayscale(0%);
transform: scale(0.98);
transition: 1s;
}
.update-image {
box-shadow: 0 0 0.6 3em #BBB;
}
.qa-line {
display: flex;
border-bottom: 1px solid rgba(0, 0, 0, 0.150);
padding: 1rem;
}
.qa-line-icon img {
width: 50px;
height: 50px;
margin: 1rem;
border-radius: 12px;
}
.qa-line-text {
margin: 0.5rem 0;
width: 100%;
}
.qa-line-title {
margin: 0.5em 0;
font-weight: bold;
}
pre, .mw-code {
color: #000;
background-color: rgb(234 236 240 / 0%);
border: 1px solid rgb(234 236 240 / 0%);
padding: 0; */
white-space: pre-wrap;
}
/* History Page */
a[title^="Usuário:Ybooh (página inexistente)"]:after{
color: blue;
content: "QueeN";
pointer-events: none;
}
a[title^="Usuário:Ybooh (página inexistente)"] bdi{
display: none;
}
a[title^="Usuário:Alissonmader (página inexistente)"]:after{
color: blue;
content: "Pichito";
}
a[title^="Usuário:Alissonmader (página inexistente)"] bdi{
display: none;
}
.history-user a bdi{
color: blue;
}
a.new.mw-userlink {
pointer-events: none;
}
a.new.mw-usertoollinks-talk {
display: none;
}
.mw-contributions-user-tools {
display: none;
}
/* KeyFrames */
@keyframes moveGradient {
50% {
background-position: 100% 50%;
}
}