MediaWiki:Common.css：修订间差异

帮助

2023年10月12日 (四) 13:34的最新版本

/* 这里放置的CSS将应用于所有皮肤 */

/*黑幕*//*去波兰球抄的awa*/
span.heimu a.external,
span.heimu a.external:visited,
span.heimu a.extiw,
span.heimu a.extiw:visited {
    color: #252525;
    transition: all .14s linear 0s;
}
.heimu,
.heimu a,
a .heimu,
.heimu a.new {
    background-color: #252525;
    color: #252525;
    text-shadow: none;
    transition: all .14s linear 0s;
}
body:not(.heimu_toggle_on) .heimu:hover,
body:not(.heimu_toggle_on) .heimu:active,
body:not(.heimu_toggle_on) .heimu.off {
    background-color: rgba(100,100,100,0.3);
    transition: all .14s linear 0s;
}
body:not(.heimu_toggle_on) .heimu:hover a,
body:not(.heimu_toggle_on) a:hover .heimu,
body:not(.heimu_toggle_on) .heimu.off a,
body:not(.heimu_toggle_on) a:hover .heimu.off {
    color: #006cb0;
    background-color: rgba(180,180,180,0.3);
    transition: all .14s linear 0s;
}
body:not(.heimu_toggle_on) .heimu.off .new,
body:not(.heimu_toggle_on) .heimu.off .new:hover,
body:not(.heimu_toggle_on) .new:hover .heimu.off,
body:not(.heimu_toggle_on) .heimu.off .new,
body:not(.heimu_toggle_on) .heimu.off .new:hover,
body:not(.heimu_toggle_on) .new:hover .heimu.off {
    color: #BA0000;
    background-color: rgba(100,100,100,0.3);
    transition: all .14s linear 0s;
}

/* 我挺不明白为什么要用 Cosmos ，这简直是最烂的 */
/* 优化背景颜色 */
body {background:#25ACB2}


/* 自动获取必应每日精选背景图并应用到元素 */
/* body {
    -webkit-tap-highlight-color:transparent
}
.bg-img {
    background-attachment:fixed;
    background-image:url(https://bing.shangzhenyang.com/api/1080p);
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-filter:blur(10px);
    filter:blur(10px);
    height:100%;
    left:0;
    top:0;
    opacity:.5;
    position:fixed;
    transform:scale(1.1);
    width:100%;
    z-index:-1
} */
/*发现问题：
Content-Security-Policy：页面设置阻止读取位于 https://bing.shangzhenyang.com/api/1080p 的一项资源("img-src")。
被load.php阻止,或许要向管理员请求。*/


/* 响应式自适应宽度 */
@media screen and (max-width: 850px) {.wi{max-width:850px;width:100%}} @media screen and (min-width: 850px) {.wi{max-width:320px}}


/* 纯 CSS 背景动画 */
.bg {
  animation:slide 3s ease-in-out infinite alternate;
  background-image: linear-gradient(-60deg, #6c3 50%, #09f 50%);
  left:-50%;
  bottom:0;
  opacity:.5;
  position:fixed;
  right:-50%;
  top:0;
  z-index:-1
}
/* 电脑端 */
} @media screen and (min-width: 850px) {
	.bg {
	  bottom:0
	}
}
/* 移动端响应式优化 */
@media screen and (max-width: 850px) {
	.bg {
	  bottom:calc(100% - 130px)
	}
}
.bg2 {
animation-direction:alternate-reverse;
animation-duration:4s
}
@keyframes slide {
  0% {
    transform:translateX(-25%);
  }
  100% {
    transform:translateX(25%);
  }
}


/* 深色模式兼容 */
@media screen {
  .client-darkmode {
    background: unset;
  }
}


/* 改良页脚样式 */
#cosmos-footer {
  background-color: rgba(255,255,255,0.35)
}


/* 搜索栏模糊 */
.cosmos-search-input {
  backdrop-filter: blur( 4px )
}