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

리버티게임, 모두가 만들어가는 자유로운 게임
imported>Hsl0
잔글편집 요약 없음
편집 요약 없음
 
(사용자 2명의 중간 판 34개는 보이지 않습니다)
1번째 줄: 1번째 줄:
/* vector-2022.css */
/* 2안 적색 배경 */
.mw-body {
/*.ns-3000 #content, .ns-3000 #p-cactions li a:hover, .ns-3000 #p-cactions li.selected a {
/* 본문 여백 넓히기 (가독성 향상) */
  background-color: #fff0f0;
    padding-left: 0.5em;
}*/
}
 
.vector-sitenotice-container {
/* 공지 여백 넓히기 (가독성 향상) */
padding: 0 0.5em;
}
 
 
@media screen and (max-width: 700px) {
/* 작은 화면에서 화면 폭 늘리기 */
.mw-page-container {
padding-left: 0.5em;
padding-right: 0.5em;
}
/* 공지 여백 넓히기 (가독성 향상) */
.vector-sitenotice-container {
padding: 0 0.5em;
}
}
 
/* 공지 숨기기 버튼이 공지 내용을 침범하지 않도록 위로 올리기 */
.mw-dismissable-notice-close {
    float: none;
    text-align: right;
    margin-top: -1.75em;
}
 
@media screen and (max-width: 999px) {
.mw-logo {
min-width: 0; /* 최소 너비 해제 */
}
}
 
/* 가능한 한 옵션 펼쳐두기 */
@media screen and (min-width: 430px) {
.mw-article-toolbar-container .mw-portlet-views:not(.emptyPortlet) {
    display: block;
}
    .mw-article-toolbar-container .vector-more-collapsible-item {
        display: none;
    }
}
 
/* 모바일에서 검색할 때 다른 거 치우기 */
@media screen and (max-width: 500px) {
    .vector-header-search-toggled .vector-user-links {
        display: none;
    }
}


/* linktools.css */
/* linktools.css */
63번째 줄: 13번째 줄:
     }
     }
}
}
 
.link-modifier-cloak,
.link-modifier-cloak a,
.event-listener-cloak[data-target="link"],
.event-listener-cloak[data-target="link"] a,
.event-handler-cloak[data-target="link"] {
.event-handler-cloak[data-target="link"] a {
cursor: wait;
    pointer-events: none;
/* 그라데이션 애니메이션 */
     background-image: linear-gradient(
     background-image: linear-gradient(
         135deg,
         135deg,
81번째 줄: 32번째 줄:
     -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;
}
.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;
}
}
}

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;
	}
}