Saturn OS-土星查询系统

评分：

这是由 ygxl-233 制作的美学版式，由半影版式修改而来。

在你的作品开头添加如下语法以应用此版式：

[[include :paraarc:theme:saturn-os]]

你可以在 [[include]] 之后使用如下 CSS 模块来修改评分模块文字

:root {
  --rate-text: "你要写的字";
}

---

Saturnian OS

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

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

折叠 - 点击这里

1 级标题

2 级标题

3 级标题

4 级标题

5 级标题

6 级标题

分页

此为分页（tab view）。

分页

看，这有更多文字。

多么精巧绝伦。

长 Tab

这是一个长的 tab，它有很多文字。²

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

更长的 Tab

这也是一个长的 tab，它有很多文字。

这也是一个长的 tab，它有很多文字。

这也是一个长的 tab，它有很多文字。

这也是一个长的 tab，它有很多文字。

这也是一个长的 tab，它有很多文字。

这也是一个长的 tab，它有很多文字。

这也是一个长的 tab，它有很多文字。

这也是一个长的 tab，它有很多文字。

这也是一个长的 tab，它有很多文字。

这也是一个长的 tab，它有很多文字。

这也是一个长的 tab，它有很多文字。

这也是一个长的 tab，它有很多文字。

这也是一个长的 tab，它有很多文字。

这也是一个长的 tab，它有很多文字。

空 Tab

这是一个引用块，在一行字的起始处加上“> ”来创建。
更多文字

---

一条分割线

嵌套引用块

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

[[div class="darkbox"]]

本版式将会持续更新，以下为更新计划

---

世界观内介绍

暂无

---

页眉字体为 Josefin Sans / 黑体。

正文字体为 Roboto。

等宽字为 Fira Code / 幼圆。

Footnotes

1. 四个，只要四个！

2. 这是一个脚注。

源码

/* ╔═══╗──╔╗────────────────╔═══╦═══╗ */
/* ║╔═╗║─╔╝╚╗───────────────║╔═╗║╔═╗║ */
/* ║╚══╦═╩╗╔╬╗╔╦═╦═╗╔╦══╦═╗─║║─║║╚══╗ */
/* ╚══╗║╔╗║║║║║║╔╣╔╗╬╣╔╗║╔╗╗║║─║╠══╗║ */
/* ║╚═╝║╔╗║╚╣╚╝║║║║║║║╔╗║║║║║╚═╝║╚═╝║ */
/* ╚═══╩╝╚╩═╩══╩╝╚╝╚╩╩╝╚╩╝╚╝╚═══╩═══╝ */
/* ============================= */
/*                                */
/* [2023 Wikidot Theme]           */
/* Version 1.2.0                  */
/*                                */
/* by ygxl233      */
/* with thanks to xxx  */
/*                                */
/* 由半影修改而来               */
/*                                */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------- */
 
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Code&display=swap');
 
#page-content { font-size: .9rem; }
 
body {
    font-family: 'Roboto', sans-serif;
    color: #ffffff; /* 字体颜色改为白色 */
    background-color: #000000; /* 背景颜色改为黑色 */
    background-image: linear-gradient(
        to bottom,
        #000000, #000000 90px,
        #000000 90px, #000000 200px,
        #000000 200px, #000000 100%); /* 背景渐变颜色改为黑色 */
    background-repeat: no-repeat;
    text-shadow: 0 0 5px rgba(255,255,255,0.3), 0 0 10px rgba(255,255,255,0.3), 0 0 15px rgba(255,255,255,0.3);
 
}
#page-content {
    background: #000;
 }
#main-content {
    width: 100%;
    margin: 0 auto;
    padding: 20px; /* 可选，根据需要添加内边距 */
    top: -1.2rem;
    background-color: #000000;
    background-image: linear-gradient(0deg, #000, #000);
    border: solid 3px #000;
}
::selection {
    background-color: rgba(255, 202, 42, 0.7) !important; /* 修改选中文字的背景色为橙色，设置透明度为0.8 */
    color: #ffffff; /* 修改选中文字的文本颜色为白色 */
}
/* ---- 滚动条 ---- */
 
