skylight_animation

Web Storage - localStorage | CSS

Aug 19th, 2020
2,367
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.46 KB | None | 0 0
  1. body{
  2.     font-family: sans-serif;
  3.     background: #FFEB3B;
  4. }
  5.  
  6. h2 {color: #5a5a5a;}
  7.  
  8. h2 small{
  9.     background: #607D8B;
  10.     color: #fff;
  11.     padding: 4px 8px;
  12.     font-weight: 100;
  13.     border-radius: 15px;
  14.     font-size: 17px;
  15. }
  16.  
  17. .btn:focus, input:focus {
  18.     outline: none!important;
  19. }
  20.  
  21. .btn-circle{
  22.     background: #4dbf51;
  23.     border: 1px solid #4dbf51;
  24.     color: #fff;
  25.     padding: 5px 10px;
  26.     border-radius: 100px;
  27.     width: 100px;
  28.     height: 100px;
  29.     box-shadow: 1px 2px 2px 3px #4CAF50;
  30.     margin: 8% 50px 10%;
  31. }
  32.  
  33. .btn-circle:hover{
  34.     background: #4CAF50!important;
  35.     border: 1px solid #4dbf51!important;
  36.     box-shadow: 1px 2px 2px 3px #4dbf51!important;
  37. }
  38.  
  39. #play {font-size: 24px;}
  40.  
  41. .highscore {
  42.     width: 100px;
  43.     padding: 5px 15px;
  44.     background: #FFC107;
  45.     border: solid #FFC107;
  46.     color: #4d4d4d;
  47.     border-radius: 5px;
  48.     font-family: sans-serif;
  49.     text-align: center;
  50. }
  51.  
  52. .score {
  53.     border: solid #d6d6d6 2px;
  54.     background: #fff;
  55.     padding: 10px 5px;
  56.     margin: 5px;
  57.     text-align: center;
  58.     font-size: 24px;
  59. }
  60.  
  61. .name {
  62.     text-align: center;
  63.     background: #FFEB3B;
  64.     color: #607D8B;
  65.     border-radius: 5px;
  66.     padding: 3px;
  67. }
  68.  
  69. .timer-box{
  70.     background: #FFC107;
  71.     width: 30px;
  72.     height: 30px;
  73.     border-radius: 50%;
  74.     color: #6f6f6f;
  75.     padding: 5px;
  76.     border: solid #e1aa03;
  77. }
  78.  
  79. .timer-title{
  80.     font-size: 8px;
  81. }
  82.  
  83. .score-box{
  84.     padding: 10px;
  85.     font-size: 40px;
  86.     background: #fff;
  87.     border-radius: 50%;
  88.     width: 55px;
  89.     height: 55px;
  90.     margin: 25px;
  91.     border: solid #cecece;
  92. }
  93.  
  94. .score-title {
  95.     font-size: 10px;
  96.     background: #cecece;
  97.     color: #4d4d4d;
  98.     border-radius: 5px;
  99.     padding: 1px 2px;
  100. }
  101.  
  102. .finalscore-title{
  103.     font-size: 24px;
  104.     background: #cecece;
  105.     color: #4d4d4d;
  106.     border-radius: 5px;
  107.     padding: 5px 15px;
  108.     width:150px;   
  109. }
  110.  
  111. .finalscore-box{
  112.     padding: 20px;
  113.     font-size: 50px;
  114.     background: #fff;
  115.     border-radius: 50%;
  116.     width: 55px;
  117.     height: 55px;
  118.     margin: 25px;
  119.     border: solid #cecece;
  120.     color: #607D8B;
  121. }
  122.  
  123. input#nameScore {
  124.     padding: 5px;
  125.     border: solid 1px #FF9800;
  126.     border-radius: 10px;
  127. }
  128. .btn-square {
  129.     background: #4dbf51;
  130.     border: 1px solid #4CAF50;
  131.     color: #fff;
  132.     padding: 3px 10px;
  133.     border-radius: 5px;
  134. }
  135. .btn-square:hover{
  136.     background: #4CAF50!important;
  137.     border: 1px solid #4dbf51!important;
  138. }
  139.  
  140. .lastscore{
  141.     background: #FF9800;
  142.     width: 120px;
  143.     margin-top: 5px;
  144.     padding: 3px 8px;
  145.     border-radius: 5px;
  146.     color: #fff;
  147. }
  148.  
  149. td{
  150.     font-size: 12px;
  151.     color: #616161;
  152.     font-weight: bold;
  153.     text-decoration: underline;
  154. }
  155.  
  156. th{
  157.     font-size: 10px;
  158. }
  159.  
Advertisement
Add Comment
Please, Sign In to add comment