score.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. .btn.btn-how {
  2. min-height: 35px;
  3. margin-right: 1px;
  4. margin-left: 1px;
  5. }
  6. .btn.btn-how.active {
  7. margin-right: 3px;
  8. margin-left: 3px;
  9. min-height: 40px;
  10. border-bottom: none;
  11. border-bottom-left-radius: 0;
  12. border-bottom-right-radius: 0;
  13. }
  14. body {
  15. transition-duration: 300ms;
  16. }
  17. #controls {
  18. position: fixed;
  19. bottom: 20px;
  20. right: 20px;
  21. padding: 5px;
  22. border: 5px solid rgba(15, 15, 15, 0.1);
  23. border-radius: 15px;
  24. background-color: rgba(15, 15, 15, 0.1);
  25. backdrop-filter: blur(5px);
  26. z-index: -1;
  27. }
  28. #name {
  29. background-color: rgba(215, 215, 215, 0.7);
  30. border-radius: 5px;
  31. padding-right: 3px;
  32. }
  33. #controls:not(.disabled) {
  34. z-index: 1;
  35. }
  36. .well {
  37. border-top-left-radius: 0;
  38. border-top-right-radius: 0;
  39. border-bottom-left-radius: 30px;
  40. border-bottom-right-radius: 30px;
  41. -webkit-box-shadow: inset 0 3px 3px rgb(0 0 0 / 5%);
  42. box-shadow: inset 0 3px 3px rgb(0 0 0 / 5%);
  43. }
  44. img {
  45. transition-duration: 300ms;
  46. border: 3px dotted grey;
  47. width: 100%;
  48. }
  49. .minus {
  50. transition-duration: 300ms;
  51. color: rgb(217, 83, 79);
  52. font-weight: 800;
  53. font-family: 'Consolas';
  54. background-color: rgba(215, 215, 215, 0.7);
  55. position: absolute;
  56. border-radius: 4px;
  57. padding: 2px;
  58. }
  59. .minus.full {
  60. color: rgb(92, 184, 92);
  61. }
  62. .sp {
  63. outline: 1px solid rgba(15, 15, 15, 0.7);
  64. background-color: rgba(215, 215, 215, 0.7);
  65. position: absolute;
  66. border-radius: 1px;
  67. }
  68. .sp.cor {
  69. background-color: rgba(92, 184, 92, 0.7);
  70. }
  71. .sp.err {
  72. background-color: rgba(217, 83, 79, 0.7);
  73. }
  74. .avgSc {
  75. background-color: rgba(199, 217, 79, 0.3);
  76. font-family: 'Courier New', Courier;
  77. }
  78. .fullSc {
  79. background-color: rgba(199, 217, 79, 0.3);
  80. font-family: 'Courier New', Courier;
  81. }
  82. .mySc {
  83. color: white;
  84. background-color: rgba(6, 65, 106, 0.505);
  85. font-family: 'Courier New', Courier;
  86. }
  87. .list-unstyled>li {
  88. background-color: rgba(217, 83, 79, 0.2);
  89. }
  90. .list-unstyled>li.fullScore {
  91. background-color: rgba(199, 217, 79, 0.3);
  92. }
  93. .sc {
  94. position: relative;
  95. }