示例

引用的页面 “component:image-block” 尚不存在（立即创建）
可通过四个杠“----”创建分割线，它会左右延伸贯穿页面。像下面这种将文字分割为上下两个部分的线就是分割线。
↓↓↓就是这条线
↑↑↑就是这条线
大标题可通过在一行字起始处输入加号“+”来创建
这是1到6级标题，一级最大，六级最小，前面输入一个加号就是一级标题，两个就是二级，以此类推，六个就是六级。
一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

这些是Tab栏目，很炫酷的东西。
这是一个tab分页（tab view）。
这是一个引用块，在一行字的起始处加上“> ”来创建，别忘记在>的后面还有个空格。

更多文字

↑一条分割线

引用块套娃
这是一个经典的div模块。
来点内容让它看起来不太短。
像这样。
这样。
样。
这是	一个表格
你应该老早	就知道怎么
做这个了吧
版式源代码↓
+ 点我一下看看源代码
- 好，我看完了
@import url('https://cdn.scpwiki.com/theme/en/basalt/normalize-min.css');
@import url('https://cdn.scpwiki.com/theme/en/basalt/basalt-bedrock-min.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;700;900&display=swap');
 
:root,
:root:lang(cn) {
    /* ------- 新主题变量 ------- */
    --header-title: var(--title);
    --title: "猫头鹰的树屋";
    --header-subtitle: var(--subtitle);
    --subtitle: "咕咕咕咕";
    --header-logo: var(--logo);
    --logo: url("https://owls.wikidot.com/local--files/forest/owl.png");
 
    --title-size: 2rem;
    --subtitle-size: 0.8rem;
 
    --header-title-color: var(--basalt-primary-color);
    --header-subtitle-color: var(--basalt-secondary-color);
 
    --basalt-primary-color: 214,205,205; /* #d6cdcd */
    --basalt-secondary-color: 205,185,175; /* #cdb9af */
    --basalt-tertiary-color: 202,177,158; /* #cab19e */
    --basalt-main-text-color: 112,89,75; /* #70594b */
    --basalt-overtone: 112,89,75; /* #70594b */
    --basalt-undertone: 112,89,75; /* #70594b - 从黄色改为深棕色 */
 
    --basalt-bright-element-color: 112,89,75; /* #70594b - 从黄色改为深棕色 */
    --basalt-dark-element-color: 112,89,75; /* #70594b */
    --basalt-darker-element-color: 90,71,60; /* #5a473c - 基于#70594b加深 */
    --basalt-alternate-color: 202,177,158; /* #cab19e */
    --basalt-positive-color: 60,180,80;
    --basalt-negative-color: 240,80,80;
    --basalt-sub-text-color: 160,140,130; /* 基于#70594b调整 */
 
    --header-gradient: linear-gradient(var(--header-gradient-rotation), rgba(var(--header-color-one), 0.75) 0%, rgb(var(--header-color-two)) 100%);
    --header-gradient-rotation: -30deg;
    --header-color-one: var(--basalt-dark-element-color);
    --header-color-two: var(--basalt-darker-element-color);
 
    --header-stripes: repeating-linear-gradient(var(--diagonal-stripes-angle), rgba(var(--diagonal-stripes-color), var(--diagonal-stripes-opacity)), rgba(var(--diagonal-stripes-color), var(--diagonal-stripes-opacity)) var(--diagonal-stripes-width), transparent var(--diagonal-stripes-width), transparent var(--diagonal-stripes-gap));
    --diagonal-stripes-angle: -45deg;
    --diagonal-stripes-width: 0.25rem;
    --diagonal-stripes-gap: 0.5rem;
    --diagonal-stripes-color: var(--basalt-primary-color);
    --diagonal-stripes-opacity: 0.04;
 
    --search-icon-color: var(--top-bar-link-color);
 
    --top-bar-link-color: var(--basalt-primary-color);
    --top-bar-dropdown-link-color: var(--basalt-darker-element-color);
 
    --general-border-color: var(--basalt-secondary-color);
 
    --header-drop-shadow-opacity: 0.1;
    --window-border-radius: 0.5rem;
 
    --UI-title-color: var(--basalt-dark-element-color);
    --UI-title-background-color: 245, 240, 240; /* 浅米色背景 */
 
    --bottom-area-text-color: var(--basalt-dark-element-color);
    --bottom-area-background-color: transparent;
    --footer-link-color: var(--basalt-darker-element-color);
 
    --rate-module-credit-color: var(--basalt-overtone);
    --title-border-color: var(--basalt-tertiary-color);
    --hr-color: var(--basalt-secondary-color);
 
    --image-caption-background-color: var(--basalt-secondary-color);
 
    --side-bar-resources-background-color: inherit;
 
    --side-bar-width: 17rem;
    --main-content-width: 56rem;
 
    --base-border-width: .2rem;
    --thin-border-width: .1rem;
    --blockquote-border-width: var(--thin-border-width);
    --license-area-divider-thickness: var(--base-border-width);
    --tab-border-width: var(--thin-border-width);
 
    --owindow-title-height: 2.25rem;
 
    /* ACS支持 */
    --one-color: 112,89,75; /* #70594b - 从黄色改为深棕色 */
    --two-color: 112,89,75; /* #70594b */
    --three-color: 205,185,175; /* #cdb9af */
    --four-color: 202,177,158; /* #cab19e */
    --five-color: 214,205,205; /* #d6cdcd */
    --six-color: 90,71,60; /* 基于#70594b加深 */
    --title-font: var(--header-font);
    --acs-border-color: var(--basalt-darker-element-color);
    --swatch-primary: var(--basalt-dark-element-color);
    --swatch-menubg-dark-color: var(--basalt-secondary-color);
    --swatch-menutxt-dark-color: var(--acs-border-color);
    --swatch-menubg-black-color: var(--acs-border-color);
    --swatch-background: var(--basalt-background-color);
 
    /* AIM支持 */
    --AIM-border-color: var(--basalt-tertiary-color);
}
 
