説明なし

msi.css 1.3KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. body,html,.row{
  2. width: 100%;
  3. height: 80%;
  4. }
  5. .slider {
  6. -webkit-appearance: none;
  7. width: 50%;
  8. height: 10px;
  9. outline: none;
  10. opacity: 0.7;
  11. -webkit-transition: .2s;
  12. transition: opacity .2s;
  13. }
  14. #radio-form{
  15. height: 0px;
  16. margin-top: 10%;
  17. }
  18. .canvas{
  19. display: flex;
  20. justify-content: center;
  21. background-color: black;
  22. height: 100%;
  23. margin-top: 1.7%;
  24. }
  25. .slider:hover {
  26. opacity: 1;
  27. }
  28. .radius-span{
  29. margin-left: 17%;
  30. }
  31. #radius-paragraph{
  32. text-align: center;
  33. }
  34. #clear{
  35. margin-top: 10%;
  36. margin-left: 20%;
  37. width: 50%;
  38. }
  39. .sidenav {
  40. height: 100%;
  41. width: 0px;
  42. position: fixed;
  43. z-index: 1;
  44. /*top: 0;*/
  45. left: 0;
  46. background-color: #212529;
  47. overflow-x: hidden;
  48. padding-top: 20px;
  49. transition: 0.5s;
  50. }
  51. .sidenav a {
  52. padding: 6px 6px 6px 32px;
  53. text-decoration: none;
  54. font-size: 25px;
  55. color: #818181;
  56. display: block;
  57. }
  58. .sidenav a:hover {
  59. color: #f1f1f1;
  60. }
  61. .sidenav .closebtn {
  62. position: absolute;
  63. top: 0;
  64. right: 25px;
  65. font-size: 36px;
  66. margin-left: 50px;
  67. }
  68. .main {
  69. margin-left: 200px; /* Same as the width of the sidenav */
  70. }
  71. @media screen and (max-height: 450px) {
  72. .sidenav {padding-top: 15px;}
  73. .sidenav a {font-size: 18px;}
  74. }