空白风格 CSS

[フレーム]

空白风格 CSS
Placeholder McD Placeholder McD 、
HarryBlank HarryBlank
发布于 2021 年 3 月
感谢 stormbreath stormbreath 、EstrellaYoshte EstrellaYoshte 、和 Croquembouche Croquembouche 共同制作了大部分此版式中所引用的代码。

著作信息

[フレーム]

空白风格 CSS
作者:Placeholder McD Placeholder McD 、HarryBlank HarryBlank

感谢 stormbreath stormbreath 、EstrellaYoshte EstrellaYoshte 、和 Croquembouche Croquembouche 共同制作了大部分此版式中所引用的代码。特别是 Estrella。

这是什么?

这是空白风格 CSS:由 Placeholder McD Placeholder McD 和 HarryBlank HarryBlank 为后者的作品所制作的视觉样式。它的存在使其能轻易地被更新并广泛应用于作品中。它本质上是 EstrellaYoshte EstrellaYoshte 的半影版式的明亮版本,外加一些特有的注意事项。

它几乎肯定不能和其他版式一起使用,尤其是黑色标记笔。除非你知道你在干什么,否则不要使用此版式。

使用方法

在你的作品开头添加如下语法以应用此版式:

[[include :scp-wiki-cn:theme:blankstyle]]

注意此版式包含以下组件:

当你将此版式与著作信息模块一起使用时,将模块置于一个 [[div]] 元素中确保信息栏不会因渐显而延迟显示。

此版式借用了 PeppersGhost PeppersGhost 的 Peppo 的插图方块以及 EstrellaYoshte 的代码,以将基础图像和插图方块居中,使它们在更小的屏幕上看起来更美观(见于:移动端)。它还借用了半影版式中 Estrella 的天才 sidebox 技术,大部分代码衍生自纸堆版式。

请前往讨论区参阅补丁说明以了解空白风格 CSS 的一些额外功能。

ACS 色彩表格

以下带有自定义色彩标题格的表格可以通过将表格置于一个 div 元素中来使用,分别名为"table1"至"table5".注意将一个 SCP 插图方块置于这些 div 元素中会同样地改变其文本框。也注意这是一个"更好的脚注",它的详细使用方法可参阅上文中的链接。。这些表格对应于 ACS 组件栏的 5 个基础等级。

这是一个普通的表格;
测试很无趣
这是一个绿色表格;
测试很有趣。
这是一个蓝色表格;
测试也很有趣。
这是一个黄色表格;
测试也很有趣。
这是一个橙色表格;
测试也很有趣。
这是一个红色表格;
测试开始变得无趣。
这是一个紫色表格;
测试就是测试。

注意:紫色表格用于描述Thaumiel级的项目,还有需要6级(宇宙绝密)或临时6级(Thaumiel-Proviso)权限才能访问的文件。这种规定顺应了Placeholder McD Placeholder McD 的通感偏好,以及哈利把自己喜欢的东西放到文章里的愿望。

tableb div 元素也会分离其内部表格的单元格。

这是一个破碎的表格;
测试特别有趣!

哈利很长很长时间以来一直手动输入表格的格式。真是个书呆子。

源代码

/*BLANKSTYLECSS[2021WikidotTheme]ByPlaceholderMcDandHarryBlankBased on:
 PaperstackThemebyEstrellaYoshtePenumbraThemebyEstrellaYoshte*/
 
@importurl('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,800;1,800&display=swap');
 
