Most Recently Edited

yifan

Wed, 10 Jul 2019 02:14:44 +0000

COLOR=#f9f9ff]]

“我们收容，我们控制，我们保护。”

警告！

基金会文件属于高度机密

此文件包含基金会特工的机密信息。

严禁未经授权的人员进行访问
您已知晓访问此文件将受到远程监控，并且会话期间的所有动作将被记录下来。若您被发现在没有足够安保权限时访问此文件，肇事者将被监控，定位并处理。

姓名：Yifan

安全许可等级：4级

部门：内部安保部门
情报部门
职务：ISD特工和IA特工，基金会重要成员

所属设施：Site-CN-16

外貌：白色皮肤身高178 蓝色眼睛棕色短发体型一般

简介：特工Yifan负责找出叛徒并在基金会序列中确保运作信息安全风险。ISD的“官方”职责是调查和审讯捕捉的GOI（相关组织）特工，尽管ISD的此部分功能为了保密考虑事实上属于安保部门。特工Yifan也要潜伏并伪装成平民来搜索，追踪捕获未收容的SCP并收集敌对相关组织的情报。

[[include component:image-block
name=GOIBallA.jpg|caption=GOI与SCP]]

by YiFan-king

VDR

Wed, 27 Oct 2021 06:29:31 +0000

