사용자:Hsl0/common.css: 두 판 사이의 차이

리버티게임, 모두가 만들어가는 자유로운 게임
imported>Hsl0
잔글편집 요약 없음
편집 요약 없음
 
(사용자 2명의 중간 판 219개는 보이지 않습니다)
1번째 줄: 1번째 줄:
/*
/* 2안 적색 배경 */
  [[틀:DB2]] 시작
/*.ns-3000 #content, .ns-3000 #p-cactions li a:hover, .ns-3000 #p-cactions li.selected a {
   제작자: [[사용자:hsl0|hsl0]]
   background-color: #fff0f0;
*/
}*/
/* 링크 로딩 */
 
.gameDB-container a:not(.gameDB-link) {
/* linktools.css */
pointer-events: none;
@keyframes link-wait {
     background-image: linear-gradient(135deg, #cccccc, #cccccc, #4d4d4d, #4d4d4d, #cccccc, #cccccc);
    from {
        background-position-x: 200%;
    }
    to {
        background-position-x: 0%;
    }
}
.link-modifier-cloak,
.event-listener-cloak[data-target="link"],
.event-handler-cloak[data-target="link"] {
cursor: wait;
/* 그라데이션 애니메이션 */
     background-image: linear-gradient(
        135deg,
        #cccccc,
        #cccccc,
        #4d4d4d,
        #4d4d4d,
        #cccccc,
        #cccccc
    );
     background-size: 200% auto;
     background-size: 200% auto;
     background-clip: text;
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-background-clip: text;
     -moz-background-clip: text;
     -moz-background-clip: text;
     text-fill-color: transparent;
     color: transparent;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
     animation: 2s linear 0s infinite running link-wait;
     animation: 2s linear 0s infinite running link-wait;
}
@keyframes link-wait {
    from {
    background-position-x: 200%;
  }
    to {
    background-position-x: 0%;
  }
}
}


/* 에러 메시지 내 에러코드 */
.link-modifier-cloak a,
.gameDB-noti-errcode {
.event-listener-cloak[data-target="link"] a,
     background: transparent;
.event-handler-cloak[data-target="link"] a {
    border: none;
     pointer-events: none;
     color: gray;
     color: inherit;
}
}


/*
/* 애니메이션 줄이기가 켜진 경우 (vector 스킨 important 덮어쓰기) */
  저장중 메시지 애니메이션
@media (prefers-reduced-motion: reduce) {
  from ooui .oo-ui-pendingElement-pending style
.link-modifier-cloak,
*/
.event-listener-cloak[data-target="link"],
.mw-notification-type-pending {
.event-handler-cloak[data-target="link"] {
  background-color: #eaecf0;
animation: 4s linear 0s infinite running link-wait !important;
  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]] 끝 */

2024년 2월 27일 (화) 20:37 기준 최신판

/* 2안 적색 배경 */
/*.ns-3000 #content, .ns-3000 #p-cactions li a:hover, .ns-3000 #p-cactions li.selected a {
  background-color: #fff0f0;
}*/

/* linktools.css */
@keyframes link-wait {
    from {
        background-position-x: 200%;
    }
    to {
        background-position-x: 0%;
    }
}
.link-modifier-cloak,
.event-listener-cloak[data-target="link"],
.event-handler-cloak[data-target="link"] {
	cursor: wait;
	
	/* 그라데이션 애니메이션 */
    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;
    color: transparent;
    animation: 2s linear 0s infinite running link-wait;
}

.link-modifier-cloak a,
.event-listener-cloak[data-target="link"] a,
.event-handler-cloak[data-target="link"] a {
    pointer-events: none;
    color: inherit;
}

/* 애니메이션 줄이기가 켜진 경우 (vector 스킨 important 덮어쓰기) */
@media (prefers-reduced-motion: reduce) {
	.link-modifier-cloak,
	.event-listener-cloak[data-target="link"],
	.event-handler-cloak[data-target="link"] {
		animation: 4s linear 0s infinite running link-wait !important;
	}
}