观谬轻量版 版式
2021年4月1日
修订 9
评分
19
↑ 19
↓ 0
支持率
100%
总票数 19
Wilson 95% 下界
83.2%
在相同票数下更稳健的支持率估计
争议指数
0.000
评分趋势
按周聚合 加载图表中...
最近修订
1 / 4
最近投票
1 / 2
2025-06-13
2025-06-04
2025-03-07
2025-01-01
2024-09-03
2024-09-03
2022-08-11
2022-05-24
2022-05-24
2022-05-24
相关页面
暂无推荐
页面源码
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/theme%3Acreepypasta/1);
@import url(https://scp-wiki-cn.wdfiles.com/local--code/theme%3Aanon/1);
[[/module]]
[[include :scp-wiki-cn:component:interwiki-style
|priority=2
|type=sidebar
|theme=https://scp-wiki-cn.wdfiles.com/local--code/theme%3Aanon/1
]]
[[iftags +版式]]
[[>]]
**评分：**
[[module Rate]]
[[/>]]
[[>]]
**评分模块与著作信息模块：**
[[/>]]
[[include :scp-wiki-cn:credit:start]]
**观谬轻量版 版式**
**作者：**[[*user Lt Flops]]
**发布于 2021 年 03 月 29 日**
感谢 [[*user Croquembouche]] 和 [[*user stormbreath]] 的批准。
----
> **文件名：**gradient-anon.png
> **图像作者：**[[*user The Great Hippo]]
> **授权协议：**[https://creativecommons.org/licenses/by-sa/3.0/ Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)]
> **来源链接：***https://scp-wiki.wdfiles.com/local--files/theme%3Aanon/gradient-anon.png
> **备注：**由 [[*user Lt Flops]] 编辑。修改了渐变色调。
> **文件名：**parawatch-anon.png
> **图像作者：**[[*user The Great Hippo]]
> **授权协议：**[https://creativecommons.org/licenses/by-sa/3.0/ Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)]
> **来源链接：***https://scp-wiki.wdfiles.com/local--files/theme%3Aanon/parawatch-anon.png
> **备注：**由 [[*user Lt Flops]] 编辑。为标志重新上色。
> **文件名：**rook-anon.png
> **图像作者：**[[*user The Great Hippo]]
> **授权协议：**[https://creativecommons.org/licenses/by-sa/3.0/ Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)]
> **来源链接：***https://scp-wiki.wdfiles.com/local--files/theme%3Aanon/rook-anon.png
> **备注：**由 [[*user Lt Flops]] 编辑。为标志重新上色。
[[include :scp-wiki-cn:credit:end]]
[[div class="blockquote"]]
[[=]]
+* 这是什么？
[[/=]]
----
这是由 [[*user Lt Flops]] 制作的观谬轻量版版式。
这是 **[[[theme:creepypasta|Creepypasta 版式]]]**（由 [[*user The Great Hippo]] 制作）的变体版本。
[[/div]]
[[div class="blockquote"]]
[[=]]
+* 使用方法
[[/=]]
----
在你的作品开头添加如下语法以应用此版式：
[[div class="code"]]
@@[[include :scp-wiki-cn:theme:creepypasta]]@@
@@[[include :scp-wiki-cn:theme:anon]]@@
[[/div]]
[[span class="title"]]这个版式是干什么用的？[[/span]]
此版式为**[[[parawatch-hub|观谬维基]]]**论坛结构提供了一种不同的配色方案。
此版式适用于观谬维基作品。
[[span class="title"]][可选项][[/span]]
如果出于某种原因，你希望继续使用 Creepypasta 版式中的淡黄色调，请将以下内容复制到上述代码//之后//：
[[div class="code"]]
@@[[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]]@@
[[/div]]
技术上来说，你可以使用任何颜色来替换这些变量。由于此代码使用 HSL 颜色值而不是传统的十六进制或 RGB，你只需更改[[span class="ruby"]]色调[[span class="rt"]]hue[[/span]][[/span]] -- **但是请**保持[[span class="ruby"]]饱和度[[span class="rt"]]saturation[[/span]][[/span]]和[[span class="ruby"]]亮度[[span class="rt"]]lightness[[/span]][[/span]]不变。
就我个人而言，这违背了我对版式的设想。但是，有人要求我增加这个选项，所以我想我可以将之实现。
[[/div]]
[[div class="blockquote"]]
[[=]]
+* 示例
[[/=]]
[[/div]]
[[include component:image-block
|width=100px
|name=https://scp-wiki.wdfiles.com/local--files/theme%3Aanon/rook-anon.png
|caption=插图方块]]
+ 1 级标题
++ 2 级标题
+++ 3 级标题
++++ 4 级标题
+++++ 5 级标题
++++++ 6 级标题
**粗体** | //斜体// | __下划线__ | --删除线-- | {{teletype text}} ^^上标^^,,下标,,
@@ @@
可通过五个连字符“@@-----@@”创建水平分割线：
----
@@ @@
> 引用块
>> 嵌套引用块
||~ 这是 ||~ 表格 ||
||你应该老早 || 就知道怎么 ||
||||做这个了吧 ||
[[toc]]
[# 未访问的链接]（[[[theme:anon|已访问的链接]]]）
[[collapsible show="+ 一个折叠" hide="- 一个折叠"]]
某些东西隐藏在这个折叠块里
[[/collapsible]]
[[tabview]]
[[tab 标签 1]]
标签内容
[[/tab]]
[[tab 标签 2]]
标签内容
[[/tab]]
[[tab 标签 3]]
标签内容
[[/tab]]
[[tab 标签 4]]
标签内容
[[/tab]]
[[tab 标签 5]]
标签内容
[[/tab]]
[[/tabview]]
[[div class="blockquote"]]
[[=]]
+* 源代码
[[/=]]
[[/div]]
[[=]]
[[collapsible show="▷ 显示代码 ◁" hide="△ 隐藏代码 △"]]
[[/=]]
[[<]]
[[code type="css"]]
/* Parawatch "Anon" Theme
* [2021 Wikidot Theme]
* Created by Lt Flops
* Based on "Creepypasta Theme" by The Great Hippo and 4chan theme "Tomorrow"
**/
/* ---- COLOURS ---- */
:root{
--bg-light: hsl(0, 0%, 7%);
--bg: hsl(210, 6%, 12%);
--bg-dark: hsl(220, 7%, 17%);
--bg-light-2: hsl(0, 0%, 11%);
--fg-light: hsl(140, 3%, 83%);
--fg: hsl(140, 3%, 78%);
--fg-dark: hsl(207, 100%, 73%);
--fg-dark-2: hsl(207, 100%, 56%);
--fg-accent-light: hsl(207, 50%, 36.5%);
--fg-accent: hsl(207, 90%, 63%);
--fg-accent-dark: hsl(207, 32%, 52%);
--fg-accent-2: hsl(140, 3%, 83%);
--fg-accent-dark-2: hsl(207, 32%, 63%);
--vivid-lime-green: hsl(112, 77%, 48%);
}
/* ---- GENERAL ---- */
#page-content{
font-size: 15px;
}
a, body, span{
word-break: unset;
}
a:visited, a:hover{
color: var(--fg-accent-dark-2);
}
a.newpage{
color: hsl(237, 27%, 68%);
}
ins, del{
color: var(--bg-dark);
}
.meta-title{
color: var(--fg-light);
border-bottom-color: var(--fg-light);
}
#toc{
background-color: unset;
}
/* ---- SCROLLBAR ---- */
::-webkit-scrollbar-track{
background: var(--bg-dark);
}
::-webkit-scrollbar-thumb{
background: var(--fg-dark);
border: none;
}
::-webkit-scrollbar-thumb:hover{
background: var(--fg-dark-2);
}
textarea::-webkit-scrollbar-track{
background: var(--bg);
}
/* ---- HEADER ---- */
div#container-wrap{
background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aanon/gradient-anon.png);
}
div#header{
background-image: none;
}
div#header h1{
position: relative;
float: unset;
top: 40px;
max-height: 100%;
height: 100%;
margin: unset;
background: url(https://scp-wiki-cn.wdfiles.com/local--files/theme%3Aanon/parawatch-anon.png) no-repeat;
}
/* ---- SIDE-BAR ---- */
div#side-bar div.side-block{
background-color: var(--bg-dark) !important;
border-color: var(--fg-dark-2);
box-shadow: none;
}
div#side-bar div.side-block div.heading,
div#side-bar div.collapsible-block-unfolded-link,
div#side-bar div.collapsible-block-unfolded-link a.collapsible-block-link,
div#side-bar div.collapsible-block-unfolded-link a.collapsible-block-link:hover{
color: var(--fg-dark-2);
border-color: var(--fg-dark-2);
}
#side-bar div.menu-item > img{
filter: hue-rotate(62deg) invert(100%);
}
@media (max-width: 767px){
#side-bar{
background-color: var(--bg-dark);
}
}
/* ---- TOP-BAR ---- */
#top-bar a{
color: var(--fg-accent-dark);
}
#top-bar .open-menu a{
color: var(--fg-dark-2);
background-color: var(--bg-dark);
border-color: var(--fg-dark-2);
}
div.yui-navset div.yui-content{
background-color: var(--bg);
}
div.yui-navset ul.yui-nav a,
div.yui-navset div.yui-navset-top ul.yui-nav a{
color: var(--fg-accent);
background-color: var(--bg-dark);
border-color: var(--fg-light);
}
div.yui-navset ul.yui-nav a:hover,
div.yui-navset ul.yui-nav a:focus{
color: var(--fg-accent-light);
background-color: var(--bg-light);
}
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-color: var(--bg-light-2);
border-color: var(--fg-accent);
}
/* ---- INFO BAR ---- */
.info-container{
--linkColour: var(--fg);
--barColour: var(--bg-dark);
}
/* ---- INFO MODULE ---- */
#page-content .rate-box-with-credit-button .creditButton p a{
color: var(--fg);
}
#page-content .rate-box-with-credit-button .creditButton p a:hover,
#page-content .creditButtonStandalone p a:hover{
color: var(--vivid-lime-green);
}
#page-content .modalbox{
background: var(--bg);
box-shadow: none;
}
.close-credits,
.credit-back{
filter: hue-rotate(62deg) invert(100%) brightness(150%);
}
div#footer{
background: var(--bg-dark);
}
#license-area{
color: var(--fg);
}
/* ---- INTERWIKI ---- */
iframe.scpnet-interwiki-frame{
border-color: var(--fg-dark-2);
}
#interwiki body{
overflow: hidden;
}
#interwiki .side-block{
background-color: var(--bg-dark);
border-color: var(--fg-dark-2);
box-shadow: none;
}
#interwiki .menu-item img{
filter: hue-rotate(213deg) saturate(1.1364) brightness(2.7037);
}
#interwiki .menu-item a{
color: var(--fg-dark);
}
#interwiki .heading{
color: var(--fg-dark-2);
border-color: var(--fg-dark-2);
}
/* ---- RATING MODULE ---- */
.page-rate-widget-box,
.rate-box-with-credit-button{
box-shadow: none;
}
.page-rate-widget-box .rate-points,
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a,
.page-rate-widget-box .cancel a,
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover,
.page-rate-widget-box .cancel a:hover{
color: var(--fg);
}
/* ---- LICENSEBOX ---- */
.licensebox .collapsible-block-link{
color: var(--fg-accent-dark);
}
/* ---- FOOTNOTE HOVERS ---- */
.hovertip{
box-shadow: none;
}
/* ---- EDITING WINDOWS ---- */
.owindow{
border-color: var(--fg-dark-2);
}
.owindow,
.owindow h1,
.owindow h2,
.owindow h3,
.owindow h4,
.owindow h5,
.owindow h6{
color: var(--fg);
}
.owindow{
background-color: var(--bg-dark);
}
.owindow .title{
background-color: var(--bg);
}
.owindow a,
.owindow a:visited{
color: var(--fg-accent-dark);
}
.owindow .active{
color: var(--fg-dark-2);
}
.owindow .content.modal-body img{
background-color: var(--bg-dark) !important;
}
.owindow .button-bar a{
background-color: transparent;
border-color: var(--fg-dark-2);
}
.owindow .button-bar a:hover,
.owindow .button-bar a:focus{
background-color: transparent;
border-color: var(--fg-dark);
}
table.page-files .highlight{
background-color: var(--bg-light);
}
input.text,
input.text:focus,
input.text:hover{
color: var(--fg-light);
border-color: var(--fg);
}
.wd-editor-toolbar-panel {
filter: hue-rotate(62deg) invert(83%);
}
textarea{
color: var(--fg);
background-color: var(--bg-dark);
}
.change-textarea-size a{
color: var(--fg);
background-color: var(--bg-dark);
}
div#lock-info{
background-color: var(--bg);
}
/* ---- SELECTION ---- */
::selection{
background: hsl(207, 11%, 27%);
}
/* ---- PARAWATCH DIV BLOCK ---- */
div.parapost{
border-color: var(--bg-dark);
}
span.title{
color: var(--fg-dark-2);
font-size: 110%;
font-weight: bold;
cursor: pointer;
word-break: unset;
}
span.title span{
word-break: unset;
}
span.title:hover,
span.title:focus{
text-decoration: underline;
}
/* -------- MOBILE MEDIA QUERY -------- */
@media (max-width: 479px){
div#header h1{
background-position-y: .5em !important;
background-size: 75% !important;
}
}
/* -------- NOTE MEDIA QUERY -------- */
@media (min-width: 480px) and (max-width: 580px){
div#header h1{
background-position-y: 1em !important;
background-size: 60% !important;
}
}
/* -------- MINI TABLET MEDIA QUERY -------- */
@media (min-width: 581px) and (max-width: 767px){
div#header h1{
background-position-y: .25em !important;
background-size: 65% !important;
}
}
@media (max-width: 767px){
.open-menu a:hover{
box-shadow: none !important;
}
#top-bar .open-menu a{
background-color: var(--bg-dark);
border-width: .1em;
}
}
/* -------- TABLET MEDIA QUERY -------- */
@media (min-width: 768px) and (max-width: 979px){
div#header h1{
background-size: 75% !important;
}
}
/* ---- CODE SELECTORS [BACK-END] ---- */
.hl-identifier,
.hl-code,
.hl-brackets{
color: var(--fg);
}
.hl-var{
color: #21ff00;
}
.hl-special,
.hl-quotes{
color: #ffff00;
}
.hl-reserved{
color: #00b2ff;
}
.hl-number,
.hl-string{
color: #ff0020;
}
[[/code]]
[[/<]]
[[/collapsible]]
[[/iftags]]