霓虹闪烁 Beta 版式
评分: 0+x

评分: 0+x

霓虹 Beta 主题版式

pokmpokm创建、与ShineShadowDShineShadowD合作,一个带有作者们恶趣味浓厚个人风格的花里胡哨的霓虹灯样式。
基于Aelanna的Sigma-9。
灵感和部分源代码来自:

在你的作品开头添加如下语句以应用此版式(会换掉):

[[module CSS]]
@import url(http://scpsandboxcn.wikidot.com/neon-theme-beta/code/1);
[[/module]]

更改版头文字的方法:

在一个单独的module css里面添加这个

#header h1 a::before {
content: 'Polutam Bar';
}

#header h2 span::before {
content: '来喝一杯吗';
}

各种示例

scp-white.png

一张图片

一条水平线可以通过5个连字号“-----”且可以延伸整页长如果它没有被放在什么(比如一个引用块)里面的话。这篇文档里用来分隔段落的线便是水平线。


标题可以通过在一行前先打出一到六个“+”来创造。

加粗 | 斜体 | 底线 | 删除线 | teletype text 上标下标

一个链接 以及 一个空链接

标题 标题和标题 标题 标题 标题
子内容 子内容 子内容与子内容 子内容 子内容
好长! 好长!
好短 好短 好短 好短 好短 好短

这是一个tab view.

为了切换效果,这些tab背后的运作机制而受到了调整。点击另一枚tab来观看这华丽,流畅的变化。

这是一个引用块,通过在每行最前面添加“>”创造的。

更多的字


这是一个水平线

嵌套引用块

/*
    Neon-age Theme
    [2019 Wikidot Theme]
    Based on SCP Sigma 9 Theme created by Aelanna and Dr Devan.
    Created for - the SCP Foundation CN - by pokm.
    Edited - by pokm.
 
    Thanks to Feitag fo his(?) shadow code in http://scp-wiki-cn.wikidot.com/oneiroi-food-guide-ambrose-dreams-teashop.
.neon {
  font-family:'Noto Sans TC';
  color:#8ec3f9;
  text-shadow: 0 0 5px #f0f, 0 0 1px #00f, 0 0 1px #f00, 0 0 1px #00f,
    0 0 5px #0ff, 0 0 10px #0ff, 0 0 1px #f0f, 0 0 1px #fff;
} 
*/
 
@charset "utf-8";
 
div#container-wrap {
    background: #000 repeat-x;
    height: 300px;
}
 
/* HEADER */
#header {
    position: relative;
    z-index: 10;
    padding-bottom: 22px; /* FOR MENU */
    background: url( no ) 10px 40px no-repeat;
}
 
#header h1 {
    margin-left: 20%;
    padding: 10px 0px 0px 0px;
    float: left;
    max-height: 90px;
}
#header h2 {
    margin-left: 24%;
    padding: 0;
    clear: left;
    float: left;
    font-size: 120%;
    max-height: 38px;
}
 
#header h1 a {
    display: block;
    margin: 0;
    padding: 80px 0 25px;
    line-height: 0px;
    max-height: 0px;
    color: transparent;
    background: transparent;
    font-family: BauhausLTDemi, Arial, sans-serif;
    font-size: 120%;
    text-shadow: none;
    text-decoration: none;
}
 
#header h1 a::before {
    font-family: 'Work Sans';
    content: 'Polutam Bar';
    color: #FFF;
    text-shadow: 0 0 5px #0B3445, 0 0 1px #0B3445, 0 0 1px #0B3445, 0 0 1px #0B3445,
    0 0 5px #0B3445, 0 0 10px #00f, 0 0 1px #0B3445, 0 0 1px #00f;
    font-size: 1.2em;
    font-weight: 400;
}
 
#header h2 span {
    display: block;
    margin: 0;
    padding: 19px 0;
    line-height: 0px;
    max-height: 0px;
    font-weight: bold;
    color: transparent;
    text-shadow: none;
}
 
#header h2 span::before {
    content: '来喝一杯吗';
    display: block;
    margin: 0;
    padding: 0px 0;
    line-height: 0px;
    max-height: 0px;
    font-weight: bold;
    color: #ffffff;
    text-shadow: 0 0 5px #0B3445, 0 0 1px #0B3445, 0 0 1px #0B3445, 0 0 1px #0B3445,
    0 0 5px #0B3445, 0 0 10px #00f, 0 0 1px #0B3445, 0 0 1px #00f;
}
 
/* 顶边栏 */
#top-bar {
    color: #fff;
}
 
#top-bar ul li:hover a:link{
    background: #000;
    color: #fff
    border-color: #000;
}
 
#top-bar ul li:hover a:visited{
    background: #000;
    color: #fff
    border-color: #000;
}
 
