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

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

/* 여기의 모든 CSS는 타임리스 스킨을 사용하는 사용자에게 로드됩니다 */
/* ===== Timeless: Monochrome palette ===== */
:root {
  --g0:#ffffff; --g1:#f7f7f7; --g2:#eaeaea; --g3:#d9d9d9;
  --g5:#a6a6a6; --g7:#4d4d4d; --g9:#1a1a1a;
  --link:#2b2b2b; --link-visited:#6b6b6b; --link-hover:#000000;
}

/* 기본 링크 색 */
.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; }

/* 헤더/푸터/사이드바 배경과 경계 */
.skin-timeless .mw-header,
.skin-timeless .mw-footer,
.skin-timeless .site-header,
.skin-timeless .sidebar { background: var(--g1) !important; border-color: var(--g2) !important; }

/* 포틀릿(메뉴) 경계 */
.skin-timeless .mw-portlet { border-color: var(--g2) !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; }

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

/* 입력 요소 */
.skin-timeless input, .skin-timeless select, .skin-timeless textarea {
  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; } */