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

11 807 bytes adicionados ,  5 de outubro de 2025
sem sumário de edição
Sem resumo de edição
Sem resumo de edição
 
(85 revisões intermediárias por 4 usuários não estão sendo mostradas)
Linha 18: Linha 18:
     width: 100%;
     width: 100%;
     height: 100vh;
     height: 100vh;
     background: url('https://wiki.otpokemon.com/images/b/b2/Background-wiki-halloween.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;
Linha 157: Linha 160:
     border-radius: 6px;
     border-radius: 6px;
     border: 5px solid transparent;
     border: 5px solid transparent;
     border-image: url(https://wiki.otpokemon.com/images/5/59/Border-test-2.png) 15 stretch;
     border-image: url(https://wiki.otpokemon.com/images/a/af/Border_blue.png) 15 stretch;
}
}


Linha 464: 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;
     margin-top: 20px;     
     margin-top: 2px;     
     padding-bottom: 5px;
     padding-bottom: 5px;
}
}
Linha 713: Linha 716:
}
}


.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 {
.active {
     border-radius: 10px 10px 0px 0px;
     border-radius: 10px 10px 0px 0px;
Linha 744: Linha 772:
}
}


.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 */
/* Logo */


Linha 1 478: Linha 1 520:
     font-weight: bold;
     font-weight: bold;
     text-align: center;
     text-align: center;
    color: black;
}
}


Linha 1 492: Linha 1 535:
     position: absolute;
     position: absolute;
}
}
/* Torneio Mundial */
 
.container-mundial img{
/* Gym Leaders */
width: 100%;
.square-box-gym {
height: auto;
    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);
}
}


/* Dark Mode */
.square-box-gym img {
@media (prefers-color-scheme: dark) {
    width: 60px;
    height: 60px;
    max-width: 100%;
    max-height: 100%;
    margin-top: 30px;
}


    .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,
.square-box-gym p {
    .mw-body-content h1 {
    margin: 10px 0;
        font-size: 1.8em;
}
        color: white;
    }


    .mw-body-content .toc h2 {
.square-box-gym:hover {
        font-family: sans-serif;
    transform: scale(1.1);
        font-size: 100%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
        color: white;
}
    }


    #mw-panel .portal h3 {
.square-div-gym{
        color: #cacaca;
    display: flex;
        font-weight: normal;
    flex-wrap: wrap;
        margin: 0.5em 0 0 0.66666667em;
    justify-content: center;
        padding: 0.25em 0;
}
        cursor: default;
        border: 0;
        font-size: 0.75em;
    }


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


    .mw-body-content h3,
.square-name-gym a {
     .mw-body-content h4 {
     padding: 150px 5px 0px 10px;
        font-weight: bold;
     color: black;
        color: white;
     text-decoration: none;
    }
}
    .vector-menu-portal .vector-menu-content li a {
     color: #ffffff;
     }
    .vector-menu-portal .vector-menu-content li a:visited {
      color: #ffffff;
    }


    pre,
.square-box-gym a p {
    .mw-code {
    font-size: 0;
        color: #fff;
    height: 220px;
        background-color: rgb(234 236 240 / 0%);
    width: 200px;
        border: 1px solid rgb(234 236 240 / 0%);
    position: absolute;
        padding: 0;
}
        white-space: pre-wrap;
    }


     .tocnumber {
/* Torneio Mundial */
         padding-left: 0;
.container-mundial img{
         padding-right: 0.5em;
width: 100%;
         color: #e3e3e3;
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;
     }
     }


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


     #simpleSearch {
     .mw-body-content .toc h2 {
         display: block;
         font-family: sans-serif;
        width: 13.2em;
         font-size: 100%;
        width: 20vw;
         color: white;
        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 {
     #mw-panel .portal h3 {
         color: #e0e0e0;
         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-panel .portal .body li a {
     .mw-body-content p {
         color: #d8d8d9;
        margin: 0.5em 0;
         color: white;
     }
     }


     a:visited {
     .mw-body-content h3,
        color: #5d90ff;
    .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;
     }
     }


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


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


     .mw-content-ltr {
     li {
         direction: ltr;
         margin-bottom: 0.1em;
         color: white;
         color: white;
     }
     }


     .toc {
     #simpleSearch {
         display: inline-block;
         display: block;
         display: table;
        width: 13.2em;
         zoom: 1;
        width: 20vw;
         background: #141415;
        min-width: 5em;
         padding: 7px;
        max-width: 20em;
        height: 100%;
         margin-top: 0;
         position: relative;
         background: #222125;
         min-height: 1px;
    }
 
    #mw-panel .portal .body li a:visited {
        color: #e0e0e0;
     }
     }


     .toctogglelabel {
     #mw-panel .portal .body li a {
        cursor: pointer;
         color: #d8d8d9;
         color: #b3bcca;
     }
     }


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


     .mw-parser-output a.external {
     a {
         color: #ffa6ff;
        text-decoration: none;
         color: #5d90ff;
        background: none;
     }
     }


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


     .mw-editform #wpTextbox1 {
    .mw-content-ltr {
         margin: 0;
        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;
         display: block;
         max-height: 100vh;
         max-height: 100vh;
Linha 1 783: Linha 1 887:
     color: black !important;
     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 2 006: Linha 2 121:




/* Teste Pokedex */
/* Pokedex */




Linha 2 054: Linha 2 169:
     font-weight: bold;
     font-weight: bold;
     text-align: center;
     text-align: center;
    color: black;
}
}


Linha 2 085: Linha 2 201:


/* Text Hover */
/* Text Hover */
.text-hover:hover .tooltip-text {
.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;
   visibility: visible;
   opacity: 1;
   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/27023...33001”