占位符 职员档案
/* source: http://ah-sandbox.wikidot.com/component:collapsible-sidebar-x1 */
 
#top-bar .open-menu a {
        position: fixed;
        top: 0.5em;
        left: 0.5em;
        z-index: 5;
        font-family: 'Nanum Gothic', san-serif;
        font-size: 30px;
        font-weight: 700;
        width: 30px;
        height: 30px;
        line-height: 0.9em;
        text-align: center;
        border: 0.2em solid #888;
        background-color: #fff;
        border-radius: 3em;
        color: #888;
}
 
@media (min-width: 768px) {
 
    #top-bar .mobile-top-bar {
        display: block;
    }
 
    #top-bar .mobile-top-bar li {
        display: none;
    }
 
    #main-content {
        max-width: 708px;
        margin: 0 auto;
        padding: 0;
        transition: max-width 0.2s ease-in-out;
    }
 
    #side-bar {
        display: block;
        position: fixed;
        top: 0;
        left: -20em;
        width: 17.75em;
        height: 100%;
        margin: 0;
        overflow-y: auto;
        z-index: 10;
        padding: 1em 1em 0 1em;
        background-color: rgba(0,0,0,0.1);
        transition: left 0.4s ease-in-out;
 
        scrollbar-width: thin;
    }
 
    #side-bar:target {
        left: 0;
    }
 
     #top-bar .close-menu {
        margin-left: 19.75em;
        opacity: 0;
    }
    #side-bar:target .close-menu {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
    }
 
    #top-bar .open-menu a:hover {
        text-decoration: none;
    }
}
 
@supports selector(:focus-within) {
 
@media (min-width: 768px) {
    #top-bar .open-menu a {
        pointer-events: none;
    }
    #side-bar:not(:target) .close-menu {
        display: block;
        pointer-events: none;
        user-select: none;
        z-index: -1;
    }
 
    /* This pseudo-element is meant to overlay the regular sidebar button
    so the fixed positioning (top, left, right and/or bottom) has to match */
 
    #side-bar .close-menu::before {
        content: "";
        position: fixed;
        z-index: 5;
        display: block;
 
        top: 0.5em;
        left: 0.5em;
 
        border: 0.2em solid transparent;
        width: 30px;
        height: 30px;
        font-size: 30px;
        line-height: 0.9em;
 
        pointer-events: all;
        cursor: pointer;
    }
    #side-bar:focus-within {
        left: 0;
    }
    #side-bar:focus-within .close-menu::before {
        pointer-events: none;
    }
}
 
}
:root {
    --timeScale: 1;
    --timeDelay: 0s;
}
 
/* Converting middle divider from box-shadow to ::before pseudo-element */
.anom-bar > .bottom-box { box-shadow: none!important; }
.anom-bar > .bottom-box::before {
    position: absolute;
    content: " ";
    width: 100%;
    height: 0.5rem;
    background-color: rgb(var(--black-monochrome, 12, 12, 12));
    transform: translateY(-0.74rem);
}
 
/* DIVIDER */
.anom-bar > .bottom-box::before {
    animation-name: divider;
    animation-duration: calc(0.74s * var(--timeScale));
    animation-delay: calc(0.1s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.32,.38,.39,.94);
    animation-fill-mode: backwards;
}
 
