Theme

此为于SCP维基内部使用的样版页。在未经管理同意的情况下,请不要动这页里面的东西。

此为安德森机器人(Anderson Robotics, AR)的CSS版式,由CroquemboucheCroquemboucheJacob ConwellJacob ConwellOthellotheCatOthellotheCat的协助下制作。

AR文件的第一部分应包含一段介绍,此后是水平分割线,然后是评分模组,然后再是接下来的东西。

当然了这不是必须的。但这样做可使评分模组浮于水平分割线上方,看起来炫酷的不行。


rating: +1+x

使用

若要在你的页面中使用本主题,请在页面任何位置添加以下代码:

[[include component:ar-theme]]

请勿通过标准的CSS @import方式引入本主题。你当然完全可以这么做,但通过[[include]]来引入主题可以将你的页面加入到一系列“反向连结”清单之中。当本版式更新升级时,此方式可以看到哪些页面会受到影响,且可以更快留意、修正升级所导致的任何错误,故而十分有用。

你可以通过点击页面底部的“+ 选项”、“反向连结”来看任何页面的反向连结。


举例

可通过五个连字符"-----"创建水平分割线。若它未被放在其他部件(诸如引用块)中,则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。

标题可通过在一行字起始处输入1至6个加号"+"来创建标题

此为分页(tab view)。

分页背后的代码已经过调整,故可以显示过渡。点击另一个tab来看华丽顺畅的效果。

这是一个引用块,在一行字的起始处加上"> "来添加它。

更多文字


一条分割线

引用套引用

这是 表格
你应该老早 就知道怎么
做这个了吧

主题颜色为:

  • #295183 - 浅色
  • #1e3c62 - 深色
  • #0366d6 - 超链接
  • rgba(0,0,0,0.12) - 边框

正文字体为Montserrat/华文细黑。标题字体为Raleway/等线。顶端页眉的等宽字字体是Roboto Mono/微软雅黑。

链接

不存在
存在


源代码

/*-------------------------------------*\
 *       ANDERSON ROBOTICS THEME       * 
\*-------------------------------------*/
 
/*-----------------------*\
 *   Fonts and Colours   * 
\*-----------------------*/
 
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600|Raleway|Roboto+Mono');
 
:root {
    --light-accent: #586e75;
    --dark-accent: #002b36;
    --hyperlink: #268bd2;
    --hyperlink-visited: #2aa198;
}
 
body {
    background-color: #fdf6e3;
    color: #657b83;
    font-family: Montserrat,微软雅黑, sans-serif;
}
textarea[name=source] {
    font-family: 'Roboto Mono',微软雅黑, monospace;
}
 
a {
    color: #0366d6;
    color: var(--hyperlink);
}
a:visited {
    color: #0361cc;
    color: var(--hyperlink-visited);
}
a.newpage {
    color: #cb4b16;
    text-decoration: none;
    background: transparent;
}
/*--------------------*\
 *   Titles/Headers   * 
\*--------------------*/
 
h1, h2, h3, h4, h5, h6, #page-title {
    font-family: Raleway,微软雅黑, sans-serif;
}
#header {
    height: 140px;
    position: relative;
    z-index: 10;
    padding-bottom: 22px; /* FOR MENU */
    background: url(http://scp-wiki-cn.wikidot.com/local--files/component:theme/logo.png) 0px 0px no-repeat;
}
 
h1, #page-title {
    color: #295183;
    color: var(--light-accent);
}
#page-title {
    font-size: 3em;
    border: none;
    padding: 0;
    margin: 0.5em 0 0.3em 0;
}
 
#breadcrumbs {
    position: absolute;
    top: 1.5em;
    opacity: 0.6;
}
#header {
    background-image: none;
}
#header #header-extra-div-1,
#header #header-extra-div-2,
#header #header-extra-div-3 {
    width: 6.25rem;
    height: 6.25rem;
    display: flex;
    position: absolute;
    left: 0.25rem;
    top: 2.0rem;
}
 
/* images */
#header #header-extra-div-1::before,
#header #header-extra-div-2::before,
#header #header-extra-div-3::before {
    content: "";
    width: 6.25rem;
    height: 6.25rem;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    flex: 1;
}
 
