메뉴 여닫기
개인 메뉴 토글
로그인하지 않음
만약 지금 편집한다면 당신의 IP 주소가 공개될 수 있습니다.

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

이터널리턴 이스포츠 위키
편집 요약 없음
태그: 되돌려진 기여
편집 요약 없음
태그: 수동 되돌리기
 
(같은 사용자의 중간 판 25개는 보이지 않습니다)
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';
31번째 줄: 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월 23일 (월) 20:54 기준 최신판

/* 이 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; /* 테이블을 화면 중앙에 정렬 */
}