Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body{
- font-family: sans-serif;
- background: #FFEB3B;
- }
- h2 {color: #5a5a5a;}
- h2 small{
- background: #607D8B;
- color: #fff;
- padding: 4px 8px;
- font-weight: 100;
- border-radius: 15px;
- font-size: 17px;
- }
- .btn:focus, input:focus {
- outline: none!important;
- }
- .btn-circle{
- background: #4dbf51;
- border: 1px solid #4dbf51;
- color: #fff;
- padding: 5px 10px;
- border-radius: 100px;
- width: 100px;
- height: 100px;
- box-shadow: 1px 2px 2px 3px #4CAF50;
- margin: 8% 50px 10%;
- }
- .btn-circle:hover{
- background: #4CAF50!important;
- border: 1px solid #4dbf51!important;
- box-shadow: 1px 2px 2px 3px #4dbf51!important;
- }
- #play {font-size: 24px;}
- .highscore {
- width: 100px;
- padding: 5px 15px;
- background: #FFC107;
- border: solid #FFC107;
- color: #4d4d4d;
- border-radius: 5px;
- font-family: sans-serif;
- text-align: center;
- }
- .score {
- border: solid #d6d6d6 2px;
- background: #fff;
- padding: 10px 5px;
- margin: 5px;
- text-align: center;
- font-size: 24px;
- }
- .name {
- text-align: center;
- background: #FFEB3B;
- color: #607D8B;
- border-radius: 5px;
- padding: 3px;
- }
- .timer-box{
- background: #FFC107;
- width: 30px;
- height: 30px;
- border-radius: 50%;
- color: #6f6f6f;
- padding: 5px;
- border: solid #e1aa03;
- }
- .timer-title{
- font-size: 8px;
- }
- .score-box{
- padding: 10px;
- font-size: 40px;
- background: #fff;
- border-radius: 50%;
- width: 55px;
- height: 55px;
- margin: 25px;
- border: solid #cecece;
- }
- .score-title {
- font-size: 10px;
- background: #cecece;
- color: #4d4d4d;
- border-radius: 5px;
- padding: 1px 2px;
- }
- .finalscore-title{
- font-size: 24px;
- background: #cecece;
- color: #4d4d4d;
- border-radius: 5px;
- padding: 5px 15px;
- width:150px;
- }
- .finalscore-box{
- padding: 20px;
- font-size: 50px;
- background: #fff;
- border-radius: 50%;
- width: 55px;
- height: 55px;
- margin: 25px;
- border: solid #cecece;
- color: #607D8B;
- }
- input#nameScore {
- padding: 5px;
- border: solid 1px #FF9800;
- border-radius: 10px;
- }
- .btn-square {
- background: #4dbf51;
- border: 1px solid #4CAF50;
- color: #fff;
- padding: 3px 10px;
- border-radius: 5px;
- }
- .btn-square:hover{
- background: #4CAF50!important;
- border: 1px solid #4dbf51!important;
- }
- .lastscore{
- background: #FF9800;
- width: 120px;
- margin-top: 5px;
- padding: 3px 8px;
- border-radius: 5px;
- color: #fff;
- }
- td{
- font-size: 12px;
- color: #616161;
- font-weight: bold;
- text-decoration: underline;
- }
- th{
- font-size: 10px;
- }
Advertisement
Add Comment
Please, Sign In to add comment