Paperstack 外觀主題

您正在查詢的標題為：關注組織
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源，或按此取消

dummy

繁中原創

主站翻譯

dummy

俄文分部

韓文分部

中國分部

法文分部

波蘭分部

西語分部

泰文分部

日文分部

德文分部

義語分部

烏克蘭分部

葡語分部

捷克分部

越南分部

您正在查詢的標題為：機動特遣隊
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源，或按此取消

dummy

繁中原創

主站翻譯

dummy

俄文分部

韓文分部

中國分部

法文分部

波蘭分部

西語分部

泰文分部

日文分部

德文分部

義語分部

烏克蘭分部

葡語分部

捷克分部

越南分部

您正在查詢的標題為：基金會設施
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源，或按此取消

dummy

繁中原創

主站翻譯

dummy

俄文分部

韓文分部

中國分部

法文分部

波蘭分部

西語分部

泰文分部

日文分部

德文分部

義語分部

烏克蘭分部

葡語分部

捷克分部

越南分部

您正在查詢的標題為：人物檔案
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源，或按此取消

dummy

繁中原創

主站翻譯

dummy

俄文分部

韓文分部

中國分部

法文分部

波蘭分部

西語分部

泰文分部

日文分部

德文分部

義語分部

烏克蘭分部

葡語分部

捷克分部

越南分部

您正在查詢的標題為：世界線中心頁
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源，或按此取消

dummy

繁中原創

主站翻譯

dummy

俄文分部

韓文分部

中國分部

法文分部

波蘭分部

西語分部

泰文分部

日文分部

德文分部

義語分部

烏克蘭分部

葡語分部

捷克分部

越南分部

您正在查詢的標題為：系列檔案室
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源，或按此取消

dummy

繁中原創

主站翻譯

dummy

俄文分部

韓文分部

中國分部

法文分部

波蘭分部

西語分部

泰文分部

日文分部

德文分部

義語分部

烏克蘭分部

葡語分部

捷克分部

越南分部

您正在查詢的標題為：競賽資料庫
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源，或按此取消

dummy

繁中原創

主站翻譯

dummy

俄文分部

韓文分部

中國分部

法文分部

波蘭分部

西語分部

泰文分部

日文分部

德文分部

義語分部

烏克蘭分部

葡語分部

捷克分部

越南分部

您正在查詢的標題為：異常物品紀錄
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源，或按此取消

dummy

繁中原創

主站翻譯

dummy

俄文分部

韓文分部

中國分部

法文分部

波蘭分部

西語分部

泰文分部

日文分部

德文分部

義語分部

烏克蘭分部

葡語分部

捷克分部

越南分部

您正在查詢的標題為：超常事件紀錄
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源，或按此取消

dummy

繁中原創

主站翻譯

dummy

俄文分部

韓文分部

中國分部

法文分部

波蘭分部

西語分部

泰文分部

日文分部

德文分部

義語分部

烏克蘭分部

葡語分部

捷克分部

越南分部

您正在查詢的標題為：未解明地點列表
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源，或按此取消

dummy

繁中原創

主站翻譯

dummy

俄文分部

韓文分部

中國分部

法文分部

波蘭分部

西語分部

泰文分部

日文分部

德文分部

義語分部

烏克蘭分部

葡語分部

捷克分部

越南分部

您正在查詢的標題為：基金會故事
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源，或按此取消

dummy

繁中原創

主站翻譯

dummy

俄文分部

韓文分部

中國分部

法文分部

波蘭分部

西語分部

泰文分部

日文分部

德文分部

義語分部

烏克蘭分部

葡語分部

捷克分部

越南分部

作品著作資訊

原文：Paperstack Theme

作者：EstrellaYoshte

譯者：Viken-K

由這裏開始是一般文字。

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent dapibus neque dapibus ullamcorper facilisis. Sed et porta arcu, a vestibulum ligula. Nam auctor, arcu vel fringilla lobortis, ipsum ante malesuada turpis, vitae dapibus mi risus non diam. Fusce aliquam feugiat mauris, a consectetur justo dignissim vitae.

Duis eleifend justo eu orci placerat, at bibendum felis aliquam. Integer eu dapibus dui. Praesent viverra dolor vitae commodo hendrerit. Suspendisse aliquam mattis neque et vulputate. Sed nisl risus, vehicula eu nunc vel, lobortis iaculis ex. Nullam sollicitudin, nunc scelerisque euismod dignissim, leo erat iaculis lorem, sit amet interdum nulla justo luctus nibh. Aliquam tincidunt, risus eget sagittis posuere, augue est malesuada magna, non rutrum justo magna nec nunc.