#header #header-extra-div-1::before {
    z-index: 1;
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_3' data-name='Layer 3' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bopacity:0.55;fill:url(%23linear-gradient);%7D.cls-2%7Bopacity:0.66;%7D.cls-3%7Bfill:%23fff;%7D%3C/style%3E%3ClinearGradient id='linear-gradient' x1='6.16' y1='32.16' x2='97.17' y2='66.71' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%238b8b8b'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ctitle%3Epata_logo_bg%3C/title%3E%3Cpath class='cls-1' d='M50,93.82A43.11,43.11,0,0,1,34.88,91.1a44.63,44.63,0,0,1-7.72-3.77c-1.05-.65-2.49-1.65-3.46-2.39l-3.58,1.31-1.82.67a3.82,3.82,0,0,1-1.42.37c-1.17,0-1.17,0-3.4-3.82L9.54,76.66,2.79,65C1.31,62.4,1,61.81,1.7,60.78a12.07,12.07,0,0,1,1.72-1.67l3.06-2.83.59-.54C7,54.68,6.87,53.85,6.82,53c-.05-1.09-.05-3.59,0-4.62a26.26,26.26,0,0,1,.4-3.6h0c0-.1.07-.35.1-.61a43.11,43.11,0,0,1,26.07-33.3c.11-.64.27-1.56.45-2.62.35-2,.65-3.7.66-3.77l.39-1.74H61.58c2.42,0,3.42,0,3.87,1.48l0,.17c0,.07.22,1,.51,2.25l.35,1.55c.25,1.13.49,2.16.64,2.86a48.34,48.34,0,0,1,4.38,2.19,43.08,43.08,0,0,1,21.5,33.1,42.82,42.82,0,0,1-.11,9.94l.83.7c4.52,3.77,4.52,3.77,4.73,4.25l.35.81-.36.81c0,.11-.14.31-6.88,12-1.67,2.91-3.35,5.8-4.61,8-2.44,4.21-2.48,4.28-3.19,4.51A2.45,2.45,0,0,1,82,87.21L81.29,87l-.16,0-.64-.2-2.71-.84-2-.62a42.77,42.77,0,0,1-6.27,3.89,22.46,22.46,0,0,1-3.24,1.45l-.66.25A42.73,42.73,0,0,1,55.1,93.51,42.08,42.08,0,0,1,50,93.82ZM24.05,80.7a2.37,2.37,0,0,1,1.56.66,42.19,42.19,0,0,0,3.67,2.58,41.09,41.09,0,0,0,7,3.41,39.18,39.18,0,0,0,27.86-.19,9.74,9.74,0,0,1,1.07-.39c.28-.1,1.26-.55,2.48-1.16a38.42,38.42,0,0,0,5.71-3.54L75,80.87l1.29.39.27.09c.28.09,2.06.65,2.33.72s2.74.85,2.93.92l.2.06c2.36-4,9.49-16.39,11.88-20.57-.8-.68-1.9-1.59-2.9-2.42h0l-1.74-1.47a2.48,2.48,0,0,1-.56-2.38,38.28,38.28,0,0,0,.16-9.46,39.15,39.15,0,0,0-19.5-30,42.63,42.63,0,0,0-4.52-2.21,2.39,2.39,0,0,1-1.56-1.6h0c-.07-.3-.26-1.14-.86-3.84L62.1,7.52C62,7.24,62,7,61.92,6.75c-1.75,0-5.36,0-11.92,0H38.17c-.11.62-.24,1.38-.39,2.2-.68,4-.68,4-.88,4.31l-.12.18a2.87,2.87,0,0,1-1.52,1,39.15,39.15,0,0,0-24,30.34,7.85,7.85,0,0,1-.21,1.08c-.05.32-.18,1.52-.25,2.77-.05.89-.05,3.23,0,4.18s.12,1.64.25,2.72l.21,1.78-.91.85L9.19,59.22,6.13,62l-.27.25.4.69L13,74.66c2.08,3.6,3.8,6.57,4.76,8.2l1-.36C23.65,80.7,23.65,80.7,24.05,80.7Zm41.33,6h0ZM11.06,45.87,11,46Z'/%3E%3Cpath class='cls-2' d='M92.06,61.58l-1.59-1.33-.83-.69-.48-.4-.43-.36c-.2-.17-.46-.39-.56-.49L88,58.13l0-.28c.24-1.33.45-2.9.56-4.24a49.09,49.09,0,0,0,0-6A38.71,38.71,0,0,0,68.73,16.83a41.87,41.87,0,0,0-5-2.31c-.75-.29-.79-.32-.82-.43s-.17-.72-.33-1.45c-.34-1.48-1.29-5.55-1.32-5.66s-.6-.07-11.32-.07H38.67l0,.09-.4,2.27c-.52,3-.79,4.5-.83,4.67s-.06.14-.54.31A38.75,38.75,0,0,0,11.69,44.89a36.79,36.79,0,0,0-.42,6.55c0,.77,0,1.67,0,2a32.6,32.6,0,0,0,.46,3.88l.06.3-.28.27c-.15.15-.33.31-.39.36L10,59.39l-.39.35c-.12.11-.41.37-.62.58L8.28,61c-.15.14-.58.55-1,.9l-.83.79-.14.12L12,72.55c3.1,5.37,5.66,9.77,5.68,9.77s.36-.11.74-.25l2.05-.75,2.05-.76a17.06,17.06,0,0,1,1.8-.63l.2,0,.4.34a5,5,0,0,0,.45.37,2.14,2.14,0,0,1,.35.26,39,39,0,0,0,21.76,8.46c.93.07,4.05.07,5,0a38.84,38.84,0,0,0,11.78-2.66,39.67,39.67,0,0,0,6.62-3.39,2.93,2.93,0,0,1,.42-.24,32.77,32.77,0,0,0,3-2.17l.7-.56c.1-.08.11-.08.61.08l.81.24.37.11.28.09.27.08.46.15.63.19c.36.11,2.06.63,2.24.67l.82.25c.37.11.71.2.74.2s2.29-3.87,5.66-9.7c3.07-5.33,5.61-9.72,5.64-9.76S93.66,62.92,92.06,61.58Z'/%3E%3Cpath class='cls-3' d='M92.31,58.52,90.7,57.17c-.07-.07-.07-.09,0-.7a40.13,40.13,0,0,0,.17-9.93A41.17,41.17,0,0,0,70.38,15a48.54,48.54,0,0,0-4.76-2.33,1,1,0,0,1-.36-.2s-.4-1.76-.86-3.81-.86-3.78-.86-3.83S62.83,4.73,50,4.73H36.49l0,.12c0,.06-.31,1.74-.66,3.73s-.64,3.65-.65,3.68a4.59,4.59,0,0,1-.64.3A41.14,41.14,0,0,0,9.3,44.45c-.06.4-.13.78-.15.83a26.39,26.39,0,0,0-.33,3.2c-.05,1-.05,3.38,0,4.4s.13,1.77.26,2.86l.09.77L9,56.66,7.73,57.84,7,58.55l-2.19,2c-.76.7-1.39,1.3-1.41,1.32s.51,1,1.16,2.08l6.75,11.68c3.06,5.3,5.58,9.63,5.61,9.63l.73-.25,1.82-.67C23.11,83,24,82.7,24.05,82.7a1.32,1.32,0,0,1,.29.2,45.39,45.39,0,0,0,3.88,2.74,44.52,44.52,0,0,0,7.36,3.59A41.13,41.13,0,0,0,64.88,89l.84-.31a26.66,26.66,0,0,0,2.88-1.32,39,39,0,0,0,6-3.72l.81-.59.22.06.34.11,2.38.74,2.83.89.54.16.83.26a2.05,2.05,0,0,0,.43.11S96.5,62.06,96.49,62,95.67,61.32,92.31,58.52ZM93.5,62.9s-2.57,4.43-5.64,9.76c-3.37,5.83-5.63,9.7-5.66,9.7s-.37-.09-.74-.2l-.82-.25c-.18,0-1.88-.56-2.24-.67l-.63-.19-.46-.15L77,80.82l-.28-.09-.37-.11-.81-.24c-.5-.16-.51-.16-.61-.08l-.7.56a32.77,32.77,0,0,1-3,2.17,2.93,2.93,0,0,0-.42.24,39.67,39.67,0,0,1-6.62,3.39,38.84,38.84,0,0,1-11.78,2.66c-.93.07-4.05.07-5,0a39,39,0,0,1-21.76-8.46,2.14,2.14,0,0,0-.35-.26,5,5,0,0,1-.45-.37l-.4-.34-.2,0a17.06,17.06,0,0,0-1.8.63l-2.05.76-2.05.75c-.38.14-.71.25-.74.25s-2.58-4.4-5.68-9.77L6.34,62.77l.14-.12.83-.79c.39-.35.82-.76,1-.9L9,60.32c.21-.21.5-.47.62-.58l.39-.35,1.2-1.13c.06,0,.24-.21.39-.36l.28-.27-.06-.3a32.6,32.6,0,0,1-.46-3.88c0-.34,0-1.24,0-2a36.79,36.79,0,0,1,.42-6.55A38.75,38.75,0,0,1,36.88,14.25c.48-.17.5-.18.54-.31s.31-1.7.83-4.67L38.65,7l0-.09H50c10.72,0,11.29,0,11.32.07s1,4.18,1.32,5.66c.16.73.31,1.38.33,1.45s.07.14.82.43a41.87,41.87,0,0,1,5,2.31A38.71,38.71,0,0,1,88.54,47.57a49.09,49.09,0,0,1,0,6c-.11,1.34-.32,2.91-.56,4.24l0,.28.19.18c.1.1.36.32.56.49l.43.36.48.4.83.69,1.59,1.33C93.66,62.92,93.55,62.82,93.5,62.9Z'/%3E%3C/svg%3E");
    animation: cont-spin 15s linear infinite;
}
 
