사용자:Hsl0/common.css: 두 판 사이의 차이
< 사용자:Hsl0
imported>Hsl0 잔글편집 요약 없음 |
imported>Hsl0 잔글편집 요약 없음 |
||
1번째 줄: | 1번째 줄: | ||
/* [[틀:DB2]] 시작 */ | /* | ||
[[틀:DB2]] 시작 | |||
제작자: [[사용자:hsl0|hsl0]] | |||
*/ | |||
/* 링크 로딩 */ | /* 링크 로딩 */ | ||
.gameDB-container a:not(.gameDB-link) { | .gameDB-container a:not(.gameDB-link) { |
2020년 5월 5일 (화) 00:38 판
/*
[[틀:DB2]] 시작
제작자: [[사용자:hsl0|hsl0]]
*/
/* 링크 로딩 */
.gameDB-container a:not(.gameDB-link) {
pointer-events: none;
background-image: linear-gradient(135deg, #cccccc, #cccccc, #4d4d4d, #4d4d4d, #cccccc, #cccccc);
background-size: 200% auto;
background-clip: text;
-webkit-background-clip: text;
-moz-background-clip: text;
text-fill-color: transparent;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
animation: 2s linear 0s infinite running link-wait;
}
@keyframes link-wait {
from {
background-position-x: 200%;
}
to {
background-position-x: 0%;
}
}
/* 에러 메시지 내 에러코드 */
.gameDB-noti-errcode {
background: transparent;
border: none;
color: gray;
}
/*
저장중 메시지 애니메이션
from ooui .oo-ui-pendingElement-pending style
*/
.mw-notification-type-pending {
background-color: #eaecf0;
background-image: -webkit-linear-gradient(135deg, #fff 25%, transparent 25%, transparent 50%, #fff 50%, #fff 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(135deg, #fff 25%, transparent 25%, transparent 50%, #fff 50%, #fff 75%, transparent 75%, transparent);
background-image: linear-gradient(135deg, #fff 25%, transparent 25%, transparent 50%, #fff 50%, #fff 75%, transparent 75%, transparent);
background-size: 1.42857143em 1.42857143em;
-webkit-animation: oo-ui-pendingElement-stripes 650ms linear infinite;
-moz-animation: oo-ui-pendingElement-stripes 650ms linear infinite;
animation: oo-ui-pendingElement-stripes 650ms linear infinite;
}
/* [[틀:DB2]] 끝 */