作品著作資訊

[フレーム]

原文:SCP Style Resource

原作者:Shaggydredlocks Shaggydredlocks 及為這篇文章貢獻的所有人

譯者:Viken-K Viken-K

警告:當前原文仍持續更新中,且有部分譯名尚未確定。當你發現任何地方有誤或已過時的話,可以自由的修正或更新。如果是更新格式模板的話,請記得於討論區或編輯註記中留下更新紀錄。

[フレーム]

[[table style="border-collapse:collapse; max-width: 600px;"]]
[[row]]
[[cell style="font-weight:bold;padding: .3em .7em; text-align: center; border: 1px solid black; background-color: silver; width: 20%;"]]
這是測試用標題
[[/cell]]
[[cell style="font-weight:bold; padding: .3em .7em; text-align: center; border: 1px solid black; background-color: silver;"]]
[[/cell]]
[[/row]]
[[row]]
[[cell style="text-align: center; padding: .3em .7em; border: 1px solid black"]]
測試對象
[[/cell]]
[[cell style="border: 1px solid black; padding: .3em .7em;"]]
資料1
[[/cell]]
[[/row]]
[[row]]
[[cell style="text-align: center; padding: .3em .7em; border: 1px solid black"]]
方案
[[/cell]]
[[cell style="border: 1px solid black; padding: .3em .7em;"]]
資料2
[[/cell]]
[[/row]]
[[row]]
[[cell style="text-align: center; border: 1px solid black"]]
結果
[[/cell]]
[[cell style="border: 1px solid black; padding: .3em .7em;"]]
資料3
[[/cell]]
[[/row]]
[[/table]]

