17 lines
2.3 KiB
CSS
17 lines
2.3 KiB
CSS
/* DEMO LIVE BOX v2 systemic (49 pages) */
|
|
.dm-box{background:linear-gradient(135deg,#0f172a,#111827)!important;border:1px solid #1e293b!important;border-radius:16px!important;padding:1.8rem!important;max-width:900px!important;margin:2rem auto!important}
|
|
.dm-box h3{font-size:1.15rem!important;font-weight:700!important;color:#f1f5f9!important;margin-bottom:1rem!important}
|
|
.dm-row{display:flex!important;gap:.8rem!important;margin-bottom:1rem!important}
|
|
.dm-row input{flex:1!important;background:#0b0d14!important;border:1px solid #334155!important;border-radius:10px!important;padding:.8rem 1rem!important;color:#e2e8f0!important;font-size:.95rem!important}
|
|
.dm-row button{background:linear-gradient(135deg,#6366f1,#7c5cfc)!important;color:#fff!important;border:none!important;border-radius:10px!important;padding:.8rem 1.6rem!important;font-weight:700!important;font-size:.95rem!important;cursor:pointer!important}
|
|
.dm-out{min-height:120px!important;max-height:500px!important;overflow-y:auto!important;padding:1.4rem 1.6rem!important;background:#0b0d14!important;border:1px solid #1e293b!important;border-radius:12px!important;font-size:.95rem!important;color:#e2e8f0!important;line-height:1.75!important}
|
|
.dm-out strong,.dm-out b{color:#a5b4fc!important;font-weight:700!important}
|
|
.dm-out code,.dm-out pre{background:#1e293b!important;color:#f0c674!important;font-family:monospace!important;border-radius:6px!important}
|
|
.dm-out code{padding:2px 8px!important;font-size:.88rem!important}
|
|
.dm-out pre{padding:14px 18px!important;overflow-x:auto!important;margin:10px 0!important;white-space:pre-wrap!important;font-size:.85rem!important}
|
|
.dm-ld{width:8px!important;height:8px!important;background:#6366f1!important}
|
|
#cta>div{background:linear-gradient(135deg,#0f172a,#111827)!important;border:1px solid rgba(99,102,241,.2)!important;border-radius:16px!important;padding:2rem!important}
|
|
#cta h3{font-size:1.1rem!important;color:#818cf8!important;margin-bottom:1rem!important}
|
|
#cta input{padding:.8rem!important;font-size:.95rem!important;margin-bottom:.7rem!important;background:#0b0d14!important;border:1px solid #334155!important;border-radius:10px!important;color:#e2e8f0!important}
|
|
#cta button{background:linear-gradient(135deg,#6366f1,#7c5cfc)!important;padding:.85rem!important;border-radius:10px!important;font-size:.95rem!important;font-weight:700!important}
|