逆流 版式

评分:

评分: +35

评分模块与著作信息模块:

评分: +35

著作信息


[フレーム]

页面信息


更多


更多页面信息


评分: +35

这里有一盘金枪鱼寿司,Nya!

该版式以半影版式为模板修改而来,增加了一些小动画_(:зゝ∠)_

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

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


logo_时间轰炸E9E9EB

转起来的时候更帅,对吧?

1 级标题

2 级标题

3 级标题

4 级标题

5 级标题
6 级标题





此为分页哒!

喵喵喵~
喵喵喵~
喵喵喵~

喵喵喵~喵喵喵~喵喵喵~
喵喵喵~喵喵喵~喵喵喵~
喵喵喵~喵喵喵~喵喵喵~
喵喵喵~喵喵喵~喵喵喵~
喵喵喵~喵喵喵~喵喵喵~
喵喵喵~喵喵喵~喵喵喵~
喵喵喵~喵喵喵~喵喵喵~

这是 表格
你应该老早 就知道怎么
做这个了吧喵

页眉字体为 Josefin Sans / 黑体。

正文字体为 Roboto。

等宽字为 Fira Code / 幼圆。

Footnotes
. 呜喵呜喵~
/*ObflowTheme[2022WikidotTheme]ByAI_MaycaBasedonPenumbrabyEstrellaYoshteCreatedfortheSCPFoundationLogolicensedunderCCBYSA 3.0
*/
@importurl('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&display=swap');
@importurl('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@importurl('https://fonts.googleapis.com/css2?family=Fira+Code&display=swap');
 
body{width:100%;
 font-family: 'Roboto', sans-serif;
 color:#E9E9EB;
 background-color:#43506C;
 background-image: linear-gradient(
 to bottom,
 #2A3853, #2A385390px,
 #2A385390px, #43506C200px,
 #43506C200px, #43506C100%);
 background-repeat:no-repeat;
}#page-content{font-size:0.9rem; }#main-content{top: -1.2rem;
}
 
/* 滚轮↓ */
::-webkit-scrollbar{width:9px;
 background: #transparent;
}
::-webkit-scrollbar-track{background:#43506C;
}
::-webkit-scrollbar-thumb{background:#E9E9EB;
 border:none;
}
::-webkit-scrollbar-thumb:hover{background:#EF4B4C;
}
 
/*root值↓ */
:root{}
 
/* 版头↓ */
div#container-wrap{background-image:none;
}div#header{height:12rem;
 background-image:none;
}
 
/* 钟表倒转logo动画↓ */
div#extra-div-1::before{content: "";
 background: url('http://scpsandboxcn.wikidot.com/local--files/collab:mayca/logo_时间轰炸基准E9E9EB');
 animation:rotateImg 5s linear infinite;
}div#extra-div-1::after{content: "";
 background: url('http://scpsandboxcn.wikidot.com/local--files/collab:mayca/logo_时间轰炸时针E9E9EB');
 animation:rotateImg 30s linear infinite;
}div#extra-div-2::before{content: "";
 background: url('http://scpsandboxcn.wikidot.com/local--files/collab:mayca/logo_时间轰炸分针E9E9EB');
 animation:rotateImg 3s linear infinite;
}div#extra-div-2::after{content: "";
 background: url('http://scpsandboxcn.wikidot.com/local--files/collab:mayca/logo_时间轰炸秒针E9E9EB');
 animation:rotateImg 0.3s linear infinite;
}div#extra-div-1::before, div#extra-div-1::after, div#extra-div-2::before, div#extra-div-2::after{height:164px;
 width:80%;
 top:0;
 left:10%;
 position:absolute;
 background-size: contain;
 background-repeat:no-repeat;
 background-position:50%0%;
 z-index: -1;
 vertical-align:middle;
}@keyframesrotateImg{
 0% {transform: rotate(0deg);}
 100% {transform: rotate(-360deg);}}#headerh1, #headerh2{margin-left:0; float:none; text-align:center; }#headerh1{padding-top:4rem; }#headerh2{margin-top:0.3rem; }#headerh1span, #headerh2span{font-size:0; display:none; }#headerh1a::before, #headerh2::before{color:#E9E9EB;
 font-family: 'Josefin Sans', '黑体', sans-serif;
 text-shadow:none;
}#headerh1a::before{content: var(--header-title, "基金会时间部队");
 font-weight:300;
 font-size:1em;
 text-shadow: -1.5px -1.5px0#43506C, 1.5px -1.5px0#43506C, -1.5px1.5px0#43506C, 1.5px1.5px0#43506C, -1.5px00#43506C, 1.5px00#43506C, 01.5px0#43506C, 0 -1.5px0#43506C;
}#headerh2::before{content: var(--header-subtitle, "[未解─未知─未有]");
 font-weight:600;
 font-size:1.22em;
}
 
