切换侧边栏

注意


此页为于 SCP 维基内部使用的"组件"页。用于在其他页面中引用。

未经组件作者或工作人员允许,请勿修改此页的内容。


此组件用于将移动端侧边栏按钮显示于桌面端屏幕上。
添加如下语法以应用此组件:

[[include :scp-wiki-cn:component:toggle-sidebar]]

如果要将其用于某个版式中,推荐将相应版式置于此 [[include]] 下方。

(如果你在用黑色标记笔的话请使用Woedenaz Woedenaz 制作的这个版本)


/* 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
除非特别注明,本页内容采用以下授权方式: Creative Commons Attribution-ShareAlike 3.0 License
点击编辑本页内容。
点击显示页面各部分的编辑按钮(如果可能)。 在标题边会出现"编辑"按钮。
在不编辑全部页面源代码的情况下添加内容。
查看本页过去是如何沿革的。
若您想要讨论本页内容,这是最简单的方法。
检视并管理本页附件。
管理网站的实用工具。
变更页面名称(及 URL 地址,或许会影响分类)。
在不编辑的情形下检视维基源代码。
检视 / 设定父页面(用以建立浏览足迹与结构化​​配置)。
向管理员举报本页有令人反感的内容。
事情不如预期?看看您可以做些什么。
通用的 Wikidot.com 文件与说明。
Wikidot.com 服务条款 — 您可以做的事,您不该做的事之类的。
Wikidot.com 隐私政策。

AltStyle によって変換されたページ (->オリジナル) /