您正在查詢的標題為:關注組織
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:機動特遣隊
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:基金會設施
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:員工與角色檔案
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:世界線中心頁
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:系列檔案室
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:競賽資料庫
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:異常物品紀錄
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:超常事件紀錄
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:未解明地點列表
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:基金會故事
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
外觀主題配色
使用方式
注意:這是根據Black Highlighter(黑色標記筆)主題進而改版製作的。您還需要導入Black Highlighter主題才能使用此主題。 更多詳情請見此。
為了使用這個外觀主題,請於你的頁面中加入以下代碼:
[[include :scp-zh-tr:theme:black-highlighter-theme]]
[[include :scp-zh-tr:theme:galactic-theme]]
範例
一條水平線可以透括使用5個連字號「-----」來創建,並且如果它沒被包在任何東西裡面的話(例如引用塊),它會延伸並橫跨整個頁面。在這份文件中被拿來分段的就是水平線。
標題可以被以在一行的開頭添加一至六個加號「+」來創建
這是個tabview
嘿,看看這裡,這裡有更多文字。
多麼別緻啊。
這是個長Tab。裡面容納了大量文字。
這是個長Tab。裡面容納了大量文字。
這是個長Tab。裡面容納了大量文字。
這是個長Tab。裡面容納了大量文字。
這是個長Tab。裡面容納了大量文字。
這是個長Tab。裡面容納了大量文字。
這是個長Tab。裡面容納了大量文字。
這是個長Tab。裡面容納了大量文字。
這是個長Tab。裡面容納了大量文字。
這是個長Tab。裡面容納了大量文字。
這是個長Tab。裡面容納了大量文字。
這是個引用塊,可以透過在每一行的開頭添加「> 」來創建。
更多文字
這是個水平線。
巢狀引用塊
這是個 | 表格 |
---|---|
你應該要 | 知道該如何 |
創建這東西了 |
Body所使用的字體是Fira Sans。Header所使用的字體是Sirin Stencil。Monospace所使用的字體是PT Mono。
/* Fonts */ @import url('https://fonts.googleapis.com/css?family=Fira+Sans:500,700,900|Sirin+Stencil'); /* All Vars Used */ @supports(display:grid) { :root:lang(zh) { /* S-CSS-P Integration */ /* If you're making a new CSS theme, please include the following three variables at minimum. */ --theme-base: "nuscp"; /* must be either "nuscp" or "sigma9" */ --theme-id: "galfed-theme"; /* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */ --theme-name: "Galactic Federation Theme"; /* set this to your theme's full name */ /* Header */ --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme:galactic-theme/galfedlogo.gif"); --header-title: "銀河聯邦"; --header-subtitle: "潔淨受汙之心"; /* Typefaces */ --body-font: 'Fira Sans', 'Lato', sans-serif; --header-font: 'Sirin Stencil', 'Poppins', sans-serif; --title-font: 'Sirin Stencil', 'Poppins', sans-serif; --mono-font: "PT Mono", "Andale Mono", "Courier New", Courier, monospace; /* Standard Colors */ --white-monochrome: 246, 246, 246; /* white */ --pale-gray-monochrome: 244, 244, 244; /* v light gray for blockquotes and stuff */ --light-gray-monochrome: 170, 170, 170; /* light accent gray for login status */ --gray-monochrome: 69, 69, 72; /* gray */ --dark-gray-monochrome: 51, 48, 52; /* dark accent gray for sidebar background */ --black-monochrome: 14, 4, 14; /* black */ --bright-accent: 203, 90, 204; /* purple */ --pale-accent: 143, 64, 145; /* medium-dark purple */ --medium-accent: 111, 25, 93; /* medium purple */ --dark-accent: 27, 22, 62; /* dark purple */ --newpage-color: 7, 190, 234; /* pale orange */ /* Primary Theme Colors */ --swatch-background: var(--black-monochrome); --swatch-primary: var(--bright-accent); --swatch-primary-darker: var(--medium-accent); --swatch-primary-darkest: var(--dark-accent); /* Primary Text Colors */ --swatch-text-dark: var(--black-monochrome); --swatch-text-light: var(--white-monochrome); --swatch-text-general: var(--swatch-text-light); --swatch-important-text: var(--bright-accent); /* Primary Menu Colors */ --swatch-menubg-color: var(--black-monochrome); --swatch-menubg-light-color: var(--pale-gray-monochrome); --swatch-menubg-medium-color: var(--light-gray-monochrome); --swatch-menubg-medium-dark-color: var(--gray-monochrome); --swatch-menubg-dark-color: var(--dark-gray-monochrome); --swatch-menubg-black-color: var(--black-monochrome); --swatch-menubg-hover-color: var(--bright-accent); --swatch-menutxt-dark-color: var(--black-monochrome); --swatch-menutxt-light-color: var(--white-monochrome); --swatch-menutxt-general-color: var(--swatch-menutxt-light-color); --swatch-border-color: var(--bright-accent); /* Primary Header Colors */ --swatch-headerh1-color: var(--white-monochrome); --swatch-headerh2-color: var(--white-monochrome); --swatch-topmenu-border-color: var(--white-monochrome); --swatch-topmenu-bg-color: var(--gray-monochrome); --rating-module-button-color: var(--swatch-menutxt-light-color); --rating-module-text-color: var(--swatch-menutxt-light-color); /* Link Colors */ --link-color: var(--pale-accent); --visited-link-color: var(--swatch-primary); --hover-link-color: var(--swatch-primary); /* Header Gradients */ --gradient-header: linear-gradient(to top, rgba(99, 33, 37, 0.97) 0%, rgb(76, 25, 30) 70%, rgb(56, 37, 37) 100%); --gradient-topmenu: linear-gradient(to bottom, white 0%, white 7.5rem, rgba(var(--swatch-topmenu-border-color), 1) 7.5rem, rgba(var(--swatch-topmenu-bg-color), 1) 7.625rem, rgba(var(--swatch-topmenu-bg-color), 0.95) -webkit-calc(100% - 0.125rem), rgba(var(--swatch-topmenu-bg-color), 1) -webkit-calc(100% - 0.125rem), rgba(var(--swatch-topmenu-border-color), 1) 100%); --gradient-topmenu: linear-gradient(to bottom, white 0%, white 7.5rem, rgba(var(--swatch-topmenu-border-color), 1) 7.5rem, rgba(var(--swatch-topmenu-bg-color), 1) 7.625rem, rgba(var(--swatch-topmenu-bg-color), 0.95) -moz-calc(100% - 0.125rem), rgba(var(--swatch-topmenu-bg-color), 1) -moz-calc(100% - 0.125rem), rgba(var(--swatch-topmenu-border-color), 1) 100%); --gradient-topmenu: linear-gradient(to bottom, white 0%, white 7.5rem, rgba(var(--swatch-topmenu-border-color), 1) 7.5rem, rgba(var(--swatch-topmenu-bg-color), 1) 7.625rem, rgba(var(--swatch-topmenu-bg-color), 0.95) calc(100% - 0.125rem), rgba(var(--swatch-topmenu-bg-color), 1) calc(100% - 0.125rem), rgba(var(--swatch-topmenu-border-color), 1) 100%); --gradient-topmenu-mobile: inherit; --diagonal-stripes: inherit; --gradient-sidemenu-header: linear-gradient(10deg, rgba(var(--medium-accent), 0.45) 0%, rgba(var(--medium-accent), 0.55) 100%); --gradient-background: linear-gradient(to bottom, rgba(var(--background-gradient-color), 1) -webkit-calc((0 / 100) * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.987) -webkit-calc((0.8 / 100) * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.951) -webkit-calc((2.9 / 100) * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.896) -webkit-calc((6.4 / 100) * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.825) -webkit-calc((11 / 100) * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.741) -webkit-calc((16.6 / 100) * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.648) -webkit-calc((23.1 / 100) * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.55) -webkit-calc((30.4 / 100) * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.45) -webkit-calc((38.3 / 100) * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.352) -webkit-calc((46.7 / 100) * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.259) -webkit-calc((55.4 / 100) * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.175) -webkit-calc((64.4 / 100) * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.104) -webkit-calc((73.5 / 100) * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.049) -webkit-calc((82.5 / 100) * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.013) -webkit-calc((91.4 / 100) * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0) -webkit-calc((100 / 100) * var(--background-gradient-distance))); --gradient-background: linear-gradient(to bottom, rgba(var(--background-gradient-color), 1) -moz-calc((0 / 100) * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.987) -moz-calc((0.8 / 100) * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.951) -moz-calc((2.9 / 100) * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.896) -moz-calc((6.4 / 100) * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.825) -moz-calc((11 / 100) * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.741) -moz-calc((16.6 / 100) * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.648) -moz-calc((23.1 / 100) * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.55) -moz-calc((30.4 / 100) * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.45) -moz-calc((38.3 / 100) * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.352) -moz-calc((46.7 / 100) * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.259) -moz-calc((55.4 / 100) * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.175) -moz-calc((64.4 / 100) * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.104) -moz-calc((73.5 / 100) * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.049) -moz-calc((82.5 / 100) * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.013) -moz-calc((91.4 / 100) * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0) -moz-calc((100 / 100) * var(--background-gradient-distance))); --gradient-background: linear-gradient(to bottom, rgba(var(--background-gradient-color), 1) calc((0 / 100) * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.987) calc((0.8 / 100) * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.951) calc((2.9 / 100) * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.896) calc((6.4 / 100) * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.825) calc((11 / 100) * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.741) calc((16.6 / 100) * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.648) calc((23.1 / 100) * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.55) calc((30.4 / 100) * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.45) calc((38.3 / 100) * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.352) calc((46.7 / 100) * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.259) calc((55.4 / 100) * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.175) calc((64.4 / 100) * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.104) calc((73.5 / 100) * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.049) calc((82.5 / 100) * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.013) calc((91.4 / 100) * var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0) calc((100 / 100) * var(--background-gradient-distance))); --header-background-image-size: 100% 7.5rem; /* Spacing Measurements */ --offset-from-page-top: 1.2rem; /* space between the top of the page and the start of the header */ --body-width-on-desktop: 44.25rem; --sidebar-width-on-desktop: -webkit-calc(var(--base-font-size)*19); --sidebar-width-on-desktop: -moz-calc(var(--base-font-size)*19); --sidebar-width-on-desktop: calc(var(--base-font-size)*19); --sidebar-width-on-mobile: 14rem; --scrollbar-width: 0.5625rem; --border-styling: solid 0.0625rem rgb(var(--swatch-border-color)); --border-radius-width: 0.0625rem; /* Box-Shadow 1px Borders */ --box-border-bottom: 0 0.0625rem 0 0 rgb(var(--swatch-border-color)); --box-border-top: 0 -0.0625rem 0 0 rgb(var(--swatch-border-color)); --box-border-left: -0.0625rem 0 0 0 rgb(var(--swatch-border-color)); --box-border-right: 0.0625rem 0 0 0 rgb(var(--swatch-border-color)); --box-border-all: 0 0 0 0.0625rem rgb(var(--swatch-border-color)); /* Sidebar */ --sidebar-transition-timing: 0.5s ease-in-out 0.1s; --sidebar-internal-border-thickness: 0.125rem; --background-gradient-color: 215, 215, 215; --background-gradient-distance: 40rem; /* Dynamic Font Sizing */ /* This set of vars will make the base font size vary with screen width */ /* base font size ranges */ --unitless-min-font-size: 0.8; --unitless-max-font-size: 1; /* base viewport size ranges */ --unitless-min-viewport: 768; --unitless-max-viewport: 900; /* base line height size ranges */ --min-lineheight: 1.2; --max-lineheight: 1.5; /* calculating size differences */ --font-size-difference: -webkit-calc(var(--unitless-max-font-size) - var(--unitless-min-font-size)); --font-size-difference: -moz-calc(var(--unitless-max-font-size) - var(--unitless-min-font-size)); --font-size-difference: calc(var(--unitless-max-font-size) - var(--unitless-min-font-size)); --lineheight-difference: -webkit-calc(var(--max-lineheight) - var(--min-lineheight)); --lineheight-difference: -moz-calc(var(--max-lineheight) - var(--min-lineheight)); --lineheight-difference: calc(var(--max-lineheight) - var(--min-lineheight)); --viewport-range-difference: -webkit-calc(var(--unitless-max-viewport) - var(--unitless-min-viewport)); --viewport-range-difference: -moz-calc(var(--unitless-max-viewport) - var(--unitless-min-viewport)); --viewport-range-difference: calc(var(--unitless-max-viewport) - var(--unitless-min-viewport)); --min-viewport-difference: -webkit-calc(100vw - (var(--unitless-min-viewport) * 1px)); --min-viewport-difference: -moz-calc(100vw - (var(--unitless-min-viewport) * 1px)); --min-viewport-difference: calc(100vw - (var(--unitless-min-viewport) * 1px)); /* responsive fluid type formula */ --font-calc: -webkit-calc((var(--unitless-min-font-size) * 1rem) + var(--font-size-difference) * var(--min-viewport-difference) / var(--viewport-range-difference)); --font-calc: -moz-calc((var(--unitless-min-font-size) * 1rem) + var(--font-size-difference) * var(--min-viewport-difference) / var(--viewport-range-difference)); --font-calc: calc((var(--unitless-min-font-size) * 1rem) + var(--font-size-difference) * var(--min-viewport-difference) / var(--viewport-range-difference)); --line-calc: -webkit-calc(var(--min-lineheight) + var(--lineheight-difference) * var(--min-viewport-difference) / var(--viewport-range-difference)); --line-calc: -moz-calc(var(--min-lineheight) + var(--lineheight-difference) * var(--min-viewport-difference) / var(--viewport-range-difference)); --line-calc: calc(var(--min-lineheight) + var(--lineheight-difference) * var(--min-viewport-difference) / var(--viewport-range-difference)); /* final values */ --base-font-size: var(--font-calc); --base-line-height: var(--line-calc); } ::-moz-selection { background: rgba(var(--bright-accent), 0.5); } ::selection { background: rgba(var(--bright-accent), 0.5); } h1, h2, h3, h4, h5, h6, h7 { color: rgb(var(--swatch-primary)); font-family: var(--title-font); } a:visited, a:active, a:hover { color: rgb(var(--newpage-color)); } body { background-image: inherit; color: rgb(var(--swatch-text-light)); } body::before { background-position: center top; opacity: 0.75; z-index: -3; /*-webkit-animation: move 120s infinite linear; animation: move 120s infinite linear;*/ } #skrollr-body::before { background-position: left -12.5rem top -3.125rem; opacity: 0.5; z-index: -2; } body::before, #skrollr-body::before { content: " "; width: -webkit-calc(100%); width: -moz-calc(100%); width: calc(100%); height: -webkit-calc(100%); height: -moz-calc(100%); height: calc(100%); position: absolute; background-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Agalactic-theme/galfed_bg.png'); background-repeat: repeat-x; -webkit-background-size: 50% 50%; -moz-background-size: 50%; -o-background-size: 50%; background-size: 50%; pointer-events: none; -webkit-mask: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 120%); mask: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 120%); } #header { background-position: left .75rem top .65rem; -webkit-background-size: auto 6.375rem; -moz-background-size: auto 6.375rem; -o-background-size: auto 6.375rem; background-size: auto 6.375rem; -webkit-filter: inherit; filter: inherit; } #header h1 a { margin-left: 7.75rem; -webkit-font-variant-ligatures: no-common-ligatures; -moz-font-variant-ligatures: no-common-ligatures; font-variant-ligatures: no-common-ligatures; } #header h1, #header h2 { font-weight: normal; -webkit-font-variant-ligatures: no-common-ligatures; -moz-font-variant-ligatures: no-common-ligatures; font-variant-ligatures: no-common-ligatures; } #header h2 span { margin-left: 8.75rem; -webkit-font-variant-ligatures: no-common-ligatures; -moz-font-variant-ligatures: no-common-ligatures; font-variant-ligatures: no-common-ligatures; } #header h1 a::before, #header h1 a::after { content: var(--header-title); position: absolute; width: 300%; height: 100%; mix-blend-mode: overlay; -webkit-font-variant-ligatures: no-common-ligatures; -moz-font-variant-ligatures: no-common-ligatures; font-variant-ligatures: no-common-ligatures; } #header h1 a::after { -webkit-transform: translateY(-0.25rem) translateX(-0.125rem); -moz-transform: translateY(-0.25rem) translateX(-0.125rem); -ms-transform: translateY(-0.25rem) translateX(-0.125rem); -o-transform: translateY(-0.25rem) translateX(-0.125rem); transform: translateY(-0.25rem) translateX(-0.125rem); color: rgb(var(--bright-accent)); z-index: -1; mix-blend-mode: overlay; } #header h2 span::before { letter-spacing: 0.25em; -webkit-font-feature-settings: inherit; -moz-font-feature-settings: inherit; font-feature-settings: inherit; -webkit-font-variant-ligatures: no-common-ligatures; -moz-font-variant-ligatures: no-common-ligatures; font-variant-ligatures: no-common-ligatures; font-family: var(--header-font); font-weight: 800; } #side-bar { background-color: rgba(var(--swatch-menubg-dark-color), 0.1); } #side-bar:hover { background-color: rgba(var(--swatch-menubg-color),0.1);; } #side-bar .side-block { background-color: inherit; } #side-bar div.menu-item a, #side-bar div.menu-item a:visited, #side-bar div.menu-item a:active, #side-bar div.menu-item .text { color: rgb(var(--swatch-menutxt-light-color)); font-weight: 500; } #side-bar .heading p, #side-bar .side-block > .collapsible-block .collapsible-block-link { text-shadow: inherit; font-weight: 500; padding-right: 0.5rem; } div#page-options-bottom-2 > a, div#page-options-bottom > a { background-color: rgba(var(--swatch-menubg-dark-color),0.25); } blockquote, textarea { background-color: rgb(var(--swatch-menubg-dark-color)); color: rgb(var(--swatch-menutxt-light-color)); font-family: var(--body-font); border-color: rgb(var(--medium-accent)); } .code { border: 1px dashed rgb(var(--bright-accent)); background-color: rgb(var(--swatch-menubg-dark-color)); color: rgb(var(--swatch-menutxt-light-color)); font-family: var(--mono-font); } #page-title { color: rgb(var(--swatch-menutxt-light-color)); } .scp-image-block .scp-image-caption { background-color: rgb(var(--swatch-primary-darkest)); } .yui-navset .yui-nav a, yui-navset .yui-navset-top .yui-nav a, .yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li { background-color: rgb(var(--swatch-menubg-dark-color)); color: rgb(var(--swatch-menutxt-light-color)); } .yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content { border-color: rgb(var(--medium-accent)); } table.wiki-content-table, table.wiki-content-table tbody { border-collapse: collapse; } table.wiki-content-table th { background: rgb(var(--swatch-menubg-dark-color)); color: rgb(var(--bright-accent)); font-family: var(--header-font); font-size: -webkit-calc(var(--base-font-size) * 1.1); font-size: -moz-calc(var(--base-font-size) * 1.1); font-size: calc(var(--base-font-size) * 1.1); } table.wiki-content-table th, table.wiki-content-table tr { border: .0625rem solid rgba(var(--bright-accent), 0.25) !important; } table.wiki-content-table td { border: .0625rem solid rgb(var(--medium-accent)); } textarea, input { font-family: var(--body-font); } .content-panel.standalone { background: rgb(var(--swatch-primary-darkest)); } hr { border-top: none; background: -webkit-linear-gradient(80deg, rgba(var(--bright-accent), 0.15) 0%, rgba(var(--bright-accent), 1) 50%, rgba(var(--bright-accent), 0.15) 100%); background: -moz-linear-gradient(80deg, rgba(var(--bright-accent), 0.15) 0%, rgba(var(--bright-accent), 1) 50%, rgba(var(--bright-accent), 0.15) 100%); background: -o-linear-gradient(80deg, rgba(var(--bright-accent), 0.15) 0%, rgba(var(--bright-accent), 1) 50%, rgba(var(--bright-accent), 0.15) 100%); background: linear-gradient(10deg, rgba(var(--bright-accent), 0.15) 0%, rgba(var(--bright-accent), 1) 50%, rgba(var(--bright-accent), 0.15) 100%); -webkit-filter: blur(0.04rem); filter: blur(0.04rem); } .owindow .title { background-color: rgb(var(--swatch-menubg-dark-color)); } #odialog-container, .title.modal-header, .owindow, .hovertip { background-color: rgb(var(--swatch-primary-darkest)); } .owindow .button-bar a { background-color: rgb(var(--swatch-menubg-dark-color)); color: rgb(var(--white-monochrome)); } #search-top-box-form input[type="submit"] { font-size: -webkit-calc(var(--base-font-size) * 0.9); font-size: -moz-calc(var(--base-font-size) * 0.9); font-size: calc(var(--base-font-size) * 0.9); } #lock-info { background: rgb(var(--swatch-menubg-dark-color)); } #page-content > div.unmargined { background: rgb(var(--bright-accent)); } /* Sky Sermon Nav CSS */ .skysermon-nav { --text-shadow: rgba(var(--black-monochrome), 0.35); --box-shadow: rgb(var(--gray-monochrome)); --border-color: rgb(var(--bright-accent)); color: rgb(var(--white-monochrome)); text-shadow: 0.0625rem 0.0625rem 0.125rem var(--text-shadow); -webkit-border-radius: 0.0625rem; -moz-border-radius: 0.0625rem; border-radius: 0.0625rem; border: double 0.188rem var(--border-color); background-color: rgb(var(--dark-accent)); -webkit-box-shadow: 0.09375rem 0.09375rem 0.188rem var(--box-shadow); -moz-box-shadow: 0.09375rem 0.09375rem 0.188rem var(--box-shadow); box-shadow: 0.09375rem 0.09375rem 0.188rem var(--box-shadow); padding: 0 0.125rem; margin: 0.625rem 0 0.938rem; margin-bottom: 1.250rem; } .skysermon-nav a { color: rgb(var(--bright-accent)); display: inline-block; position: relative; width: 100%; height: 100%; padding-top: 0.45em; padding-bottom: 0.35em; } .skysermon-nav a::before { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; font-size: -webkit-calc(var(--base-font-size) * 1.1); font-size: -moz-calc(var(--base-font-size) * 1.1); font-size: calc(var(--base-font-size) * 1.1); line-height: -webkit-calc(var(--base-font-size) * 0.7); line-height: -moz-calc(var(--base-font-size) * 0.7); line-height: calc(var(--base-font-size) * 0.7); font-weight: 800; top: 0; } .skysermon-nav .footer-wikiwalk-nav { 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; } .skysermon-nav .footer-wikiwalk-nav * { line-height: 1em; } .skysermon-nav .footer-wikiwalk-nav .center { -webkit-flex-basis: 8em; -ms-flex-preferred-size: 8em; flex-basis: 8em; text-align: center; } .skysermon-nav .footer-wikiwalk-nav .left, .skysermon-nav .footer-wikiwalk-nav .right { -webkit-flex-basis: -webkit-calc(50% - 5em); -ms-flex-preferred-size: calc(50% - 5em); flex-basis: -moz-calc(50% - 5em); flex-basis: calc(50% - 5em); display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size: -webkit-calc(var(--base-font-size) * 0.8); font-size: -moz-calc(var(--base-font-size) * 0.8); font-size: calc(var(--base-font-size) * 0.8); position: relative; } .skysermon-nav .footer-wikiwalk-nav .left { text-align: right; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; border-right: 0.0625rem solid rgb(var(--white-monochrome)); padding-left: 1em; padding-right: 0.5em; margin: 0.35em 0 0.35em 0.35em; } .skysermon-nav .left > a::before { content: "«"; left: -0.75em; -webkit-transition: left 1s ease-in-out; -o-transition: left 1s ease-in-out; -moz-transition: left 1s ease-in-out; transition: left 1s ease-in-out; will-change: left; -webkit-animation: bounce-left 1.7s infinite; -moz-animation: bounce-left 1.7s infinite; -o-animation: bounce-left 1.7s infinite; animation: bounce-left 1.7s infinite; -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -o-animation-play-state: paused; animation-play-state: paused; } .skysermon-nav .left > a:hover::before { -webkit-animation-play-state: running; -moz-animation-play-state: running; -o-animation-play-state: running; animation-play-state: running; } .skysermon-nav .footer-wikiwalk-nav .right { text-align: left; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; border-left: 0.0625rem solid rgb(var(--white-monochrome)); padding-left: 0.5em; padding-right: 1em; margin: 0.35em 0.35em 0.35em 0; } .skysermon-nav .right > a::before { content: "»"; right: -0.75em; -webkit-transition: left 1s ease-in-out; -o-transition: left 1s ease-in-out; -moz-transition: left 1s ease-in-out; transition: left 1s ease-in-out; will-change: right; -webkit-animation: bounce-right 1.7s infinite; -moz-animation: bounce-right 1.7s infinite; -o-animation: bounce-right 1.7s infinite; animation: bounce-right 1.7s infinite; -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -o-animation-play-state: paused; animation-play-state: paused; } .skysermon-nav .right > a:hover::before { -webkit-animation-play-state: running; -moz-animation-play-state: running; -o-animation-play-state: running; animation-play-state: running; } @media only screen and (max-width: 768px) { #header h1 a { margin-top: -webkit-calc(0.625rem + var(--offset-from-page-top)); margin-top: -moz-calc(0.625rem + var(--offset-from-page-top)); margin-top: calc(0.625rem + var(--offset-from-page-top)); } #header h2 span { margin-left: 7.75rem; } #header h2 span::before { letter-spacing: 0.1em; } #skrollr-body:target #container { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } #skrollr-body:target #container-wrap-wrap { overflow: hidden; } #top-bar { background-color: rgb(var(--black-monochrome)) } #top-bar div.top-bar > ul > li > ul, #top-bar div.mobile-top-bar > ul > li > ul { -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } #top-bar div.mobile-top-bar > ul > li > ul > li { max-height: -webkit-calc(99vh / 15); max-height: -moz-calc(99vh / 15); max-height: calc(99vh / 15); max-width: -webkit-calc(98vw + 1px); max-width: -moz-calc(98vw + 1px); max-width: calc(98vw + 1px); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: -webkit-calc(98vw + 1px); width: -moz-calc(98vw + 1px); width: calc(98vw + 1px); -webkit-box-flex: 2; -webkit-flex-grow: 2; -moz-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; -webkit-flex-basis: -webkit-calc(98vw / 2); -ms-flex-preferred-size: calc(98vw / 2); flex-basis: -moz-calc(98vw / 2); flex-basis: calc(98vw / 2); } #top-bar div.top-bar > ul > li > ul > li > a, #top-bar div.mobile-top-bar > ul > li > ul > li > a { height: 100%; width: 100%; line-height: 1em; 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; font-size: -webkit-calc(var(--base-font-size) * 0.8); font-size: -moz-calc(var(--base-font-size) * 0.8); font-size: calc(var(--base-font-size) * 0.8); } #top-bar > div.mobile-top-bar > ul > li:nth-child(1) > ul > li:nth-child(1) > a::before, #top-bar > div.mobile-top-bar > ul > li:nth-child(1) > ul > li:nth-child(11) > a::before, #top-bar > div.mobile-top-bar > ul > li:nth-child(1) > ul > li:nth-child(21) > a::before, #top-bar > div.mobile-top-bar > ul > li:nth-child(1) > ul > li:nth-child(31) > a::before, #top-bar > div.mobile-top-bar > ul > li:nth-child(1) > ul > li:nth-child(41) > a::before, #top-bar > div.mobile-top-bar > ul > li:nth-child(1) > ul > li:nth-child(51) > a::before { 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; } #side-bar { background-color: rgba(var(--swatch-menubg-dark-color), 1); } #side-bar:hover { background-color: rgba(var(--swatch-menubg-color),1);; } } /* CSS Animations */ @-webkit-keyframes move { 25% { -webkit-transform: translateY(-3.125rem) translateX(0); transform: translateY(-3.125rem) translateX(0); } 50% { -webkit-transform: translateY(0px) translateX(-3.125rem); transform: translateY(0px) translateX(-3.125rem); } 75% { -webkit-transform: translateY(-3.125rem) translateX(0); transform: translateY(-3.125rem) translateX(0); } } @-moz-keyframes move { 25% { -moz-transform: translateY(-3.125rem) translateX(0); transform: translateY(-3.125rem) translateX(0); } 50% { -moz-transform: translateY(0px) translateX(-3.125rem); transform: translateY(0px) translateX(-3.125rem); } 75% { -moz-transform: translateY(-3.125rem) translateX(0); transform: translateY(-3.125rem) translateX(0); } } @-o-keyframes move { 25% { -o-transform: translateY(-3.125rem) translateX(0); transform: translateY(-3.125rem) translateX(0); } 50% { -o-transform: translateY(0px) translateX(-3.125rem); transform: translateY(0px) translateX(-3.125rem); } 75% { -o-transform: translateY(-3.125rem) translateX(0); transform: translateY(-3.125rem) translateX(0); } } @keyframes move { 25% { -webkit-transform: translateY(-3.125rem) translateX(0); -moz-transform: translateY(-3.125rem) translateX(0); -o-transform: translateY(-3.125rem) translateX(0); transform: translateY(-3.125rem) translateX(0); } 50% { -webkit-transform: translateY(0px) translateX(-3.125rem); -moz-transform: translateY(0px) translateX(-3.125rem); -o-transform: translateY(0px) translateX(-3.125rem); transform: translateY(0px) translateX(-3.125rem); } 75% { -webkit-transform: translateY(-3.125rem) translateX(0); -moz-transform: translateY(-3.125rem) translateX(0); -o-transform: translateY(-3.125rem) translateX(0); transform: translateY(-3.125rem) translateX(0); } } @-webkit-keyframes move2 { 25% { -webkit-transform: translateY(0) translateX(-3.125rem); transform: translateY(0) translateX(-3.125rem); } 50% { -webkit-transform: translateY(-3.125rem) translateX(0); transform: translateY(-3.125rem) translateX(0); } 75% { -webkit-transform: translateY(0) translateX(-3.125rem); transform: translateY(0) translateX(-3.125rem); } } @-moz-keyframes move2 { 25% { -moz-transform: translateY(0) translateX(-3.125rem); transform: translateY(0) translateX(-3.125rem); } 50% { -moz-transform: translateY(-3.125rem) translateX(0); transform: translateY(-3.125rem) translateX(0); } 75% { -moz-transform: translateY(0) translateX(-3.125rem); transform: translateY(0) translateX(-3.125rem); } } @-o-keyframes move2 { 25% { -o-transform: translateY(0) translateX(-3.125rem); transform: translateY(0) translateX(-3.125rem); } 50% { -o-transform: translateY(-3.125rem) translateX(0); transform: translateY(-3.125rem) translateX(0); } 75% { -o-transform: translateY(0) translateX(-3.125rem); transform: translateY(0) translateX(-3.125rem); } } @keyframes move2 { 25% { -webkit-transform: translateY(0) translateX(-3.125rem); -moz-transform: translateY(0) translateX(-3.125rem); -o-transform: translateY(0) translateX(-3.125rem); transform: translateY(0) translateX(-3.125rem); } 50% { -webkit-transform: translateY(-3.125rem) translateX(0); -moz-transform: translateY(-3.125rem) translateX(0); -o-transform: translateY(-3.125rem) translateX(0); transform: translateY(-3.125rem) translateX(0); } 75% { -webkit-transform: translateY(0) translateX(-3.125rem); -moz-transform: translateY(0) translateX(-3.125rem); -o-transform: translateY(0) translateX(-3.125rem); transform: translateY(0) translateX(-3.125rem); } } @-webkit-keyframes flicker { 0% { opacity: .1; } 10% { opacity: 1; } 15% { opacity: .3; } 17% { opacity: 1; } 20% { opacity: .5; } 25% { opacity: .2; } 30% { opacity: 1; } 43% { opacity: .3; } 43% { opacity: .8; } 75% { opacity: .75; } 79% { opacity: .53; } 80% { opacity: .69; } 100% { opacity: 1; } } @-moz-keyframes flicker { 0% { opacity: .1; } 10% { opacity: 1; } 15% { opacity: .3; } 17% { opacity: 1; } 20% { opacity: .5; } 25% { opacity: .2; } 30% { opacity: 1; } 43% { opacity: .3; } 43% { opacity: .8; } 75% { opacity: .75; } 79% { opacity: .53; } 80% { opacity: .69; } 100% { opacity: 1; } } @-o-keyframes flicker { 0% { opacity: .1; } 10% { opacity: 1; } 15% { opacity: .3; } 17% { opacity: 1; } 20% { opacity: .5; } 25% { opacity: .2; } 30% { opacity: 1; } 43% { opacity: .3; } 43% { opacity: .8; } 75% { opacity: .75; } 79% { opacity: .53; } 80% { opacity: .69; } 100% { opacity: 1; } } @keyframes flicker { 0% { opacity: .1; } 10% { opacity: 1; } 15% { opacity: .3; } 17% { opacity: 1; } 20% { opacity: .5; } 25% { opacity: .2; } 30% { opacity: 1; } 43% { opacity: .3; } 43% { opacity: .8; } 75% { opacity: .75; } 79% { opacity: .53; } 80% { opacity: .69; } 100% { opacity: 1; } } @-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-moz-keyframes rotation { from { -moz-transform: rotate(0deg); transform: rotate(0deg); } to { -moz-transform: rotate(359deg); transform: rotate(359deg); } } @-o-keyframes rotation { from { -o-transform: rotate(0deg); transform: rotate(0deg); } to { -o-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes rotation { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-webkit-keyframes bounce-left { 0% { left: -0.75em; } 50% { left: -0.50rem; } 100% { left: -0.75em; } } @-moz-keyframes bounce-left { 0% { left: -0.75em; } 50% { left: -0.50rem; } 100% { left: -0.75em; } } @-o-keyframes bounce-left { 0% { left: -0.75em; } 50% { left: -0.50rem; } 100% { left: -0.75em; } } @keyframes bounce-left { 0% { left: -0.75em; } 50% { left: -0.50rem; } 100% { left: -0.75em; } } @-webkit-keyframes bounce-right { 0% { right: -0.75em; } 50% { right: -0.50rem; } 100% { right: -0.75em; } } @-moz-keyframes bounce-right { 0% { right: -0.75em; } 50% { right: -0.50rem; } 100% { right: -0.75em; } } @-o-keyframes bounce-right { 0% { right: -0.75em; } 50% { right: -0.50rem; } 100% { right: -0.75em; } } @keyframes bounce-right { 0% { right: -0.75em; } 50% { right: -0.50rem; } 100% { right: -0.75em; } } }