/* ------- 版头 ------- */
#header {
    background-image: var(--header-stripes), var(--header-gradient);
    border-bottom: none;
    box-shadow: 0px 0px 8.5px -1px rgba(0, 0, 0, var(--header-drop-shadow-opacity)), 0px 0px 68px -21px rgba(0, 0, 0, calc(var(--header-drop-shadow-opacity) * 4));
    font-family: var(--header-font);
}
 
#header h1 a {
    padding-left: calc(var(--base-header-height)*0.25);
    padding-right: calc(var(--base-header-height)*0.5);
}
 
#header h1 a span::before {
    font-weight: 900;
}
 
#header h1 a span::after {
    margin-bottom: 6px;
    letter-spacing: 2px;
    font-weight: 300;
}
 
#header h1 a span {
    align-items: unset;
    text-align: unset;
}
 
#header h1 a::before {
    width: calc(var(--base-header-height) * .925);
    background-position: center left;
    margin-right: calc(var(--base-header-height) * -0.35);
    mask-image: linear-gradient(to right, #000 0%, transparent 85%);
    mask-size: 100% 100%;
    mask-position: center center;
    mask-repeat: no-repeat;
    -webkit-mask-image: linear-gradient(to right, #000 0%, transparent 85%);
    -webkit-mask-size: 100% 100%;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
}
 
#search-top-box::before {
    background-color: rgb(var(--basalt-UI-dark-palette));
}
 
#search-top-box-input {
    outline: solid 0 rgb(var(--basalt-UI-dark-palette));
}
 
/* ------- 顶栏 ------- */
#top-bar div[class*="top-bar"] > ul > li > ul::before {
    width: var(--base-border-width);
}
 
/* ------- 界面 ------- */
.owindow .title,
#side-bar .side-block .heading,
#side-bar .collapsible-block-unfolded a.collapsible-block-link,
#side-bar .collapsible-block-folded a.collapsible-block-link {
    color: rgb(var(--UI-title-color));
    background-color: rgb(var(--UI-title-background-color));
    border-bottom: solid var(--base-border-width) rgb(var(--UI-title-color));
}
 
.owindow .title {
    height: var(--owindow-title-height);
}
 
.owindow .button-bar > a[onclick*="cleanAll"] {
    width: var(--owindow-title-height);
    height: var(--owindow-title-height);
}
 
.owindow .button-bar > a[onclick*="cleanAll"]::after {
    background-color: rgb(var(--UI-title-color));
    transition: background-color 125ms ease-out;
}
 
.owindow .button-bar > a[onclick*="cleanAll"]:hover::after {
    background-color: rgb(var(--UI-title-background-color));
}
 
.owindow > .content.modal-body > img + h1 + table {
    border-width: var(--thin-border-width) 0;
}
 