#header #header-extra-div-2::before {
    z-index: 3;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bopacity:0.46;%7D.cls-2%7Bfill:%23231f20;%7D.cls-3%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Epata_logo_mg%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg class='cls-1'%3E%3Cpath class='cls-2' d='M50,23.78A26.31,26.31,0,0,1,75.86,45.07L79.79,45l-4.3,7.81-4.62-7.63,3.72-.08A25.07,25.07,0,0,0,50.65,25V35.92h6.43L50,48.16,42.94,35.92h6.42V24.42h0v-.64H50M50,45.6l4.85-8.4h-9.7L50,45.6m25.44,4.65,2.16-3.94-4.49.09,2.33,3.85M50,23.53h-.88V35.67H42.5l.22.38,7.06,12.23.22.38.22-.38,7.06-12.23.22-.38H50.89V25.3A24.7,24.7,0,0,1,74.28,44.85l-3.42.07h-.43l.23.37,4.62,7.63.22.37.21-.38L80,45.11l.21-.38h-.43l-3.73.07A26.64,26.64,0,0,0,50,23.53ZM45.58,37.45h8.84L50,45.1l-4.42-7.65Zm28,9.19,3.63-.07-1.75,3.18-1.88-3.11Z'/%3E%3Cpath class='cls-2' d='M39.26,27,35,34.79,33,31.61a25.06,25.06,0,0,0-5.4,30.76l9.43-5.44-3.22-5.56H48L40.92,63.61,37.71,58l-10,5.75h0l-.56.32-.31-.54a26.32,26.32,0,0,1,5.51-33l-2-3.36L39.26,27m-4.35,5.26,2.16-3.93-4.49.09,2.33,3.84m6,28.82,4.85-8.4h-9.7l4.85,8.4M39.69,26.71h-.43l-8.93.19H29.9l.23.37,1.92,3.18a26.66,26.66,0,0,0-5.4,33.22l.32.54.12.21.22-.12.35-.2.2-.12,9.75-5.62,3.09,5.35.22.38.22-.38L48.2,51.49l.22-.37h-15l.22.37,3.08,5.35-9,5.18A24.7,24.7,0,0,1,33,32l1.77,2.92.22.37.21-.38,4.3-7.82.21-.38ZM33,28.63l3.62-.07L34.9,31.73,33,28.63ZM36.5,52.9h8.83l-4.41,7.65L36.5,52.9Z'/%3E%3Cpath class='cls-2' d='M66.1,51.37l-3.21,5.56,10,5.76h0l.55.32-.31.54A26.33,26.33,0,0,1,41.72,75.31l-1.89,3.45-4.62-7.64,8.92-.18-1.79,3.25a25,25,0,0,0,29.33-10.7L62.25,58,59,63.61,52,51.37H66.1M59,61.05l4.85-8.4h-9.7L59,61.05M39.78,76.2l2.16-3.94-4.49.09,2.33,3.85M66.54,51.12h-15l.22.37,7.06,12.24.22.38.22-.38,3.08-5.35,9,5.2A24.81,24.81,0,0,1,42.7,74.05l1.65-3,.21-.38h-.44l-8.92.18h-.43l.22.37,4.62,7.63.23.38.21-.38,1.79-3.27A26.56,26.56,0,0,0,73.31,63.68l.31-.54.12-.22-.21-.12-.35-.2-.2-.12-9.75-5.64,3.09-5.35.22-.37ZM54.62,52.9h8.84L59,60.55,54.62,52.9ZM37.89,72.6l3.62-.08L39.76,75.7l-1.87-3.1Z'/%3E%3C/g%3E%3Cpath class='cls-3' d='M75.86,45.07A26.31,26.31,0,0,0,50,23.78h-.63v.64h0v11.5H42.94L50,48.16l7.07-12.24H50.64V25A25.07,25.07,0,0,1,74.59,45.09l-3.72.08,4.62,7.63L79.79,45Zm-21-7.87L50,45.6l-4.85-8.4Zm20.59,13L73.11,46.4l4.49-.09Z'/%3E%3Cpath class='cls-3' d='M33.85,51.37l3.22,5.56-9.43,5.44A25.06,25.06,0,0,1,33,31.61L35,34.79,39.26,27l-8.92.19,2,3.36a26.32,26.32,0,0,0-5.51,33l.31.54.56-.32h0l10-5.75,3.21,5.57L48,51.37ZM37.07,28.3l-2.16,3.93-2.33-3.84Zm-1,24.35h9.7l-4.85,8.4Z'/%3E%3Cpath class='cls-3' d='M72.85,62.7h0l-10-5.76,3.21-5.56H52L59,63.61,62.25,58l9.42,5.45a25,25,0,0,1-29.33,10.7l1.79-3.25-8.92.18,4.62,7.64,1.89-3.45A26.32,26.32,0,0,0,73.09,63.56L73.4,63ZM39.78,76.2l-2.33-3.85,4.49-.09ZM59,61.05l-4.85-8.4h9.7Z'/%3E%3C/g%3E%3C/svg%3E");
    animation: clock-spin cubic-bezier(.62,0,.52,1.3) 10s infinite;
}
 
