MediaWiki:Common.css：修订间差异

MediaWiki:Common.css (查看源代码)

添加696字节、 2022年11月14日 (星期一)

小

试试新的toc样式，解决遗留问题

2,352

个编辑

@@ 第2行： / 第2行： @@
 .mw-wiki-logo{background-size: 160px 160px}
-/* 右浮目录[测试样式] todo: 响应式处理 */
+/* 右浮目录[测试样式] source: https://www.cnblogs.com/snowsolf/p/MediaWiki-catalogue.html */
-@media screen and (min-width: 1200px){
+#toc{
-	#toc{
+ display: block;
-		float:right;
+ position: fixed;
-		margin:0 0 1em 1em;
+ top: 100px;
-		overflow-y: scroll;
+ right: 0px;
-		position:fixed;
+ min-width: 100px;
-		top:150px;
+ max-width: 350px;
-		right:10px;
+ max-height: 20px;
-		z-index:99
+ overflow-y: scroll;
-	}
+ border: 1px solid #aaa;
+ border-radius: 0 0 1px 1px;
+ -moz-border-radius: 0 0 1px 1px;
+ background: rgba(249,249,249,0.75);
+ padding: 12px;
+ box-shadow: 0 1px 8px #000;
+ -webkit-box-shadow: 0 1px 8px #000;
+ -moz-box-shadow: 0 1px 8px #000;
 }
+#toc:hover{
+ display: block;
+ position: fixed;
+ top: 100px;
+ right: 0px;
+ min-width: 100px;
+ max-width: 350px;
+ max-height: 500px;
+ overflow-y: scroll;
+ border: 1px solid #aaa;
+ border-radius: 0 0 1px 1px;
+ -moz-border-radius: 0 0 1px 1px;
+ background: rgba(249,249,249,0.75);
+ padding: 12px;
+ box-shadow: 0 1px 8px #000;
+ -webkit-box-shadow: 0 1px 8px #000;
+ -moz-box-shadow: 0 1px 8px #000;
+}
+body { overflow-x: hidden;}
 /* 双端内容分开显示 */