style.css 888 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. .main {
  2. align-items: center;
  3. flex-direction: column;
  4. }
  5. .main-title {
  6. width: 440px;
  7. }
  8. .faq-content {
  9. width: 700px;
  10. color: #d1d1d1;
  11. margin-top: 25px;
  12. }
  13. .faq-content > .faq-note-theme {
  14. display: flex;
  15. align-items: center;
  16. font-size: 30px;
  17. cursor: pointer;
  18. user-select: none;
  19. margin-top: 20px;
  20. }
  21. .faq-content > .faq-note-content {
  22. font-size: 20px;
  23. border-left: 1px solid #d1d1d1;
  24. padding: 0 10px;
  25. margin-bottom: 10px;
  26. margin-left: 10px;
  27. background-color: #0004;
  28. }
  29. .faq-content > .faq-note-theme > .collapsed-icon {
  30. background: url(/img/chevron.svg);
  31. transform: rotate(90deg);
  32. width: 30px;
  33. height: 30px;
  34. background-size: cover;
  35. margin-right: 5px;
  36. display: inline-block;
  37. transition: transform 0.2s ease-in-out;
  38. }
  39. .faq-content > .faq-note-theme.collapsed > .collapsed-icon {
  40. transform: rotate(0deg);
  41. }
  42. span.list-spacing {
  43. width: 20px;
  44. display: inline-block;
  45. }