@charset "utf-8"; @import url('http://vdr-wiki-cn.wikidot.com/local--files/component:theme/font-bauhaus.css'); @import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css'); @import url('http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css'); @import url('http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css'); /* 多重折叠模块 */ @import url('http://vdr-wiki-cn.wikidot.com/component:colstyle/code/1'); /* SCP Sigma 9 [2014 Wikidot Theme] Created for the SCP Foundation by Aelanna Edited for SCP Foundation by Dr Devan Edited for SCP基金会 by MScarlet and Devanos and Sekai_s */ /* COMMON */ #action-area-top { display: none; } #content-wrap { position: relative; margin: 2em auto 0; max-width: 1040px; min-height: 1300px; height: auto !important; height: 1500px; } h1, #page-title { color: #901; padding: 0 0 0.25em; margin: 0 0 0.6em; font-weight: normal; } h1 { margin-top: 0.7em; padding: 0; font-weight: bold; } h2, h3, h4, h5, h6, h7 { margin: 0.5em 0 0.4em; padding: 0; letter-spacing: 1px; } #page-title { border-color: #bbb; } ul { /* list-style-image: url(http://d3g0gp89917ko0.cloudfront.net/v--3b8418686296/common--theme/shiny/images/bullet.gif); */ list-style: square; } #top-bar ul { /* list-style-image: none; /* IE ONLY! IF list-style-image IS SET */ } li, p { line-height: 141%; } a { color: #b01; text-decoration: none; background: transparent; } #side-bar a:visited { color: #b01; } a:visited { color: #824; } a.newpage { color: #d61; text-decoration: none; background: transparent; } a:hover { text-decoration: underline; background-color: transparent; } .form-control { width: 95%; } /* GLOBAL WIDTH */ #header, #top-bar { width: 90%; max-width: 980px; margin: 0 auto; } #top-bar { width: 100%; margin: 0 auto; } .mobile-top-bar { display: none; position: absolute; left: 1em; bottom: 0px; z-index: 0; } body { background-color: #fff; font-size: 0.80em; color: #333; } div#container-wrap { background: url(http://vdr-wiki-cn.wikidot.com/local--files/component:theme/body_bg.png) top left repeat-x; } sup { vertical-align: top; position: relative; top: -0.5em; } /* HEADER */ #header { height: 140px; position: relative; z-index: 10; padding-bottom: 22px; /* FOR MENU */ background: url(http://vdr-wiki-cn.wikidot.com/local--files/component:theme/logo.png) 10px 40px no-repeat; } #search-top-box { position: absolute; top: 79px; right: 9px; width: 250px; text-align: right; } #search-top-box-input { border: solid 1px #999; border-radius: 5px; color: #ccc; background-color: #300; box-shadow: inset 1px 1px 3px rgba(0,0,0,.5); } #search-top-box-input:hover, #search-top-box-input:focus { border: solid 1px #fff; color: #fff; background-color: #633; box-shadow: inset 1px 1px 3px rgba(0,0,0,.8); } #search-top-box-form input[type=submit] { border: solid 1px #999; border-radius: 5px; padding: 2px 5px; font-size: 90%; font-weight: bold; color: #ccc; background-color: #633; background: linear-gradient(to bottom, #966,#633,#300); box-shadow: 0 1px 3px rgba(0,0,0,.5); cursor: pointer; } #search-top-box-form input[type=submit]:hover, #search-top-box-form input[type=submit]:focus { border: solid 1px #fff; color: #fff; text-shadow: 0 0 1px rgba(255,255,255,.25) background-color: #966; background: linear-gradient(to bottom, #c99,#966,#633); box-shadow: 0 1px 3px rgba(0,0,0,.8); } #login-status { color: #aaa; font-size: 90%; z-index: 30; } #login-status a { background: transparent; color: #ddd; } #login-status ul a { color: #700; background: transparent; } #account-topbutton { background: #ccc; color: #700; } .printuser img.small { margin-right: 1px; } #header h1 { margin-left: 120px; padding: 0; float: left; max-height: 95px; } #header h2 { margin-left: 120px; padding: 0; clear: left; float: left; font-size: 105%; max-height: 38px; } #header h1 a { display: block; margin: 0; padding: 80px 0 25px; line-height: 0px; max-height: 0px; color: #eee; background: transparent; font-family: BauhausLTDemi, Simhei, Arial, sans-serif; font-size: 180%; text-decoration: none; text-shadow: 3px 3px 5px #000; letter-spacing: 0.9px; } #header h2 span { display: block; margin: 0; padding: 19px 0; line-height: 0px; max-height: 0px; font-weight: bold; color: #f0f0c0; text-shadow: 1px 1px 1px #000; text-shadow: 1px 1px 1px rgba(0,0,0,.8); } /* TOP MENU */ #top-bar { position: absolute; z-index: 50; top: 140px; height: 21px; line-height: 18px; padding: 0; z-index: 20; font-size: 90%; } #top-bar ul { float: right; } #top-bar li { margin: 0; } #top-bar a { color: #fff; background: transparent; } #top-bar li a { padding: 1px 0.5em; } #top-bar ul li { border: 0; position: relative; } #top-bar ul li ul { border: solid 1px #666; box-shadow: 0 2px 6px rgba(0,0,0,.5); border-top: 0; } #top-bar ul li a { border-left: solid 1px rgba(64,64,64,.1); border-right: solid 1px rgba(64,64,64,.1); text-decoration: none; padding-top: 10px; padding-bottom: 10px; line-height: 1px; max-height: 1px; overflow: hidden; } #top-bar ul li.sfhover a, #top-bar ul li:hover a { background: #eee; color: #a01; border-left: solid 1px rgba(64,64,64,1); border-right: solid 1px rgba(64,64,64,1); } #top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a { border-width: 0; width: 150px; border-top: 1px solid #ddd; line-height: 160%; height: auto; max-height: none; padding-top: 0; padding-bottom: 0; } #top-bar ul li.sfhover a:hover, #top-bar ul li:hover a:hover { background: #fff; text-decoration: none; } #top-bar ul li ul { border-width: 0 1px 1px 1px; width: auto; } #top-bar ul li ul li, #top-bar ul li ul li.sfhover, #top-bar ul li ul li, #top-bar ul li ul li:hover { border-width: 0; } #top-bar ul li ul li a { border-width: 0; } #top-bar ul li ul a, #top-bar a:hover { color: #a01; } .top-bar ul li:last-of-type ul { right: 0; } /* IE7 HACK */ #top-bar ul > li > ul { *margin-top: -4px; } /* SIDE MENU */ #side-bar { clear: none; float: none; position: absolute; top: 0.5em; left: 2em; width: 17em; padding: 0; border: none; display: block; } #side-bar .side-block { padding: 10px; border: 1px solid #660000; border-radius: 10px; box-shadow: 0 2px 6px rgba(102,0,0,.5); background: #fff; margin-bottom: 15px; } #side-bar .side-area { padding: 10px; } #side-bar .heading { color: #600; border-bottom: solid 1px #600; padding-left: 15px; margin-bottom: 5px; font-size: 8pt; font-weight: bold; } #side-bar .heading:not(:first-child) { margin-top: 10px; } #side-bar p { margin: 0; } #side-bar div.menu-item { margin: 2px 0; } #side-bar div.menu-item img { width: 13px; height: 13px; border: 0; margin-right: 2px; position: relative; bottom: -2px; } #side-bar div.menu-item a { font-weight: bold; } #side-bar div.menu-item.inactive img { opacity: 0.25; } #side-bar div.menu-item.inactive a { color: #999; } #side-bar div.menu-item .sub-text { font-size: 80%; color: #666; } #side-bar div.menu-item.sub-item { } #side-bar .collapsible-block-folded { background: url(http://vdr-wiki-cn.wikidot.com/local--files/nav:side/expand.png) 0 2px no-repeat; } #side-bar .collapsible-block-link { margin-left: 15px; font-weight: bold; } #side-bar .collapse-bar .collapsible-block-link { margin-left: 15px; font-weight: bold; } #side-bar .collapsible-block-unfolded-link { border-bottom: solid 1px #600; } #side-bar .collapsible-block-unfolded-link .collapsible-block-link { margin-top: 10px; margin-bottom: 5px; font-size: 8pt; color: #600; } #side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover { color: #b01; text-decoration: none; } #side-bar ul { list-style-type: none; padding: 0 5px 0; } /* CONTENT */ #main-content { margin: 0 2em 0 22em; padding: 1em; position: relative; } /* ACTUALLY HIDE HIDDEN TAGS */ #main-content .page-tags a[href^="/system:page-tags/tag/_"] { display: none; } #breadcrumbs { margin: -1em 0 1em; font-weight: 85%; } /* YUI-TABS */ .yui-navset .yui-content { background-color: #f5f5f5; } .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a { background-color: #d8d8d8; background-image: url(http://d3g0gp89917ko0.cloudfront.net/v--3b8418686296/common--theme/shiny/images/yuitabs.png); } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */ .yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */ background: #700 url(http://d3g0gp89917ko0.cloudfront.net/v--3b8418686296/common--theme/shiny/images/yuitabs.png) repeat-x left -1400px; /* selected tab background */ color: #fff; } .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus { background: #d88 url(http://d3g0gp89917ko0.cloudfront.net/v--3b8418686296/common--theme/shiny/images/yuitabs.png) repeat-x left -1300px; text-decoration: none; } .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav { border-color: #444; } .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav { border-color: #444; } .yui-navset li { line-height: normal; } /* FOOTER */ #footer { clear: both; font-size: 77%; background: #444; color: #bbb; margin-top: 15px; padding: 3px 10px; } #footer .options { visibility: visible; display: block; float: right; width: 50%; font-size: 100%; text-align: right; } #footer a { color: #fff; background: transparent; } /* SOME NICE BOXES */ div.sexy-box { background: #eee; border: 1px solid #ccc; padding: 0 10px 12px; margin: 7px 4px 12px; overflow: hidden; } div.sexy-box div.image-container img { margin: 5px; padding: 2px; border: 1px solid #999; } /* Custom page content classes */ #page-content { min-height: 720px; } .unmargined > p { margin: 0; line-height: 100%; } .content-panel { border: solid 1px #888880; border-radius: 10px; background-color: #999990; margin: 10px 0 15px; box-shadow: 3px 3px 6px #bbb; box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.1); } .content-panel.standalone { background: #fcfdfb; } .content-panel.series { padding: 0 20px; margin-bottom: 20px; } .content-panel.centered { text-align: center; } .content-panel.left-column { float: left; width: 48%; } .content-panel.right-column { float: right; width: 48%; } .content-panel .panel-heading { padding: 2px 10px; color: #ffffff; font-size: 90%; font-weight: bold; text-shadow: 1px 1px 2px rgba(0,0,0,.35); } .content-panel .panel-heading > p, .content-panel .panel-footer > p { margin: 0; } .content-panel .panel-body { padding: 5px 10px; background: #fff9f0 url(http://yifan.wikidot.com/local--files/component:theme/panel-bg-gradient-reverse.png) bottom repeat-x; /* box-shadow: 1px 2px 3px rgba(0,0,0,.2) inset */ } .content-panel .panel-footer { padding: 1px 10px; color: #fffff0; font-size: 80%; font-weight: bold; text-align: right; text-shadow: 1px 1px 2px rgba(0,0,0,.5); } .content-panel .panel-footer a { color: #ffffff; } .content-panel .content-toc { float: right; padding: 0 20px; background-color: #fff; border: solid 1px #ccc; border-radius: 10px; margin: 20px 0 5px 5px; white-space: nowrap; box-shadow: inset 1px 2px 6px rgba(0,0,0,.15) } .alternate:nth-child(even) { background-color: rgba(255,255,255,.9); } /* Page Rating Module Customizations */ .page-rate-widget-box { display: inline-block; border-radius: 5px; box-shadow: 1px 1px 3px rgba(0,0,0,.5); margin-bottom: 10px; margin-right: 2em; } .page-rate-widget-box .rate-points { background-color: #633 !important; border: solid 1px #633; border-right: 0; border-radius: 5px 0 0 5px; } .page-rate-widget-box .rateup, .page-rate-widget-box .ratedown { background-color: #fff6f0; border-top: solid 1px #633; border-bottom: solid 1px #633; font-weight: bold; } .page-rate-widget-box .rateup a, .page-rate-widget-box .ratedown a { background: transparent; color: #633; padding: 0 4px; margin: 0 1px; } .page-rate-widget-box .rateup a:hover, .page-rate-widget-box .ratedown a:hover { background: #633; color: #fffff0; text-decoration: none; } .page-rate-widget-box .cancel { background-color: #633; border: solid 1px #633; border-left: 0; border-radius: 0 5px 5px 0; } .page-rate-widget-box .cancel a { background: transparent; text-transform: uppercase; color: #966; } .page-rate-widget-box .cancel a:hover { border-radius: 0 3px 3px 0; background: #633; color: #fffff0; text-decoration: none; } /* Heritage Collection Rating Module */ .heritage-rating-module { display: inline-block; background-color: #633; padding: 2px 8px 2px 5px; border: solid 1px #ccc066; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,.25); margin-right: 2em; margin-bottom: 10px; } .heritage-rating-module .page-rate-widget-box { box-shadow: none; margin-bottom: 0; margin-right: 0; } .heritage-rating-module .heritage-emblem { float: left; position: relative; top: -2px; left: 2px; height: 16px; width: 16px; overflow: visible; margin-right: 2px; } .heritage-rating-module .heritage-emblem img { width: 20px; height: 20px; border: 0; } /* Fixes for multi-line page tags */ #main-content .page-tags { margin: 1em 0 0; padding: 0; } #main-content .page-tags span { display: inline-block; padding: 0; max-width: 60%; } #main-content .page-tags a { display: inline-block; white-space: nowrap; } /* Standard Image Block */ .scp-image-block { border: solid 1px #666; box-shadow: 0 1px 6px rgba(0,0,0,.25); width: 300px; } .scp-image-block.block-right { float: right; clear: right; margin: 0 2em 1em 2em; } .scp-image-block.block-left { float: left; clear: left; margin: 0 2em 1em 0; } .scp-image-block.block-center { margin-right: auto; margin-left: auto; } .scp-image-block img { border: 0; width: 300px; } .scp-image-block .scp-image-caption { background-color: #eee; border-top: solid 1px #666; padding: 2px 0; font-size: 80%; font-weight: bold; text-align: center; width: 300px; } .scp-image-block > p { margin: 0; } .scp-image-block .scp-image-caption > p { margin: 0; padding: 0 10px; } /* Wikiwalk Navigation */ .footer-wikiwalk-nav { font-weight: bold; font-size: 75%; } /* Forum Customizations */ .forum-thread-box .description-block { padding: .5em 1em; border-radius: 10px; box-shadow: 0 1px 5px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.8), inset 0 10px 5px rgba(255,255,255,.25), inset 0 -15px 30px rgba(0,0,0,.1) } .thread-container .post .head { padding: 0.5em 1em; background-color: #eee; background: linear-gradient(to right, #eee, #eeecec); box-shadow: inset 2px 3px 6px rgba(0,0,0,.15); border-radius: 5px 5px 0 0; } /* Forum */ .signature { display: none !important; } @media (max-width: 979px) { td.name { width: 40%; } td.title { width: 30%; } } /* Ruby by Nanimono Demonai */ .ruby, ruby { display:inline-table; text-align:center; white-space:nowrap; line-height:1; height:1em; vertical-align:text-bottom; } .rt, rt { display:table-header-group; font-size:0.6em; line-height:1.1; text-align:center; white-space:nowrap; } /* Keycap */ .keycap { border: 1px solid; border-color: #ddd #bbb #bbb #ddd; border-bottom-width: 2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #f9f9f9; padding: 1px 3px; font-family: inherit; font-size: 0.85em; white-space: nowrap; } /* tag style */ .tags { display: inline-block; margin: 0 0 0 5px; padding: 3px 5px 3px 0px; height: 13px; line-height: 13px; font-size: 11px; background: #666; color: #fff; text-decoration: none; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } .tags:before { content: ""; padding: 0px 1px 3px 1px; float: left; position: relative; top: -3px; left: -10px; width: 0; height: 0; border-color: transparent #666 transparent transparent; border-style: solid; border-width: 8px 8px 8px 0px; } .tags:after { content: ""; position: relative; top: 4.5px; left: -8px; float: left; width: 4px; height: 4px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: #fff; -moz-box-shadow: -1px -1px 2px #004977; -webkit-box-shadow: -1px -1px 2px #333; box-shadow: -1px -1px 2px #333; } /* Display Black Block by Nanimono Demonai */ .bblock { color: #000000; background-color: #000000; transition: 2s; text-decoration: none; } .bblock:hover { background-color: #000000; color: #006600; text-decoration: none; } .dblock { color: #000000; background-color: #000000; transition: 2s; text-decoration: none; } .dblock:hover { background-color: transparent; text-decoration: none; } /* 2011-11-13 Minobe Hiroyuki @ Marguerite Site www.marguerite.jp/Nihongo/WWW/CSSTips/EmphasizeDots-CSS3.html Edited for the SCP Foundation by Nanimono_Demonai */ .emph { text-emphasis-style: dot ; -webkit-text-emphasis-style: dot ; } /* For FireFox */ @-moz-document url-prefix() { .emph { /* For the environments which comply with CSS3. */ font-family: monospace; font-style: normal; font-weight: normal; background-image: url(http://yifan.wikidot.com/local--files/component%3Atheme/dot.png), none; background-repeat: repeat-x; padding: 0.5em 0 0; background-color: transparent; background-clip: padding-box, content-box; background-size: 1em 1.3em, auto; } } /* For IE10 */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .emph { /* For the environments which comply with CSS3. */ font-family: monospace; font-style: normal; font-weight: normal; background-image: url(http://yifan.wikidot.com/local--files/component%3Atheme/dot.png), none; background-repeat: repeat-x; padding: 0.5em 0 0; background-color: transparent; background-clip: padding-box, content-box; background-size: 1em 1.3em, auto; } } /* viewport */ @viewport { width: device-width; zoom: 1.0; } /* IE viewport */ @-ms-viewport { width: device-width; zoom: 1.0; } /* opera viewport */ @-o-viewport { width: device-width; zoom: 1.0; } /* chrome viewport - maybe it isn't work… */ @-webkit-viewport { width: device-width; zoom: 1.0; } /* firefox viewport - maybe it isn't work too… */ @-moz-viewport { width: device-width; zoom: 1.0; } /* webkit scrollbar */ ::-webkit-scrollbar { width: 9px; /* for vertical scrollbars */ height: 9px; /* for horizontal scrollbars */ border: solid 1px rgba(0, 0, 0, 0.1); border-round: 0.5px; } ::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.1); } ::-webkit-scrollbar-thumb { background: rgba(50, 50, 50, 0.3); } .page-source { word-break: break-all; } /* Responsive Web Design */ img, embed, video, object, iframe, table { max-width: 100%; } #page-content div, #page-content div table { max-width: 100%; } #edit-page-comments { width: 100%; } /* basic Query for mobile devices */ @media (max-width: 767px) { .owindow { min-width: 80%; max-width: 99%; } .modal-body .table, .modal-body .table ~ div { float: left; } .owindow .button-bar { float: right; } .owindow div a.btn-primary { width: 100%; float: left; } .mobile-top-bar ul li:last-of-type ul { right: 0; } span, a, td { word-break: break-all; } } /* Mobile Media Query */ @media (max-width: 479px) { #search-top-box-input { width: 5em; } #page-content { font-size: 0.9em; } #main-content { margin: 0; } #recent-posts-category { width: 100%; } #header, .mobile-top-bar { max-width: 100%; } #side-bar { width: 80%; position: relative; } .top-bar { display: none; } .mobile-top-bar { display: block; padding: 0; } .page-options-bottom a { padding: 0 4px; } #header h1 a { font-size: 100%; } blockquote { margin: 1em 0; } .license-area { font-size: 0.8em; } #header { background-position: 0 5.5em; background-size: 55px 55px; } #header h1, #header h2 { margin-left: 66px; } table.form td, table.form th { float: left; } /* td.title { width: 30%; } */ td.name { width: 15em; } table.form td, table.form th { padding: 0; } #edit-page-title { max-width: 90%; } .content-panel.left-column, .content-panel.right-column { width: 99%; float: left; } #page-content div, #page-content div table { clear: both; } #page-content div.title { word-break: keep-all; } } /* Note Media Query */ @media (min-width: 480px) and (max-width: 580px) { #search-top-box-input { width: 7em; } #main-content { margin: 0 2em 0 2em; } #header, .mobile-top-bar { max-width: 90%; } #side-bar { width: 80%; position: relative; } .top-bar { display: none; } .mobile-top-bar { display: block; } .page-options-bottom a { padding: 0 5px; } #header h1 a { font-size: 120%; } blockquote { margin: 0.5em; } .license-area { font-size: 0.85em; } #header { background-position: 0.5em 4.5em; background-size: 66px 66px; } #header h1, #header h2 { margin-left: 80px; } /* td.title { width: 30%; } */ #page-content div.title { word-break: keep-all; } td.name { width: 15em; } .content-panel.left-column, .content-panel.right-column { width: 99%; float: left; } #page-content div, #page-content div table { clear: both; } } /* Mini Tablet Media Query */ @media (min-width: 581px) and (max-width: 767px) { #search-top-box-input { width: 8em; } #side-bar { width: 80%; position: relative; } #main-content { margin: 0 3em 0 2em; } #header, .mobile-top-bar { max-width: 90%; } .top-bar { display: none; } .mobile-top-bar { display: block; } .page-options-bottom a { padding: 0 6px; } #header h1 a { font-size: 140%; } .license-area { font-size: 0.9em; } #header { background-position: 1em 4em; background-size: 77px 77px; } #header h1, #header h2 { margin-left: 93px; } } /* Tablet Media Query */ @media (min-width: 768px) and (max-width: 979px) { #main-content { margin: 0 4em 0 20em; } #header, #top-bar #side-bar { max-width: 100%; } .top-bar li { margin: 0; } #top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a { width: 110px; } .page-options-bottom a { padding: 0 7px; } #header h1 a { font-size: 160%; } .license-area { font-size: 0.95em; } #header { background-position: 1em 4em; background-size: 88px 88px; } #header h1, #header h2 { margin-left: 106px; } .content-panel.left-column, .content-panel.right-column { width: 99%; float: left; } #page-content div, #page-content div table { clear: both; } } /* Desktop Media Query --- @media (min-width: 980px) and (max-width: 1399px) { } --------— */ /* Wide Monitor Media Query - @media (min-width: 1400px) { } --------— */ /* off-canvas */ .close-menu { display: none; } @media (max-width: 767px) { .page-history tbody tr td:last-child { width: 35%; } .owindow { min-width: 80%; max-width: 99%; } .modal-body .table, .modal-body .table ~ div { float: left; } .owindow .button-bar { float: right; } .owindow div .btn-primary { width: 100%; float: left; } .owindow div .btn-primary ~ div { width: 100%; } .yui-navset { z-index: 1; } #navi-bar, #navi-bar-shadow { display: none; } .open-menu a { position: fixed; top: 0.5em; left: 0.5em; z-index: 15; font-family: 'Nanum Gothic', san-serif; font-size: 30px; font-weight: 700; width: 30px; height: 30px; line-height: 0.9em; text-align: center; border: 0.2em solid #888 !important; background-color: #fff !important; border-radius: 3em; color: #888 !important; } .open-menu a:hover { text-decoration: none !important; -webkit-box-shadow: 0px 0px 20px 3px rgba(153,153,153,1); -moz-box-shadow: 0px 0px 20px 3px rgba(153,153,153,1); -ms-box-shadow: 0px 0px 20px 3px rgba(153,153,153,1); -o-box-shadow: 0px 0px 20px 3px rgba(153,153,153,1); box-shadow: 0px 0px 20px 3px rgba(153,153,153,1); } #main-content { max-width: 90%; margin: 0 5%; padding: 0; -webkit-transition: 0.5s ease-in-out 0.1s; -moz-transition: 0.5s ease-in-out 0.1s; -ms-transition: 0.5s ease-in-out 0.1s; -o-transition: 0.5s ease-in-out 0.1s; transition: 0.5s ease-in-out 0.1s; } #side-bar { display: block; position: fixed; top: 0; left: -25em; width: 17em; height: 100%; background-color: rgb(184, 134, 134); overflow-y: auto; z-index: 10; padding: 1em 1em 0 1em; -webkit-transition: left 0.5s ease-in-out 0.1s; -moz-transition: left 0.5s ease-in-out 0.1s; -ms-transition: left 0.5s ease-in-out 0.1s; -o-transition: left 0.5s ease-in-out 0.1s; transition: left 0.5s ease-in-out 0.1s; } #side-bar:after { content: ""; position: absolute; top: 0; width: 0; height: 100%; background-color: rgba(0, 0, 0, 0.2); } #side-bar:target { display: block; left: 0; width: 17em; margin: 0; border: 1px solid #dedede; z-index: 10; } #side-bar:target + #main-content { left: 0; } #side-bar:target .close-menu { display: block; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.3) 1px 1px repeat; z-index: -1; } } div.scpnet-interwiki-wrapper { width: 17em; margin-left: -5px; } iframe.scpnet-interwiki-frame { height: 300px; width: 17em; border: none; } @media (min-width: 768px) { iframe.scpnet-interwiki-frame { height: 300px; width: 18em; } div.scpnet-interwiki-wrapper { width: 18em; } }

