• Descrição:

Boa tarde.

Ando a tentar personalizar a janela Pop-Up do meu Forum, ao pesquisar aqui no FDF encontrei este tópico, Janela pop-up flutuante.

Uma das respostas a esse tópico dadas pelo membro Harker podemos ver este código para adicionar na folha CSS;


a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
padding: 8px 8px!important;
background: #00CC99;
color: #FFFFFF;
border: 1px solid #474747!important;
border-radius: 3px;
font-size: 11px;
box-shadow: 1px 1px 5px #333131;
}
a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
color: #008563!important;
}
#login_popup {
font-size: 11px!important;
background-color: #2D2D2D;
border: 2px solid #049987;
color: #FFF;
border-radius: 10px 10px 0px 0px;
box-shadow: 1px 1px 5px #000;
padding: 6px;
position: absolute;
z-index: 10000;
}
#login_popup .h3 {
color: #DBDBDB!important;
padding: 15px 15px 20px!important;
margin: 5px 0px 16px!important;
border: none!important;
box-shadow: 1px 1px 3px #141414;
font-style: italic;
}



Apliquei esse código na folha CSS do meu forum para personalizar a janela Pop-Up, mas pelo que pude ver não é só a Pop-Up que é modificada, alguns botões do forum também sofrem modificações.

Nas duas imagens a baixo mostro a diferensa entre a modificação e sem a modificação;

Sem modificação; 

Com a modificação; 

A minha questão é, como faço para que essa modificação da janela Pop-Up não altere os botões do Forum?

• Informações:

Código:


input#login_popup_close {
padding: 8px 8px!important;
background: #00CC99;
color: #FFFFFF;
border: 1px solid #474747!important;
border-radius: 3px;
font-size: 11px;
box-shadow: 1px 1px 5px #333131;
}

div#login_popup_buttons input.button1 {
padding: 8px 8px!important;
background: #00CC99;
color: #FFFFFF;
border: 1px solid #474747!important;
border-radius: 3px;
font-size: 11px;
box-shadow: 1px 1px 5px #333131;
}
div#login_popup_buttons input.button1:hover {
color: #008563!important;
}
#login_popup {
font-size: 11px!important;
background-color: #2D2D2D;
border: 2px solid #049987;
color: #FFF;
border-radius: 10px 10px 0px 0px;
box-shadow: 1px 1px 5px #000;
padding: 6px;
position: absolute;
z-index: 999;
}
#login_popup .h3 {
color: #DBDBDB!important;
padding: 15px 15px 20px!important;
margin: 5px 0px 16px!important;
border: none!important;
box-shadow: 1px 1px 3px #141414;
font-style: italic;
}



Alex Habilidade escreveu:Olá tudo bem?

Troque o código por este: