首页版式
🧨
❄️
❄️
❄️
❄️
🧨
❄️
❄️
🧧
❄️
❄️
❄️
❄️
🧧
❄️
❄️
使用：
[[include :backroomsdyfb:shouyebanshi]]
源码：
:root{
--header-title: "后室抖音分站";
--header-subtitle: "死境尚存无限生机";
--header-icon: url(http://arma3.wikidot.com/local--files/water/logo%20%283%29_%E5%89%AF%E6%9C%AC_%E5%89%AF%E6%9C%AC.png);
--wallpaper-mask: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22windows-1252%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22106.667%22%20height%3D%22154.667%22%3E%3Cpath%20d%3D%22M72.547%201158.57H5.074V-6.465h67.473V1158.57M119.027%20710.25v-58.977l126.95%20154.438L363.43%20654.77v61.476L246.477%20865.688%20119.027%20710.25%22%20style%3D%22fill%3A%238e8163%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%20transform%3D%22matrix%28.13305%200%200%20-.13255%20-.633%20153.92%29%22%2F%3E%3Cpath%20d%3D%22M119.027%20951.652V790.715l125.45%20153.441L363.43%20792.715v166.933L247.477%201108.09l-128.45-156.438M763.27%201158.57h-63.473l63.473-80.97ZM472.387%201158.57h-67.473V-6.465h67.473V1158.57M518.867%20995.133v-58.977L645.816%201090.6%20763.27%20939.656v61.474l-116.954%20149.44-127.449-155.437M763.27%20657.27%20647.316%20805.711%20518.867%20649.273V488.336l125.449%20153.441L763.27%20490.336V657.27M518.867%201158.57v-82.97l67.973%2082.97z%22%20style%3D%22fill%3A%238e8163%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%20transform%3D%22matrix%28.13305%200%200%20-.13255%20-.633%20153.92%29%22%2F%3E%3Cpath%20d%3D%22M763.27%20413.867%20646.316%20563.309%20518.867%20407.867v-58.972l126.949%20154.437L763.27%20352.391v61.476M363.43%20128.98%20246.477%20278.422l-127.45-155.438V64.008l126.95%20154.437L363.43%2067.504v61.476%22%20style%3D%22fill%3A%238e8163%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%20transform%3D%22matrix%28.13305%200%200%20-.13255%20-.633%20153.92%29%22%2F%3E%3Cpath%20d%3D%22M363.43%20205.449v166.934L247.477%20520.824l-128.45-156.437V203.449l125.45%20153.442L363.43%20205.449M518.867%2071.504V-6.465h67.973l57.476%2070.473%2055.481-70.473h63.473V79.5L647.316%20227.941%20518.867%2071.504%22%20style%3D%22fill%3A%238e8163%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%20transform%3D%22matrix%28.13305%200%200%20-.13255%20-.633%20153.92%29%22%2F%3E%3C%2Fsvg%3E);
}
div#container-wrap {
background: url(http://backroomsdyfb.wikidot.com/local--files/start/head-bg2) top left repeat-x;
}
@media (min-width: 768px){
#search-top-box{
top: 1px;
left: 0;
}
#search-top-box-input {
transition: background-color 0.5s ease;
border: var(--search-input-border);
border-radius: 0;
color: var(--text-color);
background-color: var(--search-input-color);
height: 20px;
width:200px;
box-sizing: border-box;
vertical-align: bottom;
}
#login-status{
top: 1px;
z-index: 1;
right:0;
}
}
#header {
position: relative;
z-index: 10;
padding-bottom: 22px;
background: var(--header-icon) center top no-repeat;
background-size: auto 160px;
height: 180px;
margin:0 auto;
line-height: 0.7;
}
#header h1 a::before{
display: inline-block;
width: 100%;
text-align: center;
content: var(--header-title);
color: #FFFFFF;
text-shadow: 2px 2px var(--titleColor);
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0;
padding-top: 110px;
font-size: 30px;
animation: animate 0.5s linear infinite;
}
@keyframes animate {
0%, 100% {
text-shadow: -1.5px -1.5px 0 #0ff, 1.5px 1.5px 0 #f00;
}
25% {
text-shadow: 1.5px 1.5px 0 #0ff, -1.5px -1.5px 0 #f00;
}
50% {
text-shadow: 1.5px -1.5px 0 #0ff, 1.5px -1.5px 0 #f00;
}
75% {
text-shadow: -1.5px 1.5px 0 #0ff, -1.5px 1.5px 0 #f00;
}
}
#header h2 {
font-size: 0px;
}
#header h1{
font-size: 0px;
}
#main-content, #footer, #header, #license-area {
margin-right: aute;
margin-left: aute;
max-width: 750px;
box-sizing: border-box;
}
/* Footer */
#footer {
clear: both;
font-size: 77%;
background: #21242b;
margin-top: 15px;
padding: 3px 10px;
border: 8px solid #383b45;
border-bottom:none;
}
#license-area {
background: #21242b;
border: 8px solid #383b45;
border-bottom:none;
border-top:none;
}
#footer a {
color: #fff;
background: transparent;
}
body {
background-color: ;
background-image: -moz-linear-gradient(top, rgba(122, 109, 82, 1) 0%, rgba(122, 109, 82, 0.5) 50rem, rgba(122, 109, 82, 0) 100%), #9f916e var(--wallpaper-mask) repeat;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(122, 109, 82, 1)), color-stop(50rem, rgba(122, 109, 82, 0.5)), color-stop(100%, rgba(140, 0, 0, 0))),#9f916e var(--wallpaper-mask) repeat;
background: -webkit-linear-gradient(top, rgba(122, 109, 82, 1) 0%, rgba(122, 109, 82, 0.5) 50rem, rgba(122, 109, 82, 0) 100%), #9f916e var(--wallpaper-mask) repeat;
background: -o-linear-gradient(top, rgba(122, 109, 82, 1) 0%, rgba(122, 109, 82, 0.5) 50rem, rgba(122, 109, 82, 0) 100%), #9f916e var(--wallpaper-mask) repeat;
background: -ms-linear-gradient(top, rgba(122, 109, 82, 1) 0%, rgba(122, 109, 82, 0.5) 50rem, rgba(122, 109, 82, 0) 100%), #9f916e var(--wallpaper-mask) repeat;
background: linear-gradient(to bottom, rgba(122, 109, 82, 1) 0%, rgba(122, 109, 82, 0.5) 50rem, rgba(122, 109, 82, 0) 100%),#9f916e var(--wallpaper-mask) repeat;
color: var(--text-color);
font-size: 0.80em;
overflow-y: scroll;
background-size: 2.3em;
}原版式：
阈限数据库版式由0ktober创建。
墙纸图片来自殿印 版式
修改者：
linglingyao