From 7f7095e7906b2714e61d45eebfa403d5deebecab Mon Sep 17 00:00:00 2001 From: ashley Date: Tue, 19 Aug 2025 13:45:00 +0200 Subject: [PATCH] Update html/custom-css.ejs --- html/custom-css.ejs | 327 ++++++++++++-------------------------------- 1 file changed, 89 insertions(+), 238 deletions(-) diff --git a/html/custom-css.ejs b/html/custom-css.ejs index db5f01d1..79fbf02d 100644 --- a/html/custom-css.ejs +++ b/html/custom-css.ejs @@ -42,7 +42,7 @@ *{box-sizing:border-box} body{margin:0;color:var(--text);font-family:var(--sans);background:transparent;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden} - /* -------- NAVBAR (isolated) -------- */ + /* -------- NAVBAR -------- */ .customize-navbar{ display:flex; align-items:center; gap:16px; padding:12px 20px; position:sticky; top:0; z-index:2000; min-height:62px; @@ -109,53 +109,37 @@ .btn.warn{background:rgba(255,180,0,.12);border-color:rgba(255,180,0,.4)} .btn.err{background:rgba(239,71,111,.12);border-color:rgba(239,71,111,.4)} - /* -------- Editor (textarea overlayed by Prism) -------- */ + /* -------- Prism-Live editors -------- */ .editor-wrap{position:relative;height:min(70vh,680px);overflow:auto;background:#0a0b12} - .editor{ - position:absolute; inset:0; resize:none; width:100%; height:100%; - padding:18px 18px 18px 54px; - border:0; outline:0; background:transparent; color:transparent; - caret-color:var(--text); - font:500 var(--code-size)/1.6 var(--mono); - white-space:pre; overflow:auto; tab-size:2; -moz-tab-size:2; - -webkit-text-size-adjust:100%; - } - .hl{ - pointer-events:none; user-select:none; - padding:18px 18px 18px 54px; min-height:100%; - font:500 var(--code-size)/1.6 var(--mono); - white-space:pre; color:var(--text); - } .ln{ position:absolute; left:0; top:0; bottom:0; width:40px; background:#08090f; color:#6272a4; border-right:1px solid #0d0f1a; text-align:right; padding:18px 6px; font:500 var(--code-size)/1.6 var(--mono); user-select:none; } - - .preview{padding:14px;background:var(--panel-2)} - .preview .box{border:1px dashed var(--border);border-radius:12px;padding:14px;background:#0b0d14;min-height:180px} - - footer{max-width:1200px;margin:40px auto 50px;padding:0 16px;color:var(--muted);font-size:12px} - .btn:focus,.tab:focus{outline:none;box-shadow:var(--ring)} - - - - - - + + + + + +
- +
-
+ + 
1
- - + + 

           

         

 
@@ -260,11 +245,12 @@
               
             
           
-          

+
+          

             
1

-            
-            
+            
+            

           

         

 
@@ -296,237 +282,102 @@ document.addEventListener('DOMContentLoaded', () => {