Mauris nisi turpis, feugiat sed semper vitae, scelerisque et libero. Vivamus ex massa, placerat ut lorem nec, mollis tempor risus. Morbi eget leo dui. Duis sit amet massa vel magna euismod commodo. Vestibulum sit amet pretium eros. Duis pretium suscipit nunc, id dignissim orci laoreet sodales. Duis non vehicula dolor. Nulla at mi ut ante gravida vehicula.

這是個由 EstrellaYoshte所創作的美觀性 Sigma+ 主題，啟發自在《收容失效》裡面看到的介面。

如要使用該主題，請將以下這段文字放在頁面的開頭：

[[include :scp-zh-tr:theme:paperstack]]
[[div class="logo"]]
[[image https://scp-wiki.wdfiles.com/local--files/theme%3Apaperstack/lgtrans.png]]
[[/div]]

[[include info:start]]

[[include info:end]]

[[div class="header-container-ex"]]
[[include component:image-block name=(圖像連結)|caption=(圖像說明文字)|width=300px|align=right]]
[[div class="header-info"]]
[[div class="header-info-flex"]]
[[div class="text-item"]]
[[size 90%]]##grey|**項目編號：**##[[/size]]

[[size 220%]]**9999**[[/size]]
[[/div]]

[[div class="text-item"]]
[[size 90%]]##grey|**收容等級：**##[[/size]]

[[size 220%]]**THEME-IEL**[[/size]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
由這裏開始是一般文字。

又或者你可以自行斟酌要使用幾個 text-item div 區塊或是刪去圖片方塊。

[[include :scp-zh-tr:theme:paperstack]]
[[div class="logo"]]
[[image https://scp-wiki.wdfiles.com/local--files/theme%3Apaperstack/lgtrans.png]]
[[/div]]

[[include info:start]]

[[include info:end]]

[[div class="header-container-ex"]]
[[div class="header-info"]]
[[div class="header-info-flex"]]
[[div class="text-item"]]
在此輸入文字
[[/div]]
[[/div]]
[[/div]]
[[/div]]

這是一個tabview。

這是個引用塊，可以透過在每一行的開頭添加「> 」來創建。

更多文字

這是個水平線。

巢狀引用塊

這是個	表格
你應該要	知道該如何
創建這東西了

Header所使用的字體是Josefin Sans。

Body所使用的字體是Oxygen。

Monospace所使用的字體是Fira Code.

原始碼：

/*
    Paperstack Theme
    [2020 -2023 Wikidot Theme]
    By EstrellaYoshte
    Based on:
      Inkblot Theme by Croquembouche
      Word Processor Theme by stormbreath
      Modern Theme by Azamo
      Simple Yonder Theme by EstrellaYoshte
*/
 
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,400;0,600;1,400;1,600&display=swap');
@import url(https://fonts.googleapis.com/css2?family=Fira+Code&display=swap);
 
:root {
    --header-title: "SCP 基金會";
    --header-subtitle: "控制 - 收容 - 保護";
 
    --sp_header-title-scale: 1.35;
    --sp_header-subtitle-scale: 1.15;
 
    --top-layer-color: #EFEFEF;
    --paper-ink-color: #333;
    --paper-faded-color: #808080;
    --paper-background-color: #FFF;
    --paper-block-color: #F7F7F7;
    --paper-shadow-color: #0005;
    --top-layer-height-offset: 0em;
    --top-layer-height: calc(var(--sp_final-header-height) + 8.325rem + var(--top-layer-height-offset));
    --top-layer-shadow: 0.375rem;
 
    --sp_header-height: 8.5rem;
    --sp_top-bar-height: 1.5rem;
    --sp_header-logo-size: 0rem;
    --sp_top-bar-link-color: var(--paper-faded-color);
 
    --sp_rate-module-text-color: var(--paper-ink-color);
    --sp_rate-module-background: var(--paper-background-color);
    --sp_rate-module-sub-color: var(--sp_rate-module-text-color);
    --sp_rate-module-active-color: var(--paper-faded-color);
    --sp_rate-module-button-color: var(--sp_rate-module-text-color);
    --sp_rate-module-button-background: var(--sp_rate-module-background);
    --sp_rate-module-button-hover-color: var(--sp_rate-module-background);
    --sp_rate-module-button-hover-background: var(--sp_rate-module-text-color);
 
    --sp_tab-text-color: var(--paper-ink-color);
    --sp_tab-background: var(--paper-block-color);
    --sp_tab-hover-text-color: var(--paper-block-color);
    --sp_tab-hover-background: var(--paper-ink-color);
    --sp_tab-selected-text-color: var(--sp_tab-hover-text-color);
    --sp_tab-selected-background: var(--sp_tab-hover-background);
 
    --sp_hovertip-background: var(--paper-background-color);
    --sp_hovertip-border: none;
}
 
body {
    color: #000;
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 0.925rem;
    background-color: var(--paper-background-color);
    background-image:
        linear-gradient( to bottom,
            var(--top-layer-color), var(--top-layer-color) var(--top-layer-height),
            #00000028 calc(var(--top-layer-height) + 1px),
            transparent calc(var(--top-layer-height) + var(--top-layer-shadow) + 1px)
         );
    background-repeat: no-repeat;
}
 
.page-source, .code pre, .code p, .code, tt {
    font-family: "Fira Code", monospace;
}
.page-source, .code, tt { font-size: 0.9625em; }
 
#content-wrap { margin-top: 0.25rem; }
 
#header {
    grid-template-rows: auto 1fr auto auto .625rem auto;
    background: none;
}
#header::before { all: unset; }
 
#header h1, #header h2 {
    text-align: center;
    grid-column: 2/4;
}
#header h1 a, #header h2 span {
    max-width: 100%;
    text-shadow: none;
    color: var(--paper-ink-color);
    font-weight: 400;
    font-family: "Josefin Sans", sans-serif;
    line-height: 0.825;
}
 
#search-top-box {
    grid-row: 2/3;
    padding-block: 0.375rem;
}
 
#top-bar { background: none; }
 
#top-bar div[class*="top-bar"] > ul {
    justify-content: center;
}
 
#page-title {
    display: none;
}
 
