diff --git a/css/firefox.css b/css/firefox.css index ccc673d..33c0d2a 100644 --- a/css/firefox.css +++ b/css/firefox.css @@ -1,7 +1,3 @@ -#section { - background-image: url(../img/background.jpg) !important; -} - .message, .time, .hitokoto, @@ -10,13 +6,13 @@ .more, .box-wrapper, footer { - background: rgba(0, 0, 0, 0.5); + background: rgba(0, 0, 0, 0.3); } .link-card:hover { - background: rgb(0, 0, 0, 0.6); + background: rgb(0, 0, 0, 0.4); } .progress { - background: rgba(0, 0, 0, 0.5) !important; + background: rgba(0, 0, 0, 0.2) !important; } diff --git a/css/style.css b/css/style.css index 304359c..e7da66b 100644 --- a/css/style.css +++ b/css/style.css @@ -1,4 +1,4 @@ -@charset"utf-8"; +@charset "utf-8"; /*全局样式*/ html, @@ -38,12 +38,11 @@ a:hover { transition: 0.5s; } -#section { - /*background-image: url(https://api.ixiaowai.cn/gqapi/gqapi.php), url(../img/background.jpg);*/ - background-image: url(https://api.dujin.org/bing/1920.php), url(../img/background.jpg); +/* #section { + background-image: url(https://api.dujin.org/bing/1920.php), url(../img/background1.webp); background-repeat: no-repeat; background-position: center center; -} +} */ .noscript { z-index: 999999; @@ -52,6 +51,45 @@ a:hover { margin: 14px 0px; } +/*背景*/ +.bg-all { + z-index: 0; + position: absolute; + top: calc(0px + 0px); + left: 0; + width: 100%; + height: calc(100% - 0px); + transition: .25s; +} + +#bg { + transform: scale(1.10); + filter: blur(10px); + position: fixed; + left: 0; + top: 0; + width: 100%; + height: 100%; + object-fit: cover; + transition: opacity 1s, transform .25s, filter .25s; + backface-visibility: hidden; +} + +img.error { + display: none; +} + +.cover { + opacity: 0; + position: fixed; + left: 0; + top: 0; + width: 100%; + height: 100%; + background-image: radial-gradient(rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 100%), radial-gradient(rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, .3) 166%); + transition: .25s; +} + /*页面样式*/ section { display: block; @@ -662,10 +700,6 @@ i.iconfont.icon-github1 { padding: 0rem 1.5rem; } -.set-text { - text-align: center; -} - .btn-group, .btn-group-vertical { margin-top: 10px; @@ -694,6 +728,36 @@ i.iconfont.icon-github1 { border-color: #eeeeee !important; } +#wallpaper { + display: flex; + align-items: center; + justify-content: flex-start; + flex-wrap: wrap; +} + +.form-radio { + flex: 1 1 0%; + width: 31.3%; + min-width: 31.3%; + max-width: 31.3%; + text-align: center; + margin: 1%; +} + +input[type="radio"]+label { + padding: 6px 10px; + background: #ffffff26; + border-radius: 8px; + transition: 0.3s; + border: 2px solid transparent; + width: 100%; +} + +input[type="radio"]:checked+label { + background: #ffffff06; + border: 2px solid #eeeeee; +} + /*更新日志*/ .upnote { display: flex; diff --git a/img/background.jpg b/img/background.jpg deleted file mode 100644 index 88e8279..0000000 Binary files a/img/background.jpg and /dev/null differ diff --git a/img/background1.webp b/img/background1.webp new file mode 100644 index 0000000..9002a2f Binary files /dev/null and b/img/background1.webp differ diff --git a/img/background10.webp b/img/background10.webp new file mode 100644 index 0000000..fadd799 Binary files /dev/null and b/img/background10.webp differ diff --git a/img/background2.webp b/img/background2.webp new file mode 100644 index 0000000..eea9b29 Binary files /dev/null and b/img/background2.webp differ diff --git a/img/background3.webp b/img/background3.webp new file mode 100644 index 0000000..e53a1aa Binary files /dev/null and b/img/background3.webp differ diff --git a/img/background4.webp b/img/background4.webp new file mode 100644 index 0000000..cc6445b Binary files /dev/null and b/img/background4.webp differ diff --git a/img/background5.webp b/img/background5.webp new file mode 100644 index 0000000..5e1565b Binary files /dev/null and b/img/background5.webp differ diff --git a/img/background6.webp b/img/background6.webp new file mode 100644 index 0000000..6662f1f Binary files /dev/null and b/img/background6.webp differ diff --git a/img/background7.webp b/img/background7.webp new file mode 100644 index 0000000..900f506 Binary files /dev/null and b/img/background7.webp differ diff --git a/img/background8.webp b/img/background8.webp new file mode 100644 index 0000000..efe0b32 Binary files /dev/null and b/img/background8.webp differ diff --git a/img/background9.webp b/img/background9.webp new file mode 100644 index 0000000..29a1256 Binary files /dev/null and b/img/background9.webp differ diff --git a/img/apple-touch-icon.png b/img/icon/apple-touch-icon.png similarity index 100% rename from img/apple-touch-icon.png rename to img/icon/apple-touch-icon.png diff --git a/img/candle.png b/img/icon/candle.png similarity index 100% rename from img/candle.png rename to img/icon/candle.png diff --git a/img/favicon.ico b/img/icon/favicon.ico similarity index 100% rename from img/favicon.ico rename to img/icon/favicon.ico diff --git a/img/logo.png b/img/icon/logo.png similarity index 100% rename from img/logo.png rename to img/icon/logo.png diff --git a/img/music.png b/img/icon/music.png similarity index 100% rename from img/music.png rename to img/icon/music.png diff --git a/img/pause.png b/img/icon/pause.png similarity index 100% rename from img/pause.png rename to img/icon/pause.png diff --git a/img/play.png b/img/icon/play.png similarity index 100% rename from img/play.png rename to img/icon/play.png diff --git a/img/warn.png b/img/icon/warn.png similarity index 100% rename from img/warn.png rename to img/icon/warn.png diff --git a/index.html b/index.html index a90e297..241362c 100644 --- a/index.html +++ b/index.html @@ -25,7 +25,7 @@ - + + +