미디어위키:Femiwiki.css

최근 편집: 2019년 12월 4일 (수) 18:11
낙엽1124 (토론 | 기여)님의 2019년 12월 4일 (수) 18:11 판 (낙엽1124 (토론)의 150864판 편집을 되돌림)

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

  • 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
  • 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
  • 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
  • 오페라: Ctrl-F5를 입력.
/* 
 * gnb의 최근 바뀜 버튼 숨기기
 * 스킨에 "바뀐글" 버튼이 있어 가림
 */
#fw-menu #n-recentchanges {
  display: none;
}

/**
 * 개인 도구의 "베타" 링크 숨기기
 * [[주제:Uty456jw505lp6ym]]
 */
#pt-betafeatures {
  display: none;
}

/* 공유 버튼에 이미지 아이콘 추가 */
#share-facebook > a,
#share-twitter > a {
  background-position: center left;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  padding-left: 28px;
}
.mw-fw-ui-shareDialog
  .mw-fw-ui-twitterButton
  .oo-ui-iconElement-icon {
  background-image: url(https://femiwiki-uploaded-files.s3.amazonaws.com/b/bb/Twitter_Social_Icon_Rounded_Square_Color.svg);
}
.mw-fw-ui-shareDialog
  .mw-fw-ui-facebookButton
  .oo-ui-iconElement-icon {
  background-image: url(https://upload.wikimedia.org/wikipedia/commons/c/c2/F_icon.svg);
}

/* 
 * 뮤트 메뉴의 버튼이 잘 안 보이는 문제 수정
 * [[주제:Ucejtawk4j2jmvx3]]
 */
div.dialog input[type="reset"] {
  background-color: lightgray;
  color: #252525;
}

/*
 * 모바일로 특:차이 및 편집 역사에서 감사하기 시도 시 confirm이 잘 안 보이는 것 패치
 * https://femiwiki.com/w/%EC%A3%BC%EC%A0%9C:Utxd1udaiipmza7y
 */
.mw-diff-tool .jquery-confirmable-interface,
#pagehistory .jquery-confirmable-interface {
  display: inline;
  white-space: normal;
}

/* 카테고리 트리 우측의 LTR 문자가 종종 실수로 복사되는 일을 막기 위해 띄움 */
.CategoryTreeLabel {
  margin-right: 0.5em;
}

/* */
#content .embedvideowrap {
  height: auto !important;
}

@media screen and (max-width: 480px) {
  /* 
	 * 너비가 100보다 넓어지는 것 막기
	 * 무조건 막는 것에 문제가 발견될 가능성이 있어 바로 해제해야 할 경우에
	 * 대비하기 위해 이 문서에서 지정합니다.
	 */
  /* #content {
    overflow-x: hidden;
  } */

  /* [[특수:제재안목록]] 모바일 뷰 수정*/
  .sanction {
    width: calc(100% + 2.6rem);
    margin-left: -1.3rem;
    box-sizing: border-box;
  }

  /*
	 * 알림 창 이상한 문제 우회
	 * https://github.com/femiwiki/skin/issues/8
	 */
  .mw-echo-ui-notificationBadgeButtonPopupWidget-popup
    .oo-ui-popupWidget-popup {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 !important;
    width: 100% !important;
    height: 70% !important;
  }
  .mw-echo-ui-notificationBadgeButtonPopupWidget-popup .oo-ui-popupWidget-body {
    width: 100% !important;
    height: 90% !important;
    position: absolute;
  }
  .mw-echo-ui-notificationBadgeButtonPopupWidget-popup .oo-ui-popupWidget-head {
    display: none;
  }
  .mw-echo-ui-notificationBadgeButtonPopupWidget-popup
    .oo-ui-popupWidget-footer {
    position: absolute;
    bottom: 0;
  }
  .mw-echo-ui-notificationBadgeButtonPopupWidget-popup
    .oo-ui-popupWidget-anchor:after,
  .mw-echo-ui-notificationBadgeButtonPopupWidget-popup
    .oo-ui-popupWidget-anchor:before {
    display: none !important;
  }
  .mw-echo-ui-notificationBadgeButtonPopupWidget
    .mw-echo-ui-notificationItemWidget-content-table {
    margin-left: calc(-30px - 0.8em) !important;
  }
  .mw-echo-ui-NotificationBadgeWidget-overlay-menu
    .mw-echo-ui-actionMenuPopupWidget-menu {
    left: initial !important;
    right: 0 !important;
  }
  .mw-echo-ui-notificationBadgeButtonPopupWidget-popup
    .mw-echo-ui-notificationsWidget {
    height: 100%;
  }

  /*
   * 개선된 최근바뀜 필터 이상한 문제 우회
   * @See https://github.com/femiwiki/skin/issues/37
   */
  .mw-rcfilters-ui-menuSelectWidget,
  .mw-rcfilters-ui-menuSelectWidget-body,
  .mw-rcfilters-ui-filterMenuHeaderWidget-header-title {
    max-width: 90vw !important;
  }
  .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel,
  .mw-rcfilters-ui-itemMenuOptionWidget-highlightButton {
    width: auto;
  }
}