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

청소년정책위키
편집 요약 없음
편집 요약 없음
4번째 줄: 4번째 줄:
     --color-primary__s: 25%;
     --color-primary__s: 25%;
     --color-primary__l: 50%; */
     --color-primary__l: 50%; */
     --color-secondary__h: 120;
     --color-alt__h: 174;
     --color-secondary__s: 25%;
     --color-alt__s: 100%;
     --color-secondary__l: 50%;
     --color-alt__l: 70%;
    --color-primary: hsl(120, 25%, 50%);
     --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-secondary__h),var(--color-secondary__s),calc(var(--color-secondary__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-secondary__h),var(--color-secondary__s),calc(var(--color-secondary__l) * 0.8));
     --background-color-primary--hover: hsl(var(--color-alt__h),var(--color-alt__s),95%);
     --background-color-primary--hover: hsl(var(--color-secondary__h),var(--color-secondary__s),95%);
     --background-color-primary--active: hsl(var(--color-alt__h),var(--color-alt__s),90%);
     --background-color-primary--active: hsl(var(--color-secondary__h),var(--color-secondary__s),90%);
}
}



2023년 9월 21일 (목) 23:43 판

/* 여기의 모든 CSS는 시티즌 스킨을 사용하는 사용자에게 로드됩니다 */
:root {
	/* --color-primary__h: 120;
    --color-primary__s: 25%;
    --color-primary__l: 50%; */
    --color-alt__h: 174;
    --color-alt__s: 100%;
    --color-alt__l: 70%;
    --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%);
}

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

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

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