MediaWiki:Mobile.css：修订间差异

2025年12月19日 (五) 07:51的版本

/* 这里放置的CSS将应用于移动版网站 */
/* 网站公告的 CSS - 移动端和桌面端通用 */

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

#siteNoticeScroll ul {
    height: 25px;
    line-height: 25px;
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-transition: margin-left 0.73s ease-in-out;
    -moz-transition: margin-left 0.73s ease-in-out;
    -o-transition: margin-left 0.73s ease-in-out;
    transition: margin-left 0.73s ease-in-out;
    display: block;
}

#siteNoticeScroll li {
    height: 25px;
    line-height: 25px;
    list-style: none;
    float: left;
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding: 0 10px;
}

/* 移动端优化 */
@media screen and (max-width: 720px) {
    #siteNoticeScroll {
        height: auto;
        min-height: 25px;
    }
    
    #siteNoticeScroll ul {
        height: auto;
        min-height: 25px;
    }
    
    #siteNoticeScroll li {
        height: auto;
        min-height: 25px;
        line-height: 1.5;
        padding: 2px 10px;
    }
}

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