From 152f61eea22348edbbdea5965c9b83c6b72e2598 Mon Sep 17 00:00:00 2001 From: Misaka-L Date: Sun, 16 May 2021 14:00:19 +0800 Subject: [PATCH] =?UTF-8?q?=E7=BD=AE=E9=A1=B6=E6=B6=88=E6=81=AF=E4=B8=8B?= =?UTF-8?q?=E6=8B=89=E6=A1=86=E6=B7=BB=E5=8A=A0=E8=83=8C=E6=99=AF=E6=A8=A1?= =?UTF-8?q?=E7=B3=8A=E3=80=81=E6=8E=A8=E8=8D=90=E6=9C=8D=E5=8A=A1=E5=99=A8?= =?UTF-8?q?=E5=8D=A1=E7=89=87=E4=BF=AE=E6=94=B9=E3=80=81=E4=BF=AE=E5=A4=8D?= =?UTF-8?q?=E9=83=A8=E5=88=86UI=E5=81=8F=E7=A7=BB=E3=80=81=E6=B7=BB?= =?UTF-8?q?=E5=8A=A0=E8=81=8A=E5=A4=A9=E7=95=8C=E9=9D=A2=E8=83=8C=E6=99=AF?= =?UTF-8?q?=E6=A8=A1=E7=B3=8A=20-=20=E7=BD=AE=E9=A1=B6=E6=B6=88=E6=81=AF?= =?UTF-8?q?=E4=B8=8B=E6=8B=89=E6=A1=86=E6=B7=BB=E5=8A=A0=E8=83=8C=E6=99=AF?= =?UTF-8?q?=E6=A8=A1=E7=B3=8A=20-=20=E6=8E=A8=E8=8D=90=E6=9C=8D=E5=8A=A1?= =?UTF-8?q?=E5=99=A8=E5=8D=A1=E7=89=87=E4=BF=AE=E6=94=B9=20-=20=E4=BF=AE?= =?UTF-8?q?=E5=A4=8D=E9=83=A8=E5=88=86UI=E5=81=8F=E7=A7=BB=20-=20=E6=B7=BB?= =?UTF-8?q?=E5=8A=A0=E8=81=8A=E5=A4=A9=E7=95=8C=E9=9D=A2=E8=83=8C=E6=99=AF?= =?UTF-8?q?=E6=A8=A1=E7=B3=8A?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- Nameless.css | 138 +++++++++++++++++++++++++++++++++++++++++++++------ 1 file changed, 124 insertions(+), 14 deletions(-) diff --git a/Nameless.css b/Nameless.css index 26d6b94..63ee811 100644 --- a/Nameless.css +++ b/Nameless.css @@ -120,15 +120,103 @@ body{ opacity: 0; } -.guild-card-item:hover{ /* 让卡片上移的更明显 */ - margin-top: -15px !important; +.guild-card-item:hover{ + margin-top: 0 !important; + transform: scale(1.1); } -.guild-card-item{ /* 添加卡片上移动画 */ - transition-property: margin; +.guild-card-item:hover .back:after{ + opacity: 1 !important; +} + +.guild-card-item:hover .back-top{ + filter: blur(10px); +} + +.guild-card-item:hover .front-info .card-title{ + background: none; + height: 24px !important; +} + +.guild-card-item .front-info .card-title{ + height: 38px !important; + margin: 0 -16px; + padding: 0 16px; + transition-property: height; + transition-duration: 0.2s; + transition-timing-function: ease-in-out; +} + +.guild-card-item:hover .front-info .card-title:before{ + opacity: 0; +} + +.guild-card-item .front-info .card-title:before { + background: linear-gradient(0, rgba(0, 0, 0, 0.55), transparent); + content: ""; + position: absolute; + top: 33px; + left: 0; + height: 38px; + width: 100%; + z-index: -1; +} + +.guild-card-item .outer-tag{ + bottom: 10px !important; +} + +.guild-card-item:hover .front-info .card-desc{ + transform: translate(0, 0); +} + +.guild-card-item:hover .front-info{ + transform: translate(0, 0); +} + +.guild-card-item .back-top{ + transition-property: filter; transition-duration: 0.1s; transition-timing-function: ease-in-out; - backdrop-filter: blur(1rem); +} + +.guild-card-item .back:after{ + opacity: 0; + content: ""; + height: 100%; + width: 100%; + position: absolute; + left: 0; + top: 0; + background: var(--background-primary); + transition-property: opacity; + transition-duration: 0.1s; + transition-timing-function: ease-in-out; +} + +.guild-card-item .front-info .card-desc{ + transform: translate(0, 10px); + transition-property: transform; + transition-duration: 0.2s; + transition-timing-function: ease-in-out; +} + +.guild-card-item .front-info{ + transform: translate(0, 58.5%); + transition-property: transform; + transition-duration: 0.2s; + transition-timing-function: ease-in-out; +} + +.guild-logo{ + visibility: collapse; +} + +.guild-card-item{ + transition-property: transform; + transition-duration: 0.2s; + transition-timing-function: ease-in-out; + height: auto !important; } .discover-input-wrapper{ /* 给搜索框加个背景模糊 */ @@ -141,24 +229,33 @@ body{ } /* -- 置顶消息 -- */ +.prompt-stick-messaage{ + background: var(--background-primary) !important; + backdrop-filter: blur(1rem); +} + +.prompt-stick-messaage .close-btn-box{ + background: transparent !important; +} + .message-item{ /* 重设置顶消息背景 */ background-color: var(--background-primary) !important; - backdrop-filter: blur(1rem) !important; + backdrop-filter: blur(1rem) ; } .theme-stick-message-box-bg{ background-color: var(--background-primary) !important; - backdrop-filter: blur(1rem) !important; + backdrop-filter: blur(1rem); } /* -- 消息 -- */ .message-context-menu{ /* 消息上下文菜单列表 e.g 举报 */ - backdrop-filter: blur(1rem) !important; + backdrop-filter: blur(6px); } /* -- 设置界面 -- */ .setting-mask{ /* 设置界面的背景模糊 */ - backdrop-filter: blur(0.3rem) !important; + backdrop-filter: blur(0.3rem); } /* -- 提示气泡 ToolTip -- */ @@ -274,10 +371,6 @@ body{ backdrop-filter: blur(1rem); } -.message-context-menu-button{ - backdrop-filter: blur(1rem); -} - .invite-message-box{ backdrop-filter: blur(1rem); } @@ -289,4 +382,21 @@ body{ .user-search-box{ backdrop-filter: blur(1rem); -} \ No newline at end of file +} + +.pointerMenu, .contentMenu{ + transform: translate(-350px, -42px); +} + +.emoji-item-info{ + transform: translate(-965px, -570px) !important; + backdrop-filter: blur(1rem); +} + +.emoji-item-info .layer-arrow{ + visibility: collapse; +} + +/* .emoji-wrapper:hover>.text-message-box.__react_component_tooltip{ + transform: translate(-352px, -33px); +} */ \ No newline at end of file