미디어위키:Citizen.css: 두 판 사이의 차이
Myheart3123 (토론 | 기여) 편집 요약 없음 |
Myheart3123 (토론 | 기여) 편집 요약 없음 |
||
1번째 줄: | 1번째 줄: | ||
/* 여기의 모든 CSS는 시티즌 스킨을 사용하는 사용자에게 로드됩니다 */ | /* 여기의 모든 CSS는 시티즌 스킨을 사용하는 사용자에게 로드됩니다 */ | ||
:root { | :root { | ||
--color-alt__h: 174; | --color-alt__h: 174; | ||
--color-alt__s: 50%; | --color-alt__s: 50%; | ||
--color-alt__l: 50%; | --color-alt__l: 50%; | ||
--color-primary: hsl(var(--color-alt__h),var(--color-alt__s),var(--color-alt__l)); | |||
--color-primary--hover: hsl(var(--color-alt__h),var(--color-alt__s),calc(var(--color-alt__l) * 1.2)); | --color-primary--hover: hsl(var(--color-alt__h),var(--color-alt__s),calc(var(--color-alt__l) * 1.2)); | ||
--color-primary--active: hsl(var(--color-alt__h),var(--color-alt__s),calc(var(--color-alt__l) * 0.8)); | --color-primary--active: hsl(var(--color-alt__h),var(--color-alt__s),calc(var(--color-alt__l) * 0.8)); | ||
12번째 줄: | 12번째 줄: | ||
a { | a { | ||
--color-link: hsl( | --color-link__h: 220; | ||
--color-link--hover: var(--color- | --color-link__s: 60%; | ||
--color-link--active: var(--color- | --color-link__l: 50%; | ||
--color-link: hsl(var(--color-link__h),var(--color-link__s),var(--color-link__l)); | |||
--color-link--hover: hsl(var(--color-link__h),var(--color-link__s),calc(var(--color-link__l) * 1.2)); | |||
--color-link--active: hsl(var(--color-link__h),var(--color-link__s),calc(var(--color-link__l) * 0.8)); | |||
} | } | ||
2023년 9월 21일 (목) 23:51 판
/* 여기의 모든 CSS는 시티즌 스킨을 사용하는 사용자에게 로드됩니다 */ :root { --color-alt__h: 174; --color-alt__s: 50%; --color-alt__l: 50%; --color-primary: hsl(var(--color-alt__h),var(--color-alt__s),var(--color-alt__l)); --color-primary--hover: hsl(var(--color-alt__h),var(--color-alt__s),calc(var(--color-alt__l) * 1.2)); --color-primary--active: hsl(var(--color-alt__h),var(--color-alt__s),calc(var(--color-alt__l) * 0.8)); --background-color-primary--hover: hsl(var(--color-alt__h),var(--color-alt__s),95%); --background-color-primary--active: hsl(var(--color-alt__h),var(--color-alt__s),90%); } a { --color-link__h: 220; --color-link__s: 60%; --color-link__l: 50%; --color-link: hsl(var(--color-link__h),var(--color-link__s),var(--color-link__l)); --color-link--hover: hsl(var(--color-link__h),var(--color-link__s),calc(var(--color-link__l) * 1.2)); --color-link--active: hsl(var(--color-link__h),var(--color-link__s),calc(var(--color-link__l) * 0.8)); } html { --width-layout--extended: var(--width-layout); } #citizen-pref-fontsize { display: none; } #footer-sitetitle img.mw-logo-wordmark { filter: none; }