版式
此为于SCP维基内部使用的样版页。在未经管理同意的情况下，请不要动这页里面的东西。
此CSS修改自安德森机器人(Anderson Robotics, AR)的CSS版式，原CSS由Croquembouche在
Jacob Conwell与
OthellotheCat的协助下制作。
此外，CSS图标来自于超形上学部版式，由FloppyPhoenix does not match any existing user name制作。
使用
若要在你的页面中使用本主题，请在页面任何位置添加以下代码：
[[include component:ar-theme]]
请勿通过标准的CSS @import方式引入本主题。你当然完全可以这么做，但通过[[include]]来引入主题可以将你的页面加入到一系列“反向连结”清单之中。当本版式更新升级时，此方式可以看到哪些页面会受到影响，且可以更快留意、修正升级所导致的任何错误，故而十分有用。
你可以通过点击页面底部的“+ 选项”、“反向连结”来看任何页面的反向连结。
举例
可通过五个连字符"-----"创建水平分割线。若它未被放在其他部件（诸如引用块）中，则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。
标题可通过在一行字起始处输入1至6个加号"+"来创建标题
这是一个引用块，在一行字的起始处加上"> "来添加它。
更多文字
一条分割线
引用套引用
| 这是 | 表格 |
|---|---|
| 你应该老早 | 就知道怎么 |
| 做这个了吧 | |
主题颜色为：
- #295183 - 浅色
- #1e3c62 - 深色
- #0366d6 - 超链接
- rgba(0,0,0,0.12) - 边框
正文字体为Montserrat/华文细黑。标题字体为Raleway/等线。顶端页眉的等宽字字体是Roboto Mono/微软雅黑。
链接
源代码
/*-------------------------------------*\ * ANDERSON ROBOTICS THEME * \*-------------------------------------*/ /*-----------------------*\ * Fonts and Colours * \*-----------------------*/ /* Powered on 2019/09/06 03:05:59 [2019 Wikidot Theme] Created by hey_kounoike CC BY-SA 3.0 */ @import url('https://fonts.googleapis.com/css?family=Noto+Sans+SC|Noto+Serif+SC|Noto+Sans+TC|Noto+Serif+TC&display=swap'); :root { --light-accent: #586e75; --dark-accent: #002b36; --hyperlink: #268bd2; --hyperlink-visited: #2aa198; } body { background-color: #fdf6e3; color: #657b83; font-family: 'Noto Serif SC',verdana,arial,helvetica,sans-serif; } textarea[name=source] { font-family: 'Noto Serif SC', 'Noto Serif TC'; } 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: 'Noto Serif SC',verdana,arial,helvetica,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; text-align: center; } #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: 'Noto Serif SC', 'Noto Serif TC'; } #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: 'Noto Serif SC', 'Noto Serif TC'; } #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; } .t-body { background-color: #300A24; color:#fff; font-family: 'Ubuntu Mono', monospace; padding: 1rem 2rem 1rem 2rem; margin: 0; background-size: cover; background-repeat: no-repeat; } .index{ border: 1px solid rgb(136, 136, 136); background-color: white; padding: .25em 1em; margin-bottom: 1em; } .notice{ background: #b54d3b; outline: 4px solid #b54d3b; border: 1px solid #f7db26; padding: .61em; color: #f7db26; text-align: center; font-weight: bold; word-break: unset; } .h2{ margin: .5em 0 .4em; letter-spacing: 1px; font-size: 150%; font-family: 'Noto Serif SC',verdana,arial,helvetica,sans-serif; } #page-content > .myTitle *, #page-content > .myClass *, #page-content > .myRemarks *, #page-content > .myPreview * {display: none !important;} .myTitle .myTitle, .myClass .myClass {display: inline !important;} .myRemarks .myRemarks, .myPreview .myPreview {display: block !important;} /*--------------------*\ * 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: "(001–999)"; } #side-bar .menu-item > a[href="/scp-series-2"]::after { content: "(1000–1999)"; } #side-bar .menu-item > a[href="/scp-series-3"]::after { content: "(2000–2999)"; } #side-bar .menu-item > a[href="/scp-series-4"]::after { content: "(3000–3999)"; } #side-bar .menu-item > a[href="/scp-series-5"]::after { content: "(4000–4999)"; }
page revision: 8, last edited: 28 Mar 2020 07:47