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

dummy

繁中原創

主站翻譯

dummy

---

俄文分部

韓文分部

中國分部

法文分部

波蘭分部

西語分部

泰文分部

日文分部

德文分部

義語分部

烏克蘭分部

葡語分部

捷克分部

越南分部

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

dummy

繁中原創

主站翻譯

dummy

---

俄文分部

韓文分部

中國分部

法文分部

波蘭分部

西語分部

泰文分部

日文分部

德文分部

義語分部

烏克蘭分部

葡語分部

捷克分部

越南分部

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

dummy

繁中原創

主站翻譯

dummy

---

俄文分部

韓文分部

中國分部

法文分部

波蘭分部

西語分部

泰文分部

日文分部

德文分部

義語分部

烏克蘭分部

葡語分部

捷克分部

越南分部

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

dummy

繁中原創

主站翻譯

dummy

---

俄文分部

韓文分部

中國分部

法文分部

波蘭分部

西語分部

泰文分部

日文分部

德文分部

義語分部

烏克蘭分部

葡語分部

捷克分部

越南分部

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

dummy

繁中原創

主站翻譯

dummy

---

俄文分部

韓文分部

中國分部

法文分部

波蘭分部

西語分部

泰文分部

日文分部

德文分部

義語分部

烏克蘭分部

葡語分部

捷克分部

越南分部

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

dummy

繁中原創

主站翻譯

dummy

---

俄文分部

韓文分部

中國分部

法文分部

波蘭分部

西語分部

泰文分部

日文分部

德文分部

義語分部

烏克蘭分部

葡語分部

捷克分部

越南分部

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

dummy

繁中原創

主站翻譯

dummy

---

俄文分部

韓文分部

中國分部

法文分部

波蘭分部

西語分部

泰文分部

日文分部

德文分部

義語分部

烏克蘭分部

葡語分部

捷克分部

越南分部

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

dummy

繁中原創

主站翻譯

dummy

---

俄文分部

韓文分部

中國分部

法文分部

波蘭分部

西語分部

泰文分部

日文分部

德文分部

義語分部

烏克蘭分部

葡語分部

捷克分部

越南分部

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

dummy

繁中原創

主站翻譯

dummy

---

俄文分部

韓文分部

中國分部

法文分部

波蘭分部

西語分部

泰文分部

日文分部

德文分部

義語分部

烏克蘭分部

葡語分部

捷克分部

越南分部

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

dummy

繁中原創

主站翻譯

dummy

---

俄文分部

韓文分部

中國分部

法文分部

波蘭分部

西語分部

泰文分部

日文分部

德文分部

義語分部

烏克蘭分部

葡語分部

捷克分部

越南分部

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

dummy

繁中原創

主站翻譯

dummy

---

俄文分部

韓文分部

中國分部

法文分部

波蘭分部

西語分部

泰文分部

日文分部

德文分部

義語分部

烏克蘭分部

葡語分部

捷克分部

越南分部

開始你的夢中南柯C S S之旅……

用這東西你就能夠弄出簡單的CSS主題了。如果你想要學習更多的維基語法魔術，可以看看以下的文章：

• 進階排版與你
  — 由 DrMagnus 撰寫
• SCP格式資源
  — 由 Shaggydredlocks 撰寫
• ListPages魔法與你
  — 由 Croquembouche 和 Rounderhouse 撰寫
• 維基語法
  — 由 ghostchibi 撰寫

著作信息

---

CSS主題製作工具

作者：7happy7

特別鳴謝（以字母順序排列）：Boyu12, C-take, Dr Devan, Etinjat, MrPines, Nanimono Demonai, physicslike, Sekai_s, shu_yabiyabi, Zyn

---

CSS主題製作工具

CSS主題製作工具

如何使用？

如何使用？

(1) 輸入數值

(2) 點擊 重新載入

(3) 點擊 複製

(4) …然後貼上！

