讨论版
:root{ --logo-image: none; --header-title: "THE BACKROOMS"; --header-subtitle: "你曾经来过这里。"; --gray-monochrome: 46,33,30; --medium-accent: 46,30,30; --body-font: "VonwaonBitmap 12px"; --header-font: "VonwaonBitmap 12px"; --title-font: "VonwaonBitmap 12px"; --mono-font: Recursive, Noto Serif SC, Noto Serif TC, Consolas, monaco, monospace; --white-monochrome: 36,23,20; --swatch-text-dark: 235,235,235; --swatch-text-light: var(--swatch-text-dark); --swatch-menutxt-dark-color: var(--swatch-text-dark); --link-color: 23,205,7; --hover-link-color: 33,131,6; --visited-link-color: 173,255,47; --newpage-color: 81,131,38; --dark-accent: 33,131,6; } #page-title{ border-bottom: .0625rem solid #C6C6C6; } #side-bar .side-block.media, #side-bar div[style*="#e5e5ff"] { background-color: #C6C6C6 !important; } ins { color:#000; } del { color:#000; } #toc{ background-color: #218306; color: #fff; border: 2.5px solid #fff; box-shadow: none; } #toc a{ color: #fff; } .tags{ color:#fff; } .credit{ color:#000; } .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a { background-color:#C6C6C6; color: #000; } .yui-navset .yui-nav a:hover, .yui-navset .yui-navset-top .yui-nav a:hover { background-color:rgb(33,131,6); color: #fff; } .yui-navset .yui-nav .selected a, .yui-navset .yui-navset-top .yui-nav .selected a { background-color:rgb(23,205,7); color: #fff; } .yui-navset .yui-nav .selected a:hover, .yui-navset .yui-navset-top .yui-nav .selected a:hover { background-color:rgb(23,205,7); color: #fff; } .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-navset-top .yui-nav .selected a:focus { background-color:rgb(23,205,7); color: #fff; } .code{ background-color: #218306; color: #fff; border: 2.5px solid #fff; box-shadow: none; } .code a:hover,.code a:active{ color:rgb(var(--link-color)); } blockquote{ background-color: #218306; color: #fff; border: 2.5px solid #fff; box-shadow: none; } table.wiki-content-table th a,.grassblock a,blockquote a,div.blockquote a{ color:rgb(var(--link-color)); } table.wiki-content-table th a:focus-within,.grassblock a:focus-within,blockquote a:focus-within ,div.blockquote a:focus-within ,.code a:focus-within ,.styled-quote a:focus-within{ color:#00FF00; } table.wiki-content-table th a:hover,.grassblock a:hover,blockquote a:hover ,div.blockquote a:hover ,.code a:hover ,.styled-quote a:hover{ color:#00FF00; } table.wiki-content-table th a:visited,.grassblock a:visited,blockquote a:visited ,div.blockquote a:visited ,.code a:visited ,.styled-quote a:visited{ color:#32CD32; } table.wiki-content-table th a.newpage,.grassblock a.newpage,blockquote a.newpage ,div.blockquote a.newpage ,.code a.newpage ,.styled-quote a.newpage{ color:#FFFF00; } div.blockquote{ background-color: #218306; color: #fff; border: 2.5px solid #fff; box-shadow: none; } div.blockquote a:hover,div.blockquote a:focus-within,div.blockquote a:visited,div.blockquote a:newpage{ color:rgb(var(--link-color)); } .open-menu { color: #4C4C4C; background-color: #C6C6C6; transition: none; border: 2.5px solid #000; box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.60); } .open-menu:active, .open-menu:hover, .open-menu > a:active, .open-menu > a:hover { background-color: #218306; color: #fff; transition: none; border: 2.5px solid #fff; box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.75); } #side-bar .side-block .heading p { color: white; background-color: #333; border: 2.5px solid #000; } #side-bar .side-block .menu-item p a { color: #4C4C4C; background-color: #C6C6C6; transition: none; border: 2.5px solid #000; box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.60); } #side-bar .side-block .menu-item p a:active, #side-bar .side-block .menu-item p a:hover, #side-bar .side-block .menu-item > a:active, #side-bar .side-block .menu-item > a:hover { background-color: #218306; color: #fff; transition: none; border: 2.5px solid #fff; box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.75); } #page-content,#page-title{ letter-spacing: 0.15rem; } #header h1{ -webkit-transform:perspective(0.5em) rotateX(1deg); position: absolute; top: 1rem; margin: 0; width: 100%; display: flex; justify-content: center; } #header h1 a{ font-size: 5rem; } #header h1 a:before{ color:#CDC2BD; text-shadow: 0 -6px 0px #000, /*上*/ 4px -4px 0px #000, /*右上*/ 6px 0 0px #000, /*右*/ 4px 4px 0px #000, /*右下*/ 0 6px 0px #000, /*下*/ -4px 4px 0px #000, /*左下*/ -6px 0 0px #000, /*左*/ -4px -4px 0px #000000; /*左上*/ } #header h2, #header h2 span, #header h2 span::before { position: absolute; left: 10%; top: 2rem; margin: 0; width: 100%; display: flex; justify-content: center; font-size: 1.5rem; transform: rotate(-7deg); } #header h2 span::before { color:#FFFF00; text-shadow: 3.5px 3.5px 0px #404000; animation:header 0.5s ease-out infinite; } @keyframes header { 0% { font-size: 1.5rem; } 50% { font-size: 1.2rem; } 100% { font-size: 1.5rem; } } @media (max-width: 905px) { #header h1 a{ font-size: 3rem; } #header h2, #header h2 span, #header h2 span::before { left: 6%; top: 1.6rem; font-size: 1.0rem; } @keyframes header { 0% { font-size: 1.0rem; } 50% { font-size: 0.82rem; } 100% { font-size: 1.0rem; } } } @media (max-width: 600px) { #header h1 a{ font-size: 2.5rem; } #header h2, #header h2 span, #header h2 span::before { left: 9%; top: 1.6rem; font-size: 1.0rem; } @keyframes header { 0% { font-size: 1.0rem; } 50% { font-size: 0.82rem; } 100% { font-size: 1.0rem; } } } #skrollr-body { background-color: #176948; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%232b851a' fill-opacity='1'%3E%3Cpath fill-rule='evenodd' d='M0 0h40v40H0V0zm40 40h40v40H40V40zm0-40h2l-2 2V0zm0 4l4-4h2l-6 6V4zm0 4l8-8h2L40 10V8zm0 4L52 0h2L40 14v-2zm0 4L56 0h2L40 18v-2zm0 4L60 0h2L40 22v-2zm0 4L64 0h2L40 26v-2zm0 4L68 0h2L40 30v-2zm0 4L72 0h2L40 34v-2zm0 4L76 0h2L40 38v-2zm0 4L80 0v2L42 40h-2zm4 0L80 4v2L46 40h-2zm4 0L80 8v2L50 40h-2zm4 0l28-28v2L54 40h-2zm4 0l24-24v2L58 40h-2zm4 0l20-20v2L62 40h-2zm4 0l16-16v2L66 40h-2zm4 0l12-12v2L70 40h-2zm4 0l8-8v2l-6 6h-2zm4 0l4-4v2l-2 2h-2z'/%3E%3C/g%3E%3C/svg%3E"); position: absolute; background-size: auto 3rem; } #header #top-bar div.top-bar > ul > li > a, #header #top-bar div.mobile-top-bar > ul > li > a { color: #4C4C4C; background-color: #C6C6C6; transition: none; border: 2.5px solid #000; box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.60); } #container { background-image: radial-gradient(circle, transparent 50%, transparent 0); background-size: 0.25em 0.25em; background-repeat: repeat; background-attachment: fixed; overflow: hidden; } #header #top-bar div.top-bar > ul > li:hover > a, #header #top-bar div.mobile-top-bar > ul > li:hover > a { background-color: #218306; color: #fff; transition: none; border: 2.5px solid #fff; box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.75); } #header #top-bar div.top-bar > ul > li > ul > li:hover > a, #header #top-bar div.mobile-top-bar > ul > li > ul > li:hover > a { background-color: #218306; color: #fff; transition: none; border: 2.5px solid #fff; box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.75); } #header #top-bar div.top-bar > ul > li > ul > li > a, #header #top-bar div.mobile-top-bar > ul > li > ul > li > a { color: #4C4C4C; background-color: #C6C6C6; transition: none; border: 2.5px solid #000; box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.60); } div#page-options-bottom-2 > a, div#page-options-bottom > a { color: #4C4C4C; background-color: #C6C6C6; padding: 0.8rem 0.5rem; margin: 0.5rem 0.2rem; transition: none; border: 2.5px solid #000; box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.60); } div#page-options-bottom-2 > a:active, div#page-options-bottom-2 > a:hover, div#page-options-bottom > a:active, div#page-options-bottom > a:hover { background-color: #218306; color: #fff; transition: none; border: 2.5px solid #fff; box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.75); } .scp-image-block .scp-image-caption{ background-color: #218306; } .styled-quote { background-color: #218306; border-left: 0.5rem solid rgba(var(--gray-monochrome)); padding: 0.1rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: none; } .dark-styled-quote { background-color: rgb(var(--gray-monochrome)); border-left: 0.5rem solid #218306; color: #fff; padding: 0.1rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: none; } .dark-styled-quote a { color: rgb(var(--swatch-menubg-medium-color)); } .lightblock { background-color: #C6C6C6; color: #000; padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.60); } .darkblock { background-color: #333; color: #fff; padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.60); } .darkblock a { color: rgb(var(--link-color)); } .waterblock { background-color: #2E6BE5; color: #fff; padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.60); } .waterblock a { color: #333; } .yellowblock { background-color: #DAA520; color: #fff; padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.60); } .yellowblock a { color: #333; } .lavablock { background-color: #c57334; background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10h10v10H0V10zM10 0h10v10H10V0z' fill='%23d5d637' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E"); color: #fff; padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.60); } .grassblock { background-color: #176948; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%232b851a' fill-opacity='1'%3E%3Cpath fill-rule='evenodd' d='M0 0h40v40H0V0zm40 40h40v40H40V40zm0-40h2l-2 2V0zm0 4l4-4h2l-6 6V4zm0 4l8-8h2L40 10V8zm0 4L52 0h2L40 14v-2zm0 4L56 0h2L40 18v-2zm0 4L60 0h2L40 22v-2zm0 4L64 0h2L40 26v-2zm0 4L68 0h2L40 30v-2zm0 4L72 0h2L40 34v-2zm0 4L76 0h2L40 38v-2zm0 4L80 0v2L42 40h-2zm4 0L80 4v2L46 40h-2zm4 0L80 8v2L50 40h-2zm4 0l28-28v2L54 40h-2zm4 0l24-24v2L58 40h-2zm4 0l20-20v2L62 40h-2zm4 0l16-16v2L66 40h-2zm4 0l12-12v2L70 40h-2zm4 0l8-8v2l-6 6h-2zm4 0l4-4v2l-2 2h-2z'/%3E%3C/g%3E%3C/svg%3E"); color: #fff; padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.60); } .dirtblock { background-color: #3e312e; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%23342724' fill-opacity='1'%3E%3Cpath fill-rule='evenodd' d='M0 0h40v40H0V0zm40 40h40v40H40V40zm0-40h2l-2 2V0zm0 4l4-4h2l-6 6V4zm0 4l8-8h2L40 10V8zm0 4L52 0h2L40 14v-2zm0 4L56 0h2L40 18v-2zm0 4L60 0h2L40 22v-2zm0 4L64 0h2L40 26v-2zm0 4L68 0h2L40 30v-2zm0 4L72 0h2L40 34v-2zm0 4L76 0h2L40 38v-2zm0 4L80 0v2L42 40h-2zm4 0L80 4v2L46 40h-2zm4 0L80 8v2L50 40h-2zm4 0l28-28v2L54 40h-2zm4 0l24-24v2L58 40h-2zm4 0l20-20v2L62 40h-2zm4 0l16-16v2L66 40h-2zm4 0l12-12v2L70 40h-2zm4 0l8-8v2l-6 6h-2zm4 0l4-4v2l-2 2h-2z'/%3E%3C/g%3E%3C/svg%3E"); color: #fff; padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.60); } table.wiki-content-table { box-shadow: none; border: 1px solid #fff; } #page-content table.wiki-content-table tbody tr th { background-color: #176948; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%232b851a' fill-opacity='1'%3E%3Cpath fill-rule='evenodd' d='M0 0h40v40H0V0zm40 40h40v40H40V40zm0-40h2l-2 2V0zm0 4l4-4h2l-6 6V4zm0 4l8-8h2L40 10V8zm0 4L52 0h2L40 14v-2zm0 4L56 0h2L40 18v-2zm0 4L60 0h2L40 22v-2zm0 4L64 0h2L40 26v-2zm0 4L68 0h2L40 30v-2zm0 4L72 0h2L40 34v-2zm0 4L76 0h2L40 38v-2zm0 4L80 0v2L42 40h-2zm4 0L80 4v2L46 40h-2zm4 0L80 8v2L50 40h-2zm4 0l28-28v2L54 40h-2zm4 0l24-24v2L58 40h-2zm4 0l20-20v2L62 40h-2zm4 0l16-16v2L66 40h-2zm4 0l12-12v2L70 40h-2zm4 0l8-8v2l-6 6h-2zm4 0l4-4v2l-2 2h-2z'/%3E%3C/g%3E%3C/svg%3E"); border: 1px solid #fff!important; color: #fff; } table.wiki-content-table tr td { background-color: #3e312e; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%23342724' fill-opacity='1'%3E%3Cpath fill-rule='evenodd' d='M0 0h40v40H0V0zm40 40h40v40H40V40zm0-40h2l-2 2V0zm0 4l4-4h2l-6 6V4zm0 4l8-8h2L40 10V8zm0 4L52 0h2L40 14v-2zm0 4L56 0h2L40 18v-2zm0 4L60 0h2L40 22v-2zm0 4L64 0h2L40 26v-2zm0 4L68 0h2L40 30v-2zm0 4L72 0h2L40 34v-2zm0 4L76 0h2L40 38v-2zm0 4L80 0v2L42 40h-2zm4 0L80 4v2L46 40h-2zm4 0L80 8v2L50 40h-2zm4 0l28-28v2L54 40h-2zm4 0l24-24v2L58 40h-2zm4 0l20-20v2L62 40h-2zm4 0l16-16v2L66 40h-2zm4 0l12-12v2L70 40h-2zm4 0l8-8v2l-6 6h-2zm4 0l4-4v2l-2 2h-2z'/%3E%3C/g%3E%3C/svg%3E"); border: 1px solid #fff; color: #fff; } .sd-container .bottom-box ul li { color: rgb(255,255,255); font-family:var(--body-font); } .sd-container .bottom-box ul li:before { background: rgb(255,255,255); transform: none; } .sd-container .top-box .gradient-box .top-text p span{ color: #fff; font-family:var(--body-font); } .sd-container .top-box .gradient-box .bottom-text:after, .sd-container .top-box .gradient-box .bottom-text p, .sd-container .top-box .gradient-box .bottom-text p span{ color: #fff; font-family:var(--body-font); } .sd-container .top-box:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%23342724' fill-opacity='1'%3E%3Cpath fill-rule='evenodd' d='M0 0h40v40H0V0zm40 40h40v40H40V40zm0-40h2l-2 2V0zm0 4l4-4h2l-6 6V4zm0 4l8-8h2L40 10V8zm0 4L52 0h2L40 14v-2zm0 4L56 0h2L40 18v-2zm0 4L60 0h2L40 22v-2zm0 4L64 0h2L40 26v-2zm0 4L68 0h2L40 30v-2zm0 4L72 0h2L40 34v-2zm0 4L76 0h2L40 38v-2zm0 4L80 0v2L42 40h-2zm4 0L80 4v2L46 40h-2zm4 0L80 8v2L50 40h-2zm4 0l28-28v2L54 40h-2zm4 0l24-24v2L58 40h-2zm4 0l20-20v2L62 40h-2zm4 0l16-16v2L66 40h-2zm4 0l12-12v2L70 40h-2zm4 0l8-8v2l-6 6h-2zm4 0l4-4v2l-2 2h-2z'/%3E%3C/g%3E%3C/svg%3E"); } .sd-container .top-box .header-diamond .diamond-pattern { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%23342724' fill-opacity='1'%3E%3Cpath fill-rule='evenodd' d='M0 0h40v40H0V0zm40 40h40v40H40V40zm0-40h2l-2 2V0zm0 4l4-4h2l-6 6V4zm0 4l8-8h2L40 10V8zm0 4L52 0h2L40 14v-2zm0 4L56 0h2L40 18v-2zm0 4L60 0h2L40 22v-2zm0 4L64 0h2L40 26v-2zm0 4L68 0h2L40 30v-2zm0 4L72 0h2L40 34v-2zm0 4L76 0h2L40 38v-2zm0 4L80 0v2L42 40h-2zm4 0L80 4v2L46 40h-2zm4 0L80 8v2L50 40h-2zm4 0l28-28v2L54 40h-2zm4 0l24-24v2L58 40h-2zm4 0l20-20v2L62 40h-2zm4 0l16-16v2L66 40h-2zm4 0l12-12v2L70 40h-2zm4 0l8-8v2l-6 6h-2zm4 0l4-4v2l-2 2h-2z'/%3E%3C/g%3E%3C/svg%3E"); }
