阿伯丁之猎群 版式
这个版式是阿伯丁之猎群的专属版式。如需在您的文章中使用此版式，请将以下代码复制到页面源代码的最顶部：
[[include theme:meute]]
网站上的所有文章都应该使用上面的代码，但这在你的沙盒上不起作用！为此，你应该使用这个：
[[include :scp-wiki-cn:theme:meute]]
/* ========================================================= Thème de la Meute d'Aberdeen ========================================================= Par Cauchynambour Inspiré du thème de la Rue Macabre traduit par DrLekter, sur la base du thème de MalyceGraves. Ressources : - Tuile de bois : https://www.deviantart.com/simoonmurray/art/Tileable-Wood-texture-01-184308560 - Bannière : https://commons.wikimedia.org/wiki/File:Mountains-1412683.png - Obèle du logo : https://upload.wikimedia.org/wikipedia/commons/1/14/Daggers.svg - Police principale : Cinzel Decorative Montage : Cauchynambour ========================================================= */ @charset "utf-8"; @import url('https://fonts.googleapis.com/css?family=Aoboshi+One|Cinzel+Decorative|Eczar&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Amarante&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Grenze:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@200;300;400;500;600;700;800;900&display=swap'); /* ========================================================= VARIABLES ========================================================= */ :root:lang(cn) { /* ----------------------------------------------------- Header ----------------------------------------------------- */ --ct_bg_header-logo: url(http://fondationscp.wdfiles.com/local--files/theme%3Ameute/OBELE-SANG-TEMP.png); /* ----------------------------------------------------- Module de notation ----------------------------------------------------- */ --ct_col_rate-primary: linear-gradient( to top, rgba(var(--medium-accent), 0.25) 0, rgba(var(--dark-accent), 0.15) 100% ); --ct_brd_rate-primary: solid 1px rgb(var(--dark-accent)); --ct_col_rate-secondary: rgb(var(--pale-gray-monochrome)); --ct_col_rate-cancel: #966; --ct_col_rate-link-hover: #e5e1d8; /* ----------------------------------------------------- Bloc d'image ----------------------------------------------------- */ --ct_brd_image-block: solid 0px transparent; --ct_col_image-block-contrast: rgb(var(--dark-accent)); /* ----------------------------------------------------- Polices ----------------------------------------------------- */ --body-font: 'Noto Serif SC', sans-serif; --header-font: 'Cinzel Decorative', 'Noto Serif SC', cursive; --title-font: 'Eczar', 'Noto Serif SC', serif; --mono-font: pennsylvania, monospace; /* ----------------------------------------------------- Palette monochrome ----------------------------------------------------- */ --white-monochrome: 255, 250, 240; --pale-gray-monochrome: 244, 244, 244; --light-pale-gray-monochrome: 244, 244, 244; --very-light-gray-monochrome: 215, 215, 215; --light-gray-monochrome: 215, 215, 215; --gray-monochrome: 136, 155, 132; --dark-gray-monochrome: 55, 115, 55; --black-monochrome: 10, 12, 9; --black-monochrome-alt: 43, 53, 42; /* ----------------------------------------------------- Accents ----------------------------------------------------- */ --bright-accent: 187, 0, 42; --medium-accent: 129, 7, 17; --dark-accent: 84, 19, 24; --newpage-color: 224, 224, 209; --swatch-text-light: 115, 94, 55; /* ----------------------------------------------------- Gradients ----------------------------------------------------- */ --background-gradient-color: var(--dark-accent); --header-gradient-color-bottom: var(--dark-accent); --header-gradient-color-middle: var(--black-monochrome); --header-gradient-color-top: var(--black-monochrome); --gradient-header: linear-gradient( 30deg, rgb(var(--header-gradient-color-bottom)) 0%, rgb(var(--header-gradient-color-middle)) 90%, rgb(var(--header-gradient-color-top)) 100% ); --background-gradient-distance: 40rem; --swatch-background: var(--black-monochrome); /* ----------------------------------------------------- Gradient principal du fond ----------------------------------------------------- */ --gradient-background: linear-gradient( 180deg, rgba(var(--background-gradient-color), 1) 0, rgba(var(--background-gradient-color), 0.987) calc(0.008 * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.951) calc(0.029 * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.896) calc(0.064 * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.825) calc(0.11 * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.741) calc(0.166 * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.648) calc(0.231 * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.550) calc(0.304 * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.450) calc(0.383 * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.352) calc(0.467 * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.259) calc(0.554 * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.175) calc(0.644 * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.104) calc(0.735 * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.049) calc(0.825 * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.013) calc(0.914 * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0) var(--background-gradient-distance) ); /* ----------------------------------------------------- Header patch ----------------------------------------------------- */ --head-top: 0, 0, 0; --head-bottom: 103, 61, 61; --bar-top: var(--dark-accent); --bar-bottom: 84, 19, 24; --bar-shadow-top: 95, 60, 60; --bar-shadow-bottom: 157, 157, 157; --body: 255, 255, 255; } /* ========================================================= BACKGROUND EXTRA ========================================================= */ #extra-div-1 { position: absolute; top: 161px; z-index: -1; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.5); background-image: url( http://fondationscp.wdfiles.com/local--files/theme%3Ameute/bois.jpg ); background-size: 20%, 31.250rem; background-repeat: repeat, repeat-x; mix-blend-mode: difference; background-blend-mode: difference; -webkit-mask: var(--gradient-background); mask: var(--gradient-background); } #extra-div-2 { position: absolute; top: 161px; z-index: -2; width: 100%; height: 100%; background-image: linear-gradient(to bottom, black, black); background-repeat: repeat, repeat-x; } /* ========================================================= HEADER ========================================================= */ #header { background-size: 800px; background-position: 0 10px; } /* CSS gradient to replace Sigma-9 body-bg image By 7happy7, Dr Lekter and Styrius Based on code by Woedenaz */ @supports (background-blend-mode: screen) { div#container-wrap { background-image: /* Bannière */ url( http://fondationscp.wdfiles.com/local--files/theme%3Ameute/banniere-2.png ), /* Dégradé horizontal */ linear-gradient( 90deg, #463821 0, #0c0c0c 75%, #0c0c0b ), /* Dégradé supérieur */ linear-gradient( 180deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, 0) 7.5rem, #0c0c0c 0, #424248 7.625rem, rgba(66, 66, 72, 0.95) calc(100% - 0.125rem), #424248 calc(100% - 0.125rem), #0c0c0c ), /* Dégradé inférieur */ linear-gradient( 0deg, #d7d7d7 0, hsla(0, 0%, 84.3%, 0.987) 0.32rem, hsla(0, 0%, 84.3%, 0.951) 1.16rem, hsla(0, 0%, 84.3%, 0.896) 2.56rem, hsla(0, 0%, 84.3%, 0.825) 4.4rem, hsla(0, 0%, 84.3%, 0.741) 6.64rem, hsla(0, 0%, 84.3%, 0.648) 9.24rem, hsla(0, 0%, 84.3%, 0.55) 12.16rem, hsla(0, 0%, 84.3%, 0.45) 15.32rem, hsla(0, 0%, 84.3%, 0.352) 18.68rem, hsla(0, 0%, 84.3%, 0.259) 22.16rem, hsla(0, 0%, 84.3%, 0.175) 25.76rem, hsla(0, 0%, 84.3%, 0.104) 29.4rem, hsla(0, 0%, 84.3%, 0.049) 33rem, hsla(0, 0%, 84.3%, 0.013) 36.56rem, hsla(0, 0%, 84.3%, 0) 40rem ), /* Barre */ linear-gradient( to bottom, rgba(var(--bar-bottom), 1) 10.1rem, rgba(var(--bar-shadow-bottom), 1) 11.225rem, rgba(var(--body), 1) 10.345rem ); background-size: auto 140px, 100% 8.73rem, 100% 7.1rem, 100% 8.1rem, 100% 10.07rem; background-repeat: repeat-x, no-repeat; } } /* ========================================================= TITRES DU HEADER ========================================================= */ #header h1 a { padding: 68px 0 25px; color: transparent; text-shadow: none; font-family: var(--header-font); font-size: 130%; } #header h2 span { color: transparent; text-shadow: none; font-family: var(--body-font); font-size: 150%; } #header h2 span::before { content: "以血为祭，终将败亡"; color: rgb(var(--white-monochrome)); font-family: var(--body-font); font-size: 0.945rem; font-weight: 400; line-height: 0; } /* ========================================================= RESPONSIVE — MOBILE HEADER ========================================================= */ @media (max-width: 767px) { #header { background: url( http://fondationscp.wdfiles.com/local--files/theme%3Ameute/mobile.png ) 5px 2px no-repeat; background-size: 300px; } #header h1 a { font-size: 80%; } #header h2 span { display: none; } div#main-content { padding: 2em; } div#container-wrap { background-position: 50% 0%; } } /* ========================================================= LOG-IN INFO ========================================================= */ #login-status { color: rgb(var(--light-gray-monochrome)); } #login-status a { color: rgb(var(--light-gray-monochrome)); } #login-status ul a { color: rgb(var(--black-monochrome)); background: rgb(var(--pale-gray-monochrome)); } #login-status ul a:hover { color: rgb(var(--black-monochrome)); } /* ========================================================= SEARCH BAR ========================================================= */ #search-top-box-input { color: rgb(var(--dark-gray-monochrome)); background-color: rgb(var(--gray-monochrome)); } #search-top-box-input:hover, #search-top-box-input:focus { border: solid 1px rgb(var(--white-monochrome)); color: rgb(var(--white-monochrome)); background-color: rgb(var(--light-gray-monochrome)); box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.8); } #search-top-box-form input[type="submit"] { border-color: rgb(var(--gray-monochrome)); color: rgb(var(--gray-monochrome)); background: rgb(var(--black-monochrome-alt)); transition: background 0.25s; } #search-top-box-form input[type="submit"]:hover, #search-top-box-form input[type="submit"]:focus { border-color: rgb(var(--light-gray-monochrome)); color: rgb(var(--light-gray-monochrome)); background: rgb(var(--dark-gray-monochrome)); } /* ========================================================= TITLE ========================================================= */ #page-title { font-family: var(--body-font); font-size: 210%; font-weight: 600; } h1, h2, h3, h4, h5, h6, #page-title { font-family: var(--body-font); } :where(#page-content) :is(h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) { font-family: var(--body-font); } :where(#page-content) :is(h1, .h1) { color: rgb(var(--bright-accent)); } h1 { color: rgb(var(--bright-accent)); } h2, h3, h4, h5, h6 { margin: 0.5em 0 0.4em; padding: 0; font-weight: 900; letter-spacing: 0.063rem; } @media (max-width: 767px) { #page-title { font-size: 180%; } } /* ========================================================= TOPBAR ========================================================= */ #top-bar ul li ul { border: 0; } #top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a { padding: 0.3em 0.5em; border-top: 1px solid transparent; color: rgb(var(--white-monochrome)); } #top-bar ul li a { color: rgb(var(--white-monochrome)); } #top-bar ul li.sfhover a, #top-bar ul li:hover a { color: rgb(var(--white-monochrome)); background: rgb(var(--dark-accent)); } #top-bar ul li ul a, #top-bar a:hover { color: rgb(var(--pale-gray-monochrome)); } #top-bar ul li.sfhover a:hover, #top-bar ul li:hover a:hover { background: rgb(var(--medium-accent)); } #top-bar ul li ul.sfhover a:hover, #top-bar ul li ul:hover a:hover { background: rgb(var(--medium-accent)); background-size: cover; background-position: center; font-weight: bold; } .topbar_arrow { color: rgb(var(--white-monochrome)); } /* --------------------------------------------------------- Patch pour hover imbriqué --------------------------------------------------------- */ #top-bar ul li ul li ul { left: 159px; } /* ========================================================= SIDEBAR ========================================================= */ #side-bar .side-block { color: rgb(var(--light-gray-monochrome)); border-color: rgb(var(--black-monochrome)); background-color: rgb(var(--black-monochrome-alt)); box-shadow: 0 2px 6px rgba(var(--dark-accent), 0.5); } #side-bar .side-block.media { background-color: rgb(var(--dark-accent)) !important; } #side-bar .side-block.resources { background-color: rgb(54, 86, 54) !important; } iframe.scpnet-interwiki-frame { filter: invert(0.9) hue-rotate(222deg) saturate(1.5) contrast(1); } #side-bar .heading { margin-top: 0.6em; margin-bottom: 0.8em; padding-left: 0; color: rgb(var(--bright-accent)); border-bottom: none; font-family: var(--header-font); font-size: 90%; text-align: center; } #side-bar .heading p, #side-bar .side-block > .collapsible-block .collapsible-block-link { position: relative; display: initial; color: rgb(255, 219, 90); background: url( http://fondationscp.wdfiles.com/local--files/theme%3Alaruetheme/wood.png ); background-size: cover; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: 0.05rem; } #side-bar .heading p::after, #side-bar .side-block > .collapsible-block .collapsible-block-link::after, #side-bar .heading p::before, #side-bar .side-block > .collapsible-block .collapsible-block-link::before { content: " "; position: absolute; left: -0.1rem; top: 1.6rem; width: 100%; height: 0.58rem; } /* --------------------------------------------------------- Images color --------------------------------------------------------- */ #side-bar .menu-item p::before, #side-bar .collapsible-block-link::before, #side-bar .colmod-link-top a::before { filter: hue-rotate(-104deg) brightness(8.5); } /* ========================================================= MOBILE SIDEBAR ========================================================= */ @media (max-width: 767px) { #side-bar { background-color: rgb(var(--dark-gray-monochrome)); } .open-menu a { border: 0.2em solid rgb(var(--dark-accent)) !important; color: rgb(var(--medium-accent)) !important; background-color: rgb(var(--dark-gray-monochrome)) !important; } } /* ========================================================= BODY ========================================================= */ body { font-family: var(--body-font); background-color: rgb(var(--white-monochrome)); } /* ========================================================= FOOTER ========================================================= */ #footer { background: rgb(var(--dark-accent)); } /* ========================================================= LINKS ========================================================= */ a { color: rgb(var(--medium-accent)); } a:hover { color: rgb(var(--bright-accent)); } a:visited { color: #54134A; } a.newpage { color: rgb(var(--dark-gray-monochrome)); } #side-bar a, #side-bar a:visited, #side-bar a.newpage { color: rgb(var(--light-gray-monochrome)); } /* ========================================================= POP-UP WINDOWS ========================================================= */ .owindow { background-color: rgb(var(--light-gray-monochrome)); border-color: rgb(var(--medium-accent)); } .owindow .modal-header { color: rgb(var(--bright-accent)); background-color: rgb(var(--dark-gray-monochrome)); } .owindow .modal-body img { background-color: transparent !important; } .owindow .title { color: rgb(var(--light-gray-monochrome)); background-color: rgb(var(--dark-accent)); } .owindow .button-bar a { color: rgb(var(--bright-accent)); background-color: rgb(var(--black-monochrome)); transition: background 0.25s, color 0.25s; } .owindow .button-bar a:hover { color: rgb(var(--black-monochrome)); background-color: rgb(var(--dark-accent)); } /* ========================================================= CODE ========================================================= */ .code { color: rgb(157, 142, 115); background-color: rgb(var(--black-monochrome)); } .yui-content .code { color: rgb(var(--light-gray-monochrome)); background-color: rgb(var(--dark-gray-monochrome)); } .hl-code, .yui-content .hl-code { color: rgb(var(--light-gray-monochrome)); } .hl-brackets, .yui-content .hl-brackets { color: rgb(var(--white-monochrome)); } .hl-var, .yui-content .hl-var { color: rgb(var(--bright-accent)); } .hl-number, .yui-content .hl-number { color: rgb(var(--pale-gray-monochrome)); } .hl-reserved, .hl-identifier, .yui-content .hl-reserved, .yui-content .hl-identifier { color: rgb(157, 142, 115); } .hl-string, .yui-content .hl-string { color: rgb(214, 192, 152); } .hl-special, .yui-content .hl-special { color: rgb(157, 142, 115); } #page-content .page-rate-widget-box:not(.creditRate) { display: none !important; } #page-content .rate-box-with-credit-button { display: inline-flex !important; align-items: center !important; background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; margin-bottom: 10px !important; gap: 6px !important; } #page-content .rate-box-with-credit-button .page-rate-widget-box { display: inline-flex !important; align-items: center !important; background-color: #e3d2ce !important; border: 1px solid #541318 !important; border-radius: 8px !important; padding: 0 0 0 8px !important; height: 24px !important; box-sizing: border-box !important; box-shadow: 0 1px 3px rgba(0,0,0,0.15) !important; overflow: hidden !important; } #page-content .rate-box-with-credit-button .page-rate-widget-box * { background: transparent !important; border: none !important; box-shadow: none !important; margin: 0 !important; padding: 0 !important; } #page-content .rate-box-with-credit-button .rate-points { color: #541318 !important; font-weight: bold !important; padding-right: 6px !important; line-height: 1 !important; } #page-content .rate-box-with-credit-button .rateup, #page-content .rate-box-with-credit-button .ratedown { background-color: rgba(129, 7, 17, 0.15) !important; display: inline-flex !important; align-items: center !important; align-self: stretch !important; height: 100% !important; padding: 0 6px !important; } #page-content .rate-box-with-credit-button .cancel { background-color: transparent !important; display: inline-flex !important; align-items: center !important; align-self: stretch !important; height: 100% !important; padding: 0 6px !important; } #page-content .rate-box-with-credit-button .rateup a, #page-content .rate-box-with-credit-button .ratedown a, #page-content .rate-box-with-credit-button .cancel a { color: #810711 !important; font-weight: bold !important; text-decoration: none !important; line-height: 1 !important; } #page-content .rate-box-with-credit-button .creditButton { display: inline-flex !important; align-items: center !important; justify-content: center !important; background-color: #e3d2ce !important; border: 1px solid #541318 !important; border-radius: 6px !important; width: 26px !important; height: 24px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; box-shadow: 0 1px 3px rgba(0,0,0,0.15) !important; } #page-content .rate-box-with-credit-button .creditButton::before, #page-content .rate-box-with-credit-button .creditButton::after { display: none !important; } #page-content .rate-box-with-credit-button .creditButton p, #page-content .rate-box-with-credit-button .creditButton a { margin: 0 !important; padding: 0 !important; border: none !important; background: transparent !important; color: #ffffff !important; font-weight: bold !important; line-height: 1 !important; text-shadow: 0 0 1px #810711 !important; } /* ========================================================= PAGE ELEMENTS ========================================================= */ /* --------------------------------------------------------- Quoteblocks --------------------------------------------------------- */ blockquote, .blockquote, .yui-content blockquote, .yui-content .blockquote { border: solid 2px rgb(var(--dark-accent)) !important; background: url(); backdrop-filter: grayscale(80%) !important; } /* --------------------------------------------------------- Tables --------------------------------------------------------- */ table.wiki-content-table th { color: rgb(var(--white-monochrome)); background-color: rgba(var(--black-monochrome), 0.5); } /* --------------------------------------------------------- Tabview --------------------------------------------------------- */ .yui-navset .yui-content { border-color: rgb(var(--dark-accent)); border-top-color: rgb(var(--medium-accent)); background-color: rgb(var(--very-light-gray-monochrome)); font-weight: normal; } .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav { border-color: rgb(var(--medium-accent)); } .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a { padding: 0.15em; border: 1.2px solid rgb(var(--medium-accent)); color: rgba(var(--bright-accent), 0.8); background-color: rgb(var(--black-monochrome)); background-image: none; font-weight: normal; } .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus { color: rgb(var(--pale-gray-monochrome)); background: rgb(var(--dark-accent)); } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover { border-color: rgb(var(--medium-accent)); color: rgb(var(--white-monochrome)); background: rgb(var(--medium-accent)); background-image: none !important; } .yui-navset li { line-height: normal; } .yui-navset .yui-nav a em, .yui-navset .yui-navset-top .yui-nav a em { border: none !important; } /* --------------------------------------------------------- Image block --------------------------------------------------------- */ .scp-image-block { border: 0.5rem solid #0a0c09 !important; background-color: #fff !important; box-sizing: border-box; } .scp-image-block img { border: none !important; padding: 0 !important; } .scp-image-caption { margin-top: 0.5rem; padding: 6px 0 !important; color: rgb(var(--white-monochrome)) !important; background-color: rgb(var(--dark-accent)) !important; border: none !important; font-weight: bold; text-align: center; } /* --------------------------------------------------------- Table of contents --------------------------------------------------------- */ #toc { background-color: rgb(var(--dark-gray-monochrome)); } #toc a, #toc .title { color: rgb(var(--bright-accent)); } /* --------------------------------------------------------- Footnotes --------------------------------------------------------- */ .footnotes-footer { padding: 1.7em; padding-top: 1em; margin: 3em; border: 0.1em solid rgb(var(--medium-accent)); background-color: rgba(var(--light-gray-monochrome), 0.25); } #lock-info, #action-area input { border-color: rgb(var(--black-monochrome)); color: rgb(var(--white-monochrome)); background-color: rgb(var(--dark-accent)); } /* ========================================================= MAIN CONTENT — PAPER ========================================================= */ div#main-content { background: url( http://fondationscp.wdfiles.com/local--files/theme%3Ameute/papier.jpg ); box-shadow: 6px -2px 11px 9px rgba(84, 19, 24, 0.66); }
页面版本: 1, 最后编辑于: 12 Sep 2026 11:00