Earthworm系列导航条

我和我的小伙伴们都惊呆了!!

此页为于SCP维基内部使用的样版页。

在未经同意的情况下
请不要动这页里面的东西


Transparent.gif

[{$previous-url} {$previous-title}]

[{$hub-url} {$hub-title}]

Transparent.gif

[{$next-url} {$next-title}]


[[iftags +template]]

What this is

A bunch of miscellaneous CSS improvements. "Improvements" is subjective. I do not care.

If you're not me, which you're not (I think), then you definitely shouldn't use this component because it may break, disappear, or change in a way that you don't like at any time; and I promise you that if I want to add something to this I will without asking your permission or checking whether or not it breaks your article. There's a reason this isn't on the main wiki. But other than that go wild.

Usage

[[include :topia:cqb:css]]

Using this on a page tagged 'template'? You'll need to manually stop all these usage instructions from appearing:

[[div style="display: none;"]]
[[include :topia:cqb:css]]
[[/div]]

Improvements

Reasonably-sized footnotes

Stops footnotes from being a million miles wide, so that you can actually read them.

.hovertip { max-width: 400px; }

I'd add a demonstration, but I've included this component to a bunch of other template pages and it messes them up. You'll just have to trust me on this one.

Monospace edit/code

Makes the edit textbox monospace, and also changes all monospace text to Fira Code, the obviously superior monospace font.

@font-face{
    font-family: 'Fira Code';
    src: url('https://raw.githubusercontent.com/tonsky/FiraCode/master/distr/eot/FiraCode-Regular.eot') format('embedded-opentype'),
    url('https://raw.githubusercontent.com/tonsky/FiraCode/master/distr/woff2/FiraCode-Regular.woff2') format('woff2'),
    url('https://raw.githubusercontent.com/tonsky/FiraCode/master/distr/woff/FiraCode-Regular.woff') format('woff'),
    url('https://raw.githubusercontent.com/tonsky/FiraCode/master/distr/ttf/FiraCode-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
:root { --mono-font: "Fira Code", Cousine, monospace; }
#edit-page-textarea, .code pre, .code p, .code, tt, .page-source { font-family: var(--mono-font); }
.code pre * { white-space: pre; }
.code *, .pre * { font-feature-settings: unset; }

Teletype backgrounds

Adds a light grey background to <tt> elements ({{text}}).

tt {
  background-color: var(--swatch-something, #f4f4f4);
  font-size: 85%;
  padding: 0.2em 0.4em;
  margin: 0;
  border-radius: 6px;
}

Fuck off bigfaces

Stops big pictures from appearing when you hover over someone's avatar image, because they're stupid and I hate them.

.avatar-hover { display: none !important; }

Breaky breaky

Break links if I want them to

.nobreak { word-break: break-all; }

Code colours

Add my terminal's code colours as variables

:root {
  --c-bg: #393939;
  --c-syntax: #e0e0e0;
  --c-comment: #999999;
  --c-error: #f2777a;
  --c-value: #f99157;
  --c-symbol: #ffcc66;
  --c-string: #99cc99;
  --c-operator: #66cccc;
  --c-builtin: #70a7df;
  --c-keyword: #cc99cc;
}
 
.terminal {
  color: var(--c-syntax);
  background: var(--c-bg);
  border: 0.5rem solid var(--c-comment);
  border-radius: 2rem;
}

Debug mode

Draw lines around anything inside .debug-mode.

.debug-mode, .debug-mode *, .debug-mode *::before, .debug-mode *::after {
  outline: 1px solid var(--debug-colour, red);
}
.debug-info {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-family: 'Fira Code', monospace;
  font-size: 1rem;
  white-space: nowrap;
}
.debug-info.over { top: -2.5rem; }
.debug-info.under { bottom: -2.5rem; }
.debug-info p { margin: 0; }

[[/iftags]]

这是啥?

一个更好看的用于文档系列的导航条。

CroquemboucheCroquembouche制作并参与了2018末日竞赛,不过自然任何人都可以随意使用。

用法

在任意一页中:

[[include :scp-wiki-cn:component:earthworm
| first=false | last=false | hub=yes
| previous-url=上一文档的URL | previous-title=上一文档的标题
| next-url=上一文档的URL | next-title=下一文档的标题
| hub-url=中心页URL | hub-title=中心页标题
]]

请勿删掉竖直分割线!(|

会有三篇文档需要你进行链接:

  1. 该系列的上一篇文档。
  2. 该系列的下一篇文档。
  3. 该系列的中心页。

上一篇文档

上一文档的URL替换为该系列的上一篇文档的URL。比如说,http://scp-wiki-cn.wikidot.com/scp-001/scp-001
上一文档的标题替换为那个页面的题目。

如果当前页面是该系列的第一个页面,那么就没有上一篇文档。将上述的两个字段留空,方法是设置为/(举例而言,previous-url=/,并把first设置为true

下一篇文档

下一文档的URL替换为该系列的下一篇文档的URL。比如说,http://scp-wiki-cn.wikidot.com/scp-003/scp-003
下一文档的标题替换为那个页面的题目。

如果当前页面是该系列的最后一个页面,那么就没有下一篇文档。将上述的两个字段留空,方法是设置为/(举例而言,next-url=/,并把“last”设置为“true”。

中心页

中心页URL替换为该系列的中心页的URL。比如说,http://scp-wiki-cn.wikidot.com/scp-series/scp-series
中心页标题替换为那个页面的标题。

如果你的系列目前没有中心页,那么将名为hub的参数设置为no
中心页标题设置为任何你想给该系列取的名字,然后将hub-url设置为/。如果你以后发了中心页,只需把hub改成yes并填上URL。

要看哪些页面使用了Earthworm,请至页面底部,打开“+ 选项”然后打开“反向连结”。

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