otPokemon Wiki - Contribuições do usuário [pt-br]

MediaWiki:Mobile.js

2026-08-28T17:13:34Z

WikiAdmin: Corrigindo content model para javascript

/* Qualquer JavaScript aqui será carregado para usuários que usam o site móvel */

/* Códigos JavaScript aqui colocados serão carregados por todos aqueles que acessarem alguma página deste wiki */

function slider(){
const slider = document.querySelectorAll('.slide');
const timer = 10000;
slider[0].style.display = 'block';
bullets = sliderBulletsCreation(slider);
sliderLoop(slider, timer, bullets);
};

function sliderLoop(slider, timer, bullets){
var timeoutFunction = [];
for (var i = 0; slide = slider[i] && (i < slider.length); i++) {
timeoutFunction.push(setTimeout(sliderAnim.bind(null, slider, i, timer, bullets), i*timer));
};
bullets.forEach(function(bullet, index){
bullet.addEventListener("click", function(event){
console.log(index);
timeoutFunction.forEach(function(element){
clearTimeout(element);
});
var t=0;
for (var i = index; slide = slider[i] && (i < slider.length); i++) {
timeoutFunction.push(setTimeout(sliderAnim.bind(null, slider, i, timer, bullets), t*timer));
t++;
};
})
})
};

function sliderAnim(slider, i, timer, bullets){
slider.forEach(function(slide){
slide.style.display = 'none';
})
bullets.forEach(function(bullet){
bullet.style.backgroundColor = "#e5e5e5";
})
slider[i].style.display = 'block';
bullets[i].style.backgroundColor = "#ff6334";
if (i == (slider.length - 1)){setTimeout(sliderLoop.bind(null,slider, timer, bullets), timer)};
};

function sliderBulletsCreation(slider){
const sliderContainer = document.querySelector('.slider');
const length = slider.length;
const bullets = [];
for (var i = 0; slide = slider[i] && (i < slider.length); i++) {
var bullet = document.createElement("div");
bullet.classList.add('slider-bullet');
bullet.style.right = 20 + (i * 30) + 'px';
bullet.style.width = "20px";
bullet.style.height = "20px";
sliderContainer.appendChild(bullet);
bullets.push(bullet);
}
return bullets;
};

slider();

MediaWiki:Mobile.css

2026-08-28T17:13:34Z

WikiAdmin: Corrigindo content model para css

/** o código CSS colocado aqui será aplicado a todos os temas */

/* Main page */

.container {
margin: 0 auto;
display: block;
}

.main {
margin: 1em;
}

.banner {
margin-top: 60px;
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%;
color: white;
background: linear-gradient(60deg,#0562ae 0%, #007ee5 46%,#289eff 100%);
background-size: 300% 300%;
background-position: 0 50%;
animation: moveGradient 30s alternate infinite;
border-radius: 10px;
}

.banner img {
width: 450px;
}

.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(60deg,#0562af,#0273cf,#0380e7,#1992f5,#5fb6ff,#1864c7,#034d89);
}

.sub-most-acessed{
display: flex;
}
.ma-card-item {
text-align: center;
height: auto;
padding: 1em;
}

.ma-card-item a{
text-decoration: none;
}

.ma-item {
height: 100%;
transition: 1s;
}

.ma-item:hover{
filter: drop-shadow(2px 2px 2px rgba(34, 34, 34, 0.2));
}

.ma-text{
width: 50%;
margin: 5px;
transform: scale(2.7);
}

.ma-title-icon, .qa-title-icon {
width: 30px;
height: 30px;
}

.column {
text-align: center;
margin: 1em;
}

.social-media {
position: absolute;
top: -60px;
text-align: center;
height: 50px;
}

.sc-icon {
filter: grayscale(20%) contrast(100%);
display: inline-block;
width: 12%;
margin: -1px;
height: auto;
transition: 1s;
}

.box-update {
margin: 1em;
width: auto;
height: auto;
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;
}

.destaque-box {
width: 100%;
text-align: center;
position: relative;
transition: 1s;
border-radius: 20px;
display: flex;
justify-content: center;
font-weight: bold;
}

.destaque-box:hover{
transition: 1s;
transform: scale(1.01);
}

.destaque-box img{
vertical-align: middle;
width: 100%;
border-radius: 6px;
border-top: 10px solid #3498db;
object-fit: cover;
}

.destaque-box a{
width: 100%;
}

.qa-line {
display: flex;
border-bottom: 1px solid rgba(0, 0, 0, 0.150);
padding: 1rem;
}

.qa-line-icon {
display: none;
}

.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;
}

