|
|
| 第1行： |
第1行： |
| /* 文本复制工具样式 */ | | /* 文本复制工具样式 */ |
| #copy-text-tool { | | #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; | | font-family: sans-serif; |
| } | | } |
|
| |
|
| #copy-text-tool.minimized { | | #copy-text-tool button { |
| width: auto;
| | font-family: inherit; |
| }
| |
| | |
| #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;
| |
| } | | } |
/* 文本复制工具样式 */
#copy-text-tool {
font-family: sans-serif;
}
#copy-text-tool button {
font-family: inherit;
}