MediaWiki:Common.css:修订间差异

Baneq留言 | 贡献
无编辑摘要
Baneq留言 | 贡献
无编辑摘要
第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: 430px;
   height: 520px;
 
   background-image:
   background-image:
     linear-gradient(
     linear-gradient(
       180deg,
       180deg,
       rgba(245,246,248,.16) 0%,
       rgba(245,246,248,.08) 0%,
       rgba(245,246,248,.36) 38%,
       rgba(245,246,248,.28) 45%,
       rgba(245,246,248,.76) 68%,
       rgba(245,246,248,.72) 78%,
      rgba(245,246,248,.96) 88%,
       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: cover;
 
   background-position: center 34%;
   background-size:
    100% 100%,
    min(1500px, 92vw) auto;
 
   background-position:
    center top,
    center 8%;
 
   background-repeat: no-repeat;
   background-repeat: no-repeat;
   filter: blur(2px);
   opacity: .9;
   opacity: .86;
   filter: blur(1.5px);
   pointer-events: none;
   pointer-events: none;
   z-index: 0;
   z-index: 0;
   transform: scale(1.02);
 
   -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: 320px;
     height: 360px;
     background-position: center 30%;
 
     opacity: .68;
    background-size:
     filter: blur(2px);
      100% 100%,
      920px auto;
 
     background-position:
      center top,
      center 5%;
 
     opacity: .72;
     filter: blur(1.5px);
   }
   }
}
}