다른 명령
새 문서: →이 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... |
태그: 편집 취소 |
||
(같은 사용자의 중간 판 80개는 보이지 않습니다) | |||
1번째 줄: | 1번째 줄: | ||
/* 이 CSS 설정은 모든 스킨에 적용됩니다 */ | /* 이 CSS 설정은 모든 스킨에 적용됩니다 */ | ||
/* | /* 기본 접기/펼치기 버튼 숨김 */ | ||
.details--root .mw-collapsible-toggle { | |||
display: none !important; | |||
} | |||
/* 접기/펼치기 텍스트 숨김 */ | |||
.details--root .mw-collapsible-text { | |||
display: none !important; | |||
} | |||
@font-face { | @font-face { | ||
font-family: 'Nanum Gothic'; | font-family: 'Nanum Gothic'; | ||
32번째 줄: | 40번째 줄: | ||
} | } | ||
* { font-family: 'Nanum Gothic', sans-serif; }/*모든 글꼴을 나눔고딕으로. */ | * { 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; /* 테이블을 화면 중앙에 정렬 */ | |||
} |
2024년 12월 2일 (월) 22:26 기준 최신판
/* 이 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; /* 테이블을 화면 중앙에 정렬 */
}