2 files changed, 43 insertions, 82 deletions
diff --git a/assets/css/gazeimg.css b/assets/css/gazeimg.css
deleted file mode 100644
index 8198e7c..0000000
--- a/assets/css/gazeimg.css
+++ /dev/null
@@ -1,82 +0,0 @@
-/* ==================================================
-* GazeImg v1.4.1
-* 
-* 采用 GPLv3 许可证供开源使用
-* 或用于商业用途的 GazeImg 商业许可证
-* 所有商业应用程序（包括您计划出售的网站，主题和应用程序）
-* 都需要具有商业许可证。
-*
-* Licensed GPLv3 for open source use
-* or GazeImg Commercial License for commercial use
-*
-* http://www.ganxiaozhe.com/p/gazeimg/
-* Copyright 2020 Ganxiaozhe
-*
-================================================== */
-img[data-giwait-text],img[data-gionload] {filter: brightness(.2);transition: filter 1s ease-in;}
-img[data-gazeimg],.gazeimg-content[data-rlong="n"] img {cursor: pointer;}
-.gazeimg-content[data-rlong="y"] img {cursor: zoom-in !important;}
-.gazeimg-content[data-gzoom="out"] img {cursor: zoom-out;}
-
-.gi-darken {
-	filter: brightness(1);animation:gia-darken 2s infinite linear alternate-reverse;
-	display: flex;align-items: center;justify-content: center;
-	vertical-align: top;overflow: hidden;position: relative;
-}
-.gi-darken.gi-failload {animation: none;}
-.gi-darken a {display: block;text-decoration: none;color: #fff !important;text-align: center;word-break: break-all;}
-@-webkit-keyframes gia-darken {to{filter: brightness(.75);}}
-@keyframes gia-darken {to{filter: brightness(.75);}}
-
-.gi-zoomIn {animation: gia-zoomIn 1s cubic-bezier(0, 0, 0, 1) 1;}
-@-webkit-keyframes gia-zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}
-@keyframes gia-zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}
-
-.gi-fadeIn {animation: gia-fadeIn 0.3s cubic-bezier(0, 0, 0, 1) 1;}
-@-webkit-keyframes gia-fadeIn{0%{opacity:0;}100%{opacity:1}}
-@keyframes gia-fadeIn{0%{opacity:0;}100%{opacity:1}}
-
-.gazeimg-nobar {overflow: hidden;height: auto;}
-.gazeimg-container {
-	position: fixed;left: 0;top: 0;height: 100%;width: 100%;
-	outline: none;z-index: 20020214;transition-duration: 0.35s;
-}
-.gazeimg-bg {
-	background: rgb(20,20,20);opacity: 0.9;
-	transition-property: opacity;transition-duration: inherit;transition-timing-function: cubic-bezier(.5, 0, .7, .7);
-}
-.gazeimg-bg,.gazeimg-inner {
-	position: absolute;top: 0;left: 0;bottom: 0;right: 0;
-}
-.gazeimg-stage {
-	direction: ltr;transform: translateZ(0);
-	width:100%;height:100%;padding:50px 0;
-}
-.gazeimg-content {
-	position: absolute;top:0;left:0;width:38px;height:38px;overflow: visible;
-	transform-origin: center;
-	transition: height 0.3s ease,width 0.3s ease;
-}
-.gazeimg-content img {
-	width:100%;height:100%;max-width:100%;max-height:100%;overflow: hidden;
-	position: absolute;top: 0;left: 0;
-	border:none;padding:0;margin:0;
-	user-select: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;
-}
-.gazeimg-content .loader,.gilazy-loader {
-	display: block;width: 46px;height: 46px;
-	position: absolute;top:calc(50% - 23px);left:calc(50% - 23px);
-	border: 4px solid #f3f3f3;border-radius: 100%;
-	border-top: 4px solid transparent;
-	transition: border 0.3s ease;
-}
-
-.gi-spin {-webkit-animation:gi-spin 0.8s infinite linear;animation:gi-spin 0.8s infinite linear;}
-@-webkit-keyframes gi-spin{
-	0%{-webkit-transform:rotate(0);transform:rotate(0);}
-	100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
-}
-@keyframes gi-spin{
-	0%{-webkit-transform:rotate(0);transform:rotate(0);}
-	100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
-}
diff --git a/assets/css/libra.css b/assets/css/libra.css
new file mode 100644
index 0000000..84216ee
--- /dev/null
+++ b/assets/css/libra.css
@@ -0,0 +1,43 @@
+.libra-overlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    padding: 1rem;
+    transition: opacity ease-in-out;
+
+    backdrop-filter: blur(2rem);
+    background-color: rgba(255, 255, 255, 0.75);
+
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.libra-overlay.libra-visible {
+    opacity: 1;
+    z-index: 900;
+}
+
+.libra-overlay.libra-hidden {
+    opacity: 0;
+    z-index: -100;
+}
+
+@media (prefers-color-scheme: dark) {
+    .libra-overlay {
+        background-color: rgba(0, 0, 0, 0.75);
+    }
+}
+
+.libra-shadow {
+    position: absolute;
+    transition-property: transform;
+    z-index: 1000;
+}
+
+.libra-shadow.open {
+    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5);
+}
+