gpttemp
This commit is contained in:
30
code/public/static/css/modules/head/head_57.css
Normal file
30
code/public/static/css/modules/head/head_57.css
Normal file
@@ -0,0 +1,30 @@
|
||||
/* head_57.css - split + fieldset + chips (odd fold, theme) */
|
||||
.__PFX__-h57-split{
|
||||
--h-bg-main: var(--bg-color);
|
||||
--h-bg-panel: var(--bg-soft-color);
|
||||
--h-bg-accent: var(--accent-color);
|
||||
--h-text-main: var(--text-color);
|
||||
--h-text-soft: var(--text-muted-color);
|
||||
background:var(--h-bg-main);
|
||||
border-bottom:1px solid var(--border-color);
|
||||
padding:12px 12px 10px;
|
||||
}
|
||||
.__PFX__-h57-top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
|
||||
.__PFX__-h57-brand{text-decoration:none;color:var(--h-text-main);font-weight:900;font-size:20px;}
|
||||
.__PFX__-h57-sub{margin-left:10px;font-size:12px;color:var(--h-text-soft);}
|
||||
.__PFX__-h57-toggle{border:1px solid var(--border-color);background:var(--h-bg-panel);color:var(--h-text-main);border-radius:10px;padding:8px 10px;cursor:pointer;}
|
||||
.__PFX__-h57-box{margin:10px 0 0;border:1px dashed var(--border-color);border-radius:12px;padding:10px;}
|
||||
.__PFX__-h57-search{display:flex;gap:8px;background:var(--h-bg-panel);border:1px solid var(--border-color);border-radius:999px;padding:5px 6px 5px 12px;}
|
||||
.__PFX__-h57-search input{flex:1;border:none;outline:none;font-size:13px;background:transparent;color:var(--h-text-main);}
|
||||
.__PFX__-h57-btn{border:none;border-radius:999px;background:var(--primary-color);color:var(--h-text-main);padding:8px 12px;cursor:pointer;}
|
||||
.__PFX__-h57-nav{margin-top:10px;}
|
||||
.__PFX__-h57-chips{display:flex;flex-wrap:wrap;gap:8px;}
|
||||
.__PFX__-h57-chips a{text-decoration:none;font-size:12px;color:var(--h-text-main);background:var(--h-bg-panel);border-radius:999px;padding:6px 10px;border:1px solid var(--border-color);}
|
||||
.__PFX__-h57-chips a.active{background:var(--primary-color);border-color:var(--primary-color);font-weight:800;}
|
||||
@media (max-width:860px){
|
||||
.__PFX__-h57-nav{display:none;}
|
||||
body.__PFX__-h57-open .__PFX__-h57-nav{display:block;}
|
||||
}
|
||||
@media (min-width:861px){
|
||||
.__PFX__-h57-toggle{display:none;}
|
||||
}
|
||||
Reference in New Issue
Block a user