#header #header-extra-div-3::before {
    z-index: 3;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cstyle%3E.cls-1,.cls-3%7Bfill:%23fff;%7D.cls-1,.cls-2%7Bopacity:0.3;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Epata_logo_fg%3C/title%3E%3Cg id='Layer_1' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M80.79,63.91,77,61.72a29.13,29.13,0,0,0,2.33-11.44A29.42,29.42,0,0,0,53.44,21.11V16.92h-7v4.19A29.38,29.38,0,0,0,22.93,61.84L19.2,64l3.5,6.07,3.74-2.16a29.36,29.36,0,0,0,47.08-.11L77.29,70ZM49.94,72.66a22.36,22.36,0,0,1-17.38-8.3l6.57-3.82,1.78,3.06L48,51.37H33.85l1.8,3.13-6.6,3.81A22.39,22.39,0,0,1,46.44,28.17v7.75H42.93L50,48.16l7.07-12.24H53.44V28.17a22.37,22.37,0,0,1,17.44,30l-6.54-3.78,1.75-3H52L59,63.6l1.81-3.13,6.56,3.79A22.34,22.34,0,0,1,49.94,72.66Z'/%3E%3Cg class='cls-2'%3E%3Cpath class='cls-3' d='M53.19,17.17v4.16l.22,0A29.12,29.12,0,0,1,76.77,61.63l-.08.2.19.11L80.45,64,77.2,69.63l-3.56-2-.19-.11-.13.17A29.3,29.3,0,0,1,49.94,79.41a28.94,28.94,0,0,1-23.3-11.66l-.13-.18-.19.11-3.53,2-3.25-5.63,3.52-2,.19-.12-.09-.2A29.13,29.13,0,0,1,46.47,21.35l.22,0V17.17h6.5m3.43,19L50,47.66,43.36,36.17h3.33v-8.3l-.29.05A22.63,22.63,0,0,0,28.82,58.4l.11.27.25-.15,6.49-3.87.21-.13-.12-.21-1.49-2.69H47.54L40.91,63.1l-1.56-2.69-.13-.22-.22.13-6.56,3.83-.25.14.18.23a22.6,22.6,0,0,0,35.23-.1l.18-.23-.25-.14L61,60.26l-.21-.13-.13.22L59,63.1,52.4,51.62H65.66l-1.54,2.67L64,54.5l.21.13,6.54,3.77.26.15.1-.27A22.61,22.61,0,0,0,53.48,27.92l-.29-.05v8.3h3.43M53.44,16.92h-7v4.19A29.38,29.38,0,0,0,22.93,61.84L19.2,64l3.5,6.07,3.74-2.16a29.36,29.36,0,0,0,47.08-.11L77.29,70l3.5-6.06L77,61.72a29.13,29.13,0,0,0,2.33-11.44A29.42,29.42,0,0,0,53.44,21.11V16.92ZM50,48.16l7.07-12.24H53.44V28.17a22.37,22.37,0,0,1,17.44,30l-6.54-3.78,1.75-3H52L59,63.6l1.81-3.13,6.56,3.79a22.35,22.35,0,0,1-34.84.1l6.57-3.82,1.78,3.06L48,51.37H33.85l1.7,3.06-6.5,3.88A22.39,22.39,0,0,1,46.44,28.17v7.75H42.93L50,48.16Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    animation: clock-spin cubic-bezier(.62,0,.52,1.3) 10s infinite;
}
#main-content {
    border-left: 1px solid rgba(0,0,0,0.12);
    margin: 0 2em 0 20em;
    padding: 2em 2em 2em 4em;
}
 