.post-title{
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: 90%;
margin: auto;
font-weight: bold;
font-family: Lato, sans-serif;
font-size: 1rem;
color: white;
background: linear-gradient(90deg,#0562af,#0273cf,#0380e7,#1992f5,#5fb6ff,#1864c7,#034d89);
background-size: 300% 300%;
background-position: 0 50%;
animation: moveGradient 30s alternate infinite;
border-radius: 10px;
}

.card__heading a {
color: white;
}

.sc-icon {
display: inline-block;
width: 12%;
margin: -1px;
height: auto;
transition: 1s;
}

.sc-icon:hover {
filter: grayscale(0%) contrast(115%);
transition: 1s;
transform: scale(1.10);
}

p.card__heading {
font-size: 1.2em;
font-weight: bold;
}

:root{
--background-dark: #2d3548;
--text-light: rgba(255,255,255,0.6);
--text-lighter: rgba(255,255,255,0.9);
--spacing-s: 8px;
--spacing-m: 16px;
--spacing-l: 24px;
--spacing-xl: 32px;
--spacing-xxl: 64px;
--width-container: 1200px;
}

.hero-section{
margin: 5%;
padding-bottom: 53%;
}

.hero-section2{
margin: 5%;
padding-bottom: 88%;
}

.card-grid{
display: grid;
width: 100%;
}

.card{
list-style: none;
position: relative;
}

.card:before{
content: '';
display: block;
width: 100%;
}

.card__background{
width: 100%;
height: auto;
background-size: cover;
background-position: center;
bottom: 0;
filter: brightness(0.95) saturate(1) contrast(0.95);
left: 0;
position: absolute;
right: 0;
top: 0;
transform-origin: center;
trsnsform: scale(1) translateZ(0);
transition:
filter 1s,
transform 1s;
}

.card:hover .card__background{
transform: scale(1.05) translateZ(0);
}

.card__content{
left: 0;
margin: var(--spacing-l);
position: absolute;
top: 0;
text-align: left;
}

.card__category{
color: var(--text-light);
font-size: 0.9rem;
margin-bottom: var(--spacing-s);
text-transform: uppercase;
}

.card__heading{
color: var(--text-lighter);
font-size: 1.9rem;
text-shadow: 2px 2px 20px rgba(0,0,0,0.2);
line-height: 1.4;
}

h3.card__heading {
margin-top: -10px;
}

/* Keyframes */
@keyframes moveGradient {
50% {
background-position: 100% 50%;
}
}

/* Media Query */

@media (min-width: 450px) {
.banner {
margin-top: 80px;
}
.social-media {
top: -80px;
}
}

@media (min-width: 600px) {
.banner {
margin-top: 110px;
}
.social-media {
top: -110px;
}
}

@media (min-width: 910px) {
.banner {
margin-top: 140px;
}
.social-media {
top: -140px;
}
}

/* Página Instagram */

.insta-main{
width: 100%;
margin: 1em;
margin: auto;
}
.post{
width: 100%;
height: auto;
background: #fff;
border: 1px solid #dfdfdf;
margin-top: 40px;
border-radius: 10px;
}

.info{
width: 100%;
height: 60px;
display: flex;
justify-content: space-between;
align-items: center;
margin: 5px 15px;
}

.info .username{
width: auto;
font-weight: bold;
color: #000;
font-size: 14px;
margin-left: 10px;
}

.info .options{
cursor: pointer;
margin-right: 20px;
scale: 0.8;
}

.info .user{
display: flex;
align-items: center;
}

.info .profile-pic{
height: 40px;
width: 40px;
padding: 0;
background: none;
}

.info .profile-pic img{
border-radius: 20px;
}

.post-image{
width: 100%;
height: 100%;
object-fit: cover;
margin-top: -10px;
width: 100%;
height: 100%;
/* object-fit: cover; */
margin-top: -10px;
}

.post-content{
width: 100%;
padding: 20px;
}

.likes{
font-weight: bold;
}

.description{
width: 96%;
font-size: 14px;
line-height: 20px;
}

.description span{
font-weight: bold;
margin-right: 10px;
}

.post-time{
color: rgba(0, 0, 0, 0.5);
font-size: 12px;
}

.comment-wrapper{
width: 100%;
height: 50px;
border-radius: 1px solid #dfdfdf;
display: flex;
justify-content: space-between;
align-items: center;
}

.comment-wrapper .icon{
height: 30px;
}

.comment-box{
width: 80%;
height: 100%;
border: none;
outline: none;
font-size: 14px;
}

.comment-btn,
.action-btn{
width: 70px;
height: 100%;
background: none;
border: none;
outline: none;
text-transform: capitalize;
font-size: 16px;
color: rgb(0, 162, 255);
opacity: 0.5;
}

.reaction-wrapper{
width: 100%;
height: 50px;
display: flex;
margin-top: -25px;
align-items: center;
}

.reaction-wrapper .icon{
margin-right: 15px;
}

/* Testes */
.box{
text-align: center;
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
border-radius: 10px;
padding-bottom: 10px;
}

.box-title{
border: 1px solid #570101;
width: 100%;
height: 54px;
margin-top: 2rem;
background-color: #0562ae;
border-radius: 10px 10px 0px 0px;

}

.box-title p{
font-size: 22px;
color: white;
position: relative;
top: 35%;
transform: translateY(-50%);
}
.update-box{
margin-bottom: 20px
}

.update-box, .update-box-2{
width: 90%;
text-align: center;
position: relative;
margin: 20px auto;
transition: 1s;
border-radius: 20px;
display: flex;
justify-content: center;
font-weight: bold;

}
.update-box-2:hover, .update-box:hover{
transition: 1s;
transform: scale(1.05);
}

.update-box img, .update-box-2 img{
border: 0;
vertical-align: middle;
width: 100%;
height: 100%;
}

.update-box-2 a, .update-box a{
width: 100%;

}
.update-title{
width: 100%;
height: 42px;
position: absolute;
top: 0;
font-size: 15px;
border-radius: 20px 20px 0px 0px;
}

.update-title a{
color: white;
}

.update-subtitle{
width: 100%;
height: 50px;
position: absolute;
bottom: 0;
font-size: 15px;
border-radius: 0px 0px 20px 20px;
}

.update-box-subtitle{
position: relative;
top: 50%;
color: white;
font-size: 1.2em;
transform: translateY(-50%);
}

.patch-notes{
padding: 20px;
background-color: #ffffff;
border-radius: 30px;
border: 1px solid #cccccc;
margin-bottom: 20px;
}

.patch-notes img{
float: right;
width: 100px;
height: 100px;
border-radius: 50px;
}

.container-tab table{
text-align: center;
width: 100%;
border-collapse: collapse;
display: inline-table;
overflow: hidden;
box-shadow: 0 0 20px rgba(0,0,0,0.1);
border: 1px solid gray;
}

.container-tab th,
.container-tab td {
padding: 15px 5px;
background-color: rgba(255,255,255,0.2);
border: 1px solid gray;
text-align: center;
}

.container-tab th {
text-align: center;
border: 1px solid gray;
}

.container-tab tbody {
tr {
&:hover {
background-color: rgb(10 234 58 / 20%);
}
}
td {
position: relative;
&:hover {
&:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: -9999px;
bottom: -9999px;
background-color: rgb(234 10 10 / 20%);
z-index: -1;
}
}
}
}

.celula-neutra {
backdrop-filter: invert(30%);
}

table {
border-collapse: separate;
}
/* DarkMode */

MediaWiki:Common.js

2026-08-28T17:13:34Z

WikiAdmin: Corrigindo content model para javascript

MediaWiki:Common.css

2026-08-28T17:13:33Z

WikiAdmin: Corrigindo content model para css

/** 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('/resources/assets/legacy/Wiki-back5.png') no-repeat;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
z-index: -1;
}

#mw-page-base {
background: transparent;
}

#ca-nstab-mediawiki,
#ca-talk,
#p-namespaces,
#ca-view,
#ca-viewsource,
#ca-unwatch,
#ca-ve-edit,
li#footer-places-privacy,
li#footer-places-about,
li#footer-places-disclaimer
{
display: none;
}
.vectorTabs span {
background-position: right bottom;
display: inline-block;
height: auto;
}

.vector-menu-tabs a, .vector-menu-tabs {
background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,#00000000 100%) !important;
}

.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;
background-image: url(/resources/assets/legacy/Code_button.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

#ca-edit span a {
width: 25px;
height: 25px;
}

#ca-edit a span {
font-size: 0;
}

#ca-history {
background: transparent;
height: 25px;
width: 25px;
border-radius: 3px;
background-image: url(/resources/assets/legacy/History_button.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

#ca-history span a {
width: 25px;
height: 25px;
}

#ca-history a span {
font-size: 0;
}

#p-cactions {
background: transparent;
height: 25px;
width: 25px;
border-radius: 3px;
background-image: url(/resources/assets/legacy/Expand-button.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin-right: 0.5rem;
}

.vector-menu-dropdown .vector-menu-heading{
font-size: 0;
}

#mw-head .vector-menu-dropdown .vector-menu-heading {
background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,#a7d7f900 100%) !important;
}
.vectorMenu .menu {
font-size: 15px;
}

.mw-body,
.parsoid-body,
#mw-panel {
background: #f7f6fb;
border-radius: 6px;
border: 5px solid transparent;
border-image: url(/resources/assets/legacy/Border_blue.png) 15 stretch;
}

#p-logo a {
background-size: contain;
border-radius: 5px;
}

.mw-list-item a {
color: white;
}

.mw-list-item a:visited {
color: #f2f2f2;
}

.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: 5.0rem;
padding-top: 10px;
}

#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;
}

#footer-info li {
line-height: 1.4;
display: none;
}

#p-personal a.new,
#p-personal a:visited,
#p-personal a {
color: #fff;
}

/* Main page */

