Ybooh

De otPokemon Wiki
Revisão de 11h44min de 13 de maio de 2025 por Ybooh (discussão | contribs)
Ir para navegação Ir para pesquisar

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

/* Geral */

body { 

   margin: 0;
   padding: 0;
   position: relative;
   font-family: 'Segoe UI', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Lato', 'Liberation Sans', 'Noto Sans', 'Helvetica Neue',
       'Helvetica', sans-serif

}

body::before { 

   content: ;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100vh;
   background: url('https://wiki.otpokemon.com/images/1/1e/Wiki-back5.png') no-repeat;
   background-attachment: fixed;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   z-index: -1;

}

  1. mw-page-base {
   background: transparent;

}

  1. ca-nstab-mediawiki,
  2. ca-talk,
  3. p-namespaces,
  4. ca-view,
  5. ca-viewsource,
  6. ca-unwatch,
  7. ca-ve-edit {
   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;

}

  1. p-search {
   margin-top: 0em;
   background: #ffffff;
   margin-left: 0;

}

  1. p-search form {
   margin: 0 0;

}

.vectorTabs span { 

   background-image: none;
   background-position: right bottom;
   display: inline-block;
   width: 25px;
   height: 25px;

}

  1. mw-head .vectorMenu h3 {
   background-image: none;

}

  1. ca-edit {
   background: transparent;
   height: 25px;
   width: 25px;
   border-radius: 3px;
   background-image: url(https://wiki.otpokemon.com/images/2/24/Code_button.png);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;

}

  1. ca-edit span a {
   width: 25px;
   height: 25px;

}

  1. ca-edit a span {
   font-size: 0;

}

  1. ca-history {
   background: transparent;
   height: 25px;
   width: 25px;
   border-radius: 3px;
   background-image: url(https://wiki.otpokemon.com/images/e/e0/History_button.png);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;

}

  1. ca-history span a {
   width: 25px;
   height: 25px;

}

  1. ca-history a span {
   font-size: 0;

}

  1. p-cactions {
   background: transparent;
   height: 25px;
   width: 25px;
   border-radius: 3px;
   background-image: url(https://wiki.otpokemon.com/images/4/42/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;

}

  1. 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,

  1. mw-panel {
   background: #f7f6fb;
   border-radius: 6px;
   border: 5px solid transparent;
   border-image: url(https://wiki.otpokemon.com/images/a/af/Border_blue.png) 15 stretch;

}

  1. p-logo a {
   background-size: contain;
   border-radius: 5px;

}

.mw-list-item a { 

   color: white;

}

.mw-list-item a:visited { 

   color: #f2f2f2;

}

.mw-body,

  1. mw-head-base,
  2. left-navigation,
  3. mw-data-after-content,

.mw-footer { 

   margin-left: 13em;
   margin-right: 1em;

}

  1. mw-panel {
   width: 10.6em;
   margin-top: 5.0rem;
   padding-top: 10px;

}

  1. footer ul {
   list-style: none none;
   padding: 0;
   margin-left: 15px;

}

  1. footer ul li a {
   text-decoration: none;
   color: rgb(255 255 255 / 80%);
   background: none;

}

  1. footer-info li {
   line-height: 1.4;
   display: none;

}

  1. p-personal a.new,
  2. p-personal a:visited,
  3. 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(https://wiki.otpokemon.com/images/f/ff/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(https://wiki.otpokemon.com/images/a/af/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{ 

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

}

Disponível em “https://wiki.otpokemon.com/index.php?title=Ybooh&oldid=30771”