::-webkit-scrollbar {
  width: 9px;
  background: #transparent;
}
 
::-webkit-scrollbar-track {
  background: #000000;
}
 
::-webkit-scrollbar-thumb {
  background: #ffffff;
  border: none;
  box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0); /* 添加发光效果 */
  transition: box-shadow 0.5s ease; /* 添加过渡效果 */
}
 
::-webkit-scrollbar-thumb:hover {
  background: #FFD700;
  box-shadow: 0 0 5px 3px rgba(255, 255, 255, 0.6); /* 添加发光效果 */
}
 
/* ---- 页眉 ---- */
#header {
  display: none !important;
  z-index: 1000;
}
 
div#container-wrap {
     background-image: none;
     max-width: 100%;
     margin: 0;
     padding: 0;
}
div#header {
    background-image: none;
}
 
div#extra-div-1 {
    height: 200px;
    width: 100%;
    top: 0;
    position: absolute;
    background: var(--lgurl);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    z-index: -1;
}
div#extra-div-2 {
    height: 38px;
    width: 100%;
    top: 0px;
    background: url("http://paraarc-sandbox.wikidot.com/local--files/loding/Saturn%20OShead.png") left top no-repeat, url("http://paraarc-sandbox.wikidot.com/local--files/loding/backv1.1.0") right top repeat-x;
    z-index: 8;
    box-shadow: 0 1px 4px 0.5px rgba(var(--frame-shadow));
    position: fixed;
    overflow: visible;
}
@media (max-width: 767px) {
    div#extra-div-2 {
        height: 38px;
        width: 100%;
        top: 0px;
        z-index: 9999 !important;
        position: fixed;
        overflow: visible;
    }
 
    div#extra-div-2::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url("http://paraarc-sandbox.wikidot.com/local--files/loding/backv1.1.0") right top repeat-x;
        z-index: -1;
    }
 
    div#extra-div-2::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url("http://paraarc-sandbox.wikidot.com/local--files/loding/Saturn%20OShead.png") left top no-repeat;
        z-index: -2;
    }
}
#header h1, #header h2 { margin-left: 0; float: none; text-align: center; }
/* Move the subtitle down a smidge */
#header h2 { margin-top: 0.45rem; }
/* Hide the existing text */
#header h1 span, #header h2 span { font-size: 0; display: none; }
/* Style the new text */
#header h1 a::before, #header h2::before {
  color: var(--accentColor);
  font-family: 'Josefin Sans', '黑体', sans-serif;
  text-shadow: none;
}
/* Set the new text's content from variable */
#header h1 a::before,
#header h2::before {
  content: none;
  color: initial;
  font-family: initial;
  text-shadow: initial;
}
 
#login-status {
    color: #ffffff;
}
#login-status a {
    color: var(--accentColor);
}
#login-status ul a {
    color: #ffffff;
    background: #ffffff;
}
#login-status ul a:hover {
    color: var(--accentColor);
}
 
#account-topbutton{
    border: solid 1px var(--accentColor);
}
 
#footer, #footer a {
    background: transparent;
    color: #ededed;
}
#license-area {
     color: #ededed;
}
 
#search-top-box {
    top: 2.2rem!important;
    right: 8px;
}
#search-top-box-form > input[type=submit] {
    border: solid 1px #ededed;
    background: #ffffff!important;
    box-shadow: none;
    border-radius: 0;
    color: #ededed;
    transition: color 0.15s linear;
}
#search-top-box-form input[type=submit]:hover {
    border: solid 1px var(--accentColor);
    box-shadow: none;
    color: var(--accentColor);
}
#search-top-box-form > input[type=text] { display: none; }
.button-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* 底部选项 */
.page-options-bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
 
.page-options-bottom::before {
  content: "";
  position: absolute;
  top: -10px; /* 伪元素位置 */
  left: 50%; /* 伪元素居中 */
  transform: translateX(-50%); /* 伪元素居中 */
  width: 100%; /* 伪元素宽度 */
  height: 100px; /* 伪元素高度 */
  background-color: transparent;
}
 