.container {
margin: 20px 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,#0562af,#0273cf,#0380e7,#1992f5,#5fb6ff,#1864c7,#034d89);
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,#0562ae 0%, #007ee5 46%,#289eff 100%);
}

.sub-most-acessed {
display: flex;
}

.ma-card-item {
text-align: center;
height: 80%;
padding: 1em;
width: 33%;
}

.ma-card-item a {
text-decoration: none;
}

.ma-item {
width: calc(100% - 30%);
height: 100%;
transition: 1s !important;
}

.ma-item:hover {
transition: 1s !important;
transform: scale(1.10);
filter: drop-shadow(2px 2px 2px rgba(34, 34, 34, 0.1));
}

.ma-text {
margin: 5px;
transition: 1s !important;
width: 80%;
height: 100%;
}

.ma-text:hover {
transition: 1s !important;
transform: scale(1.10);
filter: drop-shadow(2px 2px 2px rgba(34, 34, 34, 0.2));
}

.ma-title-icon,
.qa-title-icon {
width: 30px;
height: 30px;
}

.column {
display: flex;
width: 28%;
margin: 0.8em;
text-align: center;
flex-direction: column;
color: white;
}

.column a:visited {
color: #ffffff;
}

.social-media {
text-align: center;
height: auto;
padding-bottom: 10px;
margin-top: -42px;
margin-right: 10px;
position: absolute;
top: 0;
right: 0;
}

.social-media p {
display: flex;
justify-content: space-around;
}

.social-media a {
width: 41.5px;
}

.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;
}

.sc-icon {
width: 100%;
margin: -1px;
height: auto;
transition: 1s !important;
}

.sc-icon:hover {
filter: grayscale(0%) contrast(115%);
transition: 1s !important;
transform: scale(1.10);
}

.update-box {
margin-bottom: 20px
}

.update-box,
.update-box-2 {
width: 90%;
text-align: center;
position: relative;
margin: 20px auto;
transition: 1s !important;
border-radius: 20px;
display: flex;
justify-content: center;
font-weight: bold;

}

.update-box-2:hover,
.update-box:hover {
transition: 1s !important;
transform: scale(1.05);
}

.update-box img,
.update-box-2 img {
border: 0;
vertical-align: middle;
width: 100%;
height: 100%;
}

.update-box-2 a,
.update-box a {
width: 100%;
}

.update-title {
width: 100%;
height: 42px;
position: absolute;
top: 0;
font-size: 15px;
border-radius: 20px 20px 0px 0px;
}

.update-title a {
color: white;
}

.update-subtitle {
width: 100%;
height: 50px;
position: absolute;
bottom: 0;
font-size: 15px;
border-radius: 0px 0px 20px 20px;
}

.update-box-subtitle {
position: relative;
top: 50%;
transform: translateY(-50%);
text-shadow: 2px 0 #000, -2px 0 #000, 0 2px #000, 0 -2px #000,
1px 1px #000, -1px -1px #000, 1px -1px #000, -1px 1px #000;
}

.box {
text-align: center;
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
border-radius: 10px;
margin-top: 2px;
padding-bottom: 5px;
}

.box-title {
border: 1px solid #007ee5;
width: 100%;
height: 54px;
background-color: #007ee5;
border-radius: 10px 10px 0px 0px;
}

.box-title p {
font-size: 22px;
color: white;
position: relative;
top: 35%;
transform: translateY(-50%);
}

.destaque-box {
width: 100%;
text-align: center;
position: relative;
transition: 1s !important;
border-radius: 20px;
display: flex;
justify-content: center;
font-weight: bold;
}

.destaque-box:hover{
transition: 1s !important;
transform: scale(1.01);
}

.destaque-box img{
vertical-align: middle;
width: 100%;
height: 100%;
border-radius: 6px;
border-top: 10px solid #007ee5;
object-fit: cover;
}
/* Mapas */

.divmap a img{
width: 100%;
height: 100%;
}

/* Patch Notes */
.patch-notes {
padding: 20px;
background-color: #ffffff;
border-radius: 30px;
border: 1px solid #cccccc;
margin-bottom: 20px;
min-height: 120px;
}

.patch-notes img {
float: right;
width: 100px;
height: 100px;
border-radius: 50px;
}

.patch-notes .toc, .off-topic .toc, .sum-off-topic .toc{
display: none;
}

/* Painel Lateral */
li#t-whatlinkshere,
li#t-recentchangeslinked,
li#t-specialpages,
li#t-print,
li#t-permalink,
li#t-info {
display: none;
}

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

/* Shiny Page */

.tab_shiny {
background-color: rgb(255 255 255);
}

/* Premium Account Page */
.premium-account img {
border-radius: 15px;
}

/* Addons Page */
.container-addons {
display: flex;
text-align: center;
justify-content: space-around;
}

.column-addons img {
transition: 1s !important;
}

.column-addons img:hover {
transform: scale(1.10);
transition: 1s !important;
}

/* Ability Page */
table.mw-collapsible.wikitable.mw-made-collapsible tr:nth-child(odd) {
background: #4682B4 !important;
}

/* Quests Page */
.img-quests {
transition: 2s !important;
}

.img-quests:hover {
filter: contrast(140%);
transition: 2s !important;
}

