MediaWiki:Common.css：修订间差异

←上一编辑下一编辑→

@@ 第329行： / 第329行： @@
 }
-/* 网站公告的样式 Mediawiki:sitenotice 使用 */
+/* 网站公告的滚动 */
 #siteNoticeScroll {
      width: 100%;
@@ 第338行： / 第338行： @@
      margin-bottom: 0.25em;
 }
 #siteNoticeScroll ul {
      height: 25px;
@@ 第346行： / 第345行： @@
      transition: margin .73s ease-in-out;
 }
 #siteNoticeScroll li {
      height: 25px;
@@ 第354行： / 第352行： @@
 }
-/* Tooltip 样式测试*/
+/* 静态 Tooltip 向上 */
-/* 静态 Tooltip */
 .tooltip-wrapper {
      position: relative;
@@ 第361行： / 第358行： @@
      cursor: help;
 }
 .tooltip-content {
      visibility: hidden;
@@ 第376行： / 第372行： @@
      white-space: nowrap;
 }
 .tooltip-wrapper:hover .tooltip-content {
      visibility: visible;
 }
-/* 动态 Tooltip 基础样式 */
+/* 动态 Tooltip 测试原生JS + CSS */
-.dynamic-tooltip {
+.mw-dynamic-tooltip {
-    cursor: help;
-    border-bottom: 1px dotted #999;
-}
-.tooltip-container {
-    position: absolute;
-    background: #333;
-    color: white;
-    padding: 8px 12px;
-    border-radius: 4px;
-    box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
-    max-width: 300px;
-    z-index: 9999;
-    pointer-events: none; /* 防止遮挡鼠标事件 */
-    opacity: 0; /* 初始隐藏 */
-    transition: opacity 0.2s;
-}
-/* Tooltip 箭头 */
-.tooltip-container::after {
-    content: "";
-    position: absolute;
-    bottom: -10px;
-    left: 50%;
-    margin-left: -5px;
-    border-width: 5px;
-    border-style: solid;
-    border-color: #333 transparent transparent transparent;
-}
-/* DropDown 实现 */
-.dropdown {
-  position: relative;
-  display: inline-block;
-}
-.dropdown-content {
-  display: none;
    position: absolute;
    background: #fff;
-   box-shadow: 0 8px 16px rgba(0,0,0,0.2);
+  border: 1px solid #ccc;
-   z-index: 1;
+  padding: 8px;
-}
+   box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
-.dropdown:hover .dropdown-content {
+   display: none;
-  display: block;
+  z-index: 1000;
 }