사용자:인간/common.css

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

  • 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
  • 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
  • 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
  • 오페라: Ctrl-F5를 입력.
/*
LibertyFix v0.0.1
*/
/*
버그 수정
*/
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('http://api.mobilis.co.kr/webfonts/v2/css/NanumBarunGothicWeb');
/* Noto sans 웹폰트에 bold 적용시 가독성이 매우 떨어짐으로 변경 */
body, h1, h2, h3, h4, h5, h6, h7, h8 {
    font-family : "Arial", "arial", "나눔바른고딕", "Nanum Barun Gothic", "나눔고딕", "Nanum Gothic", "맑은 고딕", "Malgun Gothic", sans-serif, Tahoma;
}
/* 체크박스 및 라디오 입력이 보이지 않는 문제점 수정 */
html input[type=checkbox] {
    -webkit-appearance : checkbox;
}
html input[type=radio] {
    -webkit-appearance : radio;
}
/* selectbox가 이상하게 보이는 문제점 수정 */
select {
    -webkit-appearance : menulist;
}
/* 편집 완료 메세지가 가져지는 문제 수정 */
.postedit-container {
    margin-top:50px;
    z-index:1005;
}
/*
스타일 개선
*/
/* 밋밋한 편집기 버튼에 스타일 입히기 - 이건 해당하는 요소에 class로 "btn btn-success"를 넣는게 빠릅니다. */
html input[type=button], html input[type=submit], button, #mw-editform-cancel {
    border-color: #e1e8ed;
    box-shadow: none;
    display: inline-block;
    padding: .375rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: .25rem;
    /* btn-success */
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c;
}
/* 밋밋한 저장/미리보기/차이 보기 버튼에 스타일 입히기 - 이건 해당하는 요소에 class로 "btn btn-primary"를 넣는게 빠릅니다. */
html input[type=submit] {
    /* btn-primary */
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8;
}
/* 편집기 버튼/입력창 간격 조절 */
#mw-edittools-charinsert * {
    margin:5px 0 5px 0 !important;
}
/* 편집기 버튼/입력창 간격 조절 */
#mw-edittools-charinsert input[type=button] {
    min-width:30px;
}
/* 밋밋한 취소 버튼에 스타일 입히기 - 이건 해당하는 요소에 class로 "btn btn-danger"를 넣는게 빠릅니다. */
#mw-editform-cancel {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}