참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.
- 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
- 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
- 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
- 오페라: Ctrl-F5를 입력.
/* 기존 코드 유지 */
/* New functionality for smooth transition of collapsible tables */
.custom-content {
display: none;
overflow: hidden;
transition: max-height 0.5s ease;
}
.custom-content.expanded {
display: block;
max-height: 1000px; /* Adjust based on content's expected max height */
}
/* Styles for toggle-collapse button */
.toggle-collapse {
display: inline-block; /* margin 사용 가능하도록 수정 */
margin: 0; /* 외부 여백 제거 */
padding: 0; /* 내부 여백 제거 */
line-height: 1; /* 텍스트 높이를 부모와 동일하게 설정 */
font-size: inherit; /* 부모 요소의 폰트 크기 사용 */
vertical-align: middle; /* 부모 텍스트와 동일한 수직 정렬 */
}
/* Updated glow-text for compatibility */
.glow-text {
color: var(--glow-text-color, black); /* Add fallback color */
text-shadow: 0 0 10px rgba(255, 0, 0, 1),
0 0 20px rgba(255, 0, 0, 1),
0 0 30px rgba(255, 0, 0, 1);
display: inline-block; /* Adjust to inline-block for better compatibility */
transition: all 0.3s ease;
}