喜鹊猛袭 版式
Rating: +9


关于此版式

你好!这是喜鹊猛袭版式,由 Sinking_OtterSinking_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)


示例

magpieswoopslogo.png

喜鹊猛袭标志

水平线可通过输入5个连字符“- - - - -”创建。如果没有将其放置在任何元素内部(例如引用块),水平线就会横跨整个页面。本文档各页面之间用于分隔的线条就是水平线。1

这是一个你之前访问过的链接
你从未访问过这个链接,因为它不存在。

标题可以通过在行首放置一至六个加号“+”来创建。

+ 标题示例- 标题示例
标题1
标题2

标题3

标题4

标题5

标题6

+ 这是一个可折叠内容- 点击此处将其关闭

只有大约10%的澳大利亚喜鹊会进行俯冲攻击。但自然法则与宇宙法则决定了:它们总会出现在对你而言最不方便的地方。


Tab示例Tab示例长Tab示例一个名称很长很长的Tab示例空Tab空Tab空Tab空Tab空Tab空Tab

澳大利亚喜鹊能够听见地下的虫子。

这既诡异又酷。

这是一个表格
你应该知道如何制作
这些


这是一个引用块,在每一行的开头加上 "> " 即可创建。
我本来打算在这里再放一个关于澳大利亚喜鹊的冷知识,但我已经写不出来了。


这是一条水平线。你之前已经见过这种东西了,不过现在它位于引用块中。

这是一个嵌套在引用块中的引用块。

这是一个嵌套在引用块中的引用块,而这个引用块又嵌套在另一个引用块中。真是讲究。


版式字体

UI字体为更纱黑体UI

页眉字体为猫啃网故障黑

标题字体为爱典风雅黑

等宽字体为更纱黑体Mono


自定义div

+ 点击此处查看自定义div- 驱逐自定义div

你可以使用以下代码来使用这个div类:

  [[div class="editors-note"]]
在这里填写你的文字等内容
  [[/div]]

你可以使用以下代码来使用这个div类:

[[div class="discount"]]
在这里填写你的文字等内容
[[/div]]


版式代码

+ 展开代码- 隐藏代码
css
@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;

}

Footnotes
  1. 1.澳大利亚喜鹊能够模仿其他声音,包括其他动物的叫声,以及相机、汽车警报器等设备发出的声音。(顺便一提,脚注就是这个样子的。)
页面版本:⁨0⁩, 最后编辑于: ⁨2026/8/18 11:50:47⁩ (⁨⁨29⁩ 日前⁩), 现时评分: 9