.page-options-bottom .btn-default {
  position: relative;
  margin: 0 5px;
  margin-bottom: 10px; /* 间隔大小 */
  color: #fff;
  background-color: #000;
  border: none;
  transition: background-color 0.3s, transform 0.3s;
  transform: rotate(-45deg);
  z-index: 1;
}
 
.page-options-bottom .btn-default:first-child {
  margin-left: 0;
}
 
.page-options-bottom .btn-default:last-child {
  margin-right: 0;
}
 
.page-options-bottom .btn-default:hover {
  background-color: #fff;
  color: #000;
  transform: rotate(0deg);
}
#delete-button {
  position: relative;
  color: #fff;
  background-color: #000; /* 更改按钮的背景颜色 */
  border: none;
  transition: background-color 0.3s, transform 0.3s;
}
 
#delete-button::before {
  content: "";
  position: absolute;
  bottom: -4px; /* 调整渐变线的位置 */
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, transparent 0%, transparent 50%, #ff0000 50%, #ff0000 100%); /* 更改渐变线的颜色 */
  background-size: 200% 100%;
  background-position: right bottom;
  transform: scaleX(0); /* 初始时将渐变线缩放为0 */
  transform-origin: left; /* 设置缩放的原点在左侧 */
  transition: transform 0.3s;
}
 
#delete-button:hover {
  background-color: #f00; /* 更改按钮在悬停时的背景颜色 */
}
 
#delete-button:hover::before {
  transition: background-color 0.3s, transform 0.3s;
  transform: scaleX(1); /* 鼠标悬停时将渐变线横向展开 */
}
#edit-button,
#pagerate-button,
#tags-button,
#discuss-button,
#history-button,
#files-button,
#print-button,
#site-tools-button,
#more-options-button,
#edit-sections-button,
#edit-append-button,
#edit-meta-button,
#watchers-button,
#backlinks-button,
#view-source-button,
#parent-page-button,
#page-block-button,
#rename-move-button {
  position: relative;
  transition: background-color 0.3s, transform 0.3s, color 0.3s;
}
 
#edit-button::before,
#pagerate-button::before,
#tags-button::before,
#discuss-button::before,
#history-button::before,
#files-button::before,
#print-button::before,
#site-tools-button::before,
#more-options-button::before,
#edit-sections-button::before,
#edit-append-button::before,
#edit-meta-button::before,
#watchers-button::before,
#backlinks-button::before,
#view-source-button::before,
#parent-page-button::before,
#page-block-button::before,
#rename-move-button::before {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, transparent 0%, transparent 50%, #00f 50%, #00f 100%);
  background-size: 200% 100%;
  background-position: right bottom;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s;
}
 
#edit-button:hover,
#pagerate-button:hover,
#tags-button:hover,
#discuss-button:hover,
#history-button:hover,
#files-button:hover,
#print-button:hover,
#site-tools-button:hover,
#more-options-button:hover,
#edit-sections-button:hover,
#edit-append-button:hover,
#edit-meta-button:hover,
#watchers-button:hover,
#backlinks-button:hover,
#view-source-button:hover,
#parent-page-button:hover,
#page-block-button:hover,
#rename-move-button:hover {
  background-color: #00f;
  color: #fff;
}
 
#edit-button:hover::before,
#pagerate-button:hover::before,
#tags-button:hover::before,
#discuss-button:hover::before,
#history-button:hover::before,
#files-button:hover::before,
#print-button:hover::before,
#site-tools-button:hover::before,
#more-options-button:hover::before,
#edit-sections-button:hover::before,
#edit-append-button:hover::before,
#edit-meta-button:hover::before,
#watchers-button:hover::before,
#backlinks-button:hover::before,
#view-source-button:hover::before,
#parent-page-button:hover::before,
#page-block-button:hover::before,
#rename-move-button:hover::before {
  transform: scaleX(1);
}
 
/* ---- 选项卡 ---- */
 
/* ---- YUI标签底座 ---- */
.yui-navset .yui-nav a,.yui-navset .yui-navset-top .yui-nav a{background-color:inherit;background-image:inherit}.yui-navset .yui-nav a:hover,.yui-navset .yui-nav a:focus{background:inherit;text-decoration:inherit}.yui-navset .yui-nav .selected a,.yui-navset .yui-nav .selected a:focus,.yui-navset .yui-nav .selected a:hover{color:inherit;background:inherit}.yui-navset .yui-nav,.yui-navset .yui-navset-top .yui-nav{border-color:inherit}.yui-navset li{line-height:inherit}
 