by YiFan-king

网站导航

Wed, 10 Jul 2019 02:14:45 +0000

主页

新人咨询

加入网站
 网站规则
 新手指南

指导

格式指导
 写作指导
 维基语法

列表项目

最近新增的页面
 最近的更新 | 修改的页面
 最高评分的页面
 最低评分的页面
 叛变者

社交

导航

用户指南
 首次用户
 关于
 联系
 法律
 成员

标签云

标签云

管理专用

创建

by YiFan-king

com

Wed, 10 Jul 2019 02:14:45 +0000

@charset "utf-8";

@import url('http://vdr-wiki-cn.wikidot.com/local--files/component:theme/font-bauhaus.css');
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css');
@import url('http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');
/* 多重折叠模块 */
@import url('http://vdr-wiki-cn.wikidot.com/component:colstyle/code/1');

/*
SCP Sigma 9
[2014 Wikidot Theme]
Created for the SCP Foundation by Aelanna
Edited for SCP Foundation by Dr Devan
Edited for SCP基金会 by MScarlet and Devanos and Sekai_s
*/

/* COMMON */
#action-area-top {
display: none;
}
#content-wrap {
position: relative;
margin: 2em auto 0;
max-width: 1040px;
min-height: 1300px;
height: auto !important;
height: 1500px;
}

h1, #page-title {
color: #901;
padding: 0 0 0.25em;
margin: 0 0 0.6em;
font-weight: normal;
}
h1 {
margin-top: 0.7em;
padding: 0;
font-weight: bold;
}
h2, h3, h4, h5, h6, h7 {
margin: 0.5em 0 0.4em;
padding: 0;
letter-spacing: 1px;
}
#page-title {
border-color: #bbb;
}
ul {
/* list-style-image: url(http://d3g0gp89917ko0.cloudfront.net/v--3b8418686296/common--theme/shiny/images/bullet.gif); */
list-style: square;
}
#top-bar ul {
/* list-style-image: none; /* IE ONLY! IF list-style-image IS SET */
}

li, p {
line-height: 141%;
}
a {
color: #b01;
text-decoration: none;
background: transparent;
}

#side-bar a:visited { color: #b01; }

a:visited { color: #824; }

a.newpage {
color: #d61;
text-decoration: none;
background: transparent;
}
a:hover {
text-decoration: underline;
background-color: transparent;
}

.form-control {
width: 95%;
}

/* GLOBAL WIDTH */
#header, #top-bar {
width: 90%;
max-width: 980px;
margin: 0 auto;
}

#top-bar {
width: 100%;
margin: 0 auto;
}

.mobile-top-bar {
display: none;
position: absolute;
left: 1em;
bottom: 0px;
z-index: 0;
}

body {
background-color: #fff;
font-size: 0.80em;
color: #333;
}
div#container-wrap {
background: url(http://vdr-wiki-cn.wikidot.com/local--files/component:theme/body_bg.png) top left repeat-x;
}

sup {
vertical-align: top; position: relative; top: -0.5em;
}

/* HEADER */
#header {
height: 140px;
position: relative;
z-index: 10;
padding-bottom: 22px; /* FOR MENU */
background: url(http://vdr-wiki-cn.wikidot.com/local--files/component:theme/logo.png) 10px 40px no-repeat;
}
#search-top-box {
position: absolute;
top: 79px;
right: 9px;
width: 250px;
text-align: right;
}
#search-top-box-input {
border: solid 1px #999;
border-radius: 5px;
color: #ccc;
background-color: #300;
box-shadow: inset 1px 1px 3px rgba(0,0,0,.5);
}
#search-top-box-input:hover,
#search-top-box-input:focus {
border: solid 1px #fff;
color: #fff;
background-color: #633;
box-shadow: inset 1px 1px 3px rgba(0,0,0,.8);
}
#search-top-box-form input[type=submit] {
border: solid 1px #999;
border-radius: 5px;
padding: 2px 5px;
font-size: 90%;
font-weight: bold;
color: #ccc;
background-color: #633;
background: linear-gradient(to bottom, #966,#633,#300);
box-shadow: 0 1px 3px rgba(0,0,0,.5);
cursor: pointer;
}
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
border: solid 1px #fff;
color: #fff;
text-shadow: 0 0 1px rgba(255,255,255,.25)
background-color: #966;
background: linear-gradient(to bottom, #c99,#966,#633);
box-shadow: 0 1px 3px rgba(0,0,0,.8);
}

#login-status {
color: #aaa;
font-size: 90%;
z-index: 30;
}
#login-status a {
background: transparent;
color: #ddd;
}
#login-status ul a {
color: #700;
background: transparent;
}

#account-topbutton {
background: #ccc;
color: #700;
}

.printuser img.small {
margin-right: 1px;
}

#header h1 {
margin-left: 120px;
padding: 0;
float: left;
max-height: 95px;
}
#header h2 {
margin-left: 120px;
padding: 0;
clear: left;
float: left;
font-size: 105%;
max-height: 38px;
}

#header h1 a {
display: block;
margin: 0;
padding: 80px 0 25px;
line-height: 0px;
max-height: 0px;
color: #eee;
background: transparent;
font-family: BauhausLTDemi, Simhei, Arial, sans-serif;
font-size: 180%;
text-decoration: none;
text-shadow: 3px 3px 5px #000;
letter-spacing: 0.9px;
}

#header h2 span {
display: block;
margin: 0;
padding: 19px 0;
line-height: 0px;
max-height: 0px;
font-weight: bold;
color: #f0f0c0;
text-shadow: 1px 1px 1px #000;
text-shadow: 1px 1px 1px rgba(0,0,0,.8);
}

/* TOP MENU */
#top-bar {
position: absolute;
z-index: 50;
top: 140px;
height: 21px;
line-height: 18px;
padding: 0;
z-index: 20;
font-size: 90%;
}

#top-bar ul {
float: right;
}

#top-bar li {
margin: 0;
}

#top-bar a {
color: #fff;
background: transparent;
}