/*------------------*\
 *    Top Header    * 
\*------------------*/
 
div#container-wrap {
    background: url(http://scp-sandbox-3.wdfiles.com/local--files/collab%3Aar-theme/ar_bg.png) top left repeat-x;
}
/*
#header {
    background-image: url(http://scp-sandbox-3.wdfiles.com/local--files/collab%3Aar-theme/ar_circle.png);
}
*/
 
#header h1 a {
    background: transparent;
    font-family: 'Roboto Mono', 微软雅黑, sans-serif;
    text-decoration: none;
    text-shadow: none;
    letter-spacing: -0.05em;
    font-weight: 400;
    /* hide real header */
    line-height: 0px;
    max-height: 0px;
    color: transparent;
}
#header h1 a::before {
    content: "深空探索部";
    color: #fff;
}
#header h2 span {
    background: transparent;
    font-family: 'Roboto Mono',微软雅黑,sans-serif;
    text-shadow: none;
    letter-spacing: -0.05em;
    font-weight: 500;
    color: #eee;
    /* hide real header */
    line-height: 0px;
    max-height: 0px;
    color: transparent;
}
#header h2 span::before {
    content: " 吾等皆为星之尘 。";
    color: #eee;
}
 
#search-top-box-input {
    background-color: #1e3c62;
    background-color: var(--dark-accent);
    border: none;
    box-shadow: none;
    border-radius: 0;
    font-family: 'Roboto Mono',monospace;
}
#search-top-box-input:hover, #search-top-box-input:focus {
    background-color: #1e3c62;
    background-color: var(--dark-accent);
    border: none;
    box-shadow: none;
}
#search-top-box-form input[type=submit] {
    padding: 0 0.5em;
    border: 1px solid #1e3c62;
    border: 1px solid var(--dark-accent);
    border-radius: 0;
    color: #fff;
    background: #295183;
    background: var(--light-accent);
    font-family: 'Roboto Mono',monospace;
}
#search-top-box-form input[type=submit]:hover {
    border: 1px solid #1e3c62;
    border: 1px solid var(--dark-accent);
    border-radius: 0;
    background: #295183;
    background: var(--light-accent);
}
 
#top-bar ul li ul a, #top-bar a:hover, #top-bar ul li.sfhover a, #top-bar ul li:hover a {
    color: #295183;
    color: var(--light-accent);
}
 
/*----------------------------------------*\
 *  Height Adjustment for central border  * 
\*----------------------------------------*/
 
#content-wrap {
    margin-top: 0;
    min-height: 1660px;
}
#side-bar {
    top: 1.5em;
}
 
/*------------------*\
 *     Side Bar     * 
\*------------------*/
 
#side-bar .side-block {
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: transparent !important;
    padding: 0;
}
#side-bar .heading {
    border: none;
    border-radius: 0;
    color: #202124;
    font-size: 1.2em;
    padding: 1em 1em 0 0;
    border-top: 1px solid rgba(0,0,0,.12);
    margin: 1em calc(-1em + 2px) 1em 0;
    font-weight: normal;
}
#side-bar div.menu-item {
    margin: 0;
    font-size: 0;
}
#side-bar div.menu-item a {
    font-weight: normal;
}
#side-bar .menu-item > img {
    display: none;
}
#side-bar .menu-item > a {
    transition: all 0.1s ease-in-out;
    display: block;
    color: #5f6368;
    margin: 0 calc(-1em - 1px) 0 -0.5em;
    padding: 0.5em 1em 0.5em 0.5em;
    font-size: 12.8px;
 
    /* sidebar links extend to left: */
    margin-left: -99rem;
    padding-left: 99rem;
}
#side-bar .menu-item > a:hover {
    background-color: rgba(0,0,0,0.04);
    color: #202124;
    text-decoration: none;
}
 
/*--------------------*\
 *  Horizontal Rules  * 
\*--------------------*/
 
hr {
    background-color: rgba(0,0,0,0.12);
}
#page-content > hr, #page-content > .list-pages-box > .list-pages-item > hr {
    margin: 3em -2em 3em -4em;
}
 
/*-------------------*\
 *    Blockquotes    * 
\*-------------------*/
 
blockquote {
    border: 1px solid rgba(0,0,0,0.12);
    background-color: transparent;
}
 
/*-----------------------*\
 *     Rating & Tags     * 
\*-----------------------*/
 
hr + div[style="text-align: right;"] {
    position: relative;
}
hr + div[style="text-align: right;"] .page-rate-widget-box {
    top: calc(-3em - 8px);
    right: 0;
    position: absolute;
}
 
