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

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

@@ 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.25em;
-}
-@media screen and (max-width: 799px) {
-	/* 작은 화면에서 화면 폭 늘리기 */
-	.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;
-    margin-right: 0.5em;
-}
-@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;
-    }
-}
-/* 더 작은 화면에서도 사이드바 펼쳐놓을 수 있음 */
-/* 벡터 코드에서 가져옴 (GPL) */
-@media screen and (min-width: 800px) {
-	:not(.vector-toc-collapsed) #vector-toc-collapsed-button {
-    	display: none;
-	}
-    .mw-table-of-contents-container .sidebar-toc {
-		display: block;
-		position: static;
-		margin-left: -0.75em;
-		border: none;
-    }
-	.vector-sticky-toc-container {
-		position: sticky;
-		top: 0;
-	}
-	.client-js .vector-sticky-header-visible .mw-sticky-header-element,.client-js .vector-sticky-header-visible .charts-stickyhead th {
-		top: 3.125rem !important;
-	}
-	.vector-toc-not-collapsed #mw-sidebar-checkbox:not(:checked) ~ .mw-table-of-contents-container.mw-sticky-header-element {
-		margin-top: 1.5em;
-	}
-	.client-js .vector-toc-collapsed.vector-below-page-title .mw-table-of-contents-container .sidebar-toc {
-	    position: fixed;
-	}
-	.client-js .vector-toc-collapsed.vector-below-page-title .mw-table-of-contents-container .sidebar-toc {
-		top: 36px;
-		left: 6px;
-	}
-    @supports (display: grid) {
-        .client-js .vector-toc-collapsed #vector-toc-collapsed-button {
-            display:block
-        }
-        .client-js .vector-toc-collapsed .mw-table-of-contents-container.mw-sticky-header-element,.client-js .vector-toc-collapsed .vector-sticky-toc-container {
-            position: relative
-        }
-        .client-js .vector-toc-collapsed .mw-table-of-contents-container .sidebar-toc {
-            display: none;
-            position: absolute;
-            margin: 0;
-            border: 1px solid #a2a9b1
-        }
-        .client-js .vector-toc-collapsed #vector-toc-collapsed-checkbox:checked ~ .mw-table-of-contents-container .sidebar-toc {
-            display: block
-        }
-        .client-js .vector-toc-collapsed .mw-table-of-contents-container {
-            grid-area: content
-        }
-        body:not(.vector-sticky-header-visible).vector-below-page-title.client-js .vector-toc-collapsed #vector-toc-collapsed-button,body:not(.vector-sticky-header-visible).vector-below-page-title.client-js .vector-toc-collapsed .sidebar-toc {
-            position: fixed
-        }
-        .client-js .vector-toc-collapsed .vector-toc-uncollapse-button {
-            display: inline-block
-        }
-        .client-js .vector-toc-not-collapsed .vector-toc-collapse-button {
-            display: inline-block
-        }
-    }
-}
-/* 벡터 코드 끝 */
 /* linktools.css */
@@ 139번째 줄: / 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(
 deg,
@@ 157번째 줄: / 32번째 줄: @@
      -webkit-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;
+}
+.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;
+	}
 }