watchwiki

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

← 이전 편집
편집 요약 없음
편집 요약 없음
 
(같은 사용자의 중간 판 4개는 보이지 않습니다)
1번째 줄: 1번째 줄:
/* ===== Timeless: Monochrome palette ===== */
/* Monochrome for Timeless */
:root {
body.skin-timeless .mw-header,
  --g0:#ffffff; --g1:#f7f7f7; --g2:#eaeaea; --g3:#d9d9d9;
body.skin-timeless .mw-footer,
  --g5:#a6a6a6; --g7:#4d4d4d; --g9:#1a1a1a;
body.skin-timeless .site-header,
  --link:#2b2b2b; --link-visited:#6b6b6b; --link-hover:#000000;
body.skin-timeless .sidebar { background:#f7f7f7 !important; border-color:#e5e5e5 !important; }
}
 
/* 기본 링크 색 */
.skin-timeless a,
.skin-timeless .mw-parser-output a { color: var(--link); }
.skin-timeless a:visited { color: var(--link-visited); }
.skin-timeless a:hover,
.skin-timeless a:focus { color: var(--link-hover); }
 
/* 빨간 링크(없는 문서)도 무채색으로 */
.skin-timeless a.new,
.skin-timeless a.new:visited { color:#555 !important; }


/* 헤더/푸터/사이드바 배경과 경계 */
body.skin-timeless .mw-parser-output a,
.skin-timeless .mw-header,
body.skin-timeless a { color:#222 !important; }
.skin-timeless .mw-footer,
body.skin-timeless a:visited { color:#555 !important; }
.skin-timeless .site-header,
body.skin-timeless a:hover, body.skin-timeless a:focus { color:#000 !important; }
.skin-timeless .sidebar { background: var(--g1) !important; border-color: var(--g2) !important; }


/* 포틀릿(메뉴) 경계 */
body.skin-timeless .mw-ui-button,
.skin-timeless .mw-portlet { border-color: var(--g2) !important; }
body.skin-timeless .mw-ui-button.mw-ui-progressive,
 
body.skin-timeless .mw-ui-button.mw-ui-destructive {
/* 버튼(프로그레시브/파괴적 포함) 무채색 */
   background:#e6e6e6 !important; color:#111 !important; border-color:#cfcfcf !important;
.skin-timeless .mw-ui-button,
.skin-timeless .mw-ui-button.mw-ui-progressive,
.skin-timeless .mw-ui-button.mw-ui-destructive {
   background: var(--g2) !important; color: var(--g9) !important; border-color: var(--g3) !important;
}
}
.skin-timeless .mw-ui-button:hover { background: var(--g3) !important; }


/* 메시지 박스(성공/경고/오류)도 회색 톤 */
body.skin-timeless .mw-message-box,
.skin-timeless .mw-message-box,
body.skin-timeless .mw-message-box-warning,
.skin-timeless .mw-message-box-warning,
body.skin-timeless .mw-message-box-error,
.skin-timeless .mw-message-box-error,
body.skin-timeless .mw-message-box-success {
.skin-timeless .mw-message-box-success {
   background:#f3f3f3 !important; border-color:#dcdcdc !important; color:#111 !important;
   background: var(--g1) !important; border-color: var(--g3) !important; color: var(--g9) !important;
}
}


/* 입력 요소 */
body.skin-timeless input, body.skin-timeless select, body.skin-timeless textarea {
.skin-timeless input, .skin-timeless select, .skin-timeless textarea {
   background:#fff !important; color:#111 !important; border-color:#dcdcdc !important;
   background: var(--g0) !important; color: var(--g9) !important; border-color: var(--g3) !important;
}
}
/* 외부링크 아이콘/색상도 링크색 따라가게 */
.skin-timeless a.external { color: var(--link) !important; }
/* 카테고리, 툴 링크도 동일 톤 */
.skin-timeless #catlinks a,
.skin-timeless .mw-portlet a { color: var(--link) !important; }
/* 과도한 그림자 제거(선택) */
/* .skin-timeless * { box-shadow:none !important; text-shadow:none !important; } */
원본 주소 "https://watchwiki.net/wiki/미디어위키:Timeless.css"