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

De PokeXGames
Ir para navegação Ir para pesquisar
Sem resumo de edição
Sem resumo de edição
 
(170 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
.changelog__link,
.changelog__link:visited {
    color: #680cab;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-weight: 500;
    font-size: .85rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .5rem .95rem;
    border-bottom: 1px solid rgb(120, 120, 120);
    transition: background .25s ease;
}
.changelog__link:last-child {
    border-bottom: 0;
}
.changelog__link:hover {
    text-decoration: none;
    background: #f3eaff;
}
/*.changelog__link::after {*/
/*    content: ">";*/
/*font-weight:lighter;*/
/*}*/
.px-0 {
padding-inline: 0!important;
}
.pt-0 {
padding-top: 0!important;
}
.pb-0 {
padding-bottom: 0!important;
}
.changelog {
margin-inline: auto;
max-width: 256px!important;
padding-bottom: 0!important;
margin-top: 1rem;
}
/*Select search*/
.selectwithSearch__container {
  width: 100%;
  box-sizing:border-box;
  padding: 0 2rem;
}
.selectwithSearch__selectBtn {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.selectwithSearch__selectBtn {
  height: 2.8rem;
  padding: 0 1rem;
  font-size: 1rem;
  background: #fff;
  border-radius: 8px;
  justify-content: space-between;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
.selectwithSearch__selectBtn svg {
  font-size: 2rem;
  transition: transform .3s linear;
}
.selectwithSearch__container.active .selectwithSearch__selectBtn svg {
  transform: rotate(-180deg);
}
.selectwithSearch__content {
  display: none;
  padding: 1.2rem;
  margin-top: .45rem;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
.selectwithSearch__container.active .selectwithSearch__content {
  display: block;
  position: absolute;
  width: calc(100% - 4rem);
  box-sizing: border-box;
  z-index: 999;
}
.selectwithSearch__container.active .selectwithSearch__content.small {
  width: auto !important;
}
.selectwithSearch__content .selectwithSearch__search {
  position: relative;
}
.selectwithSearch__search svg {
  top: 50%;
  left: 1rem;
  color: #999;
  font-size: 1.2rem;
  pointer-events: none;
  transform: translateY(-50%);
  position: absolute;
}
.selectwithSearch__search input{
  box-sizing: border-box;
  height: 3.25rem;
  width: 100%;
  outline: none;
  font-size: 1rem;
  border-radius: 8px;
  padding: 0 1.2rem 0 4rem;
  border: 1px solid #B3B3B3;
}
.selectwithSearch__search input:focus {
  padding-left: 4rem;
  border: 2px solid #4285f4;
}
.selectwithSearch__search input::placeholder {
  color: #bfbfbf;
}
.selectwithSearch__options {
margin-left: 0!important;
margin-right: 0!important;
}
.selectwithSearch__content .selectwithSearch__options {
  margin-top: .5rem;
  padding-right: .5rem;
  max-height: 250px;
  overflow-y: auto;
}
.selectwithSearch__options::-webkit-scrollbar {
  width: 8px;
}
.selectwithSearch__options::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 25px;
}
.selectwithSearch__options::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 25px;
}
.selectwithSearch__options::-webkit-scrollbar-thumb:hover {
  background: #b3b3b3;
}
.selectwithSearch__options li {
  display: flex;
  align-items: center;
  padding: .25rem .75rem;
  font-size: 1.075rem;
  cursor: pointer;
}
li.groupTitle {
  height: 2.25rem;
  font-size: 1.125rem;
  background-color: rgb(179 163 255 / 21%);
  cursor: default;
  margin-bottom: .25rem;
  margin-top: .35rem;
  border-bottom: 1px solid #d1d1d1;
  border-radius: 12px 12px 0 0 !important;
}
li.groupTitle:hover {
  border-radius: 12px 12px 0 0 !important;
  background-color: rgb(179 163 255 / 21%) !important;
}
.selectwithSearch__options li:hover,
li.selected {
  border-radius: 8px;
  background: #f2f2f2;
}
/*Select search*/
/** o código CSS colocado aqui será aplicado a todos os temas */
/** o código CSS colocado aqui será aplicado a todos os temas */
#ca-viewsource { display: none !important; }
#ca-viewsource { display: none !important; }


#ca-history { display: none !important;}
#ca-history { display: none !important;}
/* Efeitos */
.hover-minimizeAndRotateContainer a,
.hover-minimizeAndRotate img{
transition: transform .25s ease;
}
.hover-minimizeAndRotateContainer a:hover,
.hover-minimizeAndRotate img:hover{
transform: scale(.95) rotateZ(-4deg);
}
.hover-minimize img,
.hover-minimize a img,
.hover-minimize.initialPage__topicContainer {
transition: transform .25s ease;
}
.hover-minimize:not(.initialPage__topicContainer) img:hover,
.hover-minimize a img:hover,
.hover-minimize.initialPage__topicContainer:hover{
transform: scale(.95);
}
/* Efeitos */


body {
body {
Linha 16: Linha 237:
width: 100%;
width: 100%;
height: 100vh;
height: 100vh;
background: url('https://cdn.discordapp.com/attachments/1063632353597079592/1079918223815872512/fundo_wiki.png') no-repeat;
background: url('https://wiki.pokexgames.com//images/a/af/Fundo-wiki.jpeg') no-repeat;
filter: brightness(0.2);
filter: brightness(0.8);
    
    
background-attachment: fixed;
background-attachment: fixed;
Linha 24: Linha 245:
background-size: cover;
background-size: cover;
z-index: -1;
z-index: -1;
}
.mw-body {
border-right: 0 !important;
}
}


.mw-body, .parsoid-body, #mw-panel {
.mw-body, .parsoid-body, #mw-panel {
background: #fffffff0;
background: #fffffff0;
border-radius: 6px;
border: 5px solid transparent;
border-image: url('https://wiki.pokexgames.com/images/9/9a/Borda-wiki.png') 15 stretch;
}
#p-logo a {
background-size: contain;
}
.mw-list-item a {
color: white;
}
.mw-list-item a:visited {
color: #dddddd;
}
}


