MediaWiki:Common.css:修订间差异
无编辑摘要 |
无编辑摘要 |
||
| 第600行: | 第600行: | ||
/* Homepage: visible server screenshot atmosphere, soft fade */ | /* Homepage: visible server screenshot atmosphere, soft fade */ | ||
body.page-首页 .mw-body { | |||
position: relative; | |||
overflow: hidden; | |||
} | |||
/* Homepage: castle atmosphere, smaller image with soft fade */ | |||
body.page-首页 .mw-body { | body.page-首页 .mw-body { | ||
position: relative; | position: relative; | ||
| 第611行: | 第617行: | ||
right: 0; | right: 0; | ||
top: 0; | top: 0; | ||
height: | height: 520px; | ||
background-image: | background-image: | ||
linear-gradient( | linear-gradient( | ||
180deg, | 180deg, | ||
rgba(245,246,248,. | rgba(245,246,248,.08) 0%, | ||
rgba(245,246,248,. | rgba(245,246,248,.28) 45%, | ||
rgba(245,246,248,. | rgba(245,246,248,.72) 78%, | ||
rgba(245,246,248,1) 100% | rgba(245,246,248,1) 100% | ||
), | ), | ||
url("https://wiki.noblecraftmusic.cloud/index.php/Special:Redirect/file/北侧城堡.jpg"); | url("https://wiki.noblecraftmusic.cloud/index.php/Special:Redirect/file/北侧城堡.jpg"); | ||
background-size: | |||
background-position: center | background-size: | ||
100% 100%, | |||
min(1500px, 92vw) auto; | |||
background-position: | |||
center top, | |||
center 8%; | |||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
opacity: .9; | |||
filter: blur(1.5px); | |||
pointer-events: none; | pointer-events: none; | ||
z-index: 0; | z-index: 0; | ||
-webkit-mask-image: linear-gradient( | |||
180deg, | |||
rgba(0,0,0,1) 0%, | |||
rgba(0,0,0,1) 48%, | |||
rgba(0,0,0,.55) 72%, | |||
rgba(0,0,0,0) 100% | |||
); | |||
mask-image: linear-gradient( | |||
180deg, | |||
rgba(0,0,0,1) 0%, | |||
rgba(0,0,0,1) 48%, | |||
rgba(0,0,0,.55) 72%, | |||
rgba(0,0,0,0) 100% | |||
); | |||
} | } | ||
| 第639行: | 第666行: | ||
@media screen and (max-width: 700px) { | @media screen and (max-width: 700px) { | ||
body.page-首页 .mw-body::before { | body.page-首页 .mw-body::before { | ||
height: | height: 360px; | ||
background-position: center | |||
opacity: . | background-size: | ||
filter: blur( | 100% 100%, | ||
920px auto; | |||
background-position: | |||
center top, | |||
center 5%; | |||
opacity: .72; | |||
filter: blur(1.5px); | |||
} | } | ||
} | } | ||