/* ---- YUI选项卡自定义 ----*/
 
 .yui-navset .yui-nav,
 .yui-navset .yui-navset-top .yui-nav{
     display: flex;
     flex-wrap: wrap;
     width: calc(100% - .125rem);
     margin: 0 auto;
     border-color: var(--accentColor);
     box-shadow: none;
}
 .yui-navset .yui-nav a, /* ---- Link Modifier ---- */
 .yui-navset .yui-navset-top .yui-nav a{
     color: #ffffff;
     font-weight: bold;
    /* ---- 选项卡背景颜色 | [未选中] ---- */
     background-color: #00000;
     border: unset;
     box-shadow: none;
     box-shadow: none;
     transition: background-color 0.15s linear;
}
 .yui-navset .yui-nav a:hover,
 .yui-navset .yui-nav a:focus{
     color: #ffffff;
    /* ---- 选项卡背景颜色 | [悬停] ---- */
     background-color: #808080;
}
 .yui-navset .yui-nav li, /* ---- Listitem Modifier ---- */
 .yui-navset .yui-navset-top .yui-nav li{
     position: relative;
     display: flex;
     flex-grow: 2;
     max-width: 100%;
     margin: 0;
     padding: 0;
     color: #ffffff;
     background-color: #000000;
     border-color: transparent;
     box-shadow: none;
}
 .yui-navset .yui-nav li a,
 .yui-navset-top .yui-nav li a,
 .yui-navset-bottom .yui-nav li a{
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
}
 .yui-navset .yui-nav li em{
     border: unset;
}
 .yui-navset .yui-nav a em,
 .yui-navset .yui-navset-top .yui-nav a em{
     padding: .35em .75em;
 
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
}
 .yui-navset .yui-nav .selected, /* ---- Selection Modifier ---- */
 .yui-navset .yui-navset-top .yui-nav .selected{
     flex-grow: 2;
     margin: 0;
     padding: 0;
    /* ---- 选项卡背景颜色 | [已选择] ---- */
     background-color: #000000;
}
 .yui-navset .yui-nav .selected a,
 .yui-navset .yui-nav .selected a em{
     border: none;
}
 .yui-navset .yui-nav .selected a{
     width: 100%;
     color: #ffffff;
     font-weight: bold;
}
 .yui-navset .yui-nav .selected a:focus,
 .yui-navset .yui-nav .selected a:active{
     color: #000000;
     background-color: #ffffff;
}
 .yui-navset .yui-content {
    background-color: #000000;
    box-shadow: none;
}
 .yui-navset .yui-content,
 .yui-navset .yui-navset-top .yui-content{
     padding: .5em;
     border: none;
}
 
/*---- TAB动画by Croquembouche ---- */
 
.yui-navset .yui-content > div {
    display: block;
    top: 0;
    overflow: hidden;
    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(.18,.51,.54,.9) 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(.18,.51,.54,.9) 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; }
}
 
/* ---- 信息栏 ---- */
 body{
     --barColour: #ffffff;
     --linkColour: #4c4c4c;
}
 
 .info-container .collapsible-block-content{
     padding: 0 .5em 30px;
}
 .info-container .collapsible-block-content .wiki-content-table{
     width: 100%;
}
 
/* Ayer信息栏补丁by Monkatraz */
#page-content .info-container .collapsible-block-folded, #page-content .info-container .collapsible-block-unfolded-link {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    box-shadow: none;
}
#page-content .info-container .collapsible-block-link::before, #page-content .info-container .collapsible-block-unfolded-link::before {
    content: " ";
    display: none;
}
#page-content .info-container .collapsible-block-content::after {
    display: none;
}
 
/* ---- 信息窗格 ---- */
 