table.wikitable.sortable.quest.jquery-tablesorter tr:hover {
background: linear-gradient(90deg, #e8f4f2, #f8f9fa) !important;
transition: 2s !important;
}

table.wikitable.sortable.quest.jquery-tablesorter tr {
background: linear-gradient(90deg, #f8f9fa, #e8f4f2);
color: #000;
text-align: center;
width: 20%;
border-radius: 10px;
transition: 2s !important;
}

table.wikitable.sortable.quest.jquery-tablesorter tr td {
border: 1px solid transparent;
border-radius: 10px;
}

/* Horde Leader Page */
table.wikitable.otp-hover tr:hover {
background-color: #bacafb40;
}

/* Battle Pass */
.collapsible-battle-pass {
cursor: pointer;
padding: 8px;
text-align: left;
outline: none;
font-style: italic;
font-size: 15px;
border-radius: 10px;
border: 1px solid #000;
}

.active {
border-radius: 10px 10px 0px 0px;
}

.collapsible-battle-pass:after {
content: '\002B';
font-weight: bold;
float: right;
margin-left: 5px;
}

.collapsible-battle-pass:before {
content: '\002B\0020\00A0\00A0';
font-weight: bold;
float: left;
margin-left: 5px;
}

.active:after {
content: "\2212";
}

.active:before {
content: "\2212\0020\00A0\00A0";
}

.container-battle-pass {
border: 1px solid black;
border-radius: 0px 0px 10px 10px;
}

.content-battle-pass {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease-out;
border-radius: 0px 0px 10px 10px;
}

/* Pokémon Pokedex */
.collapsible-pokemon {
width: 500px;
cursor: pointer;
padding: 8px;
text-align: left;
outline: none;
font-style: italic;
font-size: 15px;
border-radius: 10px;
border: 1px solid #1e90ff;
}

.collapsible-pokedex {
width: 500px;
cursor: pointer;
text-align: left;
outline: none;
cursor: pointer;
padding: 10px;
background: #060C19;
font-size: 15px;
border-radius: 10px;
border: 3px solid #012953;
}
.collapsible-pokedex:after {
content: '\002B';
font-weight: bold;
float: right;
margin-left: 5px;
}

.collapsible-pokedex:before {
content: '\002B\0020\00A0\00A0';
font-weight: bold;
float: left;
margin-left: 5px;
}
.active {
border-radius: 10px 10px 0px 0px;
}

.collapsible-pokemon:after {
content: '\002B';
font-weight: bold;
float: right;
margin-left: 5px;
}

.collapsible-pokemon:before {
content: '\002B\0020\00A0\00A0';
font-weight: bold;
float: left;
margin-left: 5px;
}

.container-pokemon {
border: 1px solid #1e90ff;
border-radius: 0px 0px 10px 10px;
}

.content-pokemon {
width: 518px;
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease-out;
border-radius: 0px 0px 10px 10px;
}

.container-pokedex {
border: 3px solid #012953;
border-radius: 0px 0px 10px 10px;
background: #060C19;
}

.content-pokedex {
width: 526px;
padding: 0px 10px 0px 0px;
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease-out;
border-radius: 0px 0px 10px 10px;
}
/* Logo */

.mw-wiki-logo {
background-image: url(/resources/assets/legacy/Logo4-wiki-azul.png) !important;
}

/* Atualizações */
.design-section {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 100vh;
padding: 100px 0;
}

.design {
display: flex;
align-items: center;
justify-content: center;
}

.timeline {
width: 80%;
height: auto;
max-width: 800px;
margin: 0 auto;
display: flex;
flex-direction: column;
text-align: center;
}

.timeline-content {
background: #f7f6fb;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 1px -1px 14px -2px rgba(0, 0, 0, 0.69);
-moz-box-shadow: 1px -1px 14px -2px rgba(0, 0, 0, 0.69);
border-radius: 5px;
padding: 1.25rem;
transition: 0.4s ease;
overflow-wrap: break-word !important;
margin: 1rem;
margin-bottom: 20px;
border-radius: 20px;
}

.timeline-component {
margin: 0px 20px 20px 20px;
}

@media screen and (min-width: 768px) {
.timeline {
display: grid;
grid-template-columns: 1fr 3px 1fr;
text-align: center;
}

.timeline-middle {
position: relative;
background-image: linear-gradient(45deg, #F27121, #E94057, #8A2387);
width: 3px;
height: 100%;
}

.main-middle {
opacity: 0;
}

.timeline-circle {
position: absolute;
top: 0;
left: 50%;
width: 15px;
height: 15px;
border-radius: 50%;
background-image: linear-gradient(45deg, #F27121, #E94057, #8A2387);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}

.timeline-component.timeline-content img {
transition: 1s !important;
}

.timeline-component.timeline-content img:hover {
transition: 1s !important;
transform: scale(1.05);
}

/* Media Query */

/* Minigames Page */
@media only screen and (max-width: 1350px) {
.item-minigame {
position: relative;
display: flex;
align-items: center;
justify-content: center;
font: 1.5rem sans-serif;
cursor: pointer;
will-change: transform;
}

.minigames {
display: inline;
text-align: center;
justify-content: space-around;
}

.item-minigame {
position: relative;
display: flex;
align-items: center;
justify-content: center;
font: 1.5rem sans-serif;
cursor: pointer;
will-change: transform;
border: 1px solid black;
}

.item-minigame img,
.item-minigame a {
width: 100%;
height: 100%;
}

.bombermon:hover::after {
box-shadow: none;
}

.bombermon:hover::before {
box-shadow: none;
}

.bombermon::after {
box-shadow: none;
}

.bombermon::before {
box-shadow: none;
}

.bombermon::before,
.bombermon::after {
background-color: none;
}

.bugcatcher:hover::after {
box-shadow: none;
}

.bugcatcher:hover::before {
box-shadow: none;
}

.bugcatcher::after {
box-shadow: none;
}

.bugcatcher::before {
box-shadow: none;
}

.bugcatcher::before,
.bugcatcher::after {
background-color: none;
}

.futebol:hover::after {
box-shadow: 0 168px orange;
}

.futebol:hover::before {
box-shadow: 518px 0 orange;
}

.futebol::after {
box-shadow: 0 148px orange;
}

.futebol::before {
box-shadow: 498px 0 orange;
}

.futebol::before,
.futebol::after {
background-color: none;
}

.dongeorge:hover::after {
box-shadow: 0 168px orange;
}

.dongeorge:hover::before {
box-shadow: 518px 0 orange;
}

.dongeorge::after {
box-shadow: 0 148px orange;
}

.dongeorge::before {
box-shadow: 498px 0 orange;
}

.dongeorge::before,
.dongeorge::after {
background-color: none;
}

.jockeyclub:hover::after {
box-shadow: none;
}

.jockeyclub:hover::before {
box-shadow: none;
}

.jockeyclub::after {
box-shadow: none;
}

.jockeyclub::before {
box-shadow: none;
}

.jockeyclub::before,
.jockeyclub::after {
background-color: none;
}

.pokekart:hover::after {
box-shadow: none;
}

.pokekart:hover::before {
box-shadow: none;
}

.pokekart::after {
box-shadow: none;
}

.pokekart::before {
box-shadow: none;
}

.pokekart::before,
.pokekart::after {
background-color: none;
}

.towerchallenge:hover::after {
box-shadow: none;
}

.towerchallenge:hover::before {
box-shadow: none;
}

.towerchallenge::after {
box-shadow: none;
}

.towerchallenge::before {
box-shadow: none;
}

.towerchallenge::before,
.towerchallenge::after {
background-color: none;
}

.hitmachine:hover::after {
box-shadow: none;
}

.hitmachine:hover::before {
box-shadow: none;
}

.hitmachine::after {
box-shadow: none;
}

.hitmachine::before {
box-shadow: none;
}

.hitmachine::before,
.hitmachine::after {
background-color: none;
}

.mewtwocastle:hover::after {
box-shadow: none;
}

.mewtwocastle:hover::before {
box-shadow: none;
}

.mewtwocastle::after {
box-shadow: none;
}

.mewtwocastle::before {
box-shadow: none;
}

.mewtwocastle::before,
.mewtwocastle::after {
background-color: none;
}

.cassino:hover::after {
box-shadow: none;
}

.cassino:hover::before {
box-shadow: none;
}

.cassino::after {
box-shadow: none;
}

.cassino::before {
box-shadow: none;
}

.cassino::before,
.cassino::after {
background-color: none;
}
}

@media (min-width: 1350px) {

.bombermon:hover::after {
box-shadow: 0 168px red;
}

.bombermon:hover::before {
box-shadow: 518px 0 red;
}

.bombermon::after {
box-shadow: 0 148px red;
}

.bombermon::before {
box-shadow: 498px 0 red;
}

.bombermon::before,
.bombermon::after {
background-color: red;
}

.bugcatcher:hover::after {
box-shadow: 0 168px green;
}

.bugcatcher:hover::before {
box-shadow: 518px 0 green;
}

.bugcatcher::after {
box-shadow: 0 148px green;
}

.bugcatcher::before {
box-shadow: 498px 0 green;
}

.bugcatcher::before,
.bugcatcher::after {
background-color: green;
}

.futebol:hover::after {
box-shadow: 0 168px orange;
}

.futebol:hover::before {
box-shadow: 518px 0 orange;
}

.futebol::after {
box-shadow: 0 148px orange;
}

.futebol::before {
box-shadow: 498px 0 orange;
}

.futebol::before,
.futebol::after {
background-color: orange;
}

.dongeorge:hover::after {
box-shadow: 0 168px orange;
}

.dongeorge:hover::before {
box-shadow: 518px 0 orange;
}

.dongeorge::after {
box-shadow: 0 148px orange;
}

.dongeorge::before {
box-shadow: 498px 0 orange;
}

.dongeorge::before,
.dongeorge::after {
background-color: orange;
}

.jockeyclub:hover::after {
box-shadow: 0 168px yellow;
}

.jockeyclub:hover::before {
box-shadow: 518px 0 yellow;
}

.jockeyclub::after {
box-shadow: 0 148px yellow;
}

.jockeyclub::before {
box-shadow: 498px 0 yellow;
}

.jockeyclub::before,
.jockeyclub::after {
background-color: yellow;
}

.pokekart:hover::after {
box-shadow: 0 168px black;
}

.pokekart:hover::before {
box-shadow: 518px 0 black;
}

.pokekart::after {
box-shadow: 0 148px black;
}

.pokekart::before {
box-shadow: 498px 0 black;
}

.pokekart::before,
.pokekart::after {
background-color: black;
}

.towerchallenge:hover::after {
box-shadow: 0 168px blue;
}

.towerchallenge:hover::before {
box-shadow: 518px 0 blue;
}

.towerchallenge::after {
box-shadow: 0 148px blue;
}

.towerchallenge::before {
box-shadow: 498px 0 blue;
}

.towerchallenge::before,
.towerchallenge::after {
background-color: blue;
}

.hitmachine:hover::after {
box-shadow: 0 168px Orchid;
}

.hitmachine:hover::before {
box-shadow: 518px 0 Orchid;
}

.hitmachine::after {
box-shadow: 0 148px Orchid;
}

.hitmachine::before {
box-shadow: 498px 0 Orchid;
}

.hitmachine::before,
.hitmachine::after {
background-color: Orchid;
}

.mewtwocastle:hover::after {
box-shadow: 0 168px purple;
}

.mewtwocastle:hover::before {
box-shadow: 518px 0 purple;
}

.mewtwocastle::after {
box-shadow: 0 148px purple;
}

.mewtwocastle::before {
box-shadow: 498px 0 purple;
}

.mewtwocastle::before,
.mewtwocastle::after {
background-color: purple;
}

.cassino:hover::after {
box-shadow: 0 168px DarkSlateBlue;
}

.cassino:hover::before {
box-shadow: 518px 0 DarkSlateBlue;
}

.cassino::after {
box-shadow: 0 148px DarkSlateBlue;
}

.cassino::before {
box-shadow: 498px 0 DarkSlateBlue;
}

.cassino::before,
.cassino::after {
background-color: DarkSlateBlue;
}

.item-minigame::before,
.item-minigame::after {
position: absolute;
top: 0;
left: 0;
content: '';
display: block;
transition-duration: 0.3s !important;
transition: all 250ms ease-in-out;
}

.item-minigame::before {
width: 2px;
height: 150px;
}

.item-minigame::after {
height: 2px;
width: 500px;
}

.item-minigame:hover::before {
left: -10px;
}

.item-minigame:hover::after {
top: -10px;
}

.minigames {
display: flex;
text-align: center;
justify-content: space-around;
}

.item-minigame {
height: 150px;
width: 500px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
font: 1.5rem sans-serif;
cursor: pointer;
will-change: transform;
}

}

/*****************/

@media (max-width: 1300px) {

.update-subtitle,
.update-title {
font-size: 12px;
}
}

/* KeyFrames */

@keyframes moveGradient {
50% {
background-position: 100% 50%;
}
}

@keyframes fadeInSlide {
from {
opacity: 0;
}

to {
opacity: 1;
}
}

/* Torneios */
.square-torneios {
width: 250px;
height: 250px;
background-color: #000;
border-top: 15px solid #3498db;
border-radius: 15px;
text-align: center;
overflow: hidden;
transition: transform 0.3s, box-shadow 0.3s;
margin: 15px 25px;
box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.15);
}

.square-torneios img {
width: 120px;
height: 120px;
max-width: 150%;
max-height: 150%;
margin-top: 30px;
}

.square-torneios p {
margin: 90px 0;
}

.square-torneios:hover {
transform: scale(1.1);
box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
}

.torneios {
display: flex;
flex-wrap: wrap;
justify-content: center;
}

p.torneios-name {
margin: 0px 5px 0px 5px;
line-height: 50px;
font-size: 25px;
text-align: center;
}

.torneios-name a {
padding: 150px 5px 0px 10px;
color: black;
text-decoration: none;
}

.square-torneios a p {
font-size: 0;
height: 200px;
width: 200px;
position: absolute;
}

/* Outfits/Npcs */
.square-box {
width: 180px;
height: 180px;
background-color: #fff;
border-top: 10px solid #3498db;
border-radius: 10px;
text-align: center;
overflow: hidden;
transition-duration: 0.3s !important;
transition: transform 0.3s, box-shadow 0.3s;
margin: 15px 25px;
box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.15);
}

.square-box img {
width: 60px;
height: 60px;
max-width: 100%;
max-height: 100%;
margin-top: 30px;
}

.square-box p {
margin: 10px 0;
}

.square-box:hover {
transform: scale(1.1);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.square-div{
display: flex;
flex-wrap: wrap;
justify-content: center;
}

p.square-name {
margin: 0px 5px 0px 5px;
line-height: 100px;
font-size: 15px;
font-weight: bold;
text-align: center;
color: black;
}

.square-name a {
padding: 150px 5px 0px 10px;
color: black;
text-decoration: none;
}

.square-box a p {
font-size: 0;
height: 200px;
width: 200px;
position: absolute;
}

/* Gym Leaders */
.square-box-gym {
width: 180px;
height: 200px;
background-color: #fff;
border-top: 10px solid #3498db;
border-radius: 10px;
text-align: center;
overflow: hidden;
transition-duration: 0.3s !important;
transition: transform 0.3s, box-shadow 0.3s;
margin: 15px 25px;
box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.15);
}

.square-box-gym img {
width: 60px;
height: 60px;
max-width: 100%;
max-height: 100%;
margin-top: 30px;
}

.square-box-gym p {
margin: 10px 0;
}

.square-box-gym:hover {
transform: scale(1.1);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.square-div-gym{
display: flex;
flex-wrap: wrap;
justify-content: center;
}

p.square-name-gym {
margin: 15px 5px 0px 5px;
line-height: 40px;
font-size: 15px;
text-align: center;
color: black;
}

.square-name-gym a {
padding: 150px 5px 0px 10px;
color: black;
text-decoration: none;
}

.square-box-gym a p {
font-size: 0;
height: 220px;
width: 200px;
position: absolute;
}

/* Torneio Mundial */
.container-mundial img{
width: 100%;
height: auto;
}

/* Dark Mode */
@media (prefers-color-scheme: dark) {

.mw-body,
.parsoid-body,
#mw-panel {
background: #222125;
border-radius: 6px;
border: 5px solid transparent;
border-image: url(/resources/assets/legacy/Border_blue.png) 15 stretch;
}

.mw-body h1,
.mw-body-content h1 {
font-size: 1.8em;
color: white;
}

.mw-body-content .toc h2 {
font-family: sans-serif;
font-size: 100%;
color: white;
}

#mw-panel .portal h3 {
color: #cacaca;
font-weight: normal;
margin: 0.5em 0 0 0.66666667em;
padding: 0.25em 0;
cursor: default;
border: 0;
font-size: 0.75em;
}

.mw-body-content p {
margin: 0.5em 0;
color: white;
}

.mw-body-content h3,
.mw-body-content h4 {
font-weight: bold;
color: white;
}
.vector-menu-portal .vector-menu-content li a {
color: #ffffff;
}
.vector-menu-portal .vector-menu-content li a:visited {
color: #ffffff;
}

pre,
.mw-code {
color: #fff;
background-color: rgb(234 236 240 / 0%);
border: 1px solid rgb(234 236 240 / 0%);
padding: 0;
white-space: pre-wrap;
}

.tocnumber {
padding-left: 0;
padding-right: 0.5em;
color: #e3e3e3;
}

li {
margin-bottom: 0.1em;
color: white;
}

#simpleSearch {
display: block;
width: 13.2em;
width: 20vw;
min-width: 5em;
max-width: 20em;
height: 100%;
margin-top: 0;
position: relative;
background: #222125;
min-height: 1px;
}

#mw-panel .portal .body li a:visited {
color: #e0e0e0;
}

#mw-panel .portal .body li a {
color: #d8d8d9;
}

a:visited {
color: #5d90ff;
}

a {
text-decoration: none;
color: #5d90ff;
background: none;
}

b {
color: white;
}

.mw-content-ltr {
direction: ltr;
color: white;
}

.toc {
display: inline-block;
display: table;
zoom: 1;
background: #141415;
padding: 7px;
}

.toctogglelabel {
cursor: pointer;
color: #b3bcca;
}

.mw-parser-output a.external:visited {
color: #ffa6ff;
}

.mw-parser-output a.external {
color: #ffa6ff;
}

.mw-body-content h2 {
margin-top: 1em;
font-size: 1.5em;
color: white;
}

.mw-editform #wpTextbox1 {
margin: 0;
display: block;
max-height: 100vh;
background: #d8d6de;
min-height: 5em;
}

