观谬南瓜

[[iftags +版式]]

使用方法

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

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

通过 [[include]] 来引入版式可以将你的页面加入到一系列“反向链接”清单之中。当本版式更新升级时，此方式可以看到哪些页面会受到影响，且可以更快留意、修正升级所导致的任何错误，故而十分有用。

你可以通过点击页面底部的“+ 选项”、“反向链接”来查看任何页面的反向链接。

示例

rook.png

观谬 标志

可通过五个连字符“-----”创建水平分割线。若它未被放在其他部件（诸如引用块）中，则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。

标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建。

+ 标题

此为分页（tab view）。

这是一个引用块，在一行字的起始处加上“> ”来创建。

更多文字

一条分割线

嵌套引用块

这是 表格
你应该老早 就知道怎么
做这个了吧 
@import url('https://fonts.googleapis.com/css?family=PT+Mono&display=swap');
 
/*
    Powered on 2019/05/09 06:09:42
    [2019 Wikidot Theme]
    Created by The Great Hippo
    CC BY-SA 3.0
*/
 
/* FONTS AND COLORS */
 
:root {
    --bg-light: #262626;
    --bg: #1a1a1a;
    --bg-dark: #000000;
 
    --fg-light: #ffffff;
    --fg:  #f2f2f2;
    --fg-dark: #e6e6e6;
 
    --fg-accent-light: #ffffcc;
    --fg-accent: #ffff99;
    --fg-accent-dark: #ffff80;
 
    --fg-accent-2: #ffffff;
 
}
 
body {
    background: var(--bg);
    color: var(--fg);
    font-family: 'PT Mono', '新宋体', monospace;
}
 
a, a:visited {
    color: var(--fg-accent-dark);
}
 
h1, h2, h3, h4, h5, h6, #page-title {
    color: var(--fg-light);
    font-family: 'PT Mono', '新宋体', monospace;
}
 
ins, del {
    color: black;
}
 
/* HEADER */
 
div#container-wrap {
    background: url(https://scp-wiki.wdfiles.com/local--files/theme%3Acreepypasta/gradient.png) top left repeat-x;
}
 
div#header {
    background: url(https://scp-wiki-cn.wdfiles.com/local--files/theme%3Acreepypasta/parawatch.png) 10px 40px no-repeat;
}
 
div#header h1 a span {
    /* hiding header text */
    font-size: 0px;
    color: transparent;
}
 
div#header h1 a:before {
    content: " ";
    color: rgb(24, 24, 24);
}
 
div#header h2 span {
    font-size:0px;
    padding: 4px;
}
 
div#header h2:after {
    content: " ";
    font-weight: bold;
    color: rgb(255, 224, 135);
    padding: 19px 0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
    white-space: pre;
}
 
/* SIDE-BAR */
 
div#side-bar a,
div#side-bar a:visited,
#interwiki a,
#interwiki a:visited {
    color: var(--fg-dark);
}
 
div#side-bar div.side-block,
#interwiki div.side-block {
    background: rgb(24, 24, 24) !important;
    border: 1px solid #ffe087;
    box-shadow: 0 2px 6px #404040;
}
 
div#side-bar div.side-block div.heading,
#interwiki div.side-block div.heading,
div#side-bar .collapsible-block-unfolded-link,
div#side-bar .collapsible-block-unfolded-link .collapsible-block-link {
    color: rgb(255, 224, 135);
    border-color: rgb(255, 224, 135);
}
 
#side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
    color: var(--fg-dark);
}
 
/* Recolors the Translation Module */
.side-block .menu-item > .image,
#interwiki .menu-item img {
    filter: hue-rotate(230deg) invert(100%);
}
 
/* Recolors the panel that opens on mobile with the side-bar */
@media (max-width: 767px) {
    #side-bar{
        background-color: var(--bg);
    }
}
 
/* Recolors the drop down from the arrow next to username in the header */
#login-status ul a {
    color: var(--fg);
    background: var(--bg);
    border-color: var(--fg);
}
 
#login-status ul a:hover {
    color: var(--fg-dark);
}
 
/* Makes the code readable */
.hl-identifier, .hl-code, .hl-brackets {
    color: var(--fg);
}
 
/* Top-Bar */
#top-bar a {
    color: var(--fg-dark);
}
 
#top-bar ul li ul {
    border-color: var(--fg-light);
}
 
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
   border-top-color: var(-fg-light);
}
 
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    background-color: var(--bg-light);
    color: var(--fg-dark);
}
 
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: var(--bg-dark); /* top bar hover background color */
    color: var(--fg-dark);
}
 
