竹爷
/* Remove Default Wikidot Styles (UPDATE REGULARLY FROM GITHUB) */ @import url("http://backrooms-wiki.wikidot.com/local--files/component:theme/nulim-norm.min.css"); /* Base BHL Theme (UPDATE REGULARLY FROM GITHUB) */ @import url("http://backrooms-wiki.wikidot.com/local--files/component:theme/nulim-bhl.min.css"); /* Fantasque Sans Mono Font */ @import url('https://fontlibrary.org/face/fantasque-sans-mono'); /* Lato Font */ @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap'); /* Collapsible Sidebar */ @import url("https://backrooms-wiki.wikidot.com/component:sidebar-theme/code/1"); /* Fancy Forums */ @import url("https://backrooms-wiki.wikidot.com/component:forum-theme/code/1"); /* Root Variables: When making a new theme, see: https://github.com/Nu-SCPTheme/Black-Highlighter/blob/master/src/css/root.css */ :root { /* S-CSS-P */ --theme-base: "black-highlighter"; --theme-id: "nuliminal"; --theme-name: "NuLiminal Theme"; /* Header */ --logo-image: url("http://backrooms-cm-codemao.wdfiles.com/local--files/start/Coderooms"); --header-title: "The Coderooms 沙盒站"; --header-subtitle: "你玩沙盒游戏吗？"; --swatch-headerh1-color: var(--white-monochrome); --swatch-headerh2-color: var(--white-monochrome); /* Typefaces */ --body-font: 'Lato', Inter, Verdana, Geneva, "Helvetica Neue", "Helvetica", sans-serif; --UI-font: 'Lato', Arial, PTRootUI, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantrell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --header-font: 'Fantasque Sans Mono', Courier New, Ubuntu Mono, Consolas, monospace; --title-font: var(--header-font); --mono-font: 'Fantasque Sans Mono', Recursive, Consolas, monaco, monospace; /* Colors */ --white-monochrome: 252, 252, 252; /* ALTERED */ --pale-gray-monochrome: 237, 233, 223; /* ALTERED */ --light-pale-gray-monochrome: 237, 233, 223; --very-light-gray-monochrome: 220, 215, 210; --light-gray-monochrome: 165, 160, 155; --gray-monochrome: 72, 69, 60; --dark-gray-monochrome: 200, 200, 255; --black-monochrome: 200, 200, 255; --pale-accent: 230, 23, 68; --bright-accent: 140, 136, 126; --medium-accent: 72, 69, 60; --dark-accent: 140, 136, 126; --alt-accent: 221, 102, 17; /* Liminal Variables */ --header-text-shadow: 0px 2px 3px rgba(0,0,0,0.8); --header-text-shadow-hover: 0px 5px 3px rgba(0,0,0,0.3); --quote-shadow: 0 2px 4px rgba(var(--black-monochrome),0.25); --footer-message: var(--header-subtitle); --swatch-sidebar-collapsible-tab-bg: var(--swatch-primary); /* MOST THEMES SHOULDN'T CHANGE THIS: makes editing consistent across themes, adds programing ligatures */ --editor-font: 'Fantasque Sans Mono', Recursive, Consolas, monaco, monospace; /* Swatches */ --swatch-secondary-color: var(--white-monochrome); --swatch-menubg-color: var(--white-monochrome); --rating-module-bg-color: var(--swatch-menubg-color); --toc-body-bg-color: var(--white-monochrome); --gradient-header: linear-gradient(to top, rgba(var(--medium-accent)) 0%, rgba(var(--medium-accent), 0.90) 100% ); --diagonal-stripes: transparent; --background-gradient-distance: 0; --scrollbar-width: 0.7rem; --swatch-background: var(--pale-gray-monochrome); --swatch-topmenu-border-color: var(--medium-accent); --sidebar-width-on-desktop: calc(var(--base-font-size) * (266 / 15)); --body-width-on-desktop: 45.75rem; } /* Overflow Fix */ :root { width: 100vw; overflow-x: hidden; } /* Dots */ /* Header Dots */ #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; } /* Content Dots */ #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; } /* container wrap bug */ #container, #container-wrap, #container-wrap-wrap { width: 100vw; } /* Header Image */ #header { background-image: none; } #header::before { content: ""; position: absolute; height: 100%; width: 100%; left: 0; top: 0; background-image: var(--logo-image); background-size: auto 16rem; background-position: center; background-repeat: no-repeat; opacity: 0.4; } /* Header Text */ #header h1 { width: 100%; } #header h1 a, #header h1 a:before { width: fit-content; transition: 0.2s; position: relative; bottom: 0; color: rgb(var(--swatch-headerh1-color)); } #header h1 a:hover:before { text-shadow: var(--header-text-shadow-hover); bottom: 3px; } #header h1, #header h1 a { position: absolute; top: 1rem; margin: 0; display: flex; justify-content: center; z-index: 0; height: 1.5rem; } #header h2, #header h2 span, #header h2 span::before { position: absolute; top: 1.85rem; margin: 0; width: 100%; display: flex; justify-content: center; font-weight: bold; } #header h2 span::before { color: rgb(var(--swatch-headerh2-color)); } #header h1 a::before, #header h2 span::before { text-shadow: var(--header-text-shadow); } /* Div Boxes */ .darkblock { color: rgb(var(--white-monochrome)); background: rgb(var(--dark-gray-monochrome)); padding: 0.01rem 1rem; margin: 0.5rem 0; box-shadow: var(--quote-shadow); } .lightblock { color: rgb(var(--black-monochrome)); background: rgb(var(--white-monochrome)); padding: 0.01rem 1rem; margin: 0.5rem 0; box-shadow: var(--quote-shadow); } /* Div Quotes */ .blockquote, [class*=blockquote], blockquote, div.blockquote { box-shadow: var(--quote-shadow); margin-top: 0.5em; margin-bottom: 0.5em; } .styled-quote { color: rgb(var(--black-monochrome)); background: rgb(var(--white-monochrome)); padding: 0.01rem 1rem; margin: 0.5rem 0; box-shadow: var(--quote-shadow); border-left: solid 6px rgb(var(--dark-gray-monochrome)); } .dark-styled-quote { color: rgb(var(--white-monochrome)); background: rgb(var(--gray-monochrome)); padding: 0.01rem 1rem; margin: 0.5rem 0; box-shadow: var(--quote-shadow); border-left: solid 6px rgb(var(--dark-gray-monochrome)); } /* Headings */ h1, h2, h3, h4, h5, h6 { margin-top: 0.5em; margin-left: 0; } /* Table of Contents */ #page-content #toc { --toc-header-bg-color: var(--gray-monochrome); --toc-body-bg-color: var(--pale-gray-monochrome); } /* Table */ #page-content table { box-shadow: var(--quote-shadow); } /* Max-Width Fix */ img, embed, video, object, iframe, table, dark#page-content div, #page-content div table { max-width: 100%; } div#footer:after { content: var(--footer-message); border-left: solid 1px; padding-left: 0.5em; height: 1.4em; display: inline-flex; align-items: center; margin-left: 0.3em; } /* Horizontal Rule Fix */ hr { clear: none; display: flex; } .bibitems .bibitem:after, .footnotes-footer a[href*=javascript]:before { right: -20%; width: 140%; } /* Tab Gap */ .yui-navset .yui-nav { background: rgb(var(--tabs-bottom-border-color)); column-gap: 4px; } .yui-navset { margin-top: 1rem; } /* Collapsible Sidebar */ /* Most of the code for the collapsible sidebar is imported. */ #main-content::after { height: 13rem; border-radius: 0 0.6rem 0.6rem 0; background-color: rgb(var(--swatch-sidebar-collapsible-tab-bg)); top: calc(50vh - 6.5rem); background-image: url("http://nuliminal-test.wikidot.com/local--files/component:theme/sidebar-arrows.svg"); } /* Page Title */ #page-title, .meta-title { margin-bottom: 0.5em; } /* printuser */ span.printuser img.small { transition: 0.5s; transition-timing-function: cubic-bezier (0,1,1,0); } span.printuser img.small:hover { transform: scale(2); transition-delay: 0.5s; } #avatar-hover-container { display: none; } /* Buttons */ div[id*=page-options-bottom]:not(.page-rate-widget-box):not(#search-top-box-form)>a.btn { padding: 3px; box-shadow: none; flex-basis: 7rem; } div[id*=page-options-bottom]>a:after { content: none; } /* Stop the unordered lists being in line with the text, this breaks SD banners! */ ul { padding-inline-start: 2.5rem; } /* Template options text fix */ form#edit-page-form #page-templates option, form#edit-post-form #page-templates option, form#new-post-form #page-templates option, form#new-thread-form #page-templates option { color: rgb(var(--swatch-menutxt-dark-color)); } /* Message on Delete/Rename/Move */ #rename-option-rename::before, #rename-option-delete::before { content: "Reminder: Backrooms Wiki users can rename/move pages they own, but use this responsibly (preferably only if there is an error with the name). Only staff are allowed to delete pages, even your own pages: ask Backrooms Wiki staff and we will help you!"; color: red; display: block; margin-top: 1rem; } /* MOBILE */ #page-content { max-width: var(--body-width-on-desktop); } @media only screen and (max-width: 56.25rem) { #page-content { max-width: var(--body-width-on-mobile); } } .scp-image-caption { width: unset !important; } /* Fix Images */ .image-container.floatright { float: right; margin-left: 0.7em; } /* Fix Modals */ #odialog-container .content > h1 ~ table, #odialog-container .modal-body > h1 ~ table { grid-auto-rows: auto; } /* Editor Font */ #edit-page-textarea { font-family: var(--editor-font); }