#page-content .creditRate{
     margin: unset;
     margin-top: 4px;
     margin-bottom: 4px;
     margin-right: 3px;
}
#page-content .rate-box-with-credit-button {
    background-color: #ffffff;
    border: solid 2px #ffffff;
    border-radius: 0;
    box-shadow: 3px 0px 0px 0px var(--accentColor);
}
#page-content .rate-box-with-credit-button .creditButton p a {
    border-left-color: transparent;
}
 
#page-content .rate-box-with-credit-button .page-rate-widget-box .cancel {
    border-radius: 0;
}
#page-content .rate-box-with-credit-button .page-rate-widget-box .rate-points {
    border-left: 0;
}
 
.rate-box-with-credit-button .page-rate-widget-box .cancel a:hover {
    border-radius: 0;
}
 
#page-content .rate-box-with-credit-button .fa-info {
     color: #000000;
}
#page-content .rate-box-with-credit-button .fa-info:hover {
     color: ffffff;
}
#page-content .creditButtonStandalone p a {
    background-color: #ffffff;
    border: solid 2px transparent; /* 边框样式 */
    border-radius: 5px; /* 边框圆角 */
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1); /* 阴影效果 */
    color: #ffffff; /* 文本颜色 */
    display: inline-block; /* 设置为内联块级元素，使宽度仅适应内容 */
    padding: 10px 20px; /* 内边距 */
    text-decoration: none; /* 去除下划线 */
    transition: all 0.3s ease; /* 添加过渡效果 */
}
 
#page-content .creditButtonStandalone p a:hover {
    background-color: #333333; /* 鼠标悬停时的背景颜色 */
    color: #000000; /* 鼠标悬停时的文本颜色 */
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3); /* 鼠标悬停时的阴影效果 */
}
 
#page-content .modalbox {
     background: #ffffff !important;
     color: #000000;
     box-shadow: none;
}
.close-credits,
.credit-back {
    filter: grayscale(100%) invert(100%) contrast(275%);
}
/* ---- 页面评分 ---- */
.page-rate-widget-box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 0;
  padding: 0;
  position: relative;
  font-family: "Arial", sans-serif;
  font-size: 16px;
  color: #ffffff;
  background-color: transparent;
}
 
.page-rate-widget-box::before {
  content: var(--rate-text);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  font-weight: bold;
}
 
.page-rate-widget-box .rate-points {
  margin-right: 10px;
}
 
.page-rate-widget-box a {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: transparent;
  border: none;
  margin-left: 10px;
  overflow: hidden;
  transition: transform 0.3s, background-color 0.3s;
}
 
.page-rate-widget-box a:hover {
  background-color: rgba(0, 0, 0, 0) !important; /* 悬停时背景色 */
  transform: translateY(-2px) translateZ(2px) !important; /* 向上和向前移动2个像素 */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* 添加阴影效果 */
  transition: transform 0.3s, box-shadow 0.3s; /* 添加过渡动画 */
}
 
.page-rate-widget-box .rateup:hover {
  background-color: #00ff00; /* 绿色 */
}
 
.page-rate-widget-box .ratedown:hover {
  background-color: #ff0000; /* 红色 */
}
 
.page-rate-widget-box .cancel:hover {
  background-color: #808080; /* 灰色 */
}
 
/* ---- 页面元素 ---- */
 
.page-source, tt{
    font-family: "Fira Code", '幼圆', monospace;
    font-size: 0.87rem;
    color: #ffffff;
    text-shadow: 0 0 10px rgba(255,255,255,0.3), 0 0 20px rgba(255,255,255,0.3), 0 0 30px rgba(255,255,255,0.3);
}
 .code pre, .code p, .code {
    font-family: "Fira Code", '幼圆', monospace;
    font-size: 0.87rem;
    color: #000000;
    text-shadow: 0 0 10px rgba(255,255,255,0.3), 0 0 20px rgba(255,255,255,0.3), 0 0 30px rgba(255,255,255,0.3);
}
h1 {
    color: #ffffff
    font-family: 'Josefin Sans', '黑体', sans-serif;
    font-weight: bold;
}
h2,
h3,
h4,
h5,
h6 {
    color: #ffffff;
    font-family: 'Josefin Sans', '黑体', sans-serif;
    font-weight: bold;
}
 