/* 账户样式↓ */
#login-status{color:transparent;
 transition: color 0.5s ease;
}#login-statusa{color:#EF4B4C;
}#login-statusula, #account-options{color:#E9E9EB;
 background:#43506C;
}#login-statusula:hover{color:#EF4B4C;
}#login-status.printuser{color:#E9E9EB;
 opacity:0;
 right: -3rem;
 transition: opacity 0.3s ease, right0.5s ease;
 position:relative;
 z-index: -1;
}#login-status:hover{color:#E9E9EB;
 transition: color 0.5s ease;
}#login-status:hover.printuser{opacity:1;
 right:0;
 transition: opacity 0.5s ease, right0.3s ease;
}#account-topbutton{border:solid1px#EF4B4C;
}#footer, #footera{background:transparent;
 color:#E9E9EB;
}#license-area{color:#E9E9EB;
}
 
/* 搜索栏↓ */
#search-top-box{top:2.2rem!important;
 right:8px;
}#search-top-box-form > input[type=submit]{border:solid1px#E9E9EB;
 background:#2A3853!important;
 box-shadow:none;
 border-radius:0;
 color:#E9E9EB;
 transition: color 0.15s linear;
}#search-top-box-forminput[type=submit]:hover{border:solid1px#EF4B4C;
 box-shadow:none;
 color:#EF4B4C;
}#search-top-box-form > input[type=text]{border:solid1px#E9E9EB;
 background:#2A3853!important;
 box-shadow:none;
 border-radius:0;
 color:#E9E9EB;
 opacity:0;
 right: -3rem;
 transition: opacity 0.3s ease, right0.5s ease;
 position:relative;
 z-index: -1;
}#search-top-box-form:hover > input[type=text]{opacity:1;
 right:0;
 transition: opacity 0.5s ease, right0.3s ease;
}
 
/* 顶栏↓ */
#top-bar{top:12rem;
 display: flex;
 justify-content:center;
 right:0;
}#top-bar, #top-bara{color:#E9E9EB;
 transition: color 0s;
}#top-barulliul{border-color:#EF4B4C;
 overflow:hidden;
}#top-barulli.sfhoverullia,
#top-barulli:hoverullia{border-top-color:#43506C;
}#top-barulli.sfhovera,
#top-barulli:hovera{background:#2A3853;
 color:#E9E9EB;
}#top-barulli.sfhovera:hover,
#top-barulli:hovera:hover{background:#2A3853;
 color:#EF4B4C;
 transition: color 0.2s linear;
}
 
/* 侧栏↓ */
div#side-bar{background:#2A3853;
 clear:both;
 padding:.8em;
 border-radius:0;
 box-shadow:none;
 overflow-x:hidden;
}#side-bar.heading{color:#E9E9EB;
 font-family: 'Josefin Sans', '黑体', sans-serif;
 font-size:0.94rem;
 border-bottom:solid1px#E9E9EB;
}#side-bar.side-block{border:transparent;
 border-radius:0;
 box-shadow:none;
 background-color:#2A3853 !important;
}.side-block.menu-item > .image{display:none;
}#side-bar.collapsible-block-folded{background:none;
}#side-bar.collapsible-block-link{margin-left:0;
}#side-bar.collapsible-block-unfolded-link{border-bottom:solid1px#E9E9EB;
 padding-left:15px;
}#side-bar.collapsible-block-unfolded-link.collapsible-block-link,
#side-bar.collapsible-block-unfolded-link.collapsible-block-link:hover{color:#E9E9EB;
 font-family: 'Josefin Sans', '黑体', sans-serif;
 font-size:0.94rem;
}#top-bardiv.open-menua{border-radius:0;
 box-shadow:none;
 color:#EF4B4C;
 background-color:#2A3853;
 border:solid1px#2A3853;
}
/* 小于767px*/
@media (max-width: 767px) {#main-content{padding:0;
 margin:05%;
 border-left:none;
 }#page-title{margin-top:0.7em;
 }#side-bar{background-color:#2A3853;
 left: -18.6em;
 }#side-bar:target{border:none;
 box-shadow:none;
 }#side-bar.close-menu{transition: width 0.5s ease-in-out 0.1s, opacity 1s ease-in-out 0s;
 display:block;
 position:fixed;
 width:100%;
 height:100%;
 top:0;
 right:0;
 background: rgba(0,0,0,0.3);
 background-position:18.6em50%;
 z-index: -1;
 opacity:0;
 pointer-events:none;
 }#side-bar:target.close-menu{width: calc(100% - 18.6em);
 right:0;
 left:auto;
 opacity:1;
 pointer-events:auto;
 }#side-bar:target.close-menu:hover{background: unset;
 }#page-content > hr, #page-content > .list-pages-box > .list-pages-item > hr{margin:3em -5.5%;
 }#side-bar{top:0;
 }#side-bar.heading,
 #side-bar.collapsible-block-folded,
 #side-bar.collapsible-block-unfolded-link{padding-left:1em;
 margin-left: -1em;
 }#search-top-box{top:107px;
 }}
 