#top-bar ul li:hover a:hover {
    background: #fff;
    text-decoration: underline;
    color:#000;
    border-color: #000;
}
 
/* 左边栏 */ 
#side-bar a, #side-bar a:visited {
    color: #FFF;
}
 
#side-bar a:hover {
    color: #000;
    text-decoration: underline;
    background: transparent;
}
 
#side-bar .heading {
    color: #FFF;
    border-bottom: solid 1px;
    border-shadow: 0 0 5px #f0f, 0 0 1px #00f, 0 0 1px #f00, 0 0 1px #00f,
    0 0 5px #0ff, 0 0 10px #0ff, 0 0 1px #f0f, 0 0 1px #fff;
}
 
#side-bar div.menu-item.inactive a {
    color: #FFF;
}
#side-bar div.menu-item .sub-text {
    font-size: 80%;
    color: #FFF;
}
 
#side-bar .collapsible-block-unfolded-link {
    border-bottom: solid 1px #FFF;
    border-shadow: 0 0 5px #f0f, 0 0 1px #00f, 0 0 1px #f00, 0 0 1px #00f,
    0 0 5px #0ff, 0 0 10px #0ff, 0 0 1px #f0f, 0 0 1px #fff;
}
 
#side-bar .side-block {
    padding: 10px;
    border: 1px solid #FFF;
    border-radius: 0px;
    background: #000 !important; 
    margin-bottom: 15px;
    box-shadow: 0 0 5px #0B3445, 0 0 1px #0B3445, 0 0 1px #0B3445, 0 0 1px #0B3445,
    0 0 5px #0B3445, 0 0 10px #00f, 0 0 1px #0B3445, 0 0 1px #00f;
}
 
#side-bar img {
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
}
 
/* 通用 */
body {
    background:#000;
    color:white;
    text-shadow: 0 0 5px #0B3445, 0 0 1px #0B3445, 0 0 1px #0B3445, 0 0 1px #0B3445,
    0 0 5px #0B3445, 0 0 10px #00f, 0 0 1px #0B3445, 0 0 1px #00f;
}
 
#content-wrap {
    position: relative;
    margin: 2em auto 0;
    max-width: 1040px;
    min-height:1300px;
    height: auto !important;
    height: 1500px;
}
 
h1, #page-title {
    color: #fff;
    padding: 0 0 0.25em;
    margin: 0 0 0.6em;
    text-shadow: 0 0 5px #0B3445, 0 0 1px #0B3445, 0 0 1px #0B3445, 0 0 1px #0B3445,
    0 0 5px #0B3445, 0 0 10px #00f, 0 0 1px #0B3445, 0 0 1px #00f;
}
h1 {
    margin-top: 0.7em;
    padding: 0;
    font-style: normal;
    font-weight: lighter;
    text-shadow: 0 0 5px #0B3445, 0 0 1px #0B3445, 0 0 1px #0B3445, 0 0 1px #0B3445,
    0 0 5px #0B3445, 0 0 10px #00f, 0 0 1px #0B3445, 0 0 1px #00f;
}
h2, h3, h4, h5, h6, h7 {
    color: #fff;
    margin: 0.5em 0 0.4em;
    padding: 0;
    letter-spacing: 1px;
    text-shadow: 0 0 5px #0B3445, 0 0 1px #0B3445, 0 0 1px #0B3445, 0 0 1px #0B3445,
    0 0 5px #0B3445, 0 0 10px #00f, 0 0 1px #0B3445, 0 0 1px #00f;
}
#page-title {
    font-weight: lighter;
    border-color: #ffffff;
    text-shadow: 0 0 5px #0B3445, 0 0 1px #0B3445, 0 0 1px #0B3445, 0 0 1px #0B3445,
    0 0 5px #0B3445, 0 0 10px #00f, 0 0 1px #0B3445, 0 0 1px #00f;
}
 
div#page-title {
    text-shadow: 5px 5px 5px #696969;
    color: #fff;
    font-weight: 400;
    text-shadow: 0 0 5px #0B3445, 0 0 1px #0B3445, 0 0 1px #0B3445, 0 0 1px #0B3445,
    0 0 5px #0B3445, 0 0 10px #00f, 0 0 1px #0B3445, 0 0 1px #00f;
}
 
ul {
    list-style: square;
    shadow: 0 0 5px #f0f, 0 0 1px #00f, 0 0 1px #f00, 0 0 1px #00f,
    0 0 5px #0ff, 0 0 10px #0ff, 0 0 1px #f0f, 0 0 1px #fff;
}
#top-bar ul {
/* list-style-image: none; /* IE ONLY! IF list-style-image IS SET */
}
 
