diff options
Diffstat (limited to 'static/css/main.css')
| -rw-r--r-- | static/css/main.css | 87 |
1 files changed, 87 insertions, 0 deletions
diff --git a/static/css/main.css b/static/css/main.css index ca70e63..969b156 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -605,4 +605,91 @@ footer::before { .ib-loader-seg:nth-child(12) { top: 3px; left: 5px; +} + +/* Upload All Button Styles */ +.upload-all-btn { + padding: 12px 24px; + cursor: pointer; + transition: all 0.3s ease; + width: auto; + min-width: 120px; +} + +.upload-all-btn:disabled { + cursor: not-allowed; + opacity: 0.6; +} + +.upload-all-btn.uploading { + background-color: #444400; + border-color: #ffff00; + color: #ffffcc; +} + +.upload-all-btn.success { + background-color: #004400; + border-color: #00ff00; + color: #ccffcc; + animation: successPulse 1s ease-in-out; +} + +.upload-all-btn.warning { + background-color: #664400; + border-color: #ffaa00; + color: #ffeecc; +} + +.upload-all-btn.error { + background-color: #440000; + border-color: #ff0000; + color: #ffcccc; +} + +@keyframes successPulse { + 0% { + box-shadow: 0 0 0 rgba(0, 255, 0, 0.4); + } + + 50% { + box-shadow: 0 0 16px rgba(0, 255, 0, 0.6); + } + + 100% { + box-shadow: 0 0 0 rgba(0, 255, 0, 0.4); + } +} + +.preview-area.uploaded { + opacity: 0.7; + background-color: rgba(0, 68, 0, 0.1); + border-left: 3px solid #00ff00; + padding-left: 8px; +} + +.preview-area.upload-error { + background-color: rgba(68, 0, 0, 0.1); + border-left: 3px solid #ff0000; + padding-left: 8px; +} + +.preview-remove-btn.uploaded { + background-color: #004400; + border-color: #00ff00; + color: #ccffcc; + cursor: default; +} + +.preview-remove-btn.uploading { + background-color: #333333; + border-color: #666666; + color: #999999; + cursor: not-allowed; + opacity: 0.6; +} + +.preview-remove-btn.error { + background-color: #440000; + border-color: #ff0000; + color: #ffcccc; }
\ No newline at end of file |