#top-bar li a {
padding: 1px 0.5em;
}

#top-bar ul li {
border: 0;
position: relative;
}

#top-bar ul li ul {
border: solid 1px #666;
box-shadow: 0 2px 6px rgba(0,0,0,.5);
border-top: 0;
}

#top-bar ul li a {
border-left: solid 1px rgba(64,64,64,.1);
border-right: solid 1px rgba(64,64,64,.1);
text-decoration: none;
padding-top: 10px;
padding-bottom: 10px;
line-height: 1px;
max-height: 1px;
overflow: hidden;
}

#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
background: #eee;
color: #a01;
border-left: solid 1px rgba(64,64,64,1);
border-right: solid 1px rgba(64,64,64,1);
}

#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
border-width: 0;
width: 150px;
border-top: 1px solid #ddd;
line-height: 160%;
height: auto;
max-height: none;
padding-top: 0;
padding-bottom: 0;
}

#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
background: #fff;
text-decoration: none;
}
#top-bar ul li ul {
border-width: 0 1px 1px 1px;
width: auto;
}
#top-bar ul li ul li, #top-bar ul li ul li.sfhover,
#top-bar ul li ul li, #top-bar ul li ul li:hover {
border-width: 0;
}
#top-bar ul li ul li a {
border-width: 0;
}
#top-bar ul li ul a, #top-bar a:hover {
color: #a01;
}

.top-bar ul li:last-of-type ul {
right: 0;
}

/* IE7 HACK */
#top-bar ul > li > ul {
*margin-top: -4px;
}

/* SIDE MENU */
#side-bar {
clear: none;
float: none;
position: absolute;
top: 0.5em;
left: 2em;
width: 17em;
padding: 0;
border: none;
display: block;
}
#side-bar .side-block {
padding: 10px;
border: 1px solid #660000;
border-radius: 10px;
box-shadow: 0 2px 6px rgba(102,0,0,.5);
background: #fff;
margin-bottom: 15px;
}
#side-bar .side-area {
padding: 10px;
}
#side-bar .heading {
color: #600;
border-bottom: solid 1px #600;
padding-left: 15px;
margin-bottom: 5px;
font-size: 8pt;
font-weight: bold;
}
#side-bar .heading:not(:first-child) {
margin-top: 10px;
}
#side-bar p {
margin: 0;
}
#side-bar div.menu-item {
margin: 2px 0;
}
#side-bar div.menu-item img {
width: 13px;
height: 13px;
border: 0;
margin-right: 2px;
position: relative;
bottom: -2px;
}
#side-bar div.menu-item a {
font-weight: bold;
}
#side-bar div.menu-item.inactive img {
opacity: 0.25;
}
#side-bar div.menu-item.inactive a {
color: #999;
}
#side-bar div.menu-item .sub-text {
font-size: 80%;
color: #666;
}
#side-bar div.menu-item.sub-item {
}

#side-bar .collapsible-block-folded {
background: url(http://vdr-wiki-cn.wikidot.com/local--files/nav:side/expand.png) 0 2px no-repeat;
}
#side-bar .collapsible-block-link {
margin-left: 15px;
font-weight: bold;
}
#side-bar .collapse-bar .collapsible-block-link {
margin-left: 15px;
font-weight: bold;
}
#side-bar .collapsible-block-unfolded-link {
border-bottom: solid 1px #600;
}
#side-bar .collapsible-block-unfolded-link .collapsible-block-link {
margin-top: 10px;
margin-bottom: 5px;
font-size: 8pt;
color: #600;
}
#side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
color: #b01;
text-decoration: none;
}

#side-bar ul {
list-style-type: none;
padding: 0 5px 0;
}
/* CONTENT */
#main-content {
margin: 0 2em 0 22em;
padding: 1em;
position: relative;
}

/* ACTUALLY HIDE HIDDEN TAGS */
#main-content .page-tags a[href^="/system:page-tags/tag/_"]
{
display: none;
}

#breadcrumbs {
margin: -1em 0 1em;
font-weight: 85%;
}

/* YUI-TABS */
.yui-navset .yui-content {
background-color: #f5f5f5;
}
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
background-color: #d8d8d8;
background-image: url(http://d3g0gp89917ko0.cloudfront.net/v--3b8418686296/common--theme/shiny/images/yuitabs.png);
}
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
.yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */
background: #700 url(http://d3g0gp89917ko0.cloudfront.net/v--3b8418686296/common--theme/shiny/images/yuitabs.png) repeat-x left -1400px; /* selected tab background */
color: #fff;
}
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
background: #d88 url(http://d3g0gp89917ko0.cloudfront.net/v--3b8418686296/common--theme/shiny/images/yuitabs.png) repeat-x left -1300px;
text-decoration: none;
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
border-color: #444;
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
border-color: #444;
}
.yui-navset li {
line-height: normal;
}

/* FOOTER */
#footer {
clear: both;
font-size: 77%;
background: #444;
color: #bbb;
margin-top: 15px;
padding: 3px 10px;
}
#footer .options {
visibility: visible;
display: block;
float: right;
width: 50%;
font-size: 100%;
text-align: right;
}
#footer a {
color: #fff;
background: transparent;
}

/* SOME NICE BOXES */
div.sexy-box {
background: #eee;
border: 1px solid #ccc;
padding: 0 10px 12px;
margin: 7px 4px 12px;
overflow: hidden;
}
div.sexy-box div.image-container img {
margin: 5px;
padding: 2px;
border: 1px solid #999;
}

/* Custom page content classes */
#page-content {
min-height: 720px;
}

.unmargined > p {
margin: 0;
line-height: 100%;
}
.content-panel {
border: solid 1px #888880;
border-radius: 10px;
background-color: #999990;
margin: 10px 0 15px;
box-shadow: 3px 3px 6px #bbb;
box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.1);
}
.content-panel.standalone {
background: #fcfdfb;
}
.content-panel.series {
padding: 0 20px;
margin-bottom: 20px;
}
.content-panel.centered {
text-align: center;
}
.content-panel.left-column {
float: left;
width: 48%;
}
.content-panel.right-column {
float: right;
width: 48%;
}

.content-panel .panel-heading {
padding: 2px 10px;
color: #ffffff;
font-size: 90%;
font-weight: bold;
text-shadow: 1px 1px 2px rgba(0,0,0,.35);
}
.content-panel .panel-heading > p,
.content-panel .panel-footer > p {
margin: 0;
}
.content-panel .panel-body {
padding: 5px 10px;
background: #fff9f0 url(http://yifan.wikidot.com/local--files/component:theme/panel-bg-gradient-reverse.png) bottom repeat-x;
/* box-shadow: 1px 2px 3px rgba(0,0,0,.2) inset */
}
.content-panel .panel-footer {
padding: 1px 10px;
color: #fffff0;
font-size: 80%;
font-weight: bold;
text-align: right;
text-shadow: 1px 1px 2px rgba(0,0,0,.5);
}
.content-panel .panel-footer a {
color: #ffffff;
}
.content-panel .content-toc {
float: right;
padding: 0 20px;
background-color: #fff;
border: solid 1px #ccc;
border-radius: 10px;
margin: 20px 0 5px 5px;
white-space: nowrap;
box-shadow: inset 1px 2px 6px rgba(0,0,0,.15)
}

.alternate:nth-child(even) {
background-color: rgba(255,255,255,.9);
}

/* Page Rating Module Customizations */
.page-rate-widget-box {
display: inline-block;
border-radius: 5px;
box-shadow: 1px 1px 3px rgba(0,0,0,.5);
margin-bottom: 10px;
margin-right: 2em;
}
.page-rate-widget-box .rate-points {
background-color: #633 !important;
border: solid 1px #633;
border-right: 0;
border-radius: 5px 0 0 5px;
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
background-color: #fff6f0;
border-top: solid 1px #633;
border-bottom: solid 1px #633;
font-weight: bold;
}
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
background: transparent;
color: #633;
padding: 0 4px;
margin: 0 1px;
}
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
background: #633;
color: #fffff0;
text-decoration: none;
}
.page-rate-widget-box .cancel {
background-color: #633;
border: solid 1px #633;
border-left: 0;
border-radius: 0 5px 5px 0;
}
.page-rate-widget-box .cancel a {
background: transparent;
text-transform: uppercase;
color: #966;
}
.page-rate-widget-box .cancel a:hover {
border-radius: 0 3px 3px 0;
background: #633;
color: #fffff0;
text-decoration: none;
}

/* Heritage Collection Rating Module */
.heritage-rating-module {
display: inline-block;
background-color: #633;
padding: 2px 8px 2px 5px;
border: solid 1px #ccc066;
border-radius: 8px;
box-shadow: 0 1px 3px rgba(0,0,0,.25);
margin-right: 2em;
margin-bottom: 10px;
}
.heritage-rating-module .page-rate-widget-box {
box-shadow: none;
margin-bottom: 0;
margin-right: 0;
}
.heritage-rating-module .heritage-emblem {
float: left;
position: relative;
top: -2px;
left: 2px;
height: 16px;
width: 16px;
overflow: visible;
margin-right: 2px;
}
.heritage-rating-module .heritage-emblem img {
width: 20px;
height: 20px;
border: 0;
}

/* Fixes for multi-line page tags */

#main-content .page-tags {
margin: 1em 0 0;
padding: 0;
}
#main-content .page-tags span {
display: inline-block;
padding: 0;
max-width: 60%;
}
#main-content .page-tags a {
display: inline-block;
white-space: nowrap;
}

/* Standard Image Block */
.scp-image-block {
border: solid 1px #666;
box-shadow: 0 1px 6px rgba(0,0,0,.25);
width: 300px;
}

.scp-image-block.block-right {
float: right;
clear: right;
margin: 0 2em 1em 2em;
}

.scp-image-block.block-left {
float: left;
clear: left;
margin: 0 2em 1em 0;
}

.scp-image-block.block-center {
margin-right: auto;
margin-left: auto;
}
.scp-image-block img {
border: 0;
width: 300px;
}
.scp-image-block .scp-image-caption {
background-color: #eee;
border-top: solid 1px #666;
padding: 2px 0;
font-size: 80%;
font-weight: bold;
text-align: center;
width: 300px;
}
.scp-image-block > p {
margin: 0;
}
.scp-image-block .scp-image-caption > p {
margin: 0;
padding: 0 10px;
}

/* Wikiwalk Navigation */
.footer-wikiwalk-nav {
font-weight: bold;
font-size: 75%;
}

/* Forum Customizations */
.forum-thread-box .description-block {
padding: .5em 1em;
border-radius: 10px;
box-shadow: 0 1px 5px rgba(0,0,0,.15),
inset 0 1px 0 rgba(255,255,255,.8),
inset 0 10px 5px rgba(255,255,255,.25),
inset 0 -15px 30px rgba(0,0,0,.1)
}