li, p {
    line-height: 141%;
    shadow: 0 0 5px #f0f, 0 0 1px #00f, 0 0 1px #f00, 0 0 1px #00f,
    0 0 5px #0ff, 0 0 10px #0ff, 0 0 1px #f0f, 0 0 1px #fff;
}
 
blockquote{
    border: 1px dashed #FFF;
    padding: 0 1em;
    background-color: transparent;
    box-shadow: 0 0 5px #0B3445, 0 0 1px #0B3445, 0 0 1px #0B3445, 0 0 1px #0B3445,
    0 0 5px #0B3445, 0 0 10px #00f, 0 0 1px #0B3445, 0 0 1px #00f;
}
 
/* code*/
.code {
    text-fill-color: #FFFFFF;
    border: 1px dotted #FFF;
    background-color: #000;
    font-family: "Consolas", "Courier New", "Roboto Mono", monospace;
    font-size: 14px;
    text-shadow: 0 0 5px #0B3445, 0 0 1px #0B3445, 0 0 1px #0B3445, 0 0 1px #0B3445,
    0 0 5px #0B3445, 0 0 10px #00f, 0 0 1px #0B3445, 0 0 1px #00f;
}
 
/* popups */
 
.owindow {
    background-color: var(--bg);
    border-color: var(--fg-accent);
}
 
.title.modal-header {
    background-color: var(--bg);
}
 
.owindow .button-bar a {
    background-color: transparent;
    border-color: var(--fg-accent);
}
 
.owindow .button-bar a:hover, .owindow .button-bar a:focus {
    background-color: transparent;
    border-color: var(--fg-accent-light);
}
 
/* 编辑器 */
 
textarea {
    font-family: "Verdana", sans-serif;
    padding: 2px;
    font-size: 100%;
    border: 1px solid #FFF;
    background-color: var(--bg);
    color: var(--fg);
    outline: 0;
    box-shadow: 0 0 5px #0B3445, 0 0 1px #0B3445, 0 0 1px #0B3445, 0 0 1px #0B3445,
    0 0 5px #0B3445, 0 0 10px #00f, 0 0 1px #0B3445, 0 0 1px #00f;
}
 
textarea:hover, textarea:focus {
    border-color: var(--fg-accent-2-light);
}
 
.change-textarea-size a {
    background: transparent;
    color: var(--fg);
    border-color: var(--fg-accent-2)
}
 
.change-textarea-size a:hover, .change-textarea-size a:focus {
    border-color: var(--fg-accent-2-light);
    text-decoration: none;
}
 
.edit-help-34 a {
    color: var(--fg-accent-2);
}
 
.edit-help-34 a:visited {
    color: var(--fg-accent-2-dark);
}
 
.edit-help-34 a:hover,
.edit-help-34 a:visited:hover {
    color: var(--fg-accent-2-light);
}
 
input.text, input.button,
#search-top-box-input,
#search-top-box-form input[type=submit],
div.buttons input, input.button, button, file, a.button {
    background: transparent;
    color: var(--fg);
    border: 1px solid var(--fg-accent-2-dark);
    border-radius: 0;
    font-size: 1em;
    outline: 0;
}
 
div.buttons input:hover, div.buttons input:focus {
    border-color: var(--fg-accent-2-light);
    background: transparent;
    color: var(--fg);
}
 
#lock-info {
    background: transparent;
    border: 0;
}
 
#lock-info #lock-timer {
    color: var(--fg-accent-2-light);
}
 
/* 选项卡 tab格式 */
/* 所有选项卡的父格式  */
.yui-navset .yui-content{
    background-color: #000;
    border-width: 1px 1px 1px 1px;
    border-color: #fff;
    box-shadow: 0 0 5px #0B3445, 0 0 1px #0B3445, 0 0 1px #0B3445, 0 0 1px #0B3445,
    0 0 5px #0B3445, 0 0 10px #00f, 0 0 1px #0B3445, 0 0 1px #00f;
}
 
/* 没有选中的选项卡 */
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background: #000;
    color: #fff;
    border-width: 1px 1px 0px 1px;
}
 
/* 正被选中的选项卡 */
.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: #fff;
    color: #000;
    border-width: 1px 1px 0px 1px;
}
 
/* 鼠标扫过时,选项卡属性 */
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background: #c0c0c0;
    color: #000;
    border-width: 1px 1px 0px 1px;
}
 
/* 用于删除选项卡周围原版式的边框 */
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-width: 0px 0px 1px 0px;
    border-color: #fff;
}
 