div#editpage-copywarn p {
color: #363535;
}

.mw-editinginterface p {
color: white;
}

.wikitable {
background-color: #141415;
color: #eaecf0;
margin: 1em 0;
border: 1px solid #a2a9b1;
border-collapse: collapse;
}

.wikitable>tr>th,
.wikitable>*>tr>th {
background-color: #3d3d3d;
text-align: center;
}

#simpleSearch input {
background-color: #ffffff;
background-color: rgba(0, 0, 0, 0);
color: #ffffff;
margin: 0;
}

ol li::marker {
color: red;
font-weight: bold;
}

ul li::marker {
font-size: 150%;
color: white;
}

.spoilers-body {
border: 1px dashed #000;
padding: 3px;
background-color: #222125;
display: none;
color: #000;
}

.tab_shiny {
background-color: rgb(255 255 255);
color: black;
}

.warningbox {
background-color: #000;
border-color: #fc3;
}

table.wikitable.sortable.quest.jquery-tablesorter a {
color: #12125e;
}

.oo-ui-fieldLayout.oo-ui-labelElement,
.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline {
margin-top: 0.85714286em;
color: white;
}

.toccolours tr td {
color: black;
}

.toccolours b {
color: black;
}

.table-darkmode tr:nth-child(odd) td b {
color: #101010;
}

