미디어위키:Femiwiki.css

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

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

/*
<nowiki>
이 CSS 설정은 모든 스킨에 적용됩니다
*/

/*
개인 도구의 "베타" 링크 숨기기
[[주제: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이 잘 안 보이는 것 패치
[[주제: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;
}

/*
z-index가 3인 .flow-board-header에 도움말 패널이 가려지는 것 우회
https://github.com/femiwiki/FemiwikiSkin/issues/246
*/
.mw-ge-help-panel-widget-overlay {
  z-index: 4;
}

@media screen and (max-width: 480px) {
  /*
  ULS가 이상한 문제 우회
  https://github.com/femiwiki/FemiwikiSkin/issues/77
  */
  .language-settings-dialog {
    left: 0 !important;
    width: 100%;
    box-sizing: border-box;
  }
  .uls-wide,
  .language-settings-dialog.grid .row {
    min-width: inherit;
  }
  .uls-menu.callout:before,
  .uls-menu.callout:after {
    content: none;
  }

  /*
  개선된 최근바뀜 필터 이상한 문제 우회
  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;
  }

  /*
  팝업이 모바일에서 화면 밖으로 나가는 문제 우회
  */
  .mwe-popups {
    left: 0 !important;
  }
  .mwe-popups.mwe-popups:before,
  .mwe-popups.mwe-popups:after {
    content: none;
  }
}