起草中:Home.css

来自失传媒体中文维基
HW留言 | 贡献2026年5月8日 (五) 18:02的版本
(差异) ←上一版本 | 最后版本 (差异) | 下一版本→ (差异)
跳转到导航 跳转到搜索
.page-header-info {
	display: none !important;
}

.recent-article {
	max-height: 40vh;
	overflow-y: auto;
}
.other-sites {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	justify-items: center;
	justify-content: center;
	background: var(--color-surface-1);
}

.other-sites .site {
  position: relative;
  cursor: pointer;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
    margin-bottom: 30px;
    margin-top: 30px;
  transition: all 0.3s ease;
}

.other-sites .site  img{
  width: 50px;
  height: 50px;
}

.site::after {
  content: attr(data-name);
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  background: var(--color-surface-0);
  transform: translateX(-50%) translateY(80%);
  color: var(--color-base);
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 4px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  box-shadow: 0 0 5px 0px var(--color-base);
  z-index: 30;
}

.site:hover{
transform:scale(1.3);
}

.site:hover::after {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0%);
}

.darkblock .mw-heading3{
	margin-top:0;
}

.线索按钮{
text-align: center;
display:none;
}

@supports selector(:has(*)) {
	.线索按钮{display:block;}
	
	.线索按钮 .mw-collapsible button.mw-collapsible-toggle-collapsed .mw-collapsible-text::before{display:none !important;}
	
	.styled-quote:has(.线索按钮 .mw-collapsed) dd:has(.线索),
	.styled-quote:has(.线索按钮 .mw-collapsed) dt:has( + dd .线索 ){
		display:none;
	}
}