原创设定列表
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=PT+Mono&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); :root { /* Basic Colors */ --background-color: 248, 248, 248; --text-color: 30, 30, 30; /* Deco Colors */ --light-color-1: var(--background-color); --light-color-2: 235, 235, 235; --dark-color-1: 180, 180, 180; --dark-color-2: 90, 90, 90; --dark-color-3: var(--text-color); --dark-color-4: var(--text-color); /* Special Colors */ --warning-color: 193, 44, 50; --accept-color: 20, 169, 32; --neutral-color: 193, 147, 44; --warning-text-color: var(--light-color-2); --accept-text-color: var(--warning-text-color); --neutral-text-color: var(--warning-text-color); /* Link Colors */ --link-color: 68, 123, 230; --hover-link-color: 24, 80, 187; --visited-link-color: 23, 24, 120; --newpage-color: 68, 23, 230; /* Select Colors */ --selected-background-color: 67, 98, 197; --selected-text-color: 253, 253, 253; /* Scrollbar Colors */ --scrollbar-color: var(--dark-color-1), 0.75; --scrollbar-background-color: var(--dark-color-1), 0.15; /* Note Colors */ --note-background-color: var(--light-color-1); /* General Buttons */ --general-button-background-color: var(--general-dark-background-color); --general-hover-button-background-color: var(--general-medium-background-color); /* Header Colors */ --header-background-bottom: var(--background-color), 0; --header-background-top: var(--dark-color-1), 0.3; --header-extra-background-image: none; --header-text-color: var(--general-dark-text-color); /* Topbar Colors */ --topbar-background-color: var(--dark-color-4); --topbar-hover-background-color: var(--dark-color-2); --topbar-drop-text-color: var(--text-color); --topbar-drop-background-color: var(--background-color), 0.75; --topbar-drop-hover-background-color: var(--general-dark-background-color); /* User Account Colors */ --header-username-color: var(--general-dark-text-color); --account-button-text-color: var(--general-dark-text-color); --account-button-hover-text-color: var(--general-medium-text-color); --account-button-background-color: var(--general-dark-background-color); --account-button-hover-background-color: var(--general-medium-background-color); /* Page Title Colors */ --page-title-text-color: var(--general-dark-text-color); /* Page Tag Colors */ --page-tag-border-color: var(--general-dark-background-color); /* Footer Colors */ --footer-background-color: var(--general-dark-background-color); /* Sidebar Colors */ --sidebar-background-color: var(--light-color-1); --sidebar-media-background-color: var(--background-color); --sidebar-title-background-color: var(--general-dark-background-color); --sidebar-hover-text-color: var(--general-dark-text-color); --sidebar-hover-background-color: var(--general-medium-background-color); /* Action Colors */ --action-area-info-background-color: var(--general-dark-background-color); /* Edit Area Colors */ --edit-area-textarea-background-color: var(--background-color); /* Rating Module Colors */ --rating-rateup-color: var(--dark-color-3); --rating-ratedown-color: var(--dark-color-3); --rating-cancel-color: var(--dark-color-3); /* Popups Colors */ --popup-background-color: var(--background-color); /* The 4 */ --dark-styled-quote-border-color: var(--dark-color-2); /* Header Vs */ --main-header-height: 12rem; --main-header-height-on-mobile: 12rem; --header-title: "THE BACKROOMS"; --header-title-font-size: 2.65rem; --header-title-font-size-on-mobile: 2rem; --header-subtitle: "真理隐于几何之间"; --header-subtitle-font-size: 1rem; --header-subtitle-font-size-on-mobile: 1rem; /* Topbar Vs */ --topbar-height: 2.5rem; --topbar-height-on-mobile: 2.5rem; --topbar-font-size-on-mobile: 0.8rem; /* Font Set */ --body-font: "Montserrat", sans-serif; --header-font: "Raleway", sans-serif; --title-font: var(--header-font); --mono-font: "PT Mono", monospace; } html { background: unset; } body { background: linear-gradient(to bottom, rgba(var(--dark-color-1), .4), rgba(var(--background-color)) 40rem); } #extra-div-1 { position: absolute; width: 100%; height: 10rem; top: 1rem; left: 0; background: linear-gradient(-5deg, rgb(var(--dark-color-3)), rgba(var(--dark-color-2)) 150%); clip-path: polygon(0 0, 100% 8rem, 100% 100%, 0 2rem); z-index: -1; } #extra-div-2 { position: absolute; width: 100%; height: 6rem; top: -3rem; left: 0; background: linear-gradient(120deg, rgb(var(--dark-color-3)) 20%, rgba(var(--dark-color-1)) 200%); clip-path: polygon(100% 0, 0 calc(100% - 2rem), 0 100%, 100% 2rem); z-index: -4; } #extra-div-3 { position: absolute; width: 100%; height: 25rem; top: -16rem; left: 0; background: linear-gradient(-85deg, rgb(var(--dark-color-3)), rgba(var(--dark-color-2)) 80%); clip-path: polygon(0 calc(100% - 2rem), 100% 0, 100% 2rem, 0 100%); z-index: -3; } #extra-div-4 { --gap: 17vh; position: absolute; background-image: repeating-linear-gradient(-15deg, rgba(var(--light-color-1), 0) 0, rgba(var(--light-color-1), 0) var(--gap), rgba(var(--dark-color-1)) var(--gap), rgba(var(--dark-color-1)) calc(var(--gap) + 3px)); width: 100%; height: 100%; top: 0; z-index: -4; opacity: 0.4; mask: linear-gradient(175deg, black 0, transparent 25rem, transparent calc(100% - 60rem), black calc(100% - 0rem)); } #extra-div-5 { --gap: 10vh; position: absolute; background-image: repeating-linear-gradient(16deg, rgba(var(--light-color-1), 0) 0, rgba(var(--light-color-1), 0) var(--gap), rgba(var(--dark-color-2), 1) var(--gap), rgba(var(--dark-color-2), 1) calc(var(--gap) + 1rem)); mask: linear-gradient(175deg, black 0, transparent 80%); width: 100%; height: 32rem; top: 0; z-index: -5; opacity: 0.6; } #extra-div-6 { --gap: 25vh; position: absolute; background-image: repeating-linear-gradient(10deg, rgba(var(--light-color-1), 0) 0, rgba(var(--light-color-1), 0) var(--gap), rgba(var(--dark-color-1)) var(--gap), rgba(var(--dark-color-1)) calc(var(--gap) + 1px)); width: 100%; height: 100%; top: 0; z-index: -4; opacity: 0.4; mask: linear-gradient(175deg, transparent 40rem, black 100rem, black calc(100% - 120rem), transparent calc(100% - 50rem)); } #header-extra-div-1 { position: absolute; width: 100%; height: 6.4rem; top: 9rem; left: 0; background: linear-gradient(175deg, rgb(var(--dark-color-3)), rgba(var(--dark-color-1)) 150%); clip-path: polygon(0 0, 100% calc(100% - 2rem), 100% 100%, 0 2rem); } #header-extra-div-2 { position: absolute; width: 100%; height: 11rem; top: -2rem; left: 0; background: linear-gradient(60deg, rgb(var(--dark-color-3)), rgba(var(--dark-color-2)) 250%); clip-path: polygon(0 calc(100% - 2rem), 100% 0rem, 100% 2rem, 0 100%); } #header-extra-div-3 { position: absolute; width: 100%; height: 8rem; top: 6rem; left: 0; background: linear-gradient(50deg, rgb(var(--dark-color-3)), rgba(var(--dark-color-1)) 250%); clip-path: polygon(0 calc(100% - 2rem), 100% 0rem, 100% 2rem, 0 100%); } #header { position: sticky; top: -12rem; } #header h1 a span { font-weight: 300; text-shadow: 0 0 0.3rem rgb(var(--dark-color-3)), 0 0 0.5rem rgb(var(--dark-color-3)); } #header h1 a span::after { font-weight: 400; } #header h2 span::before { filter: drop-shadow(0 0 0.4rem rgb(var(--dark-color-1))); opacity: 0.8; background-position: center 0.5rem; background-size: auto 85%; position: relative; top: 0.8rem; } #login-status { text-shadow: 0 0 0.5rem rgb(var(--dark-color-3)); } #account-options { display: grid !important; grid-template-columns: 1fr 1fr; width: 100%; text-shadow: none; } #top-bar { background: linear-gradient(90deg, rgb(var(--dark-color-3)), rgba(var(--dark-color-2)) 150%); box-shadow: 0 0 0.5rem rgb(var(--dark-color-1), .2); } #top-bar::before { content:""; display: block; background: inherit; width: 100%; height: 1rem; position: absolute; bottom: 100%; left: 0; clip-path: polygon(0 100%, 100% 0, 100% 100%); z-index: -1; } #top-bar::after { content:""; display: block; background: inherit; width: 100%; height: 1rem; position: absolute; top: 100%; left: 0; clip-path: polygon(0 100%, 100% 0, 0 0); z-index: -1; } #content-wrap { overflow-x: hidden; } #main-content { margin: 0 0 2rem; display: flex; flex-direction: column; align-items: center; } #main-content > div:not(#page-title) { width: min(var(--body-width), calc(100% - 2rem)); } #page-title, .meta-title { padding: 2.5rem 0; text-align: center; border-bottom: unset; background: linear-gradient(-141deg, rgb(var(--dark-color-3)) 50%, rgba(var(--dark-color-2)) 120%); clip-path: polygon(0 2.5rem, 100% 0, 100% calc(100% - 2.5rem), 0 100%); } #page-title { width: 100%; padding: 2.5rem var(--body-margin); box-sizing: border-box; } #page-content a:not(div.page-rate-widget-box a, div.creditButton p a, div.creditButtonStandalone p a, .licensebox a, .pager a), .page-watch-options a { text-shadow: 0 0 0.2rem rgb(var(--dark-color-1)); transition: color 0.15s, text-shadow 0.15s cubic-bezier(0.4, 0.0, 1, 1); } #page-content a:not(div.page-rate-widget-box a, div.creditButton p a, div.creditButtonStandalone p a, .licensebox a, .pager a):hover, .page-watch-options a:hover { text-shadow: 0 0 0.5rem rgb(var(--dark-color-1)); text-decoration: none; } .overflow-wrapper-wrapper { width: 0; margin: auto; } .overflow-wrapper { margin-left: -51vw; margin-right: -51vw; } .classic { width: min(var(--body-width), calc(100% - 2rem)); margin-left: auto; margin-right: auto; } .l { padding-top: 1.5rem; padding-bottom: 1.5rem; clip-path: polygon(0 1rem, 100% 0, 100% calc(100% - 1rem), 0 100%); } .r { padding-top: 1.5rem; padding-bottom: 1.5rem; clip-path: polygon(100% 1rem, 0 0, 0 calc(100% - 1rem), 100% 100%); } .borderblock { margin: 1rem 0; padding: 1rem 1.5rem; border-top: 0.3rem solid rgb(var(--general-dark-border-color)); border-bottom: 0.3rem solid rgb(var(--general-dark-border-color)); } .footnotes-footer, .bibitems { height: fit-content; } .page-tags span a { border-radius: 0; } .owindow.owait { --gap: 3%; background-image: repeating-linear-gradient(to bottom right, rgba(var(--light-color-1), 0) 0, rgba(var(--light-color-1), 0) var(--gap), rgba(var(--dark-color-1), .4) var(--gap), rgba(var(--dark-color-1), .4) calc(var(--gap) + 3px)); background-size: 1000% 1000%; animation: saving-page-animation infinite ease-in-out 3s alternate; justify-content: center; } .owindow.owait .content{ display: none; } @keyframes saving-page-animation { 0% { background-position: 0 0; } 100% { background-position: 10% 10%; } }
联盟
.alliance hr { background: rgb(170, 170, 170); border-color: rgb(1,38,35); }
后室阴谋论
.conspiracy { background-image: linear-gradient(#aaa 0%,#fff 50%); background-size: 100% 100%; }
无人后室
.unmanned::before { content: ""; z-index: -1; position: absolute; inset: 0; background-color: rgba(var(--swatch-topmenu-bg-color),0.1); --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%23333%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%23333%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%23333%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%23333%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); --wallpaper-mask-size: 2.3rem; -webkit-mask-image: var(--wallpaper-mask); mask-image: var(--wallpaper-mask); -webkit-mask-repeat: repeat; mask-repeat: repeat; -webkit-mask-size: var(--wallpaper-mask-size); mask-size: var(--wallpaper-mask-size); -webkit-mask-position: center; mask-position: center; } .unmanned { position: relative; background-color: rgba(var(--swatch-topmenu-bg-color),0.1); background-size: 100% 100%; }
荒芜后室
.desolationbg { background-image: url(https://backrooms-wiki.wdfiles.com/local--files/level-4/Level-4-new); background-size: cover; background-position: center; } .desolation { backdrop-filter: blur(10px) brightness(80%); border: 0.2rem solid rgba(0, 0, 0, 0.3); border-bottom: none; } .desolation .canon-body { margin: 0; padding: 1rem; color: rgb(255, 255, 255); } .desolation .canon-body h2 a { --title-color: 255, 170, 0; } .desolation .canon-footer, .desolation .canon-btc { background: rgba(0, 0, 0, 0.3); color: white; } .desolation .canon-footer a, .desolation .canon-btc a { --link-color: 255, 170, 0; --visited-link-color: 255, 170, 0; --hover-link-color: 255, 170, 0; }
万神殿
.pantheon { background: linear-gradient(180deg, rgba(235, 196, 63,.3), rgba(235, 196, 63,.3)), url(http://vivarium.wdfiles.com/local--files/backrooms%3Aoldpapertheme/thefinalone.jpg) repeat center; }
拟态设定
.simulation::before { content: ""; z-index: -1; position: absolute; inset: 0; background-image: linear-gradient(to top, rgba(125, 125, 125, 0) 30%, rgb(125, 125, 125)); --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%23333%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%23333%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%23333%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%23333%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); --wallpaper-mask-size: 2.3rem; -webkit-mask-image: var(--wallpaper-mask); mask-image: var(--wallpaper-mask); -webkit-mask-repeat: repeat; mask-repeat: repeat; -webkit-mask-size: var(--wallpaper-mask-size); mask-size: var(--wallpaper-mask-size); -webkit-mask-position: center; mask-position: center; } .simulation { position: relative; background-color: rgba(255, 255, 255, 0.85); background-size: 100% 100%; }
蒲绪卡黛诸相观
.psychidae { position: relative; display: flex; flex-wrap: wrap; } .psychidae::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 15em; background-image: url(http://brsandbox-pro.wikidot.com/local--files/beijin/kuan-hudie-qian-222); background-size: 100% 100%; background-position: top; background-repeat: no-repeat; z-index: 1; } .psychidae::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 10em; background-image: url(http://brsandbox-pro.wikidot.com/local--files/beijin/kuan-hudie-hou-2); background-size: 100% 100%; background-position: top; background-repeat: no-repeat; z-index: 0; -webkit-mask: linear-gradient(175deg, black 0, transparent 80%); mask: linear-gradient(175deg, black 0, transparent 80%); } .psychidae .canon-body { font-family: "Noto Serif SC", "Noto Serif TC", Times New Roman, Arial, serif; position: relative; z-index: 2; margin: 3em auto 0; padding: 0.5em 1.5em; flex-basis: 40em; box-shadow: 0 0 1.5rem -1rem rgb(60, 60, 60); background: rgb(var(--bg-color)); } .psychidae h2 { font-family: inherit; font-weight: 900; } .psychidae .canon-footer { flex-grow: 1; }
什么是“设定”？
设定是指一个更大范围的事件链，它可以被简单的理解为时间线或世界观。也可以是对世界观中一些内容或者概念的具体解释说明或是补全。
故事，收容物，相关人士，其他组织，等等……尽管有些时候它们的原文中没有互相提及，但它们与它们所讲述的故事都在阐述着同一个内核，从而可以被人为地整合到某个特定的世界观内去展示一个更大的故事、一个独特的世界。设定便是所有参予此世界观的作品，不管是什么，它们本质是连续的、相互发生、交集的一个世界观。
设定与设定之间既是相互独立也是相互连接的，设定之间允许完全矛盾，但也可以彼此互通，选择相信哪个设定完全取决于你自己。
申请新设定
你的原创设定需要注意的一些条件：① 必须有一篇与设定相关的其他文章，可以是收容物，故事，其他组织，相关人士等等…；② 如果你的设定评分过低可能会导致被直接删除。