|
|
| 1번째 줄: |
1번째 줄: |
| /* 이 CSS 설정은 모든 스킨에 적용됩니다 */
| |
| /* 기본 접기/펼치기 버튼 숨김 */
| |
| .details--root .mw-collapsible-toggle {
| |
| display: none !important;
| |
| }
| |
|
| |
|
| /* 접기/펼치기 텍스트 숨김 */
| |
| .details--root .mw-collapsible-text {
| |
| display: none !important;
| |
| }
| |
| @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: 250px; /* 접힌 상태에서 테이블 너비를 50%로 설정 */
| |
| margin: 0 auto; /* 테이블을 화면 중앙에 정렬 */
| |
| }
| |