#page-content{font-size:0.8rem; }#main-content{top: -1.6rem;
 padding:0.2em;
}div#container-wrap{background-image:none;
}div#header{background-image:none;
}#headerh1, #headerh2{margin-left:0; float:none; text-align:center; }#headerh2{margin-top:0.45rem; }#headerh1span, #headerh2span{font-size:0; display:none;}#headerh1a::before, #headerh2::before{color:#000;
 font-family: Montserrat, Simhei, Arial, sans-serif;
 text-shadow:none;
}#headerh1a::before{content: var(--header-title, "R\0026 C SITE-43");
 font-weight:400;
 font-size:1.4em;
}#headerh2::before{content: var(--header-subtitle, "颠覆 常规 模式");
 font-weight:700;
 font-size:1.3em;
}#login-status,
#login-statusa{color:#333333;
}#page-title{display:none;
}#footer, #footera{background:transparent;
 color:#333333;
}#search-top-box-input,
#search-top-box-input:hover,
#search-top-box-input:focus,
#search-top-box-forminput[type=submit],
#search-top-box-forminput[type=submit]:hover,
#search-top-box-forminput[type=submit]:focus{border:none;
 background:#333333;
 box-shadow:none;
 border-radius:0px;
 color:#efefef;
}#search-top-boxinput.empty{color:#999999;
}#search-top-box{top:2.3rem!important;
 right:8px;
}#top-bar{display: flex;
 justify-content:center;
 right:0;
 top:7.9rem;
}#top-bar, #top-bara{color:#333333;
}h1,
h2,
h3,
h4,
h5,
h6{font-family: Montserrat, Simhei, Arial, sans-serif;
 color:#000;
 letter-spacing:1px;
}div#extra-div-1{height:160px;
 width:100%;
 top:0;
 position:absolute;
 background: url('https://scp-wiki.wdfiles.com/local--files/theme%3Ablankstyle/43Head.png');
 background-size: contain;
 background-repeat:no-repeat;
 background-position:50%50%;
 z-index: -1;
}body{background-image: linear-gradient(
 to bottom,
 #e0e0e0, #e0e0e090px,
 #e0e0e090px, #ffffff200px,
 #ffffff200px, #ffffff100%);
 background-repeat:no-repeat;
}:root{
 --timeScale:1.5;
 --timeDelay:1.5s;
 --posX: calc(50% - 358px - 13rem);
 --fnLinger:1s;
}#page-contenttrth{padding:6px;
 border:#0001pxsolid;
}#page-contenttrtd{padding:12px;
 border:#0001pxsolid;
 line-height:1.4;
}#page-content.sideboxtrtd,
#page-content.sideboxtrth{padding:0.35em;
}#side-bar{border-right:1pxsolid#333;
 background:#DDD;
}#side-bar.side-block{border:1pxsolid#333;
 border-radius:0;
 box-shadow:none;
}#top-bardiv.open-menua{border:1pxsolid#333;
 border-radius:0;
 box-shadow:none;
}@media (max-width: 767px) {#side-bar:target{border:1pxblack;
 box-shadow:none;
 }}#side-bar.side-block{border:1pxsolid#333;
 border-radius:0;
 box-shadow:none;
 background-color:#FDF6D7;
}#side-bar.side-block[style="background-color: #f0fff6;"]{background-color:#D7EFE7 !important;
}#side-bar.side-block[style="background-color: #fff0f0;"]{background-color:#F5D8E0 !important;
}#page-content.creditRate{margin: unset;
 margin-bottom:4px;
}#page-content.rate-box-with-credit-button{background-color:#ffffff;
 border:solid1px#000;
 box-shadow:none;
 border-radius:0;
}#page-content.rate-box-with-credit-button.fa-info{border:none;
 color:#333333;
}#page-content.rate-box-with-credit-button.fa-info:hover{background:#333333;
 color:#ffffff;
}.rate-box-with-credit-button.cancel{border:solid1px#ffffff;
}#page-content.creditButtonStandalonepa{background-color:#ffffff;
 border:solid1px#000;
 box-shadow:none;
 border-radius:0;
 color:#333333;
}#page-content.creditButtonStandalonepa:hover{background:#333333;
 color:#ffffff;
}
 
/* ---- PAGERATING ---- */
 
