MediaWiki:Gadget-CopyTextTool.css
来自卡厄思梦境WIKI
注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的更改的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5。
/* 文本复制工具样式 */
#copy-text-tool {
position: fixed;
top: 100px;
right: 20px;
width: 300px;
background: white;
border: 2px solid #2196F3;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
z-index: 9999;
font-family: sans-serif;
}
#copy-text-tool.minimized {
width: auto;
}
#copy-text-tool.minimized .tool-body {
display: none;
}
.tool-header {
background: #2196F3;
color: white;
padding: 10px;
cursor: move;
display: flex;
justify-content: space-between;
align-items: center;
border-radius: 6px 6px 0 0;
}
.tool-title {
font-weight: bold;
font-size: 14px;
}
.tool-controls {
display: flex;
gap: 5px;
}
.tool-btn {
background: rgba(255,255,255,0.2);
border: none;
color: white;
cursor: pointer;
padding: 2px 8px;
border-radius: 3px;
font-size: 12px;
}
.tool-btn:hover {
background: rgba(255,255,255,0.3);
}
.tool-body {
padding: 15px;
}
.copy-button {
width: 100%;
margin-bottom: 8px;
padding: 12px;
background: #2196F3;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 14px;
transition: background 0.2s;
}
.copy-button:hover {
background: #1976D2;
}
.copy-button:active {
background: #0D47A1;
}
.tool-status {
text-align: center;
color: #666;
padding: 8px;
font-size: 12px;
min-height: 20px;
}
.tool-status.success {
color: #2196F3;
font-weight: bold;
}
.pin-control {
display: flex;
align-items: center;
gap: 5px;
padding: 8px;
background: #f5f5f5;
border-radius: 4px;
margin-bottom: 10px;
}
.pin-control input[type="checkbox"] {
width: 16px;
height: 16px;
cursor: pointer;
}
.pin-control label {
cursor: pointer;
font-size: 13px;
user-select: none;
}