diff --git a/css/firefox.css b/css/firefox.css
index ccc673d62..33c0d2ac9 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 304359c14..e7da66b3a 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 88e8279d8..000000000
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 000000000..9002a2fde
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 000000000..fadd79923
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 000000000..eea9b29ec
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 000000000..e53a1aaaa
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 000000000..cc6445b9a
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 000000000..5e1565ba2
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 000000000..6662f1f09
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 000000000..900f50696
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 000000000..efe0b3237
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 000000000..29a1256d9
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 a90e29750..241362c07 100644
--- a/index.html
+++ b/index.html
@@ -25,7 +25,7 @@
-
+
+
+