.owindow > .content.modal-body > img + h1 + table > tbody > tr:not(:last-child) {
    border-bottom-width: var(--thin-border-width);
}
 
.owindow .button-bar > a:not([onclick*="cleanAll"]),
.owindow div[style*="margin-top"] a {
    border-width: var(--thin-border-width);
}
 
div[id*="page-options-bottom"] > a {
    border-bottom: solid var(--base-border-width) rgb(var(--general-border-color));
}
 
#footer {
    border-top: solid var(--base-border-width) rgb(var(--general-border-color));
}
 
#license-area::before,
#license-area::after {
    display: none;
}
 
#history-subarea a.action-area-close,
#view-diff-div a.button,
div:where(#action-area, .buttons) :is(a, input).btn {
    border-width: var(--thin-border-width);
}
 
#action-area > h1::after,
#action-area > h1::before,
#history-subarea > h2::after,
#history-subarea > h2::before,
#revision-list .page-history tr[id*="revision-row"]::before {
    height: var(--thin-border-width);
}
 
#history-form-1 > table.form > tbody > tr:first-child::before {
    height: var(--base-border-width);
}
 
/* ------- 页面元素 ------- */
div#page-title,
div.meta-title {
    border-bottom-width: var(--base-border-width);
}
 
hr {
    height: var(--base-border-width);
}
 
/* YUI Tab */
.yui-navset.yui-navset-top > ul.yui-nav {
    font-family: var(--title-font);
    gap: 0;
    background-color: rgb(var(--tab-background-color));
}
 
.yui-navset.yui-navset-top > ul.yui-nav li {
    background-color: transparent;
    border-bottom: solid var(--base-border-width) rgb(var(--general-border-color));
}
 
.yui-navset.yui-navset-top > ul.yui-nav li::before {
    background-color: transparent;
    border-bottom: solid var(--base-border-width) rgb(var(--tab-hover-background-color));
}
 
.yui-navset.yui-navset-top > ul.yui-nav li.selected::before {
    width: 100%;
    border-bottom: solid var(--base-border-width) rgb(var(--tab-selected-background-color));
    background-color: transparent;
}
 
.yui-navset.yui-navset-top > ul.yui-nav li a:is(:hover, :focus),
.yui-navset.yui-navset-top > ul.yui-nav li.selected a {
    color: rgb(var(--basalt-main-text-color));
}
 
.yui-navset.yui-navset-top > ul.yui-nav li.selected::after {
    display: none;
}
 
.yui-navset.yui-navset-top .yui-content {
    border-top: none;
}
 
/* 脚注 */
.bibitems::before,
.footnotes-footer::before {
    width: 100%;
    height: var(--base-border-width);
}
 
.bibitems .title,
.footnotes-footer .title {
    font-size: 0.8rem;
    line-height: 1.5rem;
    height: 1.5rem;
    padding-block-start: 0;
    padding-block-end: 0;
    inset-block-start: calc(-1.5rem + var(--base-border-width));
    margin-block-end: -1rem;
}
 
.bibitems, .footnotes-footer {
    margin-block-start: 2rem;
}
 
.hovertip .content .footnote .f-heading,
.hovertip .content .reference .r-heading {
    font-size: 0.8rem;
    line-height: 1.5rem;
    height: 1.5rem;
    padding-block-start: 0;
    padding-block-end: 0;
    inset-block-start: calc(-1.5rem + var(--base-border-width));
    inset-inline-start: 0;
    margin-block-end: -1rem;
}
 
.hovertip {
    border: none !important;
}
 
.hovertip .content .footnote::before, .hovertip .content .reference::before {
    width: 100%;
    height: var(--base-border-width);
    inset-inline-start: 0;
    inset-block-start: 0;
}
 
/* 评分组件 */
div.page-rate-widget-box,
div.rate-box-with-credit-button {
    padding: var(--base-border-width);
}
 
div.page-rate-widget-box span.btn,
div.rate-box-with-credit-button .creditButton {
    padding: 0;
    height: calc(var(--rate-module-button-size) + var(--base-border-width));
    margin-block-end: calc(var(--base-border-width) * -1);
}
 
div.rate-box-with-credit-button .creditButton > p > a::before {
    display: none;
}
 
div.rate-box-with-credit-button .creditButton > p > a::after {
    height: calc(100% - var(--base-border-width)) !important;
    background-color: rgb(var(--basalt-main-text-color));
    padding: 0;
}
 