/*tab块↓ */
/* 基本样式 ↓*/
.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}
/* 自定义tab*/
.yui-navset.yui-nav,
.yui-navset.yui-navset-top.yui-nav{display: flex;
 flex-wrap: wrap;
 width: calc(100% - .125rem);
 margin:0auto;
 border-color:#E9E9EB;
 box-shadow:none;
}.yui-navset.yui-nava,
.yui-navset.yui-navset-top.yui-nava{color:#E9E9EB;
 font-weight:bold;
 background-color:#2A3853;/*tab未选中背景色 */
 border: unset;
 box-shadow:none;
 box-shadow:none;
 transition: background-color 0.15s linear;
}.yui-navset.yui-nava:hover, .yui-navset.yui-nava:focus{color:#2A3853;
 background-color:#E9E9EB;/*tab已选中背景色 */
}.yui-navset.yui-navli,
.yui-navset.yui-navset-top.yui-navli{position:relative;
 display: flex;
 flex-grow:2;
 max-width:100%;
 margin:0;
 padding:0;
 color:#E9E9EB;
 background-color:#2A3853;
 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:0.35em0.75em;
 text-overflow: ellipsis;
 overflow:hidden;
 white-space:nowrap;
}.yui-navset.yui-nav.selected,
.yui-navset.yui-navset-top.yui-nav.selected{flex-grow:2;
 margin:0;
 padding:0;
 background-color:#E9E9EB;/*tab未选中背景色 */
}.yui-navset.yui-nav.selecteda,
.yui-navset.yui-nav.selectedaem{border:none;
}.yui-navset.yui-nav.selecteda{width:100%;
 color:#2A3853;
 font-weight:bold;
}.yui-navset.yui-nav.selecteda:focus,
.yui-navset.yui-nav.selecteda:active{color:#2A3853;
 background-color:#E9E9EB;
}.yui-navset.yui-content{background-color:#2A3853;
 box-shadow:none;
}.yui-navset.yui-content,
.yui-navset.yui-navset-top.yui-content{padding:0.5em;
 border:none;
}
 
/*tab切换动画↓(byCroquembouc) */
.yui-navset.yui-content > div{display:block;
 top:0;
 overflow:hidden;
 transform-origin:00;
}#page-content.yui-navset.yui-content > div[style*="none"]{display:block !important;
 flex:0;
 max-height:0;
 padding:00.5em;
 border-width:0;
 /* 以下过渡将影响tab-disappear*/
 transition: padding 0s linear 0.5s,
 border-width 0s linear 0.5s,
 flex 0.5s cubic-bezier(.18,.51,.54,.9) 0s;
 animation: tab-disappear 0.5s ease-in-out 0s 1both;
}#page-content.yui-navset.yui-content > div[style*="block"]{display:block !important;
 flex:1;
 max-height:9999rem;
 /*ThefollowingtransitionaffectstheonethatAPPEARS*/
 transition: padding 0s linear 0.5s,
 border-width 0s linear 0.5s,
 flex 0.5s cubic-bezier(.18,.51,.54,.9) 0.5s;
 animation: tab-appear 0.5s ease-in-out 0.5s 1both;
}@keyframestab-disappear{
 0% {max-height:9999rem; opacity:1; }
 1% {max-height:100vh; }
 100% {max-height:0; opacity:0; }}@keyframestab-appear{
 0% {max-height:0; opacity:0; }
 99% {max-height:100vh; }
 100% {max-height:9999rem; opacity:1; }}
 
