逆流 版式
评分:
评分: +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