MediaWiki:Common.css
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* CSS placed here will be applied to all skins */
/*-------------------------------------------*\
Global
\*-------------------------------------------*/
::-webkit-scrollbar {
width: 17px;
}
::-webkit-scrollbar-corner {
background: var(--button-face);
}
::-webkit-scrollbar-track {
&:vertical {
background-image: svg-load("./icon/scroll-background.svg");
}
&:horizontal {
background-image: svg-load("./icon/scroll-background-horizontal.svg");
}
}
::-webkit-scrollbar-thumb {
background-position: center;
background-repeat: no-repeat;
background-color: #c8d6fb;
background-size: 7px;
border: 1px solid white;
border-radius: 2px;
box-shadow: inset -3px 0 #bad1fc, inset 1px 1px #b7caf5;
&:vertical {
background-image: svg-load("./icon/scroll-thumb.svg");
}
&:horizontal {
background-size: 8px;
background-image: svg-load("./icon/scroll-thumb-horizontal.svg");
}
}
::-webkit-scrollbar-button {
&:vertical {
&:start {
height: 17px;
background-image: svg-load("./icon/scroll-arrow-up.svg");
}
&:end {
height: 17px;
background-image: svg-load("./icon/scroll-arrow-down.svg");
}
}
&:horizontal {
&:start {
width: 17px;
background-image: svg-load("./icon/scroll-arrow-left.svg");
}
&:end {
width: 17px;
background-image: svg-load("./icon/scroll-arrow-right.svg");
}
}
}