.page-rate-widget-box{box-shadow:none;
 border:solid1px#000;
 margin: unset;
 margin-bottom:4px;
 border-radius:0;
}.page-rate-widget-box.rate-points{background-color:#ffffff !important;
 color:#333333 !important;
 border:none;
 border-radius:0;
}.page-rate-widget-box.rateup,
.page-rate-widget-box.ratedown{background-color:#ffffff;
 border-top:none;
 border-bottom:none;
}.page-rate-widget-box.rateupa,
.page-rate-widget-box.ratedowna{background:transparent;
 color:#333333;
}.page-rate-widget-box.rateupa:hover,
.page-rate-widget-box.ratedowna:hover{background:#333333;
 color:#ffffff;
}.page-rate-widget-box.cancel{background:transparent;
 background-color:#ffffff;
 border:none;
 border-radius:0;
}.page-rate-widget-box.cancela{color:#333333;
}.page-rate-widget-box.cancela:hover{background:#333333;
 color:#ffffff;
 border-radius:0;
}#page-content.rate-box-with-credit-button.page-rate-widget-box{border:none; }.anchor{position: sticky;
 height:0;
 top:0;
}.sidebox{padding:.14rem;
 margin-top:0;
 margin-bottom:8px;
 width: calc((100vw - 870px)/2);
 max-height: calc(100vh - 18rem);
 position:absolute;
 top:0;
 left:103.5%;
 z-index:5;
 overflow:auto;
 box-sizing: border-box;
}@media (max-width: 1290px) {.sidebox{display:none;
 visibility:hidden;
 }}.scp-image-block{box-shadow:none;
}
 
/* ---- YUITABBASE ---- */
.yui-navset.yui-nava,.yui-navset.yui-navset-top.yui-nava{background-color:inherit;background-image:inherit}.yui-navset.yui-nava:hover,.yui-navset.yui-nava:focus{background:inherit;text-decoration:inherit}.yui-navset.yui-nav.selecteda,.yui-navset.yui-nav.selecteda:focus,.yui-navset.yui-nav.selecteda:hover{color:inherit;background:inherit}.yui-navset.yui-nav,.yui-navset.yui-navset-top.yui-nav{border-color:inherit}.yui-navsetli{line-height:inherit}
 
/* ---- YUITABCUSTOMIZATION ----*/
 
 .yui-navset.yui-nav,
 .yui-navset.yui-navset-top.yui-nav{display: flex;
 flex-wrap: wrap;
 width: calc(100% - .125rem);
 margin:0auto;
 border-color:#333333;
 box-shadow:none;
}.yui-navset.yui-nava, /* ---- LinkModifier ---- */
 .yui-navset.yui-navset-top.yui-nava{color:#333333;
 /* ---- TabBackgroundColour | [UNSELECTED] ---- */
 background-color:#efefef;
 border: unset;
 box-shadow:none;
 box-shadow:none;
}.yui-navset.yui-nava:hover,
 .yui-navset.yui-nava:focus{color:#ffffff;
 /* ---- TabBackgroundColour | [HOVER] ---- */
 background-color:#333333;
}.yui-navset.yui-navli, /* ---- ListitemModifier ---- */
 .yui-navset.yui-navset-top.yui-navli{position:relative;
 display: flex;
 flex-grow:2;
 max-width:100%;
 margin:0;
 padding:0;
 color:#ffffff;
 background-color:#ffffff;
 border-color:transparent;
 box-shadow:none;
}.yui-navset.yui-navlia,
 .yui-navset-top.yui-navlia,
 .yui-navset-bottom.yui-navlia{display: flex;
 align-items:center;
 justify-content:center;
 width:100%;
}.yui-navset.yui-navliem{border: unset;
}.yui-navset.yui-navaem,
 .yui-navset.yui-navset-top.yui-navaem{padding:.35em.75em;
 
 text-overflow: ellipsis;
 overflow:hidden;
 white-space:nowrap;
}.yui-navset.yui-nav.selected, /* ---- SelectionModifier ---- */
 .yui-navset.yui-navset-top.yui-nav.selected{flex-grow:2;
 margin:0;
 padding:0;
 /* ---- TabBackgroundColour | [SELECTED] ---- */
 background-color:#333333;
}.yui-navset.yui-nav.selecteda,
 .yui-navset.yui-nav.selectedaem{border:none;
}.yui-navset.yui-nav.selecteda{width:100%;
 color:#ffffff;
}.yui-navset.yui-nav.selecteda:focus,
 .yui-navset.yui-nav.selecteda:active{color:#ffffff;
 background-color:#333333;
}.yui-navset.yui-content{background-color:#ffffff;
 box-shadow:none;
}.yui-navset.yui-content,
 .yui-navset.yui-navset-top.yui-content{padding:.5em;
 border:1pxsolid#333;
 box-sizing: border-box;
}
 
