MediaWiki:Gadget-sidebarHidden.css

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

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

/* <pre> */
/**
 * -------------------------------------------------------------------------
 * !!! DON'T MODIFY THIS PAGE MANUALLY, YOUR CHANGES WILL BE OVERWRITTEN !!!
 * -------------------------------------------------------------------------
 */
._addText { content: '{{GHIACode|page=GHIA:MoegirlPediaInterfaceCodes/blob/master/src/gadgets/sidebarHidden/MediaWiki:Gadget-sidebarHidden.css|user=[[U:AnnAngela]]|longId=47c8f34b1beb8f390201e769649f6a56c542c3ed|shortId=47c8f34|message=style: Update CSS to match stylelint standard}}'; }

html.sidebarHiddenOn #sidebarHidden-logo-link{
    z-index:999;
    opacity:0;
    pointer-events:none;
    transition:0.37s ease-in-out all;
    position:absolute;
    top:60px;
    cursor:pointer;
    height:40px;
    width:0;
    left:10em;
    text-align:center;
    background-image:linear-gradient(rgb(255 255 255 / 0%), rgb(255 255 255 / 30%) 30%, rgb(255 255 255 / 50%)) !important;
    background-color: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-logo{
    transition:0.37s ease-in-out all;
    height:100%;
    width:auto;
    position:absolute;
    transform:translateX(-50%);
    left:50%;
    bottom:0;
}

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;
    left:0.3em;
    right:0.3em;
    bottom: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> */