Scp Hover Box 結構

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

scp-logo-zh.svg
繁中原創
scp-logo-en-400.png
主站翻譯

scp-logo-ru.svg
俄文分部
scp-logo-ko-400.png
韓文分部
scp-logo-cn-400.png
中國分部
scp-logo-fr-400.png
法文分部
scp-logo-pl.svg
波蘭分部
scp-logo-es.svg
西語分部
scp-logo-th.svg
泰文分部
scp-logo-dach-400.png
德文分部
scp-logo-it.svg
義語分部
scp-logo-ua.svg
烏克蘭分部
scp-logo-pt-400.png
葡語分部
scp-logo-cs.svg
捷克分部
scp-logo-vn-400.png
越南分部

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

scp-logo-zh.svg
繁中原創
scp-logo-en-400.png
主站翻譯

scp-logo-ru.svg
俄文分部
scp-logo-ko-400.png
韓文分部
scp-logo-cn-400.png
中國分部
scp-logo-fr-400.png
法文分部
scp-logo-pl.svg
波蘭分部
scp-logo-es.svg
西語分部
scp-logo-th.svg
泰文分部
scp-logo-dach-400.png
德文分部
scp-logo-it.svg
義語分部
scp-logo-ua.svg
烏克蘭分部
scp-logo-pt-400.png
葡語分部
scp-logo-cs.svg
捷克分部
scp-logo-vn-400.png
越南分部

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

scp-logo-zh.svg
繁中原創
scp-logo-en-400.png
主站翻譯

scp-logo-ru.svg
俄文分部
scp-logo-ko-400.png
韓文分部
scp-logo-cn-400.png
中國分部
scp-logo-fr-400.png
法文分部
scp-logo-pl.svg
波蘭分部
scp-logo-es.svg
西語分部
scp-logo-th.svg
泰文分部
scp-logo-dach-400.png
德文分部
scp-logo-it.svg
義語分部
scp-logo-ua.svg
烏克蘭分部
scp-logo-pt-400.png
葡語分部
scp-logo-cs.svg
捷克分部
scp-logo-vn-400.png
越南分部

您正在查詢的標題為:員工與角色檔案
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消

scp-logo-zh.svg
繁中原創
scp-logo-en-400.png
主站翻譯

scp-logo-ru.svg
俄文分部
scp-logo-ko-400.png
韓文分部
scp-logo-cn-400.png
中國分部
scp-logo-fr-400.png
法文分部
scp-logo-pl.svg
波蘭分部
scp-logo-es.svg
西語分部
scp-logo-th.svg
泰文分部
scp-logo-dach-400.png
德文分部
scp-logo-it.svg
義語分部
scp-logo-ua.svg
烏克蘭分部
scp-logo-pt-400.png
葡語分部
scp-logo-cs.svg
捷克分部
scp-logo-vn-400.png
越南分部

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

scp-logo-zh.svg
繁中原創
scp-logo-en-400.png
主站翻譯

scp-logo-ru.svg
俄文分部
scp-logo-ko-400.png
韓文分部
scp-logo-cn-400.png
中國分部
scp-logo-fr-400.png
法文分部
scp-logo-pl.svg
波蘭分部
scp-logo-es.svg
西語分部
scp-logo-th.svg
泰文分部
scp-logo-dach-400.png
德文分部
scp-logo-it.svg
義語分部
scp-logo-ua.svg
烏克蘭分部
scp-logo-pt-400.png
葡語分部
scp-logo-cs.svg
捷克分部
scp-logo-vn-400.png
越南分部

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

scp-logo-zh.svg
繁中原創
scp-logo-en-400.png
主站翻譯

scp-logo-ru.svg
俄文分部
scp-logo-ko-400.png
韓文分部
scp-logo-cn-400.png
中國分部
scp-logo-fr-400.png
法文分部
scp-logo-pl.svg
波蘭分部
scp-logo-es.svg
西語分部
scp-logo-th.svg
泰文分部
scp-logo-dach-400.png
德文分部
scp-logo-it.svg
義語分部
scp-logo-ua.svg
烏克蘭分部
scp-logo-pt-400.png
葡語分部
scp-logo-cs.svg
捷克分部
scp-logo-vn-400.png
越南分部

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

scp-logo-zh.svg
繁中原創
scp-logo-en-400.png
主站翻譯

