サイトテーマ
/* Liminal Theme [2020 Wikidot Theme] by Lynch & Etoile Localized by SOYA-001, R74 */ @import url('https://br-jpwiki.github.io/files/util/main/styles/font-awesome.min.css'); @import url("https://br-jpwiki.github.io/files/util/main/styles/fantasque-sans-mono.css"); @import url("https://japan-backrooms-wiki.wdfiles.com/local--files/component%3Atheme/normalize-archived-00.css"); @import url("https://japan-backrooms-wiki.wdfiles.com/local--files/component%3Atheme/bhl-archived-01.css"); @import url("https://japan-backrooms-wiki.wikidot.com/local--files/component:theme/sidebar.css"); @import url("https://br-jpwiki.github.io/files/modules/colstyle.min.css"); @import url("https://br-jpwiki.github.io/files/util/common/credit/style/style.css"); @import url("https://br-jpwiki.github.io/files/util/common/image-block/style/style.css"); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Noto+Serif+JP:wght@400;700&display=swap'); :root { --theme-base: "black-highlighter"; --theme-id: "liminal"; --theme-name: "Liminal Theme"; --logo-image: url("https://japan-backrooms-wiki.wikidot.com/local--files/component:theme/logo.svg"); --header-title: "The Backrooms JP"; --header-subtitle: "ようこそ、再訪の空間へ。"; --body-font: 'Noto Sans JP', verdana, arial, helvetica, sans-serif; --header-font: 'Fantasque Sans Mono', monospace; --title-font: 'Fantasque Sans Mono', 'Noto Sans JP', "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica; --mono-font: 'Fantasque Sans Mono', monospace; --white-monochrome: 237, 233, 223; --pale-gray-monochrome: 255, 251, 240; --light-gray-monochrome: 160, 160, 160; --gray-monochrome: 72, 69, 60; --black-monochrome: 25, 20, 16; --bright-accent: 140, 136, 126; --medium-accent: 72, 69, 60; --dark-accent: 140, 136, 126; --pale-accent: 140, 136, 126; --swatch-topmenu-border-color: var(--medium-accent); --link-color: 165, 143, 96; --hover-link-color: 165, 143, 96; --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); /* Backrooms JP における Ratingmodule のスタイル変数 */ --background-color: var(--white-monochrome); --general-light-background-color: var(--pale-gray-monochrome); --general-dark-border-color: var(--gray-monochrome); --general-light-text-color: var(--black-monochrome); --accept-color: 20, 169, 32; --warning-color: 193, 44, 50; --cancel-color: 200, 200, 200; --accept-text-color: var(--pale-gray-monochrome); --warning-text-color: var(--pale-gray-monochrome); --neutral-text-color: var(--pale-gray-monochrome); --dark-color-3: var(--gray-monochrome); --light-color-2: var(--pale-gray-monochrome); --popup-fader-color: var(--black-monochrome), 0.65; --popup-background-color: var(--pale-gray-monochrome); --popup-text-color: var(--black-monochrome); --popup-title-background-color: var(--gray-monochrome); --popup-title-text-color: var(--white-monochrome); --popup-border-color: var(--gray-monochrome), 0.5; --popup-tip-color: var(--pale-gray-monochrome); --content-font-size: clamp(0.87rem, calc(0.83rem + 0.195vw), 1rem); --general-transition-time-slow: 0.3s; --general-blur: 0.15rem; --popup-tip-content: "（空白部分をクリックしてウィンドウを閉じる）"; /* Backrooms JP における Imageblock のスタイル変数 */ --imageblock-caption-background-color: var(--pale-gray-monochrome); --imageblock-caption-text-color: var(--black-monochrome); --imageblock-shadow-color: 0, 0, 0, 0; --imageblock-border-color: var(--gray-monochrome), 0.2; --imageblock-border-width: 0.15rem; /* Backrooms JP における interwiki のスタイル変数 */ --sidebar-background-color: var(--white-monochrome); --sidebar-title-background-color: var(--medium-accent), 0.5; --sidebar-title-text-color: var(--white-monochrome); --sidebar-title-shadow-color: var(--black-monochrome); --sidebar-text-color: var(--black-monochrome); --sidebar-hover-text-color: var(--black-monochrome); --sidebar-border-color: var(--black-monochrome), .08; --sidebar-hover-background-color: var(--bright-accent), .25; /* From Super Liminal - https://github.backroomswiki.cn//Super_Liminal/css/icon-masks.css Wikidot Theme 2024 by Ambersight CC BY-SA 3.0 */ --vote-cancel-mask: url("data:image/svg+xml;charset=utf8,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 779.53 779.53'%3E%3Ctitle%3Ecancel-vote%3C/title%3E%3Cpolygon points='779.53 665.37 503.93 389.77 779.53 114.17 665.37 0 389.77 275.6 114.17 0 0 114.17 275.6 389.77 0 665.37 114.17 779.53 389.77 503.93 665.37 779.53 779.53 665.37'/%3E%3C/svg%3E"); --vote-plus-mask: url("data:image/svg+xml;charset=utf8,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 872.37 872.37'%3E%3Ctitle%3Eplus%3C/title%3E%3Cpolygon points='872.37 341.18 531.2 341.18 531.2 0 341.18 0 341.18 341.18 0 341.18 0 531.2 341.18 531.2 341.18 872.37 531.2 872.37 531.2 531.2 872.37 531.2 872.37 341.18'/%3E%3C/svg%3E"); --vote-minus-mask: url("data:image/svg+xml;charset=utf8,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 872.37 190.02'%3E%3Ctitle%3Eminus%3C/title%3E%3Crect x='444.99' y='103.81' width='190.02' height='872.37' transform='translate(-103.81 635.01) rotate(-90)'/%3E%3C/svg%3E"); --vote-info-mask: url("data:image/svg+xml;charset=utf8,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 432.1 810.25'%3E%3Ctitle%3Einfo-vote%3C/title%3E%3Cpath d='M324,917.73v-139H491.5V493.71H346V355.77H615v423H756.05v139ZM544.41,266.88q-36.17,0-57.76-21.46T465,187.18q0-36.78,21.61-58.24t57.76-21.46q36.15,0,57.76,21.46t21.6,58.24q0,36.78-21.6,58.24T544.41,266.88Z' transform='translate(-323.95 -107.48)'/%3E%3C/svg%3E"); } body#html-body { overflow-x: hidden; } #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; } 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; background-image: var(--logo-image); background-size: auto 7rem; background-position: center; background-repeat: no-repeat; opacity: 0.3; } #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: .063rem 0.1rem 0.1rem #0c0c0c; } a.newpage { background: transparent; text-decoration: none } a.newpage { color: rgb(var(--newpage-color)) } div.block-center { min-width: 30% } @media only screen and (max-width:768px) { div.block-center { min-width: 40% } } blockquote { box-shadow: 0.05rem 0.1rem 0.3rem rgba(0, 0, 0, .25); } .styled-quote { background-color: rgb(var(--pale-gray-monochrome)); border-left: 0.5rem solid rgba(var(--gray-monochrome)); padding: 0.1rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0.05rem 0.1rem 0.3rem rgba(0, 0, 0, .25); } .dark-styled-quote { background-color: rgb(var(--gray-monochrome)); border-left: 0.5rem solid rgba(var(--pale-gray-monochrome)); color: rgb(var(--white-monochrome)); padding: 0.1rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0.05rem 0.1rem 0.3rem rgba(0, 0, 0, .25); } .dark-styled-quote a { color: rgb(var(--swatch-menubg-medium-color)); } .lightblock { background-color: rgb(var(--white-monochrome)); padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, .25); } .darkblock { background-color: rgb(var(--gray-monochrome)); color: rgb(var(--white-monochrome)); padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, .25); } .darkblock a { color: rgb(var(--swatch-menubg-medium-color)); } .interwiki1_title { color: rgb(80, 77, 66); border-bottom: solid 1px rgb(80, 77, 66); padding-left: 15px; margin-top: 10px; margin-bottom: 5px; font-size: 8pt; font-weight: bold; } .interwiki1_entry { position: relative; margin: 2px 0; } .interwiki1_entry p::before { content: "■"; font-size: 9px; color: rgb(80, 77, 66); position: relative; margin: 0 7px 0 5px; bottom: 3px; } .interwiki1_entry a, .interwiki1_entry a:visited { font-weight: bold; color: #b01; text-decoration: none; background: transparent; } .interwiki1_entry a:hover { background-color: transparent; text-decoration: underline; } div.scpnet-interwiki-wrapper { margin: 0; width: auto; } iframe.scpnet-interwiki-frame { border: inherit; width: 100%; height: 230px; } @media (min-width:768px) { div.scpnet-interwiki-wrapper, iframe.scpnet-interwiki-frame { width: 100%; } } /* _404, _template用CommonCSS */ #page-content .wikisys--template-dialog { width: 90%; max-width: 500px; margin: 2em auto; padding: 2em; background: #f9f9f9; border-radius: 2em; color: #301!important; border: solid 1px #b7b7b7; } #page-content .wikisys--template-dialog>.wikisys--template-dialog-header { position: relative; line-height: 1.5; font-size: 1.3rem; font-weight: bold; padding: 5px 0 5px 12px; } #page-content .wikisys--template-dialog>.wikisys--template-dialog-header::before { content: ""; position: absolute; top: 0; left: 0; width: 6px; height: 100%; opacity: .2; border-radius: 3px; background: #aaaaaa; } #page-content .wikisys--template-dialog>.wikisys--template-dialog-content { line-height: 1.75; margin: 1em 0; } #page-content .wikisys--template-dialog>.wikisys--template-dialog-footer { font-size: 90%; margin-top: 2em; } #page-content .wikisys--template-dialog>.wikisys--template-dialog-infoarea { margin-top: 2em; }
ページリビジョン: 72, 最終更新: 29 Dec 2025 12:38