prettybuttons.css

button {
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid rgba(0,0,0,0.4);
    font: bold 14px HelveticaNeue, Helvetica, Arial, sans-serif;
    background-image: -webkit-linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.2));
    background-image: -moz-linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.2));
    -webkit-box-shadow: rgba(255,255,255,0.7) 0px 1px 0px inset, white 0px 1px 0px;
    -moz-box-shadow: rgba(255,255,255,0.7) 0px 1px 0px inset, white 0px 1px 0px;
    box-shadow: rgba(255,255,255,0.7) 0px 1px 0px inset, white 0px 1px 0px;
    background-color: #eee;
    color: #333;
    text-shadow: white 0px 1px 0px;
    cursor: pointer;
    margin: 0px;
    margin-right: 2px;
    margin-bottom: 5px;
}

button:hover, input[type="submit"]:hover {
    background-image: -webkit-linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.3));
    background-image: -moz-linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.3));
}
button:active, input[type="submit"]:active {
    background-image: -webkit-linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.5));
    background-image: -moz-linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.5));
}


.paris, .redconfetti, .sugar, .rushhour, .green, .sail, .adrift, .red, .purple, .blue, .turkish, .lime, .grey, .darkgrey, .noir, .submarine, .dust, .rust, .overcast, .liquid, button:active {
    color: white!important;
    color: rgba(255, 255, 255, .85)!important;
    text-shadow: rgba(0,0,0,0.5) 0px 1px 2px!important;
}
.sea, .cheese, .prettybaby {
    color: #333;
    text-shadow: white 0px 1px 0px;
}
.submarine {
    background-color: #121232;
}
.dust {
    background-color: #362846;
}
.rust {
    background-color: #A96B71;
}
.cheese {
    background-color: #EDD7B2;
}
.prettybaby {
    background-color: #FFF8D8;
}
.paris {
    background-color: #99b898;
}
.orangeblur {
    background-color: #fecea8;
}
.redconfetti {
    background-color: #ff847c;
}
.sugar {
    background-color: #e84a5f;
}
.rushhour {
    background-color: #2a363b;
}
.sunlit {
    background-color: #CFF09E;
}
.sea {
    background-color: #A8DBA8;
}
.green {
    background-color: #79BD9A;
}
.sail {
    background-color: #3B8686;
}
.adrift {
    background-color: #0B486B;
}
.red {
    background-color: #fa4141;
}
.purple {
    background-color: #d070d0;
}
.blue {
    background-color: #6393ef;
}
.turkish {
    background-color: #4edbd0;
}
.lime {
    background-color: #a7d663;
}
.white {
    background-color: #fff;
}
.lightgrey {
    background-color: #bfbfbf;
}
.grey {
    background-color: #767676;
}
.darkgrey {
    background-color: #3c3c3c;
}
.noir {
    background-color: #1b1b1b;
}
.overcast {
    background-color: #525B61;
}
.liquid {
    background-color: #79A698;
}
.peach {
    background-color: #F5EBD5;
}