div.page-rate-widget-box span.btn > a,
div.rate-box-with-credit-button .creditButton > p > a {
    border-block-end-width: var(--base-border-width);
}
 
div.rate-box-with-credit-button .creditButton > p > a {
    border-block-end-style: solid;
    border-block-end-color: transparent;
}
 
div.rate-box-with-credit-button .creditButton > p > a:hover {
    border-block-end-color: rgb(var(--rate-module-credit-color));
}
 
/* 图片块 */
.image-block, .scp-image-block {
    border-bottom-width: var(--base-border-width);
}
 
/* 表格 */
:is(:where(#page-content) table:not(.form), table.wiki-content-table) :is(th, td) {
    border-width: var(--thin-border-width);
}
 
:is(div.table.wide, div.table.three-lines) table.wiki-content-table {
    width: calc(100% - var(--thin-border-width) * 2);
}
 
div.table.three-lines table.wiki-content-table {
    border: solid rgb(var(--basalt-UI-dark-palette));
    border-width: var(--base-border-width) 0;
}
 
div.table.three-lines table.wiki-content-table :is(th, td) {
    border: none;
    color: inherit;
    background-color: transparent;
}
 
div.table.three-lines table.wiki-content-table tr:nth-child(1) th {
    border-bottom: solid var(--thin-border-width) rgb(var(--basalt-UI-dark-palette));
}
 
div.table.dborder table.wiki-content-table td {
    border-color: rgb(var(--basalt-UI-dark-palette));
}
 
/* 着色 */
span.sbtxt {
    color: rgb(var(--basalt-undertone));
}
 
span.prtxt {
    color: rgb(var(--basalt-bright-element-color));
}
 
span.abtxt {
    color: rgb(var(--basalt-sub-text-color));
}
 
span.yltxt {
    color: rgb(112,89,75); /* #70594b - 从黄色改为深棕色 */
}
 
.table1 {
    --basalt-UI-dark-palette: var(--one-color);
    --basalt-undertone: var(--one-color);
}
 
.table2 {
    --basalt-UI-dark-palette: var(--two-color);
    --basalt-undertone: var(--two-color);
}
 
.table3 {
    --basalt-UI-dark-palette: var(--three-color);
    --basalt-undertone: var(--three-color);
}
 
.table4 {
    --basalt-UI-dark-palette: var(--four-color);
    --basalt-undertone: var(--four-color);
}
 
.table5 {
    --basalt-UI-dark-palette: var(--five-color);
    --basalt-undertone: var(--five-color);
}
 
.table6 {
    --basalt-UI-dark-palette: var(--six-color);
    --basalt-undertone: var(--six-color);
}
 
/* 标签 */
#main-content > .page-tags > span a {
    border-radius: .5rem;
}
 
/* 引用块与相关容器 */
:is(.blockquote, blockquote, .code) :is(.blockquote, blockquote, .code) {
    box-shadow: 0 0 0 var(--blockquote-border-width) rgb(var(--basalt-background-color));
}
 
/* AIM支持 */
div[class$="aim"] hr {
    height: 1px;
}
 
div.Parallel-AIM div[class$="aim"] div.w-container {
    box-shadow: none;
    border: none;
    padding: 0;
}
 
div.Parallel-AIM div[class$="aim"] hr {
    height: var(--thin-border-width);
    background-color: rgb(var(--AIM-border-color));
}
 
div.Parallel-AIM div[class$="aim"] div.cell-container-image + hr {
    margin-bottom: 0;
}
 
div.Parallel-AIM div[class$="aim"] div.cell-container-image + hr + div.cell-container {
    margin-top: 0;
}
 
div.Parallel-AIM div[class$="aim"] .w-cell {
    border-width: 0;
    border-left-width: var(--thin-border-width);
    border-color: rgb(var(--AIM-border-color));
}
 
div.Parallel-AIM div[class$="aim"] .w-cell:nth-child(1) {
    border-left-width: 0;
}
 
#top-bar div.open-menu a {
    color: rgb(112,89,75); /* #70594b */
    border-color: rgb(90,71,60); /* #5a473c */
}
 
/* 响应式设计 */
@media (max-width: 767px) {
    #top-bar div.open-menu a {
        color: rgb(112,89,75); /* #70594b */
        border-color: rgb(90,71,60); /* #5a473c */
    }
}
页面版本: 2, 最后编辑于: 09 Sep 2025 10:11
编辑评分 (0) 标签讨论历史记录附件打印网站工具 + 选项