미디어위키:Common.css: 두 판 사이의 차이

2024년 11월 28일 (목) 19:52 판

/* 기존 코드 유지 */

/* New functionality for smooth transition of collapsible tables */
.custom-content {
    display: none;
    overflow: hidden;
    transition: max-height 0.5s ease;
}

.custom-content.expanded {
    display: block;
    max-height: 1000px; /* Adjust based on content's expected max height */
}

/* Styles for toggle-collapse button */
.toggle-collapse {
    cursor: pointer;
    display: inline-block; /* Use inline-block to allow margin */
    padding: 0; /* Remove internal padding */
    margin: 0; /* Ensure no extra space */
    line-height: 1; /* Align text to default height */
    font-size: inherit; /* Inherit font size from parent element */
    vertical-align: middle; /* Ensure alignment with surrounding text */
}

/* Updated glow-text for compatibility */
.glow-text {
    color: var(--glow-text-color, black); /* Add fallback color */
    text-shadow: 0 0 10px rgba(255, 0, 0, 1),
                 0 0 20px rgba(255, 0, 0, 1),
                 0 0 30px rgba(255, 0, 0, 1);
    display: inline-block; /* Adjust to inline-block for better compatibility */
    transition: all 0.3s ease;
}

@@ 1번째 줄: / 1번째 줄: @@
+/* 기존 코드 유지 */
-/* 이 CSS 설정은 모든 스킨에 적용됩니다 */
+/* New functionality for smooth transition of collapsible tables */
-/* ReferenceTooltip 스타일 로드 */
-@import url('//en.wikipedia.org/w/index.php?title=MediaWiki:Gadget-ReferenceTooltips.css&action=raw&ctype=text/css');
-.no-link-style a {
-  text-decoration: none; /* 링크 밑줄 제거 */
-  color: inherit; /* 부모 요소의 색상 사용 */
-}
-.nolinkstyle a {
-    text-decoration: none; /* 링크 밑줄 제거 */
-    color: inherit; /* 부모 요소의 색상 사용 */
-}
-.custom-toggle {
-    cursor: pointer;
-}
 .custom-content {
-     display: none; /* 초기 상태는 접힘 */
+     display: none;
-     overflow: hidden; /* 콘텐츠가 접힐 때 내용이 보이지 않도록 설정 */
+     overflow: hidden;
-     transition: max-height 0.5s ease; /* 부드러운 크기 변경 */
+     transition: max-height 0.5s ease;
 }
 .custom-content.expanded {
      display: block;
-     max-height: 1000px; /* 충분히 큰 값으로 설정 (컨텐츠 최대 높이 예상) */
+     max-height: 1000px; /* Adjust based on content's expected max height */
 }
+/* Styles for toggle-collapse button */
 .toggle-collapse {
      cursor: pointer;
-     display: inline; /* 인라인 요소로 설정하여 불필요한 줄바꿈 방지 */
+     display: inline-block; /* Use inline-block to allow margin */
-     padding: 0; /* 내부 여백 제거 */
+     padding: 0; /* Remove internal padding */
-     margin: 0; /* 외부 여백 제거 */
+     margin: 0; /* Ensure no extra space */
-     line-height: 1; /* 텍스트 높이와 동일하게 설정 */
+     line-height: 1; /* Align text to default height */
-     font-size: inherit; /* 부모 요소의 폰트 크기와 동일하게 설정 */
+     font-size: inherit; /* Inherit font size from parent element */
-     vertical-align: middle; /* 부모 텍스트와 동일한 수직 정렬 */
+     vertical-align: middle; /* Ensure alignment with surrounding text */
+}
+/* Updated glow-text for compatibility */
+.glow-text {
+    color: var(--glow-text-color, black); /* Add fallback color */
+    text-shadow: 0 0 10px rgba(255, 0, 0, 1),
+0 20px rgba(255, 0, 0, 1),
+0 30px rgba(255, 0, 0, 1);
+    display: inline-block; /* Adjust to inline-block for better compatibility */
+    transition: all 0.3s ease;
 }