otPokemon Wiki

MediaWiki:Common.css: mudanças entre as edições

Mensagem Discussão

MediaWiki:Common.css (ver código-fonte)

Edição das 17h24min de 5 de outubro de 2025

18 911 bytes adicionados ,  5 de outubro de 2025
sem sumário de edição
Sem resumo de edição
Sem resumo de edição
 
(239 revisões intermediárias por 6 usuários não estão sendo mostradas)
Linha 1: Linha 1:
/** o código CSS colocado aqui será aplicado a todos os temas */
/** o código CSS colocado aqui será aplicado a todos os temas :) */


/* Geral */
/* Geral */
Linha 18: Linha 18:
     width: 100%;
     width: 100%;
     height: 100vh;
     height: 100vh;
     background: url('https://wiki.otpokemon.com/images/8/8e/Birthday.png') no-repeat;
     background: url('https://wiki.otpokemon.com/images/1/1e/Wiki-back5.png') no-repeat;
     background-attachment: fixed;
     background-attachment: fixed;
     background-position: center;
     background-position: center;
Linha 36: Linha 36:
#ca-viewsource,
#ca-viewsource,
#ca-unwatch,
#ca-unwatch,
#ca-ve-edit {
#ca-ve-edit,
li#footer-places-privacy,
li#footer-places-about,
li#footer-places-disclaimer
{
     display: none;
     display: none;
}
}
.vectorTabs span {
.vectorTabs span {
     background-position: right bottom;
     background-position: right bottom;
     display: inline-block;
     display: inline-block;
     height: auto;
     height: auto;
}
.vector-menu-tabs a, .vector-menu-tabs {
  background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,#00000000 100%) !important;
}
}


Linha 89: Linha 96:
     width: 25px;
     width: 25px;
     border-radius: 3px;
     border-radius: 3px;
    font-size: 0;
     background-image: url(https://wiki.otpokemon.com/images/2/24/Code_button.png);
     background-image: url(https://wiki.otpokemon.com/images/2/24/Code_button.png);
     background-position: center;
     background-position: center;
Linha 99: Linha 105:
     width: 25px;
     width: 25px;
     height: 25px;
     height: 25px;
}
#ca-edit a span {
    font-size: 0;
}
}


Linha 106: Linha 116:
     width: 25px;
     width: 25px;
     border-radius: 3px;
     border-radius: 3px;
    font-size: 0;
     background-image: url(https://wiki.otpokemon.com/images/e/e0/History_button.png);
     background-image: url(https://wiki.otpokemon.com/images/e/e0/History_button.png);
     background-position: center;
     background-position: center;
Linha 116: Linha 125:
     width: 25px;
     width: 25px;
     height: 25px;
     height: 25px;
}
#ca-history a span {
    font-size: 0;
}
}


Linha 123: Linha 136:
     width: 25px;
     width: 25px;
     border-radius: 3px;
     border-radius: 3px;
    font-size: 0;
     background-image: url(https://wiki.otpokemon.com/images/4/42/Expand-button.png);
     background-image: url(https://wiki.otpokemon.com/images/4/42/Expand-button.png);
     background-position: center;
     background-position: center;
Linha 131: Linha 143:
}
}