.thread-container .post .head {
padding: 0.5em 1em;
background-color: #eee;
background: linear-gradient(to right, #eee, #eeecec);
box-shadow: inset 2px 3px 6px rgba(0,0,0,.15);
border-radius: 5px 5px 0 0;
}

/* Forum */
.signature {
display: none !important;
}

@media (max-width: 979px) {
td.name {
width: 40%;
}
td.title {
width: 30%;
}
}

/* Ruby by Nanimono Demonai */

.ruby, ruby {
display:inline-table;
text-align:center;
white-space:nowrap;
line-height:1;
height:1em;
vertical-align:text-bottom;
}

.rt, rt {
display:table-header-group;
font-size:0.6em;
line-height:1.1;
text-align:center;
white-space:nowrap;
}

/* Keycap */

.keycap {
border: 1px solid;
border-color: #ddd #bbb #bbb #ddd;
border-bottom-width: 2px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background-color: #f9f9f9;
padding: 1px 3px;
font-family: inherit;
font-size: 0.85em;
white-space: nowrap;
}

/* tag style */

.tags {
display: inline-block;
margin: 0 0 0 5px;
padding: 3px 5px 3px 0px;
height: 13px;
line-height: 13px;
font-size: 11px;
background: #666;
color: #fff;
text-decoration: none;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
}

.tags:before {
content: "";
padding: 0px 1px 3px 1px;
float: left;
position: relative;
top: -3px;
left: -10px;
width: 0;
height: 0;
border-color: transparent #666 transparent transparent;
border-style: solid;
border-width: 8px 8px 8px 0px;
}

.tags:after {
content: "";
position: relative;
top: 4.5px;
left: -8px;
float: left;
width: 4px;
height: 4px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
background: #fff;
-moz-box-shadow: -1px -1px 2px #004977;
-webkit-box-shadow: -1px -1px 2px #333;
box-shadow: -1px -1px 2px #333;
}

/* Display Black Block by Nanimono Demonai */
.bblock {
color: #000000;
background-color: #000000;
transition: 2s;
text-decoration: none;
}

.bblock:hover {
background-color: #000000;
color: #006600;
text-decoration: none;
}

.dblock {
color: #000000;
background-color: #000000;
transition: 2s;
text-decoration: none;
}

.dblock:hover {
background-color: transparent;
text-decoration: none;
}

/*
2011-11-13 Minobe Hiroyuki @ Marguerite Site
www.marguerite.jp/Nihongo/WWW/CSSTips/EmphasizeDots-CSS3.html
Edited for the SCP Foundation by Nanimono_Demonai
*/

.emph {
text-emphasis-style: dot ;
-webkit-text-emphasis-style: dot ;
}

/* For FireFox */
@-moz-document url-prefix() {
.emph {
/* For the environments which comply with CSS3. */
font-family: monospace;
font-style: normal;
font-weight: normal;
background-image: url(http://yifan.wikidot.com/local--files/component%3Atheme/dot.png), none;
background-repeat: repeat-x;
padding: 0.5em 0 0;
background-color: transparent;
background-clip: padding-box, content-box;
background-size: 1em 1.3em, auto;
}
}

/* For IE10 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.emph {
/* For the environments which comply with CSS3. */
font-family: monospace;
font-style: normal;
font-weight: normal;
background-image: url(http://yifan.wikidot.com/local--files/component%3Atheme/dot.png), none;
background-repeat: repeat-x;
padding: 0.5em 0 0;
background-color: transparent;
background-clip: padding-box, content-box;
background-size: 1em 1.3em, auto;
}
}

/* viewport */

@viewport {
width: device-width;
zoom: 1.0;
}

/* IE viewport */
@-ms-viewport {
width: device-width;
zoom: 1.0;
}

/* opera viewport */
@-o-viewport {
width: device-width;
zoom: 1.0;
}

/* chrome viewport - maybe it isn't work… */
@-webkit-viewport {
width: device-width;
zoom: 1.0;
}

/* firefox viewport - maybe it isn't work too… */
@-moz-viewport {
width: device-width;
zoom: 1.0;
}

/* webkit scrollbar */
::-webkit-scrollbar
{
width: 9px; /* for vertical scrollbars */
height: 9px; /* for horizontal scrollbars */
border: solid 1px rgba(0, 0, 0, 0.1);
border-round: 0.5px;
}

::-webkit-scrollbar-track
{
background: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb
{
background: rgba(50, 50, 50, 0.3);
}

.page-source {
word-break: break-all;
}

/* Responsive Web Design */
img, embed, video, object, iframe, table {
max-width: 100%;
}

#page-content div, #page-content div table {
max-width: 100%;
}

#edit-page-comments {
width: 100%;
}

/* basic Query for mobile devices */

@media (max-width: 767px) {
.owindow {
min-width: 80%;
max-width: 99%;
}

.modal-body .table, .modal-body .table ~ div {
float: left;
}

.owindow .button-bar {
float: right;
}

.owindow div a.btn-primary {
width: 100%;
float: left;
}

.mobile-top-bar ul li:last-of-type ul {
right: 0;
}

span, a, td {
word-break: break-all;
}
}

/* Mobile Media Query */
@media (max-width: 479px) {
#search-top-box-input {
width: 5em;
}

#page-content {
font-size: 0.9em;
}

#main-content {
margin: 0;
}

#recent-posts-category {
width: 100%;
}

#header, .mobile-top-bar {
max-width: 100%;
}

#side-bar {
width: 80%;
position: relative;
}

.top-bar {
display: none;
}

.mobile-top-bar {
display: block;
padding: 0;
}

.page-options-bottom a {
padding: 0 4px;
}

#header h1 a {
font-size: 100%;
}

blockquote {
margin: 1em 0;
}

.license-area {
font-size: 0.8em;
}

#header {
background-position: 0 5.5em;
background-size: 55px 55px;
}

#header h1, #header h2 {
margin-left: 66px;
}

table.form td, table.form th {
float: left;
}

/*
td.title {
width: 30%;
}
*/

td.name {
width: 15em;
}

table.form td, table.form th {
padding: 0;
}

#edit-page-title {
max-width: 90%;
}

.content-panel.left-column, .content-panel.right-column {
width: 99%;
float: left;
}

#page-content div, #page-content div table {
clear: both;
}

#page-content div.title {
word-break: keep-all;
}

}

/* Note Media Query */
@media (min-width: 480px) and (max-width: 580px) {
#search-top-box-input {
width: 7em;
}

#main-content {
margin: 0 2em 0 2em;
}

#header, .mobile-top-bar {
max-width: 90%;
}

#side-bar {
width: 80%;
position: relative;
}

.top-bar {
display: none;
}

.mobile-top-bar {
display: block;
}

.page-options-bottom a {
padding: 0 5px;
}

#header h1 a {
font-size: 120%;
}

blockquote {
margin: 0.5em;
}

.license-area {
font-size: 0.85em;
}

#header {
background-position: 0.5em 4.5em;
background-size: 66px 66px;
}

#header h1, #header h2 {
margin-left: 80px;
}

/*
td.title {
width: 30%;
}
*/

#page-content div.title {
word-break: keep-all;
}

td.name {
width: 15em;
}

.content-panel.left-column, .content-panel.right-column {
width: 99%;
float: left;
}

#page-content div, #page-content div table {
clear: both;
}
}

/* Mini Tablet Media Query */
@media (min-width: 581px) and (max-width: 767px) {
#search-top-box-input {
width: 8em;
}

#side-bar {
width: 80%;
position: relative;
}

#main-content {
margin: 0 3em 0 2em;
}

#header, .mobile-top-bar {
max-width: 90%;
}

.top-bar {
display: none;
}

.mobile-top-bar {
display: block;
}

.page-options-bottom a {
padding: 0 6px;
}

#header h1 a {
font-size: 140%;
}

.license-area {
font-size: 0.9em;
}

#header {
background-position: 1em 4em;
background-size: 77px 77px;
}

#header h1, #header h2 {
margin-left: 93px;
}
}

/* Tablet Media Query */
@media (min-width: 768px) and (max-width: 979px) {
#main-content {
margin: 0 4em 0 20em;
}

#header, #top-bar #side-bar {
max-width: 100%;
}

.top-bar li {
margin: 0;
}

#top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a {
width: 110px;
}

.page-options-bottom a {
padding: 0 7px;
}

#header h1 a {
font-size: 160%;
}

.license-area {
font-size: 0.95em;
}

#header {
background-position: 1em 4em;
background-size: 88px 88px;
}

#header h1, #header h2 {
margin-left: 106px;
}

.content-panel.left-column, .content-panel.right-column {
width: 99%;
float: left;
}

#page-content div, #page-content div table {
clear: both;
}
}

/* Desktop Media Query ---
@media (min-width: 980px) and (max-width: 1399px) {

}
--------— */

/* Wide Monitor Media Query -
@media (min-width: 1400px) {

}
--------— */

/* off-canvas */

.close-menu {
display: none;
}

@media (max-width: 767px) {

.page-history tbody tr td:last-child {
width: 35%;
}

.owindow {
min-width: 80%;
max-width: 99%;
}

.modal-body .table, .modal-body .table ~ div {
float: left;
}

.owindow .button-bar {
float: right;
}

.owindow div .btn-primary {
width: 100%;
float: left;
}

.owindow div .btn-primary ~ div {
width: 100%;
}

.yui-navset {
z-index: 1;
}

#navi-bar, #navi-bar-shadow {
display: none;
}

.open-menu a {
position: fixed;
top: 0.5em;
left: 0.5em;
z-index: 15;
font-family: 'Nanum Gothic', san-serif;
font-size: 30px;
font-weight: 700;
width: 30px;
height: 30px;
line-height: 0.9em;
text-align: center;
border: 0.2em solid #888 !important;
background-color: #fff !important;
border-radius: 3em;
color: #888 !important;
}

.open-menu a:hover {
text-decoration: none !important;
-webkit-box-shadow: 0px 0px 20px 3px rgba(153,153,153,1);
-moz-box-shadow: 0px 0px 20px 3px rgba(153,153,153,1);
-ms-box-shadow: 0px 0px 20px 3px rgba(153,153,153,1);
-o-box-shadow: 0px 0px 20px 3px rgba(153,153,153,1);
box-shadow: 0px 0px 20px 3px rgba(153,153,153,1);
}

#main-content {
max-width: 90%;
margin: 0 5%;
padding: 0;
-webkit-transition: 0.5s ease-in-out 0.1s;
-moz-transition: 0.5s ease-in-out 0.1s;
-ms-transition: 0.5s ease-in-out 0.1s;
-o-transition: 0.5s ease-in-out 0.1s;
transition: 0.5s ease-in-out 0.1s;
}

#side-bar {
display: block;
position: fixed;
top: 0;
left: -25em;
width: 17em;
height: 100%;
background-color: rgb(184, 134, 134);
overflow-y: auto;
z-index: 10;
padding: 1em 1em 0 1em;
-webkit-transition: left 0.5s ease-in-out 0.1s;
-moz-transition: left 0.5s ease-in-out 0.1s;
-ms-transition: left 0.5s ease-in-out 0.1s;
-o-transition: left 0.5s ease-in-out 0.1s;
transition: left 0.5s ease-in-out 0.1s;
}