.page-rate-widget-box {
    border-radius: 0;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
}
.page-rate-widget-box .rate-points {
    background-color: #295183 !important;
    background-color: var(--light-accent) !important;
    border-color: #1e3c62;
    border-color: var(--dark-accent);
    border-radius: 0;
}
.page-rate-widget-box .rateup, .page-rate-widget-box .ratedown {
    background-color: #fff;
    border-color: #1e3c62;
    border-color: var(--dark-accent);
}
.page-rate-widget-box .rateup a, .page-rate-widget-box .ratedown a {
    color: #1e3c62;
    color: var(--dark-accent);
}
.page-rate-widget-box .rateup a:hover, .page-rate-widget-box .ratedown a:hover {
    color: #fff;
    background-color: #295183;
    background-color: var(--light-accent);
}
.page-rate-widget-box .cancel {
    background-color: #295183;
    background-color: var(--light-accent);
    border-color: #1e3c62;
    border-color: var(--dark-accent);
    border-radius: 0;
}
.page-rate-widget-box .cancel a {
    color: #fff;
}
.page-rate-widget-box .cancel a:hover {
    border-radius: 0;
    color: #1e3c62;
    color: var(--dark-accent);
    background-color: #295183;
    background-color: var(--light-accent);
}
 
.rate-box-with-credit-button {
 
    background-color: var(--light-accent);
 
    border: 1px solid var(--dark-accent);
 
    border-radius: 0;
 
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
 
}
 
.creditButton p a {
 
    border-left-color: #fff;
 
}
 
#main-content .page-tags {
    margin-top: 3em;
}
#main-content .page-tags span {
    border-color: rgba(0,0,0,0.12);
    margin-left: -4.7em;
    padding-left: 4.7em;
}
 
/*------------------*\
 *       Tabs       * 
\*------------------*/
 
.yui-navset.yui-navset-top {
    border-left: 3px solid #295183;
    border-left: 3px solid var(--light-accent);
}
.yui-navset .yui-nav {
    position: relative;
    z-index: 0;
    border: none;
    padding-left: 0.2em;
}
.yui-navset .yui-nav li {
    padding: 0;
    margin: 0.2em 0.3em;
    transition: transform 0.2s ease-in-out;
}
.yui-navset .yui-nav li a {
    background: transparent;
    color: #5f6368;
    border: 1px solid rgba(0,0,0,0.12);
    transition: background 0.1s ease-in-out,
                color 0.1s ease-in-out,
                border 0.1s ease-in-out;
}
.yui-navset .yui-nav li a:hover {
    background: rgba(0,0,0,0.04);
    color: #202124;
    border: 1px solid rgba(0,0,0,0.12);
}
.yui-navset .yui-nav li a em {
    border: none;
    padding: 0.5em 0.5em calc(0.5em - 2px) 0.5em;
}
.yui-navset .yui-nav .selected {
    padding: 0;
    margin: 0.2em 0.3em;
    transform: scale(1.1);
}
.yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover {
    padding: 0;
    border: 1px solid #1e3c62;
    border: 1px solid var(--dark-accent);
    background: #295183;
    background: var(--light-accent);
}
.yui-navset .yui-nav .selected a em {
    padding: 0.5em 0.5em calc(0.5em - 2px) 0.5em;
    border: none;
}
 
.yui-navset .yui-content {
    display: flex;
    flex-direction: column;
    background-color: transparent;
    border: none;
    padding: 0;
    position: relative;
    margin-top: 0.2em;
    transform-origin: 0 0;
}
.yui-navset .yui-content > div {
    border: 1px solid rgba(0,0,0,0.12);
    border-left: none;
    background-color: #f5f5f5;
    padding: 0.25em 0.5em;
    display: block;
    top: 0;
    overflow: hidden;
    transform-origin: 0 0;
}
#page-content .yui-navset .yui-content > div > * {
    transform-origin: 0 0;
}
#page-content .yui-navset .yui-content > div[style*="none"] {
    display: block !important;
    flex: 0;
    max-height: 0;
    padding: 0 0.5em;
    border-width: 0;
    /* The following transition affects the one that DISAPPEARS */
    transition: padding 0s linear 0.5s,
                border-width 0s linear 0.5s,
                flex 0.5s cubic-bezier(.0,1.27,.0,.89) 0s;
    animation: tab-disappear 0.5s ease-in-out 0s 1 both;
}
#page-content .yui-navset .yui-content > div[style*="block"] {
    display: block !important;
    flex: 1;
    max-height: 9999rem;
    /* The following transition affects the one that APPEARS */
    transition: padding 0s linear 0.5s,
                border-width 0s linear 0.5s,
                flex 0.5s cubic-bezier(.99,.0,.99,.0) 0.5s;
    animation: tab-appear 0.5s ease-in-out 0.5s 1 both;
}
 
@keyframes tab-disappear {
    0% { max-height: 9999rem; }
    1% { max-height: 100vh; }
    100% { max-height: 0; }
}
@keyframes tab-appear {
    0% { max-height: 0; }
    99% { max-height: 100vh; }
    100% { max-height: 9999rem; }
}
 
/*--------------------*\
 *       Tables       * 
\*--------------------*/
 
table.wiki-content-table td {
    /* rgba is useless here */
    border-color: #e1e1e1;
}
table.wiki-content-table th {
    border-color: #e1e1e1;
    background-color: #f5f5f5;
}
 
/*------------------*\
 *      Images      * 
\*------------------*/
 
