shake_style.css

*{
    
    margin: 3px 0 0 0;
    padding: 0;
}
body{
    text-align: center; /*выравнивание Canvas по центру! да да это тот самый костыль =)*/
}
#play{
    background-color: #68b12f;
    background: linear-gradient(top, #68b12f, #50911e);
    border: 1px solid #509111;
    border-bottom: 1px solid #5b992b;
    border-radius: 3px;
    box-shadow: inset 0 1px 0 0 #9fd574;
    color: white;
    font-weight: bold;
    padding: 6px 20px;
    text-align: center;
    text-shadow: 0 -1px 0 #396715;
}
#restart{
    background-color: #03A9F4;
    background: linear-gradient(top, #81D4FA, #039BE5);
    border: 1px solid #0e78e5;
    border-bottom: 1px solid #2077e5;
    border-radius: 3px;
    box-shadow: inset 0 1px 0 0 #B3E5FC;
    color: white;
    font-weight: bold;
    padding: 6px 20px;
    text-align: center;
    text-shadow: 0 -1px 0 #0D47A1;
}
#pause{
    background-color: #EF6C00;
    background: linear-gradient(top, #FF9800, #EF6C00);
    border: 1px solid #F57C00;
    border-bottom: 1px solid #FF9800;
    border-radius: 3px;
    box-shadow: inset 0 1px 0 0 #FFCA28;
    color: white;
    font-weight: bold;
    padding: 6px 20px;
    text-align: center;
    text-shadow: 0 -1px 0 #FF6F00;
}
#play:hover, #pause:hover, #restart:hover{
    opacity:.75;
    cursor: pointer;
}
#play:active{
    border: 1px solid #20911e;
    box-shadow: 0 0 10px 5px #356b0b inset;
}
#pause:active{
    border: 1px solid #FFC107;
    box-shadow: 0 0 10px 5px #a34718 inset;
}
#restart:active{
    border: 1px solid #42A5F5;
    box-shadow: 0 0 10px 5px #01579B inset;
}
#scr {
    /*пока будет вот такой убогий дизайн )*/
    width: 85px;
    background: #fff;
    border: 1px solid #2c509a;
    border-radius: 5px;
    color: #2c509a;
    font: normal 12px arial;
    padding: 7px 13px 8px

    /*Не решил пока как оформить окно с результатом
    width: 150px;
    height: 20px;
    background-color: #68b12f;
    background: linear-gradient(top, #68b12f, #50911e);
    border: 1px solid #509111;
    border-bottom: 1px solid #5b992b;
    border-radius: 3px;
    box-shadow: inset 0 1px 0 0 #9fd574;
    color: white;
    font-weight: bold;
    padding: 6px 20px;
    text-align: center;
    text-shadow: 0 -1px 0 #396715;*/
}