#side-bar:after {
content: "";
position: absolute;
top: 0;
width: 0;
height: 100%;
background-color: rgba(0, 0, 0, 0.2);

}

#side-bar:target {
display: block;
left: 0;
width: 17em;
margin: 0;
border: 1px solid #dedede;
z-index: 10;
}

#side-bar:target + #main-content {
left: 0;
}

#side-bar:target .close-menu {
display: block;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0,0,0,0.3) 1px 1px repeat;
z-index: -1;
}
}
div.scpnet-interwiki-wrapper {
width: 17em;
margin-left: -5px;
}

iframe.scpnet-interwiki-frame {
height: 300px;
width: 17em;
border: none;
}

@media (min-width: 768px) {
iframe.scpnet-interwiki-frame {
height: 300px;
width: 18em;
}
div.scpnet-interwiki-wrapper {
width: 18em;
}
}

by YiFan-king

Listpages Table Alt 2

Wed, 10 Jul 2019 02:14:45 +0000

[[table style="width: 100%;"]][[row style="font-weight: bold; color: #fff;"]][[cell style="padding: 0 2px; width: 30%;"]][style="padding: 0 2px; width: 15%; text-align: center;"
][style="padding: 0 2px; width: 15%; text-align: center;"
][style="padding: 0 2px; width: 20%; text-align: center;"
][style="padding: 0 2px; width: 20%; text-align: center;"
][[/cell]][[/row]]

by YiFan-king

Listpages Table Alt

Wed, 10 Jul 2019 02:14:45 +0000

[[table style="width: 100%;"]][[row style="font-weight: bold; color: #fff;"]][[cell style="padding: 0 2px; width: 40%;"]][style="padding: 0 2px; width: 15%; text-align: center;"
][style="padding: 0 2px; width: 15%; text-align: center;"
][style="padding: 0 2px; width: 30%; text-align: center;"
][[/cell]][[/row]]

by YiFan-king

Listpages Table

Wed, 10 Jul 2019 02:14:45 +0000

[[table style="width: 100%;"]][[row style="font-weight: bold; color: #fff;"]][[cell style="padding: 0 2px; width: 50%;"]][style="padding: 0 2px; width: 25%; text-align: center;"
][style="padding: 0 2px; text-align: center;"
][[/cell]][[/row]]

by YiFan-king

New Forum Thread

Wed, 10 Jul 2019 02:14:45 +0000

by YiFan-king

Recent Forum Posts

Wed, 10 Jul 2019 02:14:45 +0000

by YiFan-king

Forum Category

Wed, 10 Jul 2019 02:14:45 +0000

by YiFan-king

讨论论坛

Wed, 10 Jul 2019 02:14:45 +0000

by YiFan-king

Forum Thread

Wed, 10 Jul 2019 02:14:45 +0000

by YiFan-king

搜索

Wed, 10 Jul 2019 02:14:45 +0000

Searching Help

Basic:

+elephant
title:elephant
title:"grey elephant"
ele*
ele*ant

Filters:

category:abc
category:abc,def
since:yyyy-mm-dd
till:yyyy-mm-dd
user:author-name
tags:abc,def

by YiFan-king

CSS Themes

Wed, 10 Jul 2019 02:14:45 +0000

The appearance of your site is determined by its CSS Theme. CSS stands for Cascading Style Sheets, and it essentially defines rules and properties of various elements on a page. You as a site administrator have the option to change the site's theme or modify it to fit your purposes.

Selecting a Color

The default theme of the Standard Template is called, rather creatively, the Standard Theme. Utilizing a combination of sharp corners and round edges, the theme is fierce, yet elegant. Given its generic nature, it could be used with basically any site.

You may, however, find that the default color does not fit your personality. Thankfully, the Standard Theme comes in eight different colorful flavors: Red, Orange, Yellow, Green, Blue, Purple, Black, and White. Best of all, we've made it pretty simple for you to select the color you desire.

To change the color of your site, simply follow the below steps:

Go to the Site Manager.
From the Dashboard, click on "Appearance & Behavior".
Look for the first option, called "Themes".
After it completely loads, click on the tab titled "You".
Find the color you wish to use and click "Install".
After that, you're done!

Select Color

Select one of the eight colors

Custom Colors

What if you don't like any of those eight colors? Luckily, you can define your own color scheme using the Standard Theme Colorification tool! This tool allows you to define specific colors, and afterwards will give you the code that makes your new scheme. In order to apply it, follow the below steps:

Go to the Site Manager.
From the Dashboard, click on "Appearance & Behavior".
Look for the first option, called "Themes".
After it completely loads, click on the tab titled "Custom".
Find the Theme named "My Colors".
Paste the code given to you by the tool into the text box that appears on the bottom
- Note: Do not change the theme's name!
Click "Save Theme".
Go to the top and click the tab titled "You".
Find the option called "Custom Standard Theme" and click "Install".
After that, you're done!

Colorification Tool

Perhaps you want a hot pink theme. No problem!

Editing Your Theme

Sometimes, you may wish to tweak your theme here and there. For instance, what if you wanted all links to be underlined? The Standard Template is set up to make this process very simple and painless. For this to be useful, though, you need to have an understanding of what CSS is and how it works. To learn more, W3Schools has some good tutorials.

This process is slightly different for private sites. If you have a private site, please read the Private Sites section.

Themes work using a partnership between the Site Manager and what are called CSS pages. If all you want to do is modify your current theme, you only need to edit one special CSS page called Global CSS. This page is exactly like a wiki page, except only admins (by default) are allowed to modify it.

To access your CSS pages, go to the Themes Administration page. This page will list all the CSS Pages that you have created or are available. One of them should be titled Global CSS. If you click on it, it will take you to the Global CSS stylesheet. You can then edit the page and edit your CSS there.

A Theme from Scratch

It may be that the Standard Theme does not fit the need of your site. Perfectly understandable! We in fact encourage that you customize your site in whatever way you wish! After all, Wikidot excels at site customization.

Therefore, you may wish to create an entirely new theme. To do this, we encourage the use of the Themes Administration page, as this will allow you to keep a history of your site's CSS changes.

The first thing you should do is create a new stylesheet page using the form provided on the Themes Administration page. This will create a new page with a little bit of code on it. Place your CSS between the provided [[code]] tags. This page will now appear on the Themes Administration page, and you may edit it at any time. By default, only admins are allowed to edit CSS pages.

Once you have a CSS page, you must now apply it to the site using the Site Manager. To do this, follow the below steps:

Go to the Site Manager.
From the Dashboard, click on "Appearance & Behavior".
Look for the first option, called "Themes".
After it completely loads, click on the tab titled "Custom".
Find where it says "Create a New Theme", and click it.
You should see a variety of options.
- On "Which theme to extend", change it to "Bootstrap Base".
- On "Choose layout", change it to "Standard Layout".
In the large text field, paste the following code:

@import url('/css:THEME-NAME/code/1');
@import url('/local--theme/global-css/style.css');

Note that THEME-NAME is the name you gave the theme on the Themes Administration page, all lower case and spaces replaced with hypens.

Creating a Theme

Take note of how to make a theme in the Site Manager

Once you press "Save Theme", this will create a theme in the site manager. Now you only need to apply it.

At the very top, click on the tab titled "You".
Find your theme and click "Install".
After that, you're done!

If you are making your theme from scratch, it might be useful to know the page's HTML structure. This structure follows the Standard Layout, provided on that page for your edification. Note also that this layout is based on Bootstrap, and hence you have access to Bootstrap utilities and classes.

Private Sites

If you are making a Private site, then the CSS pages on the Themes Administration page will not function. Instead, you should manage all of your CSS via the Site Manager. To tweak your site's CSS or make a new theme, follow the below steps:

Go to the Site Manager.
From the Dashboard, click on "Appearance & Behavior".
Look for the first option, called "Themes".
After it completely loads, click on the tab titled "Custom".
Find the Theme called Private Site CSS
Insert whatever CSS you wish in the text box at the bottom
Click "Save Theme"
Whenever you need to apply more tweaks, perform these steps again.

For Private Sites

Find the Private Site CSS under Themes in the Site Manager

by YiFan-king

Templates

Wed, 10 Jul 2019 02:14:45 +0000

In the Creating Pages help page, you were introduced to the usefulness of categories, especially when working in tandem with the ListPages module. Yet, we can ask an additional question: if pages in a category are meant to be related to one another, then is it possible to automatically force each page to have the same layout? Of course, the answer is yes!

Live Templates

Wikidot offers support for what are called Live Templates. Live Templates on a per category basis force all pages in a particular category to be formatted the same general way. For example, if you wanted for all pages in the "article" category to have a byline, then live templates will allow you to accomplish that without your users/writers needing to write the byline themselves.

If you recall from the Using Modules help page, this is is similar to how you format the results of the ListPages module.

So, let's go ahead and see how we can make a live template with a byline.

In order to access the live template for a category, you must go to the category:_template page. For example, the live template for this "help" category is located at help:_template. You can edit this page like any normal wiki page, and every category has its own distinct live template.

For our "article" category, located at article:_template, we want to format the page as such:

By AUTHOR
Published DATE

CONTENT

The question is, how do we replace the all-caps words with their respective ideas? Live templates use what are called page variables, which are the same as used for the ListPages module. A page variable, like %%created_by%%, will be replaced by whoever created the page in question. Therefore, your live template page will have By %%created_by%% on the first line, but your individual pages will suddenly have "By Timothy Foster" at the top of the page.

Using page variables, our live template for the "article" category will now look like this:

By %%created_by%%
Published %%created_at%%

%%content%%

Now, if you have a page called article:first-post, you will see the following:

Page Source

This is my first post!

**I am excited!**

Result

By Timothy Foster
Published 23 Jul 2014, 10:57

This is my first post!

I am excited!

To find out all the possible page variables you can use, be sure to visit the Wikidot Documentation.

Static Templates

Static templates are different from live templates. Live templates will automatically conform page data to a format. Static templates, on the other hand, pre-fill the edit box with code that will achieve a particular format. If you have a template and set it to a category, then every page created in that category will start off with code determined by the template. Since this code resides in the edit box, the user creating the page may, if desired, remove all the code and start off on a clean slate, though merely having the code there encourages otherwise.

Therefore, unlike live templates, page content is not automatically conformed to a format. Live templates force a format, whereas static templates merely suggest. Static templates allows for some user customization, which may be desired in some cases.

In order to define a template, you must create a page in the "template" category. You then edit this page like any normal pages, but since the template is static (not live), using page variables (like %%content%%) will not do anything. Instead, you would need to somehow alert the user where pieces of information ought to go.

The below represents an example of a static template page, template:article:

By AUTHOR
Published DATE

YOUR CONTENT HERE

In order to set a template page to a category, though, you need to access the Site Manager. The below represents a step by step process:

From the Dashboard, click on "Appearance & Behavior".
Look for the "Page templates" option.
Select the category for which you want to apply a static template.
Select the static template you want to use.
Click "Save", and you're done!

