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

2025년 8월 29일 (금) 16:39 판

/* ==== Timeless Monochrome (drop-in) ==== */
/* 헤더/푸터/사이드바 */
body.skin-timeless .mw-header,
body.skin-timeless .site-header,
body.skin-timeless .mw-footer,
body.skin-timeless .sidebar {
  background:#f7f7f7 !important;
  border-color:#e5e5e5 !important;
}

/* 링크 색 */
body.skin-timeless .mw-parser-output a,
body.skin-timeless a { color:#222 !important; }
body.skin-timeless a:visited { color:#666 !important; }
body.skin-timeless a:hover,
body.skin-timeless a:focus { color:#000 !important; }
/* 존재하지 않는 문서(빨간 링크)도 회색 */
body.skin-timeless a.new,
body.skin-timeless a.new:visited { color:#777 !important; }

/* 버튼 (MediaWiki UI + OOUI) */
body.skin-timeless .mw-ui-button,
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;
}
body.skin-timeless .mw-ui-button:hover { background:#d9d9d9 !important; }

body.skin-timeless .oo-ui-buttonElement-button {
  background:#e6e6e6 !important; color:#111 !important; border-color:#cfcfcf !important;
}
body.skin-timeless .oo-ui-buttonElement-button:hover { background:#d9d9d9 !important; }
body.skin-timeless .oo-ui-flaggedElement-progressive .oo-ui-buttonElement-button,
body.skin-timeless .oo-ui-flaggedElement-primary .oo-ui-buttonElement-button,
body.skin-timeless .oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button {
  background:#e6e6e6 !important; color:#111 !important;
}

/* 알림/메시지 박스 */
body.skin-timeless .mw-message-box,
body.skin-timeless .mw-message-box-warning,
body.skin-timeless .mw-message-box-error,
body.skin-timeless .mw-message-box-success {
  background:#f3f3f3 !important; border-color:#dcdcdc !important; color:#111 !important;
}

/* 입력 요소 */
body.skin-timeless input,
body.skin-timeless select,
body.skin-timeless textarea {
  background:#fff !important; color:#111 !important; border-color:#dcdcdc !important;
}

/* 포틀릿(메뉴) 경계 정리 */
body.skin-timeless .mw-portlet { border-color:#e5e5e5 !important; background:transparent !important; }

/* 필요시 본문 배경 살짝 톤다운 (원치 않으면 주석) */
/* body.skin-timeless { background:#fafafa !important; } */