div.yui-navset div.yui-content {
    background: rgb(24, 24, 24);
}
 
div.yui-navset ul.yui-nav a,
div.yui-navset div.yui-navset-top ul.yui-nav a {
    background: rgb(24, 24, 24);
    color: rgb(255, 237, 185);
    border: solid 1px #ffffff;
}
 
div.yui-navset ul.yui-nav a:hover,
div.yui-navset ul.yui-nav a:focus {
    background: rgb(40, 40, 40);
    color: rgb(255, 237, 185);
}
 
div.yui-navset ul.yui-nav .selected a,
div.yui-navset ul.yui-nav .selected a:focus,
div.yui-navset ul.yui-nav .selected a:hover {
    background: rgb(50, 50, 50);
    color: var(--fg);
    border: solid 2px #ffff99;
}
 
/* rating module */
 
.page-rate-widget-box .rate-points {
    background-color: var(--bg-dark) !important;
}
 
.page-rate-widget-box .rate-points,
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a,
.page-rate-widget-box .cancel a {
    background-color: var(--bg-dark);
    color: white;
    border: 0;
}
 
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown,
.page-rate-widget-box .cancel {
    background-color: var(--bg-dark);
    border: 0;
    border-left: 1px solid var(--fg-accent-light);
}
 
.page-rate-widget-box .rate-points,
.page-rate-widget-box .cancel a {
    border: 0;
 
}
 
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    background-color: var(--bg-dark);
    color: white;
}
 
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover,
.page-rate-widget-box .cancel a:hover {
    background-color: var(--bg-dark);
    color: white;
}
 
/* footnote hovers */
 
.hovertip {
    width: 20em;
    padding: 0.5em;
 
    border: 1px solid var(--fg-accent-light) !important;
    border-radius: 0.5em;
 
    background-color: #000000ee !important;
    box-shadow: 0 0 6px 1px #000000aa;
    z-index: 100;
}
 
.hovertip .f-heading {
    color: var(--fg-accent-light);
}
 
/* inputs */
 
input.text, input.button,
#search-top-box-input,
#search-top-box-form input[type=submit],
div.buttons input, input.button, button, file, a.button {
    background: transparent;
    color: var(--fg);
    border: 1px solid var(--fg-accent-2);
    border-radius: 0;
    font-size: 1em;
    outline: 0;
}
 
div.buttons input:hover, div.buttons input:focus,
input.button:hover, input.button:focus,
button:hover, button:focus,
file:hover, file:focus,
a.button:hover, a.button:focus {
    border-color: var(--fg-accent-2);
    background: transparent;
    color: var(--fg);
}
 
input.text:hover, input.button:hover,
input.text:focus, input.button:focus,
#search-top-box-input:hover,
#search-top-box-input:focus,
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    color: var(--fg);
    background: transparent;
    border: 1px solid var(--fg-accent-2);
    outline: 0;
}
 
/* EDITING WINDOWS */
.owindow {
    color: #000;
}
 
.owindow h1, .owindow h2, .owindow h3, .owindow h4, .owindow h5, .owindow h6 {
    color: #000;
}
 
.owindow a {
    color: #272727;
}
 
table.page-files .highlight {
    background-color: #272727;
}
 
input.text {
    border: 1px dashed #000;
    color: #fff;
}
 
input.text:focus {
    border: 1px dashed #000;
    color: #fff;
}
 
input.text:hover {
    border: 1px dashed #000;
    color: #fff;
}
 
div#lock-info {
    background-color: var(--bg-light);
}
 
/* BLOCKQUOTES */
 
blockquote,
div.blockquote {
    background:  var(--bg-dark);
    border-width: 2px;
    border-style: solid;
    border-color: var(--bg-light);
}
 
/* Parawatch Forum Pseudo-Blockquotes */
div.parapost {
    background:  var(--bg-dark);
    border-width: 2px;
    border-style: solid;
    border-color: var(--bg-light);
    padding: 0 1em;
    margin: 1em 3em;
}
 
div.parapost.reply1 {margin: 1em 3em 1em 4em;}
div.parapost.reply2 {margin: 1em 3em 1em 5em;}
div.parapost.reply3 {margin: 1em 3em 1em 6em;}
div.parapost.reply4 {margin: 1em 3em 1em 7em;}
div.parapost.reply5 {margin: 1em 3em 1em 8em;}
 
@media (max-width: 479px) {
   div.parapost {margin: 1em 0;}
   div.parapost.reply1 {margin: 1em 0 1em 1em;}
   div.parapost.reply2 {margin: 1em 0 1em 2em;}
   div.parapost.reply3 {margin: 1em 0 1em 3em;}
   div.parapost.reply4 {margin: 1em 0 1em 4em;}
   div.parapost.reply5 {margin: 1em 0 1em 5em;}
}
 
