style.css 945 B

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