tfm.css 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. body {
  2. background-color: #222;
  3. color: white;
  4. font-family: "Roboto", sans-serif;
  5. font-size: 1vw;
  6. margin:0;
  7. }
  8. canvas {
  9. display: block;
  10. margin: 1em auto;
  11. margin-top: 0;
  12. background: #333;
  13. border: 1px solid #ccc;
  14. cursor: grab;
  15. max-height: 90vh;
  16. }
  17. #apB {
  18. margin-left: 1vw;
  19. }
  20. a {
  21. color: rgb(71, 187, 255);
  22. transition: color 0.6s ease-out;
  23. text-decoration: none;
  24. }
  25. a:hover {
  26. text-decoration: underline;
  27. color: rgb(190, 231, 255);
  28. transition: color 0.1s linear;
  29. }
  30. canvas:active {
  31. cursor: grabbing;
  32. }
  33. #menu {
  34. width: 100%;
  35. background-color: #000;
  36. margin:0;
  37. }
  38. #menu td {
  39. height: 2vw;
  40. cursor: pointer;
  41. width: calc(100vw/7);
  42. text-align: center;
  43. background-color: #000;
  44. transition: background-color 0.6s ease-out;
  45. }
  46. #menu td:hover {
  47. background-color: #444;
  48. transition: background-color 0.1s linear;
  49. }
  50. #dlimg {
  51. width: 2vw;
  52. height: 2vw;
  53. position: absolute;
  54. bottom: 0.7vw;
  55. right: 0.7vw;
  56. z-index: 1000;
  57. cursor: pointer;
  58. border: 0.15vw solid white;
  59. border-radius: 100%;
  60. transition: bottom 0.4s ease-out, filter 0.4s ease-out;
  61. }
  62. #dlimg:hover {
  63. bottom: 1vw;
  64. filter: grayscale(100%);
  65. transition: bottom 0.1s linear, filter 0.1s linear;
  66. }