Linha 37: Linha 277:


#mw-panel {
#mw-panel {
width: 11.5em;
width: 10.5em;
margin-top: 2.5rem;
margin-top: 2.2rem;
border-left: none;
}
}


/*Ocultamentos e Remoções de estilo*/
/*Ocultamentos e Remoções de estilo*/
#p-tb { display: none; }
.css-links {
    pointer-events: none;
    opacity: 0;
    margin: 0 !important;
}
#footer-info-lastmod { display: none; }
.firstHeading {display: none;}
.firstHeading {display: none;}
.catlinks { display: none; }


.vector-menu-tabs-legacy .selected { background: none!important; }
.vector-menu-tabs-legacy .selected { background: none!important; }
Linha 49: Linha 302:


#mw-page-base { background: none!important;}
#mw-page-base { background: none!important;}
#ca-view { display: none; }


#ca-talk {display: none;}
#ca-talk {display: none;}
Linha 63: Linha 318:
background: white;
background: white;
}
}
/*Wikitable*/
.wikitable th,
.wikitable td {
color : #202122 !important;
}
.wikitable td.table-no-background {
background-color: none;
}
.wikitable th {
background-color: #d1c1e0 !important;
}
.wikitable td {
background-color: #f2e8f8 !important;
}
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
border-color: white !important;
border-width: 2px !important;
}
/*Wikitable*/


/*Ajustes visuais de elementos da wiki*/
/*Ajustes visuais de elementos da wiki*/
Linha 68: Linha 349:
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading {
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading {
background-image: none;
background-image: none;
}
#footer-places li a {
color: #adadad;
}
}


Linha 74: Linha 359:
}
}


#ca-nstab-user{
.mw-list-item.selected{
margin-bottom: 2rem;
margin-top: -.2rem;
display: block;
display: block;
    border: 2px solid;
border-radius: 6px;
border: 5px solid transparent;
border-image: url('https://wiki.pokexgames.com/images/9/9a/Borda-wiki.png') 15 stretch;
}
}


#ca-nstab-user a {
.mw-list-item.selected a {
padding: .35rem;
padding: .35rem;
background: white;
background: white;
Linha 89: Linha 376:
.d-none {
.d-none {
display: none!important;
display: none!important;
}
.d-block {
display: block!important;
}
}


.d-flex {
.d-flex {
display: flex;
display: flex;
}
.d-flex > p,
.d-flex > br {
display: none !important;
}
.w-100 {
width: 100%;
}
}


Linha 102: Linha 402:
justify-content: center;
justify-content: center;
}
}
.space-between { justify-content: space-between; }
.space-around { justify-content: space-around; }
.align-start { align-items: flex-start !important; } 
.flex-center {
display: flex;
justify-content:center;
align-items: center;
}
.flex-column { flex-direction: column; }
.flex-wrap, .break-row { flex-wrap: wrap; }
.bg-none { background: none !important; }
.text-center { text-align: center; }
.border-0 { border: none !important; }
.gap-1{ gap: .5rem; }
.gap-2 { gap: 1rem; }
.gap-3 { gap: 1.5rem; }


