36 lines
3.4 KiB
CSS
36 lines
3.4 KiB
CSS
|
/* Match the V5 workspace while retaining all creation fields and modes. */
|
||
|
|
.container.cc-page{max-width:1600px;padding:18px 20px 110px!important;background:var(--theme-surface-soft,#dbe3eb);border-radius:12px;--cc-blue:#336699;--cc-border:#bdcbd5}
|
||
|
|
.container.cc-page .cc-pagebar{margin-bottom:10px;font-size:12px}
|
||
|
|
.cc-v5-hero{background:linear-gradient(110deg,#162b40,#203d59);color:#f2f6fa;border:1px solid #496783;border-left:3px solid #6699cc;border-radius:12px;padding:16px 20px;margin-bottom:14px}
|
||
|
|
.cc-v5-eyebrow{font-size:10px;letter-spacing:1px;color:#c2d1df}
|
||
|
|
.container.cc-page .cc-v5-hero h1{font-size:25px;margin:3px 0 5px;font-weight:700;letter-spacing:-.5px}
|
||
|
|
.cc-v5-hero p{font-size:12px;color:#c2d1df;margin:0}
|
||
|
|
.container.cc-page .card-custom{border:1px solid var(--cc-border);border-radius:11px;box-shadow:none}
|
||
|
|
.container.cc-page .card-custom>.card-body{padding:18px 20px!important}
|
||
|
|
.container.cc-page .form-control,.container.cc-page .form-select{min-height:34px;font-size:13px;border-radius:7px;border-color:var(--cc-border)}
|
||
|
|
.container.cc-page .form-label{font-size:12px;margin-bottom:5px}
|
||
|
|
.container.cc-page textarea.form-control{background:var(--bg-element,#f6f8fa);padding:10px 12px;line-height:1.5}
|
||
|
|
.container.cc-page #cc-types{gap:6px}
|
||
|
|
.container.cc-page #cc-types>button{padding:7px 10px;min-height:34px;border-radius:7px;flex:0 1 auto}
|
||
|
|
.container.cc-page .cc-type-name{font-size:12px}
|
||
|
|
.container.cc-page #cc-types>button.active{border-color:var(--cc-blue);background:#eaf1f8;box-shadow:none}
|
||
|
|
.container.cc-page .cc-type-hint{font-size:10px;margin-top:2px}
|
||
|
|
.container.cc-page .cc-panel{border-color:var(--cc-border);border-radius:9px}
|
||
|
|
.container.cc-page .cc-panel>summary{padding:9px 12px}
|
||
|
|
.container.cc-page .cc-panel-icon{width:27px;height:27px;border-radius:6px;background:#eaf1f8;color:var(--cc-blue)}
|
||
|
|
.container.cc-page .cc-actions{padding:10px 12px;border-radius:9px;margin-top:14px!important;border-color:var(--cc-border);box-shadow:0 3px 12px #143b5614}
|
||
|
|
.container.cc-page #submitBtn{background:var(--cc-blue);border-color:var(--cc-blue);border-radius:7px;font-size:13px}
|
||
|
|
.cc-command-tools{margin:6px 0 8px;font-size:12px}
|
||
|
|
.cc-command-toolbar{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;color:var(--text-secondary,#667788)}
|
||
|
|
.cc-command-toolbar summary{cursor:pointer;font-size:12px;font-weight:600;color:var(--cc-blue)}
|
||
|
|
.cc-command-help{display:flex;flex-wrap:wrap;gap:4px;padding:8px 0}
|
||
|
|
.cc-command-help button{border:1px solid var(--cc-border);border-radius:6px;padding:4px 7px;background:var(--bg-surface,#fff);color:var(--cc-blue);font-size:11px}
|
||
|
|
.cc-command-preview{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}
|
||
|
|
.cc-command-chip{display:inline-flex;padding:4px 7px;border:1px solid #a9bfd5;border-radius:6px;background:#eaf1f8;color:#234d75;font-size:11px}
|
||
|
|
.cc-command-preview:empty{display:none}
|
||
|
|
.cc-command-recovery{padding:10px;border:1px solid #a9bfd5;border-radius:7px;margin-top:8px;background:#eaf1f8;color:#234d75}
|
||
|
|
.cc-command-recovery[hidden]{display:none}
|
||
|
|
[data-bs-theme=dark] .container.cc-page{--cc-border:#526675;--cc-blue:#91bce8;background:#101b24}
|
||
|
|
[data-bs-theme=dark] .container.cc-page #cc-types>button.active,[data-bs-theme=dark] .cc-command-chip,[data-bs-theme=dark] .cc-command-recovery{background:#203850;color:#dbeafa}
|
||
|
|
@media(max-width:600px){.container.cc-page{padding:12px 10px 110px!important}.container.cc-page .card-custom>.card-body{padding:14px 12px!important}.cc-v5-hero{padding:12px 14px}.container.cc-page .cc-v5-hero h1{font-size:22px}}
|