|
|
| 1번째 줄: |
1번째 줄: |
| /* ===== 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; } */
| |
