CSS预览器
此工具可以帮助你预览并调试你的 CSS 版式在 本wiki 上的整体效果
此工具可以帮助你预览并调试你的 CSS 版式在 本wiki 上的整体效果
控制台：
<html> <head> <title>CSS 预览器 - xyz game up studios</title> <meta http-equiv="content-type" content="text/html;charset=UTF-8"/> <meta http-equiv="content-language" content="zh,zh-cn"/> <link rel="shortcut icon" href="http://scp-wiki-cn.wikidot.com/local--favicon/favicon.gif"/> <link rel="icon" type="image/gif" href="http://scp-wiki-cn.wikidot.com/local--favicon/favicon.gif"/> <link rel="apple-touch-icon" href="http://scp-wiki-cn.wikidot.com/local--iosicon/iosicon_57.png"/> <link rel="apple-touch-icon" sizes="72x72" href="http://scp-wiki-cn.wikidot.com/local--iosicon/iosicon_72.png"/> <link rel="apple-touch-icon" sizes="114x114" href="http://scp-wiki-cn.wikidot.com/local--iosicon/iosicon.png"/> <style type="text/css"> @import url('http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css'); body { font-family: verdana, arial, helvetica, sans-serif; font-size: 0.9em; } a { color: #b01; text-decoration: none; } a:hover { text-decoration: underline; } a[href*="javascript:;"] { color: inherit; } a[href*="javascript:;"]:hover { color: #3498db; text-decoration: none; } #toolBody { margin: 0 auto; box-shadow: 0 0.125rem 0.125rem rgba(0, 0, 0, 0.29); } #cssAreaWrap, #interWikiWrap { -webkit-transition: height .75s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: height .75s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: height .75s cubic-bezier(0.4, 0, 0.2, 1); transition: height .75s cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden; } #interWikiWrap { background-color: rgba(0, 135, 189, .15); } textarea { width: 95%; } .previewBtn { width: 80%; font-size: 1.75em; } .code { border: 0.0625rem dashed #DDD; background-color: #F7F7F7; font-family: 'Andale Mono', 'Courier New', Courier, monospace; padding: 0 1em; margin: 0.4em 0; white-space: pre-wrap; } #popupWrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; } #popupWrap.folded { pointer-events: none; opacity: 0; } .fader { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(34, 34, 34, .5); cursor: default; } #popup { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 90vw; max-width: 31.25rem; height: 21.875rem; margin: auto; padding: 0.55em 1em; background-color: #fefefe; box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.5); } #popupContent { height: 100%; overflow-y: auto; } #interwikiCode { word-break: break-all; } </style> </head> <body> <div id="toolBody"> <div style="padding: 0.5em 1em 0;"> <p>基础版式：<select id="baseTheme" value="1"><option value="0">空白</option><option selected="selected" value="1">SCP Sigma-9</option><option value="2">SCP 黑色标记笔</option></select> <button type="button" onclick="setBaseTheme()">应用</button></p> <p>设置页面宽度：<input type="number" id="toolWidth" value="" maxlength="4" min="0" step="1" style="width: 5em; text-align: center;" onkeyup="if(event.keyCode==13){setToolWidth()}" /> px <button type="button" onclick="setToolWidth()">应用</button> <button type="button" onclick="resetWidth()">还原</button> | 快捷切换：<button type="button" onclick="setWidth('375px')">375px</button> <button type="button" onclick="setWidth('767px')">767px</button> <button type="button" onclick="setWidth('1040px')">1040px</button></p> <div id="cssAreaWrap"> <p>在这里粘贴你的 CSS 代码：</p> <p style="text-align: center;"><textarea name="cssArea" rows="10" placeholder="请不要加 [[module css]] 和 [[/module]]"></textarea></p> <p style="text-align: center;"><button type="button" class="previewBtn" onclick="preview(0)">预览</button></p> <p>在这里你可以输入想要调试的部分：</p> <p style="text-align: center;"><textarea name="cssArea" rows="10" placeholder="这里的内容拥有更高的优先权"></textarea></p> <p style="text-align: center;"><button type="button" class="previewBtn" onclick="preview(1)">预览</button></p> <p><input type="checkbox" onchange="foldElem(1)" />跨维基模块样式 <a href="javascript:;" class="fa fa-question-circle" onclick="foldPopup(1)"></a></p> <div id="interWikiWrap" style="height:0px"> <p style="text-align: center;"><textarea name="cssArea" rows="10"></textarea></p> <p style="text-align: center;"><button type="button" class="previewBtn" onclick="preview(2)">预览</button></p> </div> </div> <p style="text-align: center;"><a href="javascript:;" class="fa fa-chevron-circle-up" onclick="foldElem(0)"> 收起</a></p> <br /> <p style="text-align: right;"><button type="button" onclick="reloadFrame()">重新载入样本区域</button></p> <div id="loadTip"><p style="text-align: center; font-size: 1.5em;">正在载入，请稍候</p></div> </div> <iframe src="/local--code_/css-previewer/2" allowtransparency="true" frameborder="0" style="height: 1000px; overflow: hidden;" id="toolFrame" name="toolFrame" onload="loadFrame(this)"></iframe> <div id="popupWrap" class="folded"> <a href="javascript:;" class="fader" onclick="foldPopup(0)"></a> <div id="popup"><div id="popupContent"></div></div> </div> </div> <script type="text/javascript"> var postedData = new Array(); var elem = [document.getElementById("cssAreaWrap"), document.getElementById("interWikiWrap")]; var elemFolded = [false, true]; var foldElemTimer = new Array(); var popupWrap = document.getElementById("popupWrap"); var popupContent = document.getElementById("popupContent"); postedData[0] = "1"; function packCSS(str){str=str.replace(/\/\*(.|\n)*?\*\//g,"").replace(/\s*([\{\}\;\,])\s*/g,"$1").replace(/\,[\s\.\#\d]*\{/g,"{").replace(/;\s*;/g,";").match(/^\s*(\S+(\s+\S+)*)\s*$/);return(str==null)?"":str[1]} function recordData(mode, value) { postedData[mode] = value; } function postData(mode, value) { if (postedData[mode] != value) { window.toolFrame.receiveData(mode, value); } } function setBaseTheme() { postData(0, document.getElementById("baseTheme").value); } function setWidth(w) { document.getElementById("toolBody").style.width = w; document.getElementById("toolFrame").style.width = w; postData(1, w); } function setToolWidth() { setWidth(Math.max(200, document.getElementById("toolWidth").value) + "px"); } function resetWidth() { setWidth("100%"); } resetWidth(); function preview(i) { var cssArea = document.getElementsByName("cssArea"); postData(i + 2, packCSS(cssArea[i].value)); } function setHeight(i, h) { if (h >= 0) { if (elem[i].style.height != h + "px") elem[i].style.height = h + "px"; } else { elem[i].style.height = "auto"; } } function foldElemLoop(i, t) { if (t == foldElemTimer[i]) { if (elemFolded[i]) { setHeight(i, 0); } else { if (Math.abs(elem[i].scrollHeight - elem[i].clientHeight) <= 4) { setHeight(i, -1); } else { setHeight(i, elem[i].scrollHeight); setTimeout(foldElemLoop, 200, i, t); } } } } function foldElem(i) { var elemTarget = event.currentTarget; if (elemFolded[i]) { elemFolded[i] = false; if (elemTarget.tagName == "A") { elemTarget.classList.remove("fa-chevron-circle-down"); elemTarget.classList.add("fa-chevron-circle-up"); elemTarget.innerText = " 收起"; } } else { elemFolded[i] = true; if (elemTarget.tagName == "A") { elemTarget.classList.remove("fa-chevron-circle-up"); elemTarget.classList.add("fa-chevron-circle-down"); elemTarget.innerText = " 展开"; } } setHeight(i, elem[i].scrollHeight); foldElemTimer[i] = new Date().valueOf(); setTimeout(foldElemLoop, 20, i, foldElemTimer[i]); } function foldPopup(mode) { var elemTarget = event.currentTarget; if (mode == 0) { popupWrap.classList.add("folded"); } else { popupWrap.classList.remove("folded"); switch (mode) { case 1: var cssArea = document.getElementsByName("cssArea")[2]; popupContent.innerHTML = "<p>你可以使用特殊的插件来自定义 <a href=\"http://scp-wiki-cn.wikidot.com/\" target=\"_blank\">SCP 中文维基</a>的侧边栏上跨维基模块的样式。跨维基模块的内部结构非常简单，类似通常的侧边栏方块：</p><div class=\"code\"><p><div class=\"side-block\"><br /> <div class=\"heading\"><br /> <p><a>其他语言</a></p><br /> </div><br /> <div class=\"menu-item\"><br /> <img class=\"image\" /><a>English</a><br /> </div><br /></div></p></div>" if (cssArea.value != "") { popupContent.innerHTML += "<p>你的样式插件代码如下：</p><p style=\"text-align: center;\"><textarea id=\"interwikiCode\" rows=\"4\" readonly=\"readonly\">[[div_ style=\"display:none\"]]\n[[embed]]\n<iframe src=\"http://scp-wiki-cn.wdfiles.com/local--files/nav%3Aside/styleFrame.html?" + encodeURIComponent(packCSS(cssArea.value).replace(/^\s+/gm, "").replace(/\s+$/gm, "")) + "\" name=\"styleFrame\"></iframe>\n[[/embed]]\n[[/div]]</textarea></p><p>将该插件添加到你的版式的 CSS 模块下方，[[iftags]] 外侧，若用户使用 [[include]] 来引入版式，该插件可以添加自定义样式至跨语言模块中。该插件并非通常的 CSS，因此无法通过“@import”来引入。</p>"; } break; } } } function loadFrame(obj) { document.getElementById("loadTip").style.display = "none"; postData(1, document.getElementById("toolFrame").style.width); } function reloadFrame() { postedData[0] = "1"; for (var i = 1; i < postedData.length; i++) { postedData[i] = ""; } document.getElementById("loadTip").style.display = "block"; window.toolFrame.location.reload(true); } </script> </body> </html>
样本区域：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cn" lang="cn"> <head> <title>CSS 预览器 - xyz game up studios</title> <meta http-equiv="content-type" content="text/html;charset=UTF-8"/> <meta http-equiv="content-language" content="zh,zh-cn"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <link rel="shortcut icon" href="http://scp-wiki-cn.wikidot.com/local--favicon/favicon.gif"/> <link rel="icon" type="image/gif" href="http://scp-wiki-cn.wikidot.com/local--favicon/favicon.gif"/> <link rel="apple-touch-icon" href="http://scp-wiki-cn.wikidot.com/local--iosicon/iosicon_57.png"/> <link rel="apple-touch-icon" sizes="72x72" href="http://scp-wiki-cn.wikidot.com/local--iosicon/iosicon_72.png"/> <link rel="apple-touch-icon" sizes="114x114" href="http://scp-wiki-cn.wikidot.com/local--iosicon/iosicon.png"/> <script type="text/javascript" src="http://d3g0gp89917ko0.cloudfront.net/v--3e3a6f7dbcc9/common--javascript/init.combined.js"></script> <script type="text/javascript" src="http://d3g0gp89917ko0.cloudfront.net/v--3e3a6f7dbcc9/common--javascript/WIKIDOT.combined.js"></script> <style type="text/css"> @import url(http://d3g0gp89917ko0.cloudfront.net/v--3e3a6f7dbcc9/common--theme/base/css/style.css); @import url(http://d3g0gp89917ko0.cloudfront.net/v--3e3a6f7dbcc9/common--modules/css/pagerate/PageRateWidgetModule.css); </style> <style type="text/css" id="internal-style"> @import url(http://xyz-studios.wikidot.com/local--files/component:theme/xyz-theme.css); </style> <style name="cssArea"></style> <style name="cssArea"></style> <style> @import url(http://scp-wiki.wdfiles.com/local--code/info%3Astyle/1); </style> <base target="_blank"> </head> <body id="html-body"> <div id="skrollr-body"> <a name="page-top"></a> <div id="container-wrap-wrap"> <div id="container-wrap"> <div id="container"> <div id="header"> <h1><a href="/"><span>xyz game up studios</span></a></h1> <h2><span>欢迎来到xyz game up studios</span></h2> <div id="search-top-box" class="form-search"> <form id="search-top-box-form" action="dummy" class="input-append"> <input id="search-top-box-input" class="text empty search-query" type="text" size="15" name="query" value="搜索网站" onfocus="if(YAHOO.util.Dom.hasClass(this, 'empty')){YAHOO.util.Dom.removeClass(this,'empty'); this.value='';}"/><input class="button btn" type="submit" name="search" value="搜索"/> </form> </div> <div id="top-bar" style="display:none"> [[div class="top-bar"]] * SCP系列 * [[[scp-series-8|系列 VIII (7000 - 7999)]]] * [[[scp-series-7|系列 VII (6000 - 6999)]]] * [[[scp-series-7-tales-edition|» 系列 VII 故事]]] * [[[scp-series-6|系列 VI (5000 - 5999)]]] * [[[scp-series-6-tales-edition|» 系列 VI 故事]]] * [[[scp-series-5|系列 V (4000 - 4999)]]] * [[[scp-series-5-tales-edition|» 系列 V 故事]]] * [[[scp-series-4|系列 IV (3000 - 3999)]]] * [[[scp-series-4-tales-edition|» 系列 IV 故事]]] * [[[scp-series-3|系列 III (2000 - 2999)]]] * [[[scp-series-3-tales-edition|» 系列 III 故事]]] * [[[scp-series-2|系列 II (1000 - 1999)]]] * [[[scp-series-2-tales-edition|» 系列 II 故事]]] * [[[scp-series|系列 I (001 - 999)]]] * [[[scp-series-1-tales-edition|» 系列 I 故事]]] * [[[joke-scps|搞笑SCP]]] * [[[joke-scps-tales-edition|» 搞笑SCP故事]]] * [[[scp-ex|已解明SCP]]] * [[[explained-scps-tales-edition|» 已解明SCP故事]]] * 故事 * [[[Foundation Tales|基金会故事]]] * [[[canon-hub|设定]]] * [[[series-archive|故事系列]]] * [[[incident-reports-eye-witness-interviews-and-personal-logs|事故报告]]] * [[[creepy-pasta|Creepy-Pasta 归档]]] * 图书馆 * [[[user-curated-lists|用户推荐清单]]] * [[[log-of-anomalous-items|异常物品记录]]] * [[[log-of-extranormal-events|超常现象记录]]] * [[[log-of-unexplained-locations|未解明地点记录]]] * [[[goi-formats|GoI格式]]] * [[[audio-adaptations|音频记录]]] * [[[scp-artwork-hub|艺术作品]]] * [[[contest-archive|征文竞赛]]] * [[[wanderers:start|被放逐者之图书馆]]] * [[[wanderers:the-library-cn|原创图书馆中心]]] * SCP-CN系列 * [[[scp-series-cn-3|CN系列 III (CN-2000 - CN-2999)]]] * [[[scp-series-cn-2|CN系列 II (CN-1000 - CN-1999)]]] * [[[scp-series-cn-2-tales-edition|» CN 系列 II 故事]]] * [[[scp-series-cn|CN系列 I (CN-001 - CN-999)]]] * [[[scp-series-cn-1-tales-edition|» CN 系列 I 故事]]] * [[[joke-scps-cn|搞笑SCP-CN]]] * [[[scp-ex-cn|已解明SCP-CN]]] * [[[log-of-anomalous-items-cn|原创异常物品记录]]] * [[[log-of-extranormal-events-cn|原创超常现象记录]]] * [[[Foundation Tales CN|原创基金会故事]]] * [[[short-stories|原创短篇故事合集]]] * [[[canon-hub-cn|原创设定]]] * [[[series-archive-cn|原创故事系列]]] * [[[contest-archive-cn|中文分部征文竞赛]]] * SCP国际 * [[[scp-international|SCP国际翻译中心]]] * [http://scp-int.wikidot.com/ SCP国际翻译站] * [http://scpfoundation.net/ Фонд SCP (-RU)] * [http://ko.scp-wiki.net/ SCP 재단 (-KO)] * [http://fondationscp.wikidot.com/ Fondation SCP (-FR)] * [http://scp-wiki.net.pl/ Fundacja SCP (-PL)] * [http://scp-es.com/ La Fundación SCP (-ES)] * [http://scp-th.wikidot.com/ สถาบัน SCP (-TH)] * [http://scp-jp.wikidot.com/ SCP財団 (-JP)] * [http://scp-wiki-de.wikidot.com/ SCP Foundation (-DE)] * [http://fondazionescp.wikidot.com/ Fondazione SCP (-IT)] * [http://scp-ukrainian.wikidot.com/ Фонд SCP (-UA)] * [http://scp-pt-br.wikidot.com/ Fundação SCP (-PT/BR)] * [http://scp-cs.wikidot.com/ SCP Nadace (-CS)] * [http://scp-vn.wikidot.com/ Tổ Chức SCP (-VN)] * 背景资料 * [[[about-the-scp-foundation|关于基金会]]] * [[[groups-of-interest|相关组织]]] * [[[object-classes|项目等级]]] * [[[personnel-and-character-dossier|职员档案]]] * [[[security-clearance-levels|安保许可等级]]] * [[[secure-facilities-locations|安保设施]]] * [[[task-forces|机动特遣队]]] * [[[groups-of-interest-cn|中国相关组织]]] * [[[secure-facilities-locations-cn|中国分部设施]]] * [[[task-forces-cn|中国分部机动特遣队]]] * 指导 * [[[guide-hub|指导中心]]] * [[[guide-for-newbies|新手指南]]] * [[[how-to-write-an-scp|如何撰写一篇SCP文档]]] * [[[image-use-policy|图像使用守则]]] * [[[licensing-guide|授权指南]]] * [[[tag-guide|标签指导]]] * [[[tag-search|标签搜索]]] * [[[translation-movement-guide|翻译发布及搬运指南]]] * [[[translation-rules|翻译与校对守则]]] * [[[FAQ|常见问题解答]]] * [[[site-rules|网站站规]]] * [[[deletions-guide|删帖指导]]] * [[[criticism-policy|批评守则]]] * [[[links|链接]]] [[/div]] [[div class="mobile-top-bar"]] [[div class="open-menu"]] [#side-bar ≡] [[/div]] * SCP系列 * [[[scp-series-cn-3|CN系列 III (CN-2000 - CN-2999)]]] * [[[scp-series-cn-2|CN系列 II (CN-1000 - CN-1999)]]] * [[[scp-series-cn-2-tales-edition|» CN 系列 II 故事]]] * [[[scp-series-cn|CN系列 I (CN-001 - CN-999)]]] * [[[scp-series-cn-1-tales-edition|» CN 系列 I 故事]]] * [[[joke-scps-cn|搞笑SCP-CN]]] * [[[scp-ex-cn|已解明SCP-CN]]] * [[[scp-series-8|系列 VIII (7000 - 7999)]]] * [[[scp-series-7|系列 VII (6000 - 6999)]]] * [[[scp-series-6|系列 VI (5000 - 5999)]]] * [[[scp-series-6-tales-edition|» 系列 VI 故事]]] * [[[scp-series-5|系列 V (4000 - 4999)]]] * [[[scp-series-5-tales-edition|» 系列 V 故事]]] * [[[scp-series-4|系列 IV (3000 - 3999)]]] * [[[scp-series-4-tales-edition|» 系列 IV 故事]]] * [[[scp-series-3|系列 III (2000 - 2999)]]] * [[[scp-series-3-tales-edition|» 系列 III 故事]]] * [[[scp-series-2|系列 II (1000 - 1999)]]] * [[[scp-series-2-tales-edition|» 系列 II 故事]]] * [[[scp-series|系列 I (001 - 999)]]] * [[[scp-series-1-tales-edition|» 系列 I 故事]]] * [[[joke-scps|搞笑SCP]]] * [[[joke-scps-tales-edition|» 搞笑SCP故事]]] * [[[scp-ex|已解明SCP]]] * [[[explained-scps-tales-edition|» 已解明SCP故事]]] * [[[scp-international|SCP国际翻译中心]]] * 故事 * [[[Foundation Tales|基金会故事]]] * [[[canon-hub|设定]]] * [[[series-archive|故事系列]]] * [[[incident-reports-eye-witness-interviews-and-personal-logs|事故报告]]] * [[[creepy-pasta|Creepy-Pasta 归档]]] * [[[Foundation Tales CN|原创基金会故事]]] * [[[short-stories|原创短篇故事合集]]] * [[[canon-hub-cn|原创设定]]] * [[[series-archive-cn|原创故事系列]]] * 图书馆 * [[[user-curated-lists|用户推荐清单]]] * [[[log-of-anomalous-items|异常物品记录]]] * [[[log-of-extranormal-events|超常现象记录]]] * [[[log-of-unexplained-locations|未解明地点记录]]] * [[[goi-formats|GoI格式]]] * [[[audio-adaptations|音频记录]]] * [[[scp-artwork-hub|艺术作品]]] * [[[contest-archive|征文竞赛]]] * [[[log-of-anomalous-items-cn|原创异常物品记录]]] * [[[log-of-extranormal-events-cn|原创超常现象记录]]] * [[[contest-archive-cn|中文分部征文竞赛]]] * [[[wanderers:start|被放逐者之图书馆]]] * [[[wanderers:the-library-cn|原创图书馆中心]]] * 背景资料 * [[[about-the-scp-foundation|关于基金会]]] * [[[groups-of-interest|相关组织]]] * [[[object-classes|项目等级]]] * [[[personnel-and-character-dossier|职员档案]]] * [[[security-clearance-levels|安保许可等级]]] * [[[secure-facilities-locations|安保设施]]] * [[[task-forces|机动特遣队]]] * [[[groups-of-interest-cn|中国相关组织]]] * [[[secure-facilities-locations-cn|中国分部设施]]] * [[[task-forces-cn|中国分部机动特遣队]]] * 指导 * [[[guide-hub|指导中心]]] * [[[guide-for-newbies|新手指南]]] * [[[how-to-write-an-scp|如何撰写一篇SCP文档]]] * [[[image-use-policy|图像使用守则]]] * [[[licensing-guide|授权指南]]] * [[[tag-guide|标签指导]]] * [[[tag-search|标签搜索]]] * [[[translation-movement-guide|翻译发布及搬运指南]]] * [[[translation-rules|翻译与校对守则]]] * [[[FAQ|常见问题解答]]] * [[[site-rules|网站站规]]] * [[[deletions-guide|删帖指导]]] * [[[criticism-policy|批评守则]]] * [[[links|链接]]] [[/div]] </div> <div id="login-status"><span class="printuser"><a href="javascript:;" target="_self" onclick="return false;"><img class="small" src="http://www.wikidot.com/common--images/avatars/default/a16.png" alt="avatar" style="background-image:url(http://www.wikidot.com/common--theme/base/images/karma/karma_5.png)"/></a>user_name</span> | <a id="my-account" href="https://www.wikidot.com/account/activity">我的帐户</a> <a id="account-topbutton" href="javascript:;" target="_self">▼</a><div id="account-options"><ul><li><a href="https://www.wikidot.com/account/activity">活动</a></li><li><a href="https://www.wikidot.com/account/messages">消息</a></li><li><a href="https://www.wikidot.com/account/sites">网站</a></li><li><a href="https://www.wikidot.com/account/settings">设定</a></li><li><a href="https://www.wikidot.com/account/upgrade">升级</a></li><li><a href="javascript:;" target="_self" onclick="return false;">登出</a></li></ul></div></div> <div id="header-extra-div-1"><span></span></div><div id="header-extra-div-2"><span></span></div><div id="header-extra-div-3"><span></span></div> </div> <div id="content-wrap"> <div id="side-bar" style="display:none"> [[div class="side-block" style="background-color: #f0fff6;"]] + 语言 * [[[http://xyz-studios-en.wikidot.com/major|英文站]]]EN site * [[[jp|日本站]]]日本站 * [[[zh-tk|繁体中文站]]]繁體中文站 * [[[nk/sk|朝鲜/韩国站]]]조선 한국 역 [[/div]] ~~~~ [[a href="###" class="close-menu"]] [[image http://scp-wiki.wikidot.com/local--files/nav:side/black.png style="z-index=-1; opacity: 0.3;"]] [[/a]] [[div class="side-block" style="background-color: #f0fff6;"]] + 管理专用 * [[[nav:side|侧栏]]] | [[[nav:top|顶栏]]] * [[[_admin|控制台]]] * [[[css-pages|所有css样版]]] * [[[all-pages|所有页面]]] * [[[system:recent-changes|信息可视化]]] * [[[admin:timer|xyz计时器]]] [[/div]] ~~~~ [[a href="###" class="close-menu"]] [[image http://scp-wiki.wikidot.com/local--files/nav:side/black.png style="z-index=-1; opacity: 0.3;"]] [[/a]] [[div class="side-block" style="background-color: #f0fff6;"]] + 工作室介绍类 * [[[gol|相关组织]]] [[/div]] ~~~~ [[a href="###" class="close-menu"]] [[image http://scp-wiki.wikidot.com/local--files/nav:side/black.png style="z-index=-1; opacity: 0.3;"]] [[/a]] [[div class="side-block" style="background-color: #f0fff6;"]] + 写作区 * [[[craft pages|建立页面/所有页面]]] * [[[sandbox|沙盒/我的沙盒/所有沙盒]]] * [[[pages:toc|写作目录]]] * [[[sayw|指导]]] * [[[css-previewer|CSS预览器]]] [[/div]] ~~~~ [[a href="###" class="close-menu"]] [[image http://scp-wiki.wikidot.com/local--files/nav:side/black.png style="z-index=-1; opacity: 0.3;"]] [[/a]] ~~~~ [[a href="###" class="close-menu"]] [[image http://scp-wiki.wikidot.com/local--files/nav:side/black.png style="z-index=-1; opacity: 0.3;"]] [[/a]] [[html]] <script type="text/javascript" src="//rf.revolvermaps.com/0/0/5.js?i=51mmt0higqn&m=0&c=ff0000&cr1=ffffff" async="async"></script> [[/html]] [[=]] [[image http://scr-wiki.wikidot.com/local--files/nav:side/cc-by-sa.jpg link="*http://creativecommons.org/licenses/by-sa/3.0/deed.zh" style="margin-bottom: 10px;"]] [[size 80%]]xyz game up studios©XUpsilon-21[[/size]] [[/=]] </div> <div id="main-content"> <div id="action-area-top"></div> <div id="page-title"> xyz game up studios css test </div> <div id="page-content"> <div class="scp-image-block block-right" style="width:300px;"><img src="http://xyz-studios.wdfiles.com/local--files/major/logo.jpg" style="width:300px;" alt="xyz logo" class="xyz logo" /> <div class="scp-image-caption" style="width:300px;"> <p>xyz logo</p> </div> </div> <p><strong>粗体测试</strong>（@@**字体**@@）wiki原版</p> <p><strong>h1</strong>test</p> <p><strong>h2</strong>test</p> <p><strong>h3：</strong>试用</p> <p>test css 字体</p> <p>正常字体测体</p> <div class="footer-wikiwalk-nav"> <div style="text-align: center;"> <p>« <a href="http://xyz-studios.wdfiles.com/local--code/css-previewer/1">URL测试</a> | 本页 | <a href="http://scp-wiki.wdfiles.com/local--code/info%3Astyle/1">url test</a> »</p> </div> </div> <br /> <br /> <br /> <br /> <br /> <div style="text-align: right;"> <p><strong>评分模块：</strong></p> <div class="page-rate-widget-box"><span class="rate-points">评分: <span class="number prw54353">±0</span></span><span class="rateup btn btn-default"><a title="我喜欢" href="javascript:;" target="_self" onclick="WIKIDOT.modules.PageRateWidgetModule.listeners.rate(event, 1)">+</a></span><span class="ratedown btn btn-default"><a title="我不喜欢" href="javascript:;" target="_self" onclick="WIKIDOT.modules.PageRateWidgetModule.listeners.rate(event, -1)">–</a></span><span class="cancel btn btn-default"><a title="取消我的投票" href="javascript:;" target="_self" onclick="WIKIDOT.modules.PageRateWidgetModule.listeners.cancelVote(event)">x</a></span></div> </div> <div style="text-align: right;"> <p><strong>著作信息模块：</strong></p> </div> <div class="creditRate"> <div class="rateBox"> <div class="rate-box-with-credit-button"> <div class="page-rate-widget-box"><span class="rate-points">评分: <span class="number prw54353">±0</span></span><span class="rateup btn btn-default"><a title="我喜欢" href="javascript:;" target="_self" onclick="WIKIDOT.modules.PageRateWidgetModule.listeners.rate(event, 1)">+</a></span><span class="ratedown btn btn-default"><a title="我不喜欢" href="javascript:;" target="_self" onclick="WIKIDOT.modules.PageRateWidgetModule.listeners.rate(event, -1)">–</a></span><span class="cancel btn btn-default"><a title="取消我的投票" href="javascript:;" target="_self" onclick="WIKIDOT.modules.PageRateWidgetModule.listeners.cancelVote(event)">x</a></span></div> <div class="creditButton"> <p><a class="fa fa-info" href="#u-credit-view" target="_self"></a></p> </div> </div> </div> </div> <div style="clear:both;"></div> <div id="u-credit-view"> <div class="fader"> <p><iframe src="http://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1" align="" frameborder="" height="" scrolling="" width="" class="" style=""></iframe></p> </div> <div class="modalcontainer"> <div class="modalbox"> <div style="text-align: center;"> <h2><span>著作信息</span></h2> </div> <hr /> <div class="credit first"> <p><iframe src="http://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4" align="" frameborder="" height="" scrolling="" width="" class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"></iframe></p> </div> <hr /> <div class="credit" style="text-align:center; margin-top: 0.5em;"> <p><a href="#u-credit-otherwise" target="_self">更多</a></p> </div> </div> </div> </div> <div id="u-credit-otherwise"> <div class="fader"> <p><iframe src="http://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/3" align="" frameborder="" height="" scrolling="" width="" class="" style=""></iframe></p> </div> <div class="modalcontainer"> <div class="modalbox"> <div style="text-align: center;"> <h2><span>更多</span></h2> </div> <hr /> <div class="credit otherwise"></div> <hr /> <div class="credit-back" style="text-align: center;"> <p><iframe src="http://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2" align="" frameborder="" height="" scrolling="no" width="" class="" style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;"></iframe></p> </div> </div> </div> </div> <div class="collapsible-block"> <div class="collapsible-block-folded"><a class="collapsible-block-link" href="javascript:;" target="_self">+ 标题</a></div> <div class="collapsible-block-unfolded" style="display:none"> <div class="collapsible-block-unfolded-link"><a class="collapsible-block-link" href="javascript:;" target="_self">- 标题</a></div> <div class="collapsible-block-content"> <h1 id="toc0"><span>1 级标题</span></h1> <h2 id="toc1"><span>2 级标题</span></h2> <h3 id="toc2"><span>3 级标题</span></h3> <h4 id="toc3"><span>4 级标题</span></h4> <h5 id="toc4"><span>5 级标题</span></h5> <h6 id="toc5"><span>6 级标题</span></h6> </div> </div> </div> <br /> <script type="text/javascript" src="http://d3g0gp89917ko0.cloudfront.net/v--3e3a6f7dbcc9/common--javascript/yahooui/tabview-min.js"> </script> <div id="wiki-tabview" class="yui-navset yui-navset-top"> <ul class="yui-nav"> <li class="selected" title="active"><a href="javascript:;" target="_self"><em>分页</em></a></li><li><a href="javascript:;" target="_self"><em>分页</em></a></li><li><a href="javascript:;" target="_self"><em>长Tab</em></a></li><li><a href="javascript:;" target="_self"><em>空Tab</em></a></li><li><a href="javascript:;" target="_self"><em>空Tab</em></a></li><li><a href="javascript:;" target="_self"><em>空Tab</em></a></li><li><a href="javascript:;" target="_self"><em>空Tab</em></a></li><li><a href="javascript:;" target="_self"><em>空Tab</em></a></li><li><a href="javascript:;" target="_self"><em>空Tab</em></a></li></ul> <div class="yui-content"> <div id="wiki-tab-0-0" style="display: block;"> <p>此为分页（tab view）。</p> </div> <div id="wiki-tab-0-1" style="display:none"> <p>看，这有更多文字。</p> <p>多么精巧绝伦。</p> </div> <div id="wiki-tab-0-2" style="display:none"> <p>这是一个长的tab，它有很多文字。</p> <p>这是一个长的tab，它有很多文字。</p> <p>这是一个长的tab，它有很多文字。</p> <p>这是一个长的tab，它有很多文字。</p> <p>这是一个长的tab，它有很多文字。</p> <p>这是一个长的tab，它有很多文字。</p> <p>这是一个长的tab，它有很多文字。</p> <p>这是一个长的tab，它有很多文字。</p> <p>这是一个长的tab，它有很多文字。</p> <p>这是一个长的tab，它有很多文字。</p> <p>这是一个长的tab，它有很多文字。</p> <p>这是一个长的tab，它有很多文字。</p> </div> <div id="wiki-tab-0-3" style="display:none"></div> <div id="wiki-tab-0-4" style="display:none"></div> <div id="wiki-tab-0-5" style="display:none"></div> <div id="wiki-tab-0-6" style="display:none"></div> <div id="wiki-tab-0-7" style="display:none"></div> <div id="wiki-tab-0-8" style="display:none"></div> </div> </div> <script type="text/javascript"> //<![CDATA[ OZONE.dom.onDomReady(function(){ var tabView = new YAHOO.widget.TabView('wiki-tabview'); }, "dummy-ondomready-block"); //]]> </script> <blockquote> <p>这是一个引用块，在一行字的起始处加上“> ”来创建。</p> <p>更多文字</p> <hr /> <p>一条分割线</p> <blockquote> <p>嵌套引用块</p> <blockquote> <p>以及更多<sup class="footnoteref"><a id="footnoteref-1" href="javascript:;" target="_self" class="footnoteref" onclick="WIKIDOT.page.utils.scrollToReference('footnote-1')">1</a></sup></p> </blockquote> </blockquote> </blockquote> <table class="wiki-content-table"> <tbody><tr> <th>这是</th> <th>表格</th> </tr> <tr> <td>你应该老早</td> <td>就知道怎么</td> </tr> <tr> <td colspan="2">做这个了吧</td> </tr> </tbody></table> <hr /> <iframe src="http://scp-wiki-cn.wdfiles.com/local--files/nav%3Aside/styleFrame.html?default" style="display: none;" name="typeFrame"></iframe> <iframe src="http://scp-wiki-cn.wdfiles.com/local--files/nav%3Aside/styleFrame.html?" style="display: none;" name="styleFrame"></iframe> <div class="footnotes-footer"> <div class="title">脚注</div> <div class="footnote-footer" id="footnote-1"><a href="javascript:;" target="_self" onclick="WIKIDOT.page.utils.scrollToReference('footnoteref-1')">1</a>. 这里是脚注！</div> </div> </div> <div class="page-tags"> <span> <a href="/system:page-tags/tag/euclid#pages">euclid</a><a href="/system:page-tags/tag/scp#pages">scp</a><a href="/system:page-tags/tag/%E8%87%AA%E4%B8%BB#pages">自主</a><a href="/system:page-tags/tag/%E8%A7%82%E5%AF%9F%E5%BD%B1%E5%93%8D#pages">观察影响</a><a href="/system:page-tags/tag/%E9%9B%95%E5%A1%91#pages">雕塑</a> </span> </div> <div id="page-info-break"></div> <div id="page-options-container"> <div id="page-info">页面版本: 34, 最后编辑于: <span>22 May 2019 23:22 (5 days 前)</span></div> <div class="page-watch-options">开始关注: <a href="javascript:;" target="_self" onclick="WIKIDOT.page.listeners.awatch(event, 'site')">网站 scp-wiki-cn.wikidot.com</a> | <a href="javascript:;" target="_self" onclick="WIKIDOT.page.listeners.awatch(event, 'category')">分类 _default</a> | <a href="javascript:;" target="_self" onclick="WIKIDOT.page.listeners.awatch(event, 'page')">本页</a> [<a href="http://www.wikidot.com/faq:watching" target="_blank">?</a>] </div> <div id="page-options-bottom" class="page-options-bottom"> <a href="javascript:;" target="_self" class="btn btn-default" id="edit-button">编辑</a> <a href="javascript:;" target="_self" class="btn btn-default" id="pagerate-button">评分 (<span id="prw54355">±0</span>)</a> <a href="javascript:;" target="_self" class="btn btn-default" id="tags-button">标签</a> <a href="/forum/t-1084741/scp-173" class="btn btn-default" id="discuss-button">讨论 (0)</a> <a href="javascript:;" target="_self" class="btn btn-default" id="history-button">历史记录</a> <a href="javascript:;" target="_self" class="btn btn-default" id="files-button">附件</a> <a href="javascript:;" target="_self" class="btn btn-default" id="print-button">打印</a> <a href="javascript:;" target="_self" class="btn btn-default" id="site-tools-button">网站工具</a> <a href="javascript:;" target="_self" class="btn btn-default" id="more-options-button">+ 选项</a> </div> <div id="page-options-bottom-2" class="page-options-bottom form-actions" style="display:none"> <a href="javascript:;" target="_self" class="btn btn-default" id="edit-sections-button">编辑段落</a> <a href="javascript:;" target="_self" class="btn btn-default" id="edit-append-button">附加</a> <a href="javascript:;" target="_self" class="btn btn-default" id="edit-meta-button">编辑元信息</a> <a href="javascript:;" target="_self" class="btn btn-default" id="watchers-button">关注者</a> <a href="javascript:;" target="_self" class="btn btn-default" id="backlinks-button">反向链接</a> <a href="javascript:;" target="_self" class="btn btn-default" id="view-source-button">页面源代码</a> <a href="javascript:;" target="_self" class="btn btn-default" id="parent-page-button">父页面</a> <a href="javascript:;" target="_self" class="btn btn-default" id="page-block-button">锁定页面</a> <a href="javascript:;" target="_self" class="btn btn-default" id="rename-move-button">重新命名</a> <a href="javascript:;" target="_self" class="btn btn-default" id="delete-button">删除</a> </div> <div id="page-options-area-bottom"></div> </div> <div id="action-area" style="display: none;"></div> </div> </div> <div id="footer" style="display: block; visibility: visible;"> <div class="options" style="display: block; visibility: visible;"> <a href="http://www.wikidot.com/doc" id="wikidot-help-button">说明</a> | <a href="http://www.wikidot.com/legal:terms-of-service" id="wikidot-tos-button">服务条款</a> | <a href="http://www.wikidot.com/legal:privacy-policy" id="wikidot-privacy-button">隐私</a> | <a href="javascript:;" target="_self" id="bug-report-button" onclick="WIKIDOT.page.listeners.pageBugReport(event)">报告错误</a> | <a href="javascript:;" target="_self" id="abuse-report-button" onclick="WIKIDOT.page.listeners.flagPageObjectionable(event)">标记为令人反感的</a> </div> 基于 <a href="http://www.wikidot.com">Wikidot.com</a> </div> <div id="license-area" class="license-area"> 除非特别注明，本页内容采用以下授权方式：<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-ShareAlike 3.0 License</a> </div> <div id="extrac-div-1"><span></span></div><div id="extrac-div-2"><span></span></div><div id="extrac-div-3"><span></span></div> </div> </div> <div id="extra-div-1"><span></span></div><div id="extra-div-2"><span></span></div><div id="extra-div-3"><span></span></div> <div id="extra-div-4"><span></span></div><div id="extra-div-5"><span></span></div><div id="extra-div-6"><span></span></div> </div> </div> <div id="dummy-ondomready-block" style="display: none;"></div> <div id="odialog-hovertips" style="position: absolute; z-index: 100; top: 0px; width: 100%;"><div id="edit-button-hovertip" class="hovertip" style="position: absolute; display: none; border: 1px solid black;"><div class="content">点击这里编辑本页内容。</div></div><div id="edit-sections-button-hovertip" class="hovertip" style="position: absolute; display: none; border: 1px solid black;"><div class="content">点击这里切换编辑页面的各个部分（如果可能）。请留意标题附近的“编辑”链接。</div></div><div id="edit-append-button-hovertip" class="hovertip" style="position: absolute; display: none; border: 1px solid black;"><div class="content">在不编辑整个页面源代码的情况下添加内容。</div></div><div id="history-button-hovertip" class="hovertip" style="position: absolute; display: none; border: 1px solid black;"><div class="content">看看本页过去是如何沿革的。</div></div><div id="discuss-button-hovertip" class="hovertip" style="position: absolute; display: none; border: 1px solid black;"><div class="content">若您想要讨论本页内容 - 这是最简单的方法。</div></div><div id="files-button-hovertip" class="hovertip" style="position: absolute; display: none; border: 1px solid black;"><div class="content">检视并管理本页附件。</div></div><div id="site-tools-button-hovertip" class="hovertip" style="position: absolute; display: none; border: 1px solid black;"><div class="content">管理网站的实用工具。</div></div><div id="backlinks-button-hovertip" class="hovertip" style="position: absolute; display: none; border: 1px solid black;"><div class="content">检视链接至本页或引用本页的页面。</div></div><div id="rename-move-button-hovertip" class="hovertip" style="position: absolute; display: none; border: 1px solid black;"><div class="content">变更页面名称（及 URL 地址，或许会影响分类）。</div></div><div id="view-source-button-hovertip" class="hovertip" style="position: absolute; display: none; border: 1px solid black;"><div class="content">在不编辑的情形下检视维基源代码。</div></div><div id="parent-page-button-hovertip" class="hovertip" style="position: absolute; display: none; border: 1px solid black;"><div class="content">检视/设置父页面（用以建立面包屑导航与结构化布局）。</div></div><div id="abuse-report-button-hovertip" class="hovertip" style="position: absolute; display: none; border: 1px solid black;"><div class="content">向管理员举报本页有令人反感的内容。</div></div><div id="bug-report-button-hovertip" class="hovertip" style="position: absolute; display: none; border: 1px solid black;"><div class="content">事情不如预期？看看您可以做些什么。</div></div><div id="wikidot-help-button-hovertip" class="hovertip" style="position: absolute; display: none; border: 1px solid black;"><div class="content">一般的 Wikidot.com 文件与说明。</div></div><div id="wikidot-tos-button-hovertip" class="hovertip" style="position: absolute; display: none; border: 1px solid black;"><div class="content">Wikidot.com 服务条款 - 您可以做的事，您不该做的事等等。</div></div><div id="wikidot-privacy-button-hovertip" class="hovertip" style="position: absolute; display: none; border: 1px solid black;"><div class="content">Wikidot.com 隐私政策。</div></div></div> <script type="text/javascript"> var chars = ["0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z","a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z"]; var topbar = document.getElementById("top-bar").innerHTML; var sidebar = document.getElementById("side-bar").innerHTML; var placeHolder = ""; while (topbar.search(new RegExp("\\[" + placeHolder + "\\]", "gm")) > -1 || sidebar.search(new RegExp("\\[" + placeHolder + "\\]", "gm")) > -1) { placeHolder += chars[Math.ceil(Math.random() * 62)]; } function commonParser(str) { str = str.replace(/\[!--[\s\S]*?--\]/gm, "").replace(/</gm, "<").replace(/>/gm, ">").replace(/\n+/gm, "[" + placeHolder + "]").replace(/\s/gm, " ").replace(new RegExp("^\\[" + placeHolder + "\\]|\\[" + placeHolder + "\\]$", "gm"), "").replace(new RegExp("\\[" + placeHolder + "\\]", "gm"), "\n").replace(/ +$/gm, "").replace(/\[\[(\/?)(div|span|a)( .+?)?\]\]/gm, "<$1$2$3>").replace(/\[\[\[\ *([^\[\]\|]*?[^\[\]\|\s])\ *\|\ *([^\[\]\|]*?[^\[\]\|\s])\ *\]\]\]/gm, "[[[$1|$2]]]").replace(/\[\[\[[^\[\]\|]+?\|/gm, function(str){return "[[[" + str.toLowerCase().replace(/[^a-z0-9:\-]+/g, "-").replace(/\:+/g, ":").replace(/^[-:]+|[-:]+$/g, "") + "|";}).replace(/\[\[\[([^\[\]\|]+?)\|([^\[\]\|]*?)\]\]\]/gm, "<a href=\"/$1\">$2</a>").replace(/\[\[\[[^\[\]\|]+?\]\]\]/gm, function(str){return "<a href=\"/" + str.toLowerCase().replace(/[^a-z0-9:\-]+/g, "-").replace(/\:+/g, ":").replace(/^[-:]+|[-:]+$/g, "") + "\">" + str.replace(/[\[\]]+/gm, "") + "</a>";}).replace(/\[# ([^\]]+?)\]/gm, "<a href=\"javascript:;\">$1</a>").replace(/\[(https?:\/\/|\/|#)(\S*) ([^\]]+?)\]/gm, "<a href=\"$1$2\">$3</a>").replace(/\[\*(https?:\/\/|\/|#)(\S*) ([^\]]+?)\]/gm, "<a href=\"$1$2\" target=\"_blank\">$3</a>").replace(/\[\[image (https?:\/\/|\/)?(\S+\/)?(\S+)( .+?)?\]\]/gm, "<img src=\"$1$2$3\" alt=\"$3\" class=\"image\"$4 />").replace(/<img( [^>]+?) link="(https?:\/\/|\/|#)(\S*)"( [^>]+?)? \/>/gm, "<a href=\"$2$3\"><img$1$4 /></a>").replace(/<img( [^>]+?) link="\*(https?:\/\/|\/|#)(\S*)"( [^>]+?)? \/>/gm, "<a href=\"$2$3\" target=\"_blank\"><img$1$4 /></a>").replace(/\[\[iframe (https?:\/\/|\/)(\S*)( .+?)?\]\]/gm, "<iframe src=\"$1$2\"$3></iframe>").replace(/%%category%%/gm, "_default").replace(/%%(full)?name%%/gm, "scp-173").replace(/\[\[collapsible show="([^"]*)" hide="([^"]*)"\]\]/gm, "<div class=\"collapsible-block\">\n<div class=\"collapsible-block-folded\"><a class=\"collapsible-block-link\" href=\"javascript:;\">$1</a></div>\n<div class=\"collapsible-block-unfolded\" style=\"display:none\">\n<div class=\"collapsible-block-unfolded-link\"><a class=\"collapsible-block-link\" href=\"javascript:;\">$2</a></div>\n<div class=\"collapsible-block-content\">").replace(/\[\[\/collapsible\]\]/gm, "</div>\n</div>\n</div>").replace(/\[\[=\]\]\n/gm, "<div style=\"text-align: center;\">").replace(/\n\[\[\/=\]\]/gm, "</div>").replace(/\[\[size *(.*?)\]\]/gm, "<span style=\"font-size:$1;\">").replace(/\[\[\/size\]\]/gm, "</span>").replace(/^-{4,}$/gm, "<hr />").replace(/^~{4,}$/gm, "<div style=\"clear:both; height: 0px; font-size: 1px\"></div>").replace(/--(.+?)--/gm, "<span style=\"text-decoration: line-through;\">$1</span>"); return str; } function commonPostParser(str) { while (str.search(/\[\[module CSS\]\]([\s\S]*?)\n*\[\[\/module\]\]/i) > -1) { document.getElementById("internal-style").innerHTML += str.match(/\[\[module CSS\]\]([\s\S]*?)\n*\[\[\/module\]\]/i)[1]; str = str.replace(/\n*\[\[module CSS\]\]([\s\S]*?)\n*\[\[\/module\]\]\n*/i, ""); } str = str.replace(/href="#"/gm, "href=\"###\"").replace(/href="(javascript:;|#\S*?)"/gm, "href=\"$1\" target=\"_self\"").replace(/\[\[embed\]\]\n</gm, "<").replace(/><\/iframe>\n\[\[\/embed\]\]/gm, "></iframe>").replace(/\[\[module ListPages.*?\]\]([\s\S]*?)\[\[\/module\]\]/igm, "<div class=\"list-pages-box\"><div class=\"list-pages-item\"><p>$1</p></div></div>").replace(/^([^<].*?[^>])$/gm, "<p>$1</p>").replace(/^(<a .+?>.*?<\/a>)$/gm, "<p>$1</p>").replace(/\n{2,}/gm, "\n").replace(/([^>])$/gm, "$1<br />"); return str; } topbar = commonParser(topbar); for (var i = 0; topbar.search(new RegExp("^ {" + i + "}\\* ", "gm")) > -1; i++) { topbar = topbar.replace(new RegExp("^( {" + i + "})(\\* .*)$", "gm"), "$1$2[" + placeHolder + "]$1"); } for (var i = 0; topbar.search(new RegExp("\\[" + placeHolder + "\\] {" + i + "}\\n", "gm")) > -1; i++) { topbar = topbar.replace(new RegExp("\\[" + placeHolder + "\\] {" + i + "}\\n {" + i + "}\\* +", "gm"), "</li>\n<li>").replace(new RegExp("\\[" + placeHolder + "\\] {" + i + "}\\n {" + (i + 1) + "}( *)\\* +", "gm"), "$1<ul>\n<li>").replace(new RegExp("\\[" + placeHolder + "\\] {" + (i + 1) + "}( *)\\n {" + i + "}\\* +", "gm"), "</li>\n</ul>\n$1</li>\n<li>"); } topbar = topbar.replace(/^( *)\* +/gm, "$1<ul>\n<li>").replace(new RegExp("\\[" + placeHolder + "\\]( *)$", "gm"), "$1</li>\n</ul>"); while (topbar.search(/ +<ul>/gm) > -1) { topbar = topbar.replace(/ ( *)<ul>/gm, "$1<ul>\n<li><ul>"); } while (topbar.search(/ +<\/li>/gm) > -1) { topbar = topbar.replace(/ ( *)<\/li>/gm, "</li>\n</ul>\n$1</li>"); } topbar = topbar.replace(/^<li>([^<>]+?)<ul>$/gm, "<li><a href=\"javascript:;\">$1</a><ul>"); topbar = commonPostParser(topbar); document.getElementById("top-bar").innerHTML = topbar; sidebar = commonParser(sidebar); sidebar = sidebar.replace(/<img src="([^\/"]+)"/gm, "<img src=\"http://scp-wiki-cn.wdfiles.com/local--files/nav:side/$1\"").replace(/(alt="cc-by-sa.svg" class="image" style="margin-bottom: 10px;" \/><\/a>)$/gm, "$1<br />").replace(/iframe src="[^"]*"/gm, "iframe src=\"/local--code/css-previewer/3\""); sidebar = commonPostParser(sidebar); document.getElementById("side-bar").innerHTML = sidebar; document.getElementById("top-bar").removeAttribute("style"); document.getElementById("side-bar").removeAttribute("style"); </script> <script type="text/javascript"> function receiveData(mode, value) { switch (mode) { case 0: switch (value) { case "0": document.getElementById("internal-style").innerHTML = ""; window.interwikiFrame.changeStyle("default"); document.getElementsByName("typeFrame")[0].src = "http://scp-wiki-cn.wdfiles.com/local--files/nav%3Aside/styleFrame.html?default"; break; case "1": document.getElementById("internal-style").innerHTML = "@import url(https://cdn.jsdelivr.net/gh/scp-cn-tech/sigma9@cn/cn/sigma9_ch.min.css);"; window.interwikiFrame.changeStyle("default"); document.getElementsByName("typeFrame")[0].src = "http://scp-wiki-cn.wdfiles.com/local--files/nav%3Aside/styleFrame.html?default"; break; case "2": document.getElementById("internal-style").innerHTML = "@import url('https://cdn.jsdelivr.net/gh/Nu-SCPTheme/Black-Highlighter@gh-pages/css/int/cn/min/normalize.min.css');\n@import url('https://cdn.jsdelivr.net/gh/Nu-SCPTheme/Black-Highlighter@gh-pages/css/int/cn/min/black-highlighter.min.css');\n@import url('http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');"; window.interwikiFrame.changeStyle("bhl"); document.getElementsByName("typeFrame")[0].src = "http://scp-wiki-cn.wdfiles.com/local--files/nav%3Aside/styleFrame.html?bhl"; break; } break; case 1: if (value.search(/^([0-9]+)px$/g) != -1) { var metaWidth = value; } else { var metaWidth = "device-width"; } document.getElementsByTagName("meta")[2].content = "width=" + metaWidth + ", initial-scale=1.0"; break; case 2: case 3: var cssArea = document.getElementsByName("cssArea"); cssArea[mode - 2].innerHTML = value; break; case 4: window.interwikiFrame.changeStyle(value); document.getElementsByName("styleFrame")[0].src = "http://scp-wiki-cn.wdfiles.com/local--files/nav%3Aside/styleFrame.html?" + encodeURIComponent(value); break; } if (mode <= 1) { window.parent.recordData(mode, value); } } </script> </body> </html>
跨维基样本：
<html> <head> <style type="text/css" id="internal-style">@import url(https://cdn.jsdelivr.net/gh/scp-cn-tech/interwiki@cn/style.css);</style> <style type="text/css" id="custom-style"></style> <!-- C-take's resizing iframe method --> <script type="text/javascript" src="https://cdn.jsdelivr.net/gh/scp-cn-tech/interwiki@cn/createResizeIframe.js"></script> <meta name="viewport" content="width=device-width,initial-scale=1"> </head> <body> <div class="side-block"><div class="heading"></div><div class="menu-item" name="cs"><img src="http://scp-wiki-cn.wdfiles.com/local--files/nav%3Aside/default.png" alt="default.png" class="image"><a href="http://scp-cs.wikidot.com/scp-173" target="_blank">Česky</a></div><div class="menu-item" name="en"><img src="http://scp-wiki-cn.wdfiles.com/local--files/nav%3Aside/default.png" alt="default.png" class="image"><a href="http://www.scpwiki.com/scp-173" target="_blank">English</a></div><div class="menu-item" name="fr"><img src="http://scp-wiki-cn.wdfiles.com/local--files/nav%3Aside/default.png" alt="default.png" class="image"><a href="http://fondationscp.wikidot.com/scp-173" target="_blank">Français</a></div><div class="menu-item" name="de"><img src="http://scp-wiki-cn.wdfiles.com/local--files/nav%3Aside/default.png" alt="default.png" class="image"><a href="http://scp-wiki-de.wikidot.com/scp-173" target="_blank">Deutsch</a></div><div class="menu-item" name="it"><img src="http://scp-wiki-cn.wdfiles.com/local--files/nav%3Aside/default.png" alt="default.png" class="image"><a href="http://fondazionescp.wikidot.com/scp-173" target="_blank">Italiano</a></div><div class="menu-item" name="jp"><img src="http://scp-wiki-cn.wdfiles.com/local--files/nav%3Aside/default.png" alt="default.png" class="image"><a href="http://scp-jp.wikidot.com/scp-173" target="_blank">日本語</a></div><div class="menu-item" name="ko"><img src="http://scp-wiki-cn.wdfiles.com/local--files/nav%3Aside/default.png" alt="default.png" class="image"><a href="http://ko.scp-wiki.net/scp-173" target="_blank">한국어</a></div><div class="menu-item" name="pl"><img src="http://scp-wiki-cn.wdfiles.com/local--files/nav%3Aside/default.png" alt="default.png" class="image"><a href="http://scp-wiki.net.pl/scp-173" target="_blank">Polski</a></div><div class="menu-item" name="ptbr"><img src="http://scp-wiki-cn.wdfiles.com/local--files/nav%3Aside/default.png" alt="default.png" class="image"><a href="http://scp-pt-br.wikidot.com/scp-173" target="_blank">Português</a></div><div class="menu-item" name="ru"><img src="http://scp-wiki-cn.wdfiles.com/local--files/nav%3Aside/default.png" alt="default.png" class="image"><a href="http://scpfoundation.net/scp-173" target="_blank">Русский</a></div><div class="menu-item" name="es"><img src="http://scp-wiki-cn.wdfiles.com/local--files/nav%3Aside/default.png" alt="default.png" class="image"><a href="http://scp-es.com/scp-173" target="_blank">Español</a></div><div class="menu-item" name="th"><img src="http://scp-wiki-cn.wdfiles.com/local--files/nav%3Aside/default.png" alt="default.png" class="image"><a href="http://scp-th.wikidot.com/scp-173" target="_blank">ภาษาไทย</a></div><div class="menu-item" name="ua"><img src="http://scp-wiki-cn.wdfiles.com/local--files/nav%3Aside/default.png" alt="default.png" class="image"><a href="http://scp-ukrainian.wikidot.com/scp-173" target="_blank">Українська</a></div></div> <script type="text/javascript"> var heading = document.getElementsByClassName("heading")[0], inStyle = document.getElementById("internal-style"), cuStyle = document.getElementById("custom-style"); var styleType = "default"; var styleStr = "default"; function switchStyleType() { switch (styleType) { case "wanderers": inStyle.innerHTML = "@import url(https://cdn.jsdelivr.net/gh/scp-cn-tech/interwiki@cn/style-wl.css);"; break; case "bhl": inStyle.innerHTML = "@import url(https://cdn.jsdelivr.net/gh/scp-cn-tech/interwiki@cn/style-bhl.css);"; break; default: inStyle.innerHTML = "@import url(https://cdn.jsdelivr.net/gh/scp-cn-tech/interwiki@cn/style.css);"; } } function changeStyle(str) { var typeAry = ["bhl", "wanderers", "default", "404"]; if (typeAry.indexOf(str) > -1) { if (styleType != str) { styleType = str; switchStyleType(); } } else { if (cuStyle.innerHTML != str) cuStyle.innerHTML = str; } } function changeStyleCheck() { try { changeStyle(decodeURIComponent(window.parent.window.typeFrame.location.search.substr(1))); } catch(e) {} try { changeStyle(decodeURIComponent(window.parent.window.styleFrame.location.search.substr(1))); } catch(e) {} } function getDataAll() { var a = new Date(), af = (v) => v < 10 ? "0" + v : v, ay = a.getFullYear(), amo = af(a.getMonth() + 1), ad = af(a.getDate()), ah = af(a.getHours()), ami = af(a.getMinutes()), as = af(a.getSeconds()), time = ay + "/" + amo + "/" + ad + " " + ah + ":" + ami + ":" + as; heading.innerHTML = '<p><a onclick="window.location.reload(true);" title="点击刷新 ' + "(上一次刷新：" + time + ')">其他语言</a></p>'; } changeStyleCheck(); getDataAll(); </script> <div id="iframeset"></div> </body> </html>