.margin-center {
.margin-center {
Linha 107: Linha 435:
margin-right: auto !important;
margin-right: auto !important;
}
}
.mx-2 {
margin-right: 1rem;
margin-left: 1rem;
}
.mr-2 { margin-right: 1rem !important; }
.mr-4 { margin-right: 2rem !important; }
.mt-1 { margin-top: .5rem; }
.mt-2 { margin-top: 1rem !important; }
.mb-2 { margin-bottom: 1rem; }
.p-1 { padding: .5rem; }
.p-2 { padding: 1rem; }
.p-3 { padding: 1.5rem; }
.pr-1 { padding-right: .5rem; }
/* Utilitarios */
/* Utilitarios */


Linha 187: Linha 533:
     border-radius: 12px;
     border-radius: 12px;
     margin: 1rem auto 1rem 0px;
     margin: 1rem auto 1rem 0px;
}
.flex-center .seeMore {
margin: 0;
}
}


Linha 216: Linha 566:


.card-container {
.card-container {
padding: 1rem 2rem;
padding: .75rem 1rem;
}
}


Linha 230: Linha 580:


.linkWithIcon__imageContainer {
.linkWithIcon__imageContainer {
height: 3.5rem;
height: 10rem;
box-sizing: border-box;
    padding: 1rem;
    display: flex;
    align-items: flex-end;
}
 
.linkWithIcon__imageContainer img {
width: 100%;
margin-bottom: .2rem;
    height: auto;
    max-height: 9rem;
}
}


Linha 250: Linha 611:
flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
justify-content: space-between;
align-items: center;
align-items: flex-start;
}
 
/*Prevent paragraph spacement*/
.fastNav__linksContainer p {
display: none;
}
}


Linha 257: Linha 623:
}
}


.fastNav__linksContainer .linkWithIcon__link {
.fastNav__linksContainer .linkWithIcon__link,
width: 19%;
.fastNav__linksContainer a{
width: 19.5%;
max-width: 13rem;
    padding: .65rem;
    box-sizing: border-box;
}
 
.fastNav__linksContainer a img {
width: 100%;
height: auto;
}
}


Linha 270: Linha 645:
     align-items: flex-start;
     align-items: flex-start;
     justify-content: flex-start;
     justify-content: flex-start;
     padding: 0 .5rem;
     padding: 0 1rem;
     box-sizing: border-box;
     box-sizing: border-box;
}
}
Linha 293: Linha 668:


.initialPage__welcomeBadgeImg {
.initialPage__welcomeBadgeImg {
max-width: 60rem;
max-width: 800px;
     width: 100%;
     width: 100%;
border-radius: 12px;
border-radius: 12px;
Linha 304: Linha 679:
     padding: 0 .5rem;
     padding: 0 .5rem;
     margin-bottom: 1.5rem;
     margin-bottom: 1.5rem;
     gap: 5rem;
     gap: 1.5rem;
}
}


.initialPage__highlightCard {
.initialPage__highlightCard {
flex: 1;
flex: 1;
max-width: 19rem;
min-width: 14rem;
}
}


.initialPage__highlightCard .badge-img {
.initialPage__highlightCard .badge-img {
cursor: pointer;
cursor: pointer;
}
.initialPage__highlightCard .badge-img:hover {
transform: scale(.96) rotateZ(-4deg);
}
}


Linha 323: Linha 696:
border-radius: 12px;
border-radius: 12px;
width: 100%;
width: 100%;
transition: transform .35s ease;
transition: transform .35s ease;
}
}
Linha 348: Linha 720:


a.socialMedia__link img {
a.socialMedia__link img {
width: 15rem;
width: 100%;
max-width: 16rem;
     height: auto;
     height: auto;
    border-radius: 12px;
     filter: grayscale(.5);
     filter: grayscale(.5);
      
      
Linha 358: Linha 732:
filter: grayscale(0);
filter: grayscale(0);
transform: scale(.98);
transform: scale(.98);
}
/* Indice da pagina inicial */
.initialPage__indexContent {
margin-bottom: .75rem;
}
.initialPage__indexLinks {
display: block;
border-bottom: 2px dotted gray;
padding-bottom: .5rem;
}
}


