命运共同体 版式
2025年3月16日
修订 1
评分
16
↑ 18
↓ 2
支持率
90%
总票数 20
Wilson 95% 下界
69.9%
在相同票数下更稳健的支持率估计
争议指数
0.360
评分趋势
按周聚合 加载图表中...
最近修订
1 / 1
最近投票
1 / 2
2025-05-09
2025-04-12
2025-04-07
2025-04-01
2025-03-27
2025-03-20
2025-03-20
2025-03-17
2025-03-16
2025-03-16
相关页面
暂无推荐
页面源码
[[include :scp-wiki-cn:component:sigma-plus]]
[[module css]]
@import url("https://hoah.backroomswiki.cn/SCP/theme-share-future-community/main.css");
[[/module]]
[[include :scp-wiki-cn:component:interwiki-style
| priority=1
| type=sidebar
| theme=https://hoah.backroomswiki.cn/SCP/theme-share-future-community/main.css
| css=%23interwiki%2Cbody%7Bbackground-color%3Atransparent%7D
]]
[[iftags +版式]]
[[>]]
**评分：**
[[module Rate]]
[[/>]]
[[>]]
**评分模块与著作信息模块：**
[[/>]]
[[include :scp-wiki-cn:credit:start]]
页面信息
[[include :scp-wiki-cn:credit:more]]
更多页面信息
[[include :scp-wiki-cn:credit:end]]
这是由 [[*user hoah2333]] 为 [[*user Agent Phage]] 制作的命运共同体版式。
若需使用本版式，请在所需使用的文章开头加上以下代码：
> {{@@[[include :scp-wiki-cn:theme:share-future-community]]@@}}
命运共同体版式是一个 [[[component:sigma-plus|Sigma+]]] 版式。
----
+ 示例
[[include component:image-block name=https://scp-wiki.wdfiles.com/local--files/theme%3Apenumbra/tb.png|caption=图像。|width=200px]]
可通过五个连字符“@@-----@@”创建水平分割线。若它未被放在其他部件（诸如引用块）中，则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。
标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建。
一个普通的__下划__**加粗**//斜体//--删除--{{等宽}}__**//--{{字}}--//**__
另一个普通的 __下划__ **加粗** //斜体// --删除-- {{等宽}} __**//--{{字}}--//**__
| [https://www.baidu.com/ 这是一个链接！] | [[[4o4-n0t-f0und|一个空链接！]]] | [[a href="http://scp-wiki-cn.wikidot.com/"]]一个普通的__下划__**加粗**//斜体//--删除--{{等宽}}__**//--{{链接}}--//**__[[/a]] | [[a href="http://scp-wiki-cn.wikidot.com/"]]另一个普通的 __下划__ **加粗** //斜体// --删除-- {{等宽}} __**//--{{链接}}--//**__[[/a]]
@@ @@
@@ @@
@@ @@
@@ @@
[[collapsible show="折叠 - 点击这里" hide="折叠 - 点击这里"]]
+ 1 级标题
++ 2 级标题
+++ 3 级标题
++++ 4 级标题
+++++ 5 级标题
++++++ 6 级标题
[[/collapsible]]
@@ @@
~~~~
[[tabview]]
[[tab 分页]]
此为分页（tab view）。
[[/tab]]
[[tab 分页]]
看，这有更多文字。
多么精巧绝伦。
[[/tab]]
[[tab 长 Tab]]
这是一个长的 tab，它有很多文字。[[footnote]]这是一个脚注。[[/footnote]]
这是一个长的 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]]
[[tab 空 Tab]]
[[/tab]]
[[tab 空 Tab]]
[[/tab]]
[[tab 这里的空 tab 有着一个特别特别长的名字，我想知道为什么会有这么长？]]
[[/tab]]
[[tab 空 Tab]]
[[/tab]]
[[tab 空 Tab]]
[[/tab]]
[[tab 空 Tab]]
[[/tab]]
[[/tabview]]
@@ @@
> 这是一个引用块，在一行字的起始处加上“> ”来创建。
>
> 更多文字
> -----
> 一条分割线
>
>> 嵌套引用块
>> -----
>> 嵌套引用块里的分割线
>>
>>> 嵌套嵌套引用块
>>> -----
>>> 嵌套嵌套引用块里的分割线
>>>
>>>> 够了，禁止套娃
@@ @@
||~ 这是 ||~ 表格 ||
|| 你应该老早 || 就知道怎么 ||
|||| 做这个了吧 ||
|| 1 || 2 ||
|| 3 || 4 ||
|| 谁是这里 || 最厉害的？ ||
|| #十六进制 || #至高无上 ||
----
[[collapsible show="+ 代码" hide="- 代码"]]
注意：下方代码语言为 SCSS。此处的代码可能不是最新的。请前往我的 [https://github.com/hoah2333/Archived-works/blob/main/SCP/theme-share-future-community/main.scss Github 仓库]查看最新代码。
[[code type="css"]]
/*
Share Future Community Theme
[2023 Wikidot Theme]
Based on Sigma+
By hoah2333, Agent Phage
*/
:root {
--header-title: "";
--header-subtitle: "";
--sp_header-logo: none;
--sp_header-height: 15rem;
--bg-color-1: #76340F;
--bg-color-1-trans-1: #76340F33;
--bg-color-1-trans-2: #76340F77;
--bg-color-1-trans-3: #76340FAA;
--bg-color-2: #4090EE;
--bg-color-2-trans-1: #4090EE33;
--bg-color-2-trans-2: #4090EE77;
--bg-color-2-trans-3: #4090EEAA;
--bg-color-3: #C67513;
--bg-color-3-trans-1: #C6751333;
--bg-color-3-trans-2: #C6751377;
--bg-color-3-trans-3: #C67513AA;
--bg-color-3-trans-4: #C67513DD;
--bg-color-gradient-top: #D9851A;
--bg-color-gradient-bottom: #B1630C;
--bg-color-4: #DEB077;
--link-color-1: #0A82A8;
--link-color-2: #771515;
--link-color-3: #CB2323;
--link-color-4: #B06307;
--white-color: #EEEEEE;
--black-color: #111111;
--black-color-trans-1: #11111133;
--black-color-trans-2: #11111177;
--sp_top-bar-gradient-top-color: var(--bg-color-gradient-top);
--sp_top-bar-gradient-bottom-color: var(--bg-color-gradient-bottom);
--sp_top-bar-link-color: var(--white-color);
--sp_top-bar-link-hover-color: var(--white-color);
--sp_top-bar-link-hover-background: var(--bg-color-1-trans-2);
--sp_dropdown-background: var(--bg-color-3-trans-4);
--sp_dropdown-link-border: 0.05rem solid var(--black-color);
--sp_rate-module-text-color: var(--white-color);
--sp_rate-module-background: var(--bg-color-3);
--sp_rate-module-sub-color: var(--white-color);
--sp_tab-text-color: var(--sfc_text-color);
--sp_tab-background: var(--bg-color-3-trans-2);
--sp_tab-border-color: var(--sfc_border-color);
--sp_tab-hover-text-color: var(--sp_tab-text-color);
--sp_tab-hover-background: var(--bg-color-1-trans-2);
--sp_tab-hover-border-color: var(--sp_tab-border-color);
--sp_tab-selected-text-color: var(--white-color);
--sp_tab-selected-background: var(--bg-color-1);
--sp_tab-selected-border-color: var(--sp_tab-border-color);
--sp_hovertip-background: var(--bg-color-3-trans-4);
--sfc_text-color: var(--black-color);
--sfc_link-color: var(--link-color-3);
--sfc_link-newpage-color: var(--link-color-4);
--sfc_link-visited-color: var(--link-color-2);
--sfc_border-color: var(--link-color-2);
--sfc_account-options-color: var(--white-color);
--sfc_account-options-border-color: var(--bg-color-2);
--sfc_header-dropdown-background: var(--bg-color-2-trans-2);
--sfc_header-dropdown-link-color: var(--sp_top-bar-link-color);
--sfc_header-dropdown-link-hover-background: var(--bg-color-2-trans-2);
--sfc_side-bar-background: var(--bg-color-3-trans-2);
--sfc_side-bar-mobile-background: var(--bg-color-3-trans-1);
--sfc_side-bar-link-color: var(--sfc_link-visited-color);
--sfc_side-bar-link-visited-color: var(--sfc_link-visited-color);
--sfc_side-bar-link-newpage-color: var(--sfc_link-color);
--sfc_side-bar-border-color: var(--sfc_boder-color);
--sfc_side-bar-heading-color: var(--sfc_link-color);
--sfc_modalbox-fader-background: var(--black-color-trans-2);
--sfc_modalbox-background: var(--bg-color-4);
--sfc_transition-time: 0.2s;
--sfc_transition-function: cubic-bezier(0.4, 0, 0.2, 1);
--sfc_transition: var(--sfc_transition-time) var(--sfc_transition-function);
}
#header {
background-image: url("https://7bye.com/hoah/i/2023/05/03/x42klo.jpg");
background-position: center center;
grid-template-areas:
". login login search"
". . . ."
". h1 . ."
". h2 . ."
". . . ."
"top-bar top-bar top-bar top-bar";
#search-top-box {
left: -2rem;
align-items: flex-end;
#search-top-box-input {
display: none;
}
.btn {
border-radius: 50%;
font-size: 0;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M505%20442.7L405.3%20343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3%2044-79.7%2044-128C416%2093.1%20322.9%200%20208%200S0%2093.1%200%20208s93.1%20208%20208%20208c48.3%200%2092.7-16.4%20128-44v16.3c0%206.4%202.5%2012.5%207%2017l99.7%2099.7c9.4%209.4%2024.6%209.4%2033.9%200l28.3-28.3c9.4-9.4%209.4-24.6.1-34zM208%20336c-70.7%200-128-57.2-128-128%200-70.7%2057.2-128%20128-128%2070.7%200%20128%2057.2%20128%20128%200%2070.7-57.2%20128-128%20128z%22%2F%3E%3C%2Fsvg%3E");
background-size: 70%;
background-repeat: no-repeat;
background-position: center center;
padding: 0;
border: 2px solid var(--sfc_account-options-border-color);
height: 1.75rem;
width: 1.75rem;
}
}
#login-status {
font-size: 0;
display: flex;
justify-content: flex-end;
align-items: center;
margin-right: 2.5rem;
.printuser a {
font-size: 0.9rem;
img {
background-image: url("") !important;
padding: 0;
height: 1.5rem;
width: 1.5rem;
border: 2px solid var(--sfc_account-options-border-color);
border-radius: 50%;
}
}
#account-topbutton {
font-size: 0.9rem;
display: flex;
justify-content: center;
align-items: center;
color: var(--sfc_header-dropdown-link-color);
border: 2px solid var(--sfc_account-options-border-color);
width: 1.5rem;
height: 1.5rem;
border-radius: 50%;
padding: 0;
margin-left: 0.5rem;
}
#account-options {
font-size: 0.8rem;
right: -2.5rem;
border: 2px solid var(--sfc_account-options-border-color);
background-color: var(--sfc_header-dropdown-background);
width: var(--sp_dropdown-width);
transition: opacity var(--sfc_transition);
ul li {
transition: background-color var(--sfc_transition);
&:hover {
background-color: var(--sfc_header-dropdown-link-hover-background);
}
a {
color: var(--sfc_header-dropdown-link-color);
text-decoration: none;
&:hover {
text-decoration: none;
}
}
}
}
}
#top-bar {
:is(.top-bar, .mobile-top-bar) {
ul li ul {
backdrop-filter: blur(2px);
}
>ul>li {
a:hover,
&:is(.sfhover, :hover, :focus-within)>a {
transition: background-color var(--sfc_transition);
}
}
}
.open-menu a {
border-radius: 0;
border-color: var(--sfc_border-color);
background-color: var(--bg-color-1);
color: var(--white-color);
}
}
}
body {
color: var(--sfc_text-color);
background-color: var(--bg-color-3-trans-1);
}
#interwiki,
#side-bar {
a,
a:visited {
color: var(--sfc_side-bar-link-color);
}
a.newpage {
color: var(--sfc_side-bar-link-newpage-color);
}
.side-block {
background-color: var(--sfc_side-bar-background);
border-color: var(--sfc_border-color);
border-radius: 0;
box-shadow: none;
&[style*="background-color"] {
background-color: var(--sfc_side-bar-background) !important;
}
.heading {
color: var(--sfc_side-bar-heading-color);
border-bottom-color: var(--sfc_side-bar-heading-color);
}
div.menu-item {
>img {
filter: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><defs><filter id="filter" color-interpolation-filters="sRGB"><feColorMatrix type="matrix" values="0 0 0 0 0.4666 0 0 0 0 0.0823 0 0 0 0 0.0823 0 0 0 1 0"/></filter></defs></svg>#filter');
}
}
}
@media (max-width: 767px) {
& {
background-color: var(--bg-color-4);
.side-block {
background-color: var(--sfc_side-bar-mobile-background);
&[style*="background-color"] {
background-color: var(--sfc_side-bar-mobile-background) !important;
}
}
}
&:target {
border-color: var(--sfc_border-color);
.close-menu {
background-color: var(--black-color-trans-2);
backdrop-filter: blur(1px);
}
}
}
}
a {
color: var(--sfc_link-color);
text-decoration: underline;
text-decoration-color: transparent;
transition: text-decoration-color var(--sfc_transition);
&:hover {
text-decoration-color: inherit;
}
}
a:visited {
color: var(--sfc_link-visited-color);
}
a.newpage {
color: var(--sfc_link-newpage-color);
}
hr {
background-color: var(--sfc_link-visited-color);
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: var(--link-color-2);
}
#page-title,
.meta-title {
color: var(--sfc_link-visited-color);
}
#page-title {
border-color: var(--sfc_link-visited-color);
}
#page-content {
@at-root {
.page-rate-widget-box {
border-radius: 0;
:is(.rateup, .ratedown) a {
transition:
background-color var(--sfc_transition),
color var(--sfc_transition);
}
}
.creditRate .rate-box-with-credit-button {
border-radius: 0;
}
}
#u-credit-view {
.fader {
background-color: var(--sfc_modalbox-fader-background);
backdrop-filter: blur(2px);
}
.modalcontainer .modalbox {
background-image: none;
background-color: var(--sfc_modalbox-background);
}
}
.scp-image-block {
border-color: var(--sfc_border-color);
box-shadow: none;
.scp-image-caption {
background-color: var(--bg-color-3-trans-2);
border-top-color: var(--sfc_border-color);
}
}
.yui-navset.yui-navset-top {
.yui-nav {
justify-content: space-between;
border: 0 0 1px solid var(--sfc_border-color);
li {
flex-grow: 1;
a {
transition:
background-color var(--sfc_transition),
color var(--sfc_transition);
}
}
}
.yui-content {
border-color: var(--sfc_border-color);
background-color: var(--bg-color-3-trans-1);
}
}
@at-root {
blockquote,
div.blockquote {
border: 1px solid var(--sfc_border-color);
background: var(--bg-color-3-trans-1);
}
}
table.wiki-content-table {
th {
border-color: var(--sfc_border-color);
background-color: var(--bg-color-1);
color: var(--white-color);
&:where(:not(:last-child)) {
border-right-color: var(--white-color);
}
}
td {
border-color: var(--sfc_border-color);
}
tr:nth-of-type(odd) {
background-color: var(--bg-color-3-trans-2);
}
tr:nth-of-type(even) {
background-color: var(--bg-color-3-trans-1);
}
}
#toc {
border: 1px solid var(--sfc_border-color);
background-color: var(--bg-color-3-trans-1);
}
div.wiki-note {
border-color: var(--sfc_border-color);
background-color: var(--bg-color-3-trans-1);
}
.code {
border: 1px solid var(--sfc_border-color);
background-color: var(--bg-color-3-trans-1);
}
}
.page-options-bottom {
line-height: 100%;
}
#action-area {
.page-source {
border: 1px solid var(--sfc_border-color);
background-color: var(--bg-color-3-trans-1);
}
}
.hovertip {
color: var(--white-color);
backdrop-filter: blur(2px);
}
[[/code]]
[[/collapsible]]
[[/iftags]]