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

Ir para navegação Ir para pesquisar
sem sumário de edição
Sem resumo de edição
Sem resumo de edição
 
(46 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; }
Linha 39: Linha 237:
width: 100%;
width: 100%;
height: 100vh;
height: 100vh;
background: url('https://media.discordapp.net/attachments/1063632353597079592/1080671160204800021/fundo_wiki_1.png') no-repeat;
background: url('https://wiki.pokexgames.com//images/a/af/Fundo-wiki.jpeg') no-repeat;
filter: brightness(0.8);
filter: brightness(0.8);
    
    
Linha 57: Linha 255:
border-radius: 6px;
border-radius: 6px;
border: 5px solid transparent;
border: 5px solid transparent;
border-image: url('https://cdn.discordapp.com/attachments/1082451514053890089/1082781921311985764/afafasf_1.png') 15 stretch;
border-image: url('https://wiki.pokexgames.com/images/9/9a/Borda-wiki.png') 15 stretch;
}
}


Linha 85: Linha 283:


/*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; }
#footer-info-lastmod { display: none; }


Linha 158: Linha 364:
border-radius: 6px;
border-radius: 6px;
border: 5px solid transparent;
border: 5px solid transparent;
border-image: url('https://cdn.discordapp.com/attachments/1082451514053890089/1082781921311985764/afafasf_1.png') 15 stretch;
border-image: url('https://wiki.pokexgames.com/images/9/9a/Borda-wiki.png') 15 stretch;
}
}


Linha 170: Linha 376:
.d-none {
.d-none {
display: none!important;
display: none!important;
}
.d-block {
display: block!important;
}
}


Linha 193: Linha 403:
}
}


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


.space-around {
.align-start { align-items: flex-start !important; }
justify-content: space-around;
}


.flex-center {
.flex-center {
Linha 207: Linha 415:
}
}


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


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


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


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


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


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


.gap-3 {
.gap-3 { gap: 1.5rem; }
gap: 1.5rem;
}


.margin-center {
.margin-center {
Linha 248: Linha 444:
.mr-4 { margin-right: 2rem !important; }
.mr-4 { margin-right: 2rem !important; }


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


Linha 253: Linha 451:
.p-2 { padding: 1rem; }
.p-2 { padding: 1rem; }
.p-3 { padding: 1.5rem; }
.p-3 { padding: 1.5rem; }
.pr-1 { padding-right: .5rem; }
/* Utilitarios */
/* Utilitarios */


Linha 560: Linha 760:
align-items: stretch;
align-items: stretch;
border: 5px solid transparent;
border: 5px solid transparent;
border-image: url('https://cdn.discordapp.com/attachments/1082451514053890089/1082781921311985764/afafasf_1.png') 15 stretch;
border-image: url('https://wiki.pokexgames.com/images/9/9a/Borda-wiki.png') 15 stretch;
}
}


Linha 584: Linha 784:
      
      
     border-right: 5px solid transparent;
     border-right: 5px solid transparent;
border-image: url('https://cdn.discordapp.com/attachments/1082451514053890089/1082781921311985764/afafasf_1.png') 15 stretch;
border-image: url('https://wiki.pokexgames.com/images/9/9a/Borda-wiki.png') 15 stretch;
}
}


Linha 700: Linha 900:
         .boostCalc__resultTitle {
         .boostCalc__resultTitle {
         margin: 0;
         margin: 0;
     font-size: 1.3rem;
     font-size: 1.2rem !important;
     padding: 0;
     padding: 0;
     color: #4c4b4b;
     color: #4c4b4b;
Linha 708: Linha 908:
         .boostCalc__result {
         .boostCalc__result {
         font-weight: 500;
         font-weight: 500;
     font-size: .925rem;
     font-size: .925rem !important;
         }
         }
          
          
         .boostCalc__result span + .boostCalc__result span {
         .boostCalc__result span {
    margin-left: .65rem;
          padding-right: .5rem;
          font-weight: bold;
         }
         }
/*Formulario de boost*/
/*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) {
@media screen and (max-width: 1450px) {

Menu de navegação