MediaWiki:Mobile.css：修订间差异

2025年12月19日 (五) 08:37的最新版本

/* 网站公告的 CSS - 移动端和桌面端通用 */

#siteNoticeScroll {
    width: 100% !important;
    height: 25px !important;
    line-height: 25px !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-bottom: 0.25em !important;
    position: relative !important;
    display: block !important;
}

#siteNoticeScroll ul {
    height: 25px !important;
    line-height: 25px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    -webkit-transition: transform 0.73s ease-in-out !important;
    -moz-transition: transform 0.73s ease-in-out !important;
    -o-transition: transform 0.73s ease-in-out !important;
    transition: transform 0.73s ease-in-out !important;
    display: block !important;
    white-space: nowrap !important;
    position: relative !important;
    will-change: transform !important;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
    overflow: visible !important;
}

#siteNoticeScroll li {
    height: 25px !important;
    line-height: 25px !important;
    list-style: none !important;
    float: left !important;
    width: 100% !important;
    display: inline-block !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
    vertical-align: top !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    text-align: center !important;
    word-break: keep-all !important;
    word-wrap: normal !important;
    max-width: 100% !important;
    position: relative !important;
}

#siteNoticeScroll li * {
    text-align: center !important;
    white-space: nowrap !important;
    display: inline !important;
}

/* 确保 strong 标签不会导致换行 */
#siteNoticeScroll li strong {
    white-space: nowrap !important;
    display: inline !important;
}

/* 移动端优化 */
@media screen and (max-width: 720px) {
    #siteNoticeScroll {
        height: auto !important;
        min-height: 25px !important;
    }
    
    #siteNoticeScroll ul {
        height: auto !important;
        min-height: 25px !important;
    }
    
    #siteNoticeScroll li {
        height: auto !important;
        min-height: 25px !important;
        line-height: 1.5 !important;
        padding: 0 !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }
}

/* 确保在移动端也能正常显示 */
.mw-mf-viewport #siteNoticeScroll {
    width: 100%;
    overflow: hidden;
}