更多
你知道吗?澳大利亚喜鹊终其一生都会栖息在同一片领地吗?
关于此版式
你好!这是喜鹊猛袭版式,由 Sinking_Otter制作,用于SCP宇宙中一本名为喜鹊猛袭的业余恐怖创作杂志/网站“撰写”的文章。这个版式的灵感来源于我小时候对万圣节的记忆。在澳大利亚长大意味着这里实际上并没有真正意义上的万圣节,除了每年十月前后,一些商店里会摆上几个塑料南瓜。因此,我大部分关于万圣节的经历,都来自网络游戏中的节日活动,以及图书馆里的恐怖题材书籍。这个主题的设计,便是受到我至今仍记得的那些经历所启发。
如何使用此版式
这个主题基于黑色标记笔制作。因此,如果你想使用此版式,请在你的页面中加入以下代码。可切换侧边栏为可选项。
[[include :scp-wiki-cn:theme:black-highlighter-theme]][[include :scp-wiki-cn:theme:magpie-swoops]][[include :scp-wiki:component:toggle-sidebar-bhl]]
版式配色
WikiJump include 未展开: 本地数据库中没有当前版本(:scp-wiki:component:theme-squares)
示例
水平线可通过输入5个连字符“- - - - -”创建。如果没有将其放置在任何元素内部(例如引用块),水平线就会横跨整个页面。本文档各页面之间用于分隔的线条就是水平线。
这是一个你之前访问过的链接
你从未访问过这个链接,因为它不存在。
标题可以通过在行首放置一至六个加号“+”来创建。
+ 标题示例
标题1
标题2
标题3
标题4
标题5
标题6
+ 这是一个可折叠内容
只有大约10%的澳大利亚喜鹊会进行俯冲攻击。但自然法则与宇宙法则决定了:它们总会出现在对你而言最不方便的地方。
澳大利亚喜鹊能够听见地下的虫子。
这既诡异又酷。
澳大利亚喜鹊能够辨认人脸。
这样一来,它们就知道该先俯冲攻击谁。
里面有很多很多很多文字的长Tab。
里面有很多很多很多文字的长Tab。
里面有很多很多很多文字的长Tab。
里面有很多很多很多文字的长Tab。
里面有很多很多很多文字的长Tab。
里面有很多很多很多文字的长Tab。
里面有很多很多很多文字的长Tab。
里面有很多很多很多文字的长Tab。
里面有很多很多很多文字的长Tab。
里面有很多很多很多文字的长Tab。
里面有很多很多很多文字的长Tab。
里面有很多很多很多文字的长Tab。
里面有很多很多很多文字的长Tab。
里面有很多很多很多文字的长Tab。
里面有很多很多很多文字的长Tab。
里面有很多很多很多文字的长Tab。
里面有很多很多很多文字的长Tab。
里面有很多很多很多文字的长Tab。
如果一只澳大利亚喜鹊真的、真的、真的非常喜欢你,它就会把自己的宝宝介绍给你。
然后让你替它照看孩子,自己跑去酒吧。
| 这是一个 | 表格 |
|---|---|
| 你应该知道 | 如何制作 |
| 这些 | |
这是一个引用块,在每一行的开头加上 "> " 即可创建。
我本来打算在这里再放一个关于澳大利亚喜鹊的冷知识,但我已经写不出来了。这是一条水平线。你之前已经见过这种东西了,不过现在它位于引用块中。
这是一个嵌套在引用块中的引用块。
这是一个嵌套在引用块中的引用块,而这个引用块又嵌套在另一个引用块中。真是讲究。
版式字体
UI字体为更纱黑体UI
页眉字体为猫啃网故障黑
标题字体为爱典风雅黑
等宽字体为更纱黑体Mono
自定义div
+ 点击此处查看自定义div
你可以使用以下代码来使用这个div类:
[[div class="editors-note"]]
在这里填写你的文字等内容
[[/div]]
你可以使用以下代码来使用这个div类:
[[div class="discount"]]
在这里填写你的文字等内容
[[/div]]
版式代码
+ 展开代码
@import url("https://fontsapi.zeoseven.com/354/main/result.css");
@import url("https://fontsapi.zeoseven.com/214/main/result.css");
@import url("https://fontsapi.zeoseven.com/159/main/result.css");
@import url("https://fontsapi.zeoseven.com/832/main/result.css");
:root:lang(cn) {
/* ===S-CSS-P INTEGRATION=== */
/* If you're making a new CSS theme, please include the following three variables at minimum. */
--theme-base: "black-highlighter";
/* must be either "black-highlighter" or "sigma9" */
--theme-id: "magpie-swoops";
/* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */
--theme-name: "Magpie Swoops Theme";
/* set this to your theme's full name */
/* ===HEADER ELEMENTS=== */
--logo-image: url(" https://scp-wiki.wikidot.com/local--files/theme:magpie-swoops/magpieswoopslogo.png");
--header-title: "喜鹊猛袭";
--header-subtitle: "帷幕之后的故事";
/* ===TYPEFACES=== */
--UI-font: "Sarasa UI SC", sans-serif;
--header-font: "Maoken Glitch Sans", system-ui;
--title-font: "Aidian FengYaHei", system-ui;
--mono-font: "Sarasa Mono SC", monospace;
/* ===THEME COLORS=== */
/* ===White and Greys=== */
--bone-white: 242, 242, 242;
--very-dark-bone-grey: 125, 125, 125;
/* ===Oranges=== */
--pumpkin-orange: 255, 103, 24;
--light-pumpkin-orange: 255, 145, 23;
--burnt-pumpkin-orange: 133, 69, 0;
/* ===Purples=== */
--dark-violent-violet: 70, 0, 89;
--violent-violet: 116, 28, 140;
--light-violent-violet: 166, 77, 191;
--shadow-violent-violet: 150, 33, 193;
/* ===Greens=== */
--slime-green: 144, 232, 38;
--light-slime-green: 37, 232, 83;
--dark-slime-green: 109, 176, 28;
/* ===Black=== */
--charcoal: 15, 15, 15;
/* ===STANDARD THEME COLORS SUBSTITUTES=== */
--white-monochrome: var(--bone-white);
--pale-gray-monochrome: var(--charcoal);
--light-pale-gray-monochrome: var(--pumpkin-orange);
--very-light-gray-monochrome: var(--light-pumpkin-orange);
--light-gray-monochrome: var(--light-pumpkin-orange);
--gray-monochrome: var(--pumpkin-orange);
--dark-gray-monochrome: var(--very-dark-bone-grey);
--black-monochrome: var(--dark-slime-green);
--pale-accent: var(--light-pumpkin-orange);
--bright-accent: var(--burnt-pumpkin-orange);
--medium-accent: var(--burnt-pumpkin-orange);
--dark-accent: var(--dark-slime-green);
--alt-accent: var(--light-slime-green);
/* ===GENERAL TEXT COLOUR === */
--swatch-text-general: var(--bone-white);
/* ===============================
======= SPECIFIC COLORS =======
===============================
/* Colors for Buttons, Tabs, Tables, Footnotes Hover/Modal, Etc. */
/* ===BACKGROUND GRADIENT=== */
/* ===GENERAL BACKGROUND=== */
/* Overall Page Background Color */
--swatch-background: var(--charcoal);
/* Gradient Color used for the --gradient-background var */
--background-gradient-color: var(--dark-violent-violet);
/* ===HEADER GRADIENT=== */
/* Colors forming the header gradient used in --gradient-header var */
--header-gradient-color-bottom: var(--dark-violent-violet);
--header-gradient-color-middle: var(--violent-violet);
--header-gradient-color-top: var(--light-violent-violet);
/* ===PRIMARY GRADIENTS=== */
--diagonal-stripes: unset;
/* ===TOPBAR GRADIENT=== */
/* Colors used in the --gradient-topmenu var to give the topbar its color */
--swatch-topmenu-bg-color: var(--charcoal);
--swatch-topmenu-border-color: var(--pumpkin-orange);
}
#header h2 {
top: 5px !important;
}
#header {
/* ===HEADER ELEMENTS=== */
/* ===HEADER TITLES=== */
/* Header H1 and H2 colors */
--swatch-headerh1-color: var(--slime-green);
/* ===LOGIN BOX ELEMENT=== */
--login-myaccount-underline-color: var(--slime-green);
--login-myaccount-hover-bg-color: var(--burnt-pumpkin-orange);
/* Dropdown Box when arrow is clicked */
--login-dropdown-bg-color: var(--charcoal);
--login-dropdown-bg-image: var(--charcoal);
--login-dropdown-bg-hover-color: var(--burnt-pumpkin-orange);
}
/* ===HEADER MARGIN/SHADOW=== */
#header h1 a {
margin-top: calc(var(--header-height-on-desktop)/2 - 1em);
}
div#header h1 a:before {
text-shadow: 2px 2px rgb(var(--shadow-violent-violet));
}
/* ===PAGE TITLE AND HEADER COLOUR CHANGE=== */
#page-title, h1,h2,h3,h4,h5,h6 {
color: rgb(var(--slime-green));
}
#top-bar {
/* ===TOPBAR ELEMENTS=== */
/* ===TOPBAR CATEGORIES=== */
--topmenu-category-color: var(--bone-white);
--topmenu-category-hover-color: var(--slime-green);
--topmenu-hover-border-color: var(--slime-green);
/* ===DROPDOWN MENU=== */
--dropdown-bg-color: var(--charcoal), 0.9;
--dropdown-border-color: var(--slime-green), 0.5;
--dropdown-links-color: var(--bone-white);
--dropdown-links-hover-color: var(--bone-white);
--dropdown-links-hover-bg-color: var(--dark-violent-violet);
}
#side-bar,
#interwiki {
/* ===SIDE-BAR ELEMENTS=== */
/* ===SIDE-BAR GENERAL=== */
--sidebar-bg-color: var(--charcoal);
--sidebar-resources-bg-color: var(--charcoal), 0.25;
--sidebar-media-bg-color: var(--bone-white), 0.25;
/* ===SIDEBLOCK MENU=== */
--sideblock-heading-text-color: var(--slime-green);
/* ===MENU-ITEMS=== */
--sidebar-links-text: var(--bone-white);
--sidebar-links-hover-bg-color: var(--burnt-pumpkin-orange);
}
/* ===FOOTER=== */
#footer {
--footer-bg-color: var(--burnt-pumpkin-orange);
--footer-link-hover-color: var(--pumpkin-orange);
}
#main-content {
/* ===MAIN CONTENT UI ELEMENTS */
/* ===UI ICONS=== */
/* ===PAGE OPTIONS ICONS=== */
--ui-icon-bg: var(--burnt-pumpkin-orange);
/* ===TEXT EDITOR ICONS=== */
--editor-icon-hover-color: var(--bone-white);
/* ===TABS=== */
--tabs-selected-bg: var(--dark-violent-violet);
--tabs-selected-outline: var(--pumpkin-orange);
--tabs-bottom-border-color: var(--pumpkin-orange);
--tabs-content-border-color: var(--pumpkin-orange);
/* ===TABLES=== */
--tables-header-bg: var(--dark-violent-violet);
/* ===FOOTNOTES/BIBLIOGRAPHY FOOTER=== */
--footnotes-footer-colorbar-color: var(--burnt-pumpkin-orange);
--footnotes-footer-title-bg-color: var(--burnt-pumpkin-orange);
/* ===TOC=== */
--toc-header-bg-color: var(--burnt-pumpkin-orange);
--toc-header-text-color: var(--bone-white);
--toc-header-text-hover-color: var(--slime-green);
--toc-body-bg-color: var(--charcoal);
--toc-directory-lines-color: var(--slime-green);
--toc-body-link-color: var(--slime-green);
/* ===PAGE TAGS=== */
--pagetags-title-bg: var(--pumpkin-orange);
}
/* ===MODALS=== */
:root:lang(cn) {
--modal-header-bg: var(--charcoal);
}
/* ===IMAGE BLOCK=== */
.scp-image-block {
box-shadow: none;
}
:is(div.image-block,div.scp-image-block) :is(.image-caption,.scp-image-caption) {
background-color: rgb(var(--burnt-pumpkin-orange));
}
/* SCROLLBAR COLOUR*/
html,
body {
scrollbar-color: rgb(var(--pumpkin-orange)) rgb(var(--dark-violent-violet));
}
/* SELECTION COLOUR*/
::selection {
background-color: rgb(var(--shadow-violent-violet));
}
/* ===CUSTOM DIVS=== */
.editors-note {
border: 3px ridge rgb(var(--slime-green));
padding: 1vh 1.5vw;
margin: 1vh 1vw;
box-shadow: 0.35vw 0.35vh rgb(var(--shadow-violent-violet));
}
.discount {
border: 7px dashed;
border-color: rgb(var(--slime-green)) rgb(var(--slime-green)) rgb(var(--shadow-violent-violet)) rgb(var(--shadow-violent-violet));
padding: 1vh 1.5vw;
margin: 5vh 0.5vw;
text-align: center;
}
1. 澳大利亚喜鹊能够模仿其他声音,包括其他动物的叫声,以及相机、汽车警报器等设备发出的声音。(顺便一提,脚注就是这个样子的。)







