[[div style="display: none;" ]]
[[/div]]此主题版式由 Liurd 创作。
如果想要在你的页面上使用这个主题,请将如下文本放置其中:
[[include :backrooms-wiki-cn:theme:backrooms-chef-allience]]
版式示例

B.C.A.的图标(他版),由Liurd绘制
你可以使用五个连字符"-----" 创建水平线,如果你没把这玩意放置在任何内容(比如引用块什么的)里面,那它就能扩展到整个页面——超酷的!
你可以在行首加上那么1-6个"+"字符来创建个标题。
价位:客官您看着给
尖椒变蛋
蒜泥白肉
拍黄瓜
擀面皮
等待补充
油泼面(拉条子/扯面/菠菜面)
炸酱面
臊子干拌面(拉条子/扯面/菠菜面)
三合一(拉条子/扯面/菠菜面)
二合一(拉条子/扯面/菠菜面)
四合一(拉条子/扯面/菠菜面)
岐山臊子面
等待补充
番茄牛肉
酸辣土豆丝
开水白菜
拔丝地瓜
红烧肉
芳香排骨
水煮鱼
清蒸鲈鱼
纸包鱼
等待补充
西湖牛肉羹
拌疙瘩
猪骨高汤
养颜鸡汤
紫菜蛋花汤
紫菜没有蛋花汤
等待补充
田园沙拉
酸奶沙拉
千岛沙拉
番茄沙拉
等待补充
牛排(西冷/菲力/肉眼/丁骨/小排 - 一份五个)/(一分/三分/半熟/七分/八分/九分/全熟)
羊排(油炸/油煎/烤制)
猪排(油炸/油煎)
意大利面(番茄酱/番茄肉丸/黑胡椒番茄酱/奶油)
通心粉(同上)
披萨(凤尾鱼/芝士/香肠/海鲜/菠萝已下架)
三明治(牛肉/羊肉/鸡肉)
奶油蘑菇鸡
等待补充
奶油蘑菇汤
罗宋汤
等待补充
这是一个引用块,在一行字的起始处加上“> ”来创建。
更多文字
一条分割线
嵌套块引用1
| 这是一个 | 表格 |
|---|---|
| 你应该早就 | 知道怎么 |
| 制作它了吧 |
脚1
这段文本
放在这里
你们就能
看到不同
格式以及
其它东西
看起来是
怎么运作
包括那些不存在
以及存在的链接!
还有特殊警告
或者风险更低的
或者安全的!
[[div class="circle-ul"]]
- 使用“* ”添加无序列表
- 像这样
- 你可以添加很多
- 还可以缩进
- 接着缩进
- 缩!
- 接着缩进
- 还可以缩进
[[/div]]
[[div class="roman-ol"]]
- 换成“# ”就可以添加有序列表
- 就像这样
- 它也可以缩进
- 真不错
- 它也可以缩进
- 你可能不知道
- 这是罗马数字
- 现在你应该知道了吧
[[/div]]
[[div class="float-left-block"]]
[[/div]]
[[div class="float-right-block"]]
[[/div]]
[[div class="border-block"]]
[[/div]]
[[div class="lightblock"]]
嗯,普通的亮色块
[[/div]]
[[div class="darkblock"]]
哦这是一个暗色块
[[/div]]
[[div class="tiffanyblock"]]
真是高级感拉满的颜色。
——垃圾厨子
[[/div]]
[[div class="cheeseblock"]]
我喜欢奶酪,不过它放在蛋糕上更棒!(当然是甜奶酪!)=D
——蛋糕大师
[[/div]]
[[div class="burgundyblock"]]
鲜血的颜色……不对好像只是红酒而已吧
——马天尼博士
[[/div]]
[[div class="marrsblock"]]
这才对味嘛,够垃圾的颜色
——垃圾厨子
[[/div]]
[[div class="gelbblock"]]
我觉得这个颜色糟透了!比我上次炖坏的那锅汤还糟糕!
——鲜汤达人
[[/div]]
[[div class="vandykeblock"]]
巧克力万岁!!!=D
——蛋糕大师
[[/div]]
[[div class="khakiblock"]]
我觉得这两个颜色就像咖啡和拉花一样,爱来自咖啡层
——咖啡豆先生于Level C-offee
[[/div]]
[[div class="ancientblock"]]
像葡萄——烤葡萄不好吃,伤心
——火候师傅
[[/div]]
[[div class="prussianblock"]]
我发誓要是下一次再看到垃圾厨子往我汤里加东西我非把它炖了不行!
——鲜汤达人
[[/div]]
[[div class="styled-quote"]]
啊哈!样式化引用块!
[[/div]]
[[div class="dark-styled-quote";]]
[[div class="dark-styled-quote"]]
不错的颜色
[[/div]]
[[div class="styled-quote-d"]]
这个是双侧样式块诶!
[[/div]]
[[div class="dark-styled-quote-d";]]
[[div class="dark-styled-quote-d"]]
真不错真不错
[[/div]]
[[div class="styled-tiffanyblock-d"]]
当然每一种特殊的引用块也都有自己的-d版本!
[[/div]]
标题示例
[[div class="titleblock"]]
[[span class="titlebox"]]标题示例[[/span]]
哦这个块可以加标题
[[/div]]
标题示例
[[div class="dark-titleblock"]]
[[span class="dark-titlebox"]]标题示例[[/span]]
哦看来那些花块块没有这个版本
[[/div]]
:root {
--theme-base: "black-highlighter";
--theme-id: "bca-theme";
--theme-name: "Backrooms Chef Allience Theme";
--logo-image: url("https://s1.ax1x.com/2022/09/19/x9Nyin.png");
--header-title: "后室厨师联盟";
--header-subtitle: "于无尽后室寻求真正美味";
--tiffany-blue: 128, 209, 200;
--cheese-color: 248, 245, 214;
--schonbrunner-gelb: 251, 210, 106;
--burgundy-red: 71, 0, 36;
--marrs-green: 1, 132, 127;
--vandyke-brown: 73, 45, 34;
--light-khaki: 216, 199, 181;
--prussian-blue: 0, 49, 83;
--titian-red: 212, 72, 72;
--foggy-gray: 229, 221, 215;
--ancient-purple: 137, 91, 138;
--light-magenta: 250, 220, 233;
--white-monochrome: 255, 255, 255;
--pale-gray-monochrome: var(--cheese-color);
--light-gray-monochrome: var(--schonbrunner-gelb);
--gray-monochrome: var(--titian-red);
--dark-gray-monochrome: var(--burgundy-red);
--black-monochrome: 25, 20, 16;
--bright-accent: var(--titian-red);
--medium-accent: 125, 25, 0;
--dark-accent: var(--titian-red);
--pale-accent: var(--titian-red);
--swatch-topmenu-border-color: var(--medium-accent);
--link-color: var(--titian-red);
--hover-link-color: var(--burgundy-red);
--visited-link-color: var(--ancient-purple);
--newpage-color: var(--prussian-blue);
--background-gradient-distance: 0rem;
--gradient-header: linear-gradient(to top,
rgba(var(--medium-accent)) 0%,
rgba(var(--medium-accent), 0.90) 100%
);
--diagonal-stripes: linear-gradient(transparent 0);
}
@media only screen and (min-width: 769px) {
#header::before {
content: "";
position: absolute;
height: 100%;
width: 100%;
background-image: var(--logo-image);
background-size: auto 12rem;
opacity: 1;
z-index: -1;
top: calc(var(--topbar-height-on-desktop) * -0.5);
}
}
#skrollr-body {
width: auto;
position: relative;
top: 0;
left: 0;
background-image: url("https://images.unsplash.com/photo-1563373011-d9b2e9af4167?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80");
background-repeat: no-repeat;
background-size: auto;
background-position: center;
}
#side-bar:hover,
#side-bar:active,
#side-bar:focus-within {
background-color: #F8F5D6;
}
div#extrac-div-1 {
content: "";
position:absolute;
top:var(--final-header-height-on-desktop);
width:100%;
height:calc(100% - var(--final-header-height-on-desktop));
background-color: #80D1C8;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='52' viewBox='0 0 52 52'%3E%3Cpath fill='%23fdfbfe' fill-opacity='0.74' d='M0 17.83V0h17.83a3 3 0 0 1-5.66 2H5.9A5 5 0 0 1 2 5.9v6.27a3 3 0 0 1-2 5.66zm0 18.34a3 3 0 0 1 2 5.66v6.27A5 5 0 0 1 5.9 52h6.27a3 3 0 0 1 5.66 0H0V36.17zM36.17 52a3 3 0 0 1 5.66 0h6.27a5 5 0 0 1 3.9-3.9v-6.27a3 3 0 0 1 0-5.66V52H36.17zM0 31.93v-9.78a5 5 0 0 1 3.8.72l4.43-4.43a3 3 0 1 1 1.42 1.41L5.2 24.28a5 5 0 0 1 0 5.52l4.44 4.43a3 3 0 1 1-1.42 1.42L3.8 31.2a5 5 0 0 1-3.8.72zm52-14.1a3 3 0 0 1 0-5.66V5.9A5 5 0 0 1 48.1 2h-6.27a3 3 0 0 1-5.66-2H52v17.83zm0 14.1a4.97 4.97 0 0 1-1.72-.72l-4.43 4.44a3 3 0 1 1-1.41-1.42l4.43-4.43a5 5 0 0 1 0-5.52l-4.43-4.43a3 3 0 1 1 1.41-1.41l4.43 4.43c.53-.35 1.12-.6 1.72-.72v9.78zM22.15 0h9.78a5 5 0 0 1-.72 3.8l4.44 4.43a3 3 0 1 1-1.42 1.42L29.8 5.2a5 5 0 0 1-5.52 0l-4.43 4.44a3 3 0 1 1-1.41-1.42l4.43-4.43a5 5 0 0 1-.72-3.8zm0 52c.13-.6.37-1.19.72-1.72l-4.43-4.43a3 3 0 1 1 1.41-1.41l4.43 4.43a5 5 0 0 1 5.52 0l4.43-4.43a3 3 0 1 1 1.42 1.41l-4.44 4.43c.36.53.6 1.12.72 1.72h-9.78zm9.75-24a5 5 0 0 1-3.9 3.9v6.27a3 3 0 1 1-2 0V31.9a5 5 0 0 1-3.9-3.9h-6.27a3 3 0 1 1 0-2h6.27a5 5 0 0 1 3.9-3.9v-6.27a3 3 0 1 1 2 0v6.27a5 5 0 0 1 3.9 3.9h6.27a3 3 0 1 1 0 2H31.9z'%3E%3C/path%3E%3C/svg%3E");
background-size: 5%;
background-repeat: repeat;
opacity: 1;
z-index: -3;
}
@media (max-width: 767px) {
div#extrac-div-1 {
content: "";
position:absolute;
top:var(--final-header-height-on-desktop);
width:100%;
height:calc(100% - var(--final-header-height-on-desktop));
background-color: #80D1C8;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='52' viewBox='0 0 52 52'%3E%3Cpath fill='%23fdfbfe' fill-opacity='0.74' d='M0 17.83V0h17.83a3 3 0 0 1-5.66 2H5.9A5 5 0 0 1 2 5.9v6.27a3 3 0 0 1-2 5.66zm0 18.34a3 3 0 0 1 2 5.66v6.27A5 5 0 0 1 5.9 52h6.27a3 3 0 0 1 5.66 0H0V36.17zM36.17 52a3 3 0 0 1 5.66 0h6.27a5 5 0 0 1 3.9-3.9v-6.27a3 3 0 0 1 0-5.66V52H36.17zM0 31.93v-9.78a5 5 0 0 1 3.8.72l4.43-4.43a3 3 0 1 1 1.42 1.41L5.2 24.28a5 5 0 0 1 0 5.52l4.44 4.43a3 3 0 1 1-1.42 1.42L3.8 31.2a5 5 0 0 1-3.8.72zm52-14.1a3 3 0 0 1 0-5.66V5.9A5 5 0 0 1 48.1 2h-6.27a3 3 0 0 1-5.66-2H52v17.83zm0 14.1a4.97 4.97 0 0 1-1.72-.72l-4.43 4.44a3 3 0 1 1-1.41-1.42l4.43-4.43a5 5 0 0 1 0-5.52l-4.43-4.43a3 3 0 1 1 1.41-1.41l4.43 4.43c.53-.35 1.12-.6 1.72-.72v9.78zM22.15 0h9.78a5 5 0 0 1-.72 3.8l4.44 4.43a3 3 0 1 1-1.42 1.42L29.8 5.2a5 5 0 0 1-5.52 0l-4.43 4.44a3 3 0 1 1-1.41-1.42l4.43-4.43a5 5 0 0 1-.72-3.8zm0 52c.13-.6.37-1.19.72-1.72l-4.43-4.43a3 3 0 1 1 1.41-1.41l4.43 4.43a5 5 0 0 1 5.52 0l4.43-4.43a3 3 0 1 1 1.42 1.41l-4.44 4.43c.36.53.6 1.12.72 1.72h-9.78zm9.75-24a5 5 0 0 1-3.9 3.9v6.27a3 3 0 1 1-2 0V31.9a5 5 0 0 1-3.9-3.9h-6.27a3 3 0 1 1 0-2h6.27a5 5 0 0 1 3.9-3.9v-6.27a3 3 0 1 1 2 0v6.27a5 5 0 0 1 3.9 3.9h6.27a3 3 0 1 1 0 2H31.9z'%3E%3C/path%3E%3C/svg%3E");
background-size: 25%;
background-repeat: repeat;
opacity: 1;
z-index: -3;
}
#header::before {
content: "";
position: absolute;
height: 100%;
width: 100%;
background-image: var(--logo-image);
opacity: 1;
}
}
#container{
background-image: none;
}
#main-content {
background-color: #ffffff;
box-shadow: 1px 1px 3px 2px #00000040;
padding: 2px 8px;
margin-top: 16px;
border: 0.5rem double #000000;
}
#page-title{
text-align: center;
border-bottom: 5px double black;
}
#main-content h1 {
border-bottom: 5px double black;
}
#footer{
margin: 16px 0 0 0;
color: #ffffff;
}
.page-rate-widget-box {
border: none;
border-bottom: 3px double black;
background-image: none;
background-color:rgba(var(--light-gray-monochrome),.25);
box-shadow: none
}
.page-rate-widget-box span.rate-points {
letter-spacing: -12px;
color: transparent !important;
}
.page-rate-widget-box .rate-points:before, .page-rate-widget-box .rate-points span {
content: "食客评分:";
letter-spacing: 0;
color: rgb(var(--burgundy-red));
}
.scp-image-block {
border: 5px double black;
}
.scp-image-caption {
background-color: white!important;
border-top: 1.5px solid black!important;
}
.circle-ul ul {
list-style-type:disc;
}
.circle-ul ul li ul {
list-style-type:circle;
}
.roman-ol ol {
list-style-type:upper-roman;
}
.roman-ol li ol {
list-style-type:lower-roman;
}
table.wiki-content-table tbody {
border: none !important;
}
table.wiki-content-table tr {
border: none !important;
}
table.wiki-content-table th {
border: none !important;
background-color: rgb(var(--black-monochrome))!important;
}
table.wiki-content-table td {
border: none !important;
border-bottom: 2px dotted black !important;
}
hr {
background: transparent;
border-top: double 3px black;
}
.dark-styled-quote hr {
border-color: rgb(var(--cheese-color));
}
.styled-quote hr {
border-color: rgb(var(--titian-red));
}
.dark-styled-quote-d hr {
border-color: rgb(var(--cheese-color));
}
.styled-quote-d hr {
border-color: rgb(var(--titian-red));
}
.blockquote hr {
border-color: rgb(var(--titian-red));
}
.darkblock hr {
border-color: rgb(var(--cheese-color));
}
.tiffanyblock hr {
border-color: rgb(var(--cheese-color));
}
.styled-tiffanyblock hr {
border-color: rgb(var(--cheese-color));
}
.burgundyblock hr {
border-color: white;
}
.marrsblock hr {
border-color: rgb(var(--schonbrunner-gelb));
}
.gelbblock hr {
border-color: rgb(var(--marrs-green));
}
.vandykeblock hr {
border-color: rgb(var(--light-khaki));
}
.ancientblock hr {
border-color: rgb(var(--light-magenta));
}
.magentablock hr {
border-color: rgb(var(--ancient-purple));
}
.kahkiblock hr {
border-color: rgb(var(--vandyke-brown));
}
.prussianblock hr {
border-color: rgb(var(--foggy-gray));
}
.grayblock hr {
border-color: rgb(var(--prussian-blue));
}
.styled-tiffanyblock hr {
border-color: rgb(var(--cheese-color));
}
.styled-burgundyblock hr {
border-color: white;
}
.styled-marrsblock hr {
border-color: rgb(var(--schonbrunner-gelb));
}
.styled-gelbblock hr {
border-color: rgb(var(--marrs-green));
}
.styled-vandykeblock hr {
border-color: rgb(var(--light-khaki));
}
.styled-ancientblock hr {
border-color: rgb(var(--light-magenta));
}
.styled-magentablock hr {
border-color: rgb(var(--ancient-purple));
}
.styled-kahkiblock hr {
border-color: rgb(var(--vandyke-brown));
}
.styled-prussianblock hr {
border-color: rgb(var(--foggy-gray));
}
.styled-grayblock hr {
border-color: rgb(var(--prussian-blue));
}
.styled-tiffanyblock-d hr {
border-color: rgb(var(--cheese-color));
}
.styled-burgundyblock-d hr {
border-color: white;
}
.styled-marrsblock-d hr {
border-color: rgb(var(--schonbrunner-gelb));
}
.styled-gelbblock-d hr {
border-color: rgb(var(--marrs-green));
}
.styled-vandykeblock-d hr {
border-color: rgb(var(--light-khaki));
}
.styled-ancientblock-d hr {
border-color: rgb(var(--light-magenta));
}
.styled-magentablock-d hr {
border-color: rgb(var(--ancient-purple));
}
.styled-kahkiblock-d hr {
border-color: rgb(var(--vandyke-brown));
}
.styled-prussianblock-d hr {
border-color: rgb(var(--foggy-gray));
}
.styled-grayblock-d hr {
border-color: rgb(var(--prussian-blue));
}
.yui-navset .yui-content {
background-color: white;
border: none;
border-bottom: 5px double black;
margin-top: 0.2em;
transform-origin: 0 0;
}
.yui-navset .yui-content > div {
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;
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;
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; }
}
blockquote, div.blockquote {
border: none;
}
.code {
border: none;
}
.titleblock {
background-color: rgb(var(--pale-gray-monochrome));
padding: 0.5rem 1rem 0.10rem;
margin: 1.5rem 0rem 0.5rem 0rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
border: solid rgb(var(--dark-accent)) 2px;
}
.titlebox{
position: relative;
top: -1.6rem;
background-color: rgb(var(--dark-accent));
color: rgb(var(--pale-gray-monochrome));
padding: 0.25rem 1rem;
line-height: 0.1rem;
text-align: center;
}
.dark-titleblock {
background-color: rgb(var(--dark-accent));
color: rgb(255,255,255);
padding: 0.5rem 1rem 0.10rem;
margin: 1.5rem 0rem 0.5rem 0rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
border: solid rgb(var(--pale-gray-monochrome)) 2px;
}
.dark-titlebox{
position: relative;
top: -1.6rem;
background-color: rgb(var(--pale-gray-monochrome));
color: rgb(0,0,0);
padding: 0.25rem 1rem;
line-height: 0.1rem;
text-align: center;
}
.styled-quote-d {
background-color:rgb(var(--pale-gray-monochrome));
border-left: 0.5rem solid rgba(var(--gray-monochrome));
border-right: 0.5rem solid rgba(var(--gray-monochrome));
padding: 0.1rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
.dark-styled-quote-d {
background-color:rgb(var(--gray-monochrome));
border-left: 0.5rem solid rgba(var(--pale-gray-monochrome));
border-right: 0.5rem solid rgba(var(--pale-gray-monochrome));
color:rgb(var(--white-monochrome));
padding: 0.1rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
.tiffanyblock {
background-color:rgb(var(--tiffany-blue));
color: #1F1E3F;
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
.tiffanyblock a {
color: rgb(var(--burgundy-red));
}
.cheeseblock {
background-color:rgb(var(--cheese-color));
color:black;
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
.burgundyblock {
background-color:rgb(var(--burgundy-red));
color: white;
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
.burgundyblock a {
color: rgb(var(--light-magenta));
}
.marrsblock {
background-color:rgb(var(--marrs-green));
color: rgb(var(--schonbrunner-gelb));
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
.gelbblock {
background-color:rgb(var(--schonbrunner-gelb));
color: rgb(var(--marrs-green));
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
.vandykeblock {
background-color:rgb(var(--vandyke-brown));
color: rgb(var(--light-khaki));
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
.vandykeblock a {
color: rgb(var(--light-magenta));
}
.ancientblock {
background-color:rgb(var(--ancient-purple));
color: rgb(var(--light-magenta));
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
. ancientblock a {
color: rgb(var(--light-magenta));
}
.magentablock {
background-color:rgb(var(--light-magenta));
color: rgb(var(--ancient-purple));
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
.khakiblock {
background-color:rgb(var(--light-khaki));
color: rgb(var(--vandyke-brown));
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
.khakiblock a {
color: rgb(var(--ancient-purple));
}
.prussianblock {
background-color:rgb(var(--prussian-blue));
color: rgb(var(--foggy-gray));
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
.prussianblock a {
color: white;
}
.grayblock {
background-color:rgb(var(--foggy-gray));
color: rgb(var(--prussian-blue));
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
.grayblock a {
color: rgb(var(--titian-red));
}
.styled-tiffanyblock {
background-color:rgb(var(--tiffany-blue));
color: #1F1E3F;
border-left: 0.5rem solid rgba(var(--cheese-color));
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
.styled-tiffanyblock a {
color: rgb(var(--burgundy-red));
}
.styled-burgundyblock {
background-color:rgb(var(--burgundy-red));
border-left: 0.5rem solid rgb(var(--light-magenta));
color: white;
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
.styled-burgundyblock a {
color: rgb(var(--light-magenta));
}
.styled-marrsblock {
background-color:rgb(var(--marrs-green));
color: rgb(var(--schonbrunner-gelb));
border-left: 0.5rem solid rgb(var(--schonbrunner-gelb));
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
.styled-gelbblock {
background-color:rgb(var(--schonbrunner-gelb));
color: rgb(var(--marrs-green));
border-left: 0.5rem solid rgb(var(--marrs-green));
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
.styled-vandykeblock {
background-color:rgb(var(--vandyke-brown));
color: rgb(var(--light-khaki));
border-left: 0.5rem solid rgba(var(--light-khaki));
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
.styled-vandykeblock a {
color: rgb(var(--light-magenta));
}
.styled-ancientblock {
background-color:rgb(var(--ancient-purple));
color: rgb(var(--light-magenta));
border-left: 0.5rem solid rgb(var(--light-magenta));
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
.styled-ancientblock a {
color: rgb(var(--light-magenta));
}
.styled-magentablock {
background-color:rgb(var(--light-magenta));
color: rgb(var(--ancient-purple));
border-left: 0.5rem solid rgba(var(--ancient-purple));
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
.styled-khakiblock {
background-color:rgb(var(--light-khaki));
color: rgb(var(--vandyke-brown));
border-left: 0.5rem solid rgba(var(--vandyke-brown));
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
.styled-khakiblock a {
color: rgb(var(--ancient-purple));
}
.styled-prussianblock {
background-color:rgb(var(--prussian-blue));
color: rgb(var(--foggy-gray));
border-left: 0.5rem solid rgba(var(--foggy-gray));
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
.styled-prussianblock a {
color: white;
}
.styled-grayblock {
background-color:rgb(var(--foggy-gray));
color: rgb(var(--prussian-blue));
border-left: 0.5rem solid rgba(var(--prussian-blue));
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
.styled-grayblock a {
color: rgb(var(--titian-red));
}
.styled-tiffanyblock-d {
background-color:rgb(var(--tiffany-blue));
color: #1F1E3F;
border-left: 0.5rem solid rgba(var(--cheese-color));
border-right: 0.5rem solid rgba(var(--cheese-color));
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
.styled-tiffanyblock-d a {
color: rgb(var(--burgundy-red));
}
.styled-burgundyblock-d {
background-color:rgb(var(--burgundy-red));
border-left: 0.5rem solid rgb(var(--light-magenta));
border-right: 0.5rem solid rgb(var(--light-magenta));
color: white;
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
.styled-burgundyblock-d a {
color: rgb(var(--light-magenta));
}
.styled-marrsblock-d {
background-color:rgb(var(--marrs-green));
color: rgb(var(--schonbrunner-gelb));
border-left: 0.5rem solid rgb(var(--schonbrunner-gelb));
border-right: 0.5rem solid rgb(var(--schonbrunner-gelb));
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
.styled-gelbblock-d {
background-color:rgb(var(--schonbrunner-gelb));
color: rgb(var(--marrs-green));
border-left: 0.5rem solid rgb(var(--marrs-green));
border-right: 0.5rem solid rgb(var(--marrs-green));
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
.styled-vandykeblock-d {
background-color:rgb(var(--vandyke-brown));
color: rgb(var(--light-khaki));
border-left: 0.5rem solid rgba(var(--light-khaki));
border-right: 0.5rem solid rgba(var(--light-khaki));
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
.styled-vandykeblock-d a {
color: rgb(var(--light-magenta));
}
.styled-ancientblock {
background-color:rgb(var(--ancient-purple));
color: rgb(var(--light-magenta));
border-left: 0.5rem solid rgb(var(--light-magenta));
border-right: 0.5rem solid rgb(var(--light-magenta));
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
.styled-ancientblock-d a {
color: rgb(var(--light-magenta));
}
.styled-magentablock-d {
background-color:rgb(var(--light-magenta));
color: rgb(var(--ancient-purple));
border-left: 0.5rem solid rgba(var(--ancient-purple));
border-right: 0.5rem solid rgba(var(--ancient-purple));
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
.styled-khakiblock-d {
background-color:rgb(var(--light-khaki));
color: rgb(var(--vandyke-brown));
border-left: 0.5rem solid rgba(var(--vandyke-brown));
border-right: 0.5rem solid rgba(var(--vandyke-brown));
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
.styled-khakiblock-d a {
color: rgb(var(--ancient-purple));
}
.styled-prussianblock-d {
background-color:rgb(var(--prussian-blue));
color: rgb(var(--foggy-gray));
border-left: 0.5rem solid rgba(var(--foggy-gray));
border-right: 0.5rem solid rgba(var(--foggy-gray));
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
.styled-prussianblock-d a {
color: white;
}
.styled-grayblock-d {
background-color:rgb(var(--foggy-gray));
color: rgb(var(--prussian-blue));
border-left: 0.5rem solid rgba(var(--prussian-blue));
border-right: 0.5rem solid rgba(var(--prussian-blue));
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
.styled-grayblock-d a {
color: rgb(var(--titian-red));
}
.float-left-block {
padding: 0.1rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
background-color: white;
box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
border: 5px double black;
float: left;
}
.float-right-block {
padding: 0.1rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
background-color: white;
box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
border: 5px double black;
float: right;
}
.border-block {
padding: 0.1rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
background-color: white;
box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
border: 5px double black;
}版式用的图片来自unsplash
图标由Cat-herine制作
背景图片由tartar0s制作
其余配图由本人制作
感谢mercuresphere和tartar0s的代码支持
