Code1
@import url(https://backrooms-wiki-cn.wdfiles.com/local--code/theme%3Aliminal/1); @import url("http://vivarium.wdfiles.com/local--files/backrooms%3Avivtheme/stylesheet.css"); :root { --logo-image: url("http://backrooms-wiki-cn.wikidot.com/local--files/start/cn_logo.svg"); --header-title: "X1193"; --header-subtitle: "你曾经来过这里"; /* 字体 */ --body-font: punctuation-marks, Huiwen-mincho, sans-serif; --header-font: 'CKTKingKong', sans-serif; --title-font: 'CKTKingKong', sans-serif; --mono-font: 'Fantasque Sans Mono', monospace; /* 标准色 */ --white-monochrome: 255, 255, 255; /* 白色 */ --very-light-gray-monochrome: 255, 255, 255; /* 次强调色（应用于杂项） */ --light-gray-monochrome: 81, 107, 252; /* 次强调色（登录时） */ --gray-monochrome: 81, 107, 221; /* 蓝灰色 */ --black-monochrome: 0, 0, 0; /* 黑色 */ --medium-accent: 61, 77, 202; /* 蓝色*/ --dark-accent: 75, 100, 252; /* 蓝棕色 */ /* 背景与网站标题色 */ --background-gradient-color: var(--very-light-gray-monochrome); --header-gradient-color-bottom: var(--medium-accent); --header-gradient-color-middle: var(--black-monochrome); --header-gradient-color-top: var(--black-monochrome); /* 主要主题色 */ --swatch-background: var(--light-gray-blacmonochrome); --swatch-primary: var(--white-accent); --swatch-primary-darker: var(--medium-accent); --swatch-primary-darkest: var(--dark-accent); --link-color: var(--medium-accent); --visited-link-color: var(--medium-accent); --hover-link-color: var(--medium-accent); --newpage-color: var(--medium-accent); --gradient-header: repeating-linear-gradient( -30deg, rgba(var(--medium-accent), 0.8), rgba(var(--gray-monochrome), 1) 50px ); } #header::before { content: ""; position: absolute; height: 100%; width: 100%; left: 0; top: 0; background-image: var(--logo-image); background-size: auto 10rem; background-position: center; background-repeat: no-repeat; opacity: 1; } body::after { content: ""; background-image: var(--logo-image); background-size: 100% 100%; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-position: center; background-repeat: no-repeat; opacity: 0.1; z-index: -1; } #skrollr-body { background-image: var(--gradient-header), var(--gradient-topmenu), var(--gradient-background)!important; background-size: var(--header-background-image-size), 100% var(--final-header-height-on-desktop), 100% var(--background-gradient-distance); } #container{ background-image: none; } #login-status span { color: #ffffff; } hr { background-color: rgb(var(--medium-accent)); } .scp-image-block { border: none; } .scp-image-block .scp-image-caption { color: rgb(var(--medium-accent)); background-color: rgb(255,255,255); border: none; margin-top: 0.3rem; border-left: 0.2rem solid rgba(var(--medium-accent)); border-right: 0.2rem solid rgba(var(--medium-accent)); } .owindow { border: 0.2rem solid rgba(var(--medium-accent)); box-shadow: 0.5rem 0.5rem rgb(var(--gray-monochrome)); } .page-rate-widget-box { background: none; border: none; background-color: rgb(255,255,255); border-left: solid 2px rgb(var(--medium-accent)); } /*unselected tab color*/ .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a { background-color: rgb(255,255,255); color:rgb(var(--medium-accent)); } .yui-navset .yui-content { background-color: rgba(255,255,255, 0.25); border-color: rgb(var(--medium-accent)); } table.wiki-content-table th, table.wiki-content-table td { border-color: rgb(var(--medium-accent)); } blockquote { box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25); background-color: rgb(255,255,255); border: none; border-left: solid 2px rgb(var(--medium-accent)); } .titleblock { background-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(--medium-accent)) 2px; } .titlebox{ position: relative; top: -1.6rem; background-color: rgb(var(--medium-accent)); color: rgb(255,255,255); padding: 0.25rem 1rem; line-height: 0.1rem; } .dark-titleblock { background-color: rgb(var(--medium-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(255,255,255) 2px; } .dark-titlebox{ position: relative; top: -1.6rem; background-color: rgb(255,255,255); color: rgb(0,0,0); padding: 0.25rem 1rem; line-height: 0.1rem; } .styled-quote { background-color:rgb(255,255,255); border-left: 0.5rem solid rgba(var(--medium-accent)); padding: 0.1rem 1rem; margin: 0.5rem 0 0.5rem 0rem; box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25); } .styled-quote-d { background-color:rgb(255,255,255); border-left: 0.5rem solid rgba(var(--medium-accent)); border-right: 0.5rem solid rgba(var(--medium-accent)); padding: 0.1rem 1rem; margin: 0.5rem 0 0.5rem 0rem; box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25); } .dark-styled-quote { background-color:rgb(var(--medium-accent)); border-left: 0.5rem solid rgba(255,255,255); color:rgb(var(--white-monochrome)); padding: 0.1rem 1rem; margin: 0.5rem 0 0.5rem 0rem; box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25); } .dark-styled-quote-d { background-color:rgb(var(--medium-accent)); border-left: 0.5rem solid rgba(255,255,255); border-right: 0.5rem solid rgba(255,255,255); color:rgb(var(--white-monochrome)); padding: 0.1rem 1rem; margin: 0.5rem 0 0.5rem 0rem; box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25); } .lightblock { background-color:rgb(255,255,255); color:rgb(0,0,0); box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25); } .darkblock { background-color:rgb(var(--medium-accent)); color:rgb(var(--white-monochrome)); box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25); } .logoblock{ padding: 0.01rem 1rem; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); color:rgb(0,0,0); margin: 0.5rem 0 0.5rem 0.25rem; display: block; position: relative; background-color:rgb(255,255,255); border: none; } .logoblock::after{ content: ""; float: center; border: solid 2px #0000; background: url(http://backrooms-wiki-cn.wikidot.com/local--files/start/cn_logo.svg) center/18% no-repeat; opacity: 0.25; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 1; } .border-logoblock{ padding: 0.01rem 1rem; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); color:rgb(0,0,0); margin: 0.5rem 0 0.5rem 0.25rem; display: block; position: relative; background-color:rgb(255,255,255); border: solid rgb(var(--medium-accent)) 2px; } .border-logoblock::after{ content: ""; float: center; border: solid 2px #0000; background: url(http://backrooms-wiki-cn.wikidot.com/local--files/start/cn_logo.svg) center/18% no-repeat; opacity: 0.25; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 1; } .code { background-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(--medium-accent)) 2px; } .filetabs .yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li { display: inline-block; } .filetabs .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav { display: block; } .filetabs .yui-navset .yui-content { border-top-width: 15px; } .filetabs .yui-navset .yui-nav a, .filetabs .yui-navset .yui-navset-top .yui-nav a, .filetabs .yui-navset .yui-nav .selected a, .filetabs .yui-navset .yui-nav a:focus, .filetabs .yui-navset .yui-navset-top .yui-nav a:focus, .filetabs .yui-navset .yui-nav a:hover, .filetabs .yui-navset .yui-navset-top .yui-nav a:hover { background-color: transparent; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' preserveAspectRatio='none' viewBox='0 0 150 45' xml:space='preserve'%3E%3Cdesc%3ECreated with Fabric.js 4.6.0%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg transform='matrix(1 0 0 1 74.95 22.39)' id='bC-LIzxo7Tu37zCdkDrqS' %3E%3Cpath style='stroke: rgb(0,0,0); stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(81, 107, 252); fill-rule: nonzero; opacity: 1;' vector-effect='non-scaling-stroke' transform=' translate(0, 0)' d='M -74.94856 22.50703 L -60.0064 -12.520110000000003 C -60.0064 -12.520110000000003 -55.89385 -21.849030000000003 -47.235839999999996 -22.281930000000003 C -38.57782999999999 -22.714830000000003 46.87608 -22.39016 46.87608 -22.39016 C 46.87608 -22.39016 56.05659 -23.219710000000003 61.40639 -12.520120000000002 C 66.75618 -1.8205300000000015 74.94856 22.506959999999996 74.94856 22.506959999999996 z' stroke-linecap='round' /%3E%3C/g%3E%3Cg transform='matrix(1 0 0 1 75.18 17.97)' id='E8ePkHu_UUyvFWDAIzFyP' %3E%3Cpath style='stroke: rgb(0,0,0); stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: nonzero; opacity: 1;' vector-effect='non-scaling-stroke' transform=' translate(0, 0)' d='M -46.15385 12.0108 L -46.15385 -12.01079 L 46.153839999999995 -12.01079 L 46.153839999999995 12.0108 z' stroke-linecap='round' /%3E%3C/g%3E%3C/svg%3E"); background-size: 100% 2.7rem; background-repeat: no-repeat; border-width: 0px; border-top: none; background-position: top; } .filetabs .yui-navset .yui-nav a, .filetabs .yui-navset .yui-navset-top .yui-nav a { padding: 4px 20px 0px 20px; } .filetabs .yui-navset .yui-nav .selected a, .filetabs .yui-navset .yui-nav a:focus, .filetabs .yui-navset .yui-navset-top .yui-nav a:focus, .filetabs .yui-navset .yui-nav .selected a:hover, .filetabs .yui-navset .yui-navset-top .yui-nav .selected a:hover { padding: 8px 20px 0px 20px; } .filetabs .yui-navset .yui-nav a:hover, .filetabs .yui-navset .yui-navset-top .yui-nav a:hover { padding: 6px 20px 0px 20px; } .filetabs .yui-navset .yui-nav, .filetabs .yui-navset .yui-navset-top .yui-nav { border-color: transparent; } .filetabs .yui-navset .yui-nav .selected, .filetabs .yui-navset .yui-navset-top .yui-nav .selected, .filetabs .yui-navset .yui-nav .selected a:active, .filetabs .yui-navset .yui-nav .selected a:focus, .filetabs .yui-navset .yui-nav li, .filetabs .yui-navset .yui-navset-top .yui-nav li { background-color: transparent; } .filetabs .yui-navset .yui-nav li, .filetabs .yui-navset .yui-navset-top .yui-nav li { box-shadow: none; } .filetabs .yui-navset .yui-nav li { margin-right: 36px; } .filetabs .yui-navset .yui-nav .selected a { color: rgb(var(--swatch-text-general)) !important; } .filetabs .yui-navset .yui-nav a:focus, .filetabs .yui-navset .yui-nav a:hover { color: rgb(var(--swatch-text-general)); } .filetabs .yui-navset .yui-nav .selected a em, .filetabs .yui-navset .yui-nav .selected a:hover em { position: relative; top: -4px; } .filetabs .yui-navset .yui-nav a:hover em { position: relative; top: -2px; } .filetabs .yui-navset .yui-nav li, .filetabs .yui-navset .yui-navset-top .yui-nav li { border-bottom: solid 1px rgb(var(--white-monochrome)); } .filetabs .yui-navset .yui-nav li.selected, .filetabs .yui-navset .yui-navset-top .yui-nav li.selected { border-bottom: none; z-index: 1; } .footerbox{ padding:0.1rem 1rem; margin-top:1rem; background: rgb(81, 107, 252); border-radius:0 1rem 0 0; color:#ffffff; border: 3px solid rgb(81, 107, 221); box-sizing:border-box; } .footerflavor h1{ color: #000000; } .footerflavor h2{ color: #000000; } .footerflavor h3{ color: #000000; } .footerflavor h4{ color: #000000; } .footerflavor h5{ color: #000000; } .footerflavor h6{ color: #000000; } .footerbox h1{ color: rgb(81, 107, 252); } .footerbox h2{ color: rgb(81, 107, 252); } .footerbox h3{ color: rgb(81, 107, 252); } .footerbox h4{ color: rgb(81, 107, 252); } .footerbox h5{ color: rgb(81, 107, 252); } .footerbox h6{ color: rgb(81, 107, 252); } .footerspan{ margin-top:0.2rem; font-size:80%; } .footerflavor{ padding:0.5px 1rem; margin-bottom:1rem; background:#ffffff; border-radius:0 0 0 1rem; color:#000000; box-sizing:border-box; border: 3px solid rgb(81, 107, 221); height: auto; } .profilepic{ border-radius:0.6rem; float:left; max-height:13rem; height:17vw; margin-right:1rem; box-shadow: 0px 0px 3px; box-sizing:border-box; } @media only screen and (max-width: 510px) { .logoblock::after{ content: ""; float: center; border: solid 2px #0000; background: url(http://backrooms-wiki-cn.wikidot.com/local--files/start/cn_logo.svg) center/25% no-repeat; opacity: 0.25; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 1; } .border-logoblock::after{ content: ""; float: center; border: solid 2px #0000; background: url(http://backrooms-wiki-cn.wikidot.com/local--files/start/cn_logo.svg) center/25% no-repeat; opacity: 0.25; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 1; } }
新回复
页面版本: 3, 最后编辑于: 22 Jul 2024 04:23