切换侧边栏
注意
此页为于 SCP 维基内部使用的"组件"页。用于在其他页面中引用。
未经组件作者或工作人员允许,请勿修改此页的内容。
此组件用于将移动端侧边栏按钮显示于桌面端屏幕上。
添加如下语法以应用此组件:
[[include :scp-wiki-cn:component:toggle-sidebar]]
如果要将其用于某个版式中,推荐将相应版式置于此 [[include]] 下方。
/* source: http://ah-sandbox.wikidot.com/component:collapsible-sidebar-x1*/ #top-bar.open-menua{position:fixed; top:0.5em; left:0.5em; z-index:5; font-family: 'Nanum Gothic', san-serif; font-size:30px; font-weight:700; width:30px; height:30px; line-height:0.9em; text-align:center; border:0.2emsolid#888; background-color:#fff; border-radius:3em; color:#888; pointer-events:auto; }@medianotalland (max-width: 767px) {#top-bar.mobile-top-bar{display:block; pointer-events:none; }#top-bar.mobile-top-barli{display:none; }#main-content{max-width:44.5rem; margin:0auto; padding:0; transition: max-width 0.2s ease-in-out; }#side-bar{display:block; position:fixed; top:0; left: -18rem; width:15.25rem; height:100%; margin:0; overflow-x:hidden; overflow-y:auto; z-index:10; padding:1em1em01em; background-color: rgba(0,0,0,0.1); transition:left0.4s ease-in-out; scrollbar-width:thin; }#side-bar:target{left:0; }#side-bar:focus-within{left:0; }#side-bar:target.close-menu{display:block; position:fixed; width:100%; height:100%; top:0; left:0; margin-left:17rem; opacity:0; z-index: -1; visibility:visible; }#side-bar:not(:target) .close-menu{display:none; }#top-bar.open-menua:hover { text-decoration: none; } }
页面版本: 6, 最后编辑于: 07 Dec 2023 14:48