🦌校长，你的邮箱又满了。🦌校长，你的邮箱又满了。
[[module css]]
.useCursor {
text-align: center;
}
.useCursor p {
display:inline-block;
}
.cursor {
position: relative;
width: 1px;
height: 12px;
background-color: gray;
animation-name: blink;
animation-duration: 800ms;
animation-iteration-count: infinite;
opacity: 1;
display:inline-block;
}
@keyframes blink {
from { opacity: 1; }
to { opacity: 0; }
}
[[/module]]
[[module CSS]]
.email {
background-image: url(https://scp-wiki.wdfiles.com/local--files/project-scarlet-dawn/01.png);
background-position: top 7.5px right 7.5px;
background-size: 70px;
background-repeat: no-repeat;
border: solid 3px #B30030;
padding: 1px 15px;
margin: auto;
margin-top: 10px;
margin-bottom: 10px;
width: 85%;
}
.pentagram {
background-image: url(https://scp-wiki.wdfiles.com/local--files/project-scarlet-dawn/ASASAS.png);
border-color: #0a0037;
--hyperlink: #404d7e;
--hyperlink-visited: #0a0037;
}
.email hr {
border: 0;
border-top: 2px solid #B30030;
margin: 1em;
padding: 0;
display: block;
height: 0;
}
.pentagram hr {
border-color: #0a0037;
}
table {
--border-colour: #B30030;
}
table.wiki-content-table th {
background-color: #d7003a;
color: #ffffff;
}
[[/module]]
[[module css]]
.mail-main .blockquote {
border: 1px solid black;
background: none;
margin: 2rem 0;
}
@media (max-width: 1024px) {
:is(.blockquote, blockquote) :is(.blockquote, blockquote) { padding-inline: 0.5rem;}
}
div.mail-file.not-bot { margin-bottom: 0.5rem; }
div.mail-file.not-top { margin-top: 0.5rem; }
div.light div.logo {
background-blend-mode: lighten;
}
div.dark div.logo {
background-blend-mode: darken;
}
table.xls {
margin-top: 2rem;
border: #e0e0e0 solid 1px;
border-collapse: collapse;
width: 100%;
font-family: '等线', 'Microsoft YaHei', '微软雅黑', sans-serif;
overflow-x: auto;
}
table.xls th, table.xls td {
border: #e0e0e0 solid 1px;
padding: 2px;
text-align: center;
}
table.xls th, table.xls tr td:first-of-type {
background-color: #f0f0f0;
font-weight: normal;
}
table.xls tr td:first-of-type {
width: 1.5em;
}
[[/module]]
[[>]]
[[module Rate]]
[[/>]]
[[=image https://scpsandboxcn.wdfiles.com/local--files/collab%3Awhy-icsut-is-so-popular/IMG_3486.png]]
[[div style="font-family: 'Zhi Mang Xing', sans-serif;"]]
[[=]]
{{INPUT:Benjamin Lund}}
{{教职工id 认 证 通 过}}
{{Loading……}}
[[/=]]
[[div class="useCursor"]]
{{正在访问小鹿邮箱}}
[[div class="cursor"]]
[[/div]]
[[/div]]
[[/div]]
@@@@
@@@@
[[div class="dark"]]
[[module css]]
div.mail-main a:link,
div.mail-main a:visited {
color: inherit;
text-decoration: currentcolor solid underline;
}
div.mail-main a:hover,
div.mail-main a:active {
background-color: #FFF;
color: #000;
text-decoration: #111 solid underline;
}
div.mail-main {
--icon-color: #5d9965;
--icon-letter: "S";
--letter-color: black;
display: flex;
flex-direction: column;
gap: 1em;
background-color: rgb(255, 255, 255);
color: black;
border: #000 solid;
border-width: 0.375rem 0.125rem;
margin: 2rem auto;
padding: 1em;
max-width: calc(var(--main-content-width) * 0.925);
}
div.mail-header {
display: flex;
justify-content: space-between;
gap: 1em;
}
div.mail-header div.mail-info {
display: grid;
grid-template-columns: 3rem 1fr;
grid-template-rows: 100%;
gap: 1ch;
align-items: center;
}
div.mail-header div.logo {
position: relative;
background-color: var(--icon-color);
background-image: var(--icon-image);
background-position: center;
background-repeat: no-repeat;
background-size: 2.5rem;
border-radius: 50%;
width: 3rem;
height: 3rem;
}
div.logo::after {
content: var(--icon-letter);
position: absolute;
color: var(--letter-color);
font-size: 140%;
font-weight: bold;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
div.mail-header div.mail-from-to {
display: flex;
flex-basis: auto;
flex-direction: column;
justify-content: end;
height: 100%;
}
div.mail-header div.mail-from-to > span {
line-height: 2;
}
#page-content div.mail-header div.mail-options {
display: flex;
flex-wrap: wrap;
justify-content: end;
align-items: center;
max-width: 10.5rem;
}
div.mail-header div.mail-options div.icon {
flex-grow: 1;
position: relative;
width: 2.625rem;
height: 2.25rem;
box-sizing: border-box;
transition: background-color 200ms linear;
}
div.mail-header div.mail-options div[data-icon="1"] {
--icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/replyicon.svg");
}
div.mail-header div.mail-options div[data-icon="2"] {
--icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/replyallicon.svg");
}
div.mail-header div.mail-options div[data-icon="3"] {
--icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/retransicon.svg");
}
div.mail-header div.mail-options div[data-icon="4"] {
--icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/moreicon.svg");
border-left: 0.05rem rgb(237, 237, 237) solid;
}
div.mail-header div.mail-options div.icon:hover {
background-color: rgb(239, 236, 213, 0.5);
}
div.mail-header div.mail-options div.icon::before {
content: "";
background-image: var(--icon);
background-position: center;
background-repeat: no-repeat;
background-size: 1.325rem;
position: absolute;
display: block;
width: 100%;
height: 100%;
inset: 0;
}
div.mail-header div.mail-options div.icon span {
position: absolute;
top: -3em;
left: -50%;
width: 200%;
opacity: 0;
pointer-events: none;
background-color: rgb(255, 255, 255);
box-shadow: 0 3px 3px 1px rgb(170, 170, 170, 50%);
padding: 0.75ch 0;
text-align: center;
transition: opacity 100ms linear 100ms;
}
div.mail-header div.mail-options div.icon:hover :where(span, span:hover) {
opacity: 1;
pointer-events: auto;
}
div.mail-header div.mail-options div.date {
font-size: 0.8em;
}
div.mail-content {
margin-inline: 3.25rem;
}
div.mail-main:has(div.mail-file) div.mail-content {
border-bottom: 0.1rem black solid;
}
div.mail-file {
margin: 1rem 3.25rem 2rem 3.25rem;
}
div.mail-file > a, div.mail-file a.collapsible-block-link {
margin-inline: 1ch;
}
div.mail-file > a::before, div.mail-file a.collapsible-block-link::before {
content: "";
display: inline-block;
background-image: var(--file-icon);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
margin-right: 1em;
width: 1em;
height: 1em;
transform: scale(2);
}
@media (max-width: 64rem) {
div.mail-content,
div.mail-file {
margin: 0;
}
}
@media (max-width: 35rem) {
div.mail-header {
flex-direction: column;
}
#page-content div.mail-header div.mail-options {
max-width: none;
}
div.mail-header div.mail-options div[data-icon] {
flex-grow: 0;
}
div.icon:not([data-icon="1"], [data-icon="4"]) {
display: none;
}
div.mail-header div.date {
order: -1;
flex-grow: 1;
}
}
[[/module]]
@@ @@
[!-- --
]
[[div class="mail-main"]]
[[div class="mail-header" style="--icon-color:#FFFFFF
; --icon-letter:"01
"; --icon-image:url("http://scpsandboxcn.wikidot.com/local--files/collab:pumpkin/deer_%E6%95%99%E5%AF%BC%E5%A4%B4%E5%83%8F
"); --letter-color:transparent
;"]]
[[div class="mail-info"]]
[[div class="logo"]]
[[/div]]
[[div_ class="mail-from-to"]]
[[span]]Bronx Kudrill：
<[# teachingaffair@deer.edu
]>[[/span]][[span]]收件人：[# principal@deer.edu
][[/span]]
[[/div]]
[[/div]]
[[div class="mail-options"]]
[[div_ class="icon" data-icon="1"]]
[[span]]答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="2"]]
[[span]]全部答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="3"]]
[[span]]转发[[/span]]
[[/div]]
[[div_ class="icon" data-icon="4"]]
[[span]]更多操作[[/span]]
[[/div]]
[[div_ class="date"]]
周四 2025/01/23 18:21
[[/div]]
[[/div]]
[[/div]]
[[div class="mail-content"]]
[!--
--]
[!-- {$footer}]
[[/div]]
[[div_ class="mail-file" style="--file-icon: url("{$file-icon}");"]]
[{$link} {$link-name}]@@ @@##aaaaaa|{$file-size}##
[[/div]]
[[/div]]
[!{$footer} --]
[!-- {$pure-footer}]
[[/div]]
[[/div]]
[!{$pure-footer} --]
[[iftags +组件]]
[[module css]]
@import url("https://scp-wiki-cn.wikidot.com/fragment:parallel/code/1");
:root{
--basalt-bright-element-color: 93, 153, 101;
--basalt-dark-element-color: 57, 117, 67;
--basalt-darker-element-color: 0, 52, 16;
}
#page-content hr {
background-color: rgb(var(--basalt-main-text-color)) !important;
}
h1, h2, h3, h4, h5, h6 {
text-align: center;
margin-top: 1em;
margin-bottom: 1em;
}
li:not(:first-child) {margin-top: 0.75em;}
ul, ol {padding-left: 10px;}
/* icon list from acs component */
.icons {
display: grid;
-ms-grid-columns: calc((100% / 5) - 0.25rem) 0.25rem calc((100% / 5) - 0.25rem) 0.25rem calc((100% / 5) - 0.25rem) 0.25rem calc((100% / 5) - 0.25rem) 0.25rem calc((100% / 5) - 0.25rem);
grid-template-columns: repeat(5, calc((100% / 5) - 0.25rem));
grid-gap: 0.25rem;
}
@media (max-width: 500px) {
.icons {
grid-template-columns: repeat(3, calc((100% / 3) - 0.25rem));
}
}
.icon_image {
border: 0.25rem solid black;
overflow: hidden;
position: relative;
aspect-ratio: 1 / 1;
}
.icon_image > img {
position: absolute;
max-width: 70%;
max-height: 70%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.icon_name {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
text-transform: uppercase;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
font-weight: bold;
}
span.anno {
color: #888888;
user-select: none;
}
span.anno::before {
content: "/* ";
}
span.anno::after {
content: " */";
}
#u-component-top-box {
margin-top: 20px !important;
}
[[/module]]
[[>]]
[[module rate]]
[[/>]]
+ 信息
这是一个模仿基金会内部邮件系统的内容组件，设计风格受启发自微软的[https://outlook.live.com/mail/0/ Outlook邮箱]。该组件由[[[SCP-CN-3919]]]的第一迭代衍生而来，在原文中作为第二迭代的.docx文档的引入文段使用。
+ 组件设置
你可以使用如下代码以在文中引用此组件：
[[div class="code blockquote"]]
@@[[include :scp-wiki-cn:component:skiplook-mailbox@@
|header = @@--@@
|icon-color = #5d9965 [[span class="anno"]]**必填**，决定发件人图标的背景色。[[/span]]
|icon-image = https://… [[span class="anno"]]填写图片链接，如果没有独特的发件人图标则可不填。若填写此项，则**letter-color**一项应填入**transparent**。[[/span]]
|icon-letter = 53 [[span class="anno"]]没有独特发件人图标时显示的占位字符。可以填入多个字符，但考虑到美观问题，建议字符数不超过2。[[/span]]
|letter-color = #000000 [[span class="anno"]]**必填**，决定占位字符的前景色。[[/span]]
|sender = Site-CN-53 [[span class="anno"]]**必填**，发件人名称。[[/span]]
|sender-mail = monotropauniflora@skipnet.org [[span class="anno"]]**必填**，发件人邮箱。[[/span]]
|reciever-mail = purifiedsilica@skipnet.org [[span class="anno"]]**必填**，收件人邮箱。[[/span]]
|date = 周四 2024/12/5 14:32 [[span class="anno"]]**必填**，发件日期。[[/span]]
]]
**邮件正文内容**
@@[[include :scp-wiki-cn:component:skiplook-mailbox@@
|footer = @@--@@
|link = https://… [[span class="anno"]]**必填**，点击附件链接时跳转到的页面。如果无需跳转则填入"#"。[[/span]]
|link-name = SCP-CN-3919.ftml [[span class="anno"]]**必填**，附件文件名。[[/span]]
|file-size = 3.21KB [[span class="anno"]]**必填**，附件大小。[[/span]]
|file-icon = https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/ftml.svg [[span class="anno"]]**必填**，附件图标链接。有关图标的信息请参考后续章节。[[/span]]
]]
[[/div]]
如果无需附件部分，则可将正文内容之后的部分更换为：
[[div class="code blockquote"]]
@@[[include :scp-wiki-cn:component:skiplook-mailbox@@
|pure-footer = @@--@@
]]
[[/div]]
该组件的视觉效果如下。请注意：本组件在Sigma-9等网站默认版式下同样拥有相似的视觉效果，但在基于[[[theme:parallel|平行]]]的版式下应用效果最佳。
++ 有附件
[[div class="mail-main"]]
[[div class="mail-header" style="--icon-color:#5d9965; --icon-letter:"53"; --icon-image:url(""); --letter-color:#000000;"]]
[[div class="mail-info"]]
[[div class="logo"]]
[[/div]]
[[div_ class="mail-from-to"]]
[[span]]Site-CN-53<[# monotropauniflora@skipnet.org]>[[/span]][[span]]收件人：[# purifiedsilica@skipnet.org][[/span]]
[[/div]]
[[/div]]
[[div class="mail-options"]]
[[div_ class="icon" data-icon="1"]]
[[span]]答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="2"]]
[[span]]全部答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="3"]]
[[span]]转发[[/span]]
[[/div]]
[[div_ class="icon" data-icon="4"]]
[[span]]更多操作[[/span]]
[[/div]]
[[div_ class="date"]]
周四 2024/12/5 14:32
[[/div]]
[[/div]]
[[/div]]
[[div class="mail-content"]]
**这里是正文内容。**
[[/div]]
[[div_ class="mail-file" style="--file-icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/ftml.svg");"]]
[https://scp-wiki-cn.wikidot.com/scp-cn-3919 SCP-CN-3919.ftml]@@ @@##aaaaaa|3.21KB##
[[/div]]
[[/div]]
++ 无附件
[[div class="mail-main"]]
[[div class="mail-header" style="--icon-color:#5d9965; --icon-letter:"53"; --icon-image:url("https://scpsandboxcn.wdfiles.com/local--files/sharia-vanilla-others/site-cn-53.png"); --letter-color:transparent;"]]
[[div class="mail-info"]]
[[div class="logo"]]
[[/div]]
[[div_ class="mail-from-to"]]
[[span]]Site-CN-53<[# monotropauniflora@skipnet.org]>[[/span]][[span]]收件人：[# purifiedsilica@skipnet.org][[/span]]
[[/div]]
[[/div]]
[[div class="mail-options"]]
[[div_ class="icon" data-icon="1"]]
[[span]]答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="2"]]
[[span]]全部答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="3"]]
[[span]]转发[[/span]]
[[/div]]
[[div_ class="icon" data-icon="4"]]
[[span]]更多操作[[/span]]
[[/div]]
[[div_ class="date"]]
周四 2024/12/5 14:32
[[/div]]
[[/div]]
[[/div]]
[[div class="mail-content"]]
**这里是正文内容。**
[[/div]]
[[/div]]
+ 预设附件图标
本组件为常用的数种文件格式预设了可用的附件图标。当然，如果你有需要的话，也可以在附件图标处传入自己的图片，或是将下面的这些图标用在其它文章中。
下述图标引用链接均为：
[[div class="blockquote code"]]
@@https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/@@**图标下方英文文本**@@.svg@@
[[/div]]
[[div_ class="blockquote icons" style="background-color: #ffffff;"]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/doc.svg]]
[[/div]]
[[div_ class="icon_name"]]
DOC
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/xls.svg]]
[[/div]]
[[div_ class="icon_name"]]
XLS
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/ppt.svg]]
[[/div]]
[[div_ class="icon_name"]]
PPT
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/pdf.svg]]
[[/div]]
[[div_ class="icon_name"]]
PDF
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/png.svg]]
[[/div]]
[[div_ class="icon_name"]]
PNG
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/exe.svg]]
[[/div]]
[[div_ class="icon_name"]]
EXE
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/rar.svg]]
[[/div]]
[[div_ class="icon_name"]]
RAR
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/mp4.svg]]
[[/div]]
[[div_ class="icon_name"]]
MP4
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/ftml.svg]]
[[/div]]
[[div_ class="icon_name"]]
FTML[[footnote]] Foundation Text Markup Language（基金会文本标记语言）的简写。 [[/footnote]]
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/default.svg]]
[[/div]]
[[div_ class="icon_name"]]
默认(default)
[[/div]]
[[/div]]
[[/div]]
@@ @@
[[=]]
[[collapsible show="[+] 图像版权信息" hide="[-] 隐藏"]]
[[div class="blockquote"]]
**文件名：**全部svg素材
**图像作者：**[[*user Sharia Vanilla]]
**授权协议：**CC BY-SA 3.0
[[/div]]
[[/collapsible]]
[[/=]]
[[/iftags]]
教导处办公室
Bronx Kudrill，教导主任
------
++++ 提交事项：
1.周一世界树生态实践课上的医疗报告
2.长青公墓已无法作为大四塑灵专业结业考试地点
3.拟排查将大功率炼金瓮带出工房的问题
**1.周一世界树生态实践课上的医疗报告**
周一下午Vanessa教授的世界树生态实践课上，一名名叫Miranda Strosin的大二学生陷入了昏厥。这位青春期的男生不得不被送到挪威的世界超卫医院，经过两天检查才查出病因。他目前正在留院观察，他的家人也已赶到了奥斯陆的世界超卫医院，所幸目前没有生命危险。
这个男孩的医疗报告今天交到了学院，Miranda的病因不是恐高也不是过敏，而是理智溶解综合症——他受到了古神污染。原因仅仅是因为他是一名德鲁伊。他刚刚厌倦了和食堂里的一个橘子谈恋爱，于是想在实践课的时候结识一位新欢，结果在准备自然交流时攀上了屹立亿年的尤克特拉希尔。
鉴于他目前已经没有了生命危险，我自作主张地把这件事划成了教学事项。下个学期的实践课就在3月，我希望不管是白水的建木残冠还是东海的扶桑树，这两棵中国世界树都不会成为又一个德鲁伊学生的心动对象。
我们真得做好课前神秘学血脉登记了。
**2.长青公墓已无法作为大四塑灵专业结业考试地点**
Steven Sili于本周二正式被UIU带走调查了，预计2月初将开庭审理，需要校董会和法务部代表出席作证。这项违纪违法事件终于可以暂时从学院手中移交出去了。
但是大四塑灵专业结业考试恐怕必须选择一个新地址了。经过UIU技术人员的鉴定，Steven Sili对长青公墓的污染与亵渎是不可逆的，很遗憾那些可敬可爱的灵魂已经消逝了，以后长青公墓所有的尸体都将是Steven Sili。
大四学期的塑灵专业主攻死灵法术，结业考试也是经典的“阴阳交响乐”，吸引长青公墓至少三百名亡灵参与至音乐会之中。这些沉眠的灵魂一直充当着可敬的考官角色。谁能想到时至今日会有学生为了通过考试，用欲肉禁术把所有的尸体都变成自己，以达到死灵术只能招魂来自己的目的？
愿这些灵魂安息。
**3.拟排查将大功率炼金瓮带出工房的问题**
临近Ryza教授的炼金术课程尾声，课程设计作业的难题又一次摆在了同学们的面前。已经有十一名同学提交了书面申请，希望将实验室的炼金瓮带到自习室与宿舍进行加班加点赶制，而根据两名检视松鼠的报告，已经有超过20人将小型炼金瓮偷偷带出工房了。
每年这个时候，宿舍里私自架设的炼金瓮都会给老旧的电线带来不小的压力，进而产生火灾隐患，而今年的情况又和往年有所不同。24年5月份安德森机器人公司被关停，致使我们失去了电气线路的维护公司，截止目前整个宿舍所有线路已经大半年未检修保养了。一旦同时使用的炼金瓮过多或功率过大，电气线路出现故障损毁，整个宿舍恐怕将面临长期停电的情况。
有必要立即开展这类大功率用电器的排查与收缴。我一直认为这种随意将重要且存在安全隐患的设备带出指定使用区域是违规行为，但校长您一直认为我们应当激发学生的求索心理，对私自使用炼金瓮的行为睁一只眼闭一只眼，我也没有多说什么。但现在我们已经失去了容错的余地，因此我提议组织教导处、宿管处和保卫处进行一次宿舍排查。
不能因为这些同学的私心与拖拉去违背安全规定，更不能影响其他正常生活的同学。
------
校长，Lund先生，虽然我完全可以挑一个下午茶或者晚饭时间来找您，陪您在落地窗前的吊篮椅上聊聊，但我想，我还是应该把一些一直想说的话写在这里，以期显得更加正式。
作为一名校长，您在学生的眼里十分地平易近人、广受欢迎。在同学们口中你是“一位老学长”，能够自作主张把OneRepublic和PapaRoach喊上校庆开演唱会[[size 70%]]（还让这些乐队完全没意识到帷幕世界的存在）[[/size]]。你也是学校滑轮德比与美式魁地奇[[size 70%]]（不是英式的那种，虽然你也很厉害，但学院里没有那种玩意）[[/size]]年纪最大的选手，是历任校长中社交账号最多、粉丝量最多、好评量最多的人。你真的、真的做到了“学生最喜欢的校长”。
但我想说的是，这一切的前提是“校长”，您首先需要是那个管理学校、管教学生的身份，其次才能是与学生们其乐融融、打成一片的“最喜欢的校长”。长期以来，您都对学生们的种种行为有着超乎界限的纵容，即使是有两队学生在食堂大战您也只是说“他们现在还是孩子”。但我们的教育工作需要开展，学生们成才需要我们这些教师与引路人的规劝，整个学院和谐与稳定也需要规矩得到维持。
那些怀揣着理想的小鹿们踏入我们学校，希望度过一段难忘的青春之旅，希望获取充盈头脑的知识，那么我们便以我们的辛劳去给予他们，去帮助他们实现他们的梦想，而不是把这里变成一座迪士尼乐园。诚然，青春需要一些胡闹与例外，但人生不止有这些，我们身为教师，总归不能去溺爱这些可爱的小鹿。
Lund先生，我希望您能够更加严厉一些，做出您权威的样子，教导学生们何为底线、何为集体、何为美德、何为规则、何为常规。我相信在未来，那些小鹿们会因此而感激您的。
[[/div]]
[[div_ class="mail-file not-bot" style="--file-icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/png.svg");"]]
[[collapsible show="邮箱图片2025276736(1).png" hide="邮箱图片2025276736(1).png"]]
[[=image https://scpsandboxcn.wdfiles.com/local--files/collab:pumpkin/deer_%E6%B0%B4%E6%9E%9C]]
**备注：**据称是Miranda的前女友，其家人认为他的意外与分手有关。唉，德鲁伊。
[[/collapsible]]
[[/div]]
[[div_ class="mail-file" style="--file-icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/png.svg");"]]
[[collapsible show="邮箱图片2025276737(1).png" hide="邮箱图片2025276737(1).png"]]
[[=image https://scpsandboxcn.wdfiles.com/local--files/collab:pumpkin/deer_%E7%82%BC%E9%87%91%E6%9C%AF]]
**备注：**这种炼金瓮也需要检查，虽然它不是大功率设备，但是天啊，鬼知道我有多久没见过烧木炭和纯以太的炼金瓮了，这是哪来的？
[[/collapsible]]
[[/div]]
[[/div]]
[[/div]]
[[div class="light"]]
[[module css]]
div.mail-main a:link,
div.mail-main a:visited {
color: inherit;
text-decoration: currentcolor solid underline;
}
div.mail-main a:hover,
div.mail-main a:active {
background-color: #FFF;
color: #000;
text-decoration: #111 solid underline;
}
div.mail-main {
--icon-color: #5d9965;
--icon-letter: "S";
--letter-color: black;
display: flex;
flex-direction: column;
gap: 1em;
background-color: rgb(255, 255, 255);
color: black;
border: #000 solid;
border-width: 0.375rem 0.125rem;
margin: 2rem auto;
padding: 1em;
max-width: calc(var(--main-content-width) * 0.925);
}
div.mail-header {
display: flex;
justify-content: space-between;
gap: 1em;
}
div.mail-header div.mail-info {
display: grid;
grid-template-columns: 3rem 1fr;
grid-template-rows: 100%;
gap: 1ch;
align-items: center;
}
div.mail-header div.logo {
position: relative;
background-color: var(--icon-color);
background-image: var(--icon-image);
background-position: center;
background-repeat: no-repeat;
background-size: 2.5rem;
border-radius: 50%;
width: 3rem;
height: 3rem;
}
div.logo::after {
content: var(--icon-letter);
position: absolute;
color: var(--letter-color);
font-size: 140%;
font-weight: bold;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
div.mail-header div.mail-from-to {
display: flex;
flex-basis: auto;
flex-direction: column;
justify-content: end;
height: 100%;
}
div.mail-header div.mail-from-to > span {
line-height: 2;
}
#page-content div.mail-header div.mail-options {
display: flex;
flex-wrap: wrap;
justify-content: end;
align-items: center;
max-width: 10.5rem;
}
div.mail-header div.mail-options div.icon {
flex-grow: 1;
position: relative;
width: 2.625rem;
height: 2.25rem;
box-sizing: border-box;
transition: background-color 200ms linear;
}
div.mail-header div.mail-options div[data-icon="1"] {
--icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/replyicon.svg");
}
div.mail-header div.mail-options div[data-icon="2"] {
--icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/replyallicon.svg");
}
div.mail-header div.mail-options div[data-icon="3"] {
--icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/retransicon.svg");
}
div.mail-header div.mail-options div[data-icon="4"] {
--icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/moreicon.svg");
border-left: 0.05rem rgb(237, 237, 237) solid;
}
div.mail-header div.mail-options div.icon:hover {
background-color: rgb(239, 236, 213, 0.5);
}
div.mail-header div.mail-options div.icon::before {
content: "";
background-image: var(--icon);
background-position: center;
background-repeat: no-repeat;
background-size: 1.325rem;
position: absolute;
display: block;
width: 100%;
height: 100%;
inset: 0;
}
div.mail-header div.mail-options div.icon span {
position: absolute;
top: -3em;
left: -50%;
width: 200%;
opacity: 0;
pointer-events: none;
background-color: rgb(255, 255, 255);
box-shadow: 0 3px 3px 1px rgb(170, 170, 170, 50%);
padding: 0.75ch 0;
text-align: center;
transition: opacity 100ms linear 100ms;
}
div.mail-header div.mail-options div.icon:hover :where(span, span:hover) {
opacity: 1;
pointer-events: auto;
}
div.mail-header div.mail-options div.date {
font-size: 0.8em;
}
div.mail-content {
margin-inline: 3.25rem;
}
div.mail-main:has(div.mail-file) div.mail-content {
border-bottom: 0.1rem black solid;
}
div.mail-file {
margin: 1rem 3.25rem 2rem 3.25rem;
}
div.mail-file > a, div.mail-file a.collapsible-block-link {
margin-inline: 1ch;
}
div.mail-file > a::before, div.mail-file a.collapsible-block-link::before {
content: "";
display: inline-block;
background-image: var(--file-icon);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
margin-right: 1em;
width: 1em;
height: 1em;
transform: scale(2);
}
@media (max-width: 64rem) {
div.mail-content,
div.mail-file {
margin: 0;
}
}
@media (max-width: 35rem) {
div.mail-header {
flex-direction: column;
}
#page-content div.mail-header div.mail-options {
max-width: none;
}
div.mail-header div.mail-options div[data-icon] {
flex-grow: 0;
}
div.icon:not([data-icon="1"], [data-icon="4"]) {
display: none;
}
div.mail-header div.date {
order: -1;
flex-grow: 1;
}
}
[[/module]]
@@ @@
[!-- --
]
[[div class="mail-main"]]
[[div class="mail-header" style="--icon-color:#808080
; --icon-letter:"01
"; --icon-image:url("https://scpsandboxcn.wdfiles.com/local--files/collab%3Apumpkin/deer_%E4%BA%BA%E4%BA%8Blogo
"); --letter-color:transparent
;"]]
[[div class="mail-info"]]
[[div class="logo"]]
[[/div]]
[[div_ class="mail-from-to"]]
[[span]]Lycora Pattalia：
<[# administration@deer.edu
]>[[/span]][[span]]收件人：[# principal@deer.edu
][[/span]]
[[/div]]
[[/div]]
[[div class="mail-options"]]
[[div_ class="icon" data-icon="1"]]
[[span]]答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="2"]]
[[span]]全部答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="3"]]
[[span]]转发[[/span]]
[[/div]]
[[div_ class="icon" data-icon="4"]]
[[span]]更多操作[[/span]]
[[/div]]
[[div_ class="date"]]
周五 2025/01/24 08:42
[[/div]]
[[/div]]
[[/div]]
[[div class="mail-content"]]
[!--
--]
[!-- {$footer}]
[[/div]]
[[div_ class="mail-file" style="--file-icon: url("{$file-icon}");"]]
[{$link} {$link-name}]@@ @@##aaaaaa|{$file-size}##
[[/div]]
[[/div]]
[!{$footer} --]
[!-- {$pure-footer}]
[[/div]]
[[/div]]
[!{$pure-footer} --]
[[iftags +组件]]
[[module css]]
@import url("https://scp-wiki-cn.wikidot.com/fragment:parallel/code/1");
:root{
--basalt-bright-element-color: 93, 153, 101;
--basalt-dark-element-color: 57, 117, 67;
--basalt-darker-element-color: 0, 52, 16;
}
#page-content hr {
background-color: rgb(var(--basalt-main-text-color)) !important;
}
h1, h2, h3, h4, h5, h6 {
text-align: center;
margin-top: 1em;
margin-bottom: 1em;
}
li:not(:first-child) {margin-top: 0.75em;}
ul, ol {padding-left: 10px;}
/* icon list from acs component */
.icons {
display: grid;
-ms-grid-columns: calc((100% / 5) - 0.25rem) 0.25rem calc((100% / 5) - 0.25rem) 0.25rem calc((100% / 5) - 0.25rem) 0.25rem calc((100% / 5) - 0.25rem) 0.25rem calc((100% / 5) - 0.25rem);
grid-template-columns: repeat(5, calc((100% / 5) - 0.25rem));
grid-gap: 0.25rem;
}
@media (max-width: 500px) {
.icons {
grid-template-columns: repeat(3, calc((100% / 3) - 0.25rem));
}
}
.icon_image {
border: 0.25rem solid black;
overflow: hidden;
position: relative;
aspect-ratio: 1 / 1;
}
.icon_image > img {
position: absolute;
max-width: 70%;
max-height: 70%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.icon_name {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
text-transform: uppercase;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
font-weight: bold;
}
span.anno {
color: #888888;
user-select: none;
}
span.anno::before {
content: "/* ";
}
span.anno::after {
content: " */";
}
#u-component-top-box {
margin-top: 20px !important;
}
[[/module]]
[[>]]
[[module rate]]
[[/>]]
+ 信息
这是一个模仿基金会内部邮件系统的内容组件，设计风格受启发自微软的[https://outlook.live.com/mail/0/ Outlook邮箱]。该组件由[[[SCP-CN-3919]]]的第一迭代衍生而来，在原文中作为第二迭代的.docx文档的引入文段使用。
+ 组件设置
你可以使用如下代码以在文中引用此组件：
[[div class="code blockquote"]]
@@[[include :scp-wiki-cn:component:skiplook-mailbox@@
|header = @@--@@
|icon-color = #5d9965 [[span class="anno"]]**必填**，决定发件人图标的背景色。[[/span]]
|icon-image = https://… [[span class="anno"]]填写图片链接，如果没有独特的发件人图标则可不填。若填写此项，则**letter-color**一项应填入**transparent**。[[/span]]
|icon-letter = 53 [[span class="anno"]]没有独特发件人图标时显示的占位字符。可以填入多个字符，但考虑到美观问题，建议字符数不超过2。[[/span]]
|letter-color = #000000 [[span class="anno"]]**必填**，决定占位字符的前景色。[[/span]]
|sender = Site-CN-53 [[span class="anno"]]**必填**，发件人名称。[[/span]]
|sender-mail = monotropauniflora@skipnet.org [[span class="anno"]]**必填**，发件人邮箱。[[/span]]
|reciever-mail = purifiedsilica@skipnet.org [[span class="anno"]]**必填**，收件人邮箱。[[/span]]
|date = 周四 2024/12/5 14:32 [[span class="anno"]]**必填**，发件日期。[[/span]]
]]
**邮件正文内容**
@@[[include :scp-wiki-cn:component:skiplook-mailbox@@
|footer = @@--@@
|link = https://… [[span class="anno"]]**必填**，点击附件链接时跳转到的页面。如果无需跳转则填入"#"。[[/span]]
|link-name = SCP-CN-3919.ftml [[span class="anno"]]**必填**，附件文件名。[[/span]]
|file-size = 3.21KB [[span class="anno"]]**必填**，附件大小。[[/span]]
|file-icon = https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/ftml.svg [[span class="anno"]]**必填**，附件图标链接。有关图标的信息请参考后续章节。[[/span]]
]]
[[/div]]
如果无需附件部分，则可将正文内容之后的部分更换为：
[[div class="code blockquote"]]
@@[[include :scp-wiki-cn:component:skiplook-mailbox@@
|pure-footer = @@--@@
]]
[[/div]]
该组件的视觉效果如下。请注意：本组件在Sigma-9等网站默认版式下同样拥有相似的视觉效果，但在基于[[[theme:parallel|平行]]]的版式下应用效果最佳。
++ 有附件
[[div class="mail-main"]]
[[div class="mail-header" style="--icon-color:#5d9965; --icon-letter:"53"; --icon-image:url(""); --letter-color:#000000;"]]
[[div class="mail-info"]]
[[div class="logo"]]
[[/div]]
[[div_ class="mail-from-to"]]
[[span]]Site-CN-53<[# monotropauniflora@skipnet.org]>[[/span]][[span]]收件人：[# purifiedsilica@skipnet.org][[/span]]
[[/div]]
[[/div]]
[[div class="mail-options"]]
[[div_ class="icon" data-icon="1"]]
[[span]]答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="2"]]
[[span]]全部答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="3"]]
[[span]]转发[[/span]]
[[/div]]
[[div_ class="icon" data-icon="4"]]
[[span]]更多操作[[/span]]
[[/div]]
[[div_ class="date"]]
周四 2024/12/5 14:32
[[/div]]
[[/div]]
[[/div]]
[[div class="mail-content"]]
**这里是正文内容。**
[[/div]]
[[div_ class="mail-file" style="--file-icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/ftml.svg");"]]
[https://scp-wiki-cn.wikidot.com/scp-cn-3919 SCP-CN-3919.ftml]@@ @@##aaaaaa|3.21KB##
[[/div]]
[[/div]]
++ 无附件
[[div class="mail-main"]]
[[div class="mail-header" style="--icon-color:#5d9965; --icon-letter:"53"; --icon-image:url("https://scpsandboxcn.wdfiles.com/local--files/sharia-vanilla-others/site-cn-53.png"); --letter-color:transparent;"]]
[[div class="mail-info"]]
[[div class="logo"]]
[[/div]]
[[div_ class="mail-from-to"]]
[[span]]Site-CN-53<[# monotropauniflora@skipnet.org]>[[/span]][[span]]收件人：[# purifiedsilica@skipnet.org][[/span]]
[[/div]]
[[/div]]
[[div class="mail-options"]]
[[div_ class="icon" data-icon="1"]]
[[span]]答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="2"]]
[[span]]全部答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="3"]]
[[span]]转发[[/span]]
[[/div]]
[[div_ class="icon" data-icon="4"]]
[[span]]更多操作[[/span]]
[[/div]]
[[div_ class="date"]]
周四 2024/12/5 14:32
[[/div]]
[[/div]]
[[/div]]
[[div class="mail-content"]]
**这里是正文内容。**
[[/div]]
[[/div]]
+ 预设附件图标
本组件为常用的数种文件格式预设了可用的附件图标。当然，如果你有需要的话，也可以在附件图标处传入自己的图片，或是将下面的这些图标用在其它文章中。
下述图标引用链接均为：
[[div class="blockquote code"]]
@@https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/@@**图标下方英文文本**@@.svg@@
[[/div]]
[[div_ class="blockquote icons" style="background-color: #ffffff;"]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/doc.svg]]
[[/div]]
[[div_ class="icon_name"]]
DOC
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/xls.svg]]
[[/div]]
[[div_ class="icon_name"]]
XLS
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/ppt.svg]]
[[/div]]
[[div_ class="icon_name"]]
PPT
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/pdf.svg]]
[[/div]]
[[div_ class="icon_name"]]
PDF
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/png.svg]]
[[/div]]
[[div_ class="icon_name"]]
PNG
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/exe.svg]]
[[/div]]
[[div_ class="icon_name"]]
EXE
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/rar.svg]]
[[/div]]
[[div_ class="icon_name"]]
RAR
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/mp4.svg]]
[[/div]]
[[div_ class="icon_name"]]
MP4
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/ftml.svg]]
[[/div]]
[[div_ class="icon_name"]]
FTML[[footnote]] Foundation Text Markup Language（基金会文本标记语言）的简写。 [[/footnote]]
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/default.svg]]
[[/div]]
[[div_ class="icon_name"]]
默认(default)
[[/div]]
[[/div]]
[[/div]]
@@ @@
[[=]]
[[collapsible show="[+] 图像版权信息" hide="[-] 隐藏"]]
[[div class="blockquote"]]
**文件名：**全部svg素材
**图像作者：**[[*user Sharia Vanilla]]
**授权协议：**CC BY-SA 3.0
[[/div]]
[[/collapsible]]
[[/=]]
[[/iftags]]
学院人员事务处
Lycora Pattalia，人力资源办公室主任
------
@@ @@依据您的要求，我收集了这个学期本学院应聘教职工人员报告与小鹿们的反馈，制作了一份关于文、理学院主要教职工人员记录表。记录表中详细记录了这一学期各学院教职工人员的工作情况，尤其是您所关注的那些“问题职工”，在这份总表中已经详细标出。
@@ @@同时，学院人事处需要上报多起关于竞争大学ICSUT对于本学院资深教职工的引诱跳槽行为，这一状况将对本院宝贵的人力教学资源造成不可估计的损失，甚至影响到本学院的声誉，希望上级能尽快采取应对措施，有关该状况的记录文件已随附件呈递。
[[/div]]
[[div_ class="mail-file not-bot" style="--file-icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/rar.svg");"]]
[[collapsible show="学院人事工作情况报表.zip" hide="学院人事工作情况报表.zip"]]
[[module css]]
.license {
display: grid;
grid-template-columns: 3fr 1fr;
padding: 0;
border: 1px solid black;
margin-top: 2em;
margin-bottom: 2em;
font-family: 'SimSun', '宋体', serif;
}
.information {
grid-area: 1 / 1 / span 1 / span 1;
display: grid;
grid-template-columns: 2fr 3fr;
text-align: center;
}
.information div {
border: 1px solid black;
}
.photo {
grid-area: 1 / 2 / span 1 / span 1;
border: 1px solid black;
}
.photo img {
width: 90%;
aspect-ratio: 7 / 10;
object-fit: cover;
}
.record {
grid-area: 2 / 1 / span 1 / span 2;
border: 1px solid black;
padding: 1em;
}
[[/module]]
[[div class="license"]]
[[div class="information"]]
[[div]]
**职工号**
[[/div]]
[[div]]
197901879321
[[/div]]
[[div]]
**职工姓名**
[[/div]]
[[div]]
Wolfy
[[/div]]
[[div]]
**工作职位**
[[/div]]
[[div]]
隐生动物学讲师
[[/div]]
[[/div]]
[[div class="photo"]]
[[=image https://scpsandboxcn.wdfiles.com/local--files/collab:pumpkin/deer_%E6%95%99%E5%B8%881]]
[[/div]]
[[div class="record"]]
**工作违规情况记录：**
[[blockquote]]
1.入职后隐瞒自身为狼人的特殊体质，未及时填写月圆期间的晚间代课申请。
[[/blockquote]]
[[blockquote]]
2.在自身明知有风险情况下使用银色印泥[[footnote]]受月光赐福的特殊印泥，一般在灵体学教学任务中使用[[/footnote]]填写调课表。
[[/blockquote]]
[[blockquote]]
3.抢夺安保处巡逻犬的口粮。
[[/blockquote]]
[[/div]]
[[/div]]
[[div class="license"]]
[[div class="information"]]
[[div]]
**职工号**
[[/div]]
[[div]]
197901867542
[[/div]]
[[div]]
**职工姓名**
[[/div]]
[[div]]
Bradken
[[/div]]
[[div]]
**工作职位**
[[/div]]
[[div]]
通灵术讲师
[[/div]]
[[/div]]
[[div class="photo"]]
[[=image https://scpsandboxcn.wdfiles.com/local--files/collab%3Apumpkin/deer_%E6%95%99%E5%B8%882]]
[[/div]]
[[div class="record"]]
**工作违规情况记录：**
[[blockquote]]
1.违规使用大功率恶魔学电器用具进行通灵教学，致使课堂上多名学生成为地缚灵。
[[/blockquote]]
[[blockquote]]
2.要求灵体学生在期末考试前补交3寸免冠照或者实体化费用，实质上其并未将这笔费用交付学院财务处。
[[/blockquote]]
[[blockquote]]
3.偷偷使用通灵术复活多位前学院校长灵魂，并且控制他们对多位学院领导进行托梦称“应当给予有史以来最为才华横溢的通灵术讲师Bradken先生升职奖赏”等。
[[/blockquote]]
[[/div]]
[[/div]]
[[div class="license"]]
[[div class="information"]]
[[div]]
**职工号**
[[/div]]
[[div]]
197901010101
[[/div]]
[[div]]
**职工姓名**
[[/div]]
[[div]]
1011
[[/div]]
[[div]]
**工作职位**
[[/div]]
[[div]]
经济学教授
[[/div]]
[[/div]]
[[div class="photo"]]
[[=image https://scpsandboxcn.wdfiles.com/local--files/collab%3Apumpkin/deer_%E6%95%99%E5%B8%88AI]]
[[/div]]
[[div class="record"]]
**工作违规情况记录：**
[[blockquote]]
1.上课从不备课，时常使用AI现场搜索后进行授课。
[[/blockquote]]
[[blockquote]]
2.好吧，实际上来说他干的很出色，但是他上课只会用二进制来表达他要说的，谁让他的语言模块最初就这么设计的呢。我个人的意见是他应该转到计算机或者人工智能交互专业进行授课教学，他经济学讲得很好的，真的，但是台下的学生光是分析翻译他说了什么就得花上整整半节课。
[[/blockquote]]
[[/div]]
[[/div]]
[[div class="license"]]
[[div class="information"]]
[[div]]
**职工号**
[[/div]]
[[div]]
19790176582
[[/div]]
[[div]]
**职工姓名**
[[/div]]
[[div]]
David
[[/div]]
[[div]]
**工作职位**
[[/div]]
[[div]]
雕塑学讲师
[[/div]]
[[/div]]
[[div class="photo"]]
[[=image https://scpsandboxcn.wdfiles.com/local--files/collab%3Apumpkin/deer_%E6%95%99%E5%B8%883]]
[[/div]]
[[div class="record"]]
**工作违规情况记录：**
[[blockquote]]
1.他一直坐在教室中央，从来没有上过课。
[[/blockquote]]
[[/div]]
[[/div]]
[[/collapsible]]
[[/div]]
[[div_ class="mail-file" style="--file-icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/pdf.svg");"]]
[[collapsible show="教职工ICSUT跳槽情况记录.pdf" hide="教职工ICSUT跳槽情况记录.pdf"]]
[[div class="blockquote"]]
[[=image https://scpsandboxcn.wdfiles.com/local--files/collab%3Apumpkin/deer_%E5%A4%A7%E5%AD%A6]]
[[=]]
**主要跳槽方向：ICSUT加盟院校之一的乌尔姆大学**
[[/=]]
**备注：**ICSUT通过向多位资深教职工发送私密讯息，许诺该大学的高级教授职称致使本院校有超过3名资深高级教职工选择辞职并加入该大学。
根据调查，该大学不仅仅只是ICSUT的加盟院校之一，其背后可能有着GOC、SCP基金会甚至魔法学院的支持。这表明本学院目前可能面临着一个内忧外患的严峻处境，有多种外部势力在尝试瓦解本学院自1948年建校以来累计的巨大学术优势与名誉。这不仅对于学院，更是对于在本学院学习的每一位小鹿都将是潜在的险恶影响。
故我在此建议在近日内择期召开全体教职工会议，同时加强学院建设工作，合适提高待遇（包括教职工薪资与小鹿奖学金），着重于解决外部势力对于学院教职工的险恶诱导影响。
[[>]]
//联名递交方：学院人事处、对外联络处//
[[/>]]
[[/div]]
[[/collapsible]]
[[/div]]
[[/div]]
[[/div]]
[[div class="light"]]
[[module css]]
div.mail-main a:link,
div.mail-main a:visited {
color: inherit;
text-decoration: currentcolor solid underline;
}
div.mail-main a:hover,
div.mail-main a:active {
background-color: #FFF;
color: #000;
text-decoration: #111 solid underline;
}
div.mail-main {
--icon-color: #5d9965;
--icon-letter: "S";
--letter-color: black;
display: flex;
flex-direction: column;
gap: 1em;
background-color: rgb(255, 255, 255);
color: black;
border: #000 solid;
border-width: 0.375rem 0.125rem;
margin: 2rem auto;
padding: 1em;
max-width: calc(var(--main-content-width) * 0.925);
}
div.mail-header {
display: flex;
justify-content: space-between;
gap: 1em;
}
div.mail-header div.mail-info {
display: grid;
grid-template-columns: 3rem 1fr;
grid-template-rows: 100%;
gap: 1ch;
align-items: center;
}
div.mail-header div.logo {
position: relative;
background-color: var(--icon-color);
background-image: var(--icon-image);
background-position: center;
background-repeat: no-repeat;
background-size: 2.5rem;
border-radius: 50%;
width: 3rem;
height: 3rem;
}
div.logo::after {
content: var(--icon-letter);
position: absolute;
color: var(--letter-color);
font-size: 140%;
font-weight: bold;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
div.mail-header div.mail-from-to {
display: flex;
flex-basis: auto;
flex-direction: column;
justify-content: end;
height: 100%;
}
div.mail-header div.mail-from-to > span {
line-height: 2;
}
#page-content div.mail-header div.mail-options {
display: flex;
flex-wrap: wrap;
justify-content: end;
align-items: center;
max-width: 10.5rem;
}
div.mail-header div.mail-options div.icon {
flex-grow: 1;
position: relative;
width: 2.625rem;
height: 2.25rem;
box-sizing: border-box;
transition: background-color 200ms linear;
}
div.mail-header div.mail-options div[data-icon="1"] {
--icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/replyicon.svg");
}
div.mail-header div.mail-options div[data-icon="2"] {
--icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/replyallicon.svg");
}
div.mail-header div.mail-options div[data-icon="3"] {
--icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/retransicon.svg");
}
div.mail-header div.mail-options div[data-icon="4"] {
--icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/moreicon.svg");
border-left: 0.05rem rgb(237, 237, 237) solid;
}
div.mail-header div.mail-options div.icon:hover {
background-color: rgb(239, 236, 213, 0.5);
}
div.mail-header div.mail-options div.icon::before {
content: "";
background-image: var(--icon);
background-position: center;
background-repeat: no-repeat;
background-size: 1.325rem;
position: absolute;
display: block;
width: 100%;
height: 100%;
inset: 0;
}
div.mail-header div.mail-options div.icon span {
position: absolute;
top: -3em;
left: -50%;
width: 200%;
opacity: 0;
pointer-events: none;
background-color: rgb(255, 255, 255);
box-shadow: 0 3px 3px 1px rgb(170, 170, 170, 50%);
padding: 0.75ch 0;
text-align: center;
transition: opacity 100ms linear 100ms;
}
div.mail-header div.mail-options div.icon:hover :where(span, span:hover) {
opacity: 1;
pointer-events: auto;
}
div.mail-header div.mail-options div.date {
font-size: 0.8em;
}
div.mail-content {
margin-inline: 3.25rem;
}
div.mail-main:has(div.mail-file) div.mail-content {
border-bottom: 0.1rem black solid;
}
div.mail-file {
margin: 1rem 3.25rem 2rem 3.25rem;
}
div.mail-file > a, div.mail-file a.collapsible-block-link {
margin-inline: 1ch;
}
div.mail-file > a::before, div.mail-file a.collapsible-block-link::before {
content: "";
display: inline-block;
background-image: var(--file-icon);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
margin-right: 1em;
width: 1em;
height: 1em;
transform: scale(2);
}
@media (max-width: 64rem) {
div.mail-content,
div.mail-file {
margin: 0;
}
}
@media (max-width: 35rem) {
div.mail-header {
flex-direction: column;
}
#page-content div.mail-header div.mail-options {
max-width: none;
}
div.mail-header div.mail-options div[data-icon] {
flex-grow: 0;
}
div.icon:not([data-icon="1"], [data-icon="4"]) {
display: none;
}
div.mail-header div.date {
order: -1;
flex-grow: 1;
}
}
[[/module]]
@@ @@
[!-- --
]
[[div class="mail-main"]]
[[div class="mail-header" style="--icon-color:#A80010
; --icon-letter:"01
"; --icon-image:url("https://scpsandboxcn.wdfiles.com/local--files/collab%3Apumpkin/deer_%E5%AD%A6%E7%94%9Flogo
"); --letter-color:transparent
;"]]
[[div class="mail-info"]]
[[div class="logo"]]
[[/div]]
[[div_ class="mail-from-to"]]
[[span]]A Deer：
<[# student01992831@deer.edu
]>[[/span]][[span]]收件人：[# principal@deer.edu
][[/span]]
[[/div]]
[[/div]]
[[div class="mail-options"]]
[[div_ class="icon" data-icon="1"]]
[[span]]答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="2"]]
[[span]]全部答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="3"]]
[[span]]转发[[/span]]
[[/div]]
[[div_ class="icon" data-icon="4"]]
[[span]]更多操作[[/span]]
[[/div]]
[[div_ class="date"]]
周六 2025/01/25 22:46
[[/div]]
[[/div]]
[[/div]]
[[div class="mail-content"]]
[!--
--]
[!-- {$footer}]
[[/div]]
[[div_ class="mail-file" style="--file-icon: url("{$file-icon}");"]]
[{$link} {$link-name}]@@ @@##aaaaaa|{$file-size}##
[[/div]]
[[/div]]
[!{$footer} --]
[!-- {$pure-footer}]
[[/div]]
[[/div]]
[!{$pure-footer} --]
[[iftags +组件]]
[[module css]]
@import url("https://scp-wiki-cn.wikidot.com/fragment:parallel/code/1");
:root{
--basalt-bright-element-color: 93, 153, 101;
--basalt-dark-element-color: 57, 117, 67;
--basalt-darker-element-color: 0, 52, 16;
}
#page-content hr {
background-color: rgb(var(--basalt-main-text-color)) !important;
}
h1, h2, h3, h4, h5, h6 {
text-align: center;
margin-top: 1em;
margin-bottom: 1em;
}
li:not(:first-child) {margin-top: 0.75em;}
ul, ol {padding-left: 10px;}
/* icon list from acs component */
.icons {
display: grid;
-ms-grid-columns: calc((100% / 5) - 0.25rem) 0.25rem calc((100% / 5) - 0.25rem) 0.25rem calc((100% / 5) - 0.25rem) 0.25rem calc((100% / 5) - 0.25rem) 0.25rem calc((100% / 5) - 0.25rem);
grid-template-columns: repeat(5, calc((100% / 5) - 0.25rem));
grid-gap: 0.25rem;
}
@media (max-width: 500px) {
.icons {
grid-template-columns: repeat(3, calc((100% / 3) - 0.25rem));
}
}
.icon_image {
border: 0.25rem solid black;
overflow: hidden;
position: relative;
aspect-ratio: 1 / 1;
}
.icon_image > img {
position: absolute;
max-width: 70%;
max-height: 70%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.icon_name {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
text-transform: uppercase;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
font-weight: bold;
}
span.anno {
color: #888888;
user-select: none;
}
span.anno::before {
content: "/* ";
}
span.anno::after {
content: " */";
}
#u-component-top-box {
margin-top: 20px !important;
}
[[/module]]
[[>]]
[[module rate]]
[[/>]]
+ 信息
这是一个模仿基金会内部邮件系统的内容组件，设计风格受启发自微软的[https://outlook.live.com/mail/0/ Outlook邮箱]。该组件由[[[SCP-CN-3919]]]的第一迭代衍生而来，在原文中作为第二迭代的.docx文档的引入文段使用。
+ 组件设置
你可以使用如下代码以在文中引用此组件：
[[div class="code blockquote"]]
@@[[include :scp-wiki-cn:component:skiplook-mailbox@@
|header = @@--@@
|icon-color = #5d9965 [[span class="anno"]]**必填**，决定发件人图标的背景色。[[/span]]
|icon-image = https://… [[span class="anno"]]填写图片链接，如果没有独特的发件人图标则可不填。若填写此项，则**letter-color**一项应填入**transparent**。[[/span]]
|icon-letter = 53 [[span class="anno"]]没有独特发件人图标时显示的占位字符。可以填入多个字符，但考虑到美观问题，建议字符数不超过2。[[/span]]
|letter-color = #000000 [[span class="anno"]]**必填**，决定占位字符的前景色。[[/span]]
|sender = Site-CN-53 [[span class="anno"]]**必填**，发件人名称。[[/span]]
|sender-mail = monotropauniflora@skipnet.org [[span class="anno"]]**必填**，发件人邮箱。[[/span]]
|reciever-mail = purifiedsilica@skipnet.org [[span class="anno"]]**必填**，收件人邮箱。[[/span]]
|date = 周四 2024/12/5 14:32 [[span class="anno"]]**必填**，发件日期。[[/span]]
]]
**邮件正文内容**
@@[[include :scp-wiki-cn:component:skiplook-mailbox@@
|footer = @@--@@
|link = https://… [[span class="anno"]]**必填**，点击附件链接时跳转到的页面。如果无需跳转则填入"#"。[[/span]]
|link-name = SCP-CN-3919.ftml [[span class="anno"]]**必填**，附件文件名。[[/span]]
|file-size = 3.21KB [[span class="anno"]]**必填**，附件大小。[[/span]]
|file-icon = https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/ftml.svg [[span class="anno"]]**必填**，附件图标链接。有关图标的信息请参考后续章节。[[/span]]
]]
[[/div]]
如果无需附件部分，则可将正文内容之后的部分更换为：
[[div class="code blockquote"]]
@@[[include :scp-wiki-cn:component:skiplook-mailbox@@
|pure-footer = @@--@@
]]
[[/div]]
该组件的视觉效果如下。请注意：本组件在Sigma-9等网站默认版式下同样拥有相似的视觉效果，但在基于[[[theme:parallel|平行]]]的版式下应用效果最佳。
++ 有附件
[[div class="mail-main"]]
[[div class="mail-header" style="--icon-color:#5d9965; --icon-letter:"53"; --icon-image:url(""); --letter-color:#000000;"]]
[[div class="mail-info"]]
[[div class="logo"]]
[[/div]]
[[div_ class="mail-from-to"]]
[[span]]Site-CN-53<[# monotropauniflora@skipnet.org]>[[/span]][[span]]收件人：[# purifiedsilica@skipnet.org][[/span]]
[[/div]]
[[/div]]
[[div class="mail-options"]]
[[div_ class="icon" data-icon="1"]]
[[span]]答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="2"]]
[[span]]全部答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="3"]]
[[span]]转发[[/span]]
[[/div]]
[[div_ class="icon" data-icon="4"]]
[[span]]更多操作[[/span]]
[[/div]]
[[div_ class="date"]]
周四 2024/12/5 14:32
[[/div]]
[[/div]]
[[/div]]
[[div class="mail-content"]]
**这里是正文内容。**
[[/div]]
[[div_ class="mail-file" style="--file-icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/ftml.svg");"]]
[https://scp-wiki-cn.wikidot.com/scp-cn-3919 SCP-CN-3919.ftml]@@ @@##aaaaaa|3.21KB##
[[/div]]
[[/div]]
++ 无附件
[[div class="mail-main"]]
[[div class="mail-header" style="--icon-color:#5d9965; --icon-letter:"53"; --icon-image:url("https://scpsandboxcn.wdfiles.com/local--files/sharia-vanilla-others/site-cn-53.png"); --letter-color:transparent;"]]
[[div class="mail-info"]]
[[div class="logo"]]
[[/div]]
[[div_ class="mail-from-to"]]
[[span]]Site-CN-53<[# monotropauniflora@skipnet.org]>[[/span]][[span]]收件人：[# purifiedsilica@skipnet.org][[/span]]
[[/div]]
[[/div]]
[[div class="mail-options"]]
[[div_ class="icon" data-icon="1"]]
[[span]]答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="2"]]
[[span]]全部答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="3"]]
[[span]]转发[[/span]]
[[/div]]
[[div_ class="icon" data-icon="4"]]
[[span]]更多操作[[/span]]
[[/div]]
[[div_ class="date"]]
周四 2024/12/5 14:32
[[/div]]
[[/div]]
[[/div]]
[[div class="mail-content"]]
**这里是正文内容。**
[[/div]]
[[/div]]
+ 预设附件图标
本组件为常用的数种文件格式预设了可用的附件图标。当然，如果你有需要的话，也可以在附件图标处传入自己的图片，或是将下面的这些图标用在其它文章中。
下述图标引用链接均为：
[[div class="blockquote code"]]
@@https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/@@**图标下方英文文本**@@.svg@@
[[/div]]
[[div_ class="blockquote icons" style="background-color: #ffffff;"]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/doc.svg]]
[[/div]]
[[div_ class="icon_name"]]
DOC
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/xls.svg]]
[[/div]]
[[div_ class="icon_name"]]
XLS
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/ppt.svg]]
[[/div]]
[[div_ class="icon_name"]]
PPT
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/pdf.svg]]
[[/div]]
[[div_ class="icon_name"]]
PDF
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/png.svg]]
[[/div]]
[[div_ class="icon_name"]]
PNG
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/exe.svg]]
[[/div]]
[[div_ class="icon_name"]]
EXE
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/rar.svg]]
[[/div]]
[[div_ class="icon_name"]]
RAR
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/mp4.svg]]
[[/div]]
[[div_ class="icon_name"]]
MP4
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/ftml.svg]]
[[/div]]
[[div_ class="icon_name"]]
FTML[[footnote]] Foundation Text Markup Language（基金会文本标记语言）的简写。 [[/footnote]]
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/default.svg]]
[[/div]]
[[div_ class="icon_name"]]
默认(default)
[[/div]]
[[/div]]
[[/div]]
@@ @@
[[=]]
[[collapsible show="[+] 图像版权信息" hide="[-] 隐藏"]]
[[div class="blockquote"]]
**文件名：**全部svg素材
**图像作者：**[[*user Sharia Vanilla]]
**授权协议：**CC BY-SA 3.0
[[/div]]
[[/collapsible]]
[[/=]]
[[/iftags]]
匿名用户
------
**//##鹿学院内网买断服，哥布林小鹿也能享受大佬的感觉，9折出售//**
[[/div]]
[[div_ class="mail-file" style="--file-icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/mp4.svg");"]]
[[collapsible show="→点击进入❤" hide="立即退出"]]
[[div class="blockquote"]]
[[=image https://scpsandboxcn.wdfiles.com/local--files/collab%3Apumpkin/deer_uiu]]
[[/div]]
[[/div]]
[[/collapsible]]
[[/div]]
[[/div]]
[[div class="light"]]
[[module css]]
div.mail-main a:link,
div.mail-main a:visited {
color: inherit;
text-decoration: currentcolor solid underline;
}
div.mail-main a:hover,
div.mail-main a:active {
background-color: #FFF;
color: #000;
text-decoration: #111 solid underline;
}
div.mail-main {
--icon-color: #5d9965;
--icon-letter: "S";
--letter-color: black;
display: flex;
flex-direction: column;
gap: 1em;
background-color: rgb(255, 255, 255);
color: black;
border: #000 solid;
border-width: 0.375rem 0.125rem;
margin: 2rem auto;
padding: 1em;
max-width: calc(var(--main-content-width) * 0.925);
}
div.mail-header {
display: flex;
justify-content: space-between;
gap: 1em;
}
div.mail-header div.mail-info {
display: grid;
grid-template-columns: 3rem 1fr;
grid-template-rows: 100%;
gap: 1ch;
align-items: center;
}
div.mail-header div.logo {
position: relative;
background-color: var(--icon-color);
background-image: var(--icon-image);
background-position: center;
background-repeat: no-repeat;
background-size: 2.5rem;
border-radius: 50%;
width: 3rem;
height: 3rem;
}
div.logo::after {
content: var(--icon-letter);
position: absolute;
color: var(--letter-color);
font-size: 140%;
font-weight: bold;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
div.mail-header div.mail-from-to {
display: flex;
flex-basis: auto;
flex-direction: column;
justify-content: end;
height: 100%;
}
div.mail-header div.mail-from-to > span {
line-height: 2;
}
#page-content div.mail-header div.mail-options {
display: flex;
flex-wrap: wrap;
justify-content: end;
align-items: center;
max-width: 10.5rem;
}
div.mail-header div.mail-options div.icon {
flex-grow: 1;
position: relative;
width: 2.625rem;
height: 2.25rem;
box-sizing: border-box;
transition: background-color 200ms linear;
}
div.mail-header div.mail-options div[data-icon="1"] {
--icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/replyicon.svg");
}
div.mail-header div.mail-options div[data-icon="2"] {
--icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/replyallicon.svg");
}
div.mail-header div.mail-options div[data-icon="3"] {
--icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/retransicon.svg");
}
div.mail-header div.mail-options div[data-icon="4"] {
--icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/moreicon.svg");
border-left: 0.05rem rgb(237, 237, 237) solid;
}
div.mail-header div.mail-options div.icon:hover {
background-color: rgb(239, 236, 213, 0.5);
}
div.mail-header div.mail-options div.icon::before {
content: "";
background-image: var(--icon);
background-position: center;
background-repeat: no-repeat;
background-size: 1.325rem;
position: absolute;
display: block;
width: 100%;
height: 100%;
inset: 0;
}
div.mail-header div.mail-options div.icon span {
position: absolute;
top: -3em;
left: -50%;
width: 200%;
opacity: 0;
pointer-events: none;
background-color: rgb(255, 255, 255);
box-shadow: 0 3px 3px 1px rgb(170, 170, 170, 50%);
padding: 0.75ch 0;
text-align: center;
transition: opacity 100ms linear 100ms;
}
div.mail-header div.mail-options div.icon:hover :where(span, span:hover) {
opacity: 1;
pointer-events: auto;
}
div.mail-header div.mail-options div.date {
font-size: 0.8em;
}
div.mail-content {
margin-inline: 3.25rem;
}
div.mail-main:has(div.mail-file) div.mail-content {
border-bottom: 0.1rem black solid;
}
div.mail-file {
margin: 1rem 3.25rem 2rem 3.25rem;
}
div.mail-file > a, div.mail-file a.collapsible-block-link {
margin-inline: 1ch;
}
div.mail-file > a::before, div.mail-file a.collapsible-block-link::before {
content: "";
display: inline-block;
background-image: var(--file-icon);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
margin-right: 1em;
width: 1em;
height: 1em;
transform: scale(2);
}
@media (max-width: 64rem) {
div.mail-content,
div.mail-file {
margin: 0;
}
}
@media (max-width: 35rem) {
div.mail-header {
flex-direction: column;
}
#page-content div.mail-header div.mail-options {
max-width: none;
}
div.mail-header div.mail-options div[data-icon] {
flex-grow: 0;
}
div.icon:not([data-icon="1"], [data-icon="4"]) {
display: none;
}
div.mail-header div.date {
order: -1;
flex-grow: 1;
}
}
[[/module]]
@@ @@
[!-- --
]
[[div class="mail-main"]]
[[div class="mail-header" style="--icon-color:#A80010
; --icon-letter:"01
"; --icon-image:url("http://scp-wiki.wdfiles.com/local--files/groups-of-interest/DeerCollege.png
"); --letter-color:transparent
;"]]
[[div class="mail-info"]]
[[div class="logo"]]
[[/div]]
[[div_ class="mail-from-to"]]
[[span]]Meedow Carthamoid：
<[# deers18291044_MC@deer.edu
]>[[/span]][[span]]收件人：[# principal@deer.edu
][[/span]]
[[/div]]
[[/div]]
[[div class="mail-options"]]
[[div_ class="icon" data-icon="1"]]
[[span]]答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="2"]]
[[span]]全部答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="3"]]
[[span]]转发[[/span]]
[[/div]]
[[div_ class="icon" data-icon="4"]]
[[span]]更多操作[[/span]]
[[/div]]
[[div_ class="date"]]
周日 2025/01/26 09:00
[[/div]]
[[/div]]
[[/div]]
[[div class="mail-content"]]
[!--
--]
[!-- {$footer}]
[[/div]]
[[div_ class="mail-file" style="--file-icon: url("{$file-icon}");"]]
[{$link} {$link-name}]@@ @@##aaaaaa|{$file-size}##
[[/div]]
[[/div]]
[!{$footer} --]
[!-- {$pure-footer}]
[[/div]]
[[/div]]
[!{$pure-footer} --]
[[iftags +组件]]
[[module css]]
@import url("https://scp-wiki-cn.wikidot.com/fragment:parallel/code/1");
:root{
--basalt-bright-element-color: 93, 153, 101;
--basalt-dark-element-color: 57, 117, 67;
--basalt-darker-element-color: 0, 52, 16;
}
#page-content hr {
background-color: rgb(var(--basalt-main-text-color)) !important;
}
h1, h2, h3, h4, h5, h6 {
text-align: center;
margin-top: 1em;
margin-bottom: 1em;
}
li:not(:first-child) {margin-top: 0.75em;}
ul, ol {padding-left: 10px;}
/* icon list from acs component */
.icons {
display: grid;
-ms-grid-columns: calc((100% / 5) - 0.25rem) 0.25rem calc((100% / 5) - 0.25rem) 0.25rem calc((100% / 5) - 0.25rem) 0.25rem calc((100% / 5) - 0.25rem) 0.25rem calc((100% / 5) - 0.25rem);
grid-template-columns: repeat(5, calc((100% / 5) - 0.25rem));
grid-gap: 0.25rem;
}
@media (max-width: 500px) {
.icons {
grid-template-columns: repeat(3, calc((100% / 3) - 0.25rem));
}
}
.icon_image {
border: 0.25rem solid black;
overflow: hidden;
position: relative;
aspect-ratio: 1 / 1;
}
.icon_image > img {
position: absolute;
max-width: 70%;
max-height: 70%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.icon_name {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
text-transform: uppercase;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
font-weight: bold;
}
span.anno {
color: #888888;
user-select: none;
}
span.anno::before {
content: "/* ";
}
span.anno::after {
content: " */";
}
#u-component-top-box {
margin-top: 20px !important;
}
[[/module]]
[[>]]
[[module rate]]
[[/>]]
+ 信息
这是一个模仿基金会内部邮件系统的内容组件，设计风格受启发自微软的[https://outlook.live.com/mail/0/ Outlook邮箱]。该组件由[[[SCP-CN-3919]]]的第一迭代衍生而来，在原文中作为第二迭代的.docx文档的引入文段使用。
+ 组件设置
你可以使用如下代码以在文中引用此组件：
[[div class="code blockquote"]]
@@[[include :scp-wiki-cn:component:skiplook-mailbox@@
|header = @@--@@
|icon-color = #5d9965 [[span class="anno"]]**必填**，决定发件人图标的背景色。[[/span]]
|icon-image = https://… [[span class="anno"]]填写图片链接，如果没有独特的发件人图标则可不填。若填写此项，则**letter-color**一项应填入**transparent**。[[/span]]
|icon-letter = 53 [[span class="anno"]]没有独特发件人图标时显示的占位字符。可以填入多个字符，但考虑到美观问题，建议字符数不超过2。[[/span]]
|letter-color = #000000 [[span class="anno"]]**必填**，决定占位字符的前景色。[[/span]]
|sender = Site-CN-53 [[span class="anno"]]**必填**，发件人名称。[[/span]]
|sender-mail = monotropauniflora@skipnet.org [[span class="anno"]]**必填**，发件人邮箱。[[/span]]
|reciever-mail = purifiedsilica@skipnet.org [[span class="anno"]]**必填**，收件人邮箱。[[/span]]
|date = 周四 2024/12/5 14:32 [[span class="anno"]]**必填**，发件日期。[[/span]]
]]
**邮件正文内容**
@@[[include :scp-wiki-cn:component:skiplook-mailbox@@
|footer = @@--@@
|link = https://… [[span class="anno"]]**必填**，点击附件链接时跳转到的页面。如果无需跳转则填入"#"。[[/span]]
|link-name = SCP-CN-3919.ftml [[span class="anno"]]**必填**，附件文件名。[[/span]]
|file-size = 3.21KB [[span class="anno"]]**必填**，附件大小。[[/span]]
|file-icon = https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/ftml.svg [[span class="anno"]]**必填**，附件图标链接。有关图标的信息请参考后续章节。[[/span]]
]]
[[/div]]
如果无需附件部分，则可将正文内容之后的部分更换为：
[[div class="code blockquote"]]
@@[[include :scp-wiki-cn:component:skiplook-mailbox@@
|pure-footer = @@--@@
]]
[[/div]]
该组件的视觉效果如下。请注意：本组件在Sigma-9等网站默认版式下同样拥有相似的视觉效果，但在基于[[[theme:parallel|平行]]]的版式下应用效果最佳。
++ 有附件
[[div class="mail-main"]]
[[div class="mail-header" style="--icon-color:#5d9965; --icon-letter:"53"; --icon-image:url(""); --letter-color:#000000;"]]
[[div class="mail-info"]]
[[div class="logo"]]
[[/div]]
[[div_ class="mail-from-to"]]
[[span]]Site-CN-53<[# monotropauniflora@skipnet.org]>[[/span]][[span]]收件人：[# purifiedsilica@skipnet.org][[/span]]
[[/div]]
[[/div]]
[[div class="mail-options"]]
[[div_ class="icon" data-icon="1"]]
[[span]]答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="2"]]
[[span]]全部答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="3"]]
[[span]]转发[[/span]]
[[/div]]
[[div_ class="icon" data-icon="4"]]
[[span]]更多操作[[/span]]
[[/div]]
[[div_ class="date"]]
周四 2024/12/5 14:32
[[/div]]
[[/div]]
[[/div]]
[[div class="mail-content"]]
**这里是正文内容。**
[[/div]]
[[div_ class="mail-file" style="--file-icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/ftml.svg");"]]
[https://scp-wiki-cn.wikidot.com/scp-cn-3919 SCP-CN-3919.ftml]@@ @@##aaaaaa|3.21KB##
[[/div]]
[[/div]]
++ 无附件
[[div class="mail-main"]]
[[div class="mail-header" style="--icon-color:#5d9965; --icon-letter:"53"; --icon-image:url("https://scpsandboxcn.wdfiles.com/local--files/sharia-vanilla-others/site-cn-53.png"); --letter-color:transparent;"]]
[[div class="mail-info"]]
[[div class="logo"]]
[[/div]]
[[div_ class="mail-from-to"]]
[[span]]Site-CN-53<[# monotropauniflora@skipnet.org]>[[/span]][[span]]收件人：[# purifiedsilica@skipnet.org][[/span]]
[[/div]]
[[/div]]
[[div class="mail-options"]]
[[div_ class="icon" data-icon="1"]]
[[span]]答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="2"]]
[[span]]全部答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="3"]]
[[span]]转发[[/span]]
[[/div]]
[[div_ class="icon" data-icon="4"]]
[[span]]更多操作[[/span]]
[[/div]]
[[div_ class="date"]]
周四 2024/12/5 14:32
[[/div]]
[[/div]]
[[/div]]
[[div class="mail-content"]]
**这里是正文内容。**
[[/div]]
[[/div]]
+ 预设附件图标
本组件为常用的数种文件格式预设了可用的附件图标。当然，如果你有需要的话，也可以在附件图标处传入自己的图片，或是将下面的这些图标用在其它文章中。
下述图标引用链接均为：
[[div class="blockquote code"]]
@@https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/@@**图标下方英文文本**@@.svg@@
[[/div]]
[[div_ class="blockquote icons" style="background-color: #ffffff;"]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/doc.svg]]
[[/div]]
[[div_ class="icon_name"]]
DOC
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/xls.svg]]
[[/div]]
[[div_ class="icon_name"]]
XLS
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/ppt.svg]]
[[/div]]
[[div_ class="icon_name"]]
PPT
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/pdf.svg]]
[[/div]]
[[div_ class="icon_name"]]
PDF
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/png.svg]]
[[/div]]
[[div_ class="icon_name"]]
PNG
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/exe.svg]]
[[/div]]
[[div_ class="icon_name"]]
EXE
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/rar.svg]]
[[/div]]
[[div_ class="icon_name"]]
RAR
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/mp4.svg]]
[[/div]]
[[div_ class="icon_name"]]
MP4
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/ftml.svg]]
[[/div]]
[[div_ class="icon_name"]]
FTML[[footnote]] Foundation Text Markup Language（基金会文本标记语言）的简写。 [[/footnote]]
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/default.svg]]
[[/div]]
[[div_ class="icon_name"]]
默认(default)
[[/div]]
[[/div]]
[[/div]]
@@ @@
[[=]]
[[collapsible show="[+] 图像版权信息" hide="[-] 隐藏"]]
[[div class="blockquote"]]
**文件名：**全部svg素材
**图像作者：**[[*user Sharia Vanilla]]
**授权协议：**CC BY-SA 3.0
[[/div]]
[[/collapsible]]
[[/=]]
[[/iftags]]
鹿学院教研组
Meedow Carthamoid，教研组组长
------
有关25课程改革的前期记录与提案已随附件发出，请审阅。
[[/div]]
[[div_ class="mail-file not-bot" style="--file-icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/doc.svg");"]]
[[collapsible show="课程改革试运行简报.docx" hide="课程改革试运行简报.docx"]]
[[div class="blockquote"]]
在刚刚过去的秋季学期中，我校为“同步世界异常技术研究潮流”而开展的课程改革计划试点可以算得上是卓有成效。具体而言，我们主要为以下三个学科安排了详尽的课业改革方案：
**1.奇术设备学**
自我校建校以来的七十余年校史中，魔法学识学群这一囊括了诸多诞生于近现代的新潮神秘学科的学群一直是我校的老牌优势学群。然而，遗憾的是，作为诸魔法学识中发展历史最为悠久的那个，我校的奇术设备学，或称法杖/施法书册学的知识储备与设备基础一直略显堪忧。在如今这个[[[dharma-stick-discipline|奇术设备学甚至已经走进中等教育学府课堂]]]的时代，这事实上为我们带来了诸多此前从未注意到的问题：有43%的2022级新生在入学调查中表示其在制造法杖中“有实践经验，但完全没有使用旧式非数字化法杖塑形设备的经验”，甚至有4%的2023级炼金术系新生在入学时即申请，并以平均91分的成绩通过了奇术设备学的免修考试。如今，对奇术设备学的整个课业流程进行大刀阔斧的改革事实上已经迫在眉睫。
在刚刚过去的秋季学期中，我们首次为我们的奇术设备学课程引入了基于现代信息技术的设计流程。例如，在法杖设计课程上，学生们会直接在计算机上使用Wandswork设计法杖的结构，通过AutoTAM绘制、链接模块化奇术阵列并在调整形状适应杖体后导入设计文件，最终由自动化的奇术载体塑形/印刻机器完成实物打印；同时，我们也在课程方案中首次添加了以往一直缺少的测试与实训部分。这一改革在综合考虑了小鹿们的学习兴趣的同时，也深度对接了当前各大组织的奇术设备设计方案，首次为这门课程赢得了平均9.4分的历史最高评分。
**2.经济学**
作为凡俗学群中几乎可以说是最受欢迎的一个学科（仅次于计算机科学），经济学在现实世界的诸多学府中往往是人见人爱的“香饽饽”。然而，作为一个坐落在三波特兰这座城市中的学府，我们的经济学课程实在有点过于平凡了。可以这样说，它和那些线上经济学课程的唯一区别就是PPT中的微软和沃尔玛和被替换成了MC&D和亨特工业。这也导致了我们的经济学系在事实上包揽了鹿学院中选课率最低的那些课程——2022年秋季，全校仅有15名小鹿选择了微观经济学这门基础课程，这无疑表明了我校的经济学系课程急需改革的事实。
2024年，我们大胆调整了经济学课程的实施方案：以往被视为重点的教室集中授课学时被降低到原来的二分之一，而因此空余出的学时将被全部调整为实习课程。在学期的后半段，选修经济学的小鹿们将会通过门径前往实事市，在我们的合作企业中利用学到的知识参与生产决策、跨枢纽销售策略制定甚至是与其他同行的竞争之中，而他们做出的成果将成为评价课业成绩的重要一环。在去年的试点中，经济学课程的选课量不仅创下了2005年以来的新高，我们的合作企业也对小鹿们赞不绝口——有一位学生甚至在实习期间，通过售卖无意义奇术自动机械的方式赚的盆满钵满。这之中自然有实事市作为“创想之都”的原因所在，但这一教改计划之成功仍然从此可见一斑。
**3.应用数学B（数理统计/概率论/对策论）**
对于应用数学B的课程改革基于一个可能有些令人啼笑皆非的原因：作为多数专业的一门必修课程，这门课程的结业考试通过率有些太低了。同时，考虑到我们也曾经收到过许多类似“这样的考试形式根本无法考察对知识的应用能力”的质疑，我们最终重新调整了这门课程的考核方案。
在最新的考核方案中，我们完全取消了这门课程的平时成绩与期末考试环节，取而代之的是一次时长三天的实践考核。选择这门课程的所有学生将在考核的开始领取到5000美元的启动资金，然后他们必须做出选择，前往[[[undervegas-hub|阴间维加斯]]]或是[[[secure-facility-dossier-site-333|大西洋城]]]，然后用学到的知识尝试在那座城市中赚到更多的钱——在不使用奇术的条件下。
尽管这一考核的满分要求，即在返校前将初始资金翻倍并不容易达成，但只需要将5000美元原封不动地带回学校就能得到及格成绩的要求却并不困难。然而，在上个学期的试运行中，这门课程的通过率却再一次创下了新低：在选修这门课程的四百余名小鹿中，共有270名最终以0分的惨淡成绩结课。而根据随行的任课教师反映，他们中大多数的学生都曾经得到过几乎接近满分要求的资金，却在一次冒进中输光了手中一切。当然，这确实暴露出了这一改革方案中存在的一系列问题，我们将在下个学期的课业改革中进一步予以调整。
[[/div]]
[[/collapsible]]
[[/div]]
[[div_ class="mail-file" style="--file-icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/xls.svg");"]]
[[collapsible show="2025春季教学调整.xlsx" hide="2025春季教学调整.xlsx"]]
[[table class="xls"]]
[[row]]
[[hcell]]
@@ @@
[[/hcell]]
[[hcell]]
A
[[/hcell]]
[[hcell]]
B
[[/hcell]]
[[hcell]]
C
[[/hcell]]
[[hcell]]
D
[[/hcell]]
[[hcell]]
E
[[/hcell]]
[[/row]]
[[row]]
[[cell]]
1
[[/cell]]
[[cell]]
课程代号
[[/cell]]
[[cell]]
课程名称
[[/cell]]
[[cell]]
所属学群
[[/cell]]
[[cell]]
学时
[[/cell]]
[[cell]]
调整
[[/cell]]
[[/row]]
[[row]]
[[cell]]
2
[[/cell]]
[[cell]]
A7161
[[/cell]]
[[cell]]
占卜学基础（1）
[[/cell]]
[[cell]]
形而上学群
[[/cell]]
[[cell]]
48
[[/cell]]
[[cell]]
将课程总学时从36提升至48，学分从3提升至4。共分配16学时用于占卜实践，其中4学时为校外实践。
[[/cell]]
[[/row]]
[[row]]
[[cell]]
3
[[/cell]]
[[cell]]
A8041
[[/cell]]
[[cell]]
叙事理论（1）
[[/cell]]
[[cell]]
形而上学群
[[/cell]]
[[cell]]
24
[[/cell]]
[[cell]]
将课程总学时从48降低至24，额外新增一门24学时的叙事理论（2）。
[[/cell]]
[[/row]]
[[row]]
[[cell]]
4
[[/cell]]
[[cell]]
B2404
[[/cell]]
[[cell]]
拉丁语
[[/cell]]
[[cell]]
文学与语言学群
[[/cell]]
[[cell]]
72
[[/cell]]
[[cell]]
课程大纲中增加拉丁文古式咒法的识读与吟唱，卜术文字以及古典炼金专有名词的考察。
[[/cell]]
[[/row]]
[[row]]
[[cell]]
5
[[/cell]]
[[cell]]
B2994
[[/cell]]
[[cell]]
语言学（4）
[[/cell]]
[[cell]]
文学与语言学群
[[/cell]]
[[cell]]
72
[[/cell]]
[[cell]]
更新教材，增加与[[[scp-cn-3141|南岛语系内的语言异常演化]]]相关的前沿研究。
[[/cell]]
[[/row]]
[[row]]
[[cell]]
6
[[/cell]]
[[cell]]
B4023
[[/cell]]
[[cell]]
亚伯拉罕诸教导论
[[/cell]]
[[cell]]
历史与社会科学学群
[[/cell]]
[[cell]]
36
[[/cell]]
[[cell]]
移除所有与神性奇术特征值(DTE)相关的授课内容。此部分内容被合并至A1174（神学特征与术法导论）教学。
[[/cell]]
[[/row]]
[[row]]
[[cell]]
7
[[/cell]]
[[cell]]
B6102
[[/cell]]
[[cell]]
应用数学B
[[/cell]]
[[cell]]
数学与自然科学学群
[[/cell]]
[[cell]]
48
[[/cell]]
[[cell]]
将考核方案调整为团队实践，方案暂定为每组以500克黄金作为启动资金，在幽都开办一间赌场并为其设计项目，需要在5天时间内实现100%的回报率。
[[/cell]]
[[/row]]
[[row]]
[[cell]]
8
[[/cell]]
[[cell]]
B6441
[[/cell]]
[[cell]]
异星生态学
[[/cell]]
[[cell]]
数学与自然科学学群
[[/cell]]
[[cell]]
64
[[/cell]]
[[cell]]
增加16学时的实地考察课程。同时将考察报告纳入成绩的主要考核依据。
[[/cell]]
[[/row]]
[[row]]
[[cell]]
9
[[/cell]]
[[cell]]
C1422
[[/cell]]
[[cell]]
奥秘植物学（2）
[[/cell]]
[[cell]]
非自然科学学群
[[/cell]]
[[cell]]
64
[[/cell]]
[[cell]]
增加16学时的实验课程，将“奥秘植物的创造、育种与优化”纳入本门课程的教学内容。
[[/cell]]
[[/row]]
[[row]]
[[cell]]
10
[[/cell]]
[[cell]]
C1961
[[/cell]]
[[cell]]
现代炼金术理论（1）
[[/cell]]
[[cell]]
非自然科学学群
[[/cell]]
[[cell]]
32
[[/cell]]
[[cell]]
移除原子物理相关内容。
[[/cell]]
[[/row]]
[[row]]
[[cell]]
11
[[/cell]]
[[cell]]
C2243
[[/cell]]
[[cell]]
契约学（超常生物）
[[/cell]]
[[cell]]
祈愿与召唤学群
[[/cell]]
[[cell]]
48
[[/cell]]
[[cell]]
调整结业实践有关细则，与人工智能、炼金人偶或发条玩具签订的“契约”将不被视为一份有效的课程设计。
[[/cell]]
[[/row]]
[[row]]
[[cell]]
12
[[/cell]]
[[cell]]
C4305
[[/cell]]
[[cell]]
传送阵法与空间通道导论
[[/cell]]
[[cell]]
魔法学识学群
[[/cell]]
[[cell]]
24
[[/cell]]
[[cell]]
为避免学生私下绘制不稳定门径造成事故，将与实践相关的内容转移至高年级学习的C4306（促动奇术结构与符阵设计）教学。
[[/cell]]
[[/row]]
[[/table]]
[[/collapsible]]
[[/div]]
[[/div]]
[[/div]]
[[div class="dark"]]
[[module css]]
div.mail-main a:link,
div.mail-main a:visited {
color: inherit;
text-decoration: currentcolor solid underline;
}
div.mail-main a:hover,
div.mail-main a:active {
background-color: #FFF;
color: #000;
text-decoration: #111 solid underline;
}
div.mail-main {
--icon-color: #5d9965;
--icon-letter: "S";
--letter-color: black;
display: flex;
flex-direction: column;
gap: 1em;
background-color: rgb(255, 255, 255);
color: black;
border: #000 solid;
border-width: 0.375rem 0.125rem;
margin: 2rem auto;
padding: 1em;
max-width: calc(var(--main-content-width) * 0.925);
}
div.mail-header {
display: flex;
justify-content: space-between;
gap: 1em;
}
div.mail-header div.mail-info {
display: grid;
grid-template-columns: 3rem 1fr;
grid-template-rows: 100%;
gap: 1ch;
align-items: center;
}
div.mail-header div.logo {
position: relative;
background-color: var(--icon-color);
background-image: var(--icon-image);
background-position: center;
background-repeat: no-repeat;
background-size: 2.5rem;
border-radius: 50%;
width: 3rem;
height: 3rem;
}
div.logo::after {
content: var(--icon-letter);
position: absolute;
color: var(--letter-color);
font-size: 140%;
font-weight: bold;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
div.mail-header div.mail-from-to {
display: flex;
flex-basis: auto;
flex-direction: column;
justify-content: end;
height: 100%;
}
div.mail-header div.mail-from-to > span {
line-height: 2;
}
#page-content div.mail-header div.mail-options {
display: flex;
flex-wrap: wrap;
justify-content: end;
align-items: center;
max-width: 10.5rem;
}
div.mail-header div.mail-options div.icon {
flex-grow: 1;
position: relative;
width: 2.625rem;
height: 2.25rem;
box-sizing: border-box;
transition: background-color 200ms linear;
}
div.mail-header div.mail-options div[data-icon="1"] {
--icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/replyicon.svg");
}
div.mail-header div.mail-options div[data-icon="2"] {
--icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/replyallicon.svg");
}
div.mail-header div.mail-options div[data-icon="3"] {
--icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/retransicon.svg");
}
div.mail-header div.mail-options div[data-icon="4"] {
--icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/moreicon.svg");
border-left: 0.05rem rgb(237, 237, 237) solid;
}
div.mail-header div.mail-options div.icon:hover {
background-color: rgb(239, 236, 213, 0.5);
}
div.mail-header div.mail-options div.icon::before {
content: "";
background-image: var(--icon);
background-position: center;
background-repeat: no-repeat;
background-size: 1.325rem;
position: absolute;
display: block;
width: 100%;
height: 100%;
inset: 0;
}
div.mail-header div.mail-options div.icon span {
position: absolute;
top: -3em;
left: -50%;
width: 200%;
opacity: 0;
pointer-events: none;
background-color: rgb(255, 255, 255);
box-shadow: 0 3px 3px 1px rgb(170, 170, 170, 50%);
padding: 0.75ch 0;
text-align: center;
transition: opacity 100ms linear 100ms;
}
div.mail-header div.mail-options div.icon:hover :where(span, span:hover) {
opacity: 1;
pointer-events: auto;
}
div.mail-header div.mail-options div.date {
font-size: 0.8em;
}
div.mail-content {
margin-inline: 3.25rem;
}
div.mail-main:has(div.mail-file) div.mail-content {
border-bottom: 0.1rem black solid;
}
div.mail-file {
margin: 1rem 3.25rem 2rem 3.25rem;
}
div.mail-file > a, div.mail-file a.collapsible-block-link {
margin-inline: 1ch;
}
div.mail-file > a::before, div.mail-file a.collapsible-block-link::before {
content: "";
display: inline-block;
background-image: var(--file-icon);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
margin-right: 1em;
width: 1em;
height: 1em;
transform: scale(2);
}
@media (max-width: 64rem) {
div.mail-content,
div.mail-file {
margin: 0;
}
}
@media (max-width: 35rem) {
div.mail-header {
flex-direction: column;
}
#page-content div.mail-header div.mail-options {
max-width: none;
}
div.mail-header div.mail-options div[data-icon] {
flex-grow: 0;
}
div.icon:not([data-icon="1"], [data-icon="4"]) {
display: none;
}
div.mail-header div.date {
order: -1;
flex-grow: 1;
}
}
[[/module]]
@@ @@
[!-- --
]
[[div class="mail-main"]]
[[div class="mail-header" style="--icon-color:#FFC0CB
; --icon-letter:"01
"; --icon-image:url("https://scpsandboxcn.wdfiles.com/local--files/collab%3Apumpkin/deer_%E5%AD%A6%E7%94%9F2
"); --letter-color:transparent
;"]]
[[div class="mail-info"]]
[[div class="logo"]]
[[/div]]
[[div_ class="mail-from-to"]]
[[span]]A Deer：
<[# student01994356@deer.edu
]>[[/span]][[span]]收件人：[# principal@deer.edu
][[/span]]
[[/div]]
[[/div]]
[[div class="mail-options"]]
[[div_ class="icon" data-icon="1"]]
[[span]]答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="2"]]
[[span]]全部答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="3"]]
[[span]]转发[[/span]]
[[/div]]
[[div_ class="icon" data-icon="4"]]
[[span]]更多操作[[/span]]
[[/div]]
[[div_ class="date"]]
周日 2025/01/26 12:24
[[/div]]
[[/div]]
[[/div]]
[[div class="mail-content"]]
[!--
--]
[!-- {$footer}]
[[/div]]
[[div_ class="mail-file" style="--file-icon: url("{$file-icon}");"]]
[{$link} {$link-name}]@@ @@##aaaaaa|{$file-size}##
[[/div]]
[[/div]]
[!{$footer} --]
[!-- {$pure-footer}]
[[/div]]
[[/div]]
[!{$pure-footer} --]
[[iftags +组件]]
[[module css]]
@import url("https://scp-wiki-cn.wikidot.com/fragment:parallel/code/1");
:root{
--basalt-bright-element-color: 93, 153, 101;
--basalt-dark-element-color: 57, 117, 67;
--basalt-darker-element-color: 0, 52, 16;
}
#page-content hr {
background-color: rgb(var(--basalt-main-text-color)) !important;
}
h1, h2, h3, h4, h5, h6 {
text-align: center;
margin-top: 1em;
margin-bottom: 1em;
}
li:not(:first-child) {margin-top: 0.75em;}
ul, ol {padding-left: 10px;}
/* icon list from acs component */
.icons {
display: grid;
-ms-grid-columns: calc((100% / 5) - 0.25rem) 0.25rem calc((100% / 5) - 0.25rem) 0.25rem calc((100% / 5) - 0.25rem) 0.25rem calc((100% / 5) - 0.25rem) 0.25rem calc((100% / 5) - 0.25rem);
grid-template-columns: repeat(5, calc((100% / 5) - 0.25rem));
grid-gap: 0.25rem;
}
@media (max-width: 500px) {
.icons {
grid-template-columns: repeat(3, calc((100% / 3) - 0.25rem));
}
}
.icon_image {
border: 0.25rem solid black;
overflow: hidden;
position: relative;
aspect-ratio: 1 / 1;
}
.icon_image > img {
position: absolute;
max-width: 70%;
max-height: 70%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.icon_name {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
text-transform: uppercase;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
font-weight: bold;
}
span.anno {
color: #888888;
user-select: none;
}
span.anno::before {
content: "/* ";
}
span.anno::after {
content: " */";
}
#u-component-top-box {
margin-top: 20px !important;
}
[[/module]]
[[>]]
[[module rate]]
[[/>]]
+ 信息
这是一个模仿基金会内部邮件系统的内容组件，设计风格受启发自微软的[https://outlook.live.com/mail/0/ Outlook邮箱]。该组件由[[[SCP-CN-3919]]]的第一迭代衍生而来，在原文中作为第二迭代的.docx文档的引入文段使用。
+ 组件设置
你可以使用如下代码以在文中引用此组件：
[[div class="code blockquote"]]
@@[[include :scp-wiki-cn:component:skiplook-mailbox@@
|header = @@--@@
|icon-color = #5d9965 [[span class="anno"]]**必填**，决定发件人图标的背景色。[[/span]]
|icon-image = https://… [[span class="anno"]]填写图片链接，如果没有独特的发件人图标则可不填。若填写此项，则**letter-color**一项应填入**transparent**。[[/span]]
|icon-letter = 53 [[span class="anno"]]没有独特发件人图标时显示的占位字符。可以填入多个字符，但考虑到美观问题，建议字符数不超过2。[[/span]]
|letter-color = #000000 [[span class="anno"]]**必填**，决定占位字符的前景色。[[/span]]
|sender = Site-CN-53 [[span class="anno"]]**必填**，发件人名称。[[/span]]
|sender-mail = monotropauniflora@skipnet.org [[span class="anno"]]**必填**，发件人邮箱。[[/span]]
|reciever-mail = purifiedsilica@skipnet.org [[span class="anno"]]**必填**，收件人邮箱。[[/span]]
|date = 周四 2024/12/5 14:32 [[span class="anno"]]**必填**，发件日期。[[/span]]
]]
**邮件正文内容**
@@[[include :scp-wiki-cn:component:skiplook-mailbox@@
|footer = @@--@@
|link = https://… [[span class="anno"]]**必填**，点击附件链接时跳转到的页面。如果无需跳转则填入"#"。[[/span]]
|link-name = SCP-CN-3919.ftml [[span class="anno"]]**必填**，附件文件名。[[/span]]
|file-size = 3.21KB [[span class="anno"]]**必填**，附件大小。[[/span]]
|file-icon = https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/ftml.svg [[span class="anno"]]**必填**，附件图标链接。有关图标的信息请参考后续章节。[[/span]]
]]
[[/div]]
如果无需附件部分，则可将正文内容之后的部分更换为：
[[div class="code blockquote"]]
@@[[include :scp-wiki-cn:component:skiplook-mailbox@@
|pure-footer = @@--@@
]]
[[/div]]
该组件的视觉效果如下。请注意：本组件在Sigma-9等网站默认版式下同样拥有相似的视觉效果，但在基于[[[theme:parallel|平行]]]的版式下应用效果最佳。
++ 有附件
[[div class="mail-main"]]
[[div class="mail-header" style="--icon-color:#5d9965; --icon-letter:"53"; --icon-image:url(""); --letter-color:#000000;"]]
[[div class="mail-info"]]
[[div class="logo"]]
[[/div]]
[[div_ class="mail-from-to"]]
[[span]]Site-CN-53<[# monotropauniflora@skipnet.org]>[[/span]][[span]]收件人：[# purifiedsilica@skipnet.org][[/span]]
[[/div]]
[[/div]]
[[div class="mail-options"]]
[[div_ class="icon" data-icon="1"]]
[[span]]答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="2"]]
[[span]]全部答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="3"]]
[[span]]转发[[/span]]
[[/div]]
[[div_ class="icon" data-icon="4"]]
[[span]]更多操作[[/span]]
[[/div]]
[[div_ class="date"]]
周四 2024/12/5 14:32
[[/div]]
[[/div]]
[[/div]]
[[div class="mail-content"]]
**这里是正文内容。**
[[/div]]
[[div_ class="mail-file" style="--file-icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/ftml.svg");"]]
[https://scp-wiki-cn.wikidot.com/scp-cn-3919 SCP-CN-3919.ftml]@@ @@##aaaaaa|3.21KB##
[[/div]]
[[/div]]
++ 无附件
[[div class="mail-main"]]
[[div class="mail-header" style="--icon-color:#5d9965; --icon-letter:"53"; --icon-image:url("https://scpsandboxcn.wdfiles.com/local--files/sharia-vanilla-others/site-cn-53.png"); --letter-color:transparent;"]]
[[div class="mail-info"]]
[[div class="logo"]]
[[/div]]
[[div_ class="mail-from-to"]]
[[span]]Site-CN-53<[# monotropauniflora@skipnet.org]>[[/span]][[span]]收件人：[# purifiedsilica@skipnet.org][[/span]]
[[/div]]
[[/div]]
[[div class="mail-options"]]
[[div_ class="icon" data-icon="1"]]
[[span]]答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="2"]]
[[span]]全部答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="3"]]
[[span]]转发[[/span]]
[[/div]]
[[div_ class="icon" data-icon="4"]]
[[span]]更多操作[[/span]]
[[/div]]
[[div_ class="date"]]
周四 2024/12/5 14:32
[[/div]]
[[/div]]
[[/div]]
[[div class="mail-content"]]
**这里是正文内容。**
[[/div]]
[[/div]]
+ 预设附件图标
本组件为常用的数种文件格式预设了可用的附件图标。当然，如果你有需要的话，也可以在附件图标处传入自己的图片，或是将下面的这些图标用在其它文章中。
下述图标引用链接均为：
[[div class="blockquote code"]]
@@https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/@@**图标下方英文文本**@@.svg@@
[[/div]]
[[div_ class="blockquote icons" style="background-color: #ffffff;"]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/doc.svg]]
[[/div]]
[[div_ class="icon_name"]]
DOC
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/xls.svg]]
[[/div]]
[[div_ class="icon_name"]]
XLS
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/ppt.svg]]
[[/div]]
[[div_ class="icon_name"]]
PPT
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/pdf.svg]]
[[/div]]
[[div_ class="icon_name"]]
PDF
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/png.svg]]
[[/div]]
[[div_ class="icon_name"]]
PNG
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/exe.svg]]
[[/div]]
[[div_ class="icon_name"]]
EXE
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/rar.svg]]
[[/div]]
[[div_ class="icon_name"]]
RAR
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/mp4.svg]]
[[/div]]
[[div_ class="icon_name"]]
MP4
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/ftml.svg]]
[[/div]]
[[div_ class="icon_name"]]
FTML[[footnote]] Foundation Text Markup Language（基金会文本标记语言）的简写。 [[/footnote]]
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/default.svg]]
[[/div]]
[[div_ class="icon_name"]]
默认(default)
[[/div]]
[[/div]]
[[/div]]
@@ @@
[[=]]
[[collapsible show="[+] 图像版权信息" hide="[-] 隐藏"]]
[[div class="blockquote"]]
**文件名：**全部svg素材
**图像作者：**[[*user Sharia Vanilla]]
**授权协议：**CC BY-SA 3.0
[[/div]]
[[/collapsible]]
[[/=]]
[[/iftags]]
匿名用户
------
本人是鹿学院人文学院大一的一名交换生，上周三参加了学院的一场三波特兰近现代发展史课程的考试，这个考试让我觉得十分失望，同时十分气愤，觉得这场考试太没有意义了！
首先学习了一个学期，我在课堂上认真听课做笔记，结果告诉我是开卷考试，开卷考试就是考试前只需要去打印点资料，然后考试带到教室里抄，一些从来没有听过课的学生都能抄到高分，这难道不是根本没必要听课吗？对我这种认真上课还做笔记的人难道不是非常不公平吗？
所以，我强烈要求学校取消这样无意义而且不公平的开卷考试！改为所有原开卷考试闭卷，并且考察平时成绩和笔记得分，学校应该一视同仁，杜绝这样的不公平行为！
[[module css]]
div.mail-main a:link,
div.mail-main a:visited {
color: inherit;
text-decoration: currentcolor solid underline;
}
div.mail-main a:hover,
div.mail-main a:active {
background-color: #FFF;
color: #000;
text-decoration: #111 solid underline;
}
div.mail-main {
--icon-color: #5d9965;
--icon-letter: "S";
--letter-color: black;
display: flex;
flex-direction: column;
gap: 1em;
background-color: rgb(255, 255, 255);
color: black;
border: #000 solid;
border-width: 0.375rem 0.125rem;
margin: 2rem auto;
padding: 1em;
max-width: calc(var(--main-content-width) * 0.925);
}
div.mail-header {
display: flex;
justify-content: space-between;
gap: 1em;
}
div.mail-header div.mail-info {
display: grid;
grid-template-columns: 3rem 1fr;
grid-template-rows: 100%;
gap: 1ch;
align-items: center;
}
div.mail-header div.logo {
position: relative;
background-color: var(--icon-color);
background-image: var(--icon-image);
background-position: center;
background-repeat: no-repeat;
background-size: 2.5rem;
border-radius: 50%;
width: 3rem;
height: 3rem;
}
div.logo::after {
content: var(--icon-letter);
position: absolute;
color: var(--letter-color);
font-size: 140%;
font-weight: bold;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
div.mail-header div.mail-from-to {
display: flex;
flex-basis: auto;
flex-direction: column;
justify-content: end;
height: 100%;
}
div.mail-header div.mail-from-to > span {
line-height: 2;
}
#page-content div.mail-header div.mail-options {
display: flex;
flex-wrap: wrap;
justify-content: end;
align-items: center;
max-width: 10.5rem;
}
div.mail-header div.mail-options div.icon {
flex-grow: 1;
position: relative;
width: 2.625rem;
height: 2.25rem;
box-sizing: border-box;
transition: background-color 200ms linear;
}
div.mail-header div.mail-options div[data-icon="1"] {
--icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/replyicon.svg");
}
div.mail-header div.mail-options div[data-icon="2"] {
--icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/replyallicon.svg");
}
div.mail-header div.mail-options div[data-icon="3"] {
--icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/retransicon.svg");
}
div.mail-header div.mail-options div[data-icon="4"] {
--icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/moreicon.svg");
border-left: 0.05rem rgb(237, 237, 237) solid;
}
div.mail-header div.mail-options div.icon:hover {
background-color: rgb(239, 236, 213, 0.5);
}
div.mail-header div.mail-options div.icon::before {
content: "";
background-image: var(--icon);
background-position: center;
background-repeat: no-repeat;
background-size: 1.325rem;
position: absolute;
display: block;
width: 100%;
height: 100%;
inset: 0;
}
div.mail-header div.mail-options div.icon span {
position: absolute;
top: -3em;
left: -50%;
width: 200%;
opacity: 0;
pointer-events: none;
background-color: rgb(255, 255, 255);
box-shadow: 0 3px 3px 1px rgb(170, 170, 170, 50%);
padding: 0.75ch 0;
text-align: center;
transition: opacity 100ms linear 100ms;
}
div.mail-header div.mail-options div.icon:hover :where(span, span:hover) {
opacity: 1;
pointer-events: auto;
}
div.mail-header div.mail-options div.date {
font-size: 0.8em;
}
div.mail-content {
margin-inline: 3.25rem;
}
div.mail-main:has(div.mail-file) div.mail-content {
border-bottom: 0.1rem black solid;
}
div.mail-file {
margin: 1rem 3.25rem 2rem 3.25rem;
}
div.mail-file > a, div.mail-file a.collapsible-block-link {
margin-inline: 1ch;
}
div.mail-file > a::before, div.mail-file a.collapsible-block-link::before {
content: "";
display: inline-block;
background-image: var(--file-icon);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
margin-right: 1em;
width: 1em;
height: 1em;
transform: scale(2);
}
@media (max-width: 64rem) {
div.mail-content,
div.mail-file {
margin: 0;
}
}
@media (max-width: 35rem) {
div.mail-header {
flex-direction: column;
}
#page-content div.mail-header div.mail-options {
max-width: none;
}
div.mail-header div.mail-options div[data-icon] {
flex-grow: 0;
}
div.icon:not([data-icon="1"], [data-icon="4"]) {
display: none;
}
div.mail-header div.date {
order: -1;
flex-grow: 1;
}
}
[[/module]]
@@ @@
[!-- {$header}]
[[div class="mail-main"]]
[[div class="mail-header" style="--icon-color:{$icon-color}; --icon-letter:"{$icon-letter}"; --icon-image:url("{$icon-image}"); --letter-color:{$letter-color};"]]
[[div class="mail-info"]]
[[div class="logo"]]
[[/div]]
[[div_ class="mail-from-to"]]
[[span]]{$sender}<[# {$sender-mail}]>[[/span]][[span]]收件人：[# {$reciever-mail}][[/span]]
[[/div]]
[[/div]]
[[div class="mail-options"]]
[[div_ class="icon" data-icon="1"]]
[[span]]答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="2"]]
[[span]]全部答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="3"]]
[[span]]转发[[/span]]
[[/div]]
[[div_ class="icon" data-icon="4"]]
[[span]]更多操作[[/span]]
[[/div]]
[[div_ class="date"]]
{$date}
[[/div]]
[[/div]]
[[/div]]
[[div class="mail-content"]]
[!{$header} --]
[!-- {$footer}]
[[/div]]
[[div_ class="mail-file" style="--file-icon: url("{$file-icon}");"]]
[{$link} {$link-name}]@@ @@##aaaaaa|{$file-size}##
[[/div]]
[[/div]]
[!{$footer} --]
[!-- --
]
[[/div]]
[[/div]]
[!--
--]
[[iftags +组件]]
[[module css]]
@import url("https://scp-wiki-cn.wikidot.com/fragment:parallel/code/1");
:root{
--basalt-bright-element-color: 93, 153, 101;
--basalt-dark-element-color: 57, 117, 67;
--basalt-darker-element-color: 0, 52, 16;
}
#page-content hr {
background-color: rgb(var(--basalt-main-text-color)) !important;
}
h1, h2, h3, h4, h5, h6 {
text-align: center;
margin-top: 1em;
margin-bottom: 1em;
}
li:not(:first-child) {margin-top: 0.75em;}
ul, ol {padding-left: 10px;}
/* icon list from acs component */
.icons {
display: grid;
-ms-grid-columns: calc((100% / 5) - 0.25rem) 0.25rem calc((100% / 5) - 0.25rem) 0.25rem calc((100% / 5) - 0.25rem) 0.25rem calc((100% / 5) - 0.25rem) 0.25rem calc((100% / 5) - 0.25rem);
grid-template-columns: repeat(5, calc((100% / 5) - 0.25rem));
grid-gap: 0.25rem;
}
@media (max-width: 500px) {
.icons {
grid-template-columns: repeat(3, calc((100% / 3) - 0.25rem));
}
}
.icon_image {
border: 0.25rem solid black;
overflow: hidden;
position: relative;
aspect-ratio: 1 / 1;
}
.icon_image > img {
position: absolute;
max-width: 70%;
max-height: 70%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.icon_name {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
text-transform: uppercase;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
font-weight: bold;
}
span.anno {
color: #888888;
user-select: none;
}
span.anno::before {
content: "/* ";
}
span.anno::after {
content: " */";
}
#u-component-top-box {
margin-top: 20px !important;
}
[[/module]]
[[>]]
[[module rate]]
[[/>]]
+ 信息
这是一个模仿基金会内部邮件系统的内容组件，设计风格受启发自微软的[https://outlook.live.com/mail/0/ Outlook邮箱]。该组件由[[[SCP-CN-3919]]]的第一迭代衍生而来，在原文中作为第二迭代的.docx文档的引入文段使用。
+ 组件设置
你可以使用如下代码以在文中引用此组件：
[[div class="code blockquote"]]
@@[[include :scp-wiki-cn:component:skiplook-mailbox@@
|header = @@--@@
|icon-color = #5d9965 [[span class="anno"]]**必填**，决定发件人图标的背景色。[[/span]]
|icon-image = https://… [[span class="anno"]]填写图片链接，如果没有独特的发件人图标则可不填。若填写此项，则**letter-color**一项应填入**transparent**。[[/span]]
|icon-letter = 53 [[span class="anno"]]没有独特发件人图标时显示的占位字符。可以填入多个字符，但考虑到美观问题，建议字符数不超过2。[[/span]]
|letter-color = #000000 [[span class="anno"]]**必填**，决定占位字符的前景色。[[/span]]
|sender = Site-CN-53 [[span class="anno"]]**必填**，发件人名称。[[/span]]
|sender-mail = monotropauniflora@skipnet.org [[span class="anno"]]**必填**，发件人邮箱。[[/span]]
|reciever-mail = purifiedsilica@skipnet.org [[span class="anno"]]**必填**，收件人邮箱。[[/span]]
|date = 周四 2024/12/5 14:32 [[span class="anno"]]**必填**，发件日期。[[/span]]
]]
**邮件正文内容**
@@[[include :scp-wiki-cn:component:skiplook-mailbox@@
|footer = @@--@@
|link = https://… [[span class="anno"]]**必填**，点击附件链接时跳转到的页面。如果无需跳转则填入"#"。[[/span]]
|link-name = SCP-CN-3919.ftml [[span class="anno"]]**必填**，附件文件名。[[/span]]
|file-size = 3.21KB [[span class="anno"]]**必填**，附件大小。[[/span]]
|file-icon = https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/ftml.svg [[span class="anno"]]**必填**，附件图标链接。有关图标的信息请参考后续章节。[[/span]]
]]
[[/div]]
如果无需附件部分，则可将正文内容之后的部分更换为：
[[div class="code blockquote"]]
@@[[include :scp-wiki-cn:component:skiplook-mailbox@@
|pure-footer = @@--@@
]]
[[/div]]
该组件的视觉效果如下。请注意：本组件在Sigma-9等网站默认版式下同样拥有相似的视觉效果，但在基于[[[theme:parallel|平行]]]的版式下应用效果最佳。
++ 有附件
[[div class="mail-main"]]
[[div class="mail-header" style="--icon-color:#5d9965; --icon-letter:"53"; --icon-image:url(""); --letter-color:#000000;"]]
[[div class="mail-info"]]
[[div class="logo"]]
[[/div]]
[[div_ class="mail-from-to"]]
[[span]]Site-CN-53<[# monotropauniflora@skipnet.org]>[[/span]][[span]]收件人：[# purifiedsilica@skipnet.org][[/span]]
[[/div]]
[[/div]]
[[div class="mail-options"]]
[[div_ class="icon" data-icon="1"]]
[[span]]答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="2"]]
[[span]]全部答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="3"]]
[[span]]转发[[/span]]
[[/div]]
[[div_ class="icon" data-icon="4"]]
[[span]]更多操作[[/span]]
[[/div]]
[[div_ class="date"]]
周四 2024/12/5 14:32
[[/div]]
[[/div]]
[[/div]]
[[div class="mail-content"]]
**这里是正文内容。**
[[/div]]
[[div_ class="mail-file" style="--file-icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/ftml.svg");"]]
[https://scp-wiki-cn.wikidot.com/scp-cn-3919 SCP-CN-3919.ftml]@@ @@##aaaaaa|3.21KB##
[[/div]]
[[/div]]
++ 无附件
[[div class="mail-main"]]
[[div class="mail-header" style="--icon-color:#5d9965; --icon-letter:"53"; --icon-image:url("https://scpsandboxcn.wdfiles.com/local--files/sharia-vanilla-others/site-cn-53.png"); --letter-color:transparent;"]]
[[div class="mail-info"]]
[[div class="logo"]]
[[/div]]
[[div_ class="mail-from-to"]]
[[span]]Site-CN-53<[# monotropauniflora@skipnet.org]>[[/span]][[span]]收件人：[# purifiedsilica@skipnet.org][[/span]]
[[/div]]
[[/div]]
[[div class="mail-options"]]
[[div_ class="icon" data-icon="1"]]
[[span]]答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="2"]]
[[span]]全部答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="3"]]
[[span]]转发[[/span]]
[[/div]]
[[div_ class="icon" data-icon="4"]]
[[span]]更多操作[[/span]]
[[/div]]
[[div_ class="date"]]
周四 2024/12/5 14:32
[[/div]]
[[/div]]
[[/div]]
[[div class="mail-content"]]
**这里是正文内容。**
[[/div]]
[[/div]]
+ 预设附件图标
本组件为常用的数种文件格式预设了可用的附件图标。当然，如果你有需要的话，也可以在附件图标处传入自己的图片，或是将下面的这些图标用在其它文章中。
下述图标引用链接均为：
[[div class="blockquote code"]]
@@https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/@@**图标下方英文文本**@@.svg@@
[[/div]]
[[div_ class="blockquote icons" style="background-color: #ffffff;"]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/doc.svg]]
[[/div]]
[[div_ class="icon_name"]]
DOC
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/xls.svg]]
[[/div]]
[[div_ class="icon_name"]]
XLS
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/ppt.svg]]
[[/div]]
[[div_ class="icon_name"]]
PPT
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/pdf.svg]]
[[/div]]
[[div_ class="icon_name"]]
PDF
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/png.svg]]
[[/div]]
[[div_ class="icon_name"]]
PNG
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/exe.svg]]
[[/div]]
[[div_ class="icon_name"]]
EXE
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/rar.svg]]
[[/div]]
[[div_ class="icon_name"]]
RAR
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/mp4.svg]]
[[/div]]
[[div_ class="icon_name"]]
MP4
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/ftml.svg]]
[[/div]]
[[div_ class="icon_name"]]
FTML[[footnote]] Foundation Text Markup Language（基金会文本标记语言）的简写。 [[/footnote]]
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/default.svg]]
[[/div]]
[[div_ class="icon_name"]]
默认(default)
[[/div]]
[[/div]]
[[/div]]
@@ @@
[[=]]
[[collapsible show="[+] 图像版权信息" hide="[-] 隐藏"]]
[[div class="blockquote"]]
**文件名：**全部svg素材
**图像作者：**[[*user Sharia Vanilla]]
**授权协议：**CC BY-SA 3.0
[[/div]]
[[/collapsible]]
[[/=]]
[[/iftags]]
[[/div]]
[[module css]]
div.mail-main a:link,
div.mail-main a:visited {
color: inherit;
text-decoration: currentcolor solid underline;
}
div.mail-main a:hover,
div.mail-main a:active {
background-color: #FFF;
color: #000;
text-decoration: #111 solid underline;
}
div.mail-main {
--icon-color: #5d9965;
--icon-letter: "S";
--letter-color: black;
display: flex;
flex-direction: column;
gap: 1em;
background-color: rgb(255, 255, 255);
color: black;
border: #000 solid;
border-width: 0.375rem 0.125rem;
margin: 2rem auto;
padding: 1em;
max-width: calc(var(--main-content-width) * 0.925);
}
div.mail-header {
display: flex;
justify-content: space-between;
gap: 1em;
}
div.mail-header div.mail-info {
display: grid;
grid-template-columns: 3rem 1fr;
grid-template-rows: 100%;
gap: 1ch;
align-items: center;
}
div.mail-header div.logo {
position: relative;
background-color: var(--icon-color);
background-image: var(--icon-image);
background-position: center;
background-repeat: no-repeat;
background-size: 2.5rem;
border-radius: 50%;
width: 3rem;
height: 3rem;
}
div.logo::after {
content: var(--icon-letter);
position: absolute;
color: var(--letter-color);
font-size: 140%;
font-weight: bold;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
div.mail-header div.mail-from-to {
display: flex;
flex-basis: auto;
flex-direction: column;
justify-content: end;
height: 100%;
}
div.mail-header div.mail-from-to > span {
line-height: 2;
}
#page-content div.mail-header div.mail-options {
display: flex;
flex-wrap: wrap;
justify-content: end;
align-items: center;
max-width: 10.5rem;
}
div.mail-header div.mail-options div.icon {
flex-grow: 1;
position: relative;
width: 2.625rem;
height: 2.25rem;
box-sizing: border-box;
transition: background-color 200ms linear;
}
div.mail-header div.mail-options div[data-icon="1"] {
--icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/replyicon.svg");
}
div.mail-header div.mail-options div[data-icon="2"] {
--icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/replyallicon.svg");
}
div.mail-header div.mail-options div[data-icon="3"] {
--icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/retransicon.svg");
}
div.mail-header div.mail-options div[data-icon="4"] {
--icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/moreicon.svg");
border-left: 0.05rem rgb(237, 237, 237) solid;
}
div.mail-header div.mail-options div.icon:hover {
background-color: rgb(239, 236, 213, 0.5);
}
div.mail-header div.mail-options div.icon::before {
content: "";
background-image: var(--icon);
background-position: center;
background-repeat: no-repeat;
background-size: 1.325rem;
position: absolute;
display: block;
width: 100%;
height: 100%;
inset: 0;
}
div.mail-header div.mail-options div.icon span {
position: absolute;
top: -3em;
left: -50%;
width: 200%;
opacity: 0;
pointer-events: none;
background-color: rgb(255, 255, 255);
box-shadow: 0 3px 3px 1px rgb(170, 170, 170, 50%);
padding: 0.75ch 0;
text-align: center;
transition: opacity 100ms linear 100ms;
}
div.mail-header div.mail-options div.icon:hover :where(span, span:hover) {
opacity: 1;
pointer-events: auto;
}
div.mail-header div.mail-options div.date {
font-size: 0.8em;
}
div.mail-content {
margin-inline: 3.25rem;
}
div.mail-main:has(div.mail-file) div.mail-content {
border-bottom: 0.1rem black solid;
}
div.mail-file {
margin: 1rem 3.25rem 2rem 3.25rem;
}
div.mail-file > a, div.mail-file a.collapsible-block-link {
margin-inline: 1ch;
}
div.mail-file > a::before, div.mail-file a.collapsible-block-link::before {
content: "";
display: inline-block;
background-image: var(--file-icon);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
margin-right: 1em;
width: 1em;
height: 1em;
transform: scale(2);
}
@media (max-width: 64rem) {
div.mail-content,
div.mail-file {
margin: 0;
}
}
@media (max-width: 35rem) {
div.mail-header {
flex-direction: column;
}
#page-content div.mail-header div.mail-options {
max-width: none;
}
div.mail-header div.mail-options div[data-icon] {
flex-grow: 0;
}
div.icon:not([data-icon="1"], [data-icon="4"]) {
display: none;
}
div.mail-header div.date {
order: -1;
flex-grow: 1;
}
}
[[/module]]
@@ @@
[!-- --
]
[[div class="mail-main"]]
[[div class="mail-header" style="--icon-color:#A80010
; --icon-letter:"01
"; --icon-image:url("https://scpsandboxcn.wdfiles.com/local--files/collab%3Apumpkin/deer_%E5%AD%A6%E7%94%9F4
"); --letter-color:transparent
;"]]
[[div class="mail-info"]]
[[div class="logo"]]
[[/div]]
[[div_ class="mail-from-to"]]
[[span]]A Deer
<[# student01946782@deer.edu
]>[[/span]][[span]]收件人：[# principal@deer.edu
][[/span]]
[[/div]]
[[/div]]
[[div class="mail-options"]]
[[div_ class="icon" data-icon="1"]]
[[span]]答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="2"]]
[[span]]全部答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="3"]]
[[span]]转发[[/span]]
[[/div]]
[[div_ class="icon" data-icon="4"]]
[[span]]更多操作[[/span]]
[[/div]]
[[div_ class="date"]]
周日 2025/01/26 15：45
[[/div]]
[[/div]]
[[/div]]
[[div class="mail-content"]]
[!--
--]
[!-- {$footer}]
[[/div]]
[[div_ class="mail-file" style="--file-icon: url("{$file-icon}");"]]
[{$link} {$link-name}]@@ @@##aaaaaa|{$file-size}##
[[/div]]
[[/div]]
[!{$footer} --]
[!-- {$pure-footer}]
[[/div]]
[[/div]]
[!{$pure-footer} --]
[[iftags +组件]]
[[module css]]
@import url("https://scp-wiki-cn.wikidot.com/fragment:parallel/code/1");
:root{
--basalt-bright-element-color: 93, 153, 101;
--basalt-dark-element-color: 57, 117, 67;
--basalt-darker-element-color: 0, 52, 16;
}
#page-content hr {
background-color: rgb(var(--basalt-main-text-color)) !important;
}
h1, h2, h3, h4, h5, h6 {
text-align: center;
margin-top: 1em;
margin-bottom: 1em;
}
li:not(:first-child) {margin-top: 0.75em;}
ul, ol {padding-left: 10px;}
/* icon list from acs component */
.icons {
display: grid;
-ms-grid-columns: calc((100% / 5) - 0.25rem) 0.25rem calc((100% / 5) - 0.25rem) 0.25rem calc((100% / 5) - 0.25rem) 0.25rem calc((100% / 5) - 0.25rem) 0.25rem calc((100% / 5) - 0.25rem);
grid-template-columns: repeat(5, calc((100% / 5) - 0.25rem));
grid-gap: 0.25rem;
}
@media (max-width: 500px) {
.icons {
grid-template-columns: repeat(3, calc((100% / 3) - 0.25rem));
}
}
.icon_image {
border: 0.25rem solid black;
overflow: hidden;
position: relative;
aspect-ratio: 1 / 1;
}
.icon_image > img {
position: absolute;
max-width: 70%;
max-height: 70%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.icon_name {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
text-transform: uppercase;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
font-weight: bold;
}
span.anno {
color: #888888;
user-select: none;
}
span.anno::before {
content: "/* ";
}
span.anno::after {
content: " */";
}
#u-component-top-box {
margin-top: 20px !important;
}
[[/module]]
[[>]]
[[module rate]]
[[/>]]
+ 信息
这是一个模仿基金会内部邮件系统的内容组件，设计风格受启发自微软的[https://outlook.live.com/mail/0/ Outlook邮箱]。该组件由[[[SCP-CN-3919]]]的第一迭代衍生而来，在原文中作为第二迭代的.docx文档的引入文段使用。
+ 组件设置
你可以使用如下代码以在文中引用此组件：
[[div class="code blockquote"]]
@@[[include :scp-wiki-cn:component:skiplook-mailbox@@
|header = @@--@@
|icon-color = #5d9965 [[span class="anno"]]**必填**，决定发件人图标的背景色。[[/span]]
|icon-image = https://… [[span class="anno"]]填写图片链接，如果没有独特的发件人图标则可不填。若填写此项，则**letter-color**一项应填入**transparent**。[[/span]]
|icon-letter = 53 [[span class="anno"]]没有独特发件人图标时显示的占位字符。可以填入多个字符，但考虑到美观问题，建议字符数不超过2。[[/span]]
|letter-color = #000000 [[span class="anno"]]**必填**，决定占位字符的前景色。[[/span]]
|sender = Site-CN-53 [[span class="anno"]]**必填**，发件人名称。[[/span]]
|sender-mail = monotropauniflora@skipnet.org [[span class="anno"]]**必填**，发件人邮箱。[[/span]]
|reciever-mail = purifiedsilica@skipnet.org [[span class="anno"]]**必填**，收件人邮箱。[[/span]]
|date = 周四 2024/12/5 14:32 [[span class="anno"]]**必填**，发件日期。[[/span]]
]]
**邮件正文内容**
@@[[include :scp-wiki-cn:component:skiplook-mailbox@@
|footer = @@--@@
|link = https://… [[span class="anno"]]**必填**，点击附件链接时跳转到的页面。如果无需跳转则填入"#"。[[/span]]
|link-name = SCP-CN-3919.ftml [[span class="anno"]]**必填**，附件文件名。[[/span]]
|file-size = 3.21KB [[span class="anno"]]**必填**，附件大小。[[/span]]
|file-icon = https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/ftml.svg [[span class="anno"]]**必填**，附件图标链接。有关图标的信息请参考后续章节。[[/span]]
]]
[[/div]]
如果无需附件部分，则可将正文内容之后的部分更换为：
[[div class="code blockquote"]]
@@[[include :scp-wiki-cn:component:skiplook-mailbox@@
|pure-footer = @@--@@
]]
[[/div]]
该组件的视觉效果如下。请注意：本组件在Sigma-9等网站默认版式下同样拥有相似的视觉效果，但在基于[[[theme:parallel|平行]]]的版式下应用效果最佳。
++ 有附件
[[div class="mail-main"]]
[[div class="mail-header" style="--icon-color:#5d9965; --icon-letter:"53"; --icon-image:url(""); --letter-color:#000000;"]]
[[div class="mail-info"]]
[[div class="logo"]]
[[/div]]
[[div_ class="mail-from-to"]]
[[span]]Site-CN-53<[# monotropauniflora@skipnet.org]>[[/span]][[span]]收件人：[# purifiedsilica@skipnet.org][[/span]]
[[/div]]
[[/div]]
[[div class="mail-options"]]
[[div_ class="icon" data-icon="1"]]
[[span]]答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="2"]]
[[span]]全部答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="3"]]
[[span]]转发[[/span]]
[[/div]]
[[div_ class="icon" data-icon="4"]]
[[span]]更多操作[[/span]]
[[/div]]
[[div_ class="date"]]
周四 2024/12/5 14:32
[[/div]]
[[/div]]
[[/div]]
[[div class="mail-content"]]
**这里是正文内容。**
[[/div]]
[[div_ class="mail-file" style="--file-icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/ftml.svg");"]]
[https://scp-wiki-cn.wikidot.com/scp-cn-3919 SCP-CN-3919.ftml]@@ @@##aaaaaa|3.21KB##
[[/div]]
[[/div]]
++ 无附件
[[div class="mail-main"]]
[[div class="mail-header" style="--icon-color:#5d9965; --icon-letter:"53"; --icon-image:url("https://scpsandboxcn.wdfiles.com/local--files/sharia-vanilla-others/site-cn-53.png"); --letter-color:transparent;"]]
[[div class="mail-info"]]
[[div class="logo"]]
[[/div]]
[[div_ class="mail-from-to"]]
[[span]]Site-CN-53<[# monotropauniflora@skipnet.org]>[[/span]][[span]]收件人：[# purifiedsilica@skipnet.org][[/span]]
[[/div]]
[[/div]]
[[div class="mail-options"]]
[[div_ class="icon" data-icon="1"]]
[[span]]答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="2"]]
[[span]]全部答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="3"]]
[[span]]转发[[/span]]
[[/div]]
[[div_ class="icon" data-icon="4"]]
[[span]]更多操作[[/span]]
[[/div]]
[[div_ class="date"]]
周四 2024/12/5 14:32
[[/div]]
[[/div]]
[[/div]]
[[div class="mail-content"]]
**这里是正文内容。**
[[/div]]
[[/div]]
+ 预设附件图标
本组件为常用的数种文件格式预设了可用的附件图标。当然，如果你有需要的话，也可以在附件图标处传入自己的图片，或是将下面的这些图标用在其它文章中。
下述图标引用链接均为：
[[div class="blockquote code"]]
@@https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/@@**图标下方英文文本**@@.svg@@
[[/div]]
[[div_ class="blockquote icons" style="background-color: #ffffff;"]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/doc.svg]]
[[/div]]
[[div_ class="icon_name"]]
DOC
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/xls.svg]]
[[/div]]
[[div_ class="icon_name"]]
XLS
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/ppt.svg]]
[[/div]]
[[div_ class="icon_name"]]
PPT
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/pdf.svg]]
[[/div]]
[[div_ class="icon_name"]]
PDF
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/png.svg]]
[[/div]]
[[div_ class="icon_name"]]
PNG
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/exe.svg]]
[[/div]]
[[div_ class="icon_name"]]
EXE
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/rar.svg]]
[[/div]]
[[div_ class="icon_name"]]
RAR
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/mp4.svg]]
[[/div]]
[[div_ class="icon_name"]]
MP4
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/ftml.svg]]
[[/div]]
[[div_ class="icon_name"]]
FTML[[footnote]] Foundation Text Markup Language（基金会文本标记语言）的简写。 [[/footnote]]
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/default.svg]]
[[/div]]
[[div_ class="icon_name"]]
默认(default)
[[/div]]
[[/div]]
[[/div]]
@@ @@
[[=]]
[[collapsible show="[+] 图像版权信息" hide="[-] 隐藏"]]
[[div class="blockquote"]]
**文件名：**全部svg素材
**图像作者：**[[*user Sharia Vanilla]]
**授权协议：**CC BY-SA 3.0
[[/div]]
[[/collapsible]]
[[/=]]
[[/iftags]]
鹿学院垂钓社团
首席小鹿钓手
------
+++++ Fishing
@@ @@**//三波特兰大湿地，固定杆，3公斤。//**
[[/div]]
[[div_ class="mail-file not-bot" style="--file-icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/png.svg");"]]
[[collapsible show="邮箱图片2025286838.png" hide="关闭"]]
[[div class="blockquote"]]
[[=image https://scpsandboxcn.wdfiles.com/local--files/collab%3Apumpkin/deer_%E9%92%93%E9%B1%BC%E4%BD%AC]]
[[/div]]
[[/div]]
[[/collapsible]]
[[/div]]
[[div class="dark"]]
[[module css]]
div.mail-main a:link,
div.mail-main a:visited {
color: inherit;
text-decoration: currentcolor solid underline;
}
div.mail-main a:hover,
div.mail-main a:active {
background-color: #FFF;
color: #000;
text-decoration: #111 solid underline;
}
div.mail-main {
--icon-color: #5d9965;
--icon-letter: "S";
--letter-color: black;
display: flex;
flex-direction: column;
gap: 1em;
background-color: rgb(255, 255, 255);
color: black;
border: #000 solid;
border-width: 0.375rem 0.125rem;
margin: 2rem auto;
padding: 1em;
max-width: calc(var(--main-content-width) * 0.925);
}
div.mail-header {
display: flex;
justify-content: space-between;
gap: 1em;
}
div.mail-header div.mail-info {
display: grid;
grid-template-columns: 3rem 1fr;
grid-template-rows: 100%;
gap: 1ch;
align-items: center;
}
div.mail-header div.logo {
position: relative;
background-color: var(--icon-color);
background-image: var(--icon-image);
background-position: center;
background-repeat: no-repeat;
background-size: 2.5rem;
border-radius: 50%;
width: 3rem;
height: 3rem;
}
div.logo::after {
content: var(--icon-letter);
position: absolute;
color: var(--letter-color);
font-size: 140%;
font-weight: bold;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
div.mail-header div.mail-from-to {
display: flex;
flex-basis: auto;
flex-direction: column;
justify-content: end;
height: 100%;
}
div.mail-header div.mail-from-to > span {
line-height: 2;
}
#page-content div.mail-header div.mail-options {
display: flex;
flex-wrap: wrap;
justify-content: end;
align-items: center;
max-width: 10.5rem;
}
div.mail-header div.mail-options div.icon {
flex-grow: 1;
position: relative;
width: 2.625rem;
height: 2.25rem;
box-sizing: border-box;
transition: background-color 200ms linear;
}
div.mail-header div.mail-options div[data-icon="1"] {
--icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/replyicon.svg");
}
div.mail-header div.mail-options div[data-icon="2"] {
--icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/replyallicon.svg");
}
div.mail-header div.mail-options div[data-icon="3"] {
--icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/retransicon.svg");
}
div.mail-header div.mail-options div[data-icon="4"] {
--icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/moreicon.svg");
border-left: 0.05rem rgb(237, 237, 237) solid;
}
div.mail-header div.mail-options div.icon:hover {
background-color: rgb(239, 236, 213, 0.5);
}
div.mail-header div.mail-options div.icon::before {
content: "";
background-image: var(--icon);
background-position: center;
background-repeat: no-repeat;
background-size: 1.325rem;
position: absolute;
display: block;
width: 100%;
height: 100%;
inset: 0;
}
div.mail-header div.mail-options div.icon span {
position: absolute;
top: -3em;
left: -50%;
width: 200%;
opacity: 0;
pointer-events: none;
background-color: rgb(255, 255, 255);
box-shadow: 0 3px 3px 1px rgb(170, 170, 170, 50%);
padding: 0.75ch 0;
text-align: center;
transition: opacity 100ms linear 100ms;
}
div.mail-header div.mail-options div.icon:hover :where(span, span:hover) {
opacity: 1;
pointer-events: auto;
}
div.mail-header div.mail-options div.date {
font-size: 0.8em;
}
div.mail-content {
margin-inline: 3.25rem;
}
div.mail-main:has(div.mail-file) div.mail-content {
border-bottom: 0.1rem black solid;
}
div.mail-file {
margin: 1rem 3.25rem 2rem 3.25rem;
}
div.mail-file > a, div.mail-file a.collapsible-block-link {
margin-inline: 1ch;
}
div.mail-file > a::before, div.mail-file a.collapsible-block-link::before {
content: "";
display: inline-block;
background-image: var(--file-icon);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
margin-right: 1em;
width: 1em;
height: 1em;
transform: scale(2);
}
@media (max-width: 64rem) {
div.mail-content,
div.mail-file {
margin: 0;
}
}
@media (max-width: 35rem) {
div.mail-header {
flex-direction: column;
}
#page-content div.mail-header div.mail-options {
max-width: none;
}
div.mail-header div.mail-options div[data-icon] {
flex-grow: 0;
}
div.icon:not([data-icon="1"], [data-icon="4"]) {
display: none;
}
div.mail-header div.date {
order: -1;
flex-grow: 1;
}
}
[[/module]]
@@ @@
[!-- --
]
[[div class="mail-main"]]
[[div class="mail-header" style="--icon-color:#FFFFFF
; --icon-letter:"01
"; --icon-image:url("http://scpsandboxcn.wikidot.com/local--files/collab:pumpkin/deer_%E4%BF%9D%E5%8D%AB%E5%A4%B4%E5%83%8F
"); --letter-color:transparent
;"]]
[[div class="mail-info"]]
[[div class="logo"]]
[[/div]]
[[div_ class="mail-from-to"]]
[[span]]Edvin Dixon：
<[# safety&security@deer.edu
]>[[/span]][[span]]收件人：[# principal@deer.edu
][[/span]]
[[/div]]
[[/div]]
[[div class="mail-options"]]
[[div_ class="icon" data-icon="1"]]
[[span]]答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="2"]]
[[span]]全部答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="3"]]
[[span]]转发[[/span]]
[[/div]]
[[div_ class="icon" data-icon="4"]]
[[span]]更多操作[[/span]]
[[/div]]
[[div_ class="date"]]
周一 2025/01/27 14:56
[[/div]]
[[/div]]
[[/div]]
[[div class="mail-content"]]
[!--
--]
[!-- {$footer}]
[[/div]]
[[div_ class="mail-file" style="--file-icon: url("{$file-icon}");"]]
[{$link} {$link-name}]@@ @@##aaaaaa|{$file-size}##
[[/div]]
[[/div]]
[!{$footer} --]
[!-- {$pure-footer}]
[[/div]]
[[/div]]
[!{$pure-footer} --]
[[iftags +组件]]
[[module css]]
@import url("https://scp-wiki-cn.wikidot.com/fragment:parallel/code/1");
:root{
--basalt-bright-element-color: 93, 153, 101;
--basalt-dark-element-color: 57, 117, 67;
--basalt-darker-element-color: 0, 52, 16;
}
#page-content hr {
background-color: rgb(var(--basalt-main-text-color)) !important;
}
h1, h2, h3, h4, h5, h6 {
text-align: center;
margin-top: 1em;
margin-bottom: 1em;
}
li:not(:first-child) {margin-top: 0.75em;}
ul, ol {padding-left: 10px;}
/* icon list from acs component */
.icons {
display: grid;
-ms-grid-columns: calc((100% / 5) - 0.25rem) 0.25rem calc((100% / 5) - 0.25rem) 0.25rem calc((100% / 5) - 0.25rem) 0.25rem calc((100% / 5) - 0.25rem) 0.25rem calc((100% / 5) - 0.25rem);
grid-template-columns: repeat(5, calc((100% / 5) - 0.25rem));
grid-gap: 0.25rem;
}
@media (max-width: 500px) {
.icons {
grid-template-columns: repeat(3, calc((100% / 3) - 0.25rem));
}
}
.icon_image {
border: 0.25rem solid black;
overflow: hidden;
position: relative;
aspect-ratio: 1 / 1;
}
.icon_image > img {
position: absolute;
max-width: 70%;
max-height: 70%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.icon_name {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
text-transform: uppercase;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
font-weight: bold;
}
span.anno {
color: #888888;
user-select: none;
}
span.anno::before {
content: "/* ";
}
span.anno::after {
content: " */";
}
#u-component-top-box {
margin-top: 20px !important;
}
[[/module]]
[[>]]
[[module rate]]
[[/>]]
+ 信息
这是一个模仿基金会内部邮件系统的内容组件，设计风格受启发自微软的[https://outlook.live.com/mail/0/ Outlook邮箱]。该组件由[[[SCP-CN-3919]]]的第一迭代衍生而来，在原文中作为第二迭代的.docx文档的引入文段使用。
+ 组件设置
你可以使用如下代码以在文中引用此组件：
[[div class="code blockquote"]]
@@[[include :scp-wiki-cn:component:skiplook-mailbox@@
|header = @@--@@
|icon-color = #5d9965 [[span class="anno"]]**必填**，决定发件人图标的背景色。[[/span]]
|icon-image = https://… [[span class="anno"]]填写图片链接，如果没有独特的发件人图标则可不填。若填写此项，则**letter-color**一项应填入**transparent**。[[/span]]
|icon-letter = 53 [[span class="anno"]]没有独特发件人图标时显示的占位字符。可以填入多个字符，但考虑到美观问题，建议字符数不超过2。[[/span]]
|letter-color = #000000 [[span class="anno"]]**必填**，决定占位字符的前景色。[[/span]]
|sender = Site-CN-53 [[span class="anno"]]**必填**，发件人名称。[[/span]]
|sender-mail = monotropauniflora@skipnet.org [[span class="anno"]]**必填**，发件人邮箱。[[/span]]
|reciever-mail = purifiedsilica@skipnet.org [[span class="anno"]]**必填**，收件人邮箱。[[/span]]
|date = 周四 2024/12/5 14:32 [[span class="anno"]]**必填**，发件日期。[[/span]]
]]
**邮件正文内容**
@@[[include :scp-wiki-cn:component:skiplook-mailbox@@
|footer = @@--@@
|link = https://… [[span class="anno"]]**必填**，点击附件链接时跳转到的页面。如果无需跳转则填入"#"。[[/span]]
|link-name = SCP-CN-3919.ftml [[span class="anno"]]**必填**，附件文件名。[[/span]]
|file-size = 3.21KB [[span class="anno"]]**必填**，附件大小。[[/span]]
|file-icon = https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/ftml.svg [[span class="anno"]]**必填**，附件图标链接。有关图标的信息请参考后续章节。[[/span]]
]]
[[/div]]
如果无需附件部分，则可将正文内容之后的部分更换为：
[[div class="code blockquote"]]
@@[[include :scp-wiki-cn:component:skiplook-mailbox@@
|pure-footer = @@--@@
]]
[[/div]]
该组件的视觉效果如下。请注意：本组件在Sigma-9等网站默认版式下同样拥有相似的视觉效果，但在基于[[[theme:parallel|平行]]]的版式下应用效果最佳。
++ 有附件
[[div class="mail-main"]]
[[div class="mail-header" style="--icon-color:#5d9965; --icon-letter:"53"; --icon-image:url(""); --letter-color:#000000;"]]
[[div class="mail-info"]]
[[div class="logo"]]
[[/div]]
[[div_ class="mail-from-to"]]
[[span]]Site-CN-53<[# monotropauniflora@skipnet.org]>[[/span]][[span]]收件人：[# purifiedsilica@skipnet.org][[/span]]
[[/div]]
[[/div]]
[[div class="mail-options"]]
[[div_ class="icon" data-icon="1"]]
[[span]]答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="2"]]
[[span]]全部答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="3"]]
[[span]]转发[[/span]]
[[/div]]
[[div_ class="icon" data-icon="4"]]
[[span]]更多操作[[/span]]
[[/div]]
[[div_ class="date"]]
周四 2024/12/5 14:32
[[/div]]
[[/div]]
[[/div]]
[[div class="mail-content"]]
**这里是正文内容。**
[[/div]]
[[div_ class="mail-file" style="--file-icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/ftml.svg");"]]
[https://scp-wiki-cn.wikidot.com/scp-cn-3919 SCP-CN-3919.ftml]@@ @@##aaaaaa|3.21KB##
[[/div]]
[[/div]]
++ 无附件
[[div class="mail-main"]]
[[div class="mail-header" style="--icon-color:#5d9965; --icon-letter:"53"; --icon-image:url("https://scpsandboxcn.wdfiles.com/local--files/sharia-vanilla-others/site-cn-53.png"); --letter-color:transparent;"]]
[[div class="mail-info"]]
[[div class="logo"]]
[[/div]]
[[div_ class="mail-from-to"]]
[[span]]Site-CN-53<[# monotropauniflora@skipnet.org]>[[/span]][[span]]收件人：[# purifiedsilica@skipnet.org][[/span]]
[[/div]]
[[/div]]
[[div class="mail-options"]]
[[div_ class="icon" data-icon="1"]]
[[span]]答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="2"]]
[[span]]全部答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="3"]]
[[span]]转发[[/span]]
[[/div]]
[[div_ class="icon" data-icon="4"]]
[[span]]更多操作[[/span]]
[[/div]]
[[div_ class="date"]]
周四 2024/12/5 14:32
[[/div]]
[[/div]]
[[/div]]
[[div class="mail-content"]]
**这里是正文内容。**
[[/div]]
[[/div]]
+ 预设附件图标
本组件为常用的数种文件格式预设了可用的附件图标。当然，如果你有需要的话，也可以在附件图标处传入自己的图片，或是将下面的这些图标用在其它文章中。
下述图标引用链接均为：
[[div class="blockquote code"]]
@@https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/@@**图标下方英文文本**@@.svg@@
[[/div]]
[[div_ class="blockquote icons" style="background-color: #ffffff;"]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/doc.svg]]
[[/div]]
[[div_ class="icon_name"]]
DOC
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/xls.svg]]
[[/div]]
[[div_ class="icon_name"]]
XLS
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/ppt.svg]]
[[/div]]
[[div_ class="icon_name"]]
PPT
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/pdf.svg]]
[[/div]]
[[div_ class="icon_name"]]
PDF
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/png.svg]]
[[/div]]
[[div_ class="icon_name"]]
PNG
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/exe.svg]]
[[/div]]
[[div_ class="icon_name"]]
EXE
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/rar.svg]]
[[/div]]
[[div_ class="icon_name"]]
RAR
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/mp4.svg]]
[[/div]]
[[div_ class="icon_name"]]
MP4
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/ftml.svg]]
[[/div]]
[[div_ class="icon_name"]]
FTML[[footnote]] Foundation Text Markup Language（基金会文本标记语言）的简写。 [[/footnote]]
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/default.svg]]
[[/div]]
[[div_ class="icon_name"]]
默认(default)
[[/div]]
[[/div]]
[[/div]]
@@ @@
[[=]]
[[collapsible show="[+] 图像版权信息" hide="[-] 隐藏"]]
[[div class="blockquote"]]
**文件名：**全部svg素材
**图像作者：**[[*user Sharia Vanilla]]
**授权协议：**CC BY-SA 3.0
[[/div]]
[[/collapsible]]
[[/=]]
[[/iftags]]
保卫科办公室
Edvin Dixon，保卫科主任
------
++++ **校长：**
两件事，其中包括了需要向您报告的部分，也包括了我的个人专业建议。我已经将几起事件的答复草拟完毕，都在下面的文件中。我建议照此进行答复，请您审阅。
[[/div]]
[[div_ class="mail-file not-bot" style="--file-icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/pdf.svg");"]]
[[collapsible show="SCP基金会发来的文件.pdf" hide="SCP基金会发来的文件.pdf"]]
[[div class="blockquote" style="border: solid 1px #AAA; background-color: transparent;background: url(http://scp-wiki.wdfiles.com/local--files/the-great-hippo/SCP_icon%281%29.png) top right no-repeat"]]
[[div style="border-left: 2px solid #880000; padding:0 0 0 1em"]]
**来自：**基金会神秘事务协调处
**内容：**校园案件通报
[[/div]]
尊敬的三波特兰鹿学院：
长期以来，贵校都在帷幕世界的教育体系中占据了重要定位，我们很感谢贵校对人才培养、科学研究所做出的贡献，同时很感谢贵校对三波特兰地区繁荣和稳定所做出的贡献。
但是最近一些治安报告引起了我们的担忧。1月15日，鹿学院图书馆内似乎发生了一起恶性伤人事件，一名学生持枪并使用火球术造成了数人受伤，许多家长、学生通过各方渠道向基金会表达了安全方面的恐慌。但截止目前，该其案件仅有UIU对嫌疑人进行的标准调查，学生对长期安危的顾虑依然存在并且没有得到解决。
我们很感谢鹿学院长期以来对维护来自世界各地的学生的安全的努力，但目前学院内部守备力量空缺、安保能力短板的现象已然是事实。我们希望与鹿学院建立长期的友善合作关系，为整个超自然社群的安全贡献我们的力量。希望贵校能审时度势，充分考虑这其中的利弊并与我们进行会谈。期待贵校的回应。
SCP基金会
[[/div]]
[[/collapsible]]
[[/div]]
[[div_ class="mail-file not-bot" style="--file-icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/doc.svg");"]]
[[collapsible show="草拟回复：SCP基金会.doc" hide="草拟回复：SCP基金会.doc"]]
[[div class="blockquote"]]
致：SCP基金会
感谢关心，这起案件已经妥善解决，我们也做出了相应的整改：我们已督促图书馆设立新规，要求使用消音器和匿声术，确保图书馆安静、不影响他人阅读。
[[>]]
鹿学院保卫科，祝您早安、午安、晚安。
[[/>]]
[[/div]]
[[/collapsible]]
[[/div]]
[[div_ class="mail-file not-bot" style="--file-icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/pdf.svg");"]]
[[collapsible show="美国国防部五芒星发来的文件.pdf" hide="美国国防部五芒星发来的文件.pdf"]]
[[div class="email pentagram"]]
[[table style="align:left; margin-top: 10px;"]]
[[row]]
[[hcell style="text-align:right"]]
**发件人：**
[[/hcell]]
[[cell]]
[# strategichomeland@pentagram.gov]
[[/cell]]
[[/row]]
[[row]]
[[hcell style="text-align:right"]]
**收件人：**
[[/hcell]]
[[cell]]
[# safety&security@deer.edu]
[[/cell]]
[[/row]]
[[row]]
[[hcell style="text-align:right"]]
**主题：**
[[/hcell]]
[[cell]]
通知：鹿学院需加强学生团体手机软件管理
[[/cell]]
[[/row]]
[[row]]
[[hcell style="text-align:right"]]
**日期：**
[[/hcell]]
[[cell]]
2024/01/23
[[/cell]]
[[/row]]
[[/table]]
-----
致鹿学院保卫科：
近日，以Rednote为代表的社交软件在全美年轻人中刮起了一股流行之风，全美青年开始在Rednote上开设账号，展示自己的生活日常、学业工作，同时与该软件上来自其他国家的用户相互聊天。
因Rednote该软件实际上为一款中国企业开发的社交产品，新注册的青年用户实际上主要与中国网络用户产生了接触，暗中为该类软件为中国政府收集个人资料与敏感信息提供了便利。目前已有一些故意泄露敏感军事信息的用户被逮捕，相关案件正在进行调查。
帷幕内神秘学存在同样是国家安全的重要组成部分。为保护国家安全，同时也是保护鹿学院学生自身的安全，请鹿学院的管理人员对学生手机内应用软件进行清查与管理，清查包括Rednote在内的常态软件和[[[nexus-homescreen|NEXUS软件]]]在内的帷幕内软件，确保学生们不会通过例如Rednote软件泄露超自然信息、威胁帷幕安全。
战略国土办公室，美国超自然战争司令部
[[/div]]
[[/collapsible]]
[[/div]]
[[div_ class="mail-file not-bot" style="--file-icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/doc.svg");"]]
[[collapsible show="草拟回复：美国国防部五芒星.doc" hide="草拟回复：美国国防部五芒星.doc"]]
[[div class="blockquote"]]
致：美国国防部五芒星
退订。
[[>]]
鹿学院保卫科，祝您早安、午安、晚安。
[[/>]]
[[/div]]
[[/collapsible]]
[[/div]]
[[/div]]
[[/div]]
[[module css]]
div.mail-main a:link,
div.mail-main a:visited {
color: inherit;
text-decoration: currentcolor solid underline;
}
div.mail-main a:hover,
div.mail-main a:active {
background-color: #FFF;
color: #000;
text-decoration: #111 solid underline;
}
div.mail-main {
--icon-color: #5d9965;
--icon-letter: "S";
--letter-color: black;
display: flex;
flex-direction: column;
gap: 1em;
background-color: rgb(255, 255, 255);
color: black;
border: #000 solid;
border-width: 0.375rem 0.125rem;
margin: 2rem auto;
padding: 1em;
max-width: calc(var(--main-content-width) * 0.925);
}
div.mail-header {
display: flex;
justify-content: space-between;
gap: 1em;
}
div.mail-header div.mail-info {
display: grid;
grid-template-columns: 3rem 1fr;
grid-template-rows: 100%;
gap: 1ch;
align-items: center;
}
div.mail-header div.logo {
position: relative;
background-color: var(--icon-color);
background-image: var(--icon-image);
background-position: center;
background-repeat: no-repeat;
background-size: 2.5rem;
border-radius: 50%;
width: 3rem;
height: 3rem;
}
div.logo::after {
content: var(--icon-letter);
position: absolute;
color: var(--letter-color);
font-size: 140%;
font-weight: bold;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
div.mail-header div.mail-from-to {
display: flex;
flex-basis: auto;
flex-direction: column;
justify-content: end;
height: 100%;
}
div.mail-header div.mail-from-to > span {
line-height: 2;
}
#page-content div.mail-header div.mail-options {
display: flex;
flex-wrap: wrap;
justify-content: end;
align-items: center;
max-width: 10.5rem;
}
div.mail-header div.mail-options div.icon {
flex-grow: 1;
position: relative;
width: 2.625rem;
height: 2.25rem;
box-sizing: border-box;
transition: background-color 200ms linear;
}
div.mail-header div.mail-options div[data-icon="1"] {
--icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/replyicon.svg");
}
div.mail-header div.mail-options div[data-icon="2"] {
--icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/replyallicon.svg");
}
div.mail-header div.mail-options div[data-icon="3"] {
--icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/retransicon.svg");
}
div.mail-header div.mail-options div[data-icon="4"] {
--icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/moreicon.svg");
border-left: 0.05rem rgb(237, 237, 237) solid;
}
div.mail-header div.mail-options div.icon:hover {
background-color: rgb(239, 236, 213, 0.5);
}
div.mail-header div.mail-options div.icon::before {
content: "";
background-image: var(--icon);
background-position: center;
background-repeat: no-repeat;
background-size: 1.325rem;
position: absolute;
display: block;
width: 100%;
height: 100%;
inset: 0;
}
div.mail-header div.mail-options div.icon span {
position: absolute;
top: -3em;
left: -50%;
width: 200%;
opacity: 0;
pointer-events: none;
background-color: rgb(255, 255, 255);
box-shadow: 0 3px 3px 1px rgb(170, 170, 170, 50%);
padding: 0.75ch 0;
text-align: center;
transition: opacity 100ms linear 100ms;
}
div.mail-header div.mail-options div.icon:hover :where(span, span:hover) {
opacity: 1;
pointer-events: auto;
}
div.mail-header div.mail-options div.date {
font-size: 0.8em;
}
div.mail-content {
margin-inline: 3.25rem;
}
div.mail-main:has(div.mail-file) div.mail-content {
border-bottom: 0.1rem black solid;
}
div.mail-file {
margin: 1rem 3.25rem 2rem 3.25rem;
}
div.mail-file > a, div.mail-file a.collapsible-block-link {
margin-inline: 1ch;
}
div.mail-file > a::before, div.mail-file a.collapsible-block-link::before {
content: "";
display: inline-block;
background-image: var(--file-icon);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
margin-right: 1em;
width: 1em;
height: 1em;
transform: scale(2);
}
@media (max-width: 64rem) {
div.mail-content,
div.mail-file {
margin: 0;
}
}
@media (max-width: 35rem) {
div.mail-header {
flex-direction: column;
}
#page-content div.mail-header div.mail-options {
max-width: none;
}
div.mail-header div.mail-options div[data-icon] {
flex-grow: 0;
}
div.icon:not([data-icon="1"], [data-icon="4"]) {
display: none;
}
div.mail-header div.date {
order: -1;
flex-grow: 1;
}
}
[[/module]]
@@ @@
[!-- --
]
[[div class="mail-main"]]
[[div class="mail-header" style="--icon-color:#A80010
; --icon-letter:"01
"; --icon-image:url("https://scpsandboxcn.wdfiles.com/local--files/collab%3Apumpkin/deer_%E5%AD%A6%E7%94%9Flogo3
"); --letter-color:transparent
;"]]
[[div class="mail-info"]]
[[div class="logo"]]
[[/div]]
[[div_ class="mail-from-to"]]
[[span]]A Deer：
<[# student01954361@deer.edu
]>[[/span]][[span]]收件人：[# principal@deer.edu
][[/span]]
[[/div]]
[[/div]]
[[div class="mail-options"]]
[[div_ class="icon" data-icon="1"]]
[[span]]答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="2"]]
[[span]]全部答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="3"]]
[[span]]转发[[/span]]
[[/div]]
[[div_ class="icon" data-icon="4"]]
[[span]]更多操作[[/span]]
[[/div]]
[[div_ class="date"]]
周二 2025/01/28 09:45
[[/div]]
[[/div]]
[[/div]]
[[div class="mail-content"]]
[!--
--]
[!-- {$footer}]
[[/div]]
[[div_ class="mail-file" style="--file-icon: url("{$file-icon}");"]]
[{$link} {$link-name}]@@ @@##aaaaaa|{$file-size}##
[[/div]]
[[/div]]
[!{$footer} --]
[!-- {$pure-footer}]
[[/div]]
[[/div]]
[!{$pure-footer} --]
[[iftags +组件]]
[[module css]]
@import url("https://scp-wiki-cn.wikidot.com/fragment:parallel/code/1");
:root{
--basalt-bright-element-color: 93, 153, 101;
--basalt-dark-element-color: 57, 117, 67;
--basalt-darker-element-color: 0, 52, 16;
}
#page-content hr {
background-color: rgb(var(--basalt-main-text-color)) !important;
}
h1, h2, h3, h4, h5, h6 {
text-align: center;
margin-top: 1em;
margin-bottom: 1em;
}
li:not(:first-child) {margin-top: 0.75em;}
ul, ol {padding-left: 10px;}
/* icon list from acs component */
.icons {
display: grid;
-ms-grid-columns: calc((100% / 5) - 0.25rem) 0.25rem calc((100% / 5) - 0.25rem) 0.25rem calc((100% / 5) - 0.25rem) 0.25rem calc((100% / 5) - 0.25rem) 0.25rem calc((100% / 5) - 0.25rem);
grid-template-columns: repeat(5, calc((100% / 5) - 0.25rem));
grid-gap: 0.25rem;
}
@media (max-width: 500px) {
.icons {
grid-template-columns: repeat(3, calc((100% / 3) - 0.25rem));
}
}
.icon_image {
border: 0.25rem solid black;
overflow: hidden;
position: relative;
aspect-ratio: 1 / 1;
}
.icon_image > img {
position: absolute;
max-width: 70%;
max-height: 70%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.icon_name {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
text-transform: uppercase;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
font-weight: bold;
}
span.anno {
color: #888888;
user-select: none;
}
span.anno::before {
content: "/* ";
}
span.anno::after {
content: " */";
}
#u-component-top-box {
margin-top: 20px !important;
}
[[/module]]
[[>]]
[[module rate]]
[[/>]]
+ 信息
这是一个模仿基金会内部邮件系统的内容组件，设计风格受启发自微软的[https://outlook.live.com/mail/0/ Outlook邮箱]。该组件由[[[SCP-CN-3919]]]的第一迭代衍生而来，在原文中作为第二迭代的.docx文档的引入文段使用。
+ 组件设置
你可以使用如下代码以在文中引用此组件：
[[div class="code blockquote"]]
@@[[include :scp-wiki-cn:component:skiplook-mailbox@@
|header = @@--@@
|icon-color = #5d9965 [[span class="anno"]]**必填**，决定发件人图标的背景色。[[/span]]
|icon-image = https://… [[span class="anno"]]填写图片链接，如果没有独特的发件人图标则可不填。若填写此项，则**letter-color**一项应填入**transparent**。[[/span]]
|icon-letter = 53 [[span class="anno"]]没有独特发件人图标时显示的占位字符。可以填入多个字符，但考虑到美观问题，建议字符数不超过2。[[/span]]
|letter-color = #000000 [[span class="anno"]]**必填**，决定占位字符的前景色。[[/span]]
|sender = Site-CN-53 [[span class="anno"]]**必填**，发件人名称。[[/span]]
|sender-mail = monotropauniflora@skipnet.org [[span class="anno"]]**必填**，发件人邮箱。[[/span]]
|reciever-mail = purifiedsilica@skipnet.org [[span class="anno"]]**必填**，收件人邮箱。[[/span]]
|date = 周四 2024/12/5 14:32 [[span class="anno"]]**必填**，发件日期。[[/span]]
]]
**邮件正文内容**
@@[[include :scp-wiki-cn:component:skiplook-mailbox@@
|footer = @@--@@
|link = https://… [[span class="anno"]]**必填**，点击附件链接时跳转到的页面。如果无需跳转则填入"#"。[[/span]]
|link-name = SCP-CN-3919.ftml [[span class="anno"]]**必填**，附件文件名。[[/span]]
|file-size = 3.21KB [[span class="anno"]]**必填**，附件大小。[[/span]]
|file-icon = https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/ftml.svg [[span class="anno"]]**必填**，附件图标链接。有关图标的信息请参考后续章节。[[/span]]
]]
[[/div]]
如果无需附件部分，则可将正文内容之后的部分更换为：
[[div class="code blockquote"]]
@@[[include :scp-wiki-cn:component:skiplook-mailbox@@
|pure-footer = @@--@@
]]
[[/div]]
该组件的视觉效果如下。请注意：本组件在Sigma-9等网站默认版式下同样拥有相似的视觉效果，但在基于[[[theme:parallel|平行]]]的版式下应用效果最佳。
++ 有附件
[[div class="mail-main"]]
[[div class="mail-header" style="--icon-color:#5d9965; --icon-letter:"53"; --icon-image:url(""); --letter-color:#000000;"]]
[[div class="mail-info"]]
[[div class="logo"]]
[[/div]]
[[div_ class="mail-from-to"]]
[[span]]Site-CN-53<[# monotropauniflora@skipnet.org]>[[/span]][[span]]收件人：[# purifiedsilica@skipnet.org][[/span]]
[[/div]]
[[/div]]
[[div class="mail-options"]]
[[div_ class="icon" data-icon="1"]]
[[span]]答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="2"]]
[[span]]全部答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="3"]]
[[span]]转发[[/span]]
[[/div]]
[[div_ class="icon" data-icon="4"]]
[[span]]更多操作[[/span]]
[[/div]]
[[div_ class="date"]]
周四 2024/12/5 14:32
[[/div]]
[[/div]]
[[/div]]
[[div class="mail-content"]]
**这里是正文内容。**
[[/div]]
[[div_ class="mail-file" style="--file-icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/ftml.svg");"]]
[https://scp-wiki-cn.wikidot.com/scp-cn-3919 SCP-CN-3919.ftml]@@ @@##aaaaaa|3.21KB##
[[/div]]
[[/div]]
++ 无附件
[[div class="mail-main"]]
[[div class="mail-header" style="--icon-color:#5d9965; --icon-letter:"53"; --icon-image:url("https://scpsandboxcn.wdfiles.com/local--files/sharia-vanilla-others/site-cn-53.png"); --letter-color:transparent;"]]
[[div class="mail-info"]]
[[div class="logo"]]
[[/div]]
[[div_ class="mail-from-to"]]
[[span]]Site-CN-53<[# monotropauniflora@skipnet.org]>[[/span]][[span]]收件人：[# purifiedsilica@skipnet.org][[/span]]
[[/div]]
[[/div]]
[[div class="mail-options"]]
[[div_ class="icon" data-icon="1"]]
[[span]]答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="2"]]
[[span]]全部答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="3"]]
[[span]]转发[[/span]]
[[/div]]
[[div_ class="icon" data-icon="4"]]
[[span]]更多操作[[/span]]
[[/div]]
[[div_ class="date"]]
周四 2024/12/5 14:32
[[/div]]
[[/div]]
[[/div]]
[[div class="mail-content"]]
**这里是正文内容。**
[[/div]]
[[/div]]
+ 预设附件图标
本组件为常用的数种文件格式预设了可用的附件图标。当然，如果你有需要的话，也可以在附件图标处传入自己的图片，或是将下面的这些图标用在其它文章中。
下述图标引用链接均为：
[[div class="blockquote code"]]
@@https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/@@**图标下方英文文本**@@.svg@@
[[/div]]
[[div_ class="blockquote icons" style="background-color: #ffffff;"]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/doc.svg]]
[[/div]]
[[div_ class="icon_name"]]
DOC
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/xls.svg]]
[[/div]]
[[div_ class="icon_name"]]
XLS
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/ppt.svg]]
[[/div]]
[[div_ class="icon_name"]]
PPT
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/pdf.svg]]
[[/div]]
[[div_ class="icon_name"]]
PDF
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/png.svg]]
[[/div]]
[[div_ class="icon_name"]]
PNG
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/exe.svg]]
[[/div]]
[[div_ class="icon_name"]]
EXE
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/rar.svg]]
[[/div]]
[[div_ class="icon_name"]]
RAR
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/mp4.svg]]
[[/div]]
[[div_ class="icon_name"]]
MP4
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/ftml.svg]]
[[/div]]
[[div_ class="icon_name"]]
FTML[[footnote]] Foundation Text Markup Language（基金会文本标记语言）的简写。 [[/footnote]]
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/default.svg]]
[[/div]]
[[div_ class="icon_name"]]
默认(default)
[[/div]]
[[/div]]
[[/div]]
@@ @@
[[=]]
[[collapsible show="[+] 图像版权信息" hide="[-] 隐藏"]]
[[div class="blockquote"]]
**文件名：**全部svg素材
**图像作者：**[[*user Sharia Vanilla]]
**授权协议：**CC BY-SA 3.0
[[/div]]
[[/collapsible]]
[[/=]]
[[/iftags]]
鹿学院备考研究生
------
亲爱的校长阁下：
@@ @@我是一名正在备考本学院精灵研究专业研究生的一名备考生，我需要向学院方面反馈近期我所居住的峡谷之家[[[https://scp-wiki-cn.wikidot.com/about-deer|合作公寓]]]与及其周边的三波特兰大湿地最近一些让人难以忍受的违规违纪、干扰其他学生正常学习的情况，并希望学院方面能够尽快予以解决。
+++++ 1.宿舍楼恶魔学/死灵学专业深夜试验影响学生睡眠
@@ @@由于专业性质的所限，恶魔学与死灵学相关的练习一般需要在夜间开展，这点我能够理解。但是在我所在的宿舍楼内，经常有恶魔学、死灵学的学生为了突击备考而偷偷在夜间练习召灵术，但是绝大多数情况下都会失败，最后导致整栋宿舍楼像老宿舍区一样到处闹鬼，不得不购买耳塞才能勉强得到片刻休息。
@@ @@除此之外，由于死灵和恶魔的活跃，高浓度的洛氏能外溢也让原本会时不时到宿舍区串门的湿地妖精和大气妖精感到厌恶，它们现在几乎都回到了峡谷湿地里面，这对于我们妖精/精灵研究专业的学生是莫大的影响，希望学院方面能及时予以解决，让宿舍区恢复正常。
+++++ 2.部分小鹿探险小队对于三波特兰大湿地的生态破坏
@@ @@奥德赛报上刊登的关于布莱克-伍德爵士在三波特兰大湿地的冒险故事在学院里风靡一时，这也引起了一场小鹿探险热潮，在最近三周里就有超过10支小鹿探险队进入三波特兰大湿地探险。然而，因为是探险新手，这些探险队大多都违反了学院规定中的“禁止干扰受远古德鲁伊魔法保护的湿地保护区”此条，并且随意使用被禁止使用的奇术，导致了保护区的灵脉魔力紊乱，不少栖息的幻想种如妖精都因此搬离此地。
@@ @@这无疑是对于大湿地生态的严重破坏行径，并且应当立即阻止，在此我请求学院探险驯鹿协会的介入并严格落实对无良小鹿探险者的处罚工作，我希望这些谏言能让众多妖精与精灵们赖以生存的大湿地尽早恢复其原貌。
[[/div]]
[[div_ class="mail-file not-bot" style="--file-icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/rar.svg");"]]
[[collapsible show="相关资料.rar" hide="相关资料.rar"]]
[[div class="blockquote"]]
[[=image https://scpsandboxcn.wdfiles.com/local--files/collab%3Apumpkin/deer_%E5%AE%BF%E8%88%8D]]
[[=]]
**涉嫌违纪违规宿舍：峡谷之家A栋5单元**
[[/=]]
[[/div]]
@@@@
@@@@
[[div class="blockquote"]]
[[=image https://scpsandboxcn.wdfiles.com/local--files/collab%3Apumpkin/deer_%E4%BF%9D%E6%8A%A4%E5%8C%BA]]
[[=]]
**被色彩奇术干扰影响的三波特兰大湿地保护区西北角**
[[/=]]
[[/div]]
[[/div]]
[[/collapsible]]
[[/div]]
[[module css]]
.letters {
background-color: #546d7c;
font-size: 120%;
color: white;
padding: 1rem 1rem;
padding-top: 0;
}
.letters a {
text-underline-offset: 0.2em;
}
.two-bar {
display: grid;
grid-template-columns: 2fr 1fr;
}
.left-bar {
background-color: #465C67;
margin: 1em;
margin-left: 0;
font-size: 80%;
padding-inline: 1rem;
display: flex;
}
.right-bar {
background-color: #465C67;
margin: 1em;
margin-right: 0;
font-size: 80%;
padding-inline: 1rem;
display: flex;
}
@media (max-width: 960px) {
.two-bar { grid-template-columns: 1fr; }
.left-bar, .right-bar { margin: 0.5rem 0; }
}
[[/module]]
[[module css]]
div.mail-main a:link,
div.mail-main a:visited {
color: inherit;
text-decoration: currentcolor solid underline;
}
div.mail-main a:hover,
div.mail-main a:active {
background-color: #FFF;
color: #000;
text-decoration: #111 solid underline;
}
div.mail-main {
--icon-color: #5d9965;
--icon-letter: "S";
--letter-color: black;
display: flex;
flex-direction: column;
gap: 1em;
background-color: rgb(255, 255, 255);
color: black;
border: #000 solid;
border-width: 0.375rem 0.125rem;
margin: 2rem auto;
padding: 1em;
max-width: calc(var(--main-content-width) * 0.925);
}
div.mail-header {
display: flex;
justify-content: space-between;
gap: 1em;
}
div.mail-header div.mail-info {
display: grid;
grid-template-columns: 3rem 1fr;
grid-template-rows: 100%;
gap: 1ch;
align-items: center;
}
div.mail-header div.logo {
position: relative;
background-color: var(--icon-color);
background-image: var(--icon-image);
background-position: center;
background-repeat: no-repeat;
background-size: 2.5rem;
border-radius: 50%;
width: 3rem;
height: 3rem;
}
div.logo::after {
content: var(--icon-letter);
position: absolute;
color: var(--letter-color);
font-size: 140%;
font-weight: bold;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
div.mail-header div.mail-from-to {
display: flex;
flex-basis: auto;
flex-direction: column;
justify-content: end;
height: 100%;
}
div.mail-header div.mail-from-to > span {
line-height: 2;
}
#page-content div.mail-header div.mail-options {
display: flex;
flex-wrap: wrap;
justify-content: end;
align-items: center;
max-width: 10.5rem;
}
div.mail-header div.mail-options div.icon {
flex-grow: 1;
position: relative;
width: 2.625rem;
height: 2.25rem;
box-sizing: border-box;
transition: background-color 200ms linear;
}
div.mail-header div.mail-options div[data-icon="1"] {
--icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/replyicon.svg");
}
div.mail-header div.mail-options div[data-icon="2"] {
--icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/replyallicon.svg");
}
div.mail-header div.mail-options div[data-icon="3"] {
--icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/retransicon.svg");
}
div.mail-header div.mail-options div[data-icon="4"] {
--icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/moreicon.svg");
border-left: 0.05rem rgb(237, 237, 237) solid;
}
div.mail-header div.mail-options div.icon:hover {
background-color: rgb(239, 236, 213, 0.5);
}
div.mail-header div.mail-options div.icon::before {
content: "";
background-image: var(--icon);
background-position: center;
background-repeat: no-repeat;
background-size: 1.325rem;
position: absolute;
display: block;
width: 100%;
height: 100%;
inset: 0;
}
div.mail-header div.mail-options div.icon span {
position: absolute;
top: -3em;
left: -50%;
width: 200%;
opacity: 0;
pointer-events: none;
background-color: rgb(255, 255, 255);
box-shadow: 0 3px 3px 1px rgb(170, 170, 170, 50%);
padding: 0.75ch 0;
text-align: center;
transition: opacity 100ms linear 100ms;
}
div.mail-header div.mail-options div.icon:hover :where(span, span:hover) {
opacity: 1;
pointer-events: auto;
}
div.mail-header div.mail-options div.date {
font-size: 0.8em;
}
div.mail-content {
margin-inline: 3.25rem;
}
div.mail-main:has(div.mail-file) div.mail-content {
border-bottom: 0.1rem black solid;
}
div.mail-file {
margin: 1rem 3.25rem 2rem 3.25rem;
}
div.mail-file > a, div.mail-file a.collapsible-block-link {
margin-inline: 1ch;
}
div.mail-file > a::before, div.mail-file a.collapsible-block-link::before {
content: "";
display: inline-block;
background-image: var(--file-icon);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
margin-right: 1em;
width: 1em;
height: 1em;
transform: scale(2);
}
@media (max-width: 64rem) {
div.mail-content,
div.mail-file {
margin: 0;
}
}
@media (max-width: 35rem) {
div.mail-header {
flex-direction: column;
}
#page-content div.mail-header div.mail-options {
max-width: none;
}
div.mail-header div.mail-options div[data-icon] {
flex-grow: 0;
}
div.icon:not([data-icon="1"], [data-icon="4"]) {
display: none;
}
div.mail-header div.date {
order: -1;
flex-grow: 1;
}
}
[[/module]]
@@ @@
[!-- --
]
[[div class="mail-main"]]
[[div class="mail-header" style="--icon-color:#638092
; --icon-letter:"L
"; --icon-image:url("https://scpsandboxcn.wdfiles.com/local--files/collab:letters/lp.png
"); --letter-color:transparent
;"]]
[[div class="mail-info"]]
[[div class="logo"]]
[[/div]]
[[div_ class="mail-from-to"]]
[[span]]Stæfrof Support：
<[# noreply@staefrof.inc
]>[[/span]][[span]]收件人：[# principal@deer.edu
][[/span]]
[[/div]]
[[/div]]
[[div class="mail-options"]]
[[div_ class="icon" data-icon="1"]]
[[span]]答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="2"]]
[[span]]全部答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="3"]]
[[span]]转发[[/span]]
[[/div]]
[[div_ class="icon" data-icon="4"]]
[[span]]更多操作[[/span]]
[[/div]]
[[div_ class="date"]]
周二 2025/01/28 20:01
[[/div]]
[[/div]]
[[/div]]
[[div class="mail-content"]]
[!--
--]
[!-- {$footer}]
[[/div]]
[[div_ class="mail-file" style="--file-icon: url("{$file-icon}");"]]
[{$link} {$link-name}]@@ @@##aaaaaa|{$file-size}##
[[/div]]
[[/div]]
[!{$footer} --]
[!-- {$pure-footer}]
[[/div]]
[[/div]]
[!{$pure-footer} --]
[[iftags +组件]]
[[module css]]
@import url("https://scp-wiki-cn.wikidot.com/fragment:parallel/code/1");
:root{
--basalt-bright-element-color: 93, 153, 101;
--basalt-dark-element-color: 57, 117, 67;
--basalt-darker-element-color: 0, 52, 16;
}
#page-content hr {
background-color: rgb(var(--basalt-main-text-color)) !important;
}
h1, h2, h3, h4, h5, h6 {
text-align: center;
margin-top: 1em;
margin-bottom: 1em;
}
li:not(:first-child) {margin-top: 0.75em;}
ul, ol {padding-left: 10px;}
/* icon list from acs component */
.icons {
display: grid;
-ms-grid-columns: calc((100% / 5) - 0.25rem) 0.25rem calc((100% / 5) - 0.25rem) 0.25rem calc((100% / 5) - 0.25rem) 0.25rem calc((100% / 5) - 0.25rem) 0.25rem calc((100% / 5) - 0.25rem);
grid-template-columns: repeat(5, calc((100% / 5) - 0.25rem));
grid-gap: 0.25rem;
}
@media (max-width: 500px) {
.icons {
grid-template-columns: repeat(3, calc((100% / 3) - 0.25rem));
}
}
.icon_image {
border: 0.25rem solid black;
overflow: hidden;
position: relative;
aspect-ratio: 1 / 1;
}
.icon_image > img {
position: absolute;
max-width: 70%;
max-height: 70%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.icon_name {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
text-transform: uppercase;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
font-weight: bold;
}
span.anno {
color: #888888;
user-select: none;
}
span.anno::before {
content: "/* ";
}
span.anno::after {
content: " */";
}
#u-component-top-box {
margin-top: 20px !important;
}
[[/module]]
[[>]]
[[module rate]]
[[/>]]
+ 信息
这是一个模仿基金会内部邮件系统的内容组件，设计风格受启发自微软的[https://outlook.live.com/mail/0/ Outlook邮箱]。该组件由[[[SCP-CN-3919]]]的第一迭代衍生而来，在原文中作为第二迭代的.docx文档的引入文段使用。
+ 组件设置
你可以使用如下代码以在文中引用此组件：
[[div class="code blockquote"]]
@@[[include :scp-wiki-cn:component:skiplook-mailbox@@
|header = @@--@@
|icon-color = #5d9965 [[span class="anno"]]**必填**，决定发件人图标的背景色。[[/span]]
|icon-image = https://… [[span class="anno"]]填写图片链接，如果没有独特的发件人图标则可不填。若填写此项，则**letter-color**一项应填入**transparent**。[[/span]]
|icon-letter = 53 [[span class="anno"]]没有独特发件人图标时显示的占位字符。可以填入多个字符，但考虑到美观问题，建议字符数不超过2。[[/span]]
|letter-color = #000000 [[span class="anno"]]**必填**，决定占位字符的前景色。[[/span]]
|sender = Site-CN-53 [[span class="anno"]]**必填**，发件人名称。[[/span]]
|sender-mail = monotropauniflora@skipnet.org [[span class="anno"]]**必填**，发件人邮箱。[[/span]]
|reciever-mail = purifiedsilica@skipnet.org [[span class="anno"]]**必填**，收件人邮箱。[[/span]]
|date = 周四 2024/12/5 14:32 [[span class="anno"]]**必填**，发件日期。[[/span]]
]]
**邮件正文内容**
@@[[include :scp-wiki-cn:component:skiplook-mailbox@@
|footer = @@--@@
|link = https://… [[span class="anno"]]**必填**，点击附件链接时跳转到的页面。如果无需跳转则填入"#"。[[/span]]
|link-name = SCP-CN-3919.ftml [[span class="anno"]]**必填**，附件文件名。[[/span]]
|file-size = 3.21KB [[span class="anno"]]**必填**，附件大小。[[/span]]
|file-icon = https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/ftml.svg [[span class="anno"]]**必填**，附件图标链接。有关图标的信息请参考后续章节。[[/span]]
]]
[[/div]]
如果无需附件部分，则可将正文内容之后的部分更换为：
[[div class="code blockquote"]]
@@[[include :scp-wiki-cn:component:skiplook-mailbox@@
|pure-footer = @@--@@
]]
[[/div]]
该组件的视觉效果如下。请注意：本组件在Sigma-9等网站默认版式下同样拥有相似的视觉效果，但在基于[[[theme:parallel|平行]]]的版式下应用效果最佳。
++ 有附件
[[div class="mail-main"]]
[[div class="mail-header" style="--icon-color:#5d9965; --icon-letter:"53"; --icon-image:url(""); --letter-color:#000000;"]]
[[div class="mail-info"]]
[[div class="logo"]]
[[/div]]
[[div_ class="mail-from-to"]]
[[span]]Site-CN-53<[# monotropauniflora@skipnet.org]>[[/span]][[span]]收件人：[# purifiedsilica@skipnet.org][[/span]]
[[/div]]
[[/div]]
[[div class="mail-options"]]
[[div_ class="icon" data-icon="1"]]
[[span]]答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="2"]]
[[span]]全部答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="3"]]
[[span]]转发[[/span]]
[[/div]]
[[div_ class="icon" data-icon="4"]]
[[span]]更多操作[[/span]]
[[/div]]
[[div_ class="date"]]
周四 2024/12/5 14:32
[[/div]]
[[/div]]
[[/div]]
[[div class="mail-content"]]
**这里是正文内容。**
[[/div]]
[[div_ class="mail-file" style="--file-icon: url("https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/ftml.svg");"]]
[https://scp-wiki-cn.wikidot.com/scp-cn-3919 SCP-CN-3919.ftml]@@ @@##aaaaaa|3.21KB##
[[/div]]
[[/div]]
++ 无附件
[[div class="mail-main"]]
[[div class="mail-header" style="--icon-color:#5d9965; --icon-letter:"53"; --icon-image:url("https://scpsandboxcn.wdfiles.com/local--files/sharia-vanilla-others/site-cn-53.png"); --letter-color:transparent;"]]
[[div class="mail-info"]]
[[div class="logo"]]
[[/div]]
[[div_ class="mail-from-to"]]
[[span]]Site-CN-53<[# monotropauniflora@skipnet.org]>[[/span]][[span]]收件人：[# purifiedsilica@skipnet.org][[/span]]
[[/div]]
[[/div]]
[[div class="mail-options"]]
[[div_ class="icon" data-icon="1"]]
[[span]]答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="2"]]
[[span]]全部答复[[/span]]
[[/div]]
[[div_ class="icon" data-icon="3"]]
[[span]]转发[[/span]]
[[/div]]
[[div_ class="icon" data-icon="4"]]
[[span]]更多操作[[/span]]
[[/div]]
[[div_ class="date"]]
周四 2024/12/5 14:32
[[/div]]
[[/div]]
[[/div]]
[[div class="mail-content"]]
**这里是正文内容。**
[[/div]]
[[/div]]
+ 预设附件图标
本组件为常用的数种文件格式预设了可用的附件图标。当然，如果你有需要的话，也可以在附件图标处传入自己的图片，或是将下面的这些图标用在其它文章中。
下述图标引用链接均为：
[[div class="blockquote code"]]
@@https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/@@**图标下方英文文本**@@.svg@@
[[/div]]
[[div_ class="blockquote icons" style="background-color: #ffffff;"]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/doc.svg]]
[[/div]]
[[div_ class="icon_name"]]
DOC
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/xls.svg]]
[[/div]]
[[div_ class="icon_name"]]
XLS
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/ppt.svg]]
[[/div]]
[[div_ class="icon_name"]]
PPT
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/pdf.svg]]
[[/div]]
[[div_ class="icon_name"]]
PDF
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/png.svg]]
[[/div]]
[[div_ class="icon_name"]]
PNG
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/exe.svg]]
[[/div]]
[[div_ class="icon_name"]]
EXE
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/rar.svg]]
[[/div]]
[[div_ class="icon_name"]]
RAR
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/mp4.svg]]
[[/div]]
[[div_ class="icon_name"]]
MP4
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/ftml.svg]]
[[/div]]
[[div_ class="icon_name"]]
FTML[[footnote]] Foundation Text Markup Language（基金会文本标记语言）的简写。 [[/footnote]]
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image"]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:castle-tracer/default.svg]]
[[/div]]
[[div_ class="icon_name"]]
默认(default)
[[/div]]
[[/div]]
[[/div]]
@@ @@
[[=]]
[[collapsible show="[+] 图像版权信息" hide="[-] 隐藏"]]
[[div class="blockquote"]]
**文件名：**全部svg素材
**图像作者：**[[*user Sharia Vanilla]]
**授权协议：**CC BY-SA 3.0
[[/div]]
[[/collapsible]]
[[/=]]
[[/iftags]]
[[div class="letters"]]
[[=image https://scpsandboxcn.wdfiles.com/local--files/collab:letters/lettersV3-CN.png style="filter: invert(100%) hue-rotate(180deg) brightness(4); aspect-ratio: 5 / 1; width: 100%; object-fit: cover;"]]
[[size 160%]]**##lightgrey|lunatic_deers，您好！##**[[/size]]
@@ @@
[[size 130%]]**感谢您近期在Stæfrof上的购买。**[[/size]]
@@ @@
以下物品已添加到您的 Stæfrof 游戏库。
如果您从未使用过 Stæfrof，您可以[# 在此]免费安装您的PC版 Stæfrof。
[[div style="background-color: #638092; display: flex;"]]
[[div style="flex: 4;"]]
[[=image https://ah-sandbox.wdfiles.com/local--files/secret%3Asuper-crush-personnels/Main_Screen.png link="pedialpha-super-crush-personnels"]]
[[/div]]
[[div style="flex: 4; align-self: center;"]]
**[https://scp-wiki-cn.wikidot.com/pedialpha-super-crush-personnels Super Crush Personnels]**
[[/div]]
[[div style="flex: 1; justify-self: end; text-align: end; margin-right: 1rem;"]]
[[size 90%]]$ 67[[/size]]
[[/div]]
[[/div]]
[[div class="two-bar"]]
[[div class="left-bar"]]
[[div style="flex: 1"]]
帐户名称：
发票：
创建日期：
支付方式：
[[/div]]
[[div style="flex: 3; font-weight: bold;"]]
lunatic_deers
74581983775135588
2025 年 1 月 23 日 晚上 8:00 PST
VISA
[[/div]]
[[/div]]
[[div class="right-bar"]]
[[div style="flex: 1"]]
合计：
[[/div]]
[[div style="flex: 1; text-align: end;"]]
$ 67.00
[[/div]]
[[/div]]
[[/div]]
这封电子邮件将作为您的收据，您也可以随时[# 查看您的消费历史记录]。
Stæfrof 上的许多产品支持在一定期限内退款。点击[# 这里]了解更多关于 Stæfrof 退款的内容，或点击[# 这里]申请退款。
[[div style="border-left: #ffd88e solid 4px; padding: 1rem; font-size: 90%;"]]
祝您玩得愉快！
Letters Entertainment & Stæfrof Support Team
[[/div]]
[[/div]]
[[/div]]
[[/div]]
页面版本：0, 最后编辑于: 2025/1/28 16:06:21 (596 日前), 现时评分: 226