#page-title {
    color: #ffffff;
    font-family: 'Josefin Sans', '黑体', sans-serif;
    font-size: 1.65rem;
    text-align: center;
    border-color: #ededed;
    text-shadow: 0 0 10px rgba(255,255,255,0.3), 0 0 20px rgba(255,255,255,0.3), 0 0 30px rgba(255,255,255,0.3);
}
 
/* 链接 */
a,
a.newpage,
a:visited,
#side-bar a:visited {
    color: var(--accentColor);
    transition: color 0.15s linear;
}
a:hover, a.newpage:hover, a:visited:hover, #side-bar a:visited:hover {
    color: #000000;
    text-decoration: none;
    background-color: var(--accentColor);
}
a.newpage { filter: hue-rotate(180deg); }
 
/* 侧边栏媒体、可折叠文件、ACS、信息按钮和分层模块的补丁，因此链接不会覆盖 */
#page-content .collapsible-block-folded a:hover, #page-content .collapsible-block-unfolded-link a:hover, #page-content .rate-box-with-credit-button .fa-info:hover, #side-bar .side-block.media a:hover, .danger-diamond a:hover {
    background: transparent;
}
.info-container .collapsible-block-folded .collapsible-block-link, .info-container .collapsible-block-link {
    background: #ffffff !important;
}
 
hr{
    height: 3px;
    background-color: #ffffff;
    border: none;
    margin: 20px 0;
}
 
blockquote,
div.blockquote,
#toc {
    background-color: #000000;
    border: solid 2px #ffffff;
    box-shadow: -3px 0px 0px -0.1px var(--accentColor);
}
 
.code {
    border: 1px dashed #DDD;
    background-color: rgb(247 247 247 / 26%);
    font-family: 'Andale Mono', 'Courier New', Courier, monospace;
    padding: 0 1em;
    margin: 0.4em 0;
    overflow: auto;
}
.scp-image-block {
    border: solid 8px #ffffff;
    border-bottom: solid 0px #ffffff;
    box-shadow: 0px 0.26rem 0px 0px var(--accentColor);
    box-sizing: border-box;
}
.scp-image-block .scp-image-caption {
    background-color: #ffffff;
    border: solid 4px #ffffff;
    color: #000000;
    font-size: 0.84rem;
}
.scp-image-block.block-left { margin-left: 0; }
.scp-image-block.block-right { margin-right: 0; }
@media (max-width: 540px) {
  .scp-image-block.block-left, .scp-image-block.block-right {
    float: none; clear: both; margin-left: auto; margin-right: auto;
  }
}
 
#page-content .wiki-content-table tr th {
    border: solid 1px var(--accentColor);
    color: #000000;
    background-color: #ffffff;
    /* 设置表格标题的边框 */
}
#page-content .wiki-content-table tr td {
    border: solid 1px #000000;
    /* 设置表内容的边框 */
}
 
/* 折叠块 */
#page-content .collapsible-block-folded,
#page-content .collapsible-block-unfolded-link {
    background: linear-gradient(45deg, #000000, #3D3D3D);
    color: #FFFFFF;
    transition: background 0.25s linear;
    text-decoration: none;
    padding: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    text-align: left;
    margin: 10px 0;
    border-radius: 0px;
    border: 1px solid #cccccc;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    font-family: "Arial", sans-serif;
    position: relative;
    overflow: hidden;
}
#page-content .collapsible-block-folded .collapsible-block-link::before {
    content: ""; /* 添加一个标记，表示折叠块 */
}
 
#page-content .collapsible-block-unfolded .collapsible-block-link::before {
    content: ""; /* 添加一个标记，表示折叠块 */
}
 
#page-content .collapsible-block-unfolded .collapsible-block-link:hover::before {
    color: #000000;
}
 
#page-content .collapsible-block-link {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
}
 
#page-content .collapsible-block-link:hover {
    color: #000000;
}
 
#page-content .collapsible-block-unfolded:hover {
    color: #ffffff;
}
 
#page-content .collapsible-block-unfolded-link {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
#page-content .collapsible-block-link {
  position: relative;
}
 
