미디어위키:Common.css

/* 이 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;
}

/* 빛나는 텍스트 효과를 위한 기본 클래스 */
.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); /* 외부 광선 효과 적용 */
}

/* 행 전환 애니메이션 */
.collapsible-row {
    overflow: hidden; /* 높이를 제한하여 콘텐츠 잘림 방지 */
    max-height: 0; /* 초기 상태에서는 높이를 0으로 설정 */
    transition: max-height 0.3s ease; /* 부드러운 전환 */
    display: table-row; /* 기본적으로 테이블 행으로 표시 */
}

/* 행이 펼쳐질 때 */
.collapsible-row.expanded {
    max-height: 200px; /* 충분히 큰 값으로 설정 (실제 높이에 따라 조정) */
}

/* 접기/펼치기 버튼 스타일 */
.toggle-collapse {
    cursor: pointer;
    display: inline-block;
    padding: 2px 5px;
    margin: 0;
    font-size: inherit;
    vertical-align: middle;
    transition: background-color 0.2s ease;
}

/* 접기/펼치기 애니메이션 */
.custom-content {
    display: none; /* 기본적으로 숨김 */
    overflow: hidden; /* 내용 넘침 방지 */
    transition: max-height 0.3s ease, padding 0.3s ease; /* 부드러운 전환 */
}