참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.
- 파이어폭스 / 사파리: 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 {
cursor: pointer;
display: inline-block; /* Use inline-block to allow margin */
padding: 0; /* Remove internal padding */
margin: 0; /* Ensure no extra space */
line-height: 1; /* Align text to default height */
font-size: inherit; /* Inherit font size from parent element */
vertical-align: middle; /* Ensure alignment with surrounding text */
}
/* 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;
}