MediaWiki:Common.css：修订间差异

帮助

2023年10月10日 (二) 00:10的版本

/* 这里放置的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:#FFCDD2}*/

/* 自动获取必应每日精选背景图并应用到元素 */
/*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 背景动画 */
/* 移动端响应式优化 */
@media screen and (max-width: 850px) {
    body {
        background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
        background-size: 400% 102%;
        background-repeat: no-repeat;
        animation: gradient 15s ease infinite;
        height: 128px
    }
/* 电脑端默认 */
} @media screen and (min-width: 850px) {
    body {
        background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
        background-size: 400% 400%;
        animation: gradient 15s ease infinite;
        height: 100vh
    }
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}