MediaWiki:Gadget-stickyHeader.css

In other languages

Note: After saving, you have to bypass your browser's cache to see the changes.

Google Chrome, Firefox, Microsoft Edge, and Safari: Hold down the key and click the Reload toolbar button.
For details and instructions about other browsers, see Wikipedia:Bypass your cache.

html{
scroll-padding-top:50px;
}
#stickyTop.stick{
--sticky-header-left-margin:10em;
position:fixed;
top:0;
margin-left:var(--sticky-header-left-margin);
margin-right:calc(var(--sticky-header-left-margin)+10px);
width:100%;
z-index:500;
background-image:var(--header-background);
background-repeat:repeat-x;
background-position:topleft;
background-size:auto234px;
margin-top:-52px;
}
@mediascreenand(max-width:720px){
#stickyTop.stick{
--sticky-header-left-margin:10px;
}
}
@mediascreenand(min-width:982px){
#stickyTop.stick{
--sticky-header-left-margin:11em;
}
}
#stickyTop.stick#stickyTopFlex{
position:relative;
z-index:502;
}
#stickyTop.stick#left-navigation{
margin-left:0;
}
#stickyTop.stick#right-navigation{
margin-right:calc(var(--sticky-header-left-margin)+10px);
}
#stickyTop.stick#stickyTopBack{
position:absolute;
width:calc(100%-var(--sticky-header-left-margin)-10px);
height:6px;
bottom:-6px;
z-index:501;
background:var(--content-border-top-color);
border-bottom:6pxvar(--content-background-color)solid;
}
#stickyTop.stick#stickyTopBack::after{
content:"";
position:absolute;
border-top:6pxsolidvar(--content-border-top-right-color);
border-left:6pxsolidvar(--content-border-top-color);
z-index:1;
top:0;
right:0;
}
@mediascreenand(min-width:1200px){
#stickyTop.stick.fixedWidth{
width:calc(var(--fixed-width)-var(--sticky-header-left-margin)-10px);
}
#stickyTop.stick.fixedWidth#right-navigation{
margin-right:0;
}
#stickyTop.stick.fixedWidth#stickyTopBack{
width:100%;
}
}
.mp-sticky{
top:40px!important;
}