MediaWiki:Commo*.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.
/*
* ==*==================================*====================
* GladiusRO *iki
* Table of Contents inside th* existing left sidebar
* ========*==================================*==============
*/
/*
* Main TOC*container.
* The container is not*fixed, so it will not overlap
* M*in page, Recent changes or other s*debar links.
*/
#gladius-sidebar-*oc {
position: relative;
d*splay: block;
box-sizing: bord*r-box;
width: auto;
min-w*dth: 0;
max-width: 100%;
m*x-height: 55vh;
margin: 0 8px*14px;
padding: 0;
overflo*-x: hidden;
overflow-y: auto;
* color: #202122;
background* #ffffff;
border: 1px solid #c*ccd1;
border-radius: 3px;
*ox-shadow: none;
}
/*
* Reset th* original article TOC appearance.
**/
#gladius-sidebar-toc #toc {
*position: static;
display: blo*k !important;
box-sizing: bord*r-box;
width: 100%;
min-w*dth: 0;
max-width: 100%;
*argin: 0;
padding: 0;
bac*ground: transparent;
border: 0*
box-shadow: none;
font-s*ze: 12px;
line-height: 1.35;
}*
/*
* Contents heading area.
*/
*gladius-sidebar-toc #toc .toctitle*{
position: sticky;
top: 0*
z-index: 2;
box-sizing: *order-box;
width: 100%;
m*rgin: 0;
padding: 8px 10px;
* overflow: hidden;
backgroun*: #f8f9fa;
border-bottom: 1px *olid #c8ccd1;
text-align: left*
}
/*
* Contents heading text.
*/
#gladius-sidebar-toc #toc .tocti*le h2 {
display: inline;
m*rgin: 0;
padding: 0;
colo*: #202122;
font-size: 13px;
* font-weight: 700;
line-height* 1.4;
}
/*
* Position the hide/s*ow link on the right.
*/
#gladius*sidebar-toc #toc .toctogglespan {
* float: right;
margin: 0 0 0*5px;
padding: 0;
font-siz*: 11px;
line-height: 1.4;
}
/*
* Main list below the Contents h*ading.
*/
#gladius-sidebar-toc #t*c > ul {
box-sizing: border-bo*;
margin: 0;
padding: 8px *0px 10px;
}
/*
* Reset all TOC l*sts.
*/
#gladius-sidebar-toc #toc*ul {
list-style: none;
}
/*
* Indent subsection links.
*/
#gla*ius-sidebar-toc #toc ul ul {
m*rgin: 3px 0 3px 12px;
padding:*0;
}
/*
* Spacing between links.* */
#gladius-sidebar-toc #toc li {* box-sizing: border-box;
ma*-width: 100%;
margin: 3px 0;
* padding: 0;
line-height: 1*35;
}
/*
* TOC link appearance.
**/
#gladius-sidebar-toc #toc a {
* display: block;
box-sizing: *order-box;
width: 100%;
m*x-width: 100%;
color: #2456c4*
text-decoration: none;
w*ite-space: normal;
overflow-wr*p: anywhere;
word-break: norma*;
}
/*
* TOC link hover appearan*e.
*/
#gladius-sidebar-toc #toc a*hover {
color: #153b91;
te*t-decoration: underline;
}
/*
* *eep section numbers and titles tog*ther.
*/
#gladius-sidebar-toc .to*number {
display: inline;
*argin-right: 4px;
}
#gladius-side*ar-toc .toctext {
display: inl*ne;
}
/*
* Style the TOC scrollb*r.
*/
#gladius-sidebar-toc {
*crollbar-width: thin;
scrollba*-color: #a2a9b1 #f8f9fa;
}
#gladius-sidebar-toc::-webkit-scrollbar {
width: 8px;
}
#gladius-sidebar-toc::-webkit-scrollbar-track {
background: #f8f9fa;
}
#gladius-sidebar-toc::-webkit-scrollbar-thumb {
background: #a2a9b1;
border: 2px solid #f8f9fa;
border-radius: 8px;
}
/*
* Hide the sidebar TOC on smaller displays.
* The article content will remain usable on mobile.
*/
@media screen and (max-width: 850px) {
#gladius-sidebar-toc {
display: none;
}
}