12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152 |
- .main {
- align-items: center;
- flex-direction: column;
- }
- .main-title {
- width: 440px;
- }
- .faq-content {
- width: 700px;
- color: #d1d1d1;
- margin-top: 25px;
- }
- .faq-content > .faq-note-theme {
- display: flex;
- align-items: center;
- font-size: 30px;
- cursor: pointer;
- user-select: none;
- margin-top: 20px;
- }
- .faq-content > .faq-note-content {
- font-size: 20px;
- border-left: 1px solid #d1d1d1;
- padding: 0 10px;
- margin-bottom: 10px;
- margin-left: 10px;
- background-color: #0004;
- }
- .faq-content > .faq-note-theme > .collapsed-icon {
- background: url(/img/chevron.svg);
- transform: rotate(90deg);
- width: 30px;
- height: 30px;
- background-size: cover;
- margin-right: 5px;
- display: inline-block;
- transition: transform 0.2s ease-in-out;
- }
- .faq-content > .faq-note-theme.collapsed > .collapsed-icon {
- transform: rotate(0deg);
- }
- span.list-spacing {
- width: 20px;
- display: inline-block;
- }
|