added 工具栏
This commit is contained in:
Vaica committed
1 parent
f087f75fd4
commit
b9fd4cb7f6
8 files changed
+295
-240
No files matched your search
@@ -2857,51 +2857,80 @@ img[atk-emoticon] {
|
||||
/* GenericOutput */ [data-theme="dark"] .chroma .go { color:#44475a }
|
||||
/* GenericPrompt */ [data-theme="dark"] .chroma .gp { }
|
||||
|
||||
/* Back to Top Button */
|
||||
#back-to-top {
|
||||
/* Floating Tools */
|
||||
.floating-tools {
|
||||
position: fixed;
|
||||
bottom: 30px;
|
||||
right: 30px;
|
||||
z-index: 2147483647;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.floating-tools a {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
background-color: var(--bankuai-color);
|
||||
color: var(--text-content-color);
|
||||
background-color: rgba(255, 255, 255, 0.6);
|
||||
color: #333;
|
||||
border-radius: 50%;
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
font-size: 24px;
|
||||
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
|
||||
box-shadow: 0 4px 10px rgba(0,0,0,0.1);
|
||||
cursor: pointer;
|
||||
z-index: 2147483647;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
transition: opacity 0.3s, visibility 0.3s, background-color 0.3s, transform 0.3s;
|
||||
text-decoration: none;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
text-decoration: none;
|
||||
transition: all 0.3s;
|
||||
backdrop-filter: blur(10px) saturate(180%);
|
||||
-webkit-backdrop-filter: blur(10px) saturate(180%);
|
||||
border: 1px solid rgba(255, 255, 255, 0.4);
|
||||
}
|
||||
|
||||
.floating-tools a:hover {
|
||||
background-color: rgba(255, 255, 255, 0.85);
|
||||
color: var(--erji-color);
|
||||
transform: translateY(-3px);
|
||||
box-shadow: 0 6px 15px rgba(0,0,0,0.15);
|
||||
}
|
||||
|
||||
[data-theme="dark"] .floating-tools a {
|
||||
background-color: rgba(30, 30, 30, 0.6);
|
||||
color: #e5e7eb;
|
||||
box-shadow: 0 4px 10px rgba(0,0,0,0.3);
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
[data-theme="dark"] .floating-tools a:hover {
|
||||
background-color: rgba(60, 60, 60, 0.8);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Back to Top Button */
|
||||
#back-to-top {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
height: 0;
|
||||
width: 0;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
transform: scale(0);
|
||||
}
|
||||
|
||||
#back-to-top.show {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
height: 40px;
|
||||
width: 40px;
|
||||
margin-top: 0;
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
#back-to-top:hover {
|
||||
background-color: var(--erji-color);
|
||||
color: #fff;
|
||||
transform: translateY(-3px);
|
||||
}
|
||||
|
||||
[data-theme="dark"] #back-to-top {
|
||||
background-color: var(--bankuai-dark-color);
|
||||
color: var(--text-content-dark-color);
|
||||
box-shadow: 0 2px 5px rgba(255,255,255,0.1);
|
||||
}
|
||||
|
||||
[data-theme="dark"] #back-to-top:hover {
|
||||
background-color: #444;
|
||||
color: #fff;
|
||||
#back-to-top.show:hover {
|
||||
transform: scale(1) translateY(-3px);
|
||||
}
|
||||
/* GenericStrong */ [data-theme="dark"] .chroma .gs { }
|
||||
/* GenericSubheading */ [data-theme="dark"] .chroma .gu { font-weight:bold }
|
||||
|
||||
+10
@@ -0,0 +1,10 @@
|
||||
/*
|
||||
* Message.js v1.0.0
|
||||
* https://github.com/snwjas/Message.js
|
||||
*
|
||||
* Copyright 2021 snwjas
|
||||
* Released under the MIT license
|
||||
*/
|
||||
.qmsg-wrapper{position:fixed;top:20px;left:50%;z-index:99999;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none}.qmsg{position:relative;padding:10px 16px;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.15);background:#fff;margin-bottom:10px;display:flex;align-items:center;pointer-events:all;animation:qmsg-in .3s ease-out forwards;transform-origin:top center;opacity:0}.qmsg.qmsg-closing{animation:qmsg-out .3s ease-in forwards}.qmsg-icon{margin-right:8px;display:flex;align-items:center;font-size:16px}.qmsg-content{font-size:14px;color:#606266;line-height:1.4}.qmsg-close{margin-left:12px;cursor:pointer;color:#c0c4cc;font-size:14px;transition:color .2s}.qmsg-close:hover{color:#909399}.qmsg-info .qmsg-icon{color:#909399}.qmsg-success .qmsg-icon{color:#67c23a}.qmsg-warning .qmsg-icon{color:#e6a23c}.qmsg-error .qmsg-icon{color:#f56c6c}.qmsg-loading .qmsg-icon{color:#409eff;animation:qmsg-spin 2s linear infinite}@keyframes qmsg-in{0%{opacity:0;transform:translateY(-20px) scale(.8)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes qmsg-out{0%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-20px) scale(.8)}}@keyframes qmsg-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
|
||||
/* SVG Icons */
|
||||
.qmsg-icon svg{width:16px;height:16px;fill:currentColor}
|
||||
Reference in new issue
Block a user