/* Formulario poll daddy */
/* Formulario poll daddy */
.css-box.pds-box {
.css-box.pds-box {
width: 100%!important;
max-width: 300px;
margin: 0 auto !important;
margin: 0 auto !important;
}
/*Topico componente*/
.initialPage__topicContainer {
display: block;
    width: 30rem;
    aspect-ratio: 1 / .27;
display: flex;
align-items: stretch;
border: 5px solid transparent;
border-image: url('https://wiki.pokexgames.com/images/9/9a/Borda-wiki.png') 15 stretch;
}
.initialPage__topicContainer h4 {
font-size: 1.3rem;
text-align: center;
}
.initialPage__topicContainer p {
font-size: 1rem;
text-align: center;
}
.initialPage__topicImage {
width: 55%;
    height: unset;
    margin-right: .5rem;
}
.initialPage__topicContainer img {
    width: 100%;
    height: 100%;
   
    border-right: 5px solid transparent;
border-image: url('https://wiki.pokexgames.com/images/9/9a/Borda-wiki.png') 15 stretch;
}
.initialPage__topicContent {
width: 100%;
padding: .5rem;
}
/*Formulario de boost*/
        .boostCalc__form {
            width: 35rem;
            margin: 0 auto;
            box-sizing: border-box;
        }
        .input-group {
            position: relative;
            margin-top: 2rem;
        }
        .checkbox-group {
            margin-top: .35rem;
            padding-left: .7rem;
            display: flex;
            justify-content: flex-start;
            align-items: center;
        }
        .checkbox-group label {
            padding-left: .35rem;
    font-size: .8rem;
    padding-top: .15rem;
    letter-spacing: .02rem;
    color: #6e6e6e;
    font-weight: bold;
        }
        .boostCalc__label {
            position: absolute;
            left: .5rem;
            top: 50%;
            transform: translate(0%, -50%);
            font-size: .95rem;
            color: #626262;
            pointer-events: none;
            transition: all .25s ease;
        }
        .boostCalc__input,
        .boostCalc__select {
            position: relative;
            width: 100%;
            box-sizing: border-box;
            padding: .65rem 1.1rem;
            border: 1px solid #ced4da;
            border-radius: 8px;
            font-size: 1.2rem;
            transition: all .25s ease;
        }
        .boostCalc__input:focus {
            border-color: #80bdff;
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
            outline: 0;
        }
        .boostCalc__input:focus,
        .boostCalc__input:not(:placeholder-shown) {
            background: rgba(0, 123, 255, .035);
        }
        .boostCalc__input:focus+.boostCalc__label,
        .boostCalc__input:not(:placeholder-shown)+.boostCalc__label,
        .boostCalc__select:focus+.boostCalc__label,
        .boostCalc__select:not(:placeholder-shown)+.boostCalc__label {
            top: -.7rem;
            font-size: .9rem;
        }
       
        .boostTo-container {
            margin-top: 2rem;
            display: flex;
            justify-content: space-around;
            align-items: center;
        }
        .boostTo-container div {
            width: 28%;
        }
        .boostTo-container .input-group {
            margin-top: 0;
            width: 35%;
        }
        .boostTo-container div img {
            width: 100%;
            padding: 0 1.8rem;
            box-sizing: border-box;
        }
       
        .boostCalc__resultContainer {
        text-align: center;
    background: #ffffff;
    width: 32rem;
    margin: 0 auto;
    padding: 1rem;
    padding-top: .35rem;
    border-radius: 12px;
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
    outline: 0;
        }
       
        .boostCalc__resultTitle {
        margin: 0;
    font-size: 1.2rem !important;
    padding: 0;
    color: #4c4b4b;
    font-weight: bolder;
        }
       
        .boostCalc__result {
        font-weight: 500;
    font-size: .925rem !important;
        }
       
        .boostCalc__result span {
          padding-right: .5rem;
          font-weight: bold;
        }
/*Formulario de boost*/
.input-default {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: .45rem .8rem;
    border: 1px solid #ced4da;
    border-radius: 8px;
    font-size: .9rem;
    transition: all .25s ease;
}
.input-default:focus {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
    outline: 0;
}
@media screen and (max-width: 1450px) {
.linkWithIcon__imageContainer {
height: 8rem;
}
}
@media screen and (max-width: 1360px) {
html {
font-size: 14px;
}
}
@media screen and (max-width: 1250px) {
.initialPage__mainContent {
padding: 0;
}
.fastNav__linksContainer {
gap: .5rem 0;
margin-top: 0;
}
}
@media screen and (max-width: 1150px) {
.initialPage__contentContainer {
flex-direction: column;
align-items: center;
}
.initialPage__mainContent,
.initialPage__sideContent {
width: 100%;
padding: 0 3rem;
}
.fastNav__linksContainer {
gap: 1.5rem 0;
padding: 1.5rem 1rem;
}
.fastNav__linksContainer .linkWithIcon__link, .fastNav__linksContainer a {
max-width: 9.95rem;
}
.socialMedia__linkContainer {
flex-direction: row;
}
}
}

Edição atual tal como às 13h04min de 27 de fevereiro de 2024

.changelog__link,
.changelog__link:visited {
    color: #680cab;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-weight: 500;
    font-size: .85rem;
    display: flex;
    justify-content: space-between;
    align-items: center;

    padding: .5rem .95rem;
    border-bottom: 1px solid rgb(120, 120, 120);

    transition: background .25s ease;
}

.changelog__link:last-child {
    border-bottom: 0;
}

.changelog__link:hover {
    text-decoration: none;
    background: #f3eaff;
}

/*.changelog__link::after {*/
/*    content: ">";*/
/*font-weight:lighter;*/
/*}*/

