我是如何挣钱的?
这是一个为xexnoncores创作的亿万黑钻系列设计的艺术版式,该系列旨在揭露资本主义的内在有多么操蛋,即便经营是由女性的老板主导。该版式由我,
Fish^12创建。
这是一个Sigma+版式,使用切换侧边栏组件。美学上来说,这主要采用蓝色和金色的强烈色彩,与MC&D通常的紫色主色调有所不同。
使用下列代码以应用该版式:
[[include :scp-wiki-cn:theme:black-diamond]]
该版式还有几个个性化的分段标志,由大到小排列:
[[div class="ornament1"]]
[[/div]]
[[div class="ornament2"]]
[[/div]]
[[div class="ornament3"]]
[[/div]]
除了这些,这个版式就没什么了。使用愉快。
/* Black Diamond Theme [2025 Wikidot Theme] by Fish^12 */ @import url('https://fonts.googleapis.com/css2?family=STIX+Two+Text:ital,wght@0,400..700;1,400..700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@200..900&display=swap'); @import url('https://cdn.jsdelivr.net/gh/WinterholdPrime/webfont_GenRyuMin@main/GenRyuMin_Regular.css'); @import url('https://cdn.jsdelivr.net/gh/WinterholdPrime/webfont_DuanHeiSong@main/bold/ChillDuanHeiSongBold.min.css'); @import url('https://cdn.jsdelivr.net/gh/WinterholdPrime/webfont_DuanHeiSong@main/regular/ChillDuanHeiSongRegular.min.css'); /* Root & Sigma+ */ :root { --royalblue: #0b1926; --navyblue: #193855; --yellow: #efd67a; --royalpurple: #b083de; --grey: #e9e9e9; --trans: transparent; --gold: linear-gradient(60deg, #b78a49, #dbb560, #f5efb5, #dbb560, #b78a49); --timer: 200ms; --diamond: polygon(80% 0, 100% 20%, 50% 100%, 0 20%, 20% 0); --stix: "STIX Two Text", "DuanHeiSong", serif; --robo: "Roboto Flex", "Noto Sans SC", sans-serif; --zolm: "Zen Old Mincho", "GenRyuMin", serif; --header-title: "亿万黑钻"; --header-subtitle: ""; --sp_header-logo: none; --sp_header-title-size: clamp(3rem, -0.714rem + 7.738vw, 6.25rem); --sp_header-subtitle-size: 0; --sp_header-height: 20rem; --sp_top-bar-height: 2rem; --sp_top-bar-gradient-top-color: var(--royalblue); --sp_top-bar-gradient-bottom-color: var(--royalblue); --sp_top-bar-link-color: var(--yellow); --sp_top-bar-link-hover-color: var(--royalblue); --sp_top-bar-link-hover-background: var(--yellow); --sp_dropdown-link-color: var(--royalblue); --sp_dropdown-link-hover-color: var(--yellow); --sp_dropdown-link-background: var(--yellow); --sp_dropdown-link-hover-background: var(--royalblue); --sp_dropdown-link-border: none; --sp_hovertip-background: var(--royalblue); --sp_hovertip-border: 0.2em dotted var(--navyblue); --sp_rate-module-background: var(--royalblue); --sp_rate-module-text-color: var(--yellow); --sp_rate-module-button-color: var(--yellow); --sp_rate-module-button-background: var(--royalblue); --sp_rate-module-sub-color: var(--yellow); --sp_rate-module-button-hover-color: var(--navyblue); --sp_rate-module-button-hover-background: var(--yellow); --sp_tab-text-color: var(--yellow); --sp_tab-background: var(--royalblue); --sp_tab-border-color: var(--yellow); --sp_tab-hover-text-color: var(--yellow); --sp_tab-hover-background: var(--navyblue); --sp_tab-hover-border-color: var(--yellow); --sp_tab-selected-text-color: var(--royalblue); --sp_tab-selected-background: var(--yellow); --sp_tab-selected-border-color: var(--yellow); } /* From the top! */ #login-status { padding-right: 12px; font-family: var(--zolm); font-size: 16px; color: var(--grey); } #login-status a:hover { text-decoration-style: dotted; text-underline-offset: 5px; } #login-status a, #login-status ul a { color: var(--yellow); } /* Pop-up page. */ .owindow { background-color: var(--royalblue); border: none; } .owindow .title { cursor: auto; background-color: var(--trans); border-bottom: 0.2em solid var(--navyblue); text-align: right; font-family: var(--zolm); padding: 1em; text-transform: capitalize; } .owindow img { background-color: var(--trans) !important; padding: 0 !important; border: var(--doubleking); margin-right: 1em; } .owindow td img { display: none; } .owindow .button-bar a { border-color: var(--navyblue); border-width: 0.2em; background-color: var(--royalblue); color: var(--grey); } .owindow .button-bar a:hover { background-color: var(--navyblue); } /* Account and search buttons. */ #account-options { margin-top: 3px; margin-right: 12px; text-align: center; border: none; border-color: var(--trans); background-color: var(--yellow); width: fit-content; } #account-topbutton { font-size: 80%; border: none; margin-left: 0; transition: var(--timer); } #account-topbutton:hover { color: var(--royalpurple); } #account-options li a { color: var(--yellow); background-color: var(--royalblue); text-transform: capitalize; transition: var(--timer); } #account-options li a:hover { color: var(--royalblue); background: var(--yellow); text-decoration: none; } #search-top-box { align-items: flex-start; flex-direction: row-reverse; flex-wrap: wrap; padding: 8px 12px 0 0; font-family: var(--zolm); } #search-top-box-form input[type=submit] { background-color: var(--yellow); background-image: none; color: var(--navyblue); border: 0.15em dotted var(--yellow); box-shadow: none; border-radius: 0; transition: var(--timer); } #search-top-box-form input[type=submit]:hover { background-color: var(--navyblue); border: 0.15em dotted var(--yellow); background-image: none; color: var(--yellow); box-shadow: none; } /* Header. */ #header { grid-template-areas: ". . login login login" ". . . . search" "h1 h1 h1 h1 h1" "h2 h2 h2 h2 h2" ". . . . ." "top-bar top-bar top-bar top-bar top-bar"; grid-template-columns: repeat(5, 1fr); background-image: linear-gradient(10deg, var(--royalblue), var(--navyblue)); background-size: contain; background-position: center; background-repeat: repeat; } #header h1, #header h2 { padding-inline-start: 0; text-align: center; position: relative; } #header h1::before { position: absolute; content: ""; background-color: black; clip-path: var(--diamond); top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); height: 10em; width: 10em; } #header h1 a { display: inline-flex; /* 修复页眉显示问题 */ } #header h1 a::before { font-family: var(--stix); background-image: var(--gold); color: var(--trans); background-clip: text; text-shadow: none; position: relative; z-index: 5; } #header h2::before, #header h1::after { display: none; } /* Top bar. */ #top-bar, #footer { font-family: var(--teac); max-width: 100%; background-color: var(--royalblue); border-image: var(--gold); border-image-slice: 1; border-width: 0.2em; border-style: solid; border-left: 0px; border-right: 0px; } #top-bar ul li { flex-grow: 1; } #top-bar ul li a { transition: var(--timer); } #top-bar div[class*="top-bar"] > ul { justify-content: center; } #top-bar ul li ul { border-width: 0 0; box-shadow: 0 0.5em 1em -0.5em black; border-bottom: 0.2em solid var(--yellow); } #top-bar :is(.top-bar, .mobile-top-bar) ul li ul li a { line-height: 2; text-align: center; } /* Side bar and side bar button. */ #top-bar .open-menu a { border: 0.07em dotted var(--yellow); border-radius: 0; background-color: var(--yellow); color: var(--navyblue); transition: var(--timer); } #top-bar .open-menu a:hover { background-color: var(--navyblue); color: var(--yellow); } #side-bar { background-color: rgba(0, 0, 0, 0.5); } #interwiki .heading, #side-bar .heading { color: mintcream; border-bottom: dotted 3px mintcream; } #side-bar .side-block.media, #side-bar .side-block.resources, #side-bar .side-block, #interwiki .side-block { background-color: var(--navyblue); border-radius: 0; box-shadow: none; border: solid 1px var(--royalblue); } /* Body content. */ body, html { color: var(--grey); background-color: var(--royalblue); font-family: var(--robo); } #container { background-image: linear-gradient(140deg, var(--trans) 50.9vw, var(--navyblue) 50.9vw 51vw, var(--trans) 51vw), linear-gradient(195deg, var(--trans) 50.9vw, var(--navyblue) 50.9vw 51vw, var(--trans) 51vw), linear-gradient(113deg, var(--trans) 50.9vw, var(--navyblue) 50.9vw 51vw, var(--trans) 51vw), linear-gradient(34deg, var(--trans) 55.9vw, var(--navyblue) 55.9vw 56vw, var(--trans) 56vw), linear-gradient(-30deg, var(--trans) 55.9vw, var(--navyblue) 55.9vw 56vw, var(--trans) 56vw); } #page-title, .meta-title { font-family: var(--stix); font-weight: bold; background-image: var(--gold); color: var(--trans); background-clip: text; font-size: clamp(1.5rem, 0.786rem + 1.905vw, 2.5rem); border-color: var(--trans); margin: auto; width: fit-content; } #breadcrumbs { margin: 1em 0em 1em; } .preview-message { color: black; background-color: var(--royalblue); border: solid 1px var(--yellow); } /* Stuff you make. */ blockquote, div.blockquote { background-image: linear-gradient(10deg, var(--royalblue), var(--navyblue)); border-image: var(--gold); border-image-slice: 1; border-width: 0.2em; border-style: solid; } div.page-rate-widget-box, .page-rate-widget-box { box-shadow: none; border-radius: 0; border-bottom: dotted 0.2em var(--yellow); text-transform: capitalize; } div.rate-box-with-credit-button .page-rate-widget-box { border-radius: 0; } div.page-rate-widget-box .rate-points { padding: 0 .675em 0 0; } div.page-rate-widget-box .cancel a { padding: 0 0 0 5px; } .modalbox, div.modalbox { background-color: var(--royalblue); background: var(--royalblue); } .creditButton p a:hover { background: var(--yellow); } div.creditButton p a { border-inline-start: none; margin-left: 4px; } table.wiki-content-table th { border: 0.2em solid var(--yellow); background-color: var(--navyblue); } table.wiki-content-table td { border: 0.2em solid var(--yellow); background-color: var(--royalblue); } hr { border-image: linear-gradient(90deg, var(--yellow) 40%, var(--trans) 40% 42%, var(--yellow) 42% 44%, var(--trans) 44% 46%, var(--yellow) 46% 48%, var(--trans) 48% 50%, var(--yellow) 50% 52%, var(--trans) 52% 54%, var(--yellow) 54% 56%, var(--trans) 56% 58%, var(--yellow) 58% 60%, var(--trans) 60% 62%, var(--yellow) 62% 100%) 1; border-width: 2px; border-style: solid; height: 0; background: var(--trans); } a, a.newpage, a:visited, #interwiki a, #side-bar a { color: var(--yellow); transition: var(--timer); } a:hover, a:visited:hover, #interwiki a:hover, #side-bar a:hover { color: var(--yellow); text-decoration: underline; text-decoration-style: dotted; text-underline-offset: 5px; } #toc { background-color: var(--navyblue); border: none; border-bottom: 0.2em dotted var(--yellow); } #toc a:hover { background-color: var(--yellow); color: var(--royalblue); text-decoration: none; } #toc #toc-action-bar { text-align: center; } #toc-list div:before { background-color: var(--yellow); width: 0.7rem; height: 0.7rem; content: ""; display: inline-block; margin-right: 0.5em; clip-path: var(--diamond); } h1, h2, h3, h4, h5 { font-family: var(--zolm); color: var(--yellow); } h1::before, h2::before, h3::before, h4::before, h5::before, h1::after, h2::after, h3::after, h4::after, h5::after { background-color: var(--yellow); width: 1rem; height: 1rem; content: ""; display: inline-block; margin-right: 0.2em; clip-path: var(--diamond); } h1::before, h2::before, h3::before, h4::before, h5::before { margin-right: 0.2em; } h1::after, h2::after, h3::after, h4::after, h5::after { margin-left: 0.2em; } .yui-navset .yui-nav { border-width: 0; } .yui-navset .yui-content { background-color: var(--royalblue); } /* Custom divs. */ .ornament1, .ornament2, .ornament3 { background-size: contain; background-repeat: no-repeat; margin: auto; } .ornament1 { width: 80px; height: 57px; background-image: url(https://scp-wiki.wikidot.com/local--files/theme:black-diamond/ornamenta.png); } .ornament2 { width: 72px; height: 64px; background-image: url(https://scp-wiki.wikidot.com/local--files/theme:black-diamond/ornamentb.png); } .ornament3 { width: 50px; height: 50px; background-image: url(https://scp-wiki.wikidot.com/local--files/theme:black-diamond/ornamentc.png); } /* Bottom of page and editor. */ #lock-info { color: black; } #license-area { color: white; }
请按如下方式引用此页:
“黑钻 版式”,作者 Fish^12,来自 SCP 维基。原文链接:https://scp-wiki.wikidot.com/theme:black-diamond。译者 pikeandshot,来自 SCP-CN 维基。译文链接:http://scp-wiki-cn.wikidot.com/theme:black-diamond。遵循 CC BY-SA 协议。
更多详情请参阅授权指南。
文件名:ornamenta.png
图像名:TugsC Ornament Gold.png
图像作者:佚名,古典装饰图案
授权协议:CC0 1.0
来源链接:维基共享资源
文件名:ornamentb.png
图像名:Fence Ornament Gold D.png
图像作者:佚名,栅栏与墙上的古典装饰图案
授权协议:CC0 1.0
来源链接:维基共享资源
文件名:ornamentc.png
图像名:FenceW Ornament Gold U.png
图像作者:佚名,栅栏与墙上的古典装饰图案
授权协议:CC0 1.0
来源链接:维基共享资源





