AnimeVtec
:root { --theme-base: "black-highlighter"; --theme-id: "White Database"; --theme-name: "White Database Theme"; --base-font-size: 0.9rem; --logo-image: url("http://tartar0s.wikidot.com/local--files/theme:dark-database/logo.png"); --header-title: "The Backrooms"; --header-subtitle: "你曾经来过这里"; --body-font: "VonwaonBitmap 12px"; --header-font: "VonwaonBitmap 12px"; --title-font: "VonwaonBitmap 12px"; --mono-font: "VonwaonBitmap 12px"; --text: 0,0,0; --link: 50,50,50; --back: 235, 235, 235; --white-monochrome: var(--back); --pale-gray-monochrome: var(--back); --light-gray-monochrome: var(--text); --gray-monochrome: var(--back); --dark-gray-monochrome: var(--text); --black-monochrome: var(--text); --pale-accent: var(--link); --bright-accent: var(--link); --medium-accent: var(--back); --dark-accent: var(--back); --link-color: var(--link); --visited-link-color: var(--link); --hover-link-color: var(--link); --newpage-color: var(--link); /* --alt-accent: 255, 0, 255; */ --swatch-text-light: var(--text); --rating-module-button-plus-color: var(--text); --rating-module-button-negative-color: var(--text); --rating-module-button-cancel-color: var(--text); --rating-module-button-credit-color: var(--text); --border-styling: solid 0.15rem rgb(var(--swatch-border-color)); --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); --gradient-topmenu: linear-gradient( to bottom, hsla(0, 0%, 100%, 0) 0%, hsla(0, 0%, 100%, 0) var(--header-height-on-desktop), rgba(var(--swatch-topmenu-border-color), 1) var(--header-height-on-desktop), rgba(var(--swatch-topmenu-border-color), 1) calc(var(--header-height-on-desktop) + 0.15rem), rgba(var(--swatch-topmenu-bg-color), 1) calc(var(--header-height-on-desktop) + 0.15rem), rgba(var(--swatch-topmenu-bg-color), 0.95) calc(100% - 0.15rem), rgba(var(--swatch-topmenu-bg-color), 1) calc(100% - 0.15rem), rgba(var(--swatch-topmenu-border-color), 1) calc(100% - 0.15rem), rgba(var(--swatch-topmenu-border-color), 1) 100% ); } html { line-height: 1.175; } body { font-size: 1.1em; } #page-content,#page-title{ letter-spacing: 0.15rem; } #page-content a{ background-color:rgb(0,0,0); color: rgb(255,255,255); } #page-content a:hover{ background-color:rgb(235,235,235); color: rgb(0,0,0); } #page-content .page-rate-widget-box a{ background: rgb(235,235,235); color: rgb(0,0,0); } #page-content .page-rate-widget-box a:hover{ background: rgb(0,0,0); color: rgb(0,0,0); border: none; box-shadow: none; } #skrollr-body { background-image: radial-gradient(circle, rgb(var(--medium-accent)) 50%, transparent 0); background-repeat: repeat; background-size: 0.25em 0.25em; width: 100%; height: 7.5rem; } #side-bar .side-block div a img { filter: grayscale(100%); } #container { background-image: radial-gradient(circle, rgb(var(--medium-accent), 0.05) 50%, transparent 0); background-size: 0.25em 0.25em; background-repeat: repeat; background-attachment: fixed; } div#page-options-bottom-2 > a, div#page-options-bottom > a { border-radius: 0em; -moz-border-radius: 0em; border: none; transition: none; } 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 { border: none; } #header, #top-bar { background-attachment: scroll; } #header { background-image: none; } #header::before { content: ""; position: absolute; height: 100%; width: 100%; left: 0; top: -0.3rem; background-image: var(--logo-image); filter: brightness(0%) invert(0%); background-size: auto 16rem; background-position: center; background-repeat: no-repeat; opacity: 0.4; } #header h1, #header h1 a { position: absolute; top: 1rem; margin: 0; width: 100%; display: flex; justify-content: center; z-index: 0; } #header h2, #header h2 span, #header h2 span::before { position: absolute; top: 2rem; margin: 0; width: 100%; display: flex; justify-content: center; } #header h1 a::before, #header h2 span::before { text-shadow: none; } #header h1:before, #header h2:before { content: ""; } a.newpage { background: transparent; text-decoration: none } a.newpage { color: rgb(var(--newpage-color)) } #account-topbutton { border: var(--border-styling); } #search-top-box-form input[type="submit"]:hover { background: rgb(var(--text)); color: rgb(var(--back)); } #account-options { background-color: rgb(var(--back)); border: var(--border-styling); } #account-options>ul>li a:hover { color: rgb(var(--text)); } #search-top-box input.empty:hover { color: rgb(var(--back)); } #top-bar>ul>li a { color: rgb(var(--text)); } #page-title { color: rgb(var(--link)); } #page-title:before { content: "> "; } #top-bar div.mobile-top-bar>ul>li a, #top-bar div.top-bar>ul>li a{ color: rgb(var(--text)); } #top-bar div.mobile-top-bar>ul>li a:hover, #top-bar div.top-bar>ul>li a:hover{ color: rgb(var(--back)); } #top-bar div.mobile-top-bar>ul>li>ul>li, #top-bar div.top-bar>ul>li>ul>li { background-color: rgb(var(--back)); } #top-bar div.mobile-top-bar>ul>li>ul>li a, #top-bar div.top-bar>ul>li>ul>li a { color: rgb(var(--text)); } #top-bar div.mobile-top-bar>ul>li>ul>li:hover, #top-bar div.top-bar>ul>li>ul>li:hover { background-color: rgb(var(--text)); } #top-bar div.mobile-top-bar>ul>li>ul>li a:hover, #top-bar div.top-bar>ul>li>ul>li a:hover { color: rgb(var(--back)); } h1, h2, h3, h4, h5, h6 { color: rgb(var(--link)); } h1:before, h2:before, h3:before, h4:before, h5:before, h6:before { content: "> " } .styled-quote { background-color:rgb(235,235,235); border: var(--border-styling); border-left: 0.5rem solid rgba(0,0,0); padding: 0.1rem 1rem; margin: 0.5rem 0 0.5rem 0rem; box-shadow: none; } #page-title, .meta-title { border-bottom: var(--border-styling); } .page-rate-widget-box { border: var(--border-styling); background: rgb(var(--back)); } .scp-image-block .scp-image-caption { border: var(--border-styling); } .scp-image-block { border: var(--border-styling); } hr { color: transparent; background-color: transparent; border: 0; border-bottom: var(--border-styling); } blockquote,.blockquote { border: var(--border-styling); box-shadow: none; } .collapsible-block-link:before { content: "> " } .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a { border: var(--border-styling)!important; background-color: rgb(235,235,235)!important; color: rgb(0,0,0)!important; } .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus { background-color: rgb(var(--text))!important; color: rgb(var(--back))!important; } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover { background-color: rgb(var(--text))!important; } .yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content { border: var(--border-styling)!important; } table.wiki-content-table th, table.wiki-content-table td { border: var(--border-styling) !important; } .footnotes-footer { color: black !important; background-color: rgb(235,235,235) !important; padding: 3ch; border: 0; margin: 1rem 0; position: relative; display: block; box-shadow:inset 0 0 0 1ch rgb(235,235,235),inset 0 0 0 1.5ch #000000; line-height: 20px; } .footnotes-footer .title{ display: none !important; } .footnotes-footer:before { content: "FOOTNOTES"; letter-spacing: 0!important; position: absolute; left: 15%; -webkit-transform: translateX(-50%) translateY(-3ch); transform: translateX(-50%) translateY(-3ch); background-color: #000; color: #FFFFFF; padding: 0 0.75rem; } .document-block{ color: black !important; background-color: rgb(235,235,235) !important; padding: 3ch; border: 0; margin: 1rem 0; position: relative; display: block; box-shadow:inset 0 0 0 1ch rgb(235,235,235),inset 0 0 0 1.5ch #000000; line-height: 16px; } .document-block:before { content: "DOCUMENT"; letter-spacing: 0!important; position: absolute; left: 15%; -webkit-transform: translateX(-50%) translateY(-3ch); transform: translateX(-50%) translateY(-3ch); background-color: #000; color: #FFFFFF; padding: 0 0.75rem; } .code { color: black !important; background-color: rgb(235,235,235) !important; padding: 3ch; border: 0; margin: 1rem 0; position: relative; display: block; box-shadow:inset 0 0 0 1ch rgb(235,235,235),inset 0 0 0 1.5ch #000000; line-height: 16px; } .code:before { content: "CODE"; letter-spacing: 0!important; position: absolute; left: 15%; -webkit-transform: translateX(-50%) translateY(-3ch); transform: translateX(-50%) translateY(-3ch); background-color: #000; color: #FFFFFF; padding: 0 0.75rem; } @media only screen and (max-width: 510px) { .footnotes-footer { color: black !important; background-color: rgb(235,235,235) !important; padding: 3ch; border: 0; margin: 1rem 0; position: relative; display: block; box-shadow:inset 0 0 0 1ch rgb(235,235,235),inset 0 0 0 1.5ch #000000; line-height: 16px; } .footnotes-footer .title{ display: none !important; } .footnotes-footer:before { content: "FOOTNOTES"; letter-spacing: 0!important; position: absolute; left: 50%; -webkit-transform: translateX(-50%) translateY(-3ch); transform: translateX(-50%) translateY(-3ch); background-color: #000; color: #FFFFFF; padding: 0 0.75rem; } .document-block { color: black !important; background-color: rgb(235,235,235) !important; padding: 3ch; border: 0; margin: 1rem 0; position: relative; display: block; box-shadow:inset 0 0 0 1ch rgb(235,235,235),inset 0 0 0 1.5ch #000000; line-height: 16px; } .document-block:before { content: "DOCUMENT"; letter-spacing: 0!important; position: absolute; left: 50%; -webkit-transform: translateX(-50%) translateY(-3ch); transform: translateX(-50%) translateY(-3ch); background-color: #000; color: #FFFFFF; padding: 0 0.75rem; } .code { color: black !important; background-color: rgb(235,235,235) !important; padding: 3ch; border: 0; margin: 1rem 0; position: relative; display: block; box-shadow:inset 0 0 0 1ch rgb(235,235,235),inset 0 0 0 1.5ch #000000; line-height: 16px; } .code:before { content: "CODE"; letter-spacing: 0!important; position: absolute; left: 50%; -webkit-transform: translateX(-50%) translateY(-3ch); transform: translateX(-50%) translateY(-3ch); background-color: #000; color: #FFFFFF; padding: 0 0.75rem; } #header::before { content: ""; position: absolute; height: 100%; width: 100%; left: 0; top: 0; background-image: var(--logo-image); filter: brightness(0%) invert(0%); background-size: auto 16rem; background-position: center; background-repeat: no-repeat; opacity: 0.4; } } div#page-options-bottom-2 > a, div#page-options-bottom > a { border: var(--border-styling) !important; background-color: rgb(var(--back)); color: rgb(var(--text)); margin: 0; border-collapse: collapse; box-sizing: content-box; } #side-bar .heading p { color: rgb(var(--text)); } #side-bar:hover { border: var(--border-styling); } div.menu-item a:hover { background-color: rgb(var(--text)) !important; color: rgb(var(--back)) !important; } #side-bar div.menu-item a:before, #side-bar div.menu-item a:hover:before { background-color: transparent; } #side-bar .side-block>.collapsible-block .collapsible-block-link { color: rgb(var(--text)); } #side-bar .side-block>.collapsible-block .collapsible-block-link:hover { color: rgb(var(--back)); background-color: rgb(var(--taxt)) !important; } .owindow .button-bar a, a.button, button, div.buttons input, file, input.button { color: rgb(var(--text)); } .printuser img.small { display: none; } ::-webkit-scrollbar-thumb, #side-bar:hover::-webkit-scrollbar-thumb { background-color: rgb(var(--text)) !important; } ::-webkit-scrollbar-track, #side-bar:hover::-webkit-scrollbar-track { background: rgb(var(--back)) !important; } .owindow .button-bar a, a.button, button, div.buttons input, file, input.button { transition: none; } #top-bar div.mobile-top-bar>ul>li, #top-bar div.top-bar>ul>li { transition: none; } #top-bar div.mobile-top-bar>ul>li>a:after, #top-bar div.mobile-top-bar>ul>li>a:before, #top-bar div.top-bar>ul>li>a:after, #top-bar div.top-bar>ul>li>a:before, #top-bar>ul>li { transition: none; } #top-bar>ul>li>:after, #top-bar>ul>li>:before { display: none; } #top-bar li ul { transition: none; } .yui-navset * { transition: none; } #side-bar { background-color: rgb(var(--back)); } #main-content::before { display: none; } .top-box .header-diamond .diamond-image { filter: brightness(0%) invert(0%); } .top-box .bottom-text p, .top-box .bottom-text:after, .top-box .top-text p { color: rgb(var(--text)) !important; } .top-box, .diamond-color { background: rgb(var(--back)) !important; } .top-box { border: var(--border-styling) !important; } .top-box .top-text p { font: 2.3rem "VonwaonBitmap 12px" !important; } .top-box .bottom-text p, .top-box .bottom-text:after { font: 1.9rem "VonwaonBitmap 12px" !important; } .top-box .gradient-box, .top-box:before { background: none !important; } .header-diamond { background-image: none !important; } .header-diamond .diamond-pattern, .diamond-color { background: rgb(var(--back)) !important; border: var(--border-styling) !important; mask: none !important; -webkit-mask: none !important; transform: rotate(45deg) translate(4.1rem, -0.46rem); width: 10rem !important; height: 10rem !important; } .bottom-box ul li { font: 1.9rem "VonwaonBitmap 12px" !important; color: rgb(var(--text)) !important; line-height: 1rem !important; } .bottom-box ul li:before { background: rgb(var(--back)) !important; height: 0.75rem !important; width: 0.75rem !important; border: var(--border-styling); } .top-box.class-unknown .header-diamond { filter: none !important; } .top-box.class-0 .header-diamond .diamond-image { background: url("http://backrooms-sandbox-2.wdfiles.com/local--files/theme%3Adatabase/class-0.png") center/70% no-repeat !important; } .top-box.class-1 .header-diamond .diamond-image { background: url("http://backrooms-sandbox-2.wdfiles.com/local--files/theme%3Adatabase/class-1.png") center/70% no-repeat !important; } .top-box.class-2 .header-diamond .diamond-image { background: url("http://backrooms-sandbox-2.wdfiles.com/local--files/theme%3Adatabase/class-2.png") center/70% no-repeat !important; } .top-box.class-3 .header-diamond .diamond-image { background: url("http://backrooms-sandbox-2.wdfiles.com/local--files/theme%3Adatabase/class-3.png") center/70% no-repeat !important; } .top-box.class-4 .header-diamond .diamond-image { background: url("http://backrooms-sandbox-2.wdfiles.com/local--files/theme%3Adatabase/class-4.png") center/70% no-repeat !important; } .top-box.class-5 .header-diamond .diamond-image { background: url("http://backrooms-sandbox-2.wdfiles.com/local--files/theme%3Adatabase/class-5.png") center/70% no-repeat !important; } .top-box.class-unknown .header-diamond .diamond-image, .top-box.class-pending .header-diamond .diamond-image { background: url("http://backrooms-sandbox-2.wdfiles.com/local--files/theme%3Adatabase/class-unknown.png") center/70% no-repeat !important; } @media only screen and (max-width: 440px) { .top-box .top-text p { font: 2.3rem "VonwaonBitmap 12px" !important; } .bottom-box ul li { line-height: 1.5rem !important; } } .top-box .bg { display: none; } .top-box .header-diamond .diamond-image { -webkit-mask: none !important; mask: none !important; }
这里是animevtec的个人页面