.px-0 {
	padding-inline: 0!important;
}

.pt-0 {
	padding-top: 0!important;	
}

.pb-0 {
	padding-bottom: 0!important;
}

.changelog {
	margin-inline: auto;
	max-width: 256px!important;
	padding-bottom: 0!important;
	margin-top: 1rem;
}

/*Select search*/
.selectwithSearch__container {
  width: 100%;
  box-sizing:border-box;
  padding: 0 2rem;
}

.selectwithSearch__selectBtn {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.selectwithSearch__selectBtn {
  height: 2.8rem;
  padding: 0 1rem;
  font-size: 1rem;
  background: #fff;
  border-radius: 8px;
  justify-content: space-between;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.selectwithSearch__selectBtn svg {
  font-size: 2rem;
  transition: transform .3s linear;
}

.selectwithSearch__container.active .selectwithSearch__selectBtn svg {
  transform: rotate(-180deg);
}

.selectwithSearch__content {
  display: none;
  padding: 1.2rem;
  margin-top: .45rem;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.selectwithSearch__container.active .selectwithSearch__content {
  display: block;
  position: absolute;
  width: calc(100% - 4rem);
  box-sizing: border-box;
  z-index: 999;
}

.selectwithSearch__container.active .selectwithSearch__content.small {
  width: auto !important;
}

.selectwithSearch__content .selectwithSearch__search {
  position: relative;
}

.selectwithSearch__search svg {
  top: 50%;
  left: 1rem;
  color: #999;
  font-size: 1.2rem;
  pointer-events: none;
  transform: translateY(-50%);
  position: absolute;
}

.selectwithSearch__search input{
  box-sizing: border-box;
  height: 3.25rem;
  width: 100%;
  outline: none;
  font-size: 1rem;
  border-radius: 8px;
  padding: 0 1.2rem 0 4rem;
  border: 1px solid #B3B3B3;
}

.selectwithSearch__search input:focus {
  padding-left: 4rem;
  border: 2px solid #4285f4;
}

.selectwithSearch__search input::placeholder {
  color: #bfbfbf;
}

.selectwithSearch__options {
	margin-left: 0!important;
	margin-right: 0!important;
}

.selectwithSearch__content .selectwithSearch__options {
  margin-top: .5rem;
  padding-right: .5rem;
  max-height: 250px;
  overflow-y: auto;
}

.selectwithSearch__options::-webkit-scrollbar {
  width: 8px;
}

.selectwithSearch__options::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 25px;
}

.selectwithSearch__options::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 25px;
}

.selectwithSearch__options::-webkit-scrollbar-thumb:hover {
  background: #b3b3b3;
}

.selectwithSearch__options li {
  display: flex;
  align-items: center;
  padding: .25rem .75rem;
  font-size: 1.075rem;

  cursor: pointer;
}

li.groupTitle {
  height: 2.25rem;
  font-size: 1.125rem;
  background-color: rgb(179 163 255 / 21%);
  cursor: default;
  margin-bottom: .25rem;
  margin-top: .35rem;
  border-bottom: 1px solid #d1d1d1;
  border-radius: 12px 12px 0 0 !important;
}

li.groupTitle:hover {
  border-radius: 12px 12px 0 0 !important;
  background-color: rgb(179 163 255 / 21%) !important;
}

.selectwithSearch__options li:hover,
li.selected {
  border-radius: 8px;
  background: #f2f2f2;
}
/*Select search*/

/** o código CSS colocado aqui será aplicado a todos os temas */
#ca-viewsource { display: none !important; }

#ca-history { display: none !important;}

/* Efeitos */
	.hover-minimizeAndRotateContainer a,
	.hover-minimizeAndRotate img{
		transition: transform .25s ease;
	}
	
	.hover-minimizeAndRotateContainer a:hover,
	.hover-minimizeAndRotate img:hover{
		transform: scale(.95) rotateZ(-4deg);
	}
	
	.hover-minimize img, 
	.hover-minimize a img,
	.hover-minimize.initialPage__topicContainer {
		transition: transform .25s ease;
	}
	
	.hover-minimize:not(.initialPage__topicContainer) img:hover,
	.hover-minimize a img:hover,
	.hover-minimize.initialPage__topicContainer:hover{
		transform: scale(.95);
	}
/* Efeitos */

body {
	position: relative;
}

body::before {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: url('https://wiki.pokexgames.com//images/a/af/Fundo-wiki.jpeg') no-repeat;
	filter: brightness(0.8);
  
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -1;
}

.mw-body {
	border-right: 0 !important;
}

.mw-body, .parsoid-body, #mw-panel {
	background: #fffffff0;
	border-radius: 6px;
	border: 5px solid transparent;
	border-image: url('https://wiki.pokexgames.com/images/9/9a/Borda-wiki.png') 15 stretch;
}

