미디어위키:Common.js

참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.

• 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
• 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
• 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
• 오페라: Ctrl-F5를 입력.

/* 이 자바스크립트 설정은 모든 문서, 모든 사용자에게 적용됩니다. */

/* 외부 링크 새 창 열기 */
$(document).ready(function () {
  $('#bodyContent a.external').attr('target', '_blank').attr('rel', 'noopener noreferrer');
});


/* 목차 박스를 왼쪽에 고정하고 드래그 가능하게 만들기 */
$(function () {
  // 목차 박스가 존재할 경우에만 실행
  if ($('#toc').length === 0) return;

  // 스타일 설정
  $('#toc').css({
    position: 'fixed',
    top: '200px',
    left: '30px',
    zIndex: 1000,
    cursor: 'move'
  });

  // 드래그 가능하게 설정
  $('#toc').draggable({
    containment: 'window',
    scroll: false
  });
});

mw.loader.using('jquery.ui', function () {
  $('#toc').draggable({
    containment: 'window',
    scroll: false
  });
});
/* ===== Google 번역 위젯 반응형 ===== */
#google_translate_element {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  vertical-align: middle;
}

#google_translate_element .goog-te-gadget-simple {
  background: #0D1428 !important;
  border: 1px solid #8A6820 !important;
  border-radius: 3px !important;
  padding: 2px 6px !important;
  font-size: 0.75rem !important;
  white-space: nowrap;
}

#google_translate_element .goog-te-gadget-simple span {
  color: #C9A84C !important;
}

#google_translate_element .goog-te-gadget-simple .goog-te-menu-value span {
  color: #C9A84C !important;
}

/* 모바일 */
@media (max-width: 768px) {
  #google_translate_element {
    display: block;
    width: 100%;
    text-align: center;
    padding: 6px 0;
    border-top: 1px solid rgba(201,168,76,0.2);
    border-bottom: 1px solid rgba(201,168,76,0.2);
    margin: 4px 0;
  }
}