/* 信息栏↓ */
body{
 --barColour:#2A3853;
 --linkColour:#E9E9EB;
}.info-container.collapsible-block-content{padding:00.5em30px;
}.info-container.collapsible-block-content.wiki-content-table{width:100%;
}
 
/* 信息栏补丁↓(byMonkatraz )*/
#page-content.info-container.collapsible-block-folded, #page-content.info-container.collapsible-block-unfolded-link{width:100%;
 max-width:100%;
 margin:0auto;
 padding:0;
 box-shadow:none;
}#page-content.info-container.collapsible-block-link::before, #page-content.info-container.collapsible-block-unfolded-link::before{content: "";
 display:none;
}#page-content.info-container.collapsible-block-content::after{display:none;
}
 
/* 著作信息块↓ */
#page-content.creditRate{margin: unset;
 margin-top:4px;
 margin-bottom:4px;
 margin-right:3px;
}#page-content.rate-box-with-credit-button{background-color:#2A3853;
 border:solid2px#2A3853;
 border-radius:0;
 box-shadow:3px0px0px0px#EF4B4C, -3px0px0px0px#EF4B4C;
}#page-content.rate-box-with-credit-button.creditButtonpa{border-left-color:transparent;
}#page-content.rate-box-with-credit-button.page-rate-widget-box.cancel{border-radius:0;
}#page-content.rate-box-with-credit-button.page-rate-widget-box.rate-points{border-left:0;
}.rate-box-with-credit-button.page-rate-widget-box.cancela:hover{border-radius:0;
}#page-content.rate-box-with-credit-button.fa-info{color:#E9E9EB;
}#page-content.rate-box-with-credit-button.fa-info:hover{color:#EF4B4C;
}#page-content.creditButtonStandalonepa{background-color:#2A3853;
 border:solid2px#2A3853;
 border-radius:0;
 box-shadow:3px0px0px0px#EF4B4C;
 color:#E9E9EB;
}#page-content.creditButtonStandalonepa:hover{color:#EF4B4C;
}#page-content.modalbox{background:#43506C !important;
 color:#E9E9EB;
 box-shadow:none;
}.close-credits,
.credit-back{filter: grayscale(100%) invert(100%) contrast(275%);
}
 
/* 评分模块↓ */
.page-rate-widget-box{margin: unset;
 border-radius:0;
 border:solid2px#2A3853;
 box-shadow:3px0px0px0px#EF4B4C, -3px0px0px0px#EF4B4C;
 background-color:#2A3853;
 margin-top:4px;
 margin-bottom:4px;
 margin-right:3px;
}.page-rate-widget-box.rate-points{background-color:#2A3853 !important;
 border:none;
 color:#E9E9EB !important;
 text-transform:capitalize;
}.page-rate-widget-box.rateup,
.page-rate-widget-box.ratedown{background-color:#2A3853;
 border-top:none;
 border-bottom:none;
}.page-rate-widget-box.rateupa,
.page-rate-widget-box.ratedowna{background:transparent;
 color:#E9E9EB;
}.page-rate-widget-box.rateupa:hover,
.page-rate-widget-box.ratedowna:hover{background:#2A3853;
 color:#EF4B4C;
}.page-rate-widget-box.cancel{background:transparent;
 background-color:#2A3853;
 border:none;
}.page-rate-widget-box.cancela{color:#E9E9EB;
}.page-rate-widget-box.cancela:hover{background:#2A3853;
 color:#EF4B4C;
}
 
/* 页面元素↓ */
.page-source, tt{font-family: "Fira Code", '幼圆', monospace;
 font-size:0.87rem;
}.codepre, .codep, .code{font-family: "Fira Code", '幼圆', monospace;
 font-size:0.87rem;
 color:#2A3853;
}h1{color:#E9E9EB;
 font-family: 'Josefin Sans', '黑体', sans-serif;
 font-weight:bold;
}h2, h3, h4, h5, h6{color:#E9E9EB;
 font-family: 'Josefin Sans', '黑体', sans-serif;
 font-weight:bold;
}#page-title{color:#E9E9EB;
 font-family: 'Josefin Sans', '黑体', sans-serif;
 font-size:1.65rem;
 text-align:center;
 border-color:#E9E9EB;
}
 
