LLWiki正在建设中,欢迎加入我们

MediaWiki:Gadget-mobile-Backtotop.css

来自LLWiki
跳转到导航 跳转到搜索

注意:在保存之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。

  • Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5Ctrl-R(Mac为⌘-R
  • Google Chrome:Ctrl-Shift-R(Mac为⌘-Shift-R
  • Internet Explorer:按住Ctrl的同时单击刷新,或按Ctrl-F5
  • Opera:前往菜单 → 设置(Mac为Opera → Preferences),然后隐私和安全 → 清除浏览数据 → 缓存的图片和文件
div.backtotop {
	transition: opacity linear 0.4s;
	visibility: visible;
}
.skin-minerva .backtotop {
	bottom: 40px;
}
.skin-vector .backtotop {
	position: fixed;
	bottom: 20px;
	right: 0;
	width: 2.5em;
	height: 2.5em;
	border-radius: 50%;
	box-shadow: 0.1em 0.2em 0.3em #c8ccd1;
	background-color: #36c;
	opacity: 0;
	cursor: pointer;
}
div.backtotop.visible {
	opacity: 0.5;
}
div.backtotop:hover {
	opacity: 1;
}
.backtobottom {
	top: 40px;
}
.skin-vector .backtobottom {
	top: 80px;
}
@media screen and (max-width: 720px) {
	.skin-vector .backtobottom {
		top: 104px;
	}
}

.skin-vector .backtotop > .arrow-up {
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.backtotop.backtobottom > .arrow-up {
	border-bottom: none;
	border-top: 7px solid #fff;
}

.skin-minerva .media-viewer {
	z-index: 4;
}
/* [[category:默认开启的小工具]] [[category:阅读工具]] [[category:CSS小工具]] [[category:桌面版小工具]] [[category:手机版小工具]] */
/* {{DEFAULTSORT:mobile-Backtotop.css}} */