미디어위키:Gadget-SiteLoading.css

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

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

html.client-js:not(.pvz-site-ready) {
	background: #f4e8ce;
}

html.client-js:not(.pvz-site-ready) body {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	animation:
		pvz-site-failsafe-reveal
		0.01s linear 4s forwards;
}

html.client-js.pvz-site-ready body {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	animation: none;
	transition: opacity 0.14s ease-out;
}

@keyframes pvz-site-failsafe-reveal {
	to {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}
}

@media (prefers-reduced-motion: reduce) {
	html.client-js.pvz-site-ready body {
		transition: none;
	}
}