MediaWiki:Common.css：修订间差异

来自神国反恶俗
跳到导航跳到搜索
←上一编辑下一编辑→

七叶​（留言 | 贡献）

8个用户组
194次编辑
无编辑摘要
恢复顶部工具栏样式
第1行： 第1行：
/* 这里的任何JavaScript将为所有用户在每次页面加载时加载。 */
/* 神国维基顶部工具栏 */
( function () {
#sg-topbar.sg-sticky-bar {
 
    position: fixed;
    function moveTOC() {
    top: 0;
        var toc = document.getElementById( "toc" );
    left: 0;
        if ( !toc ) {
    right: 0;
            toc = document.querySelector( ".mw-table-of-contents-container" );
    z-index: 10000;
        }
    display: flex;
        var sidebar = document.getElementById( "column-one" );
    align-items: center;
        if ( !toc || !sidebar ) {
    justify-content: space-between;
            return;
    gap: 1rem;
        }
    padding: 7px 16px;
        if ( document.getElementById( "p-toc" ) ) {
    background: #ffffff;
            return;
    border-bottom: 1px solid #a7d7f9;
        }
    box-shadow: 0 1px 5px rgba(0,0,0,.12);
        var box = document.createElement( "div" );
     font-size: 14px;
        box.className = "portlet";
    line-height: 1.5;
        box.id = "p-toc";
}
        var title = document.createElement( "h3" );
#sg-topbar .sg-bar-left,
        title.textContent = "目录";
#sg-topbar .sg-bar-right {
        var inner = document.createElement( "div" );
    display: flex;
        inner.className = "pBody";
    align-items: center;
        inner.appendChild( toc );
    gap: 12px;
        box.appendChild( title );
    flex-wrap: wrap;
        box.appendChild( inner );
}
        sidebar.appendChild( box );
#sg-topbar a {
    }
    color: #0645ad;
 
    text-decoration: none;
    function pickLinks( portlet ) {
    white-space: nowrap;
        var out = [];
}
        if ( !portlet ) {
#sg-topbar a:hover { text-decoration: underline; }
            return out;
body.sg-sticky-on { padding-top: 44px; }
        }
@media (max-width: 720px) {
        var links = portlet.querySelectorAll( "ul a" );
    #sg-topbar.sg-sticky-bar { position: static; flex-direction: column; align-items: flex-start; }
        for ( var i = 0; i < links.length; i++ ) {
     body.sg-sticky-on { padding-top: 0; }
            out.push( links[ i ] );
}
        }
        return out;
    }
 
     function makeSticky() {
        var old = document.getElementById( "sg-topbar" );
        if ( old ) {
            old.parentNode.removeChild( old );
        }
 
        var leftLinks = pickLinks( document.getElementById( "p-cactions" ) );
        var rightLinks = pickLinks( document.getElementById( "p-personal" ) );
 
        if ( leftLinks.length === 0 && rightLinks.length === 0 ) {
            return;
        }
 
        var bar = document.createElement( "div" );
        bar.id = "sg-topbar";
        bar.className = "sg-sticky-bar";
 
        var left = document.createElement( "div" );
        left.className = "sg-bar-left";
        for ( var i = 0; i < leftLinks.length; i++ ) {
            var a = document.createElement( "a" );
            a.href = leftLinks[ i ].href;
            a.textContent = leftLinks[ i ].textContent;
            left.appendChild( a );
        }
 
        var right = document.createElement( "div" );
        right.className = "sg-bar-right";
        for ( var j = 0; j < rightLinks.length; j++ ) {
            var b = document.createElement( "a" );
            b.href = rightLinks[ j ].href;
            b.textContent = rightLinks[ j ].textContent;
            right.appendChild( b );
        }
 
        bar.appendChild( left );
        bar.appendChild( right );
        document.body.appendChild( bar );
 
        var personal = document.getElementById( "p-personal" );
        var cactions = document.getElementById( "p-cactions" );
        if ( personal ) {
            personal.style.visibility = "hidden";
        }
        if ( cactions ) {
            cactions.style.visibility = "hidden";
        }
 
        document.body.className += " sg-sticky-on";
    }
 
    function run() {
        moveTOC();
        makeSticky();
    }
 
     if ( document.readyState === "loading" ) {
        document.addEventListener( "DOMContentLoaded", run );
    } else {
        run();
    }
 
}() );

2026年10月23日 (五) 13:09的版本

/* 神国维基顶部工具栏 */
#sg-topbar.sg-sticky-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 7px 16px;
    background: #ffffff;
    border-bottom: 1px solid #a7d7f9;
    box-shadow: 0 1px 5px rgba(0,0,0,.12);
    font-size: 14px;
    line-height: 1.5;
}
#sg-topbar .sg-bar-left,
#sg-topbar .sg-bar-right {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
#sg-topbar a {
    color: #0645ad;
    text-decoration: none;
    white-space: nowrap;
}
#sg-topbar a:hover { text-decoration: underline; }
body.sg-sticky-on { padding-top: 44px; }
@media (max-width: 720px) {
    #sg-topbar.sg-sticky-bar { position: static; flex-direction: column; align-items: flex-start; }
    body.sg-sticky-on { padding-top: 0; }
}
检索自“https://www.srt.wiki/index.php?title=MediaWiki:Common.css&oldid=121”