@media (min-width: 480px) and (max-width: 580px) {
   div.parapost {margin: 0.5em;}
   div.parapost.reply1 {margin: 0.5em 0.5em 0.5em 1em;}
   div.parapost.reply2 {margin: 0.5em 0.5em 0.5em 1.5em;}
   div.parapost.reply3 {margin: 0.5em 0.5em 0.5em 2em;}
   div.parapost.reply4 {margin: 0.5em 0.5em 0.5em 2.5em;}
   div.parapost.reply5 {margin: 0.5em 0.5em 0.5em 3em;}
}
 
/* IMAGES */
 
#page-content .scp-image-block {
    border-color: var(--fg-accent);
    box-shadow: none;
}
#page-content .scp-image-block .scp-image-caption {
    border-color: var(--fg-accent);
    background-color: var(--bg-dark);
}
 
table.wiki-content-table th {
    background-color: var(--bg-dark);
}
 
hr {
    background-color: var(--fg);
}
 
.code {
    border: 1px dashed var(--fg);
    background-color: transparent;
 
    font-family: "Courier", "Courier New", "Roboto Mono", '仿宋', monospace;
    font-size: 1em;
}
 
/* INFO MODULE */
 
#page-content .rate-box-with-credit-button {
    background-color: var(--bg-dark);
    border: 1px solid var(--bg-dark);
}
 
#page-content .rate-box-with-credit-button .creditButton p a {
    border-left-color: var(--fg-accent-light);
}
 
#page-content .rate-box-with-credit-button .page-rate-widget-box .cancel {
    border-radius: 0;
}
#page-content .rate-box-with-credit-button .page-rate-widget-box .rate-points {
    border-left: 0;
}
#page-content .creditButtonStandalone p a {
    background: var(--bg-dark);
    box-shadow: 0 0 3px var(--bg-light);
}
#page-content .creditButtonStandalone p a:hover {
    background: #3498db;
}
 
#page-content .modalbox {
    background: linear-gradient(var(--bg) 51px,var(--bg-light) 51px,var(--bg-light));
    color: var(--fg);
    box-shadow: 0 2px 6px #404040;
}
 
.close-credits,
.credit-back {
    filter: hue-rotate(230deg) invert(100%) brightness(150%);
}
 
#footer {
    background: var(--bg-light);
}
 
/* MOBILE CODE */
@media (max-width: 767px) {
    div#header {
        background-size: 22em;
        background-position: 1em;
    }
 
    #top-bar .open-menu a {
        border: 0.2em solid var(--bg-light);
        background-color: #787878;
        color: var(--bg-light);
  }
}

[[/iftags]]

[[iftags +版式]]

评分：

评分: +9+–x

评分模块与著作信息模块：

评分: +9+–x

著作信息

观谬轻量版 版式
作者：Lt FlopsLt Flops
发布于 2021 年 03 月 29 日

感谢 CroquemboucheCroquembouche 和 stormbreathstormbreath 的批准。

文件名：gradient-anon.png
图像作者：The Great HippoThe Great Hippo
授权协议：Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
来源链接：https://scp-wiki.wdfiles.com/local--files/theme%3Aanon/gradient-anon.png
备注：由 Lt FlopsLt Flops 编辑。修改了渐变色调。

文件名：parawatch-anon.png
图像作者：The Great HippoThe Great Hippo
授权协议：Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
来源链接：https://scp-wiki.wdfiles.com/local--files/theme%3Aanon/parawatch-anon.png
备注：由 Lt FlopsLt Flops 编辑。为标志重新上色。

文件名：rook-anon.png
图像作者：The Great HippoThe Great Hippo
授权协议：Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
来源链接：https://scp-wiki.wdfiles.com/local--files/theme%3Aanon/rook-anon.png
备注：由 Lt FlopsLt Flops 编辑。为标志重新上色。

评分: +9+–x

这是什么？

这是由 Lt FlopsLt Flops 制作的观谬轻量版版式。

这是 Creepypasta 版式（由 The Great HippoThe Great Hippo 制作）的变体版本。

使用方法

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

[[include :scp-wiki-cn:theme:creepypasta]]
[[include :scp-wiki-cn:theme:anon]]

这个版式是干什么用的？

此版式为观谬维基论坛结构提供了一种不同的配色方案。

此版式适用于观谬维基作品。

[可选项]

如果出于某种原因，你希望继续使用 Creepypasta 版式中的淡黄色调，请将以下内容复制到上述代码之后：