.table-darkmode tr:nth-child(odd) {
background: #f2f2f2 !important;
}

.square-box {
background-color: #000;
}

.quest tr {
background: linear-gradient(90deg, #404040 0%, #404040 100%) !important;
color: white !important;
}

.quest a {
color: #77c9ff !important;
}

table.wikitable.sortable.quest.jquery-tablesorter tr:hover {
background: linear-gradient(90deg, #272727, #272727) !important;
transition: 2s !important;
}

.oo-ui-labelElement .oo-ui-labelElement-label {
line-height: 1.42857143em;
color: white;
}

form#mw-upload-form {
color: white;
}

.patch-notes p, .patch-notes h3 {
color: black;
}

.mw-parser-output ul li::before{
color: white;
content: '● ';
}

#toc ul li::before{
content: '';
}
.collapsible-battle-pass {
cursor: pointer;
padding: 8px;
text-align: left;
outline: none;
font-style: italic;
font-size: 15px;
border-radius: 10px;
border: 1px solid #fff;
}
.evolutions-dark, .evolutions-dark b{
color: black !important;
}
p.square-name-gym, p.square-name-gym b, .square-name a,.square-name {
color: black;
}
table.mw-enhanced-rc td {
color: White;
}
.oo-ui-optionWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
color: black;
}

}
.opcao {
cursor: pointer;
margin: 5px;
padding: 10px;
border: 1px solid #ccc;
display: inline-block;
}

body.page-Página_principal h1.firstHeading { display:none; }

.progress-bar {
width: 300px;
height: 50px;
background-color: #ddd;
border-radius: 5px;
overflow: hidden;
}

.stars-container {
height: 100%;
display: flex;
align-items: center;
background-color: #F0F8FF;
transition: width 0.5s ease-in-out;
}

.stars {
font-size: 24px;
color: #4caf50;
}

.pokedex-img img{
width: 50%;
height: auto;
border-radius: 5px;
}

.container-tab table{
text-align: center;
width: 100%;
border-collapse: collapse;
overflow: hidden;
box-shadow: 0 0 20px rgba(0,0,0,0.1);
border: 1px solid gray;
}

.container-tab th,
.container-tab td {
padding: 15px;
background-color: rgba(255,255,255,0.2);
border: 1px solid gray;
text-align: center;
}

.container-tab th {
text-align: center;
border: 1px solid gray;
}

.container-tab tbody {
tr {
&:hover {
background-color: rgb(10 234 58 / 20%);
}
}
td {
position: relative;
&:hover {
&:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: -9999px;
bottom: -9999px;
background-color: rgb(234 10 10 / 20%);
z-index: -1;
}
}
}
}

.celula-neutra {
backdrop-filter: invert(30%);
}

.outfit-img img{
width: 100%;
height: auto;
border-radius: 5px;
}

/* Slide Inicial */

.slider{
position: relative;
margin-top: -5px;
}
.slide{
width:100%;
height: 100%;
border-radius: 5px;
animation: fadeInSlide 1s;
}
.slide a img{
width:100%;
height: 100%;
border-radius: 6px;
border-top: 10px solid #007ee5;
}
.slider-bullet{
position: absolute;
top: 20px;
height: 10px;
width: 10px;
background-color: #e5e5e5;
border-radius: 50%;
transition:1s;
cursor: pointer;
display: none;
}
@keyframes fadeInSlide{
from {opacity: 0;}
to {opacity: 1;}
}

