199 lines
16 KiB
CSS
199 lines
16 KiB
CSS
/* WP Multi Formular – Admin CSS v2.0 */
|
||
:root{--wmf-primary:#2271b1;--wmf-primary-h:#135e96;--wmf-error:#d63638;--wmf-border:#dcdcde;--wmf-radius:4px;--wmf-shadow:0 1px 4px rgba(0,0,0,.1);}
|
||
.wmf-admin-wrap{max-width:1400px;}
|
||
.wmf-page-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
|
||
.wmf-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;background:#e8f0fb;color:var(--wmf-primary);vertical-align:middle;}
|
||
.wmf-sc-copy,.wmf-sc-badge{font-size:12px;font-family:monospace;background:#f6f7f7;border:1px solid var(--wmf-border);border-radius:3px;padding:3px 8px;cursor:pointer;display:inline-block;transition:background .15s;}
|
||
.wmf-sc-copy:hover,.wmf-sc-badge:hover{background:#e0e0e0;}
|
||
.wmf-row-actions .button{margin-right:4px;}
|
||
.wmf-btn-delete{color:var(--wmf-error)!important;border-color:var(--wmf-error)!important;}
|
||
.wmf-btn-delete:hover{background:#fef2f2!important;}
|
||
.wmf-empty-state{text-align:center;padding:60px 20px;background:#fff;border:1px solid var(--wmf-border);border-radius:var(--wmf-radius);margin-top:20px;}
|
||
.wmf-empty-icon{font-size:56px;color:#c3c4c7;display:block;margin-bottom:12px;}
|
||
/* Builder */
|
||
.wmf-form-title-row{display:flex;gap:10px;align-items:center;margin:14px 0;}
|
||
.wmf-title-input{flex:1;font-size:21px;font-weight:600;padding:8px 12px;border:2px solid var(--wmf-border);border-radius:var(--wmf-radius);box-sizing:border-box;max-width:600px;}
|
||
.wmf-title-input:focus{border-color:var(--wmf-primary);outline:none;}
|
||
.wmf-builder-layout{display:grid;grid-template-columns:210px 1fr 275px;gap:14px;align-items:start;}
|
||
.wmf-palette{background:#fff;border:1px solid var(--wmf-border);border-radius:var(--wmf-radius);padding:12px;position:sticky;top:32px;max-height:calc(100vh - 100px);overflow-y:auto;}
|
||
.wmf-palette-search{width:100%;box-sizing:border-box;padding:6px 8px;border:1px solid #c3c4c7;border-radius:3px;font-size:13px;margin-bottom:10px;}
|
||
.wmf-palette-cat-title{font-size:11px;text-transform:uppercase;color:#a7aaad;margin:10px 0 5px;display:flex;align-items:center;gap:5px;}
|
||
.wmf-palette-cat-title .dashicons{font-size:14px;width:14px;height:14px;}
|
||
.wmf-palette-item{display:flex;align-items:center;gap:7px;padding:7px 9px;border-radius:3px;background:#f6f7f7;border:1px solid #e0e0e0;cursor:grab;font-size:13px;user-select:none;transition:background .1s,border-color .1s;margin-bottom:4px;}
|
||
.wmf-palette-item:hover{background:#e8f0fb;border-color:var(--wmf-primary);color:var(--wmf-primary);}
|
||
.wmf-palette-item .dashicons{font-size:15px;width:15px;height:15px;flex-shrink:0;}
|
||
.wmf-palette-item.wmf-hidden{display:none;}
|
||
.wmf-canvas-col{display:flex;flex-direction:column;gap:10px;}
|
||
.wmf-canvas{min-height:420px;background:#fff;border:2px dashed #c3c4c7;border-radius:var(--wmf-radius);padding:14px;transition:border-color .2s;}
|
||
.wmf-canvas.drag-over{border-color:var(--wmf-primary);background:#f0f6fc;}
|
||
.wmf-canvas-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:#a7aaad;text-align:center;}
|
||
.wmf-canvas-empty.wmf-hidden{display:none;}
|
||
.wmf-field-list{display:flex;flex-direction:column;gap:6px;}
|
||
.wmf-canvas-field{display:flex;align-items:center;gap:8px;background:#f6f7f7;border:1.5px solid var(--wmf-border);border-radius:var(--wmf-radius);padding:9px 11px;cursor:pointer;transition:border-color .15s,background .15s;}
|
||
.wmf-canvas-field:hover{border-color:var(--wmf-primary);background:#f0f6fc;}
|
||
.wmf-canvas-field.wmf-active{border-color:var(--wmf-primary);background:#e8f0fb;box-shadow:0 0 0 2px rgba(34,113,177,.2);}
|
||
.wmf-drag-handle{cursor:grab;color:#a7aaad;font-size:18px;flex-shrink:0;}
|
||
.wmf-drag-handle:hover{color:var(--wmf-primary);}
|
||
.wmf-field-type-icon{color:#646970;flex-shrink:0;}
|
||
.wmf-field-label{flex:1;font-size:13px;font-weight:500;}
|
||
.wmf-field-type-badge{font-size:10px;color:#a7aaad;}
|
||
.wmf-field-req-mark{color:var(--wmf-error);font-size:13px;}
|
||
.wmf-step-badge{font-size:10px;background:#e8f0fb;color:var(--wmf-primary);padding:1px 6px;border-radius:8px;}
|
||
.wmf-step-select{font-size:11px;border:1px solid #c3c4c7;border-radius:3px;padding:1px 4px;background:#fff;color:#646970;cursor:pointer;flex-shrink:0;}
|
||
.wmf-field-del{background:none;border:none;cursor:pointer;color:#a7aaad;padding:2px 4px;border-radius:3px;font-size:15px;transition:color .1s,background .1s;}
|
||
.wmf-field-del:hover{color:var(--wmf-error);background:#fef2f2;}
|
||
.wmf-canvas-field.ui-sortable-helper{box-shadow:var(--wmf-shadow);opacity:.9;}
|
||
.wmf-canvas-field.ui-sortable-placeholder{background:#e8f0fb;border:2px dashed var(--wmf-primary);visibility:visible!important;}
|
||
.wmf-canvas-footer{display:flex;gap:8px;padding:12px 14px;background:#fff;border:1px solid var(--wmf-border);border-radius:var(--wmf-radius);position:sticky;bottom:12px;box-shadow:var(--wmf-shadow);}
|
||
.wmf-settings-col{position:sticky;top:32px;max-height:calc(100vh - 100px);overflow-y:auto;}
|
||
.wmf-panel{background:#fff;border:1px solid var(--wmf-border);border-radius:var(--wmf-radius);margin-bottom:10px;overflow:hidden;}
|
||
.wmf-panel-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#f6f7f7;border-bottom:1px solid var(--wmf-border);font-size:13px;font-weight:600;}
|
||
.wmf-panel-close{background:none;border:none;cursor:pointer;color:#a7aaad;font-size:16px;padding:0;}
|
||
.wmf-panel-close:hover{color:var(--wmf-error);}
|
||
.wmf-panel-body{padding:14px;}
|
||
.wmf-panel-foot{padding:10px 14px;border-top:1px solid var(--wmf-border);}
|
||
.wmf-loading-msg{color:#a7aaad;font-style:italic;font-size:13px;}
|
||
.wmf-tabs{display:flex;border-bottom:1px solid var(--wmf-border);background:#f6f7f7;}
|
||
.wmf-tab{background:none;border:none;padding:9px 13px;font-size:12px;cursor:pointer;border-bottom:2px solid transparent;color:#646970;margin-bottom:-1px;font-weight:500;}
|
||
.wmf-tab:hover{color:var(--wmf-primary);}
|
||
.wmf-tab.active{color:var(--wmf-primary);border-bottom-color:var(--wmf-primary);font-weight:600;background:#fff;}
|
||
.wmf-tab-pane{display:none;padding:14px;}
|
||
.wmf-tab-pane.active{display:block;}
|
||
.wmf-sg{margin-bottom:12px;}
|
||
.wmf-sg label{display:block;font-size:12px;font-weight:600;color:#1d2327;margin-bottom:4px;}
|
||
.wmf-sg-head{font-size:11px;text-transform:uppercase;color:#a7aaad;font-weight:600;margin-bottom:8px!important;}
|
||
.wmf-sg input[type=text],.wmf-sg input[type=email],.wmf-sg input[type=url],.wmf-sg input[type=number],.wmf-sg textarea,.wmf-sg select{width:100%;box-sizing:border-box;}
|
||
.wmf-field-setting{margin-bottom:10px;}
|
||
.wmf-field-setting label{display:block;font-size:12px;font-weight:600;margin-bottom:3px;color:#1d2327;}
|
||
.wmf-field-setting input[type=text],.wmf-field-setting input[type=number],.wmf-field-setting textarea,.wmf-field-setting select{width:100%;box-sizing:border-box;}
|
||
.wmf-field-inline label{display:flex!important;align-items:center;gap:6px;font-weight:normal!important;font-size:13px;cursor:pointer;}
|
||
.wmf-settings-sep{border:none;border-top:1px solid var(--wmf-border);margin:12px 0;}
|
||
.wmf-hint{font-size:10px;color:#a7aaad;font-weight:normal;}
|
||
.wmf-rule-row{display:flex;gap:5px;margin-bottom:6px;align-items:center;}
|
||
.wmf-rule-row select,.wmf-rule-row input{flex:1;font-size:12px;}
|
||
.wmf-rule-remove{background:none;border:none;color:var(--wmf-error);cursor:pointer;font-size:15px;flex-shrink:0;padding:0 4px;}
|
||
.wmf-add-rule{font-size:12px;margin-top:4px;}
|
||
.wmf-conditional-rules{margin-top:10px;padding:10px;background:#f9f9f9;border-radius:3px;border:1px solid var(--wmf-border);}
|
||
.wmf-opts-list{margin-bottom:8px;}
|
||
.wmf-opt-row{display:flex;gap:5px;align-items:center;margin-bottom:5px;}
|
||
.wmf-opt-row input{flex:1;font-size:12px;}
|
||
.wmf-opt-del{background:none;border:none;color:var(--wmf-error);cursor:pointer;font-size:15px;flex-shrink:0;}
|
||
.wmf-add-opt{font-size:12px;}
|
||
.wmf-submissions-wrap{margin-top:14px;}
|
||
.wmf-submissions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
|
||
.wmf-status{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;}
|
||
.wmf-status-neu{background:#e8f0fb;color:var(--wmf-primary);}
|
||
.wmf-status-gelesen{background:#f0fdf4;color:#166534;}
|
||
.wmf-status-archiviert{background:#f6f7f7;color:#646970;}
|
||
#wmf-preview-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:99999;overflow-y:auto;padding:20px;}
|
||
.wmf-preview-inner{max-width:700px;margin:20px auto;background:#fff;border-radius:8px;padding:32px;position:relative;}
|
||
/* Integrations */
|
||
.wmf-integrations-widget .mode-group{margin:0 0 1em;}
|
||
.wmf-buttongroup{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;}
|
||
.wmf-buttongroup input[type=radio]{position:absolute;opacity:0;width:0;height:0;}
|
||
.wmf-buttongroup label span{display:inline-block;padding:4px 12px;border:1px solid #8c8f94;border-radius:3px;cursor:pointer;background:#f6f7f7;font-size:13px;line-height:2;}
|
||
.wmf-buttongroup input[type=radio]:checked+span{background:var(--wmf-primary);border-color:var(--wmf-primary);color:#fff;}
|
||
.wmf-service-integration{display:none;}
|
||
.wmf-stripe-block,.wmf-paypal-block{display:none;}
|
||
#wmf-service-stripe[data-active-mode=live] .wmf-stripe-block-live,#wmf-service-stripe[data-active-mode=test] .wmf-stripe-block-test,#wmf-service-paypal[data-active-mode=live] .wmf-paypal-block-live,#wmf-service-paypal[data-active-mode=sandbox] .wmf-paypal-block-sandbox{display:block;}
|
||
#wmf-int-widget-recaptcha .has-service-selection[data-active-service=recaptcha] #wmf-service-recaptcha,#wmf-int-widget-recaptcha .has-service-selection[data-active-service=recaptchav3] #wmf-service-recaptchav3{display:block;}
|
||
#wmf-integration-toolbar{margin-bottom:15px;}
|
||
#wmf-integration-toolbar .media-toolbar-secondary{float:left;margin-top:11px;}
|
||
#wmf-no-integrations-found{color:#646970;font-size:16px;text-align:center;padding:60px 0;display:none;}
|
||
#wmf-integrations-results-wrap.no-results #wmf-no-integrations-found{display:block;}
|
||
#wmf-integrations-results{display:none;}
|
||
#wmf-integrations-results .postbox-container{width:25%;padding:0 8px;box-sizing:border-box;float:left;}
|
||
.wmf-integrations-widget{box-sizing:border-box;}
|
||
.wmf-integrations-widget .handle-actions{display:none;}
|
||
.wmf-integrations-widget.closed .inside,.wmf-integrations-widget.closed br.clear{display:block;}
|
||
@media(max-width:1200px){.wmf-builder-layout{grid-template-columns:190px 1fr 250px;}}
|
||
@media(max-width:960px){.wmf-builder-layout{grid-template-columns:1fr;}.wmf-palette,.wmf-settings-col{position:static;max-height:none;}}
|
||
@media(max-width:799px){#wmf-integrations-results .postbox-container{width:100%;}}
|
||
|
||
|
||
/* ============================================================
|
||
EINREICHUNGEN – LISTE
|
||
============================================================ */
|
||
.wmf-submissions-wrap { margin-top:16px; }
|
||
.wmf-subs-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
|
||
.wmf-subs-title { margin:0; font-size:18px; display:flex; align-items:center; gap:10px; }
|
||
.wmf-subs-count { display:inline-flex; align-items:center; justify-content:center; min-width:24px; height:24px; background:#2271b1; color:#fff; border-radius:12px; font-size:12px; font-weight:700; padding:0 7px; }
|
||
.wmf-subs-filter-bar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; margin-bottom:12px; border-bottom:1px solid #dcdcde; padding-bottom:12px; }
|
||
.wmf-status-tabs { display:flex; gap:0; }
|
||
.wmf-status-tab { padding:6px 14px; text-decoration:none; color:#646970; border:1px solid transparent; border-bottom:none; font-size:13px; }
|
||
.wmf-status-tab:hover { color:#2271b1; }
|
||
.wmf-status-tab.current { color:#1d2327; background:#fff; border-color:#dcdcde; border-bottom-color:#fff; font-weight:600; margin-bottom:-1px; z-index:1; position:relative; }
|
||
.wmf-status-tab .count { color:#a7aaad; font-size:11px; }
|
||
.wmf-subs-search { display:flex; gap:6px; align-items:center; }
|
||
.wmf-search-input { padding:6px 10px; border:1px solid #c3c4c7; border-radius:3px; font-size:13px; width:220px; }
|
||
.wmf-table-wrap { overflow-x:auto; }
|
||
.wmf-submissions-table { min-width:600px; }
|
||
.wmf-submissions-table .wmf-col-id { width:55px; }
|
||
.wmf-submissions-table .wmf-col-date { width:130px; white-space:nowrap; }
|
||
.wmf-submissions-table .wmf-col-status { width:130px; }
|
||
.wmf-submissions-table .wmf-col-actions{ width:160px; white-space:nowrap; }
|
||
.wmf-sub-row a { text-decoration:none; color:inherit; }
|
||
.wmf-sub-row a:hover { color:#2271b1; }
|
||
.wmf-sub-new td { font-weight:600; }
|
||
.wmf-sub-id-link { font-weight:700; color:#2271b1!important; }
|
||
.wmf-time { display:block; font-size:11px; color:#a7aaad; }
|
||
.wmf-status-select { border:none; background:transparent; font-size:12px; font-weight:600; cursor:pointer; padding:3px 6px; border-radius:10px; }
|
||
.wmf-status-select.wmf-status-neu { background:#e8f0fb; color:#2271b1; }
|
||
.wmf-status-select.wmf-status-gelesen { background:#f0fdf4; color:#166534; }
|
||
.wmf-status-select.wmf-status-archiviert { background:#f6f7f7; color:#646970; }
|
||
.wmf-status-form { display:inline; }
|
||
.wmf-col-actions .button { margin-right:3px; font-size:11px; }
|
||
.wmf-pagination { display:flex; align-items:center; gap:10px; margin-top:16px; }
|
||
.wmf-page-info { font-size:13px; color:#646970; }
|
||
.wmf-empty-submissions { text-align:center; padding:60px 20px; color:#646970; }
|
||
|
||
/* ============================================================
|
||
EINREICHUNGEN – DETAILANSICHT
|
||
============================================================ */
|
||
.wmf-submission-detail { max-width:900px; }
|
||
.wmf-detail-nav { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; }
|
||
.wmf-detail-nav-arrows { display:flex; gap:6px; }
|
||
|
||
.wmf-detail-meta-card {
|
||
display:grid; grid-template-columns:repeat(auto-fill, minmax(180px,1fr)); gap:1px;
|
||
background:#dcdcde; border:1px solid #dcdcde; border-radius:4px; overflow:hidden; margin-bottom:24px;
|
||
}
|
||
.wmf-detail-meta-item { background:#fff; padding:14px 16px; }
|
||
.wmf-detail-meta-label { font-size:11px; text-transform:uppercase; color:#a7aaad; font-weight:600; display:block; margin-bottom:4px; }
|
||
.wmf-detail-meta-value { font-size:14px; font-weight:600; color:#1d2327; }
|
||
.wmf-detail-meta-actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; grid-column: span 2; }
|
||
|
||
.wmf-detail-fields { background:#fff; border:1px solid #dcdcde; border-radius:4px; overflow:hidden; margin-bottom:20px; }
|
||
.wmf-detail-section-title { margin:0; padding:14px 20px; font-size:14px; background:#f6f7f7; border-bottom:1px solid #dcdcde; }
|
||
.wmf-detail-fields-grid { padding:8px 0; }
|
||
|
||
.wmf-detail-field { display:grid; grid-template-columns:220px 1fr; border-bottom:1px solid #f0f0f1; min-height:48px; }
|
||
.wmf-detail-field:last-child { border-bottom:none; }
|
||
.wmf-detail-field-label { padding:14px 20px; background:#f6f7f7; font-weight:600; font-size:13px; color:#1d2327; display:flex; flex-direction:column; gap:3px; border-right:1px solid #dcdcde; }
|
||
.wmf-detail-field-type { font-size:10px; text-transform:uppercase; color:#a7aaad; font-weight:normal; }
|
||
.wmf-detail-field-value { padding:14px 20px; font-size:14px; color:#1d2327; word-break:break-word; }
|
||
|
||
.wmf-val-text { white-space:pre-wrap; }
|
||
.wmf-val-textarea{ white-space:pre-wrap; line-height:1.6; }
|
||
.wmf-val-list { margin:0; padding-left:18px; }
|
||
.wmf-val-list li { margin-bottom:3px; }
|
||
.wmf-val-stars { display:flex; align-items:center; gap:4px; }
|
||
.wmf-val-files { display:flex; flex-wrap:wrap; gap:10px; align-items:flex-start; }
|
||
.wmf-val-file-img img { border-radius:4px; border:1px solid #dcdcde; }
|
||
.wmf-val-file-link { display:inline-flex; align-items:center; gap:5px; padding:4px 10px; background:#f6f7f7; border:1px solid #dcdcde; border-radius:3px; text-decoration:none; font-size:13px; }
|
||
.wmf-val-file-link:hover { background:#e8f0fb; border-color:#2271b1; }
|
||
.wmf-empty-value { color:#a7aaad; font-style:italic; font-size:13px; }
|
||
|
||
.wmf-detail-technical { margin-top:8px; background:#fff; border:1px solid #dcdcde; border-radius:4px; }
|
||
.wmf-detail-technical summary { padding:12px 16px; cursor:pointer; font-size:13px; color:#646970; user-select:none; }
|
||
.wmf-detail-technical summary:hover { color:#2271b1; }
|
||
.wmf-detail-technical table { margin:0 16px 16px; width:calc(100% - 32px); }
|
||
.wmf-detail-technical th { width:160px; font-weight:600; background:#f6f7f7; padding:8px 12px; font-size:12px; }
|
||
.wmf-detail-technical td { padding:8px 12px; font-size:13px; word-break:break-all; }
|
||
|
||
@media(max-width:700px) {
|
||
.wmf-detail-field { grid-template-columns:1fr; }
|
||
.wmf-detail-field-label { border-right:none; border-bottom:1px solid #dcdcde; padding-bottom:8px; }
|
||
.wmf-detail-meta-card { grid-template-columns:1fr 1fr; }
|
||
}
|