[[module CSS]]

:root{
--fg-dark: hsl(45, 94%,82%);
--fg-accent-light: hsl(60, 100%, 90%);
--fg-accent: hsl(60, 100%, 80%);
--fg-accent-dark: hsl(60, 100%, 75%);
--fg-accent-dark-2: hsl(60, 53%, 59%);
--fg-dark-2: hsl(59, 100%, 70%);
}

div#header h1{
background: url(http://darry.wikidot.com/local--files/start/parawatch.png) no-repeat;
}

#side-bar div.menu-item img{
filter: hue-rotate(230deg) invert(100%);
}
[[/module]]

技术上来说，你可以使用任何颜色来替换这些变量。由于此代码使用 HSL 颜色值而不是传统的十六进制或 RGB，你只需更改色调hue — 但是请保持饱和度saturation和亮度lightness不变。

就我个人而言，这违背了我对版式的设想。但是，有人要求我增加这个选项，所以我想我可以将之实现。

示例

rook-anon.png

插图方块

1 级标题

2 级标题

3 级标题

4 级标题

5 级标题
6 级标题

粗体 | 斜体 | 下划线 | 删除线 | teletype text 上标下标

可通过五个连字符“-----”创建水平分割线：

引用块

嵌套引用块

这是 表格
你应该老早 就知道怎么
做这个了吧

未访问的链接（已访问的链接）

+ 一个折叠

标签内容

源代码

▷ 显示代码 ◁

[[/iftags]]

评分模块：

评分: +9+–x

这是由 stormbreathstormbreath 制作的观谬南瓜版式，是 Lt FlopsLt Flops 所作的观谬轻量版版式的变体，而该版式本身亦是 The Great HippoThe Great Hippo 所作的 Creepypasta 版式的变体。

该版式大部分都是基于观谬轻量版版式，但将其蓝色重新染成了橙色。该版式可以被用作任何用途，但其特别合适作为万圣节主题版本的观谬维基版式。

若需使用该版式，请复制以下代码至你页面的顶部：

[[include :scp-wiki-cn:theme:creepypasta]]
[[include :scp-wiki-cn:theme:anon]]
[[include :scp-wiki-cn:theme:parawatch-pumpkin]]

:root {
     --bg: hsl(14, 6%, 12%);
     --bg-dark: hsl(17, 5%, 10%);
 
     --fg-dark: hsl(19, 82%, 65%);
 
     --fg-dark-2: hsl(19, 100%, 58%);
 
     --fg-accent-light: hsl(19, 100%, 70%);
     --fg-accent: hsl(19, 100%, 65%);
     --fg-accent-dark: hsl(19, 100%, 60%);
 
     --fg-accent-dark-2: hsl(19, 61%, 49%);
}
 
#page-content{
     font-size: inherit;
}
 
a.newpage {
    color: hsl(346, 27%, 68%);
}
 
div.parapost {
     border-color: var(--bg-light);
}
 
::selection {
    background: hsl(22, 11%, 27%);
}
 
/* -------------- HEADER -------------- */
div#container-wrap{
     background-image: linear-gradient(to bottom, #010000, #201e1d);
     background-size: auto 130px;
}
 
div#header h1{
     background: url(https://hoah-lab.wdfiles.com/local--files/theme%3Aparawatch-pumpkin/parawatch-orange.png) no-repeat;
}
 
#top-bar li:hover ul,
#top-bar li.sfhover ul {
    border-bottom: 1px solid var(--fg-light);
}
 
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: hsl(25, 40%, 20%);
}
 
 #top-bar .open-menu a{
     color: var(--fg-dark);
     background-color: var(--bg-dark);
     border-color: var(--fg-dark);
}
 
/* -------------- SIDE-BAR -------------- */
div#side-bar .collapsible-block-unfolded-link,
div#side-bar .collapsible-block-unfolded-link .collapsible-block-link {
     color: var(--fg-dark-2);
}
 
#interwiki div.side-block {
     border-color: var(--fg-dark-2);
}
 
#interwiki div.side-block div.heading {
     color: var(--fg-dark-2);
     border-color: var(--fg-dark-2);
}
 
#interwiki div.menu-item img {
    filter: hue-rotate(8deg) brightness(4.5) saturate(200%);
}

版式
页面版本: 3, 最后编辑于: 26 May 2022 12:17
编辑 评分 (+9) 标签 讨论 (1) 历史记录 附件 打印 网站工具 + 选项
除非特别注明，本页内容采用以下授权方式： Creative Commons Attribution-ShareAlike 3.0 License