[[table style="border: 1px solid silver"]]
[[row]]
[[hcell style="border: 1px solid silver"]]
日期
[[/hcell]]
[[hcell style="border: 1px solid silver"]]
資料
[[/hcell]]
[[hcell style="border: 1px solid silver"]]
效果
[[/hcell]]
[[hcell style="border: 1px solid silver"]]
註記
[[/hcell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
日期1
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
資料1
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
效果1
[[/cell]]
[[cell style="border: 1px solid silver"]]
註記1
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
日期2
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
資料2
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
效果2
[[/cell]]
[[cell style="border: 1px solid silver"]]
註記2
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
日期3
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
資料3
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
效果3
[[/cell]]
[[cell style="border: 1px solid silver"]]
註記3
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
日期4
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
資料4
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
效果4
[[/cell]]
[[cell style="border: 1px solid silver"]]
註記4
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
日期5
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
資料5
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
效果5
[[/cell]]
[[cell style="border: 1px solid silver"]]
註記5
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
日期6
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
資料6
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
效果6
[[/cell]]
[[cell style="border: 1px solid silver"]]
註記6
[[/cell]]
[[/row]]
[[/table]]

引用塊

粗體字: 文字 文字 文字 引用塊裡面的連結

↓字體大小

---

h1

h2

h3

h4

h5

h6

h1

h2

h3

h4

h5

h6

false

[[div class="blockquote"]]
**探索影像紀錄副本:**
**日期:** 選填
**探索團隊:** 團隊名稱 - 選填
**對象:** 區域/異常- 選填
**隊長:** 選填
**團隊成員:** 選填
-----
[紀錄開始]
**人員A:** 對話
**人員B:** 對話
//事件發生//
**人員A:** 對話
[紀錄結束]
[[/div]]

[[div class="blockquote"]]
= **影像紀錄**
----
**日期:**
**備註:**
----
[紀錄開始]
**時間:** 事件
**時間:** 事件
**時間:** 事件
-----
[紀錄結束]
[[/div]]

[[module css]]
.footnoteref{
color: #FF5555;
}
.danke{
padding: 5px 5px 5px 15px;
margin-bottom:10px;
width: 100%;
font-family: monospace;
font-size: 1.1em; }
.agent{
background-color:#002200;
border: 3px solid #55AA55;
color: #77CC77;
}
.site{
background-color:#222200;
border: 3px solid #AAAA55;
color: #DDDD77;
}
[[/module]]

[[div class="danke agent"]]
| 細節1
| 細節2
| 細節3
| 細節4
| 細節5
文字 文字 文字
更多文字
更多
還有更多
還有更多需要被記錄下的文字
[[/div]]

[[div style="background: gray; padding: 1px 15px; border: solid 3px lightgray; margin: 10px; border-radius: 30px 15px;"]]
[[div style="background: white; padding: 1px 15px; border: solid 3px lightgray; margin: 10px; border-radius: 30px 15px;"]]
裡面要填入的東西
[[/div]]
[[/div]]

[[module CSS]]
.containercontainer {position: relative;width: auto;height: auto;border: 2px solid #666;background: #141212;color: #3F3;margin-top: 1em;margin-bottom: 1em;}.containercontainer .container .overlay {background: rgba(51, 255, 51, 0.9);color: #121010;position: absolute;width: auto;height: 50px;top: 0;right: 0;bottom: 0;left: 0;margin: auto;line-height: 50px;display: inline;vertical-align: middle;text-align: center;font-family: Courier New;font-size: 30px;letter-spacing: 5px;font-weight: bolder;z-index: 3;animation: overlay-anim 10s linear;animation-fill-mode: forwards;animation-iteration-count: infinite;}.overlayback {background: rgba(187, 187, 187, 0.5);z-index: 3;position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: auto;height: auto;animation: overlay-anim 10s linear;animation-fill-mode: forwards;animation-iteration-count: infinite;}.containercontainer .container {text-align: center;width: inherit;height: inherit;position: relative;overflow: hidden;}.containercontainer .container::after {content: " ";display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgba(21, 19, 19, 0.2);opacity: 0;z-index: 2;animation: flicker 0.15s infinite;}.containercontainer .container::before {content: " ";display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: linear-gradient(rgba(18, 16, 16, 0.03) 50%, rgba(0, 0, 0, 0.45) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.22), rgba(0, 255, 0, 0.11), rgba(0, 0, 255, 0.22));z-index: 2;background-size: 100% 2px, 3px 100%;}.no-unfold {text-align: center;}.container h1,.container h2,.container h3,.container h5,.container h6 {color: #3F3;}.container hr {border-top: 1px dotted #3F3;border-bottom: none;}.container hr {border-top: 1px solid #3F3;border-bottom: 1px solid #3F3;color: transparent;background-color: transparent;}.container hr:after {display: block;margin-top: 2px;border-top: 1px solid #3F3;border-bottom: 1px solid #3F3;}.blinkbar {animation: blink 1.5s infinite; letter-spacing: -0.13em;}@keyframes blink{to{opacity: .0;}}@keyframes flicker {0% {opacity: 0.9890; }5% {opacity: 0.5842; }10% {opacity: 0.9865; }15% {opacity: 0.0412; }20% {opacity: 0.6255; }25% {opacity: 0.3157; }30% {opacity: 0.7328; }35% {opacity: 0.4654; }40% {opacity: 0.9128; }45% {opacity: 0.2449; }50% {opacity: 0.5485; }55% {opacity: 0.6438; }60% {opacity: 0.1180; }65% {opacity: 0.9085; }70% {opacity: 0.0266; }75% {opacity: 0.6795; }80% {opacity: 0.7812; }85% {opacity: 0.0117; }90% {opacity: 0.2239; }95% {opacity: 0.8897; }100% {opacity: 0.2260; }}@keyframes overlay-anim {0% {visibility: hidden; }10% {visibility: hidden; }11% {visibility: visible; }50% {visibility: hidden; }100% {visibility: hidden; }}
[[/module]]

[[div class="no-unfold"]]
[[div class="containercontainer"]]
[[div class="container"]]
+* [!-- 不要刪掉這個「+*」號。 --]
[[span_ class="overlay"]]
還有更多!
[[/span]]
[[div_ class="overlayback"]]
[[/div]]
+* h1
++* h2
+++* h3
++++* h4
+++++* h5
++++++* h6
文字
更多文字
更多[[span class="blinkbar"]][][[/span]]
[[/div]]
[[/div]]
[[/div]]

[[module CSS]]
/* //// 當你想要新增新的「錄音」時,//// */
/* ////請依照以下的格式來增加新的「選項」。//// */
.r1 {animation-delay: 3s;}
.r2 {animation-delay: 6s;}
.tape-left
{animation-iteration-count: calc( (6 + 109) / 15);}
.tape-right
{animation-iteration-count: calc( (6 + 109) / 20);}
.tape-wrap .collapsible-block-unfolded-link .collapsible-block-link
{animation-delay: calc(6s + 109s);}
.tape-record {position: relative;height: 6em;overflow: hidden;white-space: pre;}.record {position: absolute;animation-name: record;animation-duration: 2.5s;opacity: 0;top: 0;left: 50%;transform: translateX(-50%);}.line2 {top: 1.2em!important;}.line3 {top: 2.4em!important;}.tape-wrap {position: relative;background-color: rgba(244,244,244,1);border: 1px dashed #999;padding: 0 1em;}.tape-anim {position: relative;background-image: url( "http://unofficial-scp-sandbox-jp.wikidot.com/local--files/iroiro-workshop-8/DoxYSJAV4AET63r.png" );background-size: 200px;background-position: center center;background-repeat: no-repeat;min-height: 300px;}.tape-left,.tape-right {display: block;position: absolute;margin: auto;height: 0;width: 70px;padding-bottom: 100%;background-image: url( "http://unofficial-scp-sandbox-jp.wikidot.com/local--files/iroiro-workshop-8/scp_trans.png" );background-size: contain;background-position: center center;background-repeat: no-repeat;pointer-events: none;}.tape-left {top: -20px;bottom: 0;left: -70px;right: 0;animation-name: spin1;animation-duration: 15s; animation-timing-function: linear; animation-fill-mode: forwards;}.tape-right {top: 0px;bottom: -32px;left: 0;right: -72px;animation-name: spin1;animation-duration: 20s; animation-timing-function: linear; animation-fill-mode: forwards;}.tape-wrap .collapsible-block-unfolded-link {padding-top: 1em;}.tape-wrap .collapsible-block-folded,.tape-wrap .collapsible-block-unfolded-link {position: relative;text-align: center;}.tape-wrap .collapsible-block-unfolded-link .collapsible-block-link:before {content:"\f1da";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0);}
.tape-wrap .collapsible-block-unfolded-link .collapsible-block-link {animation-name: g-ex;animation-duration: 1s;animation-fill-mode: forwards;visibility: hidden;opacity: 0;}.tape-wrap .collapsible-block-folded {padding-top: 1em;padding-bottom: 1em;}@keyframes g-ex {50% {visibility: visible; opacity: 0;}100% {visibility: visible; opacity: 1;}}@keyframes spin1 {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}@keyframes record {0% {opacity: 0;}25% {opacity: 1;}75% {opacity: 1;}100% {opacity: 0;}}@-moz-document url-prefix() {.tape-anim {height: 300px;}.tape-left,.tape-right {display: block; width: 70px;height: 70px;position: relative;margin: 0 auto;padding: 0 auto!important;padding-bottom: 0;}.tape-left {top: 105px;bottom: initial;left:-36px; }.tape-right {top: 60px;bottom: initial;left: 35px;}}
[[/module]]

[[div class="tape-wrap"]]
[[collapsible show="播放" hide="重新載入"]]
[[div class="tape-anim"]]
[[div class="tape-left"]]
[[/div]]
[[div class="tape-right"]]
[[/div]]
[[/div]]
[[div class="tape-record"]]
[[span class="record r1"]]//第一行//
//第二行//
//最後一行//[[/span]]
[[span class="record r2"]]//文字//
//更多文字//[[/span]]
[[/div]]
[[/collapsible]]
[[/div]]

[[module CSS]]
#u-start, .textchange div.sitemember:nth-child(2) {display:none;}.type-wrap-wrapper {position: relative;text-align: left;}.type-wrapper {background: #555;}.typearea {color: lime; font-family: "Courier";font-size: 1.2em;margin: 10px 0 0 10px;white-space: nowrap;overflow: hidden;width: 0;}#u-start:target ~ .typearea {width: 100%;animation: type 4s steps(60, end); }.typearea a{color: lime;text-decoration: none;}.blink {animation: blink 1s infinite;}@keyframes type{ from { width: 0; } } @keyframes blink{to{opacity: .0;}}.buttonwrapper {text-align: center;}.likebutton {padding: 0.1em 0.5em;text-decoration: none;font-size: 1.3em;background-color: #F4F4F4;border: 1px solid #AAA;color: #000;}.likebutton:hover {background-color: #DDD;color: #000;border: 1px solid #0098b3;}
[[/module]]

[[div class="type-wrap-wrapper"]]
[[div class="type-wrapper"]]
[[div id="u-start"]]
[[/div]]
[[div class="typearea"]]
[[div class="textchange"]]
[[module ListUsers users="."]]
[[div class="sitemember"]]
你的wikidot ID是「%%name%%」。[[span class="blink"]]|[[/span]]
[[/div]]
[[/module]]
[[div class="sitemember"]]
我沒辦法識別你的wikidot ID。[[span class="blink"]]|[[/span]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="buttonwrapper"]]
[[a class="likebutton" href="#u-start"]]按我![[/a]]
[[/div]]
[[/div]]

[[module CSS]]
div.terminal{
 border: 1px solid black;
 border: solid 3px #BBBBBB;
 border-radius: 16px;
 background-color: #131;
/* 終端機上方的黑影 */
 background-image:
 radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
 background-position: center;
 display: block;
/* 終端機周圍的陰影 */
 box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
/* 避免掃描線產生一個滾輪 */
 overflow:hidden;
}
div.terminal blockquote {
 background-color: black;
 border: double 3px #80FF80
}
div.scanline{
 margin-top: -40%;
 width: 100%;
 height: 60px;
 position: relative;
 pointer-events: none;
/* Safari 4.0 - 8.0 */
 -webkit-animation: scan 12s linear 0s infinite; /* 你可能會想修改這裡,如果橫條移動的太快了,你可以加個5秒。 */
 animation: scan 12s linear 0s infinite; /* 同上 */
 background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
}
div.text{
 color: rgba(128,255,128,0.8);
 padding-left: 2em;
 padding-top: 40%;
 font-family: monospace;
 font-size: 1.2em;
 }
/* Safari 4.0 - 8.0 */
@-webkit-keyframes scan{
 from{ transform: translateY(-10%);}
 to{ transform: translateY(5000%);} /* 根據你所要的終端機長度,你可能需要調整這裡的數值。如果掃描線走到一半就停了,請增大第二個數值。*/
}
@keyframes scan{
 from{ transform: translateY(-10%);}
 to{ transform: translateY(5000%);} /* 同上。*/
}
div.text a {
 color: #90EE90;
 text-decoration: none;
 background: transparent;
}
div.text a.newpage {
 color: #90EE90;
 text-decoration: none;
 background: transparent;
}
div.text a:hover {
 color: #131;
 text-decoration: underline;
 background-color: #80FF80;
 padding: 1px;
}
div.text a:hover::before{
content: "> ";
}
[[/module]]

[[div class="terminal"]]
[[div class="scanline"]]
[[/div]]
[[div class="text"]]
[[=]]
[[size 150%]] __終端機#001__[[/size]]
@@ @@
@@ @@
@@------@@
歡迎,使用者
@@------@@
[[/=]]
@@ @@
@@ @@
@@ @@
> 在終端機裡的連結會在游標移動到其上方時,顯現出一個「>」。
> [http://www.google.com 像是這樣]
謝謝你查看我的格式!
@@ @@
@@ @@
[[/div]]
[[/div]]

[[div style="border:solid 1px #999999; background:#f2f2c2; padding:5px; margin-bottom: 10px;"]]
[[=]]
++++ 來自基金會紀錄及資訊安全管理部的通知
在此填入通知內容。
-- Maria Jones, RAISA主管
[[/=]]
[[/div]]

[[=]]
[[div style="background: url(http://scp-wiki.wdfiles.com/local--files/the-great-hippo/scp_trans.png) center no-repeat ; float: center; border: solid 2px #000000; padding: 1px 15px; box-shadow: 0 1px 3px rgba(0,0,0,.2);"]]
##ff5c48|[[size 150%]] **警告:以下檔案為 #/XXXX 級機密** [[/size]]##
----
[[size larger]] **任何並未持有 #/XXXX 級權限卻試圖存取該檔案的人將會留下記錄且遭受到立即的處分。**[[/size]]
[[/div]]
[[/=]]

[[div style="background: url(http://kaktuskontainer.wdfiles.com/local--files/format-hell/scp_trans.png) bottom center no-repeat; text-align: center; width: 600px; margin: 0 auto; font-size: 20px; padding: 0px;"]]
@@ @@
@@ @@
@@ @@
@@ @@
[[=]]
++* ##black|根據監督者議會的命令##
##black|以下檔案屬於 X/XXXX 級機密。禁止未經授權的訪問。##
[[/=]]
= **##black|XXXX##**
@@ @@
@@ @@
[[/div]]

[[div class="orderwrapper"]]
[[div class="council1"]]
[[/div]]
[[div class="ordertitle"]]
+* 標題
[[/div]]
[[div class="orderdescription"]]
 _
+* 副標題
描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 
[[/div]]
[[div class="itemno"]]
+* XXXX
[[/div]]
[[/div]]
[[module CSS]]
.orderwrapper {position: relative;width: auto;text-align: center;}.council1 {position: relative;top: 0;bottom: 0;left: 0;right: 0;width: 295px;height: 295px;margin: auto;background-image: url( "http://kaktuskontainer.wdfiles.com/local--files/format-hell/scp_trans.png" );background-size: 295px 295px;background-repeat: no-repeat;background-position: center;}.ordertitle {position: absolute;left: 0;right: 0;top: 38px;}.ordertitle h1 {font-size: 220%;color: #555;}.orderdescription {position: absolute;left: 0;right: 0;top: 85px;width: 100%;}.orderdescription p {font-size: 90%;color: #555;}.orderdescription h1 {font-size: 120%;color: #555;}.itemno {position: absolute;left: 0;right: 0;bottom: 27px;}.itemno h1 {font-size: 170%;color: #555;}
[[/module]]

[[table style="border: none; width: 100%;"]]
[[row]]
[[cell]]
[[size 125%]]**項目編號:** SCP-XXXX[[/size]]
[[/cell]]
[[cell style="text-align: right;"]]
[[size 125%]]###990000|**4/XXXX 級**##[[/size]]
[[/cell]]
[[/row]]
[[row]]
[[cell]]
[[size 125%]]**項目等級:** Euclid[[/size]]
[[/cell]]
[[cell style="text-align: right;"]]
[[size 125%]]###990000|**機密**##[[/size]]
[[/cell]]
[[/row]]
[[/table]]
----
[[div class="scp-image-block block-center" style="width:100%;"]]
[[image image.jpg {$alt}="{$alt-text}" link=#]]
[[div class="scp-image-caption"]]
SCP-XXXX.
[[/div]]
[[/div]]
----

[[image https://i.imgur.com/oJkRi1x.png]](第一級)
[[image https://i.imgur.com/DAW48al.png]](第二級)
[[image https://i.imgur.com/nqGM4ru.png]](第三級)
[[image https://i.imgur.com/jcBA84a.png]](第四級)
[[image https://i.imgur.com/okicC7z.png]](第五級)
------

[[a href="*/niveaux-de-menace-des-objets-scp" style="font-size: 18px; color: white; text-shadow: 1px 3px 1px rgba(0,0,0,0.3); text-decoration: none;"]]
[[span_ style="display: inline-block; width: 100%; background-color: black; text-align: center; border: 1px none #000; margin: 1px; padding-top: 8px; padding-bottom: 8px;"]]
**威脅級別:** 黑
[[/span]]
[[/a]]

[[module css]]
.page {
 display: block;
 overflow: hidden;
 font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
 font-style: normal;
 background-attachment: scroll;
 background-clip: border-box;
 background-color: transparent;
 background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
 background-origin: padding-box;
 background-position: 0px 8px;
 background-repeat: repeat;
 background-size: 100% 20px;
 border: 1px solid #CCC;
 border-radius: 10px;
 padding: 10px 10px;
 margin-bottom: 10px;
 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
 }
.page p,
.page ul {
 line-height: 20px;
 margin: 0;
}
[[/module]]

[[div class="page"]]
這裡是文件的主體,當你需要空一行的時候,你需要使用「@@ @@」來完成這個動作。
@@ @@
像是這樣。
@@ @@
你可以使用[[<]]、[[=]]和[[>]]來改變不同段落所對齊的位置。
@@ @@
[[>]]
享受這個格式吧!
[[/>]]
[[/div]]

[[module CSS]]
.fakeprot .mailform-box .buttons{display:none;}
.fakeprot + .collapsible-block .collapsible-block-link {padding: 0.1em 0.5em;text-decoration: none;background-color: #F4F4F4;border: 1px solid #AAA;color: #000;}
.fakeprot + .collapsible-block .collapsible-block-link:hover {background-color: #DDD;color: #000;}
.fakeprot + .collapsible-block .collapsible-block-link:active {background-color: #DDD;color: #000;}
.fakeprot + .collapsible-block .collapsible-block-unfolded-link{margin:0.5em 0;text-align: center;}
.fakeprot + .collapsible-block .collapsible-block-folded{margin:0.5em 0;text-align: center;}
.fakeprot .passw input[type=text] {text-security:disc;-webkit-text-security:disc;-mox-text-security:disc;}
.mailform-box td:first-child {width: 80px;}
[[/module]]

[[div class="fakeprot"]]
[[module MailForm to="aaaa (DUMMY)" button=""]]
# name
 * title: ID
 * default: <你的 ID>
 * type: text
 * rules:
 * required: true
 * maxLength:10
 * minLength: 100
[[/module]]
[[div class="passw"]]
[[module MailForm to="aaaa (DUMMY)" button=""]]
# affiliation
 * title: 密碼
 * default: ・・・・・・・・・
 * rules:
 * required: true
 * maxLength:10
 * minLength: 100
[[/module]]
[[/div]]
[[/div]]
[[collapsible show="登入" hide="登出"]]
文字
[[/collapsible]]

[[include :scp-sandbox-3:image-zoom name={$name}|caption={$caption}|width=300px|align=right]]

[[include :scp-sandbox-3:image-blur name={$name}|caption={$caption}|width=300px|align=right]]

[[include :scp-sandbox-3:component:image-zoom-2 name={$name}|caption={$caption}|width=300px|align=right]]

例子:[フレーム]

例子: [フレーム]

例子: [フレーム]

[[module css]]
@import url(http://scp-sandbox-3.wikidot.com/local--code/component:todaysdate/7);
[[/module]]

[[module ListPages limit="1" category="*" order="updated_at desc"]]
> 今天的日期是%%updated_at|%Y/%m/%d%%... 應該吧!
[[/module]]

SCP-XXXX 而... 我不知道你是誰。

[[module CSS]]
.email-example .collapsible-block-folded a.collapsible-block-link {
 animation: blink 0.8s ease-in-out infinite alternate;
}
@keyframes blink {
 0% { color: transparent; }
 50%, 100% { color: #b01; }
}
.email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
.email-example a.collapsible-block-link {font-weight: bold;}
.tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
[[/module]]

[[div class="email-example"]]
[[=]]
------
[[collapsible show="訪問SCiPNET電子郵件信箱?有一(1)新訊息!" hide="Re:主旨"]]
[[<]]
[[div class="email"]]
[[div class="tofrom"]]
**To:**收件人
**From:**寄件人
**主旨:**主旨
[[/div]]
------
文字
[[/div]]
@@ @@
[[div class="email"]]
[[div class="tofrom"]]
**To:**收件人
**From:**寄件人
**主旨:** Re:主旨
[[/div]]
------
文字
[[/div]]
[[/<]]
[[/collapsible]]
[[/=]]
[[/div]]

[[module css]]
@import url('http://smlt.wdfiles.com/local--code/ukwhatn%3Afadeout/1');
/*== 變數 ==*/
:root {
 /* 背景顏色 (預設:white) */
 --fadeout-background: white;
 /* 淡出過程時間 */
 --fadeout-time: 1s;
 /* 裁剪版頭 (為了抹去版頭下的陰影)
 如果你使用了Sigma-9(預設)以外的主題的話,請記得變更這個變數。 */
 --cropped-header: url(http://smlt.wdfiles.com/local--files/ukwhatn:fadeout/header-crop.png);
}
[[/module]]

不要消失的頁面內文
[[div_ class="fadeout-wrapper"]]
要消失的頁面內文
[[span class="escape"]]不要消失的頁面內文[[/span]]
要消失的頁面內文
[[collapsible show="點擊以淡出" hide=" "]]
[[div class="cover"]]
@@@@
[[/div]]
[[/collapsible]]
[[/div]]
不要消失的頁面內文

[[module css]]
@import url('http://smlt.wdfiles.com/local--code/ukwhatn%3Afadeout/1');
/*== 變數 ==*/
:root {
 /* 背景顏色 (預設:white) */
 --fadeout-background: white;
 /* 淡出過程時間 */
 --fadeout-time: 1s;
 /* 圖片淡入過程時間 (選項2的) */
 --img-fadein-time: 1s;
 /* 圖片淡入延遲 (選項2的) */
 --img-fadein-delay: 2s;
 /* 裁剪版頭 (為了抹去版頭下的陰影)
 如果你使用了Sigma-9(預設)以外的主題的話,請記得變更這個變數。 */
 --cropped-header: url(http://smlt.wdfiles.com/local--files/ukwhatn:fadeout/header-crop.png);
}
[[/module]]

不要消失的頁面內文
[[div_ class="fadeout-wrapper"]]
要消失的頁面內文
[[collapsible show="點擊以淡出" hide=" "]]
[[div class="cover"]]
@@ @@
[[/div]]
[[div_ class="fadein-img"]]
[[=image [圖片的URL]]]
[[/div]]
[[/collapsible]]
[[/div]]
不要消失的頁面內文