.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 {
.vectorMenu .menu {
     font-size: 15px;
     font-size: 15px;
Linha 141: Linha 160:
     border-radius: 6px;
     border-radius: 6px;
     border: 5px solid transparent;
     border: 5px solid transparent;
     border-image: url(https://wiki.otpokemon.com/images/2/2a/Border-red.png) 15 stretch;
     border-image: url(https://wiki.otpokemon.com/images/a/af/Border_blue.png) 15 stretch;
}
}


Linha 198: Linha 217:


.container {
.container {
     margin: 0 auto;
     margin: 20px auto;
     display: flex;
     display: flex;
}
}
Linha 218: Linha 237:
     font-size: 2.5rem;
     font-size: 2.5rem;
     color: white;
     color: white;
     background: linear-gradient(60deg, #570101, #d51414, #ff9d9d, #c11111, #c11111, #aa001d, #aa001d);
     background: linear-gradient(60deg,#0562af,#0273cf,#0380e7,#1992f5,#5fb6ff,#1864c7,#034d89);
     background-size: 300% 300%;
     background-size: 300% 300%;
     background-position: 0 50%;
     background-position: 0 50%;
Linha 250: Linha 269:
     height: auto;
     height: auto;
     padding: 5px 0px;
     padding: 5px 0px;
     background: linear-gradient(90deg, #ff9d9d 0%, #c11111 46%, #c11111 100%);
     background: linear-gradient(90deg,#0562ae 0%, #007ee5 46%,#289eff 100%);
}
}


Linha 271: Linha 290:
     width: calc(100% - 30%);
     width: calc(100% - 30%);
     height: 100%;
     height: 100%;
     transition: 1s;
     transition: 1s !important;
}
}


.ma-item:hover {
.ma-item:hover {
     transition: 1s;
     transition: 1s !important;
     transform: scale(1.10);
     transform: scale(1.10);
     filter: drop-shadow(2px 2px 2px rgba(34, 34, 34, 0.1));
     filter: drop-shadow(2px 2px 2px rgba(34, 34, 34, 0.1));
Linha 282: Linha 301:
.ma-text {
.ma-text {
     margin: 5px;
     margin: 5px;
     transition: 1s;
     transition: 1s !important;
     width: 80%;
     width: 80%;
     height: 100%;
     height: 100%;
Linha 288: Linha 307:


.ma-text:hover {
.ma-text:hover {
     transition: 1s;
     transition: 1s !important;
     transform: scale(1.10);
     transform: scale(1.10);
     filter: drop-shadow(2px 2px 2px rgba(34, 34, 34, 0.2));
     filter: drop-shadow(2px 2px 2px rgba(34, 34, 34, 0.2));
Linha 316: Linha 335:
     height: auto;
     height: auto;
     padding-bottom: 10px;
     padding-bottom: 10px;
     margin-top: -70px;
     margin-top: -42px;
    margin-right: 10px;
     position: absolute;
     position: absolute;
     top: 0;
     top: 0;
Linha 367: Linha 387:
     margin: -1px;
     margin: -1px;
     height: auto;
     height: auto;
     transition: 1s;
     transition: 1s !important;
}
}


.sc-icon:hover {
.sc-icon:hover {
     filter: grayscale(0%) contrast(115%);
     filter: grayscale(0%) contrast(115%);
     transition: 1s;
     transition: 1s !important;
     transform: scale(1.10);
     transform: scale(1.10);
}
}
Linha 386: Linha 406:
     position: relative;
     position: relative;
     margin: 20px auto;
     margin: 20px auto;
     transition: 1s;
     transition: 1s !important;
     border-radius: 20px;
     border-radius: 20px;
     display: flex;
     display: flex;
Linha 396: Linha 416:
.update-box-2:hover,
.update-box-2:hover,
.update-box:hover {
.update-box:hover {
     transition: 1s;
     transition: 1s !important;
     transform: scale(1.05);
     transform: scale(1.05);
}
}
Linha 411: Linha 431:
.update-box a {
.update-box a {
     width: 100%;
     width: 100%;
}
}


Linha 448: Linha 467:
     box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
     box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
     border-radius: 10px;
     border-radius: 10px;
     padding-bottom: 10px;
    margin-top: 2px;   
     padding-bottom: 5px;
}
}


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


/* Patch Notes */
.destaque-box {
.patch-notes {
    width: 100%;
     padding: 20px;
    text-align: center;
     background-color: #ffffff;
    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-radius: 30px;
     border: 1px solid #cccccc;
     border: 1px solid #cccccc;
Linha 484: Linha 535:
}
}


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


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


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


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


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


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


Linha 589: Linha 640:
     width: 20%;
     width: 20%;
     border-radius: 10px;
     border-radius: 10px;
     transition: 2s;
     transition: 2s !important;
}
}


Linha 652: Linha 703:
}
}


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


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


.mw-wiki-logo {
.collapsible-pokedex:before {
     background-image: url(https://wiki.otpokemon.com/images/7/7d/Otp-wiki-red.png) !important;
     content: '\002B\0020\00A0\00A0';
    font-weight: bold;
    float: left;
    margin-left: 5px;
}
}
 
.active {
/* Atualizações */
     border-radius: 10px 10px 0px 0px;
.design-section {
     display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 100px 0;
}
}


.design {
.collapsible-pokemon:after {
     display: flex;
     content: '\002B';
     align-items: center;
     font-weight: bold;
     justify-content: center;
    float: right;
     margin-left: 5px;
}
 
.collapsible-pokemon:before {
    content: '\002B\0020\00A0\00A0';
    font-weight: bold;
    float: left;
    margin-left: 5px;
}
}


.timeline {
.container-pokemon {
     width: 80%;
     border: 1px solid #1e90ff;
    height: auto;
     border-radius: 0px 0px 10px 10px;
    max-width: 800px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
     text-align: center;
}
}


.timeline-content {
.content-pokemon {
     background: #f7f6fb;
     width: 518px;
     box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.6);
     max-height: 0;
     -webkit-box-shadow: 1px -1px 14px -2px rgba(0, 0, 0, 0.69);
     overflow: hidden;
     -moz-box-shadow: 1px -1px 14px -2px rgba(0, 0, 0, 0.69);
     transition: max-height 0.4s ease-out;
     border-radius: 5px;
     border-radius: 0px 0px 10px 10px;
    padding: 1.25rem;
}
    transition: 0.4s ease;
 
    overflow-wrap: break-word !important;
.container-pokedex {   
     margin: 1rem;
     border: 3px solid #012953;
     margin-bottom: 20px;
     border-radius: 0px 0px 10px 10px;
     border-radius: 20px;
     background: #060C19;
}
}