scp-logo-ru.svg
俄文分部
scp-logo-ko-400.png
韓文分部
scp-logo-cn-400.png
中國分部
scp-logo-fr-400.png
法文分部
scp-logo-pl.svg
波蘭分部
scp-logo-es.svg
西語分部
scp-logo-th.svg
泰文分部
scp-logo-dach-400.png
德文分部
scp-logo-it.svg
義語分部
scp-logo-ua.svg
烏克蘭分部
scp-logo-pt-400.png
葡語分部
scp-logo-cs.svg
捷克分部
scp-logo-vn-400.png
越南分部

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

scp-logo-zh.svg
繁中原創
scp-logo-en-400.png
主站翻譯

scp-logo-ru.svg
俄文分部
scp-logo-ko-400.png
韓文分部
scp-logo-cn-400.png
中國分部
scp-logo-fr-400.png
法文分部
scp-logo-pl.svg
波蘭分部
scp-logo-es.svg
西語分部
scp-logo-th.svg
泰文分部
scp-logo-dach-400.png
德文分部
scp-logo-it.svg
義語分部
scp-logo-ua.svg
烏克蘭分部
scp-logo-pt-400.png
葡語分部
scp-logo-cs.svg
捷克分部
scp-logo-vn-400.png
越南分部

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

scp-logo-zh.svg
繁中原創
scp-logo-en-400.png
主站翻譯

scp-logo-ru.svg
俄文分部
scp-logo-ko-400.png
韓文分部
scp-logo-cn-400.png
中國分部
scp-logo-fr-400.png
法文分部
scp-logo-pl.svg
波蘭分部
scp-logo-es.svg
西語分部
scp-logo-th.svg
泰文分部
scp-logo-dach-400.png
德文分部
scp-logo-it.svg
義語分部
scp-logo-ua.svg
烏克蘭分部
scp-logo-pt-400.png
葡語分部
scp-logo-cs.svg
捷克分部
scp-logo-vn-400.png
越南分部

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

scp-logo-zh.svg
繁中原創
scp-logo-en-400.png
主站翻譯

scp-logo-ru.svg
俄文分部
scp-logo-ko-400.png
韓文分部
scp-logo-cn-400.png
中國分部
scp-logo-fr-400.png
法文分部
scp-logo-pl.svg
波蘭分部
scp-logo-es.svg
西語分部
scp-logo-th.svg
泰文分部
scp-logo-dach-400.png
德文分部
scp-logo-it.svg
義語分部
scp-logo-ua.svg
烏克蘭分部
scp-logo-pt-400.png
葡語分部
scp-logo-cs.svg
捷克分部
scp-logo-vn-400.png
越南分部

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

scp-logo-zh.svg
繁中原創
scp-logo-en-400.png
主站翻譯

scp-logo-ru.svg
俄文分部
scp-logo-ko-400.png
韓文分部
scp-logo-cn-400.png
中國分部
scp-logo-fr-400.png
法文分部
scp-logo-pl.svg
波蘭分部
scp-logo-es.svg
西語分部
scp-logo-th.svg
泰文分部
scp-logo-dach-400.png
德文分部
scp-logo-it.svg
義語分部
scp-logo-ua.svg
烏克蘭分部
scp-logo-pt-400.png
葡語分部
scp-logo-cs.svg
捷克分部
scp-logo-vn-400.png
越南分部

您現在最好給我停下來

本頁面內包含基金會維基內部使用的模板

嚴禁任何人員在未經網站行政人員
之授權下修訂本頁面


[[module css]]
.scp-hover-box.{$container-number}::before,
.scp-hover-box.{$container-number} div.container, 
.scp-hover-box.{$container-number} div.header {
    --notch-size: {$corner-cutout};
}

div.scp-hover-box.{$container-number} .container {
    --container-bgcolor: {$container-bgcolor};
    --container-txtcolor: {$container-txtcolor};
    background-color: var(--container-bgcolor, {$container-bgcolor});
    color: var(--container-txtcolor, {$container-txtcolor});
}

div.scp-hover-box.{$container-number} .container:hover {
    --container-hover-bgcolor: {$container-hover-bgcolor};
    --container-hover-txtcolor: {$container-hover-txtcolor};
    background-color: var(--container-hover-bgcolor, {$container-hover-bgcolor});
    color: var(--container-hover-txtcolor, {$container-hover-txtcolor});
}

.scp-hover-box.{$container-number}::before {
    --container-stroke-color: {$container-stroke-color};
    background-color: var(--container-stroke-color, {$container-stroke-color});
    border: 0 solid var(--container-stroke-color, {$container-stroke-color});
}

