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
 
(31 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
/** Estilo Simplificado inspirado no otPokemon **/
.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;
}


/* Fundo da página */
body::before {
body::before {
    content: '';
content: '';
    position: fixed;
position: fixed;
    top: 0;
top: 0;
    left: 0;
left: 0;
    width: 100%;
width: 100%;
    height: 100vh;
height: 100vh;
    background: url('https://images5.alphacoders.com/135/1351278.png') no-repeat center center;
background: url('https://wiki.pokexgames.com//images/a/af/Fundo-wiki.jpeg') no-repeat;
    background-size: cover;
filter: brightness(0.8);
    opacity: 0.85;
 
    z-index: -1;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
z-index: -1;
}
}


/* Fundo do conteúdo principal */
.mw-body {
.mw-body {
    background: rgba(255, 255, 255, 0.95);
border-right: 0 !important;
     border-radius: 10px;
}
    padding: 20px;
 
    border: 5px solid transparent;
.mw-body, .parsoid-body, #mw-panel {
    border-image: url('https://wiki.otpokemon.com/images/2/2a/Border-red.png') 15 stretch;
background: #fffffff0;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
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;
}
}


/* Cabeçalho */
.mx-2 {
#mw-head {
margin-right: 1rem;
     background: linear-gradient(90deg, #d10a13 0%, #eb333b 46%, #ff1d27 100%);
margin-left: 1rem;
     color: white;
}
     padding: 10px;
 
     border-radius: 10px;
.mr-2 { margin-right: 1rem !important; }
     font-weight: bold;
.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;
     text-align: center;
     text-shadow: 1px 1px 2px black;
     width: 2rem;
}
}
/* Componente veja mais */


/* Menu lateral */
/* Cartão*/
#mw-panel {
.card {
     background: rgba(0, 0, 0, 0.8);
background: white;
     color: white;
     box-shadow: rgb(67 71 85 / 27%) 0px 0px 0.25em, rgb(90 125 188 / 5%) 0px 0.25em 1em;
     border-radius: 10px;
     padding-bottom: .2rem;
     padding: 15px;
     margin-bottom: .75rem;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
     border-radius: 8px;
}
}


#mw-panel a {
.card-title {
text-align: center;
    background-color: #944EC7;
     color: white;
     color: white;
     text-decoration: none;
     padding: .25rem 1rem;
    letter-spacing: .03rem;
    font-size: 1.15rem;
     font-weight: bold;
     font-weight: bold;
     transition: color 0.3s ease;
     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;
}
}


#mw-panel a:hover {
.fastNav__linksContainer .linkWithIcon__link,
     color: #FFD700; /* Dourado ao passar o mouse */
.fastNav__linksContainer a{
width: 19.5%;
max-width: 13rem;
    padding: .65rem;
     box-sizing: border-box;
}
}


/* Rodapé */
.fastNav__linksContainer a img {
.mw-footer {
width: 100%;
     background: rgba(0, 0, 0, 0.8);
height: auto;
     color: white;
}
     padding: 10px;
 
     border-radius: 10px;
/*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;
     text-align: center;
     font-size: 0.9em;
     margin-top: 1rem;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
    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;
}
}


/* Links */
/*Topico componente*/
a {
.initialPage__topicContainer {
     color: #FF4500; /* Laranja */
display: block;
    text-decoration: none;
     width: 30rem;
    font-weight: bold;
    aspect-ratio: 1 / .27;
    transition: color 0.3s ease;
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;
}
}


a:hover {
.initialPage__topicImage {
     color: #FFD700; /* Dourado ao passar o mouse */
width: 55%;
    height: unset;
     margin-right: .5rem;
}
}


/* Botões */
.initialPage__topicContainer img {
button, .button {
     width: 100%;
     background: #d10a13;
     height: 100%;
     color: white;
      
     padding: 10px 20px;
     border-right: 5px solid transparent;
     border: none;
border-image: url('https://wiki.pokexgames.com/images/9/9a/Borda-wiki.png') 15 stretch;
    border-radius: 5px;
    cursor: pointer;
    font-size: 1em;
    transition: background 0.3s ease;
}
}


button:hover, .button:hover {
.initialPage__topicContent {
    background: #b50911;
width: 100%;
padding: .5rem;
}
}


/* Tabelas */
/*Formulario de boost*/
table.wikitable {
        .boostCalc__form {
    background: white;
            width: 35rem;
    border: 3px solid #d10a13;
            margin: 0 auto;
    border-radius: 10px;
            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%;
     width: 100%;
     text-align: center;
     box-sizing: border-box;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    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;
}
}
 
.item-tooltip {
    position: fixed;
    width: 280px;
    padding: 10px 12px;
    z-index: 999999;
    pointer-events: none;
 
    background: url("https://api.pkro.com.br/icon/background.png") no-repeat;
    background-size: 100% 100%;
 
    font-size: 12px;
    color: #111;
}
}


table.wikitable th {
.item-tooltip .row {
     background: #d10a13;
     display: flex;
     color: white;
     align-items: center;
     padding: 10px;
     margin-bottom: 4px;
}
}


table.wikitable td {
.item-tooltip .icon {
     padding: 10px;
     width: 24px;
     border: 1px solid #ddd;
    height: 24px;
     margin-right: 6px;
}
}


/* Destaques */
.item-tooltip .title {
.highlight {
    background: linear-gradient(90deg, #d10a13 0%, #ff1d27 100%);
    color: white;
     font-weight: bold;
     font-weight: bold;
    padding: 10px;
    border-radius: 5px;
    text-shadow: 1px 1px 2px black;
}
}


/* Responsividade */
.item-tooltip .text {
@media (max-width: 768px) {
     margin-left: 30px; /* alinha com texto do título */
     .mw-body {
}
        padding: 10px;
    }


     #mw-panel {
.item-tooltip::after {
        font-size: 0.9em;
    content: "";
     }
    position: absolute;
    left: 0;
    right: 0;
     bottom: 0;
    height: 1px;
    background: #999999;
}
 
.item-tooltip .title {
    font-weight: bold;
    position: relative;
    left: 5px;
     top: -5px;
}


    table.wikitable th, table.wikitable td {
.item-tooltip .icon {
        font-size: 0.9em;
    width: 24px;
     }
    height: 24px;
    margin-right: 6px;
    position: relative;
    left: 1px;
     top: 5px;
}
}

Menu de navegação