/* 评分模组格式 */
.page-rate-widget-box .rate-points {
    background-color: #000 !important;
    border: solid 1px #000000;
    border-right: 0;
    border-radius: 0;
    color: #ffffff;
    box-shadow: 0 0 5px #0B3445, 0 0 1px #0B3445, 0 0 1px #0B3445, 0 0 1px #0B3445,
    0 0 5px #0B3445, 0 0 10px #00f, 0 0 1px #0B3445, 0 0 1px #00f;
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background-color: #000000;
    border-top: solid 1px #000000;
    border-bottom: solid 1px #000000;
    font-weight: bold;
}
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    background: transparent;
    color: #ffffff;
    padding: 0 4px;
    margin: 0 1px;
}
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
    background: #ffffff;
    color: #000000;
    text-decoration: none;
}
.page-rate-widget-box .cancel {
    background-color: #000;
    border: solid 1px #000000;
    border-left: 0;
    border-radius: 0;
}
.page-rate-widget-box .cancel a {
    background: transparent;
    text-transform: uppercase;
    color: #ffffff;
}
.page-rate-widget-box .cancel a:hover {
    border-radius: 0;
    background: #ffffff;
    color: #000000;
    text-decoration: none;
}
 
/* 著作信息模块格式 */
 
#u-credit-view-button {
    display: block;
    text-align: right;
}
 
.rate-box-with-credit-button{
    background-color: #000 !important;
    color: #fff !important;
    border: solid 1px #000 !important;
    border-radius: 0 !important;
    box-shadow: 0 0 5px #0B3445, 0 0 1px #0B3445, 0 0 1px #0B3445, 0 0 1px #0B3445,
    0 0 5px #0B3445, 0 0 10px #00f, 0 0 1px #0B3445, 0 0 1px #00f;
}
.rate-box-with-credit-button .creditButton p a{
    border-left: solid 1px #000 !important;
    border-radius: 0 !important;
}
.rate-box-with-credit-button .creditButton p a:hover {
    background-color: #fff !important;
    color: #000 !important;
}
.rate-box-with-credit-button .page-rate-widget-box .cancel {
    border-radius: 0;
    border-bottom: 0;
}
.rate-box-with-credit-button .page-rate-widget-box .cancel a:hover {
    border-radius: 0;
}
.rate-box-with-credit-button .page-rate-widget-box .rate-points {
    border-left: 0;
    border-bottom: 0;
}
.rate-box-with-credit-button .page-rate-widget-box .rateup,
.rate-box-with-credit-button .page-rate-widget-box .ratedown {
    border-bottom: 0;
}
.creditButtonStandalone p a{
    background: #000 !important;
    color: #fff !important;
    border-radius: 0 !important;
}
.creditButtonStandalone p a:hover {
    background: #fff !important;
    color: #000 !important;
}
.modalbox {
    border: #000 solid 1px !important;
    box-shadow: 0 0 5px #0B3445, 0 0 1px #0B3445, 0 0 1px #0B3445, 0 0 1px #0B3445,
    0 0 5px #0B3445, 0 0 10px #00f, 0 0 1px #0B3445, 0 0 1px #00f;
}
 
/* 搜索栏 */
#search-top-box-input {
    color: #fff;
    background-color: #000;
    border-radius: 0 0 0 0;
    box-shadow: 0 0 5px #0B3445, 0 0 1px #0B3445, 0 0 1px #0B3445, 0 0 1px #0B3445,
    0 0 5px #0B3445, 0 0 10px #00f, 0 0 1px #0B3445, 0 0 1px #00f;
}
#search-top-box-input:hover,
#search-top-box-input:focus {
    color: #fff;
    background-color: #000;
    border-radius: 0 0 0 0;
}
#search-top-box-form input[type=submit] {
    border-color: #fff;
    color: #fff;
    border-radius: 0 0 0 0;
    background-color: #000;
    background: linear-gradient(to bottom, #000, #000);
}
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    border-color: #fff;
    color: #fff;
    border-radius: 0 0 0 0;
    background-color: #000;
    background: linear-gradient(to bottom, #000 #000);
}
 
/*链接选项*/
a {
    color: #fff;
    text-decoration: strong;
    background: transparent;
    text-shadow: 0 0 5px #019801, 0 0 1px #019801, 0 0 1px #019801, 0 0 1px #00f,
    0 0 5px #019801, 0 0 10px #00f, 0 0 1px #019801, 0 0 1px #00f;
}
 
a:hover {
    color: #FFF;
    text-decoration: strong;
    background: transparent;
}
 
a:link {
    color: #FFF;
    text-decoration: strong;
    background: transparent;
}
 
a:visited {
    color: #FFF;
    text-decoration: strong;
    background: transparent;
}
 
a:new {
    color: #FFF;
    text-decoration: strong;
    background: transparent;
}
除非特别注明,本页内容采用以下授权方式: Creative Commons Attribution-ShareAlike 3.0 License