Is it possible to format the 2 buttons the same way as the "Preview" and "Send" buttons
?
I think the CSS is button1 or 2 here under defined in
\styles\prosilver\theme\colours.css
but I don't know how to use it in bbcode.html
<a href="{@msg_url}" data-msg-id="{@msg_id}">Aller au message</a>
Code: Select all
a.button1, input.button1, input.button3, a.button2, input.button2 {
color: #000;
background-color: #EFEFEF; /* Old browsers */ /* FF3.6+ */
background-image: -webkit-linear-gradient(top, #D2D2D2 0%, #EFEFEF 100%);
background-image: linear-gradient(to bottom, #D2D2D2 0%,#EFEFEF 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D2D2D2', endColorstr='#EFEFEF',GradientType=0 ); /* IE6-9 */
}
a.button1, input.button1 {
border-color: #666666;
}
input.button3 {
background-image: none;
}
/* Alternative button */
a.button2, input.button2, input.button3 {
border-color: #666666;
}
/* <a> button in the style of the form buttons */
a.button1, a.button2 {
color: #000000;
}
/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
border-color: #D31141;
color: #D31141;
background-color: #D2D2D2; /* Old browsers */ /* FF3.6+ */
background-image: -webkit-linear-gradient(top, #EFEFEF 0%, #D2D2D2 100%);
background-image: linear-gradient(to bottom, #EFEFEF 0%,#D2D2D2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFEFEF', endColorstr='#D2D2D2',GradientType=0 ); /* IE6-9 */
}
/* Focus states */
input.button1:focus, input.button2:focus, input.button3:focus {
border-color: #11A3EA;
color: #0F4987;
}