#search-top-box-input,
#search-top-box-input:hover,
#search-top-box-input:focus,
#search-top-box-form input[type=submit],
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    border: none;
    background: var(--paper-ink-color);
    box-shadow: none;
    border-radius: 0px;
    color: var(--paper-block-color);
}
 
#login-status, #login-status a {
    color: var(--paper-ink-color);
}
 
/* ---- SIDE BAR ---- */
 
:is(#side-bar, #interwiki) .side-block {
    border: transparent;
    border-radius: 0;
    box-shadow: 0px 0px 0.325rem var(--paper-shadow-color);
    background-color: #ffffff;
}
#interwiki body { background-image: none; }
 
#side-bar .side-block.media > * {
    display: flex;
    justify-content: space-evenly;
}
 
#top-bar div.open-menu a {
    color: var(--paper-faded-color);
    background: var(--paper-background-color);
    box-shadow: 0 0 .325rem var(--paper-shadow-color);
    border-radius: 0;
    border: solid .125rem var(--paper-background-color);
}
 
#breadcrumbs {
    margin: -1em 0 -0.75em;
    font-size: 0.875em;
}
 
/* ---- INFO BAR ---- */
 body{
     --barColour: var(--paper-ink-color);
}
 
 .info-container .collapsible-block-content{
     padding: 0 .5em 30px;
}
 .info-container .collapsible-block-content .wiki-content-table {
     width: 100%;
}
 
/* ---- RATE MODULE ---- */
 
div.page-rate-widget-box, div.rate-box-with-credit-button {
    border-radius: 0;
    padding: .125em;
    box-shadow: 0 0 0.325rem var(--paper-shadow-color);
}
 
.creditRate, div.page-rate-widget-box { margin-bottom: 0.125rem; }
 
div.creditButton p a { border: none; }
div.creditButton p a:is(:hover,:focus) { background-color: var(--paper-ink-color); }
 
/* ---- PAGE ELEMENTS ---- */
 
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--paper-ink-color);
    font-family: 'Josefin Sans', sans-serif;
    font-weight: bold;
}
 
blockquote,
div.blockquote,
#toc,
.code {
    background-color: var(--paper-block-color);
    border: solid .05rem var(--paper-block-color);
    box-shadow: 0 0 .25rem var(--paper-shadow-color);
}
 
.scp-image-block {
    border: solid .5rem var(--paper-background-color);
    box-shadow: 0 0 .5rem var(--paper-shadow-color);
    box-sizing: border-box;
}
.scp-image-block .scp-image-caption {
    background-color: var(--paper-background-color);
    border-top: none;
    padding: 0;
    padding-top: .375rem;
}
 
#page-content .wiki-content-table tr th {
    border: solid .05rem var(--paper-faded-color);
    background-color: var(--paper-block-color);
    /* set border for table title */
}
#page-content .wiki-content-table tr td {
      border: solid .05rem var(--paper-faded-color);
    /* set border for table content */
}
 
div.modalbox {
    border-radius: 0;
    border: none;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}
 
