사용자:Hsl0/common.css

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

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

/*
  [[틀: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]] 끝 */