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

2024년 10월 21일 (월) 01:43 판

/* 이 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; }/*모든 글꼴을 나눔고딕으로. */

/* Visual Editor 링크 삽입 팝업 크기 조정 */
.oo-ui-window-frame.oo-ui-processDialog.ve-ui-mwLinkAnnotationInspector {
    width: 3000px !important; /* 원하는 너비로 설정 */
    height: 3000px !important; /* 원하는 너비로 설정 */
}
.oo-ui-popupWidget-popup {
    max-width: 3000px !important; /* 팝업 최대 너비 설정 */
    max-height: 3000px !important; /* 팝업 최대 높이 설정 */
}

/* 기본 펼치기/접기 버튼 숨기기 (상단에 있는 경우) */
.mw-collapsible-toggle {
    display: block;
    text-align: center;
    margin-top: 10px;
}

/* 새로운 줄에서 펼치기/접기 버튼을 가운데 정렬 */
.toggle-row {
    text-align: center;
    padding: 10px;
}

@@ 42번째 줄: / 42번째 줄: @@
 }
-/* 기본 펼치기/접기 버튼을 하단으로 옮김 */
+/* 기본 펼치기/접기 버튼 숨기기 (상단에 있는 경우) */
 .mw-collapsible-toggle {
-     position: absolute;
+     display: block;
-     bottom: 0;
+     text-align: center;
-    right: 0;
+     margin-top: 10px;
-    margin-bottom: 10px;
-     margin-right: 10px;
-    z-index: 1;
 }
-/* 테이블을 relative로 설정하여 버튼의 하단 배치가 정상 동작하게 만듦 */
+/* 새로운 줄에서 펼치기/접기 버튼을 가운데 정렬 */
-.mw-collapsible {
+.toggle-row {
-     position: relative;
+     text-align: center;
-     padding-bottom: 40px; /* 버튼의 위치를 위한 공간 확보 */
+     padding: 10px;
 }