“Widget:游戏主界面”的版本间差异

删除230字节 、​ 2022年5月17日 (二) 19:58
//使用页面/文本对比查看器快速编辑
标签移动版网页编辑 移动版编辑
(//使用页面/文本对比查看器快速编辑)
 
(未显示同一用户的26个中间版本)
<noinclude>{{doc|content=用于[[:category:导航模板|导航模板]],尤其是{{tl|SIF nav}}。}}[[category:混合小部件]]
<noincludep>{{doc|content=请使用{{tl|SIF JavaScript脚本:[[User:Bhsd/widget/nav}}调用。}}.js]]</p></noinclude><includeonly><!--{if !isset($wgWidgetStartScreen) || !$wgWidgetStartScreen}--><!--{assign var="wgWidgetStartScreen" value=true scope="global"}--><script defer src='/zh?title=user:bhsd/widget/nav.js&action=raw&ctype=text/javascript'></script><style>
//</includeonly>JavaScript脚本:<pre lang="js">
window.addEventListener('load', function () {
document.querySelectorAll('.start-screen a').forEach(function(ele) {
ele.href = 'javascript:void(0)';
});
var eleStatic = document.querySelector('.static-bottom'),
eleFixed = document.querySelector('.sticky-bottom'),
parent = document.querySelector('#mw-content-text > .mw-parser-output');
if(mw.config.get('skin') == 'minerva') { parent.appendChild(eleStatic); }
window.addEventListener('scroll', function() {
if(eleStatic.getBoundingClientRect().top < eleFixed.getBoundingClientRect().top) {
eleFixed.style.visibility = 'hidden';
eleStatic.style.visibility = 'visible';
}
else {
eleFixed.style.visibility = '';
eleStatic.style.visibility = 'hidden';
}
});
});
//</pre>
<includeonly>
</script><style>
/* </includeonly>CSS样式表:<pre lang="css"> */
.start-screen {
text-align: center;
position: fixedsticky;
bottom: 3px;
white-space: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch; /* mobile Safari */
scroll-snap-type: x mandatory; /* Safari无效 */
z-index: 60;
}
.start-screen a {
scroll-snap-align: start;
display: inline-block; /* Chrome和Edge */
}
.start-screen table {
display: inline-table;
margin: 0;
width: auto !important;
}
 
.static-bottom {
.ll-nav, .ll-nav span {
visibility: hidden;
display: inline-block;
}
.stickyll-bottomnav {
background-color: #f6f6f6;
position: fixed;
bottommargin: 3px4px 1px;
padding: 4px;
border: solid #cdcdcd;
border-width: 1px 3px 3px 1px;
border-radius: 19px 9px;
}
.ll-nav > span {
.skin-vector .sticky-bottom {
background-color: #fff;
width: calc(100% - 14rem);
padding: 0px 10px;
line-height: 24px;
border: 1px solid #ababab;
border-radius: 15px 5px;
text-align: center;
}
.ll-nav > span > span {
@media only screen and (max-width:720px) {
height: 24px;
.skin-minerva .sticky-bottom {
width: calc(100% - 32px)24px;
margin-right: 5px;
left: 16px;
color: #fff;
}
}
/* 提前加载FontAwesome部分CSS */
@media only screen and (min-width:720px) {
.fa, .fab, .fad, .fal, .far, .fas {
.skin-minerva .sticky-bottom {
display: inline-block;
width: calc(100% - 6.7rem);
left: 3.35rem;
}
}
/* </pre><includeonly> */
16,874

个编辑