空白风格 CSS
/* source: http://ah-sandbox.wikidot.com/component:collapsible-sidebar-x1 */
 
#top-bar .open-menu a {
        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.2em solid #888;
        background-color: #fff;
        border-radius: 3em;
        color: #888;
        pointer-events: auto;
}
 
@media not all and (max-width: 767px) {
 
    #top-bar .mobile-top-bar {
        display: block;
        pointer-events: none;
    }
 
    #top-bar .mobile-top-bar li {
        display: none;
    }
 
    #main-content {
        max-width: 708px;
        margin: 0 auto;
        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: 1em 1em 0 1em;
        background-color: rgba(0,0,0,0.1);
        transition: left 0.4s ease-in-out;
 
        scrollbar-width: thin;
    }
 
    #side-bar:target {
        left: 0;
    }
    #side-bar:focus-within:not(:target) {
        left: 0;
    }
 
    #side-bar:target .close-menu {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        margin-left: 19.75em;
        opacity: 0;
        z-index: -1;
        visibility: visible;
    }
    #side-bar:not(:target) .close-menu { display: none; }
 
    #top-bar .open-menu a:hover {
        text-decoration: none;
    }
 
    /* FIREFOX-SPECIFIC COMPATIBILITY METHOD */
    @supports (-moz-appearance:none) {
    #top-bar .open-menu a {
        pointer-events: none;
    }
    #side-bar:not(:target) .close-menu {
        display: block;
        pointer-events: none;
        user-select: none;
    }
 
    /* This pseudo-element is meant to overlay the regular sidebar button
    so the fixed positioning (top, left, right and/or bottom) has to match */
 
    #side-bar .close-menu::before {
        content: "";
        position: fixed;
        z-index: 5;
        display: block;
 
        top: 0.5em;
        left: 0.5em;
 
        border: 0.2em solid transparent;
        width: 30px;
        height: 30px;
        font-size: 30px;
        line-height: 0.9em;
 
        pointer-events: all;
        cursor: pointer;
    }
    #side-bar:focus-within {
        left: 0;
    }
    #side-bar:focus-within .close-menu::before {
        pointer-events: none;
    }
    }
}

这是什么?

这是空白风格 CSS:由 Placeholder McDPlaceholder McDHarryBlankHarryBlank 为后者的作品所制作的视觉样式。它的存在使其能轻易地被更新并广泛应用于作品中。它本质上是 EstrellaYoshteEstrellaYoshte半影版式的明亮版本,外加一些特有的注意事项。

它几乎肯定不能和其他版式一起使用,尤其是黑色标记笔。除非你知道你在干什么,否则不要使用此版式。


使用方法

在你的作品开头添加如下语法以应用此版式:

[[include :scp-wiki-cn:theme:blankstyle]]

注意此版式包含以下组件:

当你将此版式与著作信息模块一起使用时,将模块置于一个 [[div]] 元素中确保信息栏不会因渐显而延迟显示。

此版式借用了 PeppersGhostPeppersGhostPeppo 的插图方块以及 EstrellaYoshte 的代码,以将基础图像和插图方块居中,使它们在更小的屏幕上看起来更美观(见于:移动端)。它还借用了半影版式中 Estrella 的天才 sidebox 技术,大部分代码衍生自纸堆版式

请前往讨论区参阅补丁说明以了解空白风格 CSS 的一些额外功能。


ACS 色彩表格

以下带有自定义色彩标题格的表格可以通过将表格置于一个 div 元素中来使用,分别名为“table1”至“table5”.注意将一个 SCP 插图方块置于这些 div 元素中会同样地改变其文本框。也注意这是一个“更好的脚注”,它的详细使用方法可参阅上文中的链接。。这些表格对应于 ACS 组件栏的 5 个基础等级。

这是一个普通的表格;
测试很无趣
这是一个绿色表格;
测试很有趣。
这是一个蓝色表格;
测试也很有趣。
这是一个黄色表格;
测试也很有趣。
这是一个橙色表格;
测试也很有趣。
这是一个红色表格;
测试开始变得无趣。
这是一个紫色表格;
测试就是测试。

注意:紫色表格用于描述Thaumiel级的项目,还有需要6级(宇宙绝密)或临时6级(Thaumiel-Proviso)权限才能访问的文件。这种规定顺应了Placeholder McDPlaceholder McD的通感偏好,以及哈利把自己喜欢的东西放到文章里的愿望。

tableb div 元素也会分离其内部表格的单元格。

这是一个破碎的表格;
测试特别有趣!

哈利很长很长时间以来一直手动输入表格的格式。真是个书呆子。


源代码


除非特别注明,本页内容采用以下授权方式: Creative Commons Attribution-ShareAlike 3.0 License