Customisation dans un skin dérivé
digital et aqua button
| Avancement |  |
| Workflow | Besoin d'aide |
| Statut | Le problème a été enregistré |
Bonjour,
bon et bien j'ai eu beau comparer une feuille de style dérivée de Digital, et celle de Digital elle-même, en 8.3, impossible d'obtenir le même effet bouton "aqua". 4400 lignes de codes et des poussières 
Ce que je peux en voir dans la feuille de style originale :
[folder=Digital original]a.button { /* a link that mimic a form button -- [button]url[/button], label */
display: -moz-inline-box; /* mandatory for firefox 2 */
display: inline-block;
cursor: pointer;
border: none;
font-size: 0;
font-style: normal;
text-decoration: none;
color: #2e523b;
line-height: 0;
background: transparent url('images/button_yellow.png') 0 0 no-repeat;
height: 30px;
margin: 0 6px 0 0;
padding: 0 10px 0 0;
vertical-align: middle;
}
a.button span {
display: inline-block;
cursor: pointer;
border: none;
font-family: "Arial" !important;
font-size: 12px !important;
font-style: normal;
white-space: nowrap;
letter-spacing: 0 !important;
color: #222;
line-height: 16px;
background: transparent url('images/button_yellow.png') 100% 0 no-repeat;
height: 30px;
margin: 0 -16px 0 10px;
padding: 8px 20px 0 10px;
vertical-align: middle;
}
span.button { /* a button in a form */
display: -moz-inline-box; /* mandatory for firefox 2 */
display: inline-block;
cursor: pointer;
border: none;
font-size: 0;
font-style: normal;
text-decoration: none;
color: #2e523b;
line-height: 0;
background: transparent url('images/button_yellow.png') 0 0 no-repeat;
height: 30px;
margin: 0 6px 0 0;
padding: 0 10px 0 0;
vertical-align: middle;
}
span.button button {
display: -moz-inline-box;
display: inline-block;
cursor: pointer;
border: none;
font-family: "Arial" !important;
font-size: 12px !important;
font-style: normal;
white-space: nowrap;
letter-spacing: 0 !important;
color: #222;
line-height: 16px;
background: transparent url('images/button_yellow.png') 100% 0 no-repeat;
height: 30px;
margin: 0 -16px 0 10px;
padding: 0 20px 0 10px;
vertical-align: text-top;
}
a.button:hover,
span.button:hover {
background-position:0 -60px;
color:#222;
text-decoration:none;
}
a.button:hover span,
span.button:hover button {
background-position:100% -60px;
}
a.button:active span, span.button:focus button {
color:#444;
}
[/folder]Mais rien à faire, ça suffit pas.
Est-ce qu'il y a autre chose à rechercher, dans template.php par exemple ?