Templates

This is what it looks like in the Site Manager

Data Forms

Using a live template gives you a good degree of control over a page's format, but it does not give you very much control over the user's page content. Data forms, however, allow you to customize the edit field itself so that users are prompted to input the precise information you want them to. If, for instance, you want your users to input a name, date of birth, and short biography, then using dataforms would be perfect.

Sample Form

This is what a typical form edit field looks like

Data Forms work on a per-category basis, just like live templates. In fact, establishing Data Forms requires the use of the live template page! The start of every data form is always the same; on the live template page, the following code is pasted at the bottom of the edit field:

====
[[form]]
fields:

[[/form]]

After the word "fields:", you specify what kind of edit fields you want to be present. The above image, for example, uses the below code:

fields:
  author:
    type: text
    label: Author
  date:
    type: date
    label: Date
  content:
    type: wiki
    height: 8
    label: Content

In total, there are 11 different field types (ranging from standard text to file attachments), and each type has a variety of options. All these field types and options are specified on the live template page using the format above. This page serves only as an introduction, so to learn more, be sure to visit Wikidot's Documentation or ask the Community.

In order to use the values that a user places, you can use form variables. Form variables work just like page variables. In the above example, if I wanted to use the value inputted into the author field, I would use %%form_data{author}%%. To use the content field, I would use %%form_data{content}%%. You can learn more about these on the documentation.

by YiFan-king

Using Modules

Wed, 10 Jul 2019 02:14:45 +0000

Wikidot offers a variety of Modules that help make certain tasks much easier and more convenient. Using these modules in the right ways can help make your site dynamic and much easier to maintain. Below, we want to introduce you to some of the most widely used modules and demonstrate how you can use them on your site.

For detailed information over all the modules, see Wikidot's Documentation.

Quick Reference

Here is a quick reference to some of these modules. Certain ones are explained in greater depth later.

Module	Description
ListPages	Lists all the pages on the site meeting given criteria.
TagCloud	Generates a cloud of tags used on your site for a given category.
PageCalendar	Lists the number of pages per year and month matching given criteria.
PageTree	Lists all descendent pages of a root page.
Join	Generates a button that allows users to apply or join your site.
CSS	Creates on-the-fly CSS rules and definitions for a single page.
NewPage	Generates a form that allows you to easily create new pages with a given title.
Redirect	Redirects the user to a different page or website.
Comments	Inserts page comments onto a page.
Rate	Creates a little rate page widget that allows users to vote or rate page content.
Files	Lists all the files on a given page.

ListPages

The ListPages module is perhaps the single most useful module Wikidot offers. All it does is list pages that fit a certain list of criteria. What makes it so powerful is the vast range of criteria you can specify and the ability to format each entry in any way you need.

The module follows the basic format below:

[[module ListPages CRITERIA...]]
FORMAT
[[/module]]

Criteria

ListPages allows you to select pages given a wide range of specifiers. You can list pages given…

Specific categories
Specific tags
Specific date created
Specific parent page
Specific rating
Specific page author
Specific data form values

As an example, let's say that you are running a blog, and you want to list all of your blog entries. All of your posts are located in the "blog" category, but you do not want to list pages tagged with "_incomplete" or "_deleted". You can use the following ListPages criteria to do this easily:

[[module ListPages category="blog" tags="-_incomplete -_deleted"]]
FORMAT
[[/module]]

For more information about each of the criteria, see Wikidot's Documentation.

Ordering

You are also able to specify the order in which pages are listed. By default, pages will be listed according to which was updated first, but you may want to list pages alphabetically or by creation date. By using the order= criterion, you can choose exactly how you want your pages ordered.

Among the options are:

Title
Creation date
Update date
Author
Page size
Page rating
Number of comments
Page name
Random
Data Form values

For more information about each of the ordering options, see Wikidot's Documentation.

Format

ListPages allows you to format your entries however you like. To do this effectively, though, requires some knowledge about page variables. For instance, let us say that you are making a blog site, and you want to use the following format for your post listing on the front page:

+ Page Title

Preview of the Content

[[[link to page | Read More]]]

How can you replace the "Page Title" with the actual page's title? Wikidot allows you to use a very large number of variables that change on a per-page basis. For example, the %%title%% variable, when seen in the code, will be replaced by the page's title.

For our blog, we would use the following code:

[[module ListPages category="blog" tags="-_incomplete -_deleted"]]
+ %%title%%

%%preview(400)%%

[[[%%fullname%% | Read More]]]
[[/module]]

The list of variables is too vast to cover here, but you can see Wikidot's Documentation for a comprehensive list.

Live Example

Here is an example of ListPages in action. Our goal is to list all of the help pages on this site in alphabetical order alongside the page's size.

[[module ListPages category="help" order="title" prependLine="||~ Title||~ Size||" separate="false"]]
||%%title_linked%%||%%size%%||
[[/module]]

Note that some of these page sizes are small since the help pages actually import code from another site.

NewPage

The NewPage module stands right beside the ListPages module in terms of usefulness; this is especially true for collaboration sites and wikis.

The NewPage module will generate form that allows users to easily create pages. The form looks like the below:

The text field allows you to type in the title of the page you want to create, and pressing "Example" will actually create the page and take you to an editing window.

The NewPage module is important since it allows you as the administrator to control how pages are created. Because of the criteria options the module comes with, you can essentially organize your site as pages are created. For example, lets say you are building a wiki, and you expect users to be creating and editing articles. You want all of your article pages to be in the "article" category so that you can easily list them (using ListPages) elsewhere.

The NewPage module allows you to create a field that members can use to create pages that are automatically stored into the "article" category. This can be done with the following code:

[[module NewPage category="article" button="Add Article"]]

The NewPage module also allows you to add initial tags or automatically set the pages' parents. For a comprehensive description of the module, see Wikidot's Documentation.

NewPage Alternative

As powerful as the NewPage module is, it still has a few limitations. Fortunately, a brilliant person named James Kanjo developed a code snippet that extends the NewPage module and eliminates the limitations. His NewPage Extension serves as a more powerful version of Wikidot's native module and provides you, the administrator, with many more options. If you are not afraid of a little exploration, Jame's snippet is worth investigating!

by YiFan-king

Navigation Bars

Wed, 10 Jul 2019 02:14:45 +0000

Wikidot allows you to have two navigation bars that can appear on every page. These bars are located on the top of the page and to the side, known as the Top Bar and Side Bar respectively. These are commonly used as navigational tools for users so that they may access various portions of your site with ease.

You may, of course, edit these to fit the purposes of your site. This page will give you a few tips and instructions when editing these bars.

Specialized Navigation Bars

The Top Bar

The Top Bar is likely the more important of the two navigational bars, as it is the one that will appear most obvious and intuitive for tablet and phone users. In order to access and alter this bar, you need to go to the nav:top page, linked to here and in the default top bar that comes with this template. Then, you may edit it like any normal wiki page.

When you edit it, you may see what appears to be a bunch of jumbled code. Do not become intimidated, though! We will walk you through how to interpret it.

The top bar is organized like a bulleted list, though to be compatible with Bootstrap, it uses a special syntax. The following would be a very simple top bar with just two links:

[[ul class="nav navbar-nav"]]
  [[li]][/ Home][[/li]]
  [[li]][[[help:navigation-bars|Navigation Bars]]][[/li]]
[[/ul]]

If you want to add another link, simply add the [[li]] [[/li]] code in and insert your link in the middle. See, that's not too bad, right?

Dropdown Menues

The primary reason the code on the default top bar looks so convoluted has to do with dropdown menues. As you may notice, whenever you click on "Help Docs", a list of the various help pages appears. You may find this necessary for your purposes as well, so we'll touch on how to format a dropdown menu.

Dropdown menues consist of two parts:

The Activation Link
The List of actual links

Therefore, the code accounts for both of these parts.

The Activation Link is what is seen at the top bar itself. To place this, use the following template code:

[[li class="dropdown"]]
[[a href="#" class="dropdown-toggle" data-toggle="dropdown"]]TEXT[[/a]][[ul class="dropdown-menu"]]

Simply replace TEXT with whatever you want the link to state.

As you may begin to notice, by declaring a separate [[ul]] element at the end, the List of links is simply another specially formatted list of links like before. You can now add your links in like normal, being sure to encase each within [[li]] tags.

Finally, end the list with the following code:

[[/ul]][[/li]]

The Side Bar

The Side Bar is the navigation bar that appears on the side of the site. On tablets and phones, however, there generally is not enough room on the screen to fit an entire side bar; therefore, the Standard Template moves the side bar to be directly over the content when viewed on mobile devices.

In order to edit the side bar, you need to access the nav:side page, linked to here and in the default top bar that comes with this template. Then, you may edit it like any normal wiki page.

Unlike the top bar, the side bar need not follow any particular format. In general, though, it is best if you use a simple bulleted list like the one below:

* [[[link | Item 1]]]
* [[[link | Item 2]]]
* [[[link | Item 3]]]

Many themes naturally account for a bulleted list in the side bar and have special code to handle it.

Hiding the Side Bar

You may find that the Top Bar is entirely sufficient for your needs. In this case, you may not even desire having a side bar, and therefore you can have more room for your content. Thankfully, the Standard Template offers a very simple way to remove the side bar on a per-category basis.

The below represents a step-by-step process:

Go to the Site Manager.
From the Dashboard, click on "Appearance & Behavior".
Look for the first option, called "Themes".
After it completely loads, click on the tab called "Custom".
Find the name of the theme you are using and click "Edit"
Uncheck the box that says "Use side menu bar"
Click the "Save Theme" button
After that, you're done!

No Side Bar

This is how it appears in the Site Manager

Specialized Navigation Bars

In reality, you can actually have many different navigation bars, though only two may be used at a time per category. Wikidot allows you to specify different navigation bars for each category if you desire it. For example, if you want to have a different side bar for the "blog" category, you can create a new page called nav:side-blog and put the code for the customized side bar. Then, in the Site Manager under "Appearance & Behavior" and "Navigation elements", you can set the "blog" category to use nav:side-blog as its side bar.

by YiFan-king

Editing Pages

Wed, 10 Jul 2019 02:14:45 +0000

Editing a page seems like a relatively straightforward process, and indeed it is. If all you want to do is edit the page's contents, then simply click the Edit button at the bottom of the page and type away. However, there are many more ways in which you can change a page's information. For instance, you can tag a page with special keywords, attach files, and so on. This page will introduce you to these topics.

折叠

Tagging

Files

Linking to Attachments

Using Images

File Management

Parent Pages

Tagging

Next to the Edit button on the page options is a button that says Tags. If you click on that button, a form will appear that will let you edit the tags on that page. When finished, you can see the list of tags sitting below the content on the lefthand side; you should see that this particular page has a single tag, called "tagged". But, what exactly are tags, and what are they useful for?

Quite simply, a tag is simply a keyword used to describe the content on that page. These are keywords that you might type into a search engine. For example, if you have a blog post about how to make boiled eggs, you might tag the page with "cooking", "eggs", "boiling", and "food". All of these words describe the page's contents.