#p-logo a {
	background-size: contain;
}

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

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

@media screen and (min-width: 982px) { 
	.mw-body, #mw-head-base, #left-navigation, #mw-data-after-content, .mw-footer {
    	margin-left: 13em;
	}
}

#mw-panel {
	width: 10.5em;
	margin-top: 2.2rem;
	border-left: none;
}

/*Ocultamentos e Remoções de estilo*/
#p-tb { display: none; }

.css-links {
    pointer-events: none;
    opacity: 0;
    margin: 0 !important;
}

#footer-info-lastmod { display: none; }

.firstHeading {display: none;}

.catlinks { display: none; }

.vector-menu-tabs-legacy .selected { background: none!important; }

.vector-menu-tabs-legacy li { background: none!important; }

#mw-page-base { background: none!important;}

#ca-view { display: none; }

#ca-talk {display: none;}

.vector-search-box-input:focus, .vector-search-box-inner:hover .vector-search-box-input:focus {
	border-color: #cc7ee0;
    box-shadow: inset 0 0 0 1px #cc7ee0;
}

.vector-search-box-inner:hover .vector-search-box-input { border-color: #cc7ee0; }

.vector-search-box-input { 
	border: 1px solid #9f4eea; 
	background: white;
}

/*Wikitable*/

.wikitable th,
.wikitable td {
	color : #202122 !important;
}

.wikitable td.table-no-background {
	background-color: none;
}

.wikitable th {
	background-color: #d1c1e0 !important;
}

.wikitable td {
	background-color: #f2e8f8 !important;
}

.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
	border-color: white !important;
	border-width: 2px !important;
}

/*Wikitable*/

/*Ajustes visuais de elementos da wiki*/

.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading {
	background-image: none;
}

#footer-places li a {
	color: #adadad;
}

#right-navigation {
	margin-top: 2em;
}

.mw-list-item.selected{
	margin-top: -.2rem;
	display: block;
	border-radius: 6px;
	border: 5px solid transparent;
	border-image: url('https://wiki.pokexgames.com/images/9/9a/Borda-wiki.png') 15 stretch;
}

.mw-list-item.selected a {
	padding: .35rem;
	background: white;
	height: auto !important;
}

/* Utilitarios */
.d-none {
	display: none!important;
}

.d-block {
	display: block!important;
}

.d-flex {
	display: flex;
}

.d-flex > p, 
.d-flex > br {
	display: none !important;
}

.w-100 {
	width: 100%;
}

.align-center {
	align-items: center;
}

.justify-center, .list-center, .center-tab .tabber__tabs {
	justify-content: center;
}

.space-between { justify-content: space-between; }

.space-around { justify-content: space-around; }

.align-start { align-items: flex-start !important; }  

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

.flex-column { flex-direction: column; }

.flex-wrap, .break-row { flex-wrap: wrap; }

.bg-none { background: none !important; }

.text-center { text-align: center; }

.border-0 { border: none !important; }

.gap-1{ gap: .5rem; }

.gap-2 { gap: 1rem; }

.gap-3 { gap: 1.5rem; }

.margin-center {
	margin-left: auto !important;
	margin-right: auto !important;
}

.mx-2 {
	margin-right: 1rem;
	margin-left: 1rem;
}

.mr-2 { margin-right: 1rem !important; }
.mr-4 { margin-right: 2rem !important; }

.mt-1 { margin-top: .5rem; }
.mt-2 { margin-top: 1rem !important; }
.mb-2 { margin-bottom: 1rem; }

.p-1 { padding: .5rem; }
.p-2 { padding: 1rem; }
.p-3 { padding: 1.5rem; }

.pr-1 { padding-right: .5rem; }
/* Utilitarios */

/* Cartões dos NPCs */
.npcCard {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    background-color: rgb(250, 250, 250);
    padding: 1rem .75rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    height: 9.5rem;
    width: 11.5rem;

    border-top: 5px solid;
    border-radius: 8px;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: all .25s ease;
}

h2.npcCard__title{
	border: none;
    font-size: 1.25rem !important;
    font-weight: 400;
}

.npcCard__link {
	display: table;
}

.npcCard__link:hover {
	text-decoration: none !important;
}

.npcCard__link:hover .npcCard {
	transform: scale(.98);
}

.npcCard__portrait {
    padding: .55rem .8rem;
    border-radius: 50%;
    margin-bottom: .5rem;
}

.npcCard__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.npcCard__list .npcCard {
	margin-bottom: 1rem;
}

.npcCard__list a {
	display: block;
	margin-right: 1rem;
}

/* Cartões dos NPCs - Cores */
.npcCard.default .npcCard__portrait {
    background-color: #f7eeff;
}

.npcCard.default {
    border-color: #e89dff;
}
/* Cartões dos NPCs - Cores */
/* Cartões dos NPCs */

