Oui bien sûr, les boutons auront le même aspect que dans le style Flatsilver sur ce forum. Style que tu peux sélectionner en haut à droite dans le navbar.
Si cela te convient, place ce code dans le fichier
stylesheet.css de ton style perso :
Code: Tout sélectionner
/* Form button styles
---------------------------------------- */
.button {
border-color: #C7C3BF;
background-color: #FFFFFF; /* Old browsers */ /* FF3.6+ */
background-image: -webkit-linear-gradient(top, #FFFFFF 0%,#E9E9E9 100%);
background-image: linear-gradient(to bottom, #FFFFFF 0%,#E9E9E9 100%); /* W3C */
box-shadow: 0 0 0 1px #FFFFFF inset;
-webkit-box-shadow: 0 0 0 1px #FFFFFF inset;
color: #428bca;
}
.button:hover,
.button:focus {
border-color: #4B5566;
background-color: #FFFFFF; /* Old browsers */ /* FF3.6+ */
background-image: -webkit-linear-gradient(top, #E9E9E9 0%,#FFFFFF 100%);
background-image: linear-gradient(to bottom, #E9E9E9 0%,#FFFFFF 100%); /* W3C */
text-shadow: 1px 1px 0 #FFFFFF, -1px -1px 0 #FFFFFF, -1px -1px 0 rgba(188, 42, 77, 0.2);
color: #555;
}
.button .icon,
.button-secondary {
color: #428bca;
}
.button-secondary:focus,
.button-secondary:hover,
.button:focus .icon,
.button:hover .icon {
color: #555;
}
.button-search:hover,
.button-search-end:hover {
border-color: #ccc;
}
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 */
}
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: #9C0707;
color: #9C0707;
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 */
}
/* Focus states */
input.button1:focus, input.button2:focus, input.button3:focus {
border-color: #11A3EA;
color: #0F4987;
}
input.disabled {
color: #666666;
}
Ensuite vide le cache