Vai al contenuto

Utente:Raoli/EditButtons

Da Wikivoyage.

Nuovo schema di colori per i pulsanti di salvataggio

[modifica]
Nuovi pulsanti di salvataggio
Nuovi pulsanti di salvataggio
div.editButtons input
{
 padding: 3px 5px;
 font-weight: bold;
 line-height: 1;
 color: #444;
 border: none;
 background-color: #fff;
 -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
         border-radius: 17px;
 text-shadow: 0 1px 1px rgba(255,255,255,.85);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));
 background-image: -moz-linear-gradient(0% 100% 90deg, #bbb, #fff);
 -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
         box-shadow: 0 1px 2px rgba(0,0,0,.5);
}
div.editButtons input#wpSave
{
 color: #eee;
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0f75bc), to(#0a5081));
 background-image: -moz-linear-gradient(0% 100% 90deg, #0a5081, #0f75bc);
 text-shadow: 0 1px 1px rgba(0,0,0,.5);
}
div.editButtons input:hover
{
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));
 background-image: -moz-linear-gradient(0% 100% 90deg, #99b, #ddf);
}
div.editButtons input:hover#wpSave
{
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1186d9), to(#004c82));
 background-image: -moz-linear-gradient(0% 100% 90deg, #004c82, #1186d9);
}
div.editOptions div.editButtons input:active
{
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fdf), to(#b9b));
 background-image:    -moz-linear-gradient(0% 100% 90deg, #b9b, #fdf);
 -webkit-box-shadow: 0 1px 12px rgba(51,204,255,.9);
    -moz-box-shadow: 0 1px 12px rgba(51,204,255,.9);
         box-shadow: 0 1px 12px rgba(51,204,255,.9);
}