.scp-hover-box.{$container-number}:hover::before {
    --container-hover-stroke-color: {$container-hover-stroke-color};
    --link-stroke-width: {$link-stroke-width};
    background-color: var(--container-hover-stroke-color, {$container-hover-stroke-color});
    border: var(--link-stroke-width, {$link-stroke-width}) solid var(--container-hover-stroke-color, {$container-hover-stroke-color});
    top: calc(var(--link-stroke-width, {$link-stroke-width}) * -1);
    left: calc(var(--link-stroke-width, {$link-stroke-width}) * -1);
}

div.scp-hover-box.{$container-number} .container::before,
div.scp-hover-box.{$container-number} .container::after,
div.scp-hover-box.{$container-number} .container > *:before,
div.scp-hover-box.{$container-number} .container > *:after {
    --container-stroke-color: {$container-stroke-color};
    background-color: var(--container-stroke-color, {$container-stroke-color});
}

div.scp-hover-box.{$container-number} .container > * > *:before,
div.scp-hover-box.{$container-number} .container > * > *:after,
div.scp-hover-box.{$container-number} .container > * > * > *:before,
div.scp-hover-box.{$container-number} .container > * > * > *:after {
    --container-hover-stroke-color: {$container-hover-stroke-color};
    background-color: var(--container-hover-stroke-color, {$container-hover-stroke-color});
}

div.scp-hover-box.{$container-number} div.header {
    --background-url: url("{$background-url}");
    --background-vertical-position: {$background-vertical-position};
    background-image: var(--background-url, url("{$background-url}"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, {$background-vertical-position});
}

div.scp-hover-box.{$container-number} div.title > a,
div.scp-hover-box.{$container-number} div.sub-title > a {
    --link-fill-color: {$link-fill-color};
    --link-stroke-width: {$link-stroke-width};
    --link-stroke-color: {$link-stroke-color};
    color: var(--link-fill-color, {$link-fill-color});
    text-shadow:
        calc(var(--link-stroke-width, {$link-stroke-width}) * -1) calc(var(--link-stroke-width, {$link-stroke-width}) * -1) 0 var(--link-stroke-color, {$link-stroke-color}),
        0 calc(var(--link-stroke-width, {$link-stroke-width}) * -1) 0 var(--link-stroke-color, {$link-stroke-color}),
        var(--link-stroke-width, {$link-stroke-width}) calc(var(--link-stroke-width, {$link-stroke-width}) * -1) 0 var(--link-stroke-color, {$link-stroke-color}),
        var(--link-stroke-width, {$link-stroke-width}) 0 0 var(--link-stroke-color, {$link-stroke-color}),
        var(--link-stroke-width, {$link-stroke-width}) var(--link-stroke-width, {$link-stroke-width}) 0 var(--link-stroke-color, {$link-stroke-color}),
        0 var(--link-stroke-width, {$link-stroke-width}) 0 var(--link-stroke-color, {$link-stroke-color}),
        calc(var(--link-stroke-width, {$link-stroke-width}) * -1) var(--link-stroke-width, {$link-stroke-width}) 0 var(--link-stroke-color, {$link-stroke-color}),
        calc(var(--link-stroke-width, {$link-stroke-width}) * -1) 0 0 var(--link-stroke-color, {$link-stroke-color});
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.{$container-number} div.title > a,
    div.scp-hover-box.{$container-number} div.sub-title > a {
        --link-fill-color: {$link-fill-color};
        --link-stroke-width: {$link-stroke-width};
        --link-stroke-color: {$link-stroke-color};
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, {$link-stroke-width});
        -webkit-text-stroke-color: var(--link-stroke-color, {$link-stroke-color});
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.{$container-number} div.title > a,
    div.scp-hover-box.{$container-number} div.sub-title > a {
        --link-fill-color: {$link-fill-color};
        --link-stroke-width: {$link-stroke-width};
        --link-stroke-color: {$link-stroke-color};
        -webkit-text-fill-color: var(--link-fill-color, {$link-fill-color});
     -webkit-text-stroke-width: var(--link-stroke-width, {$link-stroke-width});
        -webkit-text-stroke-color: var(--link-stroke-color, {$link-stroke-color});
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# {$anchor}]]
[[div_ class="scp-hover-box"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="{$link}"]]{$title}[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="{$link}"]]{$sub-title}[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
{$blerb}
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
除非特別註明,本頁內容採用以下授權方式: Creative Commons Attribution-ShareAlike 3.0 License