#page-content .scp-image-block {
    border-color: rgba(0,0,0,0.12);
    box-shadow: none;
}
#page-content .scp-image-block .scp-image-caption {
    border-color: rgba(0,0,0,0.12);
    background-color: #f5f5f5;
}
 
/*-------------------*\
 *     Animation     * 
\*-------------------*/
 
/*
#header::before {
    content: "";
    background-image: url(http://scp-sandbox-3.wdfiles.com/local--files/collab%3Aar-theme/ar_logo_blue.png);
    position: absolute;
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: translate (0,0) scale(1,1);
    transform-origin: 50% 50%;
    transform: translate (0,0) scale(1,1);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    zoom: 1;
}
*/
@keyframes clock-spin
{
  0%, 15%
  {
    transform: rotate(0deg);
  }
  25%, 40%
  {
    transform: rotate(90deg);
  }
  50%, 65%
  {
    transform: rotate(180deg);
  }
  75%, 90%
  {
    transform: rotate(270deg);
  }
  100%
  {
    transform: rotate(360deg);
  }
}
 
@keyframes cont-spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
 
/*------------------*\
 *      Mobile      * 
\*------------------*/
 
@media (max-width: 767px)  {
    #header {
        background: none !important;
    }
 
    #header #header-extra-div-1, 
    #header #header-extra-div-2, 
    #header #header-extra-div-3 {
        width: 5rem !important;
        height: 5rem !important;
        left: -1rem !important;
        top: 3rem !important;
    }
 
    #header #header-extra-div-1::before, 
    #header #header-extra-div-2::before, 
    #header #header-extra-div-3::before {
        width: 5rem !important;
        height: 5rem !important;
    }
}
 
@media (max-width: 767px) {
    #main-content {
        padding: 0;
        margin: 0 5%;
        border-left: none;
    }
    #page-title {
        margin-top: 0.7em;
    }
    #side-bar {
        background-color: #fff;
        left: -21em;
    }
    #side-bar:target {
        border: none;
        box-shadow: 3px 0 1px -2px rgba(0,0,0,0.04), 1px 0 5px 0 rgba(0,0,0,0.2);
    }
    #side-bar .close-menu {
        transition: width 0.5s ease-in-out 0.1s,
                    opacity 1s ease-in-out 0s;
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        background: rgba(0,0,0,0.3);
        background-position: 19em 50%;
        z-index: -1;
        opacity: 0;
        pointer-events: none;
    }
    #side-bar:target .close-menu {
        width: calc(100% - 19em);
        right: 0;
        left: auto;
        opacity: 1;
        pointer-events: auto;
    }
    #page-content > hr, #page-content > .list-pages-box > .list-pages-item > hr {
        margin: 3em -5.5%;
    }
    #breadcrumbs {
        position: relative;
        top: 0;
        font-style: italic;
    }
    #side-bar {
        top: 0;
    }
    #side-bar .heading {
        padding-left: 1em;
        margin-left: -1em;
    }
    #search-top-box {
        top: 107px;
    }
    .open-menu a {
        border-radius: 0;
        border: none !important;
        padding: 0.1em;
        box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.2), 0px 3px 10px 0 rgba(0, 0, 0, 0.19);
        color: #295183 !important;
        color: var(--light-accent) !important;
    }
}
 
/*--------------------*\
 *    Responsivity    * 
\*--------------------*/
 
@media (max-width: 479px) {
    #header::before {
        animation: logo-expand-479 3s ease-in-out 0s 1 forwards;
        background-size: 55px;
    }
}
@media (max-width: 580px) and (min-width: 480px) {
    #header::before {
        animation: logo-expand-580-480 3s ease-in-out 0s 1 forwards;
        background-size: 66px;
    }
}
@media (max-width: 767px) and (min-width: 581px) {
    #header {
        background-position: 1em 4.3em;
        background-size: 70px;
    }
    #header::before {
        animation: logo-expand-767-581 3s ease-in-out 0s 1 forwards;
        background-size: 70px;
    }
    #search-top-box-input.empty {
        width: initial;
    }
}
@media (max-width: 979px) and (min-width: 768px) {
    #header {
        background-position: 1.8em 4em;
        background-size: 70px;
    }
    #header::before {
        animation: logo-expand-979-768 3s ease-in-out 0s 1 forwards;
        animation-fill-mode: forwards;
        background-size: 70px;
    }
}
@media (min-width: 980px) {
    #header {
        background-position: 1.8em 3.7em;
        background-size: 80px;
    }
    #header::before {
        animation: logo-expand-980 3s ease-in-out 0s 1 forwards;
        animation-fill-mode: forwards;
        background-size: 80px;
    }
}
 
/*------------------*\
 *     Keyframes    * 
\*------------------*/
 