/* Teste table */
.col-1-8 {
width: 16%;
float: left;
}
.round-two-top {
padding: 45px 0 0;
}
.round-two-bottom {
padding: 82px 0 0;
}
.round-three-top {
padding: 60px 0 0;
}
.round-three-first {
padding: 175px 0 0;
}
.round-three {
padding: 248px 0 0;
}
.round-four-first {
padding: 450px 0 0;
}
.round-four-last {
padding: 350px 0 0;
}
.round-four {
padding: 580px 0 0;
}
.round-five-first {
padding: 700px 0 0;
}
.round-five-last {
padding: 1200px 0 0;
}
.round-six {
padding: 1300px 0 0;
}
.col-1-4 {
width: 25%;
float: left;
}
.col-1-3 {
width: 33.333%;
float: left;
}
.col-1-2 {
width: 50%;
float: left;
}
.col-2-3 {
width: 66.66%;
float: left;
}
.col-100 {
width: 100%;
float: left;
}
ul.matchup {
margin: 0;
width: 100%;
padding: 10px;
}
ul.matchup li {
padding: 0;
margin: 3px 5px;
height: 25px;
line-height: 25px;
white-space: nowrap;
overflow: hidden;
position: relative;
border: 1px solid #cccccc;
}
.seed {
background: #e7e7e7;
padding: 5px 10px;
}

@media screen and (min-width: 401px) and (max-width: 680px) {
.col-1-8 {
width: 20%;
}
}

@media screen and (max-width: 400px) {
.col-1-8 {
width: 33%;
}
.champ {
width:100%;
}
}

/* Pokedex */

.square-div-pokedex {
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.square-box-pokedex{
background-color: white;
text-align: center;
padding: 10px;
width: 150px;
height: 250px;
border: 1px solid #ccc;
border-radius: 5px;
margin: 0 5px 5px 0;
overflow: hidden;
transition-duration: 0.3s !important;
transition: transform 0.3s, box-shadow 0.3s;
box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.15);
}

.square-box-pokedex img{
width: 80px;
height: 80px;
max-width: 100%;
max-height: 100%;
margin-top: 5px;
}

.square-box-pokedex p{
margin: 10px 0;
}

.square-box-pokedex:hover{
transform: scale(1.1);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

p.square-name-pokedex {
margin: 0px 5px 0px 5px;
line-height: 35px;
font-size: 15px;
font-weight: bold;
text-align: center;
color: black;
}

.square-name-pokedex{
color: black;
margin: 0;
padding-top: 5px;
}

.square-img-pokedex{
margin: 2px 0;
font-weight: normal;
}

.square-box-pokedex a p {
font-size: 0;
height: 240px;
width: 150px;
position: absolute;
}
.square-img-pokedex a img {
width: 72px;
height: 100%;
}

.pokdx img{
width: auto !important;
height: 100%;

}

/* Text Hover */
.text-hover, .t-h{
position: relative;
display: inline-block;
}

.text-hover .tooltip-text, .t-h .t-t{
visibility: hidden;
width: max-content;
background-color: #333;
color: #fff;
text-align: center;
padding: 5px;
border-radius: 5px;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
transform: translateX(-50%);
opacity: 0;
transition: opacity 0.3s;
}

.text-hover:hover .tooltip-text, .t-h:hover .t-t {
visibility: visible;
opacity: 1;
}

/* Teste Menu */
.content {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease-out;
}

.content.active {
max-height: 500px;
}

.loot-title a, .l-t a{
color: white;
}

/* Shiny Page */

.square-box {
width: 180px;
height: 180px;
background-color: #fff;
border-top: 10px solid #3498db;
border-radius: 10px;
text-align: center;
overflow: hidden;
transition-duration: 0.3s !important;
transition: transform 0.3s, box-shadow 0.3s;
margin: 15px 25px;
box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.15);
}

.square-box img {
width: 60px;
height: 60px;
max-width: 100%;
max-height: 100%;
margin-top: 30px;
}

.square-box p {
margin: 10px 0;
}

.square-box:hover {
transform: scale(1.1);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.square-div{
display: flex;
flex-wrap: wrap;
justify-content: center;
}

p.square-name {
margin: 0px 5px 0px 5px;
line-height: 100px;
font-size: 15px;
font-weight: bold;
text-align: center;
color: black;
}

.square-name a {
padding: 150px 5px 0px 10px;
color: black;
text-decoration: none;
}

.square-box a p {
font-size: 0;
height: 200px;
width: 200px;
position: absolute;
}
.square-box-shiny {
width: 180px;
height: 200px;
background-color: #fff;
border-top: 10px solid #4298f5;
border-radius: 10px;
text-align: center;
overflow: hidden;
transition-duration: 0.3s !important;
transition: transform 0.3s, box-shadow 0.3s;
margin: 15px 25px;
box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.15);
}

.square-box-shiny img {
width: 60px;
height: 60px;
max-width: 100%;
max-height: 100%;
margin-top: 30px;
}

.square-box-shiny p {
margin: 10px 0;
}

.square-box-shiny:hover {
transform: scale(1.1);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.square-div-shiny{
display: flex;
flex-wrap: wrap;
justify-content: center;
}

p.square-name-shiny {
margin: 15px 5px 0px 5px;
line-height: 40px;
font-size: 15px;
text-align: center;
color: black;
}

.square-name-shiny a {
padding: 150px 5px 0px 10px;
color: black;
text-decoration: none;
}

.square-name-shiny b {
color: black;
}

.square-box-shiny a p {
font-size: 0;
height: 220px;
width: 200px;
position: absolute;
}

.tooltip-gif a img, .t-g a img{
width: 400px;
height: 400px
}

.b-tm, .b-mt-i{
text-align: center;
width: 40px;
height: 40px;
background-color: #4BB9CC;
border-radius: 70px;
padding: 5px;
border: 1px solid #0c3d70;
color: #000;
}

.b-mt-v{
text-align: center;
width: 100px;
height: 40px;
background-color: #060C19;
border-radius: 10px;
padding: 5px;
border: 1px solid #060C19;
color: #000;
}

.b-mt-n{
text-align: center;
width: 100px;
height: 20px;
background-color: #060C19;
font-size: 12px;
padding: 5px;
border: 1px solid #060C19;
color: #fff;
}

.b-mt-0{
text-align: center;
width: 100px;
height: 40px;
background-color: #060C19;
border-radius: 10px;
padding: 5px;
border: 1px solid #060C19;
}
.b-mt-1{
text-align: center;
width: 40px;
height: 40px;
background-color: #0b1428;
border-radius: 70px;
padding: 5px;
border: 1px solid #0c3d70;
}

.b-mt-2{
text-align: center;
width: 100px;
height: 20px;
background-color: #060C19;
padding: 5px;
border: 1px solid #060C19;
}

.b-tm-1{
text-align: center;
width: 100px;
height: 40px;
background-color: #0b1428;
padding: 5px;
border: 1px solid #0c3d70;
border-radius: 50px;
color: #000;
}
.b-tm-2{
text-align: center;
width: 40px;
height: 20px;
}

.e-l-i{
text-align: center;
width: 100px;
height: 40px;
background-color: #061F4A;
padding: 5px;
border: 1px solid #0c3d70;
border-radius: 70px;
}
.e-l-n{
text-align: center;
width: 40px;
height: 20px;
background-color: #060C19;
padding: 5px;
border: 1px solid #060C19;
border-radius: 10px;
}

.e-l-i-v{
text-align: center;
width: 100px;
height: 40px;
background-color: #0b1428;
padding: 5px;
border: 1px solid #0c3d70;
border-radius: 50px;
color: #000;
}

.e-l-n-v{
text-align: center;
width: 40px;
height: 20px;
}

.m-01{
text-align: center;
width: 70px;
height: auto;
color: #000;
}

.s-01{
text-align: center;
width: 100px;
background-color: #527C98;
border-radius: 10px 0px 0px 10px;
padding: 5px;
color: #fff;
border-spacing: 10px;
text-align: end;
}
.s-02{
text-align: center;
width: 100px;
background-color: #527C98;
border-radius: 0px;
padding: 5px;
color: #fff;
border-spacing: 10px;
text-align: center;
}

.s-03{
text-align: center;
width: 60px;
background-color: #527C98;
border-radius: 0px 10px 10px 0px;
padding: 5px;
color: #fff;
border-spacing: 10px;
text-align: start;
}

.l-01{
text-align: center;
width: 120px;
height: 50px;
background-color: #060C19;
border-radius: 10px;
padding: 5px;
border: 1px solid #060C19;
color: #000;
}
.l-02{
text-align: center;
width: 50px;
height: 50px;
background-color: #061F4A;
border-radius: 50px;
padding: 5px;
border: 1px solid #0c3d70;
color: #000;
}
.l-03{
text-align: center;
width: 50px;
height: 50px;
background-color: #060C19;
border-radius: 50px;
padding: 5px;
border: 1px solid #0c3d70;
color: #000;
}

.move-01{
text-align: center;
width: 100px;
height: 40px;
background-color: #060C19;
border-radius: 10px;
padding: 5px;
border: 1px solid #060C19;
color: #000;
}
.move-02{
text-align: center;
width: 40px;
height: 40px;
background-color: #0b1428;
border-radius: 70px;
padding: 5px;
border: 1px solid #0c3d70;
color: #000;
}
.move-03{
text-align: center;
width: 40px;
height: 40px;
background-color: #4BB9CC;
border-radius: 70px;
padding: 5px;
border: 1px solid #0c3d70;
color: #000;
}

.square-box-fishing {
width: 180px;
height: 200px;
background-color: #fff;
border-top: 10px solid #ff1919;
border-radius: 10px;
text-align: center;
overflow: hidden;
transition-duration: 0.3s !important;
transition: transform 0.3s, box-shadow 0.3s;
margin: 15px 25px;
box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.15);
}

