占位风格 CSS
占位风格 CSS
作者:Placeholder McDPlaceholder McD
发布于:2021/03/10

以上页面信息表格由 authorbox——一个位于左侧的 sidebox——中的 Listpages 模块自动生成。这将会自动添加到引用此页的所有页面,除非将占位风格引用块置于 display: none; 的 div 元素中。它位于左侧,以便与传统的 sidebox 完美地配合使用。它会在移动端上隐藏。

placeholderword.png

.

这是什么?

这是占位风格 CSS:由 EstrellaYoshteEstrellaYoshte半影版式分化而来,由 Placeholder McDPlaceholder McD 为其作品所制作。它的存在使其能轻易地被更新并广泛应用于作品中。它基本上是半影版式,去除了我不想要的东西,添加了 HarryBlankHarryBlank空白风格 CSS 中我喜欢的东西,以及一些额外的好东西!

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


使用方法

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

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

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

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

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


占位风格 CSS 和半影的主要区别有:

  • 正文字体(Verdana)匹配 Sigma-9
  • 页眉字体(BauhausLTDemi)匹配空白风格
  • 类似 Sigma-9 的简化 scp 插图方块
  • 表格内边距(sidebox 中的除外),类似空白风格
  • 表格标题格根据 accentColor 着色
  • tableb div 分离其内部表格的单元格(以及 image-captions!),类似空白风格
  • bt span 元素加粗并改变文本颜色(根据 accentColor),类似 NatVoltaicNatVoltaicstormbreathstormbreath直抵群星版式(为了方便阅读,它实际上比你使用的任何 accentColor 更亮一点)
  • 方形切换侧边栏按钮
  • 更好的脚注根据 accentColor 自动调整
  • ACS 组件重新配色以适配暗色版式,类似 NagirosNagiros夜行版式
  • ACS 组件左上角没有“项目编号:”文本,类似空白风格
  • hideLocation="both" 的华丽的折叠显示得更加直观
  • authorbox,一个位于左侧的 sidebox,通过 listpages 显示作者信息,将会自动添加到使用此版式的所有页面(除非将引用块置于 div style="display: none;" 元素中)。它们不会和常规 sidebox 冲突。


前往讨论区查看补丁说明。


源代码:

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