.timeline-component {
.content-pokedex {  
     margin: 0px 20px 20px 20px;
     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 */


@media screen and (min-width: 768px) {
.mw-wiki-logo {
     .timeline {
     background-image: url(https://wiki.otpokemon.com/images/f/ff/Logo4-wiki-azul.png) !important;
        display: grid;
}
        grid-template-columns: 1fr 3px 1fr;
        text-align: center;
    }


    .timeline-middle {
/* Atualizações */
        position: relative;
.design-section {
        background-image: linear-gradient(45deg, #F27121, #E94057, #8A2387);
    display: flex;
        width: 3px;
    flex-direction: column;
        height: 100%;
    align-items: center;
     }
    justify-content: center;
    min-height: 100vh;
     padding: 100px 0;
}


    .main-middle {
.design {
        opacity: 0;
    display: flex;
     }
    align-items: center;
     justify-content: center;
}


    .timeline-circle {
.timeline {
        position: absolute;
    width: 80%;
        top: 0;
    height: auto;
        left: 50%;
    max-width: 800px;
        width: 15px;
    margin: 0 auto;
        height: 15px;
    display: flex;
        border-radius: 50%;
    flex-direction: column;
        background-image: linear-gradient(45deg, #F27121, #E94057, #8A2387);
    text-align: center;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}
}


.timeline-component.timeline-content img {
.timeline-content {
     transition: 1s;
    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.timeline-content img:hover {
.timeline-component {
     transition: 1s;
     margin: 0px 20px 20px 20px;
    transform: scale(1.05);
}
}


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


/* Media Query */
     .timeline-middle {
 
/* Minigames Page */
@media only screen and (max-width: 1350px) {
     .item-minigame {
         position: relative;
         position: relative;
         display: flex;
         background-image: linear-gradient(45deg, #F27121, #E94057, #8A2387);
        align-items: center;
         width: 3px;
        justify-content: center;
         height: 100%;
        font: 1.5rem sans-serif;
         cursor: pointer;
         will-change: transform;
     }
     }


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


     .item-minigame {
    .timeline-circle {
         position: relative;
        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;
         display: flex;
         align-items: center;
         align-items: center;
Linha 772: Linha 889:
         cursor: pointer;
         cursor: pointer;
         will-change: transform;
         will-change: transform;
        border: 1px solid black;
     }
     }


     .item-minigame img,
    .minigames {
     .item-minigame a {
        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%;
         width: 100%;
         height: 100%;
         height: 100%;
Linha 1 211: Linha 1 344:
         content: '';
         content: '';
         display: block;
         display: block;
        transition-duration: 0.3s !important;
         transition: all 250ms ease-in-out;
         transition: all 250ms ease-in-out;
     }
     }
Linha 1 286: Linha 1 420:
     width: 250px;
     width: 250px;
     height: 250px;
     height: 250px;
     background-color: #000000;
     background-color: #000;
     border-top: 15px solid #850000;
     border-top: 15px solid #3498db;
     border-radius: 15px;
     border-radius: 15px;
     text-align: center;
     text-align: center;
Linha 1 299: Linha 1 433:
     width: 120px;
     width: 120px;
     height: 120px;
     height: 120px;
     max-width: 100%;
     max-width: 150%;
     max-height: 100%;
     max-height: 150%;
     margin-top: 40px;
     margin-top: 30px;
}
}




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


Linha 1 322: Linha 1 456:
p.torneios-name {
p.torneios-name {
     margin: 0px 5px 0px 5px;
     margin: 0px 5px 0px 5px;
     line-height: 100px;
     line-height: 50px;
     font-size: 20px;
     font-size: 25px;
     text-align: center;
     text-align: center;
}
}


.torneios-name a {
.torneios-name a {
     padding: 15px 5px 0px 10px;
     padding: 150px 5px 0px 10px;
     color: white;
     color: black;
     text-decoration: none;
     text-decoration: none;
}
}
Linha 1 341: Linha 1 475:




/* Teste */
/* Outfits/Npcs */
.square-npcs {
.square-box {
     width: 180px;
     width: 180px;
     height: 180px;
     height: 180px;
Linha 1 350: Linha 1 484:
     text-align: center;
     text-align: center;
     overflow: hidden;
     overflow: hidden;
    transition-duration: 0.3s !important;
     transition: transform 0.3s, box-shadow 0.3s;
     transition: transform 0.3s, box-shadow 0.3s;
     margin: 15px 25px;
     margin: 15px 25px;
Linha 1 355: Linha 1 490:
}
}


.square-npcs img {
.square-box img {
     width: 60px;
     width: 60px;
     height: 60px;
     height: 60px;
Linha 1 364: Linha 1 499:




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


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


.npcs {
.square-div{
     display: flex;
     display: flex;
     flex-wrap: wrap;
     flex-wrap: wrap;
Linha 1 379: Linha 1 514:
}
}


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


.npcs-name a {
.square-name a {
     padding: 150px 5px 0px 10px;
     padding: 150px 5px 0px 10px;
     color: black;
     color: black;
Linha 1 392: Linha 1 529:
}
}


.square-npcs a p {
.square-box a p {
     font-size: 0;
     font-size: 0;
     height: 200px;
     height: 200px;
Linha 1 399: Linha 1 536:
}
}


/* Dark Mode */
/* Gym Leaders */
@media (prefers-color-scheme: dark) {
.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);
}


    .mw-body,
.square-box-gym img {
     .parsoid-body,
     width: 60px;
     #mw-panel {
     height: 60px;
        background: #222125;
    max-width: 100%;
        border-radius: 6px;
    max-height: 100%;
        border: 5px solid transparent;
    margin-top: 30px;
        border-image: url(https://wiki.otpokemon.com/images/2/2a/Border-red.png) 15 stretch;
}
    }


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


    .mw-body-content .toc h2 {
.square-box-gym p {
        font-family: sans-serif;
    margin: 10px 0;
        font-size: 100%;
}
        color: white;
    }


    #mw-panel .portal h3 {
.square-box-gym:hover {
        color: #cacaca;
    transform: scale(1.1);
        font-weight: normal;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
        margin: 0.5em 0 0 0.66666667em;
}
        padding: 0.25em 0;
        cursor: default;
        border: 0;
        font-size: 0.75em;
    }


    .mw-body-content p {
.square-div-gym{
        margin: 0.5em 0;
    display: flex;
        color: white;
    flex-wrap: wrap;
     }
     justify-content: center;
}


    .mw-body-content h3,
p.square-name-gym {
     .mw-body-content h4 {
    margin: 15px 5px 0px 5px;
        font-weight: bold;
     line-height: 40px;
        color: white;
    font-size: 15px;
    }
    text-align: center;
    color: black;
}


    pre,
.square-name-gym a {
    .mw-code {
    padding: 150px 5px 0px 10px;
        color: #fff;
    color: black;
        background-color: rgb(234 236 240 / 0%);
    text-decoration: none;
        border: 1px solid rgb(234 236 240 / 0%);
}
        padding: 0;
        white-space: pre-wrap;
    }


    .tocnumber {
.square-box-gym a p {
        padding-left: 0;
    font-size: 0;
        padding-right: 0.5em;
    height: 220px;
        color: #e3e3e3;
    width: 200px;
     }
     position: absolute;
}


    li {
/* Torneio Mundial */
        margin-bottom: 0.1em;
.container-mundial img{
        color: white;
width: 100%;
    }
height: auto;
}
 
/* Dark Mode */
@media (prefers-color-scheme: dark) {


     #simpleSearch {
     .mw-body,
        display: block;
    .parsoid-body,
        width: 13.2em;
    #mw-panel {
        width: 20vw;
        min-width: 5em;
        max-width: 20em;
        height: 100%;
        margin-top: 0;
        position: relative;
         background: #222125;
         background: #222125;
         min-height: 1px;
         border-radius: 6px;
        border: 5px solid transparent;
        border-image: url(https://wiki.otpokemon.com/images/a/af/Border_blue.png) 15 stretch;
     }
     }


     #mw-panel .portal .body li a:visited {
     .mw-body h1,
         color: #e0e0e0;
    .mw-body-content h1 {
        font-size: 1.8em;
         color: white;
     }
     }


     #mw-panel .portal .body li a {
     .mw-body-content .toc h2 {
         color: #d8d8d9;
        font-family: sans-serif;
        font-size: 100%;
         color: white;
     }
     }


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


     a {
     .mw-body-content p {
         text-decoration: none;
         margin: 0.5em 0;
         color: #5d90ff;
         color: white;
        background: none;
     }
     }


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


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


     .toc {
     .tocnumber {
         display: inline-block;
         padding-left: 0;
        display: table;
         padding-right: 0.5em;
         zoom: 1;
         color: #e3e3e3;
         background: #141415;
        padding: 7px;
     }
     }


     .toctogglelabel {
     li {
         cursor: pointer;
         margin-bottom: 0.1em;
         color: #b3bcca;
         color: white;
     }
     }


     .mw-parser-output a.external:visited {
     #simpleSearch {
         color: #ffa6ff;
        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-parser-output a.external {
     #mw-panel .portal .body li a:visited {
         color: #ffa6ff;
         color: #e0e0e0;
     }
     }


     .mw-body-content h2 {
     #mw-panel .portal .body li a {
        margin-top: 1em;
         color: #d8d8d9;
        font-size: 1.5em;
         color: white;
     }
     }


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


     div#editpage-copywarn p {
     a {
         color: #363535;
        text-decoration: none;
         color: #5d90ff;
        background: none;
     }
     }


     .mw-editinginterface p {
     b {
         color: white;
         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;
    }


     .wikitable {
     .mw-parser-output a.external {
        background-color: #141415;
         color: #ffa6ff;
         color: #eaecf0;
        margin: 1em 0;
        border: 1px solid #a2a9b1;
        border-collapse: collapse;
     }
     }


     .wikitable>tr>th,
     .mw-body-content h2 {
    .wikitable>*>tr>th {
         margin-top: 1em;
         background-color: #3d3d3d;
         font-size: 1.5em;
         text-align: center;
        color: white;
     }
     }


     #simpleSearch input {
     .mw-editform #wpTextbox1 {
        background-color: #ffffff;
        background-color: rgba(0, 0, 0, 0);
        color: #ffffff;
         margin: 0;
         margin: 0;
        display: block;
        max-height: 100vh;
        background: #d8d6de;
        min-height: 5em;
     }
     }


     ol li::marker {
     div#editpage-copywarn p {
         color: red;
         color: #363535;
        font-weight: bold;
     }
     }


     ul li::marker {
     .mw-editinginterface p {
        font-size: 150%;
         color: white;
         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;
     .wikitable {
         background-color: #141415;
        color: #eaecf0;
        margin: 1em 0;
        border: 1px solid #a2a9b1;
         border-collapse: collapse;
     }
     }


     table.wikitable.sortable.quest.jquery-tablesorter a {
     .wikitable>tr>th,
         color: #12125e;
    .wikitable>*>tr>th {
         background-color: #3d3d3d;
        text-align: center;
     }
     }


     .oo-ui-fieldLayout.oo-ui-labelElement,
     #simpleSearch input {
    .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline {
        background-color: #ffffff;
         margin-top: 0.85714286em;
         background-color: rgba(0, 0, 0, 0);
         color: white;
         color: #ffffff;
        margin: 0;
     }
     }


     .toccolours tr td {
     ol li::marker {
         color: black;
         color: red;
        font-weight: bold;
     }
     }


     .toccolours b {
     ul li::marker {
         color: black;
        font-size: 150%;
         color: white;
     }
     }


     .table-darkmode tr:nth-child(odd) td b {
    .spoilers-body {
         color: #101010;
        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;
     }
     }


Linha 1 626: Linha 1 835:
     }
     }


     .square-npcs {
     .square-box {
         background-color: #000;
         background-color: #000;
     }
     }
Linha 1 641: Linha 1 850:
     table.wikitable.sortable.quest.jquery-tablesorter tr:hover {
     table.wikitable.sortable.quest.jquery-tablesorter tr:hover {
         background: linear-gradient(90deg, #272727, #272727) !important;
         background: linear-gradient(90deg, #272727, #272727) !important;
         transition: 2s;
         transition: 2s !important;
     }
     }


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


Linha 1 665: Linha 1 874:
     content: '';
     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 {
.opcao {
Linha 1 673: Linha 1 906:
             display: inline-block;
             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;
}
Disponível em “https://wiki.otpokemon.com/index.php/Especial:MobileDiff/18809...33001”