참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.
- 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
- 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
- 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
- 오페라: Ctrl-F5를 입력.
/* 이 CSS 설정은 모든 스킨에 적용됩니다 */
/* ReferenceTooltip 스타일 로드 */
@import url('//en.wikipedia.org/w/index.php?title=MediaWiki:Gadget-ReferenceTooltips.css&action=raw&ctype=text/css');
.no-link-style a {
text-decoration: none; /* 링크 밑줄 제거 */
color: inherit; /* 부모 요소의 색상 사용 */
}
.nolinkstyle a {
text-decoration: none; /* 링크 밑줄 제거 */
color: inherit; /* 부모 요소의 색상 사용 */
}
.custom-toggle {
cursor: pointer;
}
/* 표 행의 슬라이드 애니메이션 효과를 위한 래퍼 스타일 */
.table-row-content {
display: block; /* 블록 레이아웃으로 설정 */
overflow: hidden; /* 내용이 흐르지 않도록 숨김 */
height: 0; /* 초기 높이를 0으로 설정 */
transition: height 0.3s ease-out; /* 부드러운 전환 효과 */
}
/* 접히거나 펼쳐진 상태에서의 스타일 */
.table-row-content.open {
height: auto; /* 펼쳐질 때 자동으로 높이를 설정 */
}
/* 표 행 전환 시 부드러운 전환을 추가 */
.custom-content {
display: none;
transition: max-height 0.3s ease-out;
overflow: hidden;
}
/* 빛나는 텍스트 효과를 위한 기본 클래스 */
.glow-text {
color: rgba(255, 255, 255, 1); /* 기본 글자 색상, 투명도 포함 */
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; /* 글자를 블록 요소가 아닌 인라인 요소로 표시 */
transition: all 0.3s ease; /* 부드러운 효과 전환 */
}
/* 외부 광선 색상 및 크기 조정 */
.glow-text.custom {
--glow-text-color: rgba(0, 0, 0, 1); /* 글자 색상, 투명도 포함 */
--glow-shadow-color: rgba(255, 0, 0, 1); /* 외부 광선 색상 */
--glow-shadow-size: 10px; /* 외부 광선 크기 */
color: var(--glow-text-color); /* 글자 색상 적용 */
text-shadow: 0 0 var(--glow-shadow-size) var(--glow-shadow-color); /* 외부 광선 효과 적용 */
}
/* 여백 문제 해결을 위한 텍스트 제목 스타일 */
.toggle-collapse {
cursor: pointer;
display: inline-flex; /* 플렉스 레이아웃으로 여백 문제 해결 */
align-items: center; /* 부모 컨테이너와 정렬 */
padding: 0;
margin: 0;
line-height: normal;
font-size: inherit;
}