File manager - Edit - /usr/local/cpanel/base/frontend/jupiter/filemanager/editors/html_editor.css
Back
/* # cpanel - base/frontend/jupiter/filemanager/editors/html_editor.css # Copyright 2025 WebPros International, LLC # All rights reserved. # copyright@cpanel.net http://cpanel.net # This code is subject to the cPanel license. Unauthorized copying is prohibited */ .cpanelHide { display: none; } .cpanelShow { display: block; } /* Hide form initially */ #htmlEditorForm { display: none; } #htmlEditorForm.cpanelShow { display: block; } #cjt_dynamicnotice_container { z-index: 2147483647 !important; } .jodit-upload-toast { z-index: 2147483647 !important; } /* Hide the edit icon for images as config options are not working */ .jodit-toolbar-button_pencil { display: none !important; } /* Editor disabled state during save */ .jodit-container[data-saving="true"] { position: relative; pointer-events: none !important; opacity: 0.6 !important; } .jodit-container[data-saving="true"]::before { content: "Saving..."; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0, 0, 0, 0.8); color: white; padding: 10px 20px; border-radius: 4px; z-index: 10000; font-size: 14px; font-weight: bold; } .jodit-container[data-saving="true"] .jodit-workplace { filter: blur(1px); } /* To show we can change colors */ .jodit-toolbar-editor-collection { background: #eeeeee; } /* Image Upload Progress and UX Enhancements */ .jodit-upload-progress { position: fixed; top: 20px; right: 20px; background: rgba(0, 0, 0, 0.9); color: white; padding: 15px 20px; border-radius: 8px; z-index: 2147483647 !important; min-width: 300px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); transform: translateX(100%); transition: transform 0.3s ease-in-out; } .jodit-upload-progress.show { transform: translateX(0); } .jodit-upload-progress-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; font-weight: bold; } .jodit-upload-progress-close { background: none; border: none; color: white; font-size: 18px; cursor: pointer; padding: 0; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; } .jodit-upload-progress-close:hover { opacity: 0.7; } .jodit-upload-file-item { margin-bottom: 10px; padding: 8px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .jodit-upload-file-item:last-child { border-bottom: none; margin-bottom: 0; } .jodit-upload-file-name { font-size: 12px; margin-bottom: 5px; opacity: 0.9; word-break: break-all; } .jodit-upload-file-progress { width: 100%; height: 6px; background: rgba(255, 255, 255, 0.2); border-radius: 3px; overflow: hidden; margin-bottom: 5px; } .jodit-upload-file-progress-bar { height: 100%; background: linear-gradient(90deg, #4caf50, #45a049); border-radius: 3px; transition: width 0.3s ease; width: 0%; } .jodit-upload-file-progress-bar.error { background: linear-gradient(90deg, #f44336, #d32f2f); } .jodit-upload-file-status { font-size: 11px; opacity: 0.8; } .jodit-upload-file-status.success { color: #4caf50; } .jodit-upload-file-status.error { color: #f44336; } /* Drag and Drop Visual Feedback */ .jodit-container.drag-over { position: relative; } .jodit-container.drag-over::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(76, 175, 80, 0.1); border: 2px dashed #4caf50; border-radius: 4px; z-index: 1000; pointer-events: none; } .jodit-container.drag-over::after { content: "Drop images here to upload"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(76, 175, 80, 0.9); color: white; padding: 15px 25px; border-radius: 6px; font-size: 16px; font-weight: bold; z-index: 1001; pointer-events: none; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); } /* Upload notification toast */ .jodit-upload-toast { position: fixed; bottom: 20px; right: 20px; background: #333; color: white; padding: 12px 20px; border-radius: 6px; z-index: 10002; transform: translateY(100%); transition: transform 0.3s ease-in-out; max-width: 300px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); } .jodit-upload-toast.show { transform: translateY(0); } .jodit-upload-toast.success { background: #4caf50; } .jodit-upload-toast.error { background: #f44336; } /* Image loading states */ .jodit-image-loading { opacity: 0.6; position: relative; } .jodit-image-loading::after { content: ""; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; margin: -10px 0 0 -10px; border: 2px solid #f3f3f3; border-top: 2px solid #3498db; border-radius: 50%; animation: spin 1s linear infinite; } .jodit-image-error { opacity: 0.5; border: 2px dashed #f44336; padding: 10px; background: #ffebee; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Enhanced file browser styles */ .jodit-filebrowser .jodit-filebrowser__files .jodit-filebrowser__files-item { transition: all 0.2s ease; } .jodit-filebrowser .jodit-filebrowser__files .jodit-filebrowser__files-item:hover { transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); }
| ver. 1.4 |
Github
|
.
| PHP 8.1.34 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings