MediaWiki:Common.css：修订间差异
无编辑摘要 标签：手工回退 |
无编辑摘要 标签：已被回退 |
||
| 第591行： | 第591行： | ||
background: linear-gradient(90deg, #e08a3e, #c45fa0, #7d6bd6); | background: linear-gradient(90deg, #e08a3e, #c45fa0, #7d6bd6); | ||
opacity: .58; | opacity: .58; | ||
} | |||
/* Homepage cards: refined Noblecraft glass style */ | |||
body.page-首页 .nc-cards { | |||
gap: 20px; | |||
} | |||
body.page-首页 .nc-card { | |||
overflow: hidden; | |||
border-radius: 6px; | |||
background: | |||
linear-gradient(180deg, rgba(255,255,255,.76), rgba(255,255,255,.58)) !important; | |||
border: 1px solid rgba(255,255,255,.72) !important; | |||
box-shadow: | |||
inset 0 1px 0 rgba(255,255,255,.88), | |||
0 12px 28px -20px rgba(30,40,70,.42), | |||
0 2px 8px rgba(30,40,70,.06) !important; | |||
backdrop-filter: blur(18px) saturate(1.22); | |||
-webkit-backdrop-filter: blur(18px) saturate(1.22); | |||
} | |||
body.page-首页 .nc-card:hover { | |||
transform: translateY(-3px); | |||
box-shadow: | |||
inset 0 1px 0 rgba(255,255,255,.92), | |||
0 20px 42px -24px rgba(30,40,70,.48), | |||
0 4px 12px rgba(30,40,70,.08) !important; | |||
} | |||
body.page-首页 .nc-card-head { | |||
position: relative; | |||
overflow: hidden; | |||
padding: 14px 18px 13px; | |||
letter-spacing: .2px; | |||
text-shadow: 0 1px 1px rgba(0,0,0,.16); | |||
box-shadow: | |||
inset 0 1px 0 rgba(255,255,255,.26), | |||
inset 0 -1px 0 rgba(0,0,0,.12); | |||
} | |||
body.page-首页 .nc-card-head::after { | |||
content: ""; | |||
position: absolute; | |||
left: -20%; | |||
right: -20%; | |||
top: 0; | |||
height: 52%; | |||
background: linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,0)); | |||
pointer-events: none; | |||
} | |||
body.page-首页 .nc-card-head.nc-c-lobby { | |||
background-image: linear-gradient(135deg, #e6ad3e, #d98235 48%, #b96a32) !important; | |||
} | |||
body.page-首页 .nc-card-head.nc-c-play { | |||
background-image: linear-gradient(135deg, #4267bf, #42aebf 52%, #5b48b9) !important; | |||
} | |||
body.page-首页 .nc-card-head.nc-c-comm { | |||
background-image: linear-gradient(135deg, #6f4abf, #b84da8 52%, #435fb5) !important; | |||
} | |||
body.page-首页 .nc-card-head.nc-c-apply { | |||
background-image: linear-gradient(135deg, #bd4358, #d56a37 52%, #a94782) !important; | |||
} | |||
body.page-首页 .nc-card ul { | |||
padding: 6px 0 8px !important; | |||
} | |||
body.page-首页 .nc-card li + li { | |||
border-top: 1px solid rgba(120,130,150,.10); | |||
} | |||
body.page-首页 .nc-card li a { | |||
position: relative; | |||
padding: 10px 18px; | |||
color: #343842 !important; | |||
} | |||
body.page-首页 .nc-card li a::before { | |||
content: ""; | |||
position: absolute; | |||
left: 0; | |||
top: 8px; | |||
bottom: 8px; | |||
width: 3px; | |||
background: rgba(74,105,170,.42); | |||
opacity: 0; | |||
transition: opacity .15s ease; | |||
} | |||
body.page-首页 .nc-card li a:hover { | |||
background: rgba(74,105,170,.09) !important; | |||
padding-left: 24px; | |||
color: #1f3262 !important; | |||
} | |||
body.page-首页 .nc-card li a:hover::before { | |||
opacity: 1; | |||
} | } | ||