편집 요약 없음 태그: 되돌려진 기여 |
편집 요약 없음 태그: 되돌려진 기여 |
||
| 37번째 줄: | 37번째 줄: | ||
} | } | ||
.foldable { | /* 접기/펼치기 상자 스타일 */ | ||
.foldable-box { | |||
border: 1px solid #aaa; | border: 1px solid #aaa; | ||
margin: 5px | margin: 10px 0; | ||
background-color: #f9f9f9; | |||
padding: 5px; | |||
} | } | ||
.foldable-header { | .foldable-header { | ||
cursor: pointer; | cursor: pointer; | ||
} | } | ||
.foldable-content { | .foldable-content { | ||
display: none; | display: none; | ||
padding: | padding: 10px; | ||
border-top: 1px solid #ccc; | |||
} | } | ||
.fold-toggle { | .fold-toggle { | ||
cursor: pointer; | cursor: pointer; | ||
} | } | ||
.foldable-row { | .foldable-row { | ||
display: none; /* | display: none; /* 숨길 행의 기본 상태는 숨김 */ | ||
} | } | ||
2024년 9월 27일 (금) 08:56 판
/* 이 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; /* 부모 요소의 색상 사용 */
}
.custom-toggle {
cursor: pointer;
}
.custom-content {
display: none; /* 초기 상태는 접힘 */
}
/* 빛나는 텍스트 효과를 위한 기본 클래스 */
.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); /* 외부 광선 효과 적용 */
}
/* 접기/펼치기 상자 스타일 */
.foldable-box {
border: 1px solid #aaa;
margin: 10px 0;
background-color: #f9f9f9;
padding: 5px;
}
.foldable-header {
cursor: pointer;
}
.foldable-content {
display: none;
padding: 10px;
border-top: 1px solid #ccc;
}
.fold-toggle {
cursor: pointer;
}
.foldable-row {
display: none; /* 숨길 행의 기본 상태는 숨김 */
}