If you precede a tag name with an underscore (_), it is considered a hidden tag. Hidden tags are useful for website maintenance (like tagging a page with "_incomplete").

Tagging pages is useful for a variety of reasons. Firstly, these tags can be captured by Wikidot's search engine so that better results may come up. Secondly, tags can serve as an additional parameter for the ListPages module. Therefore, you can choose to list pages that have a specific tag.

For example, if you wanted to hide all of your incomplete blog posts that are tagged with "_incomplete", you could use the following ListPages code:

[[module ListPages category="blog" tags="-_incomplete" separate="false"]]
* %%title_linked%%
[[/module]]

The tags="-_incomplete" part tells the module to ignore all blog posts tagged with "_incomplete".

You can read more about how the ListPages module works with tags on Wikidot's Documentation.

Files

Wikidot allows you to add and remove files from individual pages. If you click the Files button located at the bottom, a button appears asking you to select the files you want to upload along with a list of files already on the page. When you click on the button, a window will appear showing your computer's files so that you can select what to upload.

Multiple files can be uploaded at a time, but you can only delete one file at a time.

Linking to Attachments

When files are uploaded to a page, you can access them by using the following syntax:

[[file filename | custom text]]

You can read more on this on Wikidot's Documentation.

Using Images

If the file you uploaded is an image and you want the page to display it, you can use Wikidot's standard image syntax, all documented on their Documentation. In addition, Timothy Foster's Image Box snippet is integrated into the Standard Template's theme. The snippet can be used to easily add a title and caption to images.

The following image is produced with the below code:

Sulphur

Sulphur is one of the 118 elements of the Periodic Table of Elements

File Management

Since files may end up scattered across pages, it can be difficult to manage files if a few need to be deleted. Unfortunately, Wikidot itself does not offer native file management in the Site Manager. Thankfully, a brilliant person, tsangk, developed a tool called the Wikidot Extension which comes with a centralized file manager. If you go to his site, you can see how to install this extension if you find yourself needing to move or delete large quantities of files.

Parent Pages

Sometimes, pages come in a rather clear hierarchy. For example, this page is among the many help pages on this site, and the User Guide page is the central help page. Therefore, we can consider the User Guide page to be the parent of this page and all the other help pages. If we had more pages related to editing, they might all be children of this page, and hence you begin to form a tree structure, with User Guide at the root.

When you set a page's parent, you can begin to see a pagepath form at the top of the page. This shows the page's parent, along with the parent's parent, and so on until the root is reached. This can be especially useful for topical wikis in which subjects may branch off a single super-topic (ie. Bears and Lions branching off of Mammal, which itself branches off of Animal).

Setting parents allows for yet another level of organization you can apply to your site. While categories group pages of similar structure/purpose, parenting allows you to develop relational hierarchies within (and across) categories. And, as you might expect, the ListPages Module allows you to select pages according to parent-child relationships!

To set a page's parent, you need to find the option in the bottom options bar. If you click on "+ Options", you will see more options pop up, and among them is an option that says "Parent". Clicking on that will bring you to the parent page form. If you succeed in setting the parent, you should see the breadcrumb links appear at the top of the page, such as on this page.

by YiFan-king

Creating Pages

Wed, 10 Jul 2019 02:14:45 +0000

Creating new pages may be the single most performed action you will make on your site. This page will serve as a quick guide to creating pages, using a blog site as an example. Important topics include categories, the NewPage module, and autonumbering.

Categories

Every page on your site has a page title (even if that title is blank), but they also have page names, which can never be blank. The page name is what is used in the URL of the page. For example, the page name of this page is "help:creating-pages". The category of this page would be "help", since it precedes the colon.

Categories are used in order to organize page types into meaningful groups. For example, let's say that we had the following pages:

Page Title	Purpose
My First Post	The first blog post on your site
Endless Quarrel	Another blog post on your site
Recent Changes	A system page showing what changes were made on your site recently
Home	The main page of the site where blog posts are listed

Already, we can see possible groupings. The first two pages are "blog" pages, the third is a "system" page, and the last is a "main" page. Therefore, we will put these pages into their respective categories:

Page Title	Page Name
My First Post	`blog:my-first-page`
Endless Quarrel	`blog:endless-quarrel`
Recent Changes	`system:recent-changes`
Home	`main:home`

Note: If you have an uncategorized page and would like to add a category to it, simply rename the page (one of the page options at the bottom) and add the category to the beginning of the page name already there. Be sure that there is a colon (:) between the category name and the page name itself!

Categorizing pages like this allow you to do a variety of things. For example, you can now list only the "blog" pages using a ListPages module. In the Site Manager, you can set the edit/view permissions of specific categories. For example, in the Site Manager, you could set a "hidden" category to be private.

Perhaps most importantly, however, is the ability to template different categories.

Because of these advantages, we generally recommend that you put your pages into categories whenever possible. In the page creator form in the side bar, you can give a page a category by proceeding the page's title with the category name followed by a colon.

This is just a small overview of categories and their importance. For a more in-depth explanation, see the Community How-Tos.

NewPage Module

This site comes with a form on the sidebar that allows you to easily create new pages. These pages will be initially uncategorized unless you provide a category name in the text box (by typing the category name followed by a colon).

Let us say that you are working on a blog on which weekly posts will be made. If we use the scheme above, you may find it to be somewhat annoying to have to type out "blog:TITLE" every time you want to make a new post. Thankfully, Wikidot provides you with a tool that allows you to easily make pages: the NewPage Module.

In fact, the form used on the side bar is itself a generic NewPage Module!

The NewPage module allows you to select what category you want new pages to automatically belong in. For instance, we want new posts to be in the "blog" category, so we can make a NewPage module like so:

[[module NewPage category="blog"]]

Now, every time you use that form for creating a new page, it will automatically add your post into the "blog" category.

There are many more options native to the module for you to try out. For more info, read Wikidot's Documentation.

Autonumbering

Now, let's say that you are a very active blogger or are running a collaborative site on which multiple people may be posting at a time. You might find yourself running into a page name collision problem.

No two pages can have the exact same page name (category included). If a user attempts to create a page that already exists, a new page will not be created!

In order to avoid this problem, Wikidot offers the ability to autonumber page names. For a given category, Wikidot will automatically assign a page name for each newly created page, and since the process is automatic, running into a page name collision is effectively impossible.

Categories can only be set to autonumber from the Site Manager. The below represents a step-by-step process:

From the Dashboard, click on "Appearance & Behavior".
Look for one of the last options called "Autonumbering of pages".
Click on the "+ Add autonumbering" button.
Choose a category for which to add autonumbering.
Click "Save Changes".
After that, you're done! Be sure to explore the Options as well for more customization.

Autonumbering

This is how it appears in the Site Manager

by YiFan-king

First Time User

Wed, 10 Jul 2019 02:14:45 +0000

If this is your first time using Wikidot, then you've come to the right place. Whether you are familiar with web development or not, coming to understand Wikidot's modules or page structure will greatly aid you as you bring your website to life.

We want to ease the learning curve so that you can become comfortable with the interface. This tutorial will by no means cover everything Wikidot offers, but we hope it will spark a curiosity.

Editing Pages

At the bottom of every page, you should see a row of buttons. Each of these buttons corresponds to an action related to the page you are on. If you click the Edit button, it will take you into an editing window that reveals the source code of the page.

If you cloned this template, then try editing this page now and see if you can find a hidden paragraph under this one.

If you did the exercise exactly as written, you will find that only part of the paragraph appears. If you understand why that is, then you're on your way to becoming a syntax expert! Go ahead and click the button below if you want clarification.

Show me!

You may have noticed a toolbar when editing the page. This toolbar can assist you in creating bold and other styled texts, though you can also consult the Quick Reference as well.

For more on page editing, see Editing Pages.

Creating New Pages

Perhaps the most important thing you will be doing when building your site is creating new pages. The Standard Template gives you a module located on the sidebar that allows you to create pages rather easily, though there are a couple of things you might want to know before starting.

Non-existent Pages

Firstly, if you click on this link, you will see what happens when a user attempts to visit a non-existent page. If you click where it says "create page", it will bring you to an editing screen where you may place the initial contents of the page.

Categories

Next, it is important to discuss the topic of page categories. Every page has a pagename and a title. The title is what you see on this page, whereas the pagename is what is encoded in the URL. For this page, the title is "First Time User", and the pagename is "help:first-time-user". Note that these need not match!

When you enter the name of a page into the module in the sidebar, you will create a page that, by default, has a pagename and a title that are the same. For example, if you type "First Page" into the form, you will get a page called "First Page" with a pagename "first-page".

Notice the difference between that newly created pagename and the pagename of this page. This page's name has a special prefix, "help:". The help is called the page's category, and the colon separates the category from the name. The "first-page" page, unfortunately, does not have a category.

Categories are extremely useful for organizing the pages in your website. After you've been working for a year, you may find, for instance, that you have a couple hundred pages. These pages, however, may be blog posts, info pages and so on. If you don't use categories, these pages will not be distinct. You can use categories, however, to separate the kinds of pages (ie. "blog:" and "info:").

A variety of Wikidot tools and modules natively account for categories, and hence it is a very good practice to get into the habit of using categories when creating pages. In order to give a page a category when using the form in the sidebar, simply put the category name followed by a colon like you see above!

For more info, see Creating Pages

Modules

Let's see an application of using categories with pages. Wikidot has a handy tool called the ListPages module that does what it says: lists pages. For example, let's say that you wanted to create a list of all the help pages on this site.

One way you could do this is by going through every page and seeing whether it is a help page or not and then manually form a bulleted list like so:

First Time User
Editing Pages
?????

* First Time User * Editing Pages * ?????

But then, you always have to ask. What if you missed one? What if you create another page in the future and forget to update the list? Even worse, what if you had many lists like this scattered throughout the site, and you had to update them all? If only there were an easier way! Well…

The ListPages module will automatically list pages given criteria.

It's automatic. All the work is done for you. You don't have to worry about missing a page because the module will find them for you. Furthermore, if you add a page latter, the output of the ListPages module will update accordingly.

Therefore, it is as simple as:

[[module ListPages category="help" separate="false"]] * %%title%% [[/module]]

And as you can see, all the help pages are automatically listed.

Note that this could only be done because all the help pages were in the "help" category!

Of course, ListPages is capable of searching for a variety of things, like date created, author, tags, and so on. Furthermore, Wikidot has multiple different modules that can make a wide range of tasks simpler. This page only gives you a taste of what is possible. For more, visit the Using Modules help page and Wikidot's Documentation.

Good luck!

Although there is much more to Wikidot, we hope that this overview gives you enough understanding to begin building your site. Be sure to consult the User Guide for an official start up guide. Furthermore, explore the help pages below for more info about each topic.

Finally, if you have any questions, do not be afraid to pose a question on the Community Forums. Wikidot experts are almost always available to help out with queries you may have.

by YiFan-king