미디어위키:Common.css: 두 판 사이의 차이

2024년 11월 20일 (수) 00:18 판

/* 이 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;    /* 이미지 비율을 유지 */
}

@@ 79번째 줄: / 79번째 줄: @@
    max-width: 100%; /* 이미지가 테이블의 너비를 넘지 않도록 조정 */
    height: auto;    /* 이미지 비율을 유지 */
-}
-/* 모든 테이블에 적용되는 기본 레이아웃 */
-table {
-  width: 100%; /* 테이블 너비를 100%로 설정 */
-  table-layout: auto; /* 셀 너비를 내용에 맞게 조정 */
-  border-collapse: collapse; /* 셀 경계선 합치기 */
-}
-/* 모든 테이블 헤더와 셀 스타일 */
-table th,
-table td {
-  white-space: nowrap; /* 텍스트 줄바꿈 방지 */
-  text-align: center; /* 텍스트 중앙 정렬 */
-  vertical-align: middle; /* 세로 정렬 중앙 */
-  overflow: hidden; /* 내용이 넘칠 경우 숨김 */
-  text-overflow: ellipsis; /* 넘치는 텍스트 말줄임표 처리 */
-  padding: 8px; /* 셀 안쪽 여백 설정 */
-}
-/* 캡션 스타일 */
-table caption {
-  text-align: center; /* 캡션 중앙 정렬 */
-  font-weight: bold; /* 캡션 강조 */
-  margin-bottom: 8px; /* 캡션과 테이블 간격 */
-}
-/* 숨겨진 행이 있을 경우 스타일 */
-table tr[style*="display: none;"] {
-  display: none !important; /* 강제로 숨기기 */
 }