#page-content .collapsible-block-link::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px; /* 黑线的粗细 */
  background-color: #000;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.25s;
}
 
#page-content .collapsible-block-link:hover::after {
  transform: scaleX(1);
}
 
#page-content .collapsible-block-link:nth-child(2)::after {
  animation: line-animation 0.75s 0.25s infinite;
}
 
#page-content .collapsible-block-link:nth-child(3)::after {
  animation: line-animation 0.75s 0.5s infinite;
}
 
@keyframes line-animation {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}
#page-content .collapsible-block-folded .collapsible-block-link::before,
#page-content .collapsible-block-unfolded-link .collapsible-block-link::before {
    background-color: #000000;
}
/* 脚注 */
.hovertip {
    font-size: .9rem;
    background-color: #000000 !important;
    border: solid 1px #ffffff !important;
    color: #ffffff;
}
.footnotes-footer {
    background-color: #000000;
    padding-left: 1.4rem;
    padding-right: 1.4rem;
    padding-bottom: 1.5rem;
    box-shadow: -0.24rem 0px 0px 0px var(--accentColor);
}
.footnotes-footer .title {
    color: #ffffff;
}
.footnote .f-footer, .equation .e-footer, .reference .r-footer {
    display: none;
}
 
/* 标签 */
#main-content .page-tags a {
    margin-top: .18rem;
}
.page-tags span {
    border-top: 1px solid #000000;
}
 
/* 弹出窗口 */
.owindow {
    background-color: #000000;
    border-color: #ffffff;
}
 
.owindow .modal-header {
    background-color: #000000;
}
 
.owindow .modal-body img {
    background-color: transparent !important;
}
 
.owindow .title {
    background-color: #000000;
    color: #ffffff;
    border-bottom: 1px solid #000000;
}
 
.owindow .button-bar a {
    background-color: #000000;
    border-color: var(--accentColor);
    color: #ededed;
}
.owindow .button-bar a:hover {
    background-color: #000000;
}
 
/* 编辑按钮 */
.buttons .btn {
    background-color: #000000;
    border-color: #666666;
    color: #ffffff;
    padding: 12px 24px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}
.buttons .btn:hover {
    background-color: #666666;
    color: #ffffff;
}
 
/* 编辑锁定信息 */
#lock-info {
  background-color: #000000;
  border: 2px solid #CCCCCC;
  border-radius: 4px;
  padding: 12px;
  color: #ffffff;
  font-size: 16px;
  transition: background-color 0.3s ease;
}
 
#lock-info:hover {
  background-color: #F2F2F2;
}
 
/* 页面来源、评分等的关闭按钮 */
a.action-area-close {
    background-color: transparent;
    border: none;
    color: #ffffff;
    padding: 8px;
    font-size: 14px;
    transition: color 0.3s ease;
}
 
a.action-area-close:hover {
    color: #000000
}
 
/* 当前页面历史记录 */
.pager .current {
    background-color: #000000;
    border: none;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 20px;
    transition: background-color 0.3s ease;
}
 
/* ---- 自定义语法 ---- */
 
.darkbox {
    background-color: #000000;
    border-left: solid 0.26rem var(--accentColor);
    border-right: solid 0.26rem var(--accentColor);
    padding: .4rem;
    margin-top: 12px;
    margin-bottom:12px;
}
 
.limit {
    margin-bottom: -1rem;
    z-index: 5;
 
}
.anchor {
    position: sticky;
    height:0;
    top: 0;
    z-index: 5;
}
.sidebox {
    background-color: #ffffff;
    border-top: solid 2px var(--accentColor);
    padding: .14rem;
    margin-top: 0;
    margin-bottom: 8px;
    width: calc((100vw - 870px)/2);
    max-height: calc(100vh - 18rem);
    position: absolute;
    top: 0;
    left: 103.5%;
    z-index: 5;
    overflow: auto;
    box-sizing: border-box;
}
 
