MediaWiki:Vector.css: Difference between revisions
(Replaced page with "→CSS placed here will affect users of BOTH the Vector legacy skin and the Vector 2022 skin: html,body {font-family: 'Droid Sans', sans-serif;}") Tag: Replaced |
(+ sticky header) Tag: Reverted |
||
Line 2: | Line 2: | ||
html,body {font-family: 'Droid Sans', sans-serif;} | html,body {font-family: 'Droid Sans', sans-serif;} | ||
/* Sticky Header */ | |||
/*** Float Head ***/ | |||
/* Makes the side menu float and makes it scroll-able */ | |||
/* Documentation at [[en:w:User:BrandonXLF/FloatHead]] */ | |||
/* By [[en:w:User:BrandonXLF]] */ | |||
/* Based off of [[en:w:User:Rezonansowy/FloatHead.css]] */ | |||
/* head */ | |||
#mw-head { | |||
position: fixed !important; | |||
top: 0; | |||
left: 0; | |||
right: 0; | |||
width: 100%; | |||
} | |||
/* Bottom border */ | |||
#mw-head::before { | |||
position: absolute; | |||
content: ''; | |||
top: -1px; | |||
left: 11em; | |||
right: 0; | |||
height: 100%; | |||
border-bottom: 1px solid #a7d7f9; | |||
z-index: -1; | |||
} | |||
/* Background */ | |||
#mw-page-base { | |||
position: fixed; | |||
top: -1px; | |||
right: 0; | |||
left: 0; | |||
z-index: 3; | |||
height: 5em; | |||
width: 100%; | |||
} | |||
#mw-head, | |||
#mw-panel { | |||
z-index: 4; | |||
} | |||
#mw-head-base { | |||
margin-top: 0; | |||
} | |||
/* Visual editor toolbar */ | |||
.ve-active .ve-init-mw-desktopArticleTarget { | |||
margin-top: 4em; | |||
} | |||
.ve-init-mw-desktopArticleTarget > .ve-ui-toolbar > .oo-ui-toolbar-bar { | |||
position: fixed !important; | |||
top: 5.714em !important; | |||
right: -0.004em !important; | |||
left: 12.647em !important; | |||
} | |||
/* StickyTableHeaders gadget */ | |||
.jquery-tablesorter > thead, | |||
.mw-sticky-header > thead { | |||
top: 5rem !important; | |||
} | |||
/* End sticky header */ |
Revision as of 18:39, 28 August 2022
/* CSS placed here will affect users of BOTH the Vector legacy skin and the Vector 2022 skin */ html,body {font-family: 'Droid Sans', sans-serif;} /* Sticky Header */ /*** Float Head ***/ /* Makes the side menu float and makes it scroll-able */ /* Documentation at [[en:w:User:BrandonXLF/FloatHead]] */ /* By [[en:w:User:BrandonXLF]] */ /* Based off of [[en:w:User:Rezonansowy/FloatHead.css]] */ /* head */ #mw-head { position: fixed !important; top: 0; left: 0; right: 0; width: 100%; } /* Bottom border */ #mw-head::before { position: absolute; content: ''; top: -1px; left: 11em; right: 0; height: 100%; border-bottom: 1px solid #a7d7f9; z-index: -1; } /* Background */ #mw-page-base { position: fixed; top: -1px; right: 0; left: 0; z-index: 3; height: 5em; width: 100%; } #mw-head, #mw-panel { z-index: 4; } #mw-head-base { margin-top: 0; } /* Visual editor toolbar */ .ve-active .ve-init-mw-desktopArticleTarget { margin-top: 4em; } .ve-init-mw-desktopArticleTarget > .ve-ui-toolbar > .oo-ui-toolbar-bar { position: fixed !important; top: 5.714em !important; right: -0.004em !important; left: 12.647em !important; } /* StickyTableHeaders gadget */ .jquery-tablesorter > thead, .mw-sticky-header > thead { top: 5rem !important; } /* End sticky header */