Jump to content

MediaWiki:Common.css: Difference between revisions

No edit summary
No edit summary
Line 4: Line 4:




/* Contentor do botão Buy Now (MONARCH) para dar espaçamento */
/* 1. Contentor do botão Buy Now (MONARCH) - Alinhado à direita */
.buy-now-container {
.buy-now-container {
     margin: 20px 0;
     margin: 20px 0;
Line 11: Line 11:
}
}


/* Estilo do Botão Buy Now (Igual ao do site) */
/* 2. Estilo do Botão - Base e Centralização */
.button-buy-now a {
.button-buy-now a.external {
     display: inline-flex !important;
     display: inline-flex !important;
     align-items: center !important;
     align-items: center !important;
Line 19: Line 19:
     background-color: #d1ff00 !important; /* Verde néon */
     background-color: #d1ff00 !important; /* Verde néon */
     color: #000 !important; /* Texto preto */
     color: #000 !important; /* Texto preto */
     padding: 7px 10px 7px 10px !important;
   
    /* PADDING IGUAL DOS DOIS LADOS (Essencial para centrar) */
     padding: 7px 25px !important;  
   
     border-radius: 50px !important;
     border-radius: 50px !important;
     font-weight: bold;
     font-weight: bold !important;
     text-decoration: none !important;
     text-decoration: none !important;
     font-size: 1.0em !important;
     font-size: 1.0em !important;
Line 28: Line 31:
     transition: transform 0.2s ease !important;
     transition: transform 0.2s ease !important;


  /* Remove qualquer comportamento de bloco que cause desalinhamento */
    /* Remove a seta e o espaço fantasma do MediaWiki */
     width: auto !important;
     background-image: none !important;
     min-width: 120px; /* Garante um tamanho mínimo consistente */
     margin-right: 0 !important;
     text-align: center !important;
     text-indent: 0 !important;
    letter-spacing: 0 !important;
}
}


/* REMOVE O VILÃO: Espaçamento de link externo do MediaWiki */
/* 3. Forçar anulação de regras do sistema (mw-parser-output) */
.button-buy-now a.external {
.mw-parser-output .button-buy-now a.external {
    padding-right: 25px !important; /* Força a simetria com a esquerda */
     background-image: none !important;
     background-image: none !important;
    padding-right: 25px !important; /* Força o mesmo valor da esquerda */
    margin-right: 0 !important;
}
}


/* Ajuste fino para a fonte Rubik (se parecer ligeiramente para a esquerda) */
/* 4. Efeito ao passar o rato */
.button-buy-now a {
.button-buy-now a.external:hover {
     text-indent: 0 !important;
     transform: scale(1.05) !important;
     letter-spacing: 0 !important;
    background-color: #e2ff33 !important;
     text-decoration: none !important;
}
}