미디어위키:Common.css

/* 이 CSS 설정은 모든 스킨에 적용됩니다 */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
  src: url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
       url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}
* { font-family: 'Nanum Gothic', sans-serif; }/*모든 글꼴을 나눔고딕으로. */

/* national 클래스가 있는 테이블의 기본 MediaWiki 펼치기 버튼 숨김 */
table.mw-collapsible.national .mw-collapsible-toggle {
  display: none !important;
}

/* 커스텀 접기/펼치기 버튼 스타일 (텍스트처럼 보이게) */
table.mw-collapsible.national .toggle-button {
  display: inline-block;
  padding: 10px 0;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  width: 100%; /* 버튼이 테이블 전체에 꽉 차게 */
  background: none;
  border: none;
  color: inherit; /* 부모 요소의 텍스트 색상 상속 */
  text-decoration: none; /* 언더바 제거 */
  transition: color 0.3s ease;
}

/* 다크모드 및 라이트모드 공통 스타일 */
table.mw-collapsible.national .toggle-button:hover {
  color: inherit; /* 부모 요소의 색상을 그대로 유지 */
  text-decoration: none; /* 언더바 제거 유지 */
}

/* 테이블 접힘 상태일 때 행 숨김 처리 */
table.mw-collapsible.national.mw-collapsed tr:not(:first-child) {
  display: none;
}

/* 버튼 클릭 시 강조되는 효과 */
table.mw-collapsible.national .toggle-button:focus {
  outline: none;
  box-shadow: none; /* 클릭 시 박스 그림자 제거 */
}

/* 버튼 행 */
table.mw-collapsible.national .button-row {
  display: table-row !important; /* 중요한 규칙으로 설정 */
}

/* 테이블 내 이미지 스타일 */
table.mw-collapsible.national img {
  max-width: 100%; /* 이미지가 테이블의 너비를 넘지 않도록 조정 */
  height: auto;    /* 이미지 비율을 유지 */
}

/* 접힌 상태의 테이블 크기 조정 */
table.mw-collapsible.wikitable.mw-collapsed {
  width: 500px; /* 접힌 상태에서 테이블 너비를 50%로 설정 */
  margin: 0 auto; /* 테이블을 화면 중앙에 정렬 */
}