/*-- tags --*/
#main-content .page-tags > span { padding-block-start: 0.325rem; }
 
#main-content .page-tags a {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.95em;
    background-color: #FDFDFD;
    border-radius: 0.5rem 0;
    padding: 0.175rem 0.375rem;
    box-shadow: 0.075em 0.075em 0.325em 0 var(--paper-shadow-color);
}
#main-content .page-tags a::before {
    content: "";
    display: inline-block;
    width: 0.5em;
    height: 0.5em;
    border-radius: 50%;
    background-color: var(--paper-background-color);
    box-shadow: inset 0.075em 0.075em 0.1em 0 var(--paper-shadow-color);
}
 
/* ---- FOOTNOTES ---- */
.hovertip {
    box-shadow: 0px 0px 0.25rem var(--paper-shadow-color);
}
 
/* ---- TABS ---- */
.yui-navset .yui-nav { border-color: var(--paper-ink-color); }
 
.yui-navset.yui-navset-top .yui-nav li {
    flex-grow: 1;
}
.yui-navset.yui-navset-top .yui-nav li a {
    border-width: 0;
}
 
.yui-navset .yui-content {
    padding: .5rem;
    border: none;
    background-color: var(--paper-background-color);
    box-shadow: 0 0 0.25rem var(--paper-shadow-color);
}
 
/* ---- BOTTOM AREA ---- */
 
#footer {
    color: var(--paper-faded-color);
    background: transparent;
}
#footer a { color: var(--paper-ink-color); }
 
#license-area {
    background-color:  var(--paper-block-color);
    background-image:
        linear-gradient( to bottom,
            #00000028 0%,
            transparent var(--top-layer-shadow)
         );
    padding-block: .675rem;
}
 
#footer-bar {
    background-color:  var(--paper-block-color);
}
 
/* ---- CUSTOM SYNTAX ---- */
 
.logo {
    position: absolute;
    width: 10.5rem;
    inset-block-start: calc(var(--sp_final-header-height)*-1 - 0.5rem);
    inset-inline-start: -14.325rem;
    z-index: -1;
    pointer-events: none;
}
@media (max-width: 767px) {
  .logo {
    width: max(36%, 10.5rem);
    inset-block-start: calc(var(--top-layer-height)*-0.5 - 0.5rem);
    inset-inline-start: 50%;
    transform: translateX(-50%);
  }
}
 
.header-container-ex {
    padding-top: 0.5em;
    clear: both;
}
.header-container-ex .scp-image-block {
    margin: 0 0 0.5rem 1.875rem;
    width: min(42.5%, 300px)!important;
}
.header-container-ex .header-info {
    display: flow-root;
    margin-bottom: 1.75em;
}
.header-container-ex .header-info .header-info-flex {
    display: flex;
}
.text-item {
  flex-grow: 1;
  text-align: center;
}
.text-item p {
    margin-block: 0.425em;
}
 
@media (max-width: 960px) and (min-width: 767px), (max-width: 580px) {
    .header-container-ex {
        display: flex;
        flex-direction: column;
    }
    .header-container-ex .header-info {
        order: -1;
    }
    .header-container-ex .scp-image-block {
        width: calc(275px + 5vw)!important;
        margin: -1.25em auto 0.5em;
    }
}
 
/* ---- MOBILE QUERY ---- */
 
@media (max-width: 767px) {
    #side-bar { background-color: var(--top-layer-color); }
 
    #page-content > hr, #page-content > .list-pages-box > .list-pages-item > hr {
        margin: 2.5em -1.25rem;
    }
}
 
/*--- deprecated, kept for legacy purpose ---*/
.header-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  justify-content: space-around;
  align-content: space-between;
  width: 100%;
  left: 0;
  align-items: flex-start;
  row-gap: 2px;
}
.grid-item {
  flex-grow: 1;
  min-width: 25%;
  text-align: center;
  margin: 8px 6px;
}
@media (max-width: 1200px) {
  .grid-item {
    min-width: 50%;
  }
}
.textbox {
  position: absolute;
  width: 42%;
  top: 7.5rem;
}
@media (max-width: 960px) and (min-width: 767px), (max-width: 666px) {
  .textbox {
    position: relative;
    width: 100%;
    top: 0;
  }
}

_image 外觀主題待更新翻譯

頁面更改紀錄: 7, 最後編輯於: 16 Apr 2024 14:20

編輯評分 (+3) 標籤討論歷程紀錄檔案打印網站工具 + 選項

SCP基金會

控制，收容，保護

作品著作資訊

Header所使用的字體是Josefin Sans。

原始碼：