미디어위키:Citizen.css

참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.

• 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
• 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
• 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
• 오페라: Ctrl-F5를 입력.

/* 여기의 모든 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));
}

.oo-ui-image-progressive {
	filter: hue-rotate(-46deg) !important;
}

html {
    --width-layout--extended: var(--width-layout);
}

#citizen-pref-fontsize {
    display: none;
}

#footer-sitetitle img.mw-logo-wordmark {
	filter: none;
}