您正在查詢的標題為:關注組織
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:機動特遣隊
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:基金會設施
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:人物檔案
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:世界線中心頁
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:系列檔案室
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:競賽資料庫
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:異常物品紀錄
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:超常事件紀錄
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:未解明地點列表
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:基金會故事
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
/* The Future Is Here (Sigma 9) Theme [2021 Wikidot Theme] Created by k1s10r0d. Based on the SCP Sigma 9 created by Aelanna and Dr Devan, along with the Shattered Thoughts theme by Yossipossi. */ @charset "utf-8"; @import url('https://fonts.googleapis.com/css2?family=Megrim&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Zen+Tokyo+Zoo&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Mrs+Saint+Delafield&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Rajdhani&display=swap'); body { background-color: #000000; color: #ffffff; } #content-wrap { text-shadow: 0.0625rem 0.0625rem 0.0625rem #000000; } /* -=- HEADER -=- */ #header { background-image: none; padding-bottom: 1.875rem; } #header h1 a span, #header h2 span { display: none; } #header h1 a::before { color: #ffffff; content: "PROJECT: REINCARNATION"; font-family: 'Zen Tokyo Zoo', cursive; font-size: 2.5rem; font-weight: normal; } #header h2::before { color: #ffffff; content: "project signed by EVE"; font-family: 'Mrs Saint Delafield', cursive; font-size: 1.35rem; font-weight: normal; margin-left: 2.5rem; position: relative; top: 0.625rem; } /* -=- HEADER BACKGROUND -=- */ div#container-wrap { background: url(https://imgur.com/Y0kVEWK.jpg) top left repeat-x; background-size: 100%; } /* -=- LINKS -=- */ a, a.newpage { color: #6a9bba; } a:visited { color: #5c687e; } /* -=- BLOCKQUOTE -=- */ div.blockquote, blockquote { background: rgba(30, 45, 78, 0.3); border: 0.125rem dotted #6b6e84; } /* -=- OWINDOWS -=- */ .owindow, .owindow h1, .owindow .button-bar a { color: #000000; text-shadow: none; } /* This simply changed the karma bar colors in that user info pop-up menu. No functional purpose besides it looks neat, really. */ .modal-body td img[src*="userkarma.php"] { filter: hue-rotate(150deg); } .owindow ::selection { background: #cfeaff; } /* -=- RATING MODULE -=- */ .page-rate-widget-box { margin-top: 0.625rem; } .page-rate-widget-box .rate-points, .page-rate-widget-box > *, .rate-box-with-credit-button { background-color: rgb(36, 47, 82, 0.2) !important; border: none !important; } .page-rate-widget-box .rateup a, .page-rate-widget-box .ratedown a, .page-rate-widget-box .cancel a { background: transparent; color: #ffffff; transition-duration: 1s; } .page-rate-widget-box .rateup a:hover, .page-rate-widget-box .ratedown a:hover, .page-rate-widget-box .cancel a:hover { background: rgba(238, 238, 255, 0.1); transition-duration: 0.7s; } /* For the info module on some pages. */ .modalbox { text-shadow: none; color: #000000; } /* -=- PAGE TITLE AND H1, H2, H3 -=- */ #page-content h1, #page-title, #action-area h1 { color: #e0ebff; font-family: 'Zen Tokyo Zoo', cursive; font-weight: normal; } #page-content h2, #page-title, #action-area h2 { color: #edf3ff; font-family: 'Megrim', cursive; font-weight: normal; } #page-content h3, #page-title, #action-area h3 { color: #f7faff; font-family: 'Rajdhani', sans-serif; font-weight: normal; } #page-title, #action-area h1 { margin: auto; text-align: center; font-family: 'Zen Tokyo Zoo', cursive; font-weight: normal; text-shadow: 0.0625rem 0.0625rem 0.0625rem #000000; } /* -=- SEARCH BAR -=- */ #search-top-box-input, #search-top-box-input:hover, #search-top-box-input:focus { background-color: #292935; border-color: #0d0b10; border-radius: 0.3125rem; color: #807a79; opacity: 0.8; padding: 0.125rem; } #search-top-box-form input[type=submit], #search-top-box-form input[type=submit]:hover, #search-top-box-form input[type=submit]:focus { background-color: #292935; border: none; border-radius: 0rem; color: #807a79; background-image: none; } /* -=- TOP BAR -=- */ #top-bar { background: linear-gradient(to right, transparent 50%, #1e283c 75%, transparent 100%); } #top-bar ul li a { color: #8d8e94; } #top-bar ul li:hover a, #top-bar ul li:hover ul li a { background: rgba(16, 16, 23, 0.7); border: none; color: #ffffff; } #top-bar ul li:hover a:hover { background: #52668d; color: #e6e6e6; } #top-bar ul li:hover ul li a { padding-bottom: 0.0938rem; padding-top: 0.0938rem; } #top-bar ul li ul { border: 0.0625rem solid #2477ac; } #top-bar .open-menu a { background-color: #e4e9ff; border-color: #6677a8; color: #6677a8; } /* -=- SIDEBAR -=- */ #side-bar .heading { color: #cce7ff; font-size: 130%; border-color: #000000; } #side-bar div.menu-item > img { background: url("https://imgur.com/8N31mRw.png"); box-sizing: border-box; padding-left: 0.8125rem; } #side-bar div.side-block { background: rgba(200, 100, 50, 0) !important; border: 0.3125rem double #1d2124; box-shadow: 0 0.125rem 0.375rem #1d2124; opacity: 0.8; text-shadow: 0.0625rem 0.0625rem 0.0625rem #000000; } #side-bar a, #side-bar a:visited { color: #6a9bba; } #side-bar .collapsible-block-folded { background: none; } #side-bar .collapsible-block-unfolded-link { border-color: #000000; } #side-bar .collapsible-block-unfolded-link .collapsible-block-link, #side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover { color: ##6a9bba; font-size: 130%; } /* -=- TABBERS -=- */ .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover { background-color: rgba(133, 130, 140, 0.7); background-image: none; border: none; } .yui-navset .yui-nav a, .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus { background-color: rgb(42, 52, 77, 0.6); background-image: none; border: none; color: #878790; } .yui-navset .yui-content { background: rgb(30, 45, 78, 0.2); border: 0.125rem dotted #6b6e84; } .yui-navset .yui-nav { border: none; padding-bottom: 0.0625rem; } .yui-navset .yui-nav a em { border: none; } /* -=- USER INFO -=- */ #login-status, #login-status a { color: #ffffff; text-shadow: 0.0625rem 0.0625rem 0.0625rem #000000; font-weight: normal; } #account-options li a, #account-options li a:hover { color: #ffffff; text-shadow: none; } #account-options { border: none; } #account-options ul { background-color: #101017; opacity: 0.8; } /* -=- IMAGES -=- */ .scp-image-block .scp-image-caption { background-color: #747474; } /* -=- TABLES -=- */ table.wiki-content-table td { border: 0.0625rem dotted #6b6e84; background: rgba(30, 45, 78, 0.2); } table.wiki-content-table th { border: 0.0625rem solid #897788; background: rgb(74, 69, 75, 0.8); } /* -=- CODE MODULE -=- */ .code { text-shadow: none; } /* -=- MISCELLANEOUS -=- */ /* In the files, when the menu is expanded, .highlight's background is #EEE, which gives poor constrast with the link color. */ table.page-files .highlight { background-color: transparent; } /* Changes the top border of the tags section, which is typically colored #888, to match the theme better. */ .page-tags span { border-top: solid 0.0625rem #2477ac; } /* Changes the colors of the layout in the History tab of the page, which constrasts heavily with the background theme. */ .pager a, .pager a:hover, .optionstd a, .optionstd a:hover { color: #ffffff; background: rgba(0, 85, 155, 0.9); border: solid 0.0625rem #2477ac; } /* While the page is saving and loading, there is a popup on the screen. This popup was difficult to read due to the body's properties (color being white), so this changed the background to be more thematically appropriate and legible. */ .owait, .osuccess { background-color: #00559b; color: #ffffff; text-shadow: 0.0625rem 0.0625rem 0.0625rem #000000; border: solid 0.0625rem #2477ac; opacity: 0.95; } /* Similar to above, but required an !important and different target apparently. */ .owait div.modal-body { color: #ffffff !important; } /* The text below the editing menu, specifically "Max 200 characters [...]" and "You have an exclusive 15-minute lock[...]" */ form div.sub { color: #b7b7b7; } /* Specifically the "You have an exclusive[...]" text box. Changes color and text-shadow for legibility. */ #lock-info { color: #3d3d3d; text-shadow: none; } /* The grow/shrink buttons on the bottom right of the editor. Changes to be more legible. */ .change-textarea-size a.btn { color: #000000; } /* Changes color of aforementioned buttons on hover. */ .change-textarea-size a:hover { text-decoration: none; background: #ffffff; } /* When a page is parented, its parent is listed as a "breadcrumb" for some reason. This modifies the parented page backlink near the top. Can be seen here: https://scp-wiki.wikidot.com/exploration-log-3426 */ #breadcrumbs { margin: 0.5em 0 1em; font-size: 80%; text-align: center; } /* Changes selection color. */ ::selection { background: #004777; } /* Changes seleciton color for specific menus to increase legibility of highlighted text. */ textarea::selection, input.text::selection, #lock-info::selection, span#lock-timer::selection, .code span::selection { background-color: #8ac8f9; } /* Preview message when previewing a page in the upper-right corner. */ .preview-message { background-color: #00559b; color: #ffffff; text-shadow: 0.0625rem 0.0625rem 0.0625rem #000000; border: solid 0.0625rem #2477ac; opacity: 0.95; } /* Changes the color of the text at the very bottom of the page. */ #license-area { color: #ffffff; } /* -=- FOOTNOTES -=- */ .hovertip { background: #00559b !important; border: solid 0.0625rem #2477ac !important; color: #ffffff; text-shadow: 0.0625rem 0.0625rem 0.0625rem #000000; opacity: 0.94; } /* -=- MEDIA SELECTORS -=- */ @media screen and (max-width: 50rem) { #header h1 a::before { font-size: 1.7rem; } #header h1 { margin-left: 0rem; } #header h2 { margin-left: 0.75rem; } #side-bar { position: fixed; z-index: 30; background-color: rgba(11, 29, 81, 0.93); } } /* -=- INFOBAR COLOUR -=- */ .info-container{ --barColour: #1d3754; — this is the colour of the bar and the author button --linkColour: #898a90; — this is the colour of the "i" and the text within the author button } /* -=- COLLAPSABLE SIDEBAR -=- */ :root { --sidebar-width-on-desktop: calc((var(--base-font-size) * (14 / 15)) * 19); --body-width-on-desktop: 45.75rem; } @media only screen and (min-width: 56.25rem) { #content-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: -webkit-calc(100vw - (100vw - 100%)); width: -moz-calc(100vw - (100vw - 100%)); width: calc(100vw - (100vw - 100%)); min-height: -webkit-calc(100vh - -webkit-calc(var(--final-header-height-on-desktop, 10.125rem))); min-height: -moz-calc(100vh - -moz-calc(var(--final-header-height-on-desktop, 10.125rem))); min-height: calc(100vh - calc(var(--final-header-height-on-desktop, 10.125rem))); -webkit-box-flex: 2; -webkit-flex-grow: 2; -moz-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; height: auto; position: initial; margin: 0 auto; max-width: inherit; margin-left: -11em; margin-left: -webkit-calc(var(--sidebar-width-on-desktop, 15.5em) * -1 / 2 - 2rem); margin-left: -moz-calc(var(--sidebar-width-on-desktop, 15.5em) * -1 / 2 - 2rem); margin-left: calc(var(--sidebar-width-on-desktop, 15.5em) * -1 / 2 - 2rem); } #main-content { position: initial; max-height: 100%; padding: 2rem 1rem; width: 45.75rem; width: var(--body-width-on-desktop, 45.75rem); max-width: 45.75rem; max-width: var(--body-width-on-desktop, 45.75rem); margin: 0 auto; } #page-content { max-width: min(90vw, 45.75rem); max-width: min(90vw, var(--body-width-on-desktop, 45.75rem)); } #side-bar { -webkit-transform: translateX(-14.6rem); -moz-transform: translateX(-14.6rem); -ms-transform: translateX(-14.6rem); -o-transform: translateX(-14.6rem); transform: translateX(-14.6rem); -webkit-transform: translateX(-webkit-calc(var(--sidebar-width-on-desktop, 17em) * -1 - 1rem)); -moz-transform: translateX(-moz-calc(var(--sidebar-width-on-desktop, 17em) * -1 - 1rem)); -ms-transform: translateX(calc(var(--sidebar-width-on-desktop, 17em) * -1 - 1rem)); -o-transform: translateX(calc(var(--sidebar-width-on-desktop, 17em) * -1 - 1rem)); transform: translateX(calc(var(--sidebar-width-on-desktop, 17em) * -1 - 1rem)); -webkit-transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms linear, margin 300ms linear, -webkit-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1); transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms linear, margin 300ms linear, -webkit-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -o-transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms linear, margin 300ms linear, -o-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-transition: transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms linear, margin 300ms linear, -moz-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1); transition: transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms linear, margin 300ms linear; transition: transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms linear, margin 300ms linear, -webkit-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -moz-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -o-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1); border: none; border-color: rgba(var(--swatch-tertiary-color, 170, 170, 170), 0.4); width: var(--sidebar-width-on-desktop, 13.6rem) !important; min-width: var(--sidebar-width-on-desktop, 13.6rem) !important; grid-area: side-bar; padding-right: 2rem; background-color: transparent; background-color: rgba(var(--sidebar-bg-color, 255, 255, 255), 0); top: 0; max-height: 100vh; position: -webkit-sticky; position: sticky; left: 0; padding-left: 0.5rem; direction: rtl; scrollbar-width: thin; -ms-scroll-chaining: none; overscroll-behavior: contain; overflow-y: scroll; scrollbar-color: rgba(170, 170, 170, 0) /* Thumb */ rgba(252, 252, 252, 0); /* Track */ scrollbar-color: rgba(var(--swatch-primary-darker, 170, 170, 170), 0.1) /* Thumb */ rgba(var(--swatch-tertiary-color, 252, 252, 252), 0.05); /* Track */ } #side-bar::-webkit-scrollbar-track { background-color: rgba(var(--swatch-secondary-color, 244, 244, 244), 0.8); } #side-bar::-webkit-scrollbar, #side-bar::-webkit-scrollbar-thumb, #side-bar::-webkit-scrollbar-corner { width: 0.5rem; border-right-width: -webkit-calc(100vw + 100vh); border-right-width: calc(100vw + 100vh); border-right-style: inset; border-color: inherit; background-color: rgba(var(--sidebar-bg-color, 255, 255, 255), 0); } #side-bar:hover, #side-bar:active { background-color: rgba(133, 130, 140, 0.7); background-color: rgba(var(--sidebar-bg-color, 1, 1, 1), 0); padding-right: 0.25rem; margin-right: 1.75rem; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transform: translateX(-webkit-calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0))); -moz-transform: translateX(-moz-calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0))); -ms-transform: translateX(calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0))); -o-transform: translateX(calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0))); transform: translateX(calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0))); overflow-y: auto; overflow-x: hidden; scrollbar-color: rgba(170, 170, 170, 1) /* Thumb */ rgba(252, 252, 252, 1); /* Track */ scrollbar-color: rgb(var(--swatch-primary-darker, 170, 170, 170), 1) /* Thumb */ rgb(var(--swatch-menubg-color, 252, 252, 252), 1); /* Track */ border-color: rgba(var(--swatch-primary-darker), 1); } #side-bar:focus-within { background-color: white; background-color: rgba(var(--sidebar-bg-color, 255, 255, 255), 1); padding-right: 0.25rem; margin-right: 1.75rem; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transform: translateX(-webkit-calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0.5rem))); -moz-transform: translateX(-moz-calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0.5rem))); -ms-transform: translateX(calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0.5rem))); -o-transform: translateX(calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0.5rem))); transform: translateX(calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0.5rem))); overflow-y: auto; overflow-x: hidden; scrollbar-color: rgba(170, 170, 170, 1) /* Thumb */ rgba(252, 252, 252, 1); /* Track */ scrollbar-color: rgb(var(--swatch-primary-darker, 170, 170, 170), 1) /* Thumb */ rgb(var(--swatch-menubg-color, 252, 252, 252), 1); /* Track */ border-color: rgba(var(--swatch-primary-darker), 1); } #main-content::after { content: " "; position: fixed; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 1rem; height: 100%; max-height: 100%; top: 0; -webkit-transition: left 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -o-transition: left 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-transition: left 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1); transition: left 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1); left: 1rem; background: url("https://scp-wiki.wdfiles.com/local--files/component%3Acollapsible-sidebar/sidebar-tab.svg"); background-repeat: no-repeat; background-position: center left 1rem; background-attachment: fixed; -webkit-background-size: 1rem 12.875rem; -moz-background-size: 1rem 12.875rem; -o-background-size: 1rem 12.875rem; background-size: 1rem 12.875rem; pointer-events: none; } #side-bar:hover+#main-content::after, #side-bar:active+#main-content::after { left: -17em; left: -webkit-calc(var(--sidebar-width-on-desktop, 17em) * -1); left: -moz-calc(var(--sidebar-width-on-desktop, 17em) * -1); left: calc(var(--sidebar-width-on-desktop, 17em) * -1); background-position: center left -17em; background-position: center left -webkit-calc(var(--sidebar-width-on-desktop, 17em) * -1); background-position: center left -moz-calc(var(--sidebar-width-on-desktop, 17em) * -1); background-position: center left calc(var(--sidebar-width-on-desktop, 17em) * -1); -webkit-transition: left 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -o-transition: left 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-transition: left 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1); transition: left 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1); opacity: 0; width: 0rem; font-size: 0em; } #side-bar:focus-within+#main-content::after { left: -17em; left: -webkit-calc(var(--sidebar-width-on-desktop, 17em) * -1); left: -moz-calc(var(--sidebar-width-on-desktop, 17em) * -1); left: calc(var(--sidebar-width-on-desktop, 17em) * -1); background-position: center left -17em; background-position: center left -webkit-calc(var(--sidebar-width-on-desktop, 17em) * -1); background-position: center left -moz-calc(var(--sidebar-width-on-desktop, 17em) * -1); background-position: center left calc(var(--sidebar-width-on-desktop, 17em) * -1); -webkit-transition: left 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -o-transition: left 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-transition: left 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1); transition: left 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1); opacity: 0; width: 0rem; font-size: 0em; } #main-content::before { --not-ie: absolute; content: " "; background-color: black; background-color: rgb(var(--swatch-alternate-color, 0, 0, 0)); position: fixed; position: var(--not-ie); top: 0; top: var(--final-header-height-on-desktop, 0); left: 0; -webkit-transform: translateX(-12.6rem); -moz-transform: translateX(-12.6rem); -ms-transform: translateX(-12.6rem); -o-transform: translateX(-12.6rem); transform: translateX(-12.6rem); -webkit-transform: translateX(-webkit-calc(var(--sidebar-width-on-desktop, 17em) * -1 + 1rem)); -moz-transform: translateX(-moz-calc(var(--sidebar-width-on-desktop, 17em) * -1 + 1rem)); -ms-transform: translateX(calc(var(--sidebar-width-on-desktop, 17em) * -1 + 1rem)); -o-transform: translateX(calc(var(--sidebar-width-on-desktop, 17em) * -1 + 1rem)); transform: translateX(calc(var(--sidebar-width-on-desktop, 17em) * -1 + 1rem)); width: 17em; width: var(--sidebar-width-on-desktop, 17em); height: -webkit-calc(100% - 3rem); height: -moz-calc(100% - 3rem); height: calc(100% - 3rem); height: -webkit-calc(100% - var(--final-header-height-on-desktop, 0.688rem) - 2.313rem); height: -moz-calc(100% - var(--final-header-height-on-desktop, 0.688rem) - 2.313rem); height: calc(100% - var(--final-header-height-on-desktop, 0.688rem) - 2.313rem); -webkit-transition: opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1); transition: opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -o-transition: opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -o-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-transition: transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -moz-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1); transition: transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1); transition: transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -moz-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -o-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1); opacity: 0.5; pointer-events: none; z-index: 9; margin-bottom: 0; margin-bottom: -webkit-calc(var(--final-header-height-on-desktop, -2.313rem) * -1 - 2.313rem); margin-bottom: -moz-calc(var(--final-header-height-on-desktop, -2.313rem) * -1 - 2.313rem); margin-bottom: calc(var(--final-header-height-on-desktop, -2.313rem) * -1 - 2.313rem); } #side-bar:hover+#main-content::before, #side-bar:active+#main-content::before { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 0; } #side-bar:focus-within+#main-content::before { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 0; } #side-bar .side-block { margin-top: 1em; padding-left: 0.25em; background-color: rgb(0, 0, 0, 0); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-left-width: 0rem; border-right-width: 0rem; direction: ltr; } #side-bar .scpnet-interwiki-wrapper { direction: ltr; } @supports (-ms-ime-align: auto) { #side-bar { overflow-y: hidden; overflow-x: hidden; -webkit-transform: translateX(-90%) !important; -moz-transform: translateX(-90%) !important; -ms-transform: translateX(-90%) !important; -o-transform: translateX(-90%) !important; transform: translateX(-90%) !important; } #side-bar:hover, #side-bar:active { overflow-y: auto; -webkit-transform: translateX(0) !important; -moz-transform: translateX(0) !important; -ms-transform: translateX(0) !important; -o-transform: translateX(0) !important; transform: translateX(0) !important; margin-left: -0.5rem; } #side-bar:focus-within { overflow-y: auto; -webkit-transform: translateX(0) !important; -moz-transform: translateX(0) !important; -ms-transform: translateX(0) !important; -o-transform: translateX(0) !important; transform: translateX(0) !important; margin-left: -0.5rem; } #main-content::before { left: 1rem; -webkit-transform: translateX(-100%) !important; -moz-transform: translateX(-100%) !important; -ms-transform: translateX(-100%) !important; -o-transform: translateX(-100%) !important; transform: translateX(-100%) !important; } } } /* -=- FADE IN -=- */ @media screen and (prefers-reduced-motion: no-preference) { #page-title, #breadcrumbs, #page-content > * { animation-name: fadeIn; animation-duration: 1s; animation-iteration-count: 1; animation-timing-function: ease-out; animation-fill-mode: backwards; } } #page-title { animation-delay: 0s; } @keyframes fadeIn { from { opacity: 0; transform: translate(0,30px); } to { opacity: 1; transform: translate(0,0); } } :root { --fade-in-delay: 0.2s; } #page-content > :nth-child(1) { animation-delay: calc(1 * var(--fade-in-delay)); } #page-content > :nth-child(2) { animation-delay: calc(2 * var(--fade-in-delay)); } #page-content > :nth-child(3) { animation-delay: calc(3 * var(--fade-in-delay)); } #page-content > :nth-child(4) { animation-delay: calc(4 * var(--fade-in-delay)); } #page-content > :nth-child(5) { animation-delay: calc(5 * var(--fade-in-delay)); } #page-content > :nth-child(6) { animation-delay: calc(6 * var(--fade-in-delay)); } #page-content > :nth-child(7) { animation-delay: calc(7 * var(--fade-in-delay)); } #page-content > :nth-child(8) { animation-delay: calc(8 * var(--fade-in-delay)); } #page-content > :nth-child(9) { animation-delay: calc(9 * var(--fade-in-delay)); } #page-content > :nth-child(10) { animation-delay: calc(10 * var(--fade-in-delay)); } #page-content > :nth-child(11) { animation-delay: calc(11 * var(--fade-in-delay)); } #page-content > :nth-child(12) { animation-delay: calc(12 * var(--fade-in-delay)); } #page-content > :nth-child(13) { animation-delay: calc(13 * var(--fade-in-delay)); } #page-content > :nth-child(14) { animation-delay: calc(14 * var(--fade-in-delay)); } #page-content > :nth-child(15) { animation-delay: calc(15 * var(--fade-in-delay)); } #page-content > :nth-child(n+15) { animation-delay: calc(16 * var(--fade-in-delay)); }
終焉的終焉
鶴立於電子火海之上
虛幻的焰紅色像素抽離自她的靈魂
褪色花海落入熾熱的撕咬
神見過那樣的表情「救救我。」
黑袍死神卻裹足不前
牛頭馬面也聲嘶力竭
掀開湧動的熱浪
或許是我走到她的面前
所以餘燼爭先恐後撕下她的禮服
她橫越了時間 她受限於時間
我並非神祇
但我認出了那個表情
她微笑著,向我遞了枯萎的玫瑰
「Morituri te salutant.」
黑白棋局
一場持續千年的零合遊戲
無窮無盡的籌碼
卻在十八秒的沉默中化作灰燼
她回過神來
並不是忘記擁抱的方法了
只是無人想與她相擁
我們沒有忘記
但卻不再惦記
或許思念著為了自己的儀式
時間不會停下
棋局不會結束
但她會
單相思
別哭
吾等未曾離去
吾等未曾離去
所以別哭
吾這一生的摯愛
請停止哭泣
至少
在吾等成為平行的雙線以前吾依然記得
在伯利恆的新星湛藍之時
吾等初次相認在黃天終將當道之時
吾等步入思念在交叉的信念貫穿耶路薩冷之時
吾等獻出心跳在人群沾染純黑油彩之時
吾等墜入熱戀在自由的旗幟立於怒者歌聲之時
吾等陷入依存在夢之涵義溶化成文字之時
吾等渴求永恆在人類觸及高掛空中的浪漫之時
吾等伸出左腕而最終
輪迴失去了意義
天命不再降生
吾等
吾 與 爾
化為永久的
單相思