版式：Closing
这个版式由lancingue2完全制作，没有任何搬运，只有灵感。这也是C.F.G中的其中一个版式[虽然没搬来C.F.G]。
想要用这个版式，可以把
[[include :r-backrooms-wiki-cn.wikidot.com:theme:closing]]
塞到你的文档里！
文字。
文字
文字
文字
文字
文字
文字
文字1
文字
文字
文字
| 标题文字 | 标题文字 |
|---|---|
| 文字 | 文字 |
| 文字 | |
[[div class="lightblock"]]
文字
[[/div]]
[[div class="darkblock"]]
文字
[[/div]]
[[div class="styled-quote"]]
文字
[[/div]]
[[div class="dark-styled-quote"]]
文字
[[/div]]
[[div class="hovers-to-shp"]]
文字
[[/div]]
[[div class="hoversdark-to-shp"]]
文字
[[/div]]
[[div class="sitting"]]
这动画有点花
[[/div]]
[[div class="opacity"]]
这个更不好，没动画，文字往中间移动力，但div块如此
[[/div]]
版式作者：lancingue2
以下是代码:
[[module CSS]]
body {
font-family:楷体;
}
a:hover {
animation:abous 0.2s;
}
#toc {
border:1px dotted grey;
color:white;
}
.hovers-to-shp {
background:rgb(255,255,255);
color:black;
padding: 0.1rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0.05rem 0.1rem 0.3rem #000000;
}
.sitting:hover {
animation:sitp 0.75s;
}
.sitting {
background:wheat;
color:black;
padding: 0.1rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0.05rem 0.1rem 0.3rem #000000;
}
@keyframes sitp {
100% {
background:black;
color:white;
padding: 0.1rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0.05rem 0.1rem 0.3rem #000000;
}
}
.hovers-to-shp:hover {
animation:ak 0.75s;
}
@keyframes ak {
0% {
background:rgb(255,255,255);
color:black;
padding: 0.1rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0.05rem 0.1rem 0.3rem #000000;
}
35% {
background:black;
color:white;
padding: 0.1rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0.05rem 0.1rem 0.3rem #000000;
}
}
@keyframes abous {
0% {
background:black;
color:white;
}
100% {
background:white;
color:black;
}
}
/*颜色：表示A,B,C的形式 */
.owindow .button-bar a, a.button, button, div.buttons input, file, input.button {
display: block;
margin: 0% 35%;
text-align: center;
background: aliceblue;
color: black;
}
div.buttons.alignleft>input {
display:flex;
margin: 0% 0%;
}
/*色号：表示#AAAAAA*/
div#page-options-bottom-2 > a, div#page-options-bottom > a {
background:white;
color:black;
font-weight:bold;
}
#toc-list {
background:rgb(0,0,0);
}
.printuser img.small {
margin-right: .0625rem;
min-width: auto;
display: inline-block;
margin: 0.5em;
width: 2em;
height: 2em;
}
:root {
—theme-base: "black-highlighter";
/* Header */
--logo-image: url("url(https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/lgbtqp_logo.svg)");
--header-title: "The Backrooms";
--header-subtitle: "结束这无尽的约束！";
--logo-image: url(http://r-backrooms-wiki-cn.wikidot.com/local--files/rate:lpoigd5289-logo/ERR);
/* 标准色 */
--white-monochrome: 234,234,234;
/* 白色 */
--very-light-gray-monochrome: 245,193,245;
/* 次强调色（应用于杂项） */
--light-gray-monochrome: 145,244,255;
/* 次强调色（登录时） */
--gray-monochrome: 255,0,255;
--dark-gray-monochrome: 225,0,225;
/* 灰色 */
--black-monochrome: 176,0,176;
/* 黑色 */
--medium-accent: 0,0,0;
/* 中灰色*/
--dark-accent: 125,125,125;
/* 深灰色 */
--pale-gray-monochrome: 25,25,25;
/* 我也不知道这个叫啥色 */
--bright-accent: 24,0,0;
/* 链接颜色 */
--link-color: 0,0,255;
--hover-link-color: 255,0,0;
--visited-link-color: 0,255,0;
--newpage-color: 134,134,0;
}
h1,h2,h3,h4,h5,h6 {
color: rgb(124,0,233);
}
div.yui-navset div.yui-content {
background: rgb(24,245,24);
}
div.yui-navset ul.yui-nav a,
div.yui-navset div.yui-navset-top ul.yui-nav a {
background: rgb(255,255,255);
color: rgb(0,0,0);
border: 1px solid rgb(143,143,143);
}
.scp-image-block .scp-image-caption {
background-color: rgb(13,0,13);
border: 1px dotted white;
}
#toc{
background:rgb(34,34,132);
}
/*表格标题更改_背景_文字颜色*/
/*表格内容更改_背景_文字颜色_边框*/
/*全部表格更改_边框*/
.dark-styled-quote {
background-color:rgb(113,0,113);
color:rgb(255,255,255);
padding: 0.1rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0.05rem 0.1rem 0.3rem #000000;
}
.lightblock{
background-color:rgb(255,245,255);
color:#000000
padding: 0.1rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0.05rem 0.1rem 0.3rem #000000;
}
.darkblock {
background-color:rgb(113,0,113);
padding: 0.1rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0.05rem 0.1rem 0.3rem #000000;
}
div.yui-navset div.yui-content {
background:rgb(30,30,30);
}
#side-bar .heading {
background:rgb(124,0,124);
color:black;
font-weight:bold;
}
em {
font-family:"Times New Roman";
}
.printuser a {
margin-left:-0.75em;
}
.hoversdark-to-shp {
background:rgb(0,0,0);
color:white;
padding: 0.1rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0.05rem 0.1rem 0.3rem #000000;
}
.hoversdark-to-shp:hover {
animation:ac 0.75s;
}
@keyframes ac {
0% {
background:black;
color:white;
padding: 0.1rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0.05rem 0.1rem 0.3rem #000000;
}
35% {
background:rgb(255,255,255);
color:black;
padding: 0.1rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0.05rem 0.1rem 0.3rem #000000;
}
}
.opacity {
padding: 0.1rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0.05rem 0.1rem 0.3rem #000000;
opacity:0.25;
}
.opacity:hover {
opacity:1;
background:#00ffff;
color:#005555;
animation:center 7.5s;
text-align:left;
}
@keyframes center {
100% {
padding-left:25%;
}
}
[[/module]]页面版本: 39, 最后编辑于: 19 Apr 2023 05:02