/* 链接触发↓ */
a, a.newpage, a:visited,
#side-bara:visited{color:#EF4B4C;
 transition: color 0.15s linear;
}a:hover, a.newpage:hover, a:visited:hover, #side-bara:visited:hover{color:#E9E9EB;
 text-decoration:none;
 background-color:#EF4B4C;
}a.newpage{filter: hue-rotate(180deg); }
/* 边栏媒体、可折叠文件、ACS、信息按钮和Ayers模块的补丁,使链接不会被覆盖↓ */
#page-content.collapsible-block-foldeda:hover, #page-content.collapsible-block-unfolded-linka:hover, #page-content.rate-box-with-credit-button.fa-info:hover, #side-bar.side-block.mediaa:hover, .danger-diamonda:hover{background:transparent;
}.info-container.collapsible-block-folded.collapsible-block-link, .info-container.collapsible-block-link{background: var(--linkColour) !important;
}hr{background-color:#E9E9EB;
}blockquote, div.blockquote, #toc{background-color:#2A3853;
 border:solid2px#43506C;
 box-shadow: -3px0px0px -0.1px#EF4B4C, 3px0px0px -0.1px#EF4B4C;
}.code{background-color:#E9E9EB;
 border:solid3px#43506C;
 box-shadow:none;
}.scp-image-block{border:solid8px#2A3853;
 border-bottom:solid0px#2A3853;
 box-shadow:0px0.26rem 0px0px#E9E9EB;
 box-sizing: border-box;
}.scp-image-block.scp-image-caption{background-color:#2A3853;
 border:solid4px#2A3853;
 color:#E9E9EB;
 font-size:0.84rem;
}.scp-image-block.block-left{margin-left:0; }.scp-image-block.block-right{margin-right:0; }@media (max-width: 540px) {.scp-image-block.block-left,
 .scp-image-block.block-right{float:none;
 clear:both;
 margin-left:auto;
 margin-right:auto;
 }}#page-content.wiki-content-tabletrth{border:solid1px#E9E9EB;
 color:#2A3853;
 background-color:#E9E9EB;/* ←表格标题边框 */
}#page-content.wiki-content-tabletrtd{border:solid1px#E9E9EB;/* ←表格内容边框 */
}
 
/* 折叠块↓ */
#page-content.collapsible-block-folded, #page-content.collapsible-block-unfolded-link{background:#2A3853;
 transition: box-shadow 0.25s linear;
 padding-top:0.5rem;
 padding-bottom:0.5rem;
 padding-left:1rem;
 padding-right:1rem;
 width: min-content;
 white-space:nowrap;
 overflow:hidden;
 margin:auto;
}#page-content.collapsible-block-link{text-decoration:none;
 color:#E9E9EB;
 font-weight:bold;
}#page-content.collapsible-block-unfolded.collapsible-block-content{max-height:0;
 animation: tab-appear 0.5s ease-in-out 0.5s 1both;
}#page-content.collapsible-block-folded:hover,
#page-content.collapsible-block-folded:hover + .collapsible-block-unfolded.collapsible-block-unfolded-link{box-shadow:5px0px0px0px#EF4B4C, -5px0px0px0px#EF4B4C;
 transition: box-shadow 0.25s linear;
}#page-content.collapsible-block-folded, #page-content.collapsible-block-unfolded-link{margin-top:10px;
 margin-bottom:10px;
}
 
/* 选中元素↓ */
::selection{background:#E9E9EB;
 color:#43506C;
}
 
/* 脚注块↓ */
.hovertip{font-size:0.9rem;
 background-color:#2A3853 !important;
 border:solid1px#EF4B4C !important;
}.footnotes-footer{background-color:#2A3853;
 padding-left:1.4rem;
 padding-right:1.4rem;
 padding-bottom:1.5rem;
 box-shadow: -0.24rem 0px0px0px#E9E9EB;
}.footnotes-footer.title{color:#E9E9EB;
}.footnote.f-footer, .equation.e-footer, .reference.r-footer{display:none;
}
 
/*Tags*/
#main-content.page-tagsa{margin-top:0.18rem;
}.page-tagsspan{border-top:1pxsolid#E9E9EB;
}
 
/* 页面弹窗↓ */
.owindow{background-color:#2A3853;
 border-color:#E9E9EB;
}.owindow.modal-header{background-color:#2A3853;
}.owindow.modal-bodyimg{background-color:transparent !important;
}.owindow.title{background-color:#2A3853;
 color:#E9E9EB;
 border-bottom:1pxsolid#2F333C;
}.owindow.button-bara{background-color:#21252E;
 border-color:#E9E9EB;
 color:#E9E9EB;
}.owindow.button-bara:hover{background-color:#E9E9EB;
}
 
