MediaWiki:Gadget-sidebarHidden.css

注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的更改的影响。

• Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl + F5或Ctrl + R（Mac为⌘ R）
• Google Chrome：按Ctrl + Shift + R（Mac为⌘ Shift R）
• Edge：按住Ctrl的同时单击刷新，或按Ctrl + F5。

/* <pre> */

html.sidebarHiddenOn #sidebarHidden-logo-link{
    z-index:999;
    opacity:0;
    pointer-events:none;
    transition:0.37s ease-in-out all;
    position:absolute;
    top:60px;
    height:2.5em;
    width:0;
    left:10em;
    text-align:center;
    background:url(/images/e/ed/Vocawiki_logo_with_wordmark-horizontal-dark.svg) center/calc(100% - 1em) auto no-repeat,linear-gradient(rgb(255 255 255 / 0%),rgb(255 255 255 / 30%) 30%,rgb(255 255 255 / 50%)),transparent !important;
    overflow-x:hidden;
}

html.sidebarHiddenOn body.sidebarHidden #sidebarHidden-logo-link{
    opacity:1;
    pointer-events:all;
    width:9em;
    left:1em;
}

@media screen and (min-width: 982px){
    html.sidebarHiddenOn #sidebarHidden-logo-link{
        left:11em;
    }

    html.sidebarHiddenOn body.sidebarHidden #sidebarHidden-logo-link{
        width:10em;
        left:1em;
    }
}

html.sidebarHiddenOn #sidebarHidden-arrow{
    transition:0.37s ease-in-out all;
    position:fixed;
    width:0.8em;
    height:0.8em;
    top:calc(2.5em + 60px + 34px);
    cursor:pointer;
    padding:0.3em;
    border-radius:50%;
    text-align:center;
    border:1px solid rgb(167 215 249);
    background:rgb(255 255 255);
    z-index:99;
    left:9.3em;
}

html.sidebarHiddenOn #sidebarHidden-arrow-left,
html.sidebarHiddenOn #sidebarHidden-arrow-right{
    position:absolute;
    top:0.3em;
    right:0.3em;
    bottom:0.3em;
    left:0.3em;
    pointer-events:none;
    transition:0.37s ease-in-out all;
}

html.sidebarHiddenOn body.sidebarHidden #sidebarHidden-arrow-left,
html.sidebarHiddenOn body:not(.sidebarHidden) #sidebarHidden-arrow-right{
    opacity:0;
}

html.sidebarHiddenOn body:not(.sidebarHidden) #sidebarHidden-arrow-left,
html.sidebarHiddenOn body.sidebarHidden #sidebarHidden-arrow-right{
    opacity:1;
}

html.sidebarHiddenOn #sidebarHidden-arrow:hover{
    background-color:rgb(223 245 255);
}

@media screen and (min-width: 982px){
    html.sidebarHiddenOn #sidebarHidden-arrow{
        left:10.3em;
    }
}

html.sidebarHiddenOn body.sidebarHidden #sidebarHidden-arrow{
    left:0.3em;
}

html.sidebarHiddenOn #content,
html.sidebarHiddenOn #footer{
    transition-duration:0.37s;
    transition-timing-function:ease-in-out;
    transition-property:margin-left;
}

html.sidebarHiddenOn #mw-panel{
    transition-duration:0.37s;
    transition-timing-function:ease-in-out;
    transition-property:z-index, opacity;
    z-index:1;
    opacity:1;
}

html.sidebarHiddenOn body.sidebarHidden #content,
html.sidebarHiddenOn body.sidebarHidden #footer{
    margin-left:1em !important;
}

html.sidebarHiddenOn body.sidebarHidden #mw-panel{
    z-index:-999;
    opacity:0;
    pointer-events:none;
} 

/* </pre> */