/*---- SCROLLBAR ----*/
 
::-webkit-scrollbar{width:10px;
}
 
::-webkit-scrollbar-track{background:#FFF;
 border-left:1pxsolid#333;
}
 
::-webkit-scrollbar-thumb{background:#CCC;
 border:#3331pxsolid;
}
 
::-webkit-scrollbar-thumb:hover{background:#EEE;
}
 
/*---- CENTERIMAGESONMOBILEcourtesyofEstrellaYoshteandPeppersGhost ----*/
 
.imagediv{float:right;
 margin:15px}@media (max-width: 540px) {.imagediv{float:none;
 text-align:center;
 margin:auto;
 }}@mediaonlyscreenand (max-width: 600px) {.scp-image-block.block-right{float:none;
 margin:10pxauto;
 }}
 
/*---- ACS-COLOREDTABLEDIVS ----*/
 
#page-content.table1trth,
#page-content.table1.scp-image-block.scp-image-caption{background-color:#D7EFE7;
}#page-content.table2trth,
#page-content.table2.scp-image-block.scp-image-caption{background-color:#D8ECF4;
}#page-content.table3trth,
#page-content.table3.scp-image-block.scp-image-caption{background-color:#FDF6D7;
}#page-content.table4trth,
#page-content.table4.scp-image-block.scp-image-caption{background-color:#FFDABF;
}#page-content.table5trth,
#page-content.table5.scp-image-block.scp-image-caption{background-color:#F5D8E0;
}#page-content.table6trth,
#page-content.table6.scp-image-block.scp-image-caption{background-color: rgba(146, 0, 255, 0.2);
}.tableb.wiki-content-table{border-collapse:separate;
 border-spacing:2px;
}.tableb.scp-image-block{border:none;
}.tableb.scp-image-blockimg{border:#0001pxsolid;
 box-sizing: border-box;
}.tableb.scp-image-block.scp-image-caption{margin-top:2px;
 border:#0001pxsolid;
 box-sizing: border-box;
}.top-left-box > .item{display:none;
}
 
/* ---- WORDSNOLONGERBROKEN, THECROQUEMBOUCHEHASSPOKEN ---- */
span, a{word-break:normal !important }.avatar-hover{display:none !important; }#breadcrumbs, .pseudocrumbs{text-align:center;
 padding-top:10px;
}#main-content.page-tagsspan{max-width:100%;
}
 
/* -- FANCYTHINGSfromWoedenaz'sDustjacketTheme -- */
 
.fancyhrhr{border-top:2vw solidtransparent;
 background-color: rgba(var(--bright-accent), 0);
 height:0;
 box-sizing: border-box;
 border-image-source: url('https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_hr.png');
 border-image-repeat: round round;
 background:none;
 border-image-slice:8050080500 fill;
 border-image-width:10em80em10em80em;
}.fancyborder{box-sizing: border-box;
 border:2vw solid rgba(0,0,0,0.5);
 border-image: url('https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_border.png') 600 round;
 border-image-width:6;
 padding:2vw;
}

页面版本: 13, 最后编辑于: 01 Dec 2022 08:19
讨论 (3)
除非特别注明,本页内容采用以下授权方式: Creative Commons Attribution-ShareAlike 3.0 License
点击编辑本页内容。
点击显示页面各部分的编辑按钮(如果可能)。 在标题边会出现"编辑"按钮。
在不编辑全部页面源代码的情况下添加内容。
查看本页过去是如何沿革的。
若您想要讨论本页内容,这是最简单的方法。
检视并管理本页附件。
管理网站的实用工具。
变更页面名称(及 URL 地址,或许会影响分类)。
在不编辑的情形下检视维基源代码。
检视 / 设定父页面(用以建立浏览足迹与结构化​​配置)。
向管理员举报本页有令人反感的内容。
事情不如预期?看看您可以做些什么。
通用的 Wikidot.com 文件与说明。
Wikidot.com 服务条款 — 您可以做的事,您不该做的事之类的。
Wikidot.com 隐私政策。

AltStyle によって変換されたページ (->オリジナル) /