CSS 预览器

源页面

Sekai_s

2018年9月22日

修订 48

#原创 #文章

评分

248

↑ 248

↓ 0

支持率

100%

总票数 248

Wilson 95% 下界

98.5%

在相同票数下更稳健的支持率估计

争议指数

0.000

评分趋势

按周聚合

加载图表中...

页面源码

页面版本:

[[span_ class="myPreview" style="display: none;"]]此工具可以帮助你预览并调试你的 CSS 版式在 SCP 维基上的整体效果[[/span]] [[div class="unmargined" style="margin: 0 auto 20px; background-color: #9cf; border: solid 1px #9cf; border-radius: 20px; box-shadow: 0 1px 6px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.8), inset 0 10px 1px rgba(255,255,255,.6), inset 0 -15px 30px rgba(0,0,0,.2); text-align: center; width: 500px;"]] [[a href="/local--code/css-previewer/1" target="_blank" class="unmargined" style="display: block; margin: 20px 0; font-size: 250%; color: #fff; font-weight: bold; text-shadow: 1px 2px 3px rgba(0,0,0,.5);"]] [[span style="line-height: 1;"]]点击这里加载 CSS 预览器[[/span]] [[/a]] [[div class="unmargined" style="margin: 20px 0; color: #fff;"]] 此工具可以帮助你预览并调试你的 CSS 版式在 SCP 维基上的整体效果 [[/div]] [[div class="unmargined" style="margin: 20px 0; font-size: 120%; color: #fff;"]] 初学者？不妨看一看由 [[*user 7happy7]] 编写的 [[[css-theme-preparation-tool|CSS 版式制作工具]]] [[/div]] [[div class="unmargined" style="margin: 20px 0;"]] [[module Rate]] [[div]] [[include :scp-wiki-cn:credit:start-standalone]] **CSS 预览器** **作者：**[[*user Sekai_s]] [[[sekai-s-personnel-file|前往我的作者页]]]查看更多作品 [[include :scp-wiki-cn:credit:end-standalone]] [[/div]] [[/div]] [[/div]] ----- [[collapsible show="+ 显示源代码" hide="- 隐藏源代码"]] **控制台：** [[code type="HTML"]] <html> <head> <title>CSS 预览器 - SCP 基金会</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="https://scp-wiki-cn.wikidot.com/local--favicon/favicon.gif"/> <link rel="icon" type="image/gif" href="https://scp-wiki-cn.wikidot.com/local--favicon/favicon.gif"/> <link rel="apple-touch-icon" href="https://scp-wiki-cn.wikidot.com/local--iosicon/iosicon_57.png"/> <link rel="apple-touch-icon" sizes="72x72" href="https://scp-wiki-cn.wikidot.com/local--iosicon/iosicon_72.png"/> <link rel="apple-touch-icon" sizes="114x114" href="https://scp-wiki-cn.wikidot.com/local--iosicon/iosicon.png"/> <style type="text/css"> @import url('https://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; } textarea, pre { border-radius: 0.25rem; border: 0.0625rem solid rgb(194, 194, 194); overflow-y: auto; font-family: 'Andale Mono', 'Courier New', Courier, monospace; } textarea { display: block; margin: 0 auto; width: 95%; } #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); } #toolWidth { width: 5em; text-align: center; } .previewBtn { display: block; margin: 0 auto; 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 { margin: 0; height: 10rem; white-space: pre-wrap; word-break: break-all; } #loadTip { text-align: center; font-size: 1.5em; } </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">黑色标记笔</option></select> <button type="button" onclick="setBaseTheme()">应用</button></p> <p>设置页面宽度：<input type="number" id="toolWidth" value="" maxlength="4" min="0" step="1" 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><textarea name="cssArea" rows="10" placeholder="请不要加 [[module css]] 和 [[/module]]"></textarea></p> <p><button type="button" class="previewBtn" onclick="preview(0)">预览</button></p> <p>在这里你可以输入想要调试的部分：</p> <p><textarea name="cssArea" rows="10" placeholder="这里的内容拥有更高的优先权"></textarea></p> <p><button type="button" class="previewBtn" onclick="preview(1)">预览</button></p> <p><input id="interwikiCheck" 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><textarea name="cssArea" rows="10"></textarea></p> <p><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>正在载入，请稍候</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, !(document.getElementById("interwikiCheck").checked)]; 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=\"https://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><pre id=\"interwikiCode\">[[div_ style=\"display:none\"]]\n[[embed]]\n<iframe src=\"//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]]</pre></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> [[/code]] **样本区域：** [[code type="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 预览器 - SCP 基金会</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="https://scp-wiki-cn.wikidot.com/local--favicon/favicon.gif"/> <link rel="icon" type="image/gif" href="https://scp-wiki-cn.wikidot.com/local--favicon/favicon.gif"/> <link rel="apple-touch-icon" href="https://scp-wiki-cn.wikidot.com/local--iosicon/iosicon_57.png"/> <link rel="apple-touch-icon" sizes="72x72" href="https://scp-wiki-cn.wikidot.com/local--iosicon/iosicon_72.png"/> <link rel="apple-touch-icon" sizes="114x114" href="https://scp-wiki-cn.wikidot.com/local--iosicon/iosicon.png"/> <script type="text/javascript" src="https://d3g0gp89917ko0.cloudfront.net/v--3e3a6f7dbcc9/common--javascript/init.combined.js"></script> <script type="text/javascript" src="https://d3g0gp89917ko0.cloudfront.net/v--3e3a6f7dbcc9/common--javascript/WIKIDOT.combined.js"></script> <style type="text/css"> @import url(https://d3g0gp89917ko0.cloudfront.net/v--3e3a6f7dbcc9/common--theme/base/css/style.css); @import url(https://d3g0gp89917ko0.cloudfront.net/v--3e3a6f7dbcc9/common--modules/css/pagerate/PageRateWidgetModule.css); </style> <style type="text/css" id="internal-style"> @import url(https://cdn.jsdelivr.net/gh/scp-cn-tech/sigma9@cn/cn/sigma9_ch.min.css); </style> <style name="cssArea"></style> <style name="cssArea"></style> <style> @import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%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>SCP基金会</span></a></h1> <h2><span>控制，收容，保护</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"> [[include :scp-wiki-cn:nav:top]] </div> <div id="login-status"><span class="printuser"><a href="javascript:;" target="_self" onclick="return false;"><img class="small" src="https://www.wikidot.com/common--images/avatars/default/a16.png" alt="avatar" style="background-image:url(https://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"> [[include :scp-wiki-cn:nav:side]] </div> <div id="main-content"> <div id="action-area-top"></div> <div id="page-title"> SCP-173 </div> <div id="page-content"> <div class="scp-image-block block-right" style="width:300px;"><img src="https://scp-wiki.wdfiles.com/local--files/secure-facility-dossier-site-81/site.jpg" style="width:300px;" alt="Site-81.jpg" class="image" /> <div class="scp-image-caption" style="width:300px;"> <p>Site-81</p> </div> </div> <p><strong>项目编号：</strong>SCP-173</p> <p><strong>项目等级：</strong>Euclid</p> <p><strong>特殊收容措施：</strong>项目 SCP-173 应始终保管于一个上锁的收容间内。当必须进入 SCP-173 的收容间时，人员数目不论何时都不得少于三人且须将门重新上锁。至少须有两人全程与 SCP-173 保持眼神接触，直到所有人员都离开收容间并重新上锁为止。</p> <p><strong>描述：</strong>于 1993 年移动到 Site-19。起源至今未知。它由混凝土和钢筋建造，并有 Krylon 牌喷漆的痕迹。SCP-173 会移动且具有高度敌意。该物体在直接视线内无法移动。与 SCP-173 之间的视线时刻都不得中断。派往收容间的人员要在眨眼前相互提醒。据报告该物体的攻击方式为折断头骨底处的颈部，或是勒颈。在一起攻击事件中，人员应遵守 4 级危险物体收容措施。</p> <p>人事报告称，当收容间内无人存在时，其中会传出刮石的声音。这被认为是正常现象，并且该行为所发生的任何改变都应当向值班中的代理 HMCL 监督员报告。</p> <p>地板上的红棕色物质为粪便和血液的混合物。这些物料的来源未知。内部环境须每两周清洁一次。</p> <div class="footer-wikiwalk-nav"> <div style="text-align: center;"> <p>« <a href="/scp-172">SCP-172</a> | SCP-173 | <a href="/scp-174">SCP-174</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="https://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="https://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="https://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="https://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="creditRate"> <div class="creditButtonStandalone"> <p><a class="fa fa-info" href="#u-credit-view" target="_self"></a></p> </div> </div> <div style="clear:both;"></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="https://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="https://scp-wiki-cn.wdfiles.com/local--files/nav%3Aside/styleFrame.html?default" style="display: none;" name="typeFrame"></iframe> <iframe src="https://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="https://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="https://www.wikidot.com/doc" id="wikidot-help-button">说明</a> | <a href="https://www.wikidot.com/legal:terms-of-service" id="wikidot-tos-button">服务条款</a> | <a href="https://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="https://www.wikidot.com">Wikidot.com</a> </div> <div id="license-area" class="license-area"> 除非特别注明，本页内容采用以下授权方式：<a rel="license" href="https://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=\"https://cdn.jsdelivr.net/gh/scp-cn-tech/sigma9@cn/img/$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 = "https://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 = "https://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/min/normalize.min.css');\n@import url('https://cdn.jsdelivr.net/gh/Nu-SCPTheme/Black-Highlighter@gh-pages/css/min/black-highlighter.min.css');\n@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');"; window.interwikiFrame.changeStyle("bhl"); document.getElementsByName("typeFrame")[0].src = "https://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 = "https://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> [[/code]] **跨维基样本：** [[code type="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>  <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="https://cdn.jsdelivr.net/gh/scp-cn-tech/sigma9@cn/img/default.png" alt="default.png" class="image"><a href="https://scp-cs.wikidot.com/scp-173" target="_blank">Česky</a></div><div class="menu-item" name="en"><img src="https://cdn.jsdelivr.net/gh/scp-cn-tech/sigma9@cn/img/default.png" alt="default.png" class="image"><a href="https://scp-wiki.wikidot.com/scp-173" target="_blank">English</a></div><div class="menu-item" name="fr"><img src="https://cdn.jsdelivr.net/gh/scp-cn-tech/sigma9@cn/img/default.png" alt="default.png" class="image"><a href="https://fondationscp.wikidot.com/scp-173" target="_blank">Français</a></div><div class="menu-item" name="de"><img src="https://cdn.jsdelivr.net/gh/scp-cn-tech/sigma9@cn/img/default.png" alt="default.png" class="image"><a href="https://scp-wiki-de.wikidot.com/scp-173" target="_blank">Deutsch</a></div><div class="menu-item" name="it"><img src="https://cdn.jsdelivr.net/gh/scp-cn-tech/sigma9@cn/img/default.png" alt="default.png" class="image"><a href="https://fondazionescp.wikidot.com/scp-173" target="_blank">Italiano</a></div><div class="menu-item" name="jp"><img src="https://cdn.jsdelivr.net/gh/scp-cn-tech/sigma9@cn/img/default.png" alt="default.png" class="image"><a href="https://scp-jp.wikidot.com/scp-173" target="_blank">日本語</a></div><div class="menu-item" name="ko"><img src="https://cdn.jsdelivr.net/gh/scp-cn-tech/sigma9@cn/img/default.png" alt="default.png" class="image"><a href="https://ko.scp-wiki.net/scp-173" target="_blank">한국어</a></div><div class="menu-item" name="pl"><img src="https://cdn.jsdelivr.net/gh/scp-cn-tech/sigma9@cn/img/default.png" alt="default.png" class="image"><a href="https://scp-wiki.net.pl/scp-173" target="_blank">Polski</a></div><div class="menu-item" name="ptbr"><img src="https://cdn.jsdelivr.net/gh/scp-cn-tech/sigma9@cn/img/default.png" alt="default.png" class="image"><a href="https://scp-pt-br.wikidot.com/scp-173" target="_blank">Português</a></div><div class="menu-item" name="ru"><img src="https://cdn.jsdelivr.net/gh/scp-cn-tech/sigma9@cn/img/default.png" alt="default.png" class="image"><a href="https://scpfoundation.net/scp-173" target="_blank">Русский</a></div><div class="menu-item" name="es"><img src="https://cdn.jsdelivr.net/gh/scp-cn-tech/sigma9@cn/img/default.png" alt="default.png" class="image"><a href="https://scp-es.com/scp-173" target="_blank">Español</a></div><div class="menu-item" name="th"><img src="https://cdn.jsdelivr.net/gh/scp-cn-tech/sigma9@cn/img/default.png" alt="default.png" class="image"><a href="https://scp-th.wikidot.com/scp-173" target="_blank">ภาษาไทย</a></div><div class="menu-item" name="ua"><img src="https://cdn.jsdelivr.net/gh/scp-cn-tech/sigma9@cn/img/default.png" alt="default.png" class="image"><a href="https://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> [[/code]] [[/collapsible]] [[module CSS]] #page-content .collapsible-block .collapsible-block-folded, #page-content .collapsible-block .collapsible-block-unfolded-link { text-align: center; font-size: 1.3em; font-weight: bold; } .unmargined .page-rate-widget-box { border-radius: 0; box-shadow: 1px 1px 3px rgba(255,255,255,.5), -1px 1px 3px rgba(255,255,255,.5), -1px -1px 3px rgba(255,255,255,.5), 1px -1px 3px rgba(255,255,255,.5), 1px 1px 3px rgba(255,255,255,.5) inset, -1px 1px 3px rgba(255,255,255,.5) inset, -3px -1px 3px #fff inset, 3px -1px 3px #fff inset; margin-bottom: 0; margin-right: 0; margin: 0; padding: 0; font-size: 120%; } .unmargined .page-rate-widget-box span, .unmargined .page-rate-widget-box .rate-points, .unmargined .page-rate-widget-box .btn-default a { background-color: #fff !important; border: none !important; border-radius: 0; color: #9cf; } .unmargined .creditRate { float: none; margin: 0.5em 0 0 !important; } .unmargined .creditButtonStandalone p a, .unmargined .creditButtonStandalone p a:hover { border-radius: 0; padding: 0em 0.5em; color: #9cf; text-align: center; background: #fff; box-shadow: 1px 1px 3px rgba(255,255,255,.5), -1px 1px 3px rgba(255,255,255,.5), -1px -1px 3px rgba(255,255,255,.5), 1px -1px 3px rgba(255,255,255,.5), 1px 1px 3px rgba(255,255,255,.5) inset, -1px 1px 3px rgba(255,255,255,.5) inset, -3px -1px 3px #fff inset, 3px -1px 3px #fff inset; font-size: 120%; } .unmargined .modalbox .credit { text-align: left; } .unmargined a, .unmargined a:visited { color: #fff; font-weight: bold; } .unmargined .modalbox .credit a { color: #b01; font-weight: normal; } .unmargined .modalbox .credit a:visited { color: #824; } [[/module]]

CSS 预览器

评分趋势

最近修订

最近投票

相关页面

页面源码