/* 编辑按钮↓ */
.buttons.btn{background-color:#2A3853;
 border-color:#E9E9EB;
 color:#E9E9EB;
 padding:3px5px;
}.buttons.btn:hover{background-color:#E9E9EB;
 color:#2A3853;
}
 
/* 编辑锁信息块↓ */
#lock-info{background-color:#2A3853;
 border-color:#E9E9EB;
}
 
/* 页面来源、评级等的关闭按钮↓ */
a.action-area-close:hover{background-color:#2A3853;
}
 
/* 页面历史记录↓ */
.pager.current{background-color:#E9E9EB;
 border-color:#E9E9EB;
}
 
/*Sidebox移动端优化↓(courtesyofWoed) */
@media (max-width: 1290px) {.sidebox{width:auto;
 max-width:65vw!important;
 border:none;
 padding-left:0.4rem; padding-right:0.4rem;
 top:0.75rem;
 right: calc(((100vw - 45.8rem)/2) * -1);
 left: initial;
 -webkit-clip-path:inset(-0.125rem -0.25rem 0 calc(100% - 0.85rem));
 clip-path:inset(-0.125rem -0.25rem 0 calc(100% - 0.85rem));
 -webkit-transition: color 0.2s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s;
 transition: color 0.2s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s;
 -o-transition: color 0.2s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s;
 transition: color 0.2s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s;
 transition: color 0.2s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s;
 overflow:visible;
 }.sidebox::before, .sidebox::after{content: "";
 position:absolute;
 right:0;
 }.sidebox::before{top: calc(50% - 0.75rem);
 width:0;
 height:0;
 border-top:0.75rem solidtransparent;
 border-bottom:0.75rem solidtransparent;
 border-right:0.75rem solid#E9E9EB;
 transition: border 0.1s ease-in-out 0.1s;
 z-index:10;
 }.sidebox::after{top:0;
 max-width:0.75rem;
 width:100%;
 height:100%;
 box-shadow:0.15rem 000#E9E9EB;
 max-height: calc(100vh - 18rem);
 background-color:#2A3853;
 z-index: -1;
 transition: box-shadow 0.5s ease-in-out 0.1s, max-width 0.5s ease-in-out 0.1s;
 }.sidebox > *{opacity:0;
 -webkit-transition: opacity 0.2s ease-in-out 0.2s;
 -o-transition: opacity 0.2s ease-in-out 0.2s;
 transition: opacity 0.2s ease-in-out 0.2s;
 }.sidebox:hover{overflow:visible;
 -webkit-clip-path:inset(-0.125rem -0.25rem 00);
 clip-path:inset(-0.125rem -0.25rem 00);
 -webkit-transition: color 0.5s ease-in-out 0.2s, right0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s;
 transition: color 0.5s ease-in-out 0.2s, right0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s;
 -o-transition: color 0.5s ease-in-out 0.2s, right0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s;
 transition: color 0.5s ease-in-out 0.2s, right0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s;
 transition: color 0.5s ease-in-out 0.2s, right0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s;
 }.sidebox:hover::before {
 border-top: 0solidtransparent;
 border-bottom:0solidtransparent;
 }.sidebox:hover::after{box-shadow:0 -0.125rem 00#E9E9EB;
 right:0;
 max-width:100%;
 }.sidebox:hover > *{opacity:1;
 }
}
@media (max-width:768px) {.sidebox, .sidebox:hover{right: calc(((100vw - (100% - 3rem))/2) * -1 + 1.9rem);
 }}
页面版本: 2, 最后编辑于: 04 Oct 2022 07:28
除非特别注明,本页内容采用以下授权方式: Creative Commons Attribution-ShareAlike 3.0 License
点击编辑本页内容。
点击显示页面各部分的编辑按钮(如果可能)。 在标题边会出现"编辑"按钮。
在不编辑全部页面源代码的情况下添加内容。
查看本页过去是如何沿革的。
若您想要讨论本页内容,这是最简单的方法。
检视并管理本页附件。
管理网站的实用工具。
变更页面名称(及 URL 地址,或许会影响分类)。
在不编辑的情形下检视维基源代码。
检视 / 设定父页面(用以建立浏览足迹与结构化​​配置)。
向管理员举报本页有令人反感的内容。
事情不如预期?看看您可以做些什么。
通用的 Wikidot.com 文件与说明。
Wikidot.com 服务条款 — 您可以做的事,您不该做的事之类的。
Wikidot.com 隐私政策。

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