MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* | /* | ||
* ========================================================== | |||
* GladiusRO Wiki | |||
* Contents below the Tools section | |||
* ========================================================== | |||
*/ | |||
#gladius- | #gladius-sidebar-toc { | ||
* position: static; | |||
display: *lock; | |||
clear: both; | |||
box-siz*ng: border-box; | |||
width: auto; | |||
width: | * min-width: 0; | ||
max-height: | max-width: no*e; | ||
max-height: 550px; | |||
margin: 18px 10px 25px; | |||
padding: 0; | |||
overflow-x: hidden; | overflow-x: hidden; | ||
overflow-y: auto; | overflow-y: auto; | ||
color: #202122; | |||
background: #ffffff; | background: #ffffff; | ||
border: 1px solid # | border: 1px solid #a2a9b1; | ||
border-radius: | border-radius: 0; | ||
box-shadow: none; | |||
box-shadow: | |||
} | } | ||
/* | /* | ||
#gladius- | * Reset the original article TOC. | ||
display: | */ | ||
box-sizing: | #gladius-sidebar-toc #toc { | ||
* position: static; | |||
display: bl*ck !important; | |||
box-sizing: bor*er-box; | |||
width: 100%; | width: 100%; | ||
min-width: 0; | |||
max-width: 100%; | |||
margin: 0; | margin: 0; | ||
padding: | padding: 0; | ||
background: transparent; | background: transparent; | ||
border: 0; | border: 0; | ||
font-size: | box-shadow: none; | ||
font-size: 12px; | |||
line-height: 1.35; | |||
} | } | ||
/* Contents heading */ | /* | ||
#gladius- | * Contents heading. | ||
*/ | |||
#gladius-sidebar-toc #toc .tocti*le { | |||
position: sticky; | position: sticky; | ||
top | top* 0; | ||
z-index: 2; | z-index: 2; | ||
box-sizin*: border-box; | |||
width: 100%; | |||
* margin: 0; | |||
border-bottom: | padding: 8px 7px; | ||
text-align: | * overflow: hidden; | ||
backgro*nd: #f8f9fa; | |||
border-bottom: 1p* solid #c8ccd1; | |||
text-align: ce*ter; | |||
} | } | ||
#gladius- | #gladius-sidebar-toc #toc *toctitle h2 { | ||
display: inline | display: inline; | ||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
color: #202122; | color: #202122; | ||
font-size: | font-size: 12px; | ||
font-weight: | font-weight: bold; | ||
line-height: 1.4; | |||
} | } | ||
/* | /* | ||
#gladius- | * Hide/show link. | ||
*/ | |||
padding: | #gladius-sidebar-toc #toc .tocto*glespan { | ||
display: inline; | |||
float: none; | |||
margin-left: 4px; | |||
font-size: 11px; | |||
} | |||
/* | |||
* Content list. | |||
*/ | |||
#gladius-sidebar-toc #toc > ul {* box-sizing: border-box; | |||
ma*gin: 0; | |||
padding: 8px 7px 10px;*} | |||
#gladius-sidebar-toc #toc ul { | |||
* list-style: none; | |||
} | } | ||
#gladius- | #gladius-s*debar-toc #toc ul ul { | ||
margin | margin:*3px 0 3px 10px; | ||
padding: 0; | |||
} | } | ||
*#gladius-sidebar-toc #toc li { | |||
box-sizing: border-box; | |||
max-width: 100%; | |||
margin: 3px 0; | |||
margin: | |||
padding: 0; | padding: 0; | ||
line-height: 1. | |||
line-height: 1.3; | |||
} | } | ||
#gladius- | /* | ||
* TOC links. | |||
color: # | */ | ||
#gladius-sidebar-toc #toc a { | |||
overflow | * display: block; | ||
box-sizing: b*rder-box; | |||
width: 100%; | |||
ma*-width: 100%; | |||
color: #0645ad;* text-decoration: none; | |||
wh*te-space: normal; | |||
overflow*wrap:*anywhere; | |||
word*break: normal; | |||
} | } | ||
#gladius- | #gladius-sidebar*toc #toc a:hover { | ||
color: # | color: #0b0080; | ||
text-decoration: underline; | text-decoration: underline; | ||
} | } | ||
#gladius-sidebar-toc .tocnumber { | |||
#gladius- | |||
display: inline; | display: inline; | ||
margin-right: 3px; | |||
} | } | ||
#gladius-sidebar-toc .toctext { | |||
display: inline; | |||
} | } | ||
/* | /* | ||
* Small scrollbar for a long TOC. | |||
*/ | |||
#gladius-sidebar-toc { | |||
scr*llbar-width: thin; | |||
scrollbar-c*lor: #a2a9b1 #f8f9fa; | |||
} | } | ||
#gladius-*idebar-toc::-webkit-scrollbar { | |||
* width: 7px; | |||
} | |||
#gladius-sidebar-t*c::-webkit-scrollbar-track { | |||
b*ckground: #f8f9fa; | |||
} | } | ||
#gladius-sidebar-toc::-webkit-scrollbar-thumb { | |||
background: #a2a9b1; | |||
border-radius: 4px; | |||
#gladius-sidebar-toc { | |||
} | } | ||
/* | /* | ||
* | * Hide sidebar Contents on mobile. | ||
*/ | */ | ||
@media screen and (max-width:*850px) { | |||
# | #gladius-sidebar-toc * | ||
display: none; | |||
} | |||
} | } | ||
Revision as of 02:42, 2 August 2026
/*
* ==========================================================
* GladiusRO Wiki
* Contents below the Tools section
* ==========================================================
*/
#gladius-sidebar-toc {
* position: static;
display: *lock;
clear: both;
box-siz*ng: border-box;
width: auto;
* min-width: 0;
max-width: no*e;
max-height: 550px;
margin: 18px 10px 25px;
padding: 0;
overflow-x: hidden;
overflow-y: auto;
color: #202122;
background: #ffffff;
border: 1px solid #a2a9b1;
border-radius: 0;
box-shadow: none;
}
/*
* Reset the original article TOC.
*/
#gladius-sidebar-toc #toc {
* position: static;
display: bl*ck !important;
box-sizing: bor*er-box;
width: 100%;
min-width: 0;
max-width: 100%;
margin: 0;
padding: 0;
background: transparent;
border: 0;
box-shadow: none;
font-size: 12px;
line-height: 1.35;
}
/*
* Contents heading.
*/
#gladius-sidebar-toc #toc .tocti*le {
position: sticky;
top* 0;
z-index: 2;
box-sizin*: border-box;
width: 100%;
* margin: 0;
padding: 8px 7px;
* overflow: hidden;
backgro*nd: #f8f9fa;
border-bottom: 1p* solid #c8ccd1;
text-align: ce*ter;
}
#gladius-sidebar-toc #toc *toctitle h2 {
display: inline;
margin: 0;
padding: 0;
color: #202122;
font-size: 12px;
font-weight: bold;
line-height: 1.4;
}
/*
* Hide/show link.
*/
#gladius-sidebar-toc #toc .tocto*glespan {
display: inline;
float: none;
margin-left: 4px;
font-size: 11px;
}
/*
* Content list.
*/
#gladius-sidebar-toc #toc > ul {* box-sizing: border-box;
ma*gin: 0;
padding: 8px 7px 10px;*}
#gladius-sidebar-toc #toc ul {
* list-style: none;
}
#gladius-s*debar-toc #toc ul ul {
margin:*3px 0 3px 10px;
padding: 0;
}
*#gladius-sidebar-toc #toc li {
box-sizing: border-box;
max-width: 100%;
margin: 3px 0;
padding: 0;
line-height: 1.3;
}
/*
* TOC links.
*/
#gladius-sidebar-toc #toc a {
* display: block;
box-sizing: b*rder-box;
width: 100%;
ma*-width: 100%;
color: #0645ad;* text-decoration: none;
wh*te-space: normal;
overflow*wrap:*anywhere;
word*break: normal;
}
#gladius-sidebar*toc #toc a:hover {
color: #0b0080;
text-decoration: underline;
}
#gladius-sidebar-toc .tocnumber {
display: inline;
margin-right: 3px;
}
#gladius-sidebar-toc .toctext {
display: inline;
}
/*
* Small scrollbar for a long TOC.
*/
#gladius-sidebar-toc {
scr*llbar-width: thin;
scrollbar-c*lor: #a2a9b1 #f8f9fa;
}
#gladius-*idebar-toc::-webkit-scrollbar {
* width: 7px;
}
#gladius-sidebar-t*c::-webkit-scrollbar-track {
b*ckground: #f8f9fa;
}
#gladius-sidebar-toc::-webkit-scrollbar-thumb {
background: #a2a9b1;
border-radius: 4px;
}
/*
* Hide sidebar Contents on mobile.
*/
@media screen and (max-width:*850px) {
#gladius-sidebar-toc *
display: none;
}
}