/* Sidebox移动优化，courtesy of Woed */
@media (max-width: 1290px) {
   .sidebox {
        width: auto;
        max-width: 65vw!important;
        border: none;
        padding-left: 0.4rem; padding-right: 0.4rem;
        top: 0.75rem;
        right: calc(((100vw - 45.8rem)/2) * -1);
        left: initial;
        -webkit-clip-path: inset(-0.125rem -0.25rem 0 calc(100% - 0.85rem));
        clip-path: inset(-0.125rem -0.25rem 0 calc(100% - 0.85rem));
        -webkit-transition: color 0.2s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s;
        transition: color 0.2s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s;
        -o-transition: color 0.2s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s;
        transition: color 0.2s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s;
        transition: color 0.2s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s;
        overflow: visible;
    }
 
    .sidebox::before, .sidebox::after {
        content: " ";
        position: absolute;
        right: 0;
    }
 
    .sidebox::before {
        top: calc(50% - 0.75rem);
        width: 0;
        height: 0;
        border-top: 0.75rem solid transparent;
        border-bottom: 0.75rem solid transparent;
        border-right: 0.75rem solid var(--accentColor);
        transition: border 0.1s ease-in-out 0.1s;
        z-index: 10;
    }
 
    .sidebox::after {
        top: 0;
        max-width: 0.75rem;
        width: 100%;
        height: 100%;
        box-shadow: 0.15rem 0 0 0 var(--accentColor);
        max-height: calc(100vh - 18rem);
        background-color: #ffffff;
        z-index: -1;
        transition: box-shadow 0.5s ease-in-out 0.1s, max-width 0.5s ease-in-out 0.1s;
    }
 
    .sidebox > * {
        opacity: 0;
        -webkit-transition: opacity 0.2s ease-in-out 0.2s;
        -o-transition: opacity 0.2s ease-in-out 0.2s;
        transition: opacity 0.2s ease-in-out 0.2s;
    }
 
    .sidebox:hover {
        overflow: visible;
        -webkit-clip-path: inset(-0.125rem -0.25rem 0 0);
        clip-path: inset(-0.125rem -0.25rem 0 0);
        -webkit-transition: color 0.5s ease-in-out 0.2s, right 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s;
        transition: color 0.5s ease-in-out 0.2s, right 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s;
        -o-transition: color 0.5s ease-in-out 0.2s, right 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s;
        transition: color 0.5s ease-in-out 0.2s, right 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s;
        transition: color 0.5s ease-in-out 0.2s, right 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s;
    }
 
    .sidebox:hover::before {
        border-top: 0 solid transparent;
        border-bottom: 0 solid transparent;
    }
    .sidebox:hover::after {
        box-shadow: 0 -0.125rem 0 0 var(--accentColor);
        right: 0;
        max-width: 100%;
    }
    .sidebox:hover > * {
        opacity: 1;
    }
}
 
@media (max-width:768px) {
    .sidebox, .sidebox:hover {
        right: calc(((100vw - (100% - 3rem))/2) * -1 + 1.9rem);
    }
}
 
:root {
  --accentColor: #ffffff;
  --lgurl: url("https://scp-wiki.wdfiles.com/local--files/theme%3Apenumbra/logo.png");
  --rate-text: "评分";
}
/* 标题 */
h1 {
    margin-top: 0.7em;
    font-family: 'Source Han Serif', "Source Han Serif CN", Songti SC, serif;
    color: #ffffff;
    font-weight: 900;
    text-shadow: 0 0 5px rgba(255,255,255,0.3), 0 0 10px rgba(255,255,255,0.3), 0 0 15px rgba(255,255,255,0.3);
    letter-spacing: 0rem;
    font-size: xx-large;
}

bug可提！！！

ygxl-233 26 Jul 2023 04:08

1. 本版式采用极其先进的无页眉，侧边栏，顶栏样式，是名副其实的查询系统，只为阅读
2. 还有许多需要改进的地方，你有一个好点子，可以提出来
3. 这个版式是为dreamwalker写的（

最后编辑于 26 Jul 2023 04:40 由 ygxl-233 显示更多

Re: bug可提！！！

ygxl-233 26 Jul 2023 04:09

tm评论就是bug是吧（），1.3.0改（）

最后编辑于 26 Jul 2023 10:44 由 ygxl-233 显示更多

Dr Atomy 30 Jul 2023 05:00

tag框有问题