/* CLASSIFIED LEVEL BARS */
div.top-center-box  > * {
    animation-name: bar;
    animation-duration: calc(0.45s * var(--timeScale));
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-fill-mode: backwards;
}
div.top-center-box > :nth-child(1) { animation-delay: calc(0.2s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(2) { animation-delay: calc(0.32s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(3) { animation-delay: calc(0.45s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(4) { animation-delay: calc(0.61s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(5) { animation-delay: calc(0.75s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(6) { animation-delay: calc(0.95s * var(--timeScale) + var(--timeDelay)); }
 
/* TOP TEXT */
div.top-left-box, div.top-right-box {
    clip-path: polygon( 0% -50%, 150% -50%, 150% 100%, 0% 100%);
}
 
div.top-left-box > *, div.top-right-box > * {
    position: relative;
    animation-name: bottomup;
    animation-duration: calc(0.65s * var(--timeScale));
    animation-delay: calc(0.5s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-fill-mode: backwards;
}
 
/*-----------------------------------*/
/*-----------------------------------*/
 
/* CONTAINMENT, DISRUPTION, RISK CLASSES */
div.text-part > * {
    clip-path: polygon( 0% 0%, 100% 0%, 100% 100%, 0% 100%);
    animation-name: expand2;
    animation-duration: calc(0.5s * var(--timeScale));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.12,.41,.27,.99);
    animation-fill-mode: backwards;
}
div.text-part > :nth-child(1) {
    animation-name: expand1;
}
div.text-part > :nth-child(1) { animation-delay: calc(0.6s * var(--timeScale) + var(--timeDelay)); }
div.text-part > :nth-child(2) { animation-delay: calc(0.75s * var(--timeScale) + var(--timeDelay)); }
div.text-part > :nth-child(3) { animation-delay: calc(0.86s * var(--timeScale) + var(--timeDelay)); }
 
div.main-class::before, div.main-class::after {
    animation-name: iconslide;
    animation-duration: calc(0.45s * var(--timeScale));
    animation-delay: calc(0.8s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.12,.41,.27,.99);
    animation-fill-mode: backwards;
}
 /* BOTTOM TEXT */
div.main-class > *,  div.disrupt-class > *, div.risk-class > * {
    white-space: nowrap;
    animation-name: flowIn;
    animation-duration: calc(0.42s * var(--timeScale));
    animation-delay: calc(0.75s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-fill-mode: backwards;
}
 
/*-----------------------------------*/
/*-----------------------------------*/
 
/* DIAMOND */
div.arrows {
    animation-name: arrowspin;
    animation-duration: calc(0.7s * var(--timeScale));
    animation-delay: calc(0.6s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.12,.41,.27,.99);
    animation-fill-mode: backwards;
}
 
div.quadrants > * {
    animation-name: fade;
    animation-duration: calc(0.3s * var(--timeScale));
    animation-delay: calc(1.4s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.12,.41,.27,.99);
    animation-fill-mode: backwards;
}
 
div.top-icon, div.right-icon, div.left-icon, div.bottom-icon {
    animation-name: nodegrow;
    animation-duration: calc(0.4s * var(--timeScale));
    animation-delay: calc(1.4s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.12,.41,.27,.99);
    animation-fill-mode: backwards;
}
div.diamond-part {
    clip-path: polygon( -10% 0.37%, 120% 0.37%, 120% 100%, -10% 100%);
    animation-name: diamondBorder;
    animation-duration: calc(0.8s * var(--timeScale));
    animation-delay: calc(0.5s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.32,.38,.39,.94);
    animation-fill-mode: backwards;
    will-change: box-shadow;
}
 
/* MOBILE QUERY */
@media (max-width: 480px ) {
    .anom-bar > .bottom-box::before {
        display:none;
    }
    .anom-bar > .bottom-box {
        box-shadow: 0 -0.5rem 0 0 rgb(var(--black-monochrome, 12, 12, 12))!important;
    }
    div.top-center-box  > * {
        animation-name: bar-mobile;
        animation-duration: calc(0.9s * var(--timeScale));
    }
    div.top-center-box > :nth-child(1) { animation-delay: calc(0.1s * var(--timeScale) + var(--timeDelay)); }
    div.top-center-box > :nth-child(2) { animation-delay: calc(0.2s * var(--timeScale) + var(--timeDelay)); }
    div.top-center-box > :nth-child(3) { animation-delay: calc(0.3s * var(--timeScale) + var(--timeDelay)); }
    div.top-center-box > :nth-child(4) { animation-delay: calc(0.4s * var(--timeScale) + var(--timeDelay)); }
    div.top-center-box > :nth-child(5) { animation-delay: calc(0.5s * var(--timeScale) + var(--timeDelay)); }
    div.top-center-box > :nth-child(6) { animation-delay: calc(0.6s * var(--timeScale) + var(--timeDelay)); }
 
}
 
/*--- Motion Accessibility ---*/
@media screen and (prefers-reduced-motion: reduce) { 
    div.anom-bar-container { --timeScale: 0!important; }
}
 
/*-------------------------*/
 
@keyframes divider {
    from { max-width: 0%;  }
    to { max-width: 100%; }
}
 
@keyframes bar {
    from { max-width: 0%; }
    to { max-width: 100%; }
}
@keyframes bar-mobile {
    from { max-height: 0%; }
    to { max-height: 100%; }
}
 
@keyframes bottomup {
    from { top: 100px; }
    to { top: 0; }
}
 
@keyframes expand1 {
    from { opacity: 0; clip-path: inset(0 calc(100% - 0.75rem) 0 0); }
    to { opacity: 1; clip-path: inset(0); }
}
@keyframes iconslide {
    from { opacity: 0; transform: translateX(-5rem); }
    to { opacity: 1; transform: translateX(0); }
}
 
@keyframes expand2 {
    from { opacity: 0; width: 1%; }
    to { opacity: 1; width: calc(100% - 0.25rem); }
}
@keyframes fade {
    from { opacity: 0; }
    to { opacity: 1; }
}
 
@keyframes flowIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
 
@keyframes arrowspin {
    from { clip-path: circle(0%); transform: rotate(135deg); }
    to { clip-path: circle(75%); transform: rotate(0deg); }
}
@keyframes nodegrow {
    from { transform: scale(0);}
    to {  transform: scale(1);}
}
@keyframes diamondBorder {
    from { box-shadow: -0.5rem -20rem 0 0 rgb(var(--black-monochrome, 12, 12, 12)); }
    to { box-shadow: -0.5rem 0 0 0 rgb(var(--black-monochrome, 12, 12, 12)); }
}
:root {
    --posX: calc(50% - 358px - 12rem);
}
 
/*--- Footnote Auto-counter --*/
#page-content {
    counter-reset: megacount;
}
 
/*--- Footnote Superscript Number --*/
.fnnum {
    display: inline-block;
    text-indent: calc(-1% - 0.1em);
    overflow: hidden;
    line-height: 83%;
    text-decoration: none;
    font-weight: bold;
    font-style: initial;
    color: transparent;
    position: relative; top: -0.25em; font-size: 82%;
    padding: .15em calc(.21em - 0.4px) .12em calc(.11em - 1px);
    margin-left: -0.06em;
    margin-right: -0.25em;
    counter-increment: megacount;
    user-select: none;
}
.fnnum::after {
    content: "" counter(megacount);
    color: var(--fnColor, #E6283C);
}
.fnnum:hover {
    text-decoration: none;
    cursor: pointer;
    background-color: var(--fnColor, #E6283C);
}
.fnnum:hover::after { color: white; }
 
/*--- Footnote Content Wrapper --*/
.fncon {
    position: absolute;
    right: calc(var(--posX) + 80px);
    line-height: 1.2;
    padding: 0.82rem;
    width: 10.3rem;
    background: white;
    border: 2px solid black;
    font-weight: initial;
    font-style: initial;
    text-align: initial;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.15s linear, right 0.3s cubic-bezier(.08,.72,.5,.94);
    z-index: 9;
}
.fnnum:hover + .fncon {
    opacity: 1;
    right: var(--posX);
}
.fncon::before {
    position: absolute;
    top: 0; left: 0;
    transform: translateX(-52%) translateY(-55%) scale(1.15);
    background-color: var(--fnColor, #E6283C);
    color: white;
    content: counter(megacount);
    font-size: initial;
    font-weight: bold;
    font-style: initial;
    padding-left: 0.32em; padding-right: 0.32em;
    padding-top: 0.18rem; padding-bottom: 0.08rem;
}
 
/*--- Mobile Query --*/
@media only screen and (max-width: 1279px) {
    .fncon {
        position: fixed;
        bottom: 1.3rem;
        left: calc(11% - 50px);
        width: 70%;
        transition: opacity 0.15s linear, left 0.3s cubic-bezier(.08,.72,.5,.94);
    }
    .fnnum:hover + .fncon {
        left: 11%;
     }
}
占位符 职员档案
作者:hoah2333hoah2333
发布于:26 Oct 2020 01:57
占位符 职员档案
作者:Placeholder McDPlaceholder McD
发布于:2020/10/25

placeholdernew.png

Placeholder博士,约摄于2006。

标识符:Dr. Placeholder McDoctorate, PhD.

安保权限:5

职责:超形上学部部长

年表:因在计算机科学领域表现突出而特招聘用。1993年被派往Site-15的信息与技术部门。1996年因于收容SCP-5241事件中表现突出而被晋升为部长。2004年晋升为站点主管。2020年应个人要求被调入超形上学部。2027年因于理论性超形上学方面取得显著进展被晋升为部长。在2034年建立了通用Site-B与原型部门。

引语:“确实,我知道我的名字很搞笑。不行,我不能跟你讲。有些时候现实就是这么没有意义。”


SCPs


SCP-整数
主站评分:+259 评论:49;{$note}
最新评论: Futaba Rio 07 Sep 2021 10:44
最新编辑: Esperanza_Cai 25 Sep 2021 09:58

DISPLAY.jpeg
文件 SCP-整数 一个自我抽象的符号复合体。就这么多了。 著作信息 文件:SCP-整数 一个自我抽象的半双工。就这么多了。 访问占位符的职员档案 误传部门通知 ...
标签: mcdoctorate博士 meta scp 信息危害 无名 机密分级 误传部



SCP-整数
主站评分:+259 评论:49
{$note}
等待翻译…

McDoctorate的提案
主站评分:+88 评论:35;{$note}
最新评论: Reisende 27 Feb 2021 06:17
最新编辑: hoah2333 07 Mar 2021 17:24


McDoctorate的提案:占位符 placeholder-mcd-s-authorpage占位符 职员档案▸ 该作者的更多作品 ◂(原文链接)placeholder-mcd-s-authorpage▸ 该作者的更多作品 ◂ 其他语言 常见问题 + Show component code - Hide component code ...
标签: 001提案 maria-jones meta scp 信息危害 媒体 本质促动 机密分级 概念 记忆影响



McDoctorate的提案
主站评分:+88 评论:35
{$note}
等待翻译…

SCP-5241
主站评分:+108 评论:9;{$note}
最新评论: M Element 23 May 2021 07:15
最新编辑: M Element 31 Aug 2021 11:41


著作信息 SCP-5241:异界信息 别放它出来。 由Placeholder McD代表队伍“.AIC(人工智障创作者)”为2020设定复兴竞赛而作。 由Ryan SQuirrel与Zarthustra翻译。 项目编号:項目編號:SCP-5241 3/5241 级級 收容等级:收容等級:maksur 保密 扰动等级:擾動等級:amida ...
标签: 2020设定竞赛 aiad scp 心灵感应 感知力 敌意 智能 机密分级 电子 破碎之神教会 立方体 逆模因 题写



SCP-5241
主站评分:+108 评论:9
{$note}
等待翻译…

SCP-2011-EX
主站评分:+82 评论:20;{$note}
最新评论: 419ZTH 21 Oct 2021 02:29
最新编辑: hoah2333 26 Jul 2021 05:50


≡ [[/collapsible]] [[/=]] 项目编号:項目編號:SCP-2011-EX 等级等級5 收容等级:收容等級: 已解明 次要等级:次要等級: {$secondary-class} 扰动等级:擾動等級: {$disruption-class} 风险等级:風險等級: {$risk-class} ...
标签: 2021连写竞赛 scp 历史性 媒体 已解明 认知危害 记录 音乐性



SCP-2011-EX
主站评分:+82 评论:20
{$note}
等待翻译…

SCP-5485
主站评分:+58 评论:9
{$note}
等待翻译…

SCP-5756
主站评分:+47 评论:3;{$note}
最新评论: XannyWarhol 24 Mar 2021 13:49
最新编辑: Esperanza_Cai 25 Sep 2021 08:40


项目编号:項目編號:SCP-5756 等级等級2 收容等级:收容等級: safe 次要等级:次要等級: none 扰动等级:擾動等級: vlam 风险等级:風險等級: 待观察 备忘录链接 特殊收容措施:SCP-5756所引发的事件与因此而被没收的物品都需被上报至安保与收容部主任(现为R. Pensak)。...
标签: 2021连写竞赛 safe scp 值守43 容器 超维度 金属



SCP-5756
主站评分:+47 评论:3
{$note}
等待翻译…


故事


AI分类指南
主站评分:+62 评论:16;{$note}
最新评论: DoctorGraham 23 May 2021 09:51
最新编辑: Esperanza_Cai 31 Oct 2021 08:11


著作信息 AI分类指南 由Placeholder McD代表队伍“.AIC(人工智障创作者)”为2020设定复兴竞赛创作。所有图片均由我制作。聊天框的代码由亲切的LurkD提供。 由Ryan SQuirrel与Zarthustra翻译。 嗨,正在读这个的家伙!我叫mnemosyne.aic,在此正式欢迎你来到人工智能应用科。顺便说一句,恭喜你有了新工作。 ...
标签: 2020设定竞赛 8-ball aiad glacon 故事



AI分类指南
主站评分:+62 评论:16
{$note}
等待翻译…

占位符
主站评分:+63 评论:13

等待翻译…

空白
主站评分:+49 评论:9

等待翻译…

破碎/编译
主站评分:+37 评论:12
{$note}
等待翻译…

计算
主站评分:+27 评论:4
{$note}
等待翻译…


其它


删节版退休提案
主站评分:+28 评论:12
{$note}
等待翻译…

空白风格 CSS
主站评分:+37 评论:9
最新评论:
最新编辑: Sekai_s 24 Apr 2021 15:50

Big87.png
空白风格 CSS Placeholder McD、 HarryBlank 发布于 2021 年 3 月 感谢 stormbreath、EstrellaYoshte、和 Croquembouche 共同制作了大部分此版式中所引用的代码。 著作信息 空白风格 CSS 作者:Placeholder McD、HarryBlank 感谢...
标签: 合著 版式



空白风格 CSS
主站评分:+37 评论:9

等待翻译…

占位符 职员档案
主站评分:+43 评论:8;{$note}
最新评论: sciencekiller 20 Nov 2020 09:34
最新编辑: hoah2333 10 May 2021 06:05


占位符 职员档案 作者:Placeholder McD 发布于:2020/10/25 职员档案 叙事外资料 Placeholder博士,约摄于2006。 标识符:Dr. Placeholder McDoctorate, PhD. 安保权限:5 职责:超形上学部部长...
标签: 作者



占位符 人事档案
主站评分:+43 评论:8
{$note}
等待翻译…

复古 AIAD 版式
主站评分:+23 评论:10
最新评论: Ryan SQuirrel 19 Oct 2020 05:56
最新编辑: Sekai_s 23 Sep 2020 12:35


评分: 评分模块与著作信息模块: 著作信息 页面信息 更多 更多 更多页面信息 这是 etoisle 的千禧年版式的调整版本,由 Placeholder McD 为写于 2020 设定复兴竞赛的复古 AIAD 故事系列文章而制作。其可能不适用于在此设定之外的作品。 标志由...
标签: 版式



复古 AIAD 版式
主站评分:+23 评论:10

等待翻译…

占位风格 CSS
主站评分:+15 评论:3
最新评论:
最新编辑: hoah2333 02 Oct 2021 07:35


占位风格 CSS 作者:Placeholder McD 发布于:2021/03/10 以上页面信息表格由 authorbox——一个位于左侧的 sidebox——中的 Listpages 模块自动生成。这将会自动添加到引用此页的所有页面,除非将占位风格引用块置于 display: none; 的 div 元素中。它位于左侧,以便与传统的 sidebox...
标签: 版式



占位风格 CSS
主站评分:+15 评论:3

等待翻译…


合著


SCP-5841
主站评分:+62 评论:5作者:Tyumen、Placeholder McD。
最新评论: Rutile_V 24 May 2021 02:55
最新编辑: Esperanza_Cai 31 Oct 2021 08:26


著作信息 SCP-5841:数位九头蛇 由Tyumen(与Placeholder McD合著)代表队伍.AIC(人工智障创作者)作为复古AIAD系列的一部分,为2020设定复兴竞赛而作。 项目编号:項目編號:SCP-5841 3/5841 级級 收容等级:收容等級:euclid 保密 扰动等级:擾動等級:keneq ...
标签: 2020设定竞赛 8-ball aiad euclid glacon scp 人形生物 尸体 感知力 敌意 智能 电子 电脑 破碎之神教会 自主



SCP-5841
主站评分:+62 评论:5
作者:Tyumen、Placeholder McD。
等待翻译…

SCP-5956
主站评分:+113 评论:48
作者:HarryBlank、Placeholder McD。
等待翻译…

Ihp/Locke的提案:Keter任务
主站评分:+134 评论:39作者:Ihp、S D Locke、EstrellaYoshte、Placeholder McD。
最新评论: ElectricReborn 27 Jul 2021 20:05
最新编辑: M Element 25 Sep 2021 09:10



标签: 001提案 k级情景 scp thaumiel the-administrator 合著 地下 基金会制 容器 建筑 循环 悖论 时空 超维度



Ihp/Locke的提案:Keter任务
主站评分:+134 评论:39
作者:Ihp、S D Locke、EstrellaYoshte、Placeholder McD。
等待翻译…



除非特别注明,本页内容采用以下授权方式: Creative Commons Attribution-ShareAlike 3.0 License