/* Componente veja mais */
 .seeMore {
    height: 3.2rem;
    padding: .5rem .575rem;
    border: 1px dashed #e89dff;
    background-color: #f9f2ff;
    border-radius: 12px;
    margin: 1rem auto 1rem 0px;
}

.flex-center .seeMore {
	margin: 0;
}

.seeMore__image {
    text-align: center;
    width: 2rem;
}
/* Componente veja mais */

/* Cartão*/
.card {
	background: white;
    box-shadow: rgb(67 71 85 / 27%) 0px 0px 0.25em, rgb(90 125 188 / 5%) 0px 0.25em 1em;
    padding-bottom: .2rem;
    margin-bottom: .75rem;
    border-radius: 8px;
}

.card-title {
	text-align: center;
    background-color: #944EC7;
    color: white;
    padding: .25rem 1rem;
    letter-spacing: .03rem;
    font-size: 1.15rem;
    font-weight: bold;
    border-radius: 8px 8px 0 0;
}

.card-container {
	padding: .75rem 1rem;
}

/* Cartão */

/*Navegação rápida*/
.linkWithIcon__link {
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.linkWithIcon__imageContainer {
	height: 10rem;
	box-sizing: border-box;
    padding: 1rem;
    display: flex;
    align-items: flex-end;
}

.linkWithIcon__imageContainer img {
	width: 100%;
	margin-bottom: .2rem;
    height: auto;
    max-height: 9rem;
}

.linkWithIcon__link img{
	height: 100%;
}

.linkWithIcon__link span {
	font-size: 1rem;
	font-weight: bold;
    margin-top: .5rem;
}

.fastNav__linksContainer {
	margin-top: 1rem;
	margin-bottom: 1rem;
	display: flex;
	gap: 2rem 0;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

/*Prevent paragraph spacement*/
.fastNav__linksContainer p {
	display: none;
}

.fastNav__linksContainer a:not([href]) {
	display: none;
}

.fastNav__linksContainer .linkWithIcon__link,
.fastNav__linksContainer a{
	width: 19.5%;
	max-width: 13rem;
    padding: .65rem;
    box-sizing: border-box;
}

.fastNav__linksContainer a img {
	width: 100%;
	height: auto;
}

/*Navegação rápida*/
.initialPage__container {
	max-width: 1650px;
}

.initialPage__contentContainer {
	display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 1rem;
    box-sizing: border-box;
}

.initialPage__mainContent {
    margin-top: 2.5rem;
    padding: 0 2rem;
    box-sizing: border-box;
    width: 75%;
}

.initialPage__sideContent {
	margin-top: 2.5rem;
    width: 25%;
    padding: 0 1rem;
    box-sizing: border-box;
}

.initialPage__welcomeBadge {
	text-align: center;
}

.initialPage__welcomeBadgeImg {
	max-width: 800px;
    width: 100%;	
	border-radius: 12px;
}

.initialPage__highlightCardContainer {
	display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 .5rem;
    margin-bottom: 1.5rem;
    gap: 1.5rem;
}

.initialPage__highlightCard {
	flex: 1;
	max-width: 19rem;
	min-width: 14rem;
}

.initialPage__highlightCard .badge-img {
	cursor: pointer;
}

.badge-img {
	box-shadow: rgb(67 71 85 / 27%) 0px 0px 0.25em, rgb(90 125 188 / 5%) 0px 0.25em 1em;
	border-radius: 12px;
	width: 100%;
	transition: transform .35s ease;
}

/*Social media*/
.socialMedia__title {
	font-weight: bold;
    font-size: 1.25rem;
    display: block;
    text-align: center;
    margin-top: 1rem;
    color: #747176;
    letter-spacing: .02rem;
}

.socialMedia__linkContainer {
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    margin-top: .5rem;
}

a.socialMedia__link img {
	width: 100%;
	max-width: 16rem;
    height: auto;
    border-radius: 12px;
    filter: grayscale(.5);
    
    transition: all .25s ease;
}

a.socialMedia__link:hover img{ 
	filter: grayscale(0);
	transform: scale(.98);
}

/* Indice da pagina inicial */
.initialPage__indexContent {
	margin-bottom: .75rem;
}

.initialPage__indexLinks {
	display: block;
	border-bottom: 2px dotted gray;
	padding-bottom: .5rem;
}

/* Formulario poll daddy */
.css-box.pds-box {
	width: 100%!important;
	max-width: 300px;
	margin: 0 auto !important;
}

/*Topico componente*/
.initialPage__topicContainer {
	display: block;
    width: 30rem;
    aspect-ratio: 1 / .27;
	display: flex;
	align-items: stretch;
	border: 5px solid transparent;
	border-image: url('https://wiki.pokexgames.com/images/9/9a/Borda-wiki.png') 15 stretch;
}

.initialPage__topicContainer h4 {
	font-size: 1.3rem;
	text-align: center;
}

.initialPage__topicContainer p {
	font-size: 1rem;
	text-align: center;
}

.initialPage__topicImage {
	width: 55%;
    height: unset;
    margin-right: .5rem;
}

.initialPage__topicContainer img {
    width: 100%;
    height: 100%;
    
    border-right: 5px solid transparent;
	border-image: url('https://wiki.pokexgames.com/images/9/9a/Borda-wiki.png') 15 stretch;
}

.initialPage__topicContent {
	width: 100%;
	padding: .5rem;	
}

/*Formulario de boost*/
        .boostCalc__form {
            width: 35rem;
            margin: 0 auto;
            box-sizing: border-box;
        }

        .input-group {
            position: relative;
            margin-top: 2rem;
        }

        .checkbox-group {
            margin-top: .35rem;
            padding-left: .7rem;
            display: flex;
            justify-content: flex-start;
            align-items: center;
        }

        .checkbox-group label {
            padding-left: .35rem;
		    font-size: .8rem;
		    padding-top: .15rem;
		    letter-spacing: .02rem;
		    color: #6e6e6e;
		    font-weight: bold;
        }

        .boostCalc__label {
            position: absolute;
            left: .5rem;
            top: 50%;
            transform: translate(0%, -50%);
            font-size: .95rem;
            color: #626262;
            pointer-events: none;
            transition: all .25s ease;
        }

        .boostCalc__input,
        .boostCalc__select {
            position: relative;
            width: 100%;
            box-sizing: border-box;
            padding: .65rem 1.1rem;
            border: 1px solid #ced4da;
            border-radius: 8px;
            font-size: 1.2rem;
            transition: all .25s ease;
        }

        .boostCalc__input:focus {
            border-color: #80bdff;
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
            outline: 0;
        }

        .boostCalc__input:focus,
        .boostCalc__input:not(:placeholder-shown) {
            background: rgba(0, 123, 255, .035);
        }

        .boostCalc__input:focus+.boostCalc__label,
        .boostCalc__input:not(:placeholder-shown)+.boostCalc__label,
        .boostCalc__select:focus+.boostCalc__label,
        .boostCalc__select:not(:placeholder-shown)+.boostCalc__label {
            top: -.7rem;
            font-size: .9rem;
        }
        
        .boostTo-container {
            margin-top: 2rem;
            display: flex;
            justify-content: space-around;
            align-items: center;
        }

        .boostTo-container div {
            width: 28%;
        }

        .boostTo-container .input-group {
            margin-top: 0;
            width: 35%;
        }

        .boostTo-container div img {
            width: 100%;
            padding: 0 1.8rem;
            box-sizing: border-box;
        }
        
        .boostCalc__resultContainer {
        	text-align: center;
    		background: #ffffff;
    		width: 32rem;
    		margin: 0 auto;
    		padding: 1rem;
    		padding-top: .35rem;
    		border-radius: 12px;
    		border-color: #80bdff;
    		box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
    		outline: 0;
        }
        
        .boostCalc__resultTitle {
        	margin: 0;
    		font-size: 1.2rem !important;
    		padding: 0;
    		color: #4c4b4b;
    		font-weight: bolder;
        }
        
        .boostCalc__result {
        	font-weight: 500;
    		font-size: .925rem !important;
        }
        
        .boostCalc__result span {
           padding-right: .5rem;
           font-weight: bold;
        }
/*Formulario de boost*/

.input-default {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: .45rem .8rem;
    border: 1px solid #ced4da;
    border-radius: 8px;
    font-size: .9rem;
    transition: all .25s ease;
}

.input-default:focus {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
    outline: 0;
}

@media screen and (max-width: 1450px) {
	.linkWithIcon__imageContainer {
		height: 8rem;
	}
}

@media screen and (max-width: 1360px) {
	html {
		font-size: 14px;
	}
}

@media screen and (max-width: 1250px) {
	.initialPage__mainContent {
		padding: 0;	
	}
	
	.fastNav__linksContainer {
		gap: .5rem 0;
		margin-top: 0;
	}
}

@media screen and (max-width: 1150px) {
	.initialPage__contentContainer {
		flex-direction: column;
		align-items: center;
	}
	
	.initialPage__mainContent, 
	.initialPage__sideContent {
		width: 100%;
		padding: 0 3rem;
	}
	
	.fastNav__linksContainer {
		gap: 1.5rem 0;
		padding: 1.5rem 1rem;
	}
	
	.fastNav__linksContainer .linkWithIcon__link, .fastNav__linksContainer a {
		max-width: 9.95rem;
	}
	
	.socialMedia__linkContainer {
		flex-direction: row;
	}
}