删除的内容 添加的内容
小 微调 |
无编辑摘要 |
||
(未显示同一用户的15个中间版本) | |||
第43行: | 第43行: | ||
} |
} |
||
/*我挺不明白为什么要用 Cosmos ,这简直是最烂的 |
/* 我挺不明白为什么要用 Cosmos ,这简直是最烂的 */ |
||
/*优化背景颜色*/ |
/* 优化背景颜色 */ |
||
body {background:#25ACB2} |
|||
/* 自动获取必应每日精选背景图并应用到元素 */ |
/* 自动获取必应每日精选背景图并应用到元素 */ |
||
/*body { |
/* body { |
||
-webkit-tap-highlight-color:transparent |
-webkit-tap-highlight-color:transparent |
||
} |
} |
||
第67行: | 第68行: | ||
width:100%; |
width:100%; |
||
z-index:-1 |
z-index:-1 |
||
}*/ |
} */ |
||
/*发现问题: |
/*发现问题: |
||
Content-Security-Policy:页面设置阻止读取位于 https://bing.shangzhenyang.com/api/1080p 的一项资源("img-src")。 |
Content-Security-Policy:页面设置阻止读取位于 https://bing.shangzhenyang.com/api/1080p 的一项资源("img-src")。 |
||
被load.php阻止,或许要向管理员请求。*/ |
被load.php阻止,或许要向管理员请求。*/ |
||
/* 响应式自适应宽度 */ |
/* 响应式自适应宽度 */ |
||
@media screen and (max-width: 850px) {.wi{max-width:850px;width:100%}} @media screen and (min-width: 850px) {.wi{max-width:320px}} |
@media screen and (max-width: 850px) {.wi{max-width:850px;width:100%}} @media screen and (min-width: 850px) {.wi{max-width:320px}} |
||
/* 纯 CSS 背景动画 */ |
/* 纯 CSS 背景动画 */ |
||
.bg { |
|||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
body { |
|||
left:-50%; |
|||
⚫ | |||
bottom:0; |
|||
⚫ | |||
opacity:.5; |
|||
background-repeat: no-repeat; |
|||
position:fixed; |
|||
⚫ | |||
right:-50%; |
|||
height: 128px |
|||
top:0; |
|||
z-index:-1 |
|||
⚫ | |||
⚫ | |||
⚫ | |||
} @media screen and (min-width: 850px) { |
} @media screen and (min-width: 850px) { |
||
⚫ | |||
body { |
|||
bottom:0 |
|||
background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); |
|||
⚫ | |||
background-size: 400% 400%; |
|||
animation: gradient 15s ease infinite; |
|||
height: 100vh |
|||
⚫ | |||
} |
} |
||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
background-position: 0% 50%; |
|||
bottom:calc(100% - 130px) |
|||
⚫ | |||
⚫ | |||
background-position: 100% 50%; |
|||
⚫ | |||
⚫ | |||
background-position: 0% 50%; |
|||
} |
} |
||
} |
|||
.bg2 { |
|||
animation-direction:alternate-reverse; |
|||
animation-duration:4s |
|||
} |
|||
⚫ | |||
0% { |
|||
transform:translateX(-25%); |
|||
⚫ | |||
⚫ | |||
transform:translateX(25%); |
|||
} |
|||
} |
|||
/* 深色模式兼容 */ |
|||
@media screen { |
|||
.client-darkmode { |
|||
⚫ | |||
} |
|||
} |
|||
/* 改良页脚样式 */ |
|||
#cosmos-footer { |
|||
background-color: rgba(255,255,255,0.35) |
|||
} |
|||
/* 搜索栏模糊 */ |
|||
.cosmos-search-input { |
|||
backdrop-filter: blur( 4px ) |
|||
} |
} |
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 ) }