图书馆导航栏
2024年12月5日
修订 5
评分
2
↑ 2
↓ 0
支持率
100%
总票数 2
Wilson 95% 下界
34.2%
在相同票数下更稳健的支持率估计
争议指数
0.000
评分趋势
按周聚合 加载图表中...
最近修订
1 / 2
SOURCE_CHANGED
9 个月前
SOURCE_CHANGED
9 个月前
SOURCE_CHANGED
9 个月前
最近投票
1 / 1
相关页面
暂无推荐
页面源码
[[iftags +样版]]
++ 很好奇这是什么？去看[https://wanderers-library.wikidot.com/style-guide 图书馆格式指导]吧！[[footnote]]**译注：**或者懒得去看版：
@@[[include :scp-wiki-cn:wanderers:component:navbar @@
@@|left=[/页面名称 上一篇的文本]（也可以只写文本不写链接）@@
@@|center=中心页/系列页文本（也可以写链接）@@
@@|right=[/页面名称 下一篇的文本]（也可以只写文本不写链接）@@
@@]]@@[[/footnote]]
[[/iftags]]
[[module CSS]]
:root {
--navbar-base-font-size: .8em;
/* ===STANDARD THEME COLORS=== */
--navbar-gray-monochrome: 45, 70, 45;
/* green */
--navbar-dark-gray-monochrome: 30, 55, 30;
/* dark green gray for sidebar background */
--navbar-black-monochrome: 12, 12, 12;
/* black */
--navbar-bright-accent: 255, 219, 90;
/* bright yellow */
--navbar-medium-accent: 228, 180, 28;
/* medium yellow */
--navbar-dark-accent: var(--navbar-dark-gray-monochrome);
/* dark yellow */
}
/* Navbar */
.footer-wikiwalk-nav {
font-size: 90%;
font-weight: bold;
}
.wlnavbar {
--navbar-text-shadow: rgba(var(--navbar-black-monochrome), 0.35);
--navbar-box-shadow: rgb(var(--navbar-gray-monochrome));
--navbar-border-color: rgb(var(--navbar-medium-accent));
margin: 0.625rem 0 0.938rem;
margin-bottom: 1.250rem;
padding: 0.125rem;
border: outset 0.188rem var(--navbar-border-color);
border-radius: 0.0625rem;
background-color: rgb(var(--navbar-dark-gray-monochrome));
box-shadow: 0.09375rem 0.09375rem 0.188rem var(--navbar-box-shadow);
color: rgb(var(--navbar-medium-accent));
text-shadow: 0.0625rem 0.0625rem 0.125rem var(--navbar-text-shadow);
}
.wlnavbar a {
display: inline-block;
position: relative;
width: 100%;
height: 100%;
padding-top: 0.45em;
padding-bottom: 0.35em;
color: rgb(var(--navbar-bright-accent));
}
.wlnavbar a::before {
display: flex;
position: absolute;
top: 0;
align-items: center;
height: 100%;
font-size: calc(var(--navbar-base-font-size) * 1.1);
font-weight: 800;
line-height: calc(var(--navbar-base-font-size) * 0.8);
}
.wlnavbar .footer-wikiwalk-nav {
display: flex;
align-items: center;
justify-content: center;
font-size: 90%;
font-weight: 400;
letter-spacing: 0.025em;
}
.wlnavbar .footer-wikiwalk-nav * {
line-height: 1em;
}
.wlnavbar .footer-wikiwalk-nav .center {
flex-basis: content;
padding: 0.15rem 0.3rem;
text-align: center;
}
.wlnavbar .footer-wikiwalk-nav .left,
.wlnavbar .footer-wikiwalk-nav .right {
display: inline-flex;
position: relative;
flex-basis: calc(40% - 3em);
align-items: center;
font-size: calc(var(--navbar-base-font-size) * 0.8);
}
.wlnavbar .footer-wikiwalk-nav .left {
justify-content: flex-end;
margin: 0.35em 0 0.35em 0.35em;
padding-right: 0.5em;
padding-left: 1em;
border-right: 0.0625rem solid rgb(var(--navbar-dark-accent));
text-align: right;
}
.wlnavbar .left > a::before {
content: "↫";
left: -0.75em;
transition: left 1s ease-in-out;
will-change: left;
-webkit-animation: bounce-left 1.7s infinite;
animation: bounce-left 1.7s infinite;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.wlnavbar .left > a:hover::before {
-webkit-animation-play-state: running;
animation-play-state: running;
}
.wlnavbar .footer-wikiwalk-nav .right {
justify-content: flex-start;
margin: 0.35em 0.35em 0.35em 0;
padding-right: 1em;
padding-left: 0.5em;
border-left: 0.0625rem solid rgb(var(--navbar-dark-accent));
text-align: left;
}
.wlnavbar .right > a::before {
content: "↬";
right: -0.75em;
transition: right 1s ease-in-out;
will-change: right;
-webkit-animation: bounce-right 1.7s infinite;
animation: bounce-right 1.7s infinite;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.wlnavbar .right > a:hover::before {
-webkit-animation-play-state: running;
animation-play-state: running;
}
[[/module]]
[[div class="wlnavbar"]]
[[div class="footer-wikiwalk-nav"]]
[[div_ class="left"]]
{$left}
[[/div]]
[[div_ class="center"]]
[[size 120%]]{$center}[[/size]]
[[/div]]
[[div_ class="right"]]
{$right}
[[/div]]
[[/div]]
[[/div]]