/*--
@keyframes logo-expand-980 {
        0%, 74% {
                background-size: 80px 80px;
                top: 3.7em;
                left: 1.8em;
                height: 80px;
                width: 80px;
                -webkit-transform: translate(0px,16.31px) scale(0.43,0.43);
                transform: translate(0px,16.31px) scale(0.43,0.43);
                opacity: 0;
        }
        75% {
                background-size: 80px 80px;
                top: 3.7em;
                left: 1.8em;
                height: 80px;
                width: 80px;
                -webkit-transform: translate(0px,16.31px) scale(0.43,0.43);
                transform: translate(0px,16.31px) scale(0.43,0.43);
                opacity: 1;
        }
        100% {
                background-size: 80px 80px;
                top: 3.7em;
                left: 1.8em;
                height: 80px;
                width: 80px;
                -webkit-transform: translate(0,0) scale(1,1);
                transform: translate(0,0) scale(1,1);
                opacity: 1;
        }
}
@keyframes logo-expand-979-768 {
        0%, 74% {
                background-size: 70px 70px;
                top: 4em;
                left: 1.8em;
                height: 70px;
                width: 70px;
                -webkit-transform: translate(0px,14.15px) scale(0.43,0.43);
                transform: translate(0px,14.15px) scale(0.43,0.43);
                opacity: 0;
        }
        75% {
                background-size: 70px 70px;
                top: 4em;
                left: 1.8em;
                height: 70px;
                width: 70px;
                -webkit-transform: translate(0px,14.15px) scale(0.43,0.43);
                transform: translate(0px,14.15px) scale(0.43,0.43);
                opacity: 1;
        }
        100% {
                background-size: 70px 70px;
                top: 4em;
                left: 1.8em;
                height: 70px;
                width: 70px;
                -webkit-transform: translate(0,0) scale(1,1);
                transform: translate(0,0) scale(1,1);
                opacity: 1;
        }
}
@keyframes logo-expand-767-581 {
        0%, 74% {
                background-size: 70px 70px;
                top: 4.3em;
                left: 1em;
                height: 70px;
                width: 70px;
                -webkit-transform: translate(0px,14.15px) scale(0.43,0.43);
                transform: translate(0px,14.15px) scale(0.43,0.43);
                opacity: 0;
        }
        75% {
                background-size: 70px 70px;
                top: 4.3em;
                left: 1em;
                height: 70px;
                width: 70px;
                -webkit-transform: translate(0px,14.15px) scale(0.43,0.43);
                transform: translate(0px,14.15px) scale(0.43,0.43);
                opacity: 1;
        }
        100% {
                background-size: 70px 70px;
                top: 4.3em;
                left: 1em;
                height: 70px;
                width: 70px;
                -webkit-transform: translate(0,0) scale(1,1);
                transform: translate(0,0) scale(1,1);
                opacity: 1;
        }
}
@keyframes logo-expand-580-480 {
        0%, 74% {
                background-size: 66px 66px;
                top: 4.5em;
                left: 0.5em;
                height: 66px;
                width: 66px;
                -webkit-transform: translate(0px,13.28px) scale(0.43,0.43);
                transform: translate(0px,13.28px) scale(0.43,0.43);
                opacity: 0;
        }
        75% {
                background-size: 66px 66px;
                top: 4.5em;
                left: 0.5em;
                height: 66px;
                width: 66px;
                -webkit-transform: translate(0px,13.28px) scale(0.43,0.43);
                transform: translate(0px,13.28px) scale(0.43,0.43);
                opacity: 1;
        }
        100% {
                background-size: 66px 66px;
                top: 4.5em;
                left: 0.5em;
                height: 66px;
                width: 66px;
                -webkit-transform: translate(0,0) scale(1,1);
                transform: translate(0,0) scale(1,1);
                opacity: 1;
        }
}
@keyframes logo-expand-479 {
        0%, 74% {
                background-size: 55px 55px;
                top: 5.5em;
                left: 0em;
                height: 55px;
                width: 55px;
                -webkit-transform: translate(0px,10.9px) scale(0.43,0.43);
                transform: translate(0px,10.9px) scale(0.43,0.43);
                opacity: 0;
        }
        75% {
                background-size: 55px 55px;
                top: 5.5em;
                left: 0em;
                height: 55px;
                width: 55px;
                -webkit-transform: translate(0px,10.9px) scale(0.43,0.43);
                transform: translate(0px,10.9px) scale(0.43,0.43);
                opacity: 1;
        }
        100% {
                background-size: 55px 55px;
                top: 5.5em;
                left: 0em;
                height: 55px;
                width: 55px;
                -webkit-transform: translate(0,0) scale(1,1);
                transform: translate(0,0) scale(1,1);
                opacity: 1;
        }
}
--*/
 
/*-----------------------------------------*\
 *       MANUAL SIDE BAR ADJUSTMENTS       * 
 *-----------------------------------------*
 *  These account for errors in the side-  *
 *  -bar CSS. They need to be manually re- *
 *  -adjusted whenever the side bar is     *
 *  updated. They will also need to be     *
 *  changed for translations of this theme.*
\*-----------------------------------------*/
 
#side-bar .menu-item > a[href="/wanderers:the-library-cn"]::before {
    content: "图书馆";
}
#side-bar .menu-item > a[href="/random:random-tale"]::before {
    content: "随机";
}
#side-bar .menu-item > a[href="/most-recently-edited"]::before {
    content: "最近";
}
#side-bar .menu-item > a[href="/random:random-tale-cn"]::before {
    content: "随机";
}
#side-bar .menu-item > a[href*="/scp-series"]::after {
    font-size: 80%;
    opacity: 0.5;
    margin-left: 0.5em;
}
#side-bar .menu-item > a[href="/scp-series"]::after {
    content: "(001999)";
}
#side-bar .menu-item > a[href="/scp-series-2"]::after {
    content: "(10001999)";
}
#side-bar .menu-item > a[href="/scp-series-3"]::after {
    content: "(20002999)";
}
#side-bar .menu-item > a[href="/scp-series-4"]::after {
    content: "(30003999)";
}
#side-bar .menu-item > a[href="/scp-series-5"]::after {
    content: "(40004999)";
}