MediaWiki:Timeless.css
来自開源之海
注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的更改的影响。
- Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
- Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
- Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5。
/* 这里放置的CSS将应用于Timeless皮肤 */
/* 當螢幕寬度足夠時（寬於 1100px，避開 Timeless 的折疊狀態） */
/* 針對 Timeless 寬螢幕環境下的目錄優化 */
@media screen and (min-width: 1100px) {
#toc {
/* 設定為右側浮動並使用 Sticky 效果 */
float: right;
position: sticky;
top: 1em;
/* 寬度調整：與 Timeless 右側欄塊一致 */
width: 15.5em;
box-sizing: border-box;
/* 間距調整：左邊距與下方工具欄對齊，底邊距拉開 */
margin: 0 0 1.5em 1.5em;
/* 內距與邊框：模仿 Timeless 的 sidebar-chunk 風格 */
padding: 1em;
background-color: #f8f9fa;
border: 1px solid #eaecf0;
border-radius: 2px;
/* 處理內容過長 */
max-height: 85vh;
overflow-y: auto;
z-index: 10;
font-size: 0.9em;
}
/* 隱藏目錄內的「顯示/隱藏」切換按鈕（選用，可讓介面更簡潔） */
.toctogglecheck:checked ~ .toctitle + ul,
.toctogglecheck ~ .toctitle + ul {
display: block !important;
}
.toctogglespan {
display: none;
}
}
/* 確保正文不會被目錄壓到（在極窄螢幕寬度時） */
@media screen and (max-width: 1099px) {
#toc {
float: none;
width: auto;
margin: 1em 0;
}
}