.square-box-fishing img {
width: 60px;
height: 60px;
max-width: 100%;
max-height: 100%;
margin-top: 30px;
}

.square-box-fishing p {
margin: 10px 0;
}

.square-div-fishing{
display: flex;
flex-wrap: wrap;
justify-content: center;
}

p.square-name-fishing {
margin: 15px 5px 0px 5px;
line-height: 40px;
font-size: 15px;
text-align: center;
color: black;
}

.square-name-fishing a {
padding: 150px 5px 0px 10px;
color: black;
text-decoration: none;
}

.square-name-fishing b {
color: black;
}

.square-box-fishing a p {
font-size: 0;
height: 220px;
width: 200px;
position: absolute;
}

.square-box-fishing-good {
width: 180px;
height: 200px;
background-color: #fff;
border-top: 10px solid #1E90FF;
border-radius: 10px;
text-align: center;
overflow: hidden;
transition-duration: 0.3s !important;
transition: transform 0.3s, box-shadow 0.3s;
margin: 15px 25px;
box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.15);
}

.square-box-fishing-good img {
width: 60px;
height: 60px;
max-width: 100%;
max-height: 100%;
margin-top: 30px;
}

.square-box-fishing-good p {
margin: 10px 0;
}

.square-div-fishing-good{
display: flex;
flex-wrap: wrap;
justify-content: center;
}

p.square-name-fishing-good {
margin: 15px 5px 0px 5px;
line-height: 40px;
font-size: 15px;
text-align: center;
color: black;
}

.square-name-fishing-good a {
padding: 150px 5px 0px 10px;
color: black;
text-decoration: none;
}

.square-name-fishing-good b {
color: black;
}

.square-box-fishing-good a p {
font-size: 0;
height: 220px;
width: 200px;
position: absolute;
}

.square-box-fishing-super {
width: 180px;
height: 200px;
background-color: #fff;
border-top: 10px solid #FFD700;
border-radius: 10px;
text-align: center;
overflow: hidden;
transition-duration: 0.3s !important;
transition: transform 0.3s, box-shadow 0.3s;
margin: 15px 25px;
box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.15);
}

.square-box-fishing-super img {
width: 60px;
height: 60px;
max-width: 100%;
max-height: 100%;
margin-top: 30px;
}

.square-box-fishing-super p {
margin: 10px 0;
}

.square-div-fishing-super{
display: flex;
flex-wrap: wrap;
justify-content: center;
}

p.square-name-fishing-super {
margin: 15px 5px 0px 5px;
line-height: 40px;
font-size: 15px;
text-align: center;
color: black;
}

.square-name-fishing-super a {
padding: 150px 5px 0px 10px;
color: black;
text-decoration: none;
}

.square-name-fishing-super b {
color: black;
}

.square-box-fishing-super a p {
font-size: 0;
height: 220px;
width: 200px;
position: absolute;
}

.square-box-test {
width: 200px;
height: 250px;
background-color: #fff;
border-top: 10px solid #1E90FF;
border-radius: 10px;
text-align: center;
overflow: hidden;
transition-duration: 0.3s !important;
transition: transform 0.3s, box-shadow 0.3s;
margin: 15px 25px;
box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.15);
}

.square-box-test img {
width: 60px;
height: 60px;
max-width: 100%;
max-height: 100%;
margin-top: 30px;
}

.square-box-test p {
margin: 10px 0;
}

.square-div-test {
display: flex;
flex-wrap: wrap;
justify-content: center;
}

p.square-name-test {
margin: 15px 5px 0px 0px;
line-height: 40px;
font-size: 15px;
text-align: center;
color: black;
}

.square-name-test a {
padding: 150px 5px 0px 10px;
color: black;
text-decoration: none;
}

.square-name-test b {
color: black;
}

.square-box-test a p {
font-size: 0;
height: 220px;
width: 200px;
position: absolute;
}

/* Esconde o menu de idiomas ULS nativo do MediaWiki */
#pt-uls, .uls-settings-trigger {
display: none !important;
}

/* --- Oculta a interface original e intrusiva do Google Translate --- */

#google_translate_element,
.skiptranslate,
.goog-te-banner-frame,
#goog-gt-tt {
display: none !important;
visibility: hidden !important;
}

/* Evita que o script do Google empurre o topo do Wiki para baixo */
body {
top: 0 !important;
}

/* Esconde aquele fundo amarelo/azul que o Google coloca no texto original ao passar o mouse */
.goog-text-highlight {
background-color: transparent !important;
box-shadow: none !important;
}

/* Remove a borda azul pontilhada nativa dos navegadores ao clicar no idioma */
#p-lang-custom .lang-btn {
outline: none;
}

MediaWiki:Common.css

2026-08-28T17:06:53Z

WikiAdmin: Corrige URLs de imagens legadas (dominio antigo otpokemon.com)