你在尋找更多資訊嗎？去看看 「

我想要找到的選項在哪裡？」！

請先登入Wikidot…

「我想要找到的選項在哪裡？」

這個工具是為那些想要為自己頁面更改主題的人而設的。您想要試試嗎？那就讓我們立即開始吧！

回到目錄

選擇你想要使用的顏色。

1. » 顏色選擇器與例子

---

"顏色選擇器與例子" 可以為你準備自定顏色。
請跟從下列步驟：

(1) “這是我想要的顏色！”

(2) 點擊 重新載入

(3) 點選列表上的 以選擇器數值取代

回到目錄

將頁面版頭標題從「SCP基金會」改變

» 版頭 » 偽標題 » 標題 (div#header h1 a:before)

---

備註： 當此欄未被填寫，「顏色」 和「字體陰影」欄將不會起作用。

回到目錄

將頁面版頭副標題從「控制，收容，保護」改變

» 版頭 » 偽標題 » 副標題 (div#header h2 span:before)

---

備註： 當此欄未被填寫時，「顏色」 和「字體陰影」欄將不會起作用。

回到目錄

將頁面版頭標誌從 　 改變

» 版頭 » 標誌 (div#header)

回到目錄

將頁面版頭背景從 　 改變

» 版頭 » div#container-wrap

回到目錄

改變連結顏色

» 一般選項 » 連結顏色

回到目錄

改變字體顏色

» 一般選項 » 內容 » 字體顏色

回到目錄

改變標準背景顏色

» 一般選項 » 內容 » 背景

回到目錄

改變內容標題顏色

» 一般選項 » 內容標題 » 顏色

---

備註： 你可以選擇「只對 h1 有效」或「對所有內容標題有效」（h1, h2, h3, h4, h5, h6）。

回到目錄

改變標準字體

1. : » 一般選項 » 字體 » @import （谷歌字體）
2. : » 一般選項 » 內容 » 字體

---

備註：「1.」到「3.」請注意谷歌字體於大陸區域被牆，不能正常顯示。

+ show block

1. 去 https://fonts.google.com/。

2. 選擇想用的字體。

選擇想用的字體

3. 複製 "@import url('https://fonts.googleapis.com/css?family=XXXXX');" 並粘貼至 "α".

不要複製「<style>」和「</style>」

4. 複製「'<你的字體>', <字體關鍵字>1」至「β」。

不要複製「font-family:」和「;」

回到目錄

改變內容標題的字體

» 一般選項 » 字體 » @import (谷歌字體)
» 一般選項 » 內容標題元素 » 字體

---

備註： 請流覽 「改變標準字體」(4.)。

回到目錄

改變側邊欄顏色

» 側邊欄 » div.side-block » 背景

回到目錄

改變側邊欄標題顏色

» 側邊欄 » div.side-block » 顏色 (div.side-block div.heading)

回到目錄

改變移動端側邊欄按鈕顏色

» 側邊欄 » open-menu（打開列表） » 顏色

回到目錄

改變 tab 背景顏色

» tab » div.yui-content » 背景

回到目錄

改變 tab 選擇器顏色

» tab » 普通選擇器
» tab » 懸浮選擇器
» tab » 已選選擇器

---

已選/懸浮/普通選擇器

回到目錄

改變跨維基板塊顏色

» 跨維基板塊 » div.scpnet-interwiki-wrapper » 濾鏡

---

備註： 更多資訊請參見「 提示4：Interwiki filter 跨維基濾鏡」。

回到目錄

改變評分模組顏色

» 評分模組 » 背景
» 評分模組 » 顏色

α. : » 一般選項 » 字體 » @import (Google font)

β. : » 一般選項 » 內容 » font-family

提示1：text-shadow 文字陰影

text-shadow 文字陰影

<offset-x>, <offset-y>: 必選。這些長度值指定陰影相對文字的偏移量。<offset-x> 指定水準偏移量，若是負值則陰影位於文字左邊。 <offset-y> 指定垂直偏移量，若是負值則陰影位於文字上面。如果兩者均為0，則陰影位於文字正後方（如果設置了<blur-radius> （模糊半徑）則會產生模糊效果)。

<length>（長度）2

<blur-radius>: 可選。這是 <length> 長度值。如果沒有指定，則默認為0。值越大，模糊半徑越大，陰影也就越大越淡（wider and lighter）。

<length>（長度）2

<color>: 可選。可以在偏移量之前或之後指定。如果沒有指定顏色，則使用UA（使用者代理）自行選擇的顏色。因此如果想確保跨流覽器的一致性，請明確地指定一種顏色。

<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hex-color> | <named-color>3 | currentcolor | <deprecated-system-color>

/* offset-x | offset-y | blur-radius | color */

text-shadow: 1px 1px 2px black;

/* color | offset-x | offset-y | blur-radius */

text-shadow: #fc0 1px 0 10px;

/* offset-x | offset-y | color */

text-shadow: 5px 5px #558abb;

/* color | offset-x | offset-y */

text-shadow: white 2px 5px;

/* offset-x | offset-y*/
/* color（顏色）和 blur-radius（模糊半徑）使用預設值。 */

text-shadow: 5px 10px;

---

text-shadow - CSS：層疊樣式表 | MDN
由 Mozilla 貢獻者 撰寫
CC-BY-SA 2.5

提示2：box-shadow 邊框陰影

box-shadow 邊框陰影

其與「text-shadow」文字陰影類似，但可以選擇<inset>。

---

<inset>: 不使用inset，預設陰影在邊框外，即陰影向外擴散。

使用 inset 後，陰影在邊框內（即使是透明邊框），即陰影向內擴散，背景之上內容之下。

inset

/* offset-x | offset-y | color */

box-shadow: 60px -16px teal;

/* offset-x | offset-y | blur-radius | color */

box-shadow: 10px 5px 5px black;

/* offset-x | offset-y | blur-radius | spread-radius（陰影擴散半徑） | color */

box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);

/* inset | offset-x | offset-y | color */

box-shadow: inset 5em 1em gold;

/* 指定多個陰影時，以逗號將陰影隔開。 */

box-shadow: 3px 3px red, -1em 0 0.4em olive;

---

box-shadow - CSS：層疊樣式表 | MDN
由 Mozilla 貢獻者 撰寫
CC-BY-SA 2.5

提示3：border 邊緣

border

<width>: 設置盒子模型的邊框寬度。如果這個值沒有被設置，它的預設值是medium。

<length>2 | thin（薄） | medium（中等） | thick（厚）

<style>: 設定元素所有邊框的樣式。如果這個值沒有被設置，它的預設值是none。

none（無） | hidden（隱藏） | dotted（點線） | dashed（虛線） | solid（實線） | double（雙線） | groove（雕刻效果） | ridge（浮雕效果） | inset（陷入效果） | outset（突出效果）

<color>: 可以確定border的顏色。如果這個值沒有設置，它的預設值是元素的使用中色彩屬性值（是文字顏色而非背景色）。

<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hex-color> | <named-color>3 | currentcolor | <deprecated-system-color>

/* style */

border: solid;

/* width | style */

border: 2px dotted;

/* style | color */

border: outset #f33;

/* width | style | color */

border: medium dashed green;

---

border - CSS：層疊樣式表 | MDN
由 Mozilla 貢獻者 撰寫
CC-BY-SA 2.5

提示4：Interwiki filter 跨維基濾鏡

H	S	V
355deg	100%	73%
色調偏移度	飽和度	/
0deg	0%	100%
/	/	亮度
…
…
濾鏡：	hue-rotate(0deg) saturate(100%) —

"如何更改跨維基板塊顏色？"

a

備註1： 使用上面的工具只能計算出大概數值。
備註2： 如果側邊欄 side-block 的顏色並非單色 （#ffffff, #DCDCDC 等等），那麼這個方法的效果並不會如同「第三定律版式」（#E2E4E7）那樣好。
備註3： 色調偏移度(-70deg) = 色調偏移度(290deg)

基本的例子

預設主題 (Sigma-9) 由 Aelanna 製作
	color code	H	S	V
Link	#bb0011	355deg	100%	73%
		0deg	/	/
side-bg	#ffffff	0deg	0%	100%
		/	/	100%
side-block sample
Interwiki sample Esperanto tlhIngan Hol Na'vi Qenya
filter:	hue-rotate(360deg) — — —

預設主題 (Sigma-9) 由 Aelanna 製作
	颜色代码	H	S	V
链接	#bb0011	355deg	100%	73%
		0deg	/	/
侧边栏背景	#ffffff	0deg	0%	100%
		/	/	100%
侧边栏样本
跨维基样本 Esperanto tlhIngan Hol Na'vi Qenya
滤镜：	色调偏移(360deg) — — —

預設主題 (Sigma-9) 由 Aelanna 製作
	カラーコード	H	S	V
リンク	#bb0011	355deg	100%	73%
		0deg	/	/
side-bg	#ffffff	0deg	0%	100%
		/	/	100%
side-blockサンプル
インターウィキサンプル Esperanto tlhIngan Hol Na'vi Qenya
filter:	hue-rotate(360deg) — — —

MC&D 主題版式 由 Randomini 製作
	color code	H	S	V
Link	#6C4279	285deg	45%	47%
		-70deg	45%	/
side-bg	#ffffff	0deg	0%	100%
		/	/	100%
side-block sample
Interwiki sample Esperanto tlhIngan Hol Na'vi Qenya
filter:	hue-rotate(290deg) — saturate(45%) —

MC&D 主題版式 由 Randomini 製作
	颜色代码	H	S	V
链接	#6C4279	285deg	45%	47%
		-70deg	/	/
侧边栏背景	#ffffff	0deg	0%	100%
		/	/	100%
侧边栏样本
跨维基样本 Esperanto tlhIngan Hol Na'vi Qenya
滤镜：	色调偏移(290deg) — 饱和度(45%) —

MC&D 主題版式 由 Randomini 製作
	カラーコード	H	S	V
リンク	#6C4279	285deg	45%	47%
		-70deg	/	/
side-bg	#ffffff	0deg	0%	100%
		/	/	100%
side-blockサンプル
インターウィキサンプル Esperanto tlhIngan Hol Na'vi Qenya
filter:	hue-rotate(290deg) — saturate(45%) —

被放逐者主題版式 由 ZeroStrider，Salamander724 製作
	color code	H	S	V
Link	#059400	117deg	100%	58%
		-238deg	/	/
side-bg	#ffffff	0deg	0%	100%
		/	/	100%
side-block sample
Interwiki sample Esperanto tlhIngan Hol Na'vi Qenya
filter:	hue-rotate(122deg) — — —

被放逐者主題版式 由 ZeroStrider，Salamander724 製作
	颜色代码	H	S	V
链接	#059400	117deg	100%	58%
		-238deg	/	/
侧边栏背景	#ffffff	0deg	0%	100%
		/	/	100%
侧边栏样本
跨维基样本 Esperanto tlhIngan Hol Na'vi Qenya
滤镜：	色调偏移(122deg) — — —

被放逐者主題版式 由 ZeroStrider，Salamander724 製作
	カラーコード	H	S	V
リンク	#059400	117deg	100%	58%
		-238deg	/	/
side-bg	#ffffff	0deg	0%	100%
		/	/	100%
side-blockサンプル
インターウィキサンプル Esperanto tlhIngan Hol Na'vi Qenya
filter:	hue-rotate(122deg) — — —

第三定律主題版式 由 GreenWolf，Randomini 製作
	color code	H	S	V
Link	#4682B4	207deg	61%	70%
		-148deg	61%	/
side-bg	#E2E4E7	216deg	2%	90%
		/	/	90%
side-block sample
Interwiki sample Esperanto tlhIngan Hol Na'vi Qenya
filter:	hue-rotate(212deg) — saturate(61%) brightness(90%)

第三定律主題版式 由 GreenWolf，Randomini 製作
	颜色代码	H	S	V
链接	#4682B4	207deg	61%	70%
		-148deg	/	/
侧边栏背景	#E2E4E7	216deg	2%	90%
		/	/	90%
侧边栏样本
跨维基样本 Esperanto tlhIngan Hol Na'vi Qenya
滤镜：	色调偏移(212deg) — 饱和度(61%) 亮度(90%)

第三定律主題版式 由 GreenWolf，Randomini 製作
	カラーコード	H	S	V
リンク	#4682B4	207deg	61%	70%
		-148deg	/	/
side-bg	#E2E4E7	216deg	2%	90%
		/	/	90%
side-blockサンプル
インターウィキサンプル Esperanto tlhIngan Hol Na'vi Qenya
filter:	hue-rotate(212deg) — saturate(61%) brightness(90%)

SPC 主題版式 由 PeppersGhost 製作
	color code	H	S	V
Link	#0c499c	214deg	92%	61%
		-141deg	92%	/
side-bg	#ffffff	0deg	0%	100%
		/	/	100%
side-block sample
Interwiki sample Esperanto tlhIngan Hol Na'vi Qenya
filter:	hue-rotate(219deg) — saturate(92%) —

SPC 主題版式 由 PeppersGhost 製作
	颜色代码	H	S	V
链接	#0c499c	214deg	92%	61%
		-141deg	/	/
侧边栏背景	#ffffff	0deg	0%	100%
		/	/	100%
侧边栏样本
跨维基样本 Esperanto tlhIngan Hol Na'vi Qenya
滤镜：	色调偏移(219deg) — 饱和度(92%) —

SPC 主題版式 由 PeppersGhost 製作
	カラーコード	H	S	V
リンク	#0c499c	214deg	92%	61%
		-141deg	/	/
side-bg	#ffffff	0deg	0%	100%
		/	/	100%
side-blockサンプル
インターウィキサンプル Esperanto tlhIngan Hol Na'vi Qenya
filter:	hue-rotate(219deg) — saturate(92%) —

Darkbody 主題版式 由 djkaktus 製作
	color code	H	S	V
Link	#2F4F4F	180deg	40%	30%
		-175deg	40%	/
side-bg	#DCDCDC	0deg	0%	86%
		/	/	86%
side-block sample
Interwiki sample Esperanto tlhIngan Hol Na'vi Qenya
filter:	hue-rotate(185deg) — saturate(40%) brightness(86%)

Darkbody 主題版式 由 djkaktus 製作
	颜色代码	H	S	V
链接	#2F4F4F	180deg	40%	30%
		-175deg	/	/
侧边栏背景	#DCDCDC	0deg	0%	86%
		/	/	86%
侧边栏样本
跨维基样本 Esperanto tlhIngan Hol Na'vi Qenya
滤镜：	色调偏移(185deg) — 饱和度(40%) 亮度(86%)

Darkbody 主題版式 由 djkaktus 製作
	カラーコード	H	S	V
リンク	#2F4F4F	180deg	40%	30%
		-175deg	/	/
side-bg	#DCDCDC	0deg	0%	86%
		/	/	86%
side-blockサンプル
インターウィキサンプル Esperanto tlhIngan Hol Na'vi Qenya
filter:	hue-rotate(185deg) — saturate(40%) brightness(86%)

超形上學部主題版式 由 FloppyPhoenix does not match any existing user name，TSATPWTCOTTTADC，Woedenaz 製作
	color code	H	S	V
Link	#5b2f8e	268deg	67%	56%
		-87deg	67%	/
side-bg	#f3f3f3	0deg	0%	95%
		/	/	95%
side-block sample
Interwiki sample Esperanto tlhIngan Hol Na'vi Qenya
filter:	hue-rotate(273deg) — saturate(67%) brightness(95%)

超形上學部主題版式 由 FloppyPhoenix does not match any existing user name，TSATPWTCOTTTADC，Woedenaz 製作
	颜色代码	H	S	V
链接	#5b2f8e	268deg	67%	56%
		-87deg	/	/
侧边栏背景	#f3f3f3	0deg	0%	95%
		/	/	95%
侧边栏样本
跨维基样本 Esperanto tlhIngan Hol Na'vi Qenya
滤镜：	色调偏移(273deg) — 饱和度(67%) 亮度(95%)

超形上學部主題版式 由 FloppyPhoenix does not match any existing user name，TSATPWTCOTTTADC，Woedenaz 製作
	カラーコード	H	S	V
リンク	#5b2f8e	268deg	67%	56%
		-87deg	/	/
side-bg	#f3f3f3	0deg	0%	95%
		/	/	95%
side-blockサンプル
インターウィキサンプル Esperanto tlhIngan Hol Na'vi Qenya
filter:	hue-rotate(273deg) — saturate(67%) brightness(95%)

SAPPHIRE 主題版式 由 stormbreath 製作
	color code	H	S	V
Link	#151a61	236deg	78%	38%
		-119deg	78%	/
side-bg	#e5e5e5	0deg	0%	90%
		/	/	90%
side-block sample
Interwiki sample Esperanto tlhIngan Hol Na'vi Qenya
filter:	hue-rotate(241deg) — saturate(78%) brightness(90%)

SAPPHIRE 主題版式 由 stormbreath 製作
	颜色代码	H	S	V
链接	#151a61	236deg	78%	38%
		-119deg	/	/
侧边栏背景	#e5e5e5	0deg	0%	90%
		/	/	90%
侧边栏样本
跨维基样本 Esperanto tlhIngan Hol Na'vi Qenya
滤镜：	色调偏移(241deg) — 饱和度(78%) 亮度(90%)

SAPPHIRE 主題版式 由 stormbreath 製作
	カラーコード	H	S	V
リンク	#151a61	236deg	78%	38%
		-119deg	/	/
side-bg	#e5e5e5	0deg	0%	90%
		/	/	90%
side-blockサンプル
インターウィキサンプル Esperanto tlhIngan Hol Na'vi Qenya
filter:	hue-rotate(241deg) — saturate(78%) brightness(90%)

例外

終結的方式版式 由 djkaktus 製作
	顏色代碼	H	S	V
連結	#e80e0e	0deg	93%	90%
		-5deg	93%	/
側邊欄背景	#161616	0deg	0%	8%
		/	/	8%
側邊欄樣本
跨維基樣本 Esperanto tlhIngan Hol Na'vi Qenya
濾鏡：	反轉效果(92%)4 色調偏移(189deg)5 飽和度(1200%)

IJAMEA 版式主題 由 Dr Solo 製作
	顏色代碼	H	S	V
連結	#000000	0deg	0%	0%
		/	/	/
側邊欄背景	#FFFFFF	0deg	0%	100%
		/	/	/
側邊欄樣本
跨維基樣本 Esperanto tlhIngan Hol Na'vi Qenya
濾鏡：	灰階(100%) 整體陰影(0 1px 1px #000000)

a

檢視原始碼

Footnote

1. sans-serif, serif, cursive, fantasy, monospace…

2. 1px, 1em… （1圖元，1點數等等）

3. red, green… （紅色，綠色等等）

4. 100% - 8% = 92%

5. -5deg - (180deg * 0.92)_[invert] + 360deg = 189.4 ≒ 189deg

≡