版式页所需要的示例
嘛评分模块已经放在上面了……
可通过五个连字符“-----”创建水平分割线。若它未被放在其他部件(诸如引用块)中,则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。
标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建。
这是分页。this is tab!
这里有一些文字。
也不是有多么奇怪的事情。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个引用块,在一行字的起始处加上“> ”来创建。
更多文字
一条分割线
嵌套引用块
这是 | 表格 |
---|---|
你应该老早 | 就知道怎么 |
做这个了吧 |

缘结花开花满地1
Table of Contents
|
粗体 | 斜体 | 下划线 | 删除线 | 等宽字 | 上标文字下标文字
- 有序列表
- 列表里的东西
- 列表里的东西
- 无序列表
- 列表里的东西
- 列表里的东西
参考资料/引用许可
用作参考的版式/文字
帝都经济新闻版式
Created at 2021
original by seafield13
Created by RTa_technology
CC BY-SA 3.0
http://rtas.wikidot.com/n-theme:teito-keizai
熙攘版式
Created at 2021
Created by sendoh-oroka
CC BY-SA 3.0
http://scp-jp.wikidot.com/theme:zattou
对话部门
Created at 2020
Created by dog_punch
CC BY-SA 3.0
http://1nu.wikidot.com/taiwa
搜索窗口 · WikiID 的语法
Created at 2020
Created by ting129
CC BY-SA 3.0
http://scp-zh-tr.wikidot.com/taiwan-miracle-exposition
图像许可
文件页面:信浓标志
图像来源:http://scp-jp-storage.wikidot.com/file:2428007-37-0n17
所用许可:CC BY-SA 3.0
文件名称:信濃ロゴ
图像作者:Ryu JP
tsucchii0301
发布年份:2021
附注:
原为 tsucchii0301 的标志,我把它重新改造了一番。
文件页面:信浓页眉
图像来源:http://scp-jp-storage.wikidot.com/file:2428007-36-faem
所用许可:CC BY-SA 3.0
文件名称:信濃ヘッダー
图像作者:Ryu JP
发布年份:2021
附注:
自制
文件页面:临别痕迹
图像来源:http://scp-jp-storage.wikidot.com/file:2428007-30-qcex
所用许可:CC BY-SA 3.0
文件名称:餞跡
图像作者:Ryu JP
发布年份:2021
附注:
自制
CSS 源代码
/* Powered on 2020/02/19 02:17:53 [2020 Wikidot Theme] Created by Ryu JP CC BY-SA 3.0 */ #page-title {display: none ;} @import url(https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap); @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC&display=swap'); body { color: #1f331f; background: #fafffa; } a,a:visited { color: rgb(69, 129, 142); } } :root { --base-color: #ffffff; --background: #1f331f; } a:hover { text-decoration: underline; background-color: transparent; } #main-content a { transition: .3s; } #main-content a.collapsible-block-link { color: rgb(69, 129, 142); font-weight: bold; } /* HEADER */ #header { background: url(http://scp-jp-storage.wikidot.com/local--files/file:2428007-37-0n17/CD3120F2-36DE-467D-A5D6-4023CC9E6E2B.png) 40px 6px no-repeat; background-position: center; background-size: auto 150%; } div#extra-div-1 { height: 140px; width: 100%; top: 0; position: absolute; background: url(http://scp-jp-storage.wikidot.com/local--files/file:2428007-36-faem/516637F1-C5EB-4C26-914D-DC7E4E4F056D.png); background-size: cover; background-position: 50% 50%; } } #header h1 a::before { background: none; } #header h1 a span{ visibility: hidden; } #header h2 span { color: transparent; text-shadow: 0px 0px 0px; } #header h2 span::before { background: none; } div#search-top-box { top: 18.5px; width: 100%; right: 70px } div#search-top-box form { display: flex; justify-content: flex-end } div#search-top-box form input[type="text"], div#search-top-box form input[type="text"]:hover { background-color: #5B5B5B !important; display: inline-block; height: 1.1rem; width: 8rem; transition: width .25s; outline: none; filter: brightness(120%); } _::-webkit-full-page-media, _:future, :root div#search-top-box form input[type="text"] { font-size: 16px } div#search-top-box form input[type="text"]:not(:focus), div#search-top-box form input[type="text"]:not(:focus):not(:hover) { background-color: var(--base-color); color: transparent; cursor: pointer; display: inline-block; width: 22px; height: 22px; box-sizing: border-box; border-radius: 50px; box-shadow: none; background-position: center; background-size: 55%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M505%20442.7L405.3%20343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3%2044-79.7%2044-128C416%2093.1%20322.9%200%20208%200S0%2093.1%200%20208s93.1%20208%20208%20208c48.3%200%2092.7-16.4%20128-44v16.3c0%206.4%202.5%2012.5%207%2017l99.7%2099.7c9.4%209.4%2024.6%209.4%2033.9%200l28.3-28.3c9.4-9.4%209.4-24.6.1-34zM208%20336c-70.7%200-128-57.2-128-128%200-70.7%2057.2-128%20128-128%2070.7%200%20128%2057.2%20128%20128%200%2070.7-57.2%20128-128%20128z%22%2F%3E%3C%2Fsvg%3E"); } div#search-top-box form input[type="submit"] { display: none } #search-top-box-input { border: solid 1px var(--background); border-radius: 5px } #login-status { top: 2px } #login-status { display: flex; flex-direction: column; align-content: space-around; font-size: 0 } #login-status .printuser { margin: 0; background-color: none; position: absolute; top: 13px; right: 0px; width: 28px; padding: 0; } #login-status .printuser img.small { background: none !important; margin: 0; width: 28px; height: 28px; padding: 0; border-radius: 100px; box-shadow: 0 0 3px #3f3f3f; } #login-status [id] { font-size: .72rem } #login-status>a[href="javascript:;"] { font-size: 0; font-weight: bold; margin: 0; text-align: center; text-decoration: none; background: none; width: 21.8px; position: absolute; top: 13px; height: 21px; right: 30px; border: none; } #login-status>a[href="javascript:;"]:before { display: inline-block; font-family: FontAwesome; font-size: 1.3rem; margin: 4px 3px; text-rendering: auto; -webkit-font-smoothing: antialiased; transform: translate(0, 0); } #login-status #account-topbutton:before { content: "\f013"; color: var(--base-color) } #login-status .login-status-sign-in { right: 35px !important; } #login-status .login-status-sign-in:before { content: "\f13e"; color: var(--base-color) } #login-status .login-status-create-account { right: 11px !important; margin: 0 0 .25rem; } div#login-status a.login-status-create-account { right: 11px; } #login-status .login-status-create-account:before { content: "\f067"; color: var(--base-color) } #login-status #my-account { display: none } #login-status a strong { position: absolute; top: 0; right: 2.25rem; font-size: 1rem; white-space: nowrap } #login-status #account-topbutton:not(:focus):not(:focus-within):not(:hover):not(:active)+#account-options { display: none !important } #header #login-status #account-topbutton+#account-options:focus, #header #login-status #account-topbutton+#account-options:focus-within, #header #login-status #account-topbutton+#account-options:hover, #header #login-status #account-topbutton+#account-options:active { display: block !important } #account-options ul { display: flex; flex-wrap: wrap; justify-content: space-around } #account-options ul>li { flex-grow: 1; text-align: center; width: 40% } #account-options ul>li a { transition: all .25s ease-in-out } #account-options ul>li a:hover { background-color: var(--base-color); color: var(--background); text-decoration: none } #login-status ul a { color: #000 } /* TOP BAR */ div#container-wrap { background-image: url(none); } div#extra-div-2 { height: 21px; width: 100%; top: 140px; position: absolute; background-color: #1f331f; } #top-bar a { color: #fff; } #top-bar ul li ul { border: solid 1px #1f331f; border-top: none; overflow: hidden; } #top-bar ul li.sfhover a, #top-bar ul li:hover a { background: rgba(99, 159, 172, 0.85) !important; border-right: solid 1px #1f331f; border-left: solid 1px #1f331f; color: #fff; } /* LOGIN SETTING */ #login-status { color: white; } #login-status a { background: transparent; color: white; } #account-options { border: solid 1px #1f331f; } div.page-rate-widget-box { box-shadow: none !important; border-bottom: 2px solid #1f331f; border-radius: 0; } .creditRate .rateBox { display: inline-flex; border-bottom: 2px solid #1f331f; } .creditRate .rateBox div.page-rate-widget-box { border-bottom: none !important; } .page-rate-widget-box .rate-points { background-color: transparent !important; border: none; border-radius: 0; color: #1f331f; } .page-rate-widget-box .rateup, .page-rate-widget-box .ratedown { background-color: transparent; border: none; } .page-rate-widget-box .rateup a:hover, .page-rate-widget-box .ratedown a:hover { background: transparent !important; color: #66ccaa !important } .page-rate-widget-box .cancel { background-color: transparent; border: none; border-radius: 0; color: #1f331f !important; } .page-rate-widget-box .cancel a:hover { color: #66ccaa !important; background: transparent !important; } .modalbox .page-rate-widget-box { position: absolute; left: 50%; transform: translateX(-50%) } .rate-box-with-credit-button .creditButton, .rateBox .rate-box-with-credit-button, .creditRate .creditButtonStandalone p a { background-color: transparent !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; } a.fa.fa-info { color: #1f331f !important } a.fa.fa-info:hover { color: #66ccaa !important } .modalbox .modalbox-title { background: #51662d !important; color: #fff !important; border-radius: 0 !important; } .modalbox { box-shadow: 0 2px 6px #ccc !important; border-radius: 0 !important; background-color: #fff !important; } .rate-box-with-credit-button a { text-decoration: none !important } .page-rate-widget-box .cancel a { color: #1f331f !important } .page-rate-widget-box .rateup a, .page-rate-widget-box .ratedown a { color: #1f331f !important } /* SIDE BAR */ #side-bar .side-block { border-radius: 0; position: relative; border: none; box-shadow: 0px 0px 4px #1f331f; color: #1f331f; background: #fafffa; background-color: #fafffa !important; } #side-bar .side-block a { color: #1f331f; } #side-bar .collapsible-block-unfolded-link, #side-bar .collapsible-block-unfolded { border-color: #fafffa; } #side-bar .heading { border-color: #ccffee; color: #1f331f; } #side-bar div.menu-item img { filter: hue-rotate(180deg); } #side-bar .collapsible-block-folded, #side-bar .collapsible-block-unfolded-link { position: relative; z-index: 0; } #side-bar .collapsible-block-folded::before, #side-bar .collapsible-block-unfolded-link::before { content: ''; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background: inherit; filter: hue-rotate(180deg)brightness(1.7); ; z-index: -1; } img.image[title="SCP-JP Discord Chat"], img.image[title="SCP-JP Twitter"], img.image[alt="Bilibili_icon.png"] { filter: hue-rotate(310deg) !important; } /* TITLE */ #page-title { color: #1f331f; font-family: 'Noto Serif JP', 'Noto Serif SC', serif; font-size: 220%; transition: 0.5s; border-bottom: 1px solid #1f331f; margin-top: -11px; border-color: #1f331f; } /* IMAGE CAPTION */ #page-content .scp-image-block { border-color: #003a47; box-shadow: none; } #page-content .scp-image-block .scp-image-caption { border-color: #000; background-color: #f1fef1; color: #1f331f; } /* TABLE */ table.wiki-content-table th { background-color: #ccffee; color: #1f331f; } hr { background-color: #006400; } table.wiki-content-table td { background-color: #f1fef1; } .code { border: 1px dashed #9400D3; background-color: #FFF5EE; } /* TAB */ .yui-navset { border: solid #1f331f 1px; } .yui-navset .yui-nav, .yui-navset .yui-nav li a, .yui-navset .yui-nav li a em { border: none 0; } .yui-navset .yui-nav { background: #1f331f; } .yui-navset .yui-nav li, .yui-navset .yui-nav li.selected { margin: 0; padding: 0; } .yui-navset .yui-nav li a, .yui-navset .yui-nav li a:hover { background: #1f331f; } .yui-navset .yui-nav li.selected a, .yui-navset .yui-nav li.selected a:hover, .yui-navset .yui-nav li.selected a:focus { background: #f1fef1; } .yui-navset .yui-nav li a em { color: #f1fef1; } .yui-navset .yui-nav li.selected a em { padding: 0.25em 0.75em; color: #1f331f; } .yui-navset .yui-content { border: none ; background: #f1fef1; } /* OTHER */ div.blockquote { background: #f1fef1; } div#toc { background: #f1fef1; } .hovertip { width: 20em; padding: 0.5em; border: 2px solid rgba(234, 252, 242) !important; background: rgba(234, 252, 242) !important; /* box-shadow: 0 0 6px 1px #000000aa; */ z-index: 100; color: #1f331f; animation: hoverfade .5s ease-in-out both; border-radius: 7px; } @keyframes hoverfade { 0% { opacity: 0; } 100% { opacity: 1; } } .hovertip .f-heading { color: #000; } /* USER INFO */ div.owindow { background: #ebffcc; border: 2px solid #fff; color: #1f331f; } .owindow .title.modal-header { background: #51662d; border-bottom: #555 1px solid; color: #fff; } div.owindow>div.content>img { background: transparent !important; } div.owindow>div.content>h1 { color: #51662d; } .owindow .button-bar a:hover { background: #bbbcbf; } .owindow .button-bar a { background: #ccffee; color: #131b39; transition: .3s; } .owindow .title { background-color: #effdf5; } #footer { background: #1f331f; color: #fff; padding: 8px 3px; } #license-area { color: #fff; background: #66cdaa; border-top: 1px solid #fff; } .odialog-shader { background-color: #3e5166; filter: alpha(opacity=80); opacity: .3; } @media (max-width: 767px) { #side-bar { background-color: rgba(99, 159, 172, 0.85); } } div.open-menu a[href="#side-bar"] { border: 5px solid #4d9980 !important; color: #4d9980 !important; border-radius: 3px; background: transparent !important; box-shadow: 0 0 5px #fff; text-shadow: 0 0 5px #fff; } ::-webkit-scrollbar { border: none; } #side-bar::-webkit-scrollbar { width: 10px; } @media (max-width: 767px) #side-bar:target .close-menu { background: rgb(1 134 255 /0%) 1px 1px repeat; } hr { height: 0.8px; } .modalbox>.modalbox-title>h2>span { font-family: 'noto serif jp', 'Noto Serif SC'; } input:focus,textarea:focus { outline: none !important; } #lock-info { background-color: #66cdaa; border: 3px solid #ccc; color: #fff; } .page-rate-widget-box .rate-points { color: #292929 !important; }
咨询 | 网站导航 | 个人信息处理 | 隐私保护政策 | 网站使用协议 | 辅助功能
No reproduction or republication without written permission/CC BY-SA 3.0