gpttemp
This commit is contained in:
64
code/public/static/css/modules/head/head_55.css
Normal file
64
code/public/static/css/modules/head/head_55.css
Normal file
@@ -0,0 +1,64 @@
|
||||
/* head_55.css - strip + belt (odd fold, theme) */
|
||||
.__PFX__-h55-strip{
|
||||
--h-bg-main: var(--bg-soft-color);
|
||||
--h-bg-panel: var(--bg-color);
|
||||
--h-bg-accent: var(--primary-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:10px 12px;
|
||||
}
|
||||
.__PFX__-h55-head{display:flex;align-items:center;justify-content:space-between;gap:10px;}
|
||||
.__PFX__-h55-home{color:var(--h-text-main);text-decoration:none;font-weight:900;font-size:18px;}
|
||||
.__PFX__-h55-toggle{
|
||||
border:1px solid var(--border-color);
|
||||
background:var(--h-bg-panel);
|
||||
color:var(--h-text-main);
|
||||
border-radius:999px;
|
||||
padding:7px 10px;
|
||||
cursor:pointer;
|
||||
}
|
||||
.__PFX__-h55-line{
|
||||
margin-top:10px;
|
||||
display:flex;
|
||||
gap:8px;
|
||||
background:var(--h-bg-panel);
|
||||
border:1px solid var(--border-color);
|
||||
border-radius:12px;
|
||||
padding:6px 8px;
|
||||
}
|
||||
.__PFX__-h55-line input{flex:1;border:none;outline:none;font-size:13px;background:transparent;color:var(--h-text-main);}
|
||||
.__PFX__-h55-go{
|
||||
border:none;
|
||||
border-radius:10px;
|
||||
background:var(--h-bg-accent);
|
||||
color:var(--h-text-main);
|
||||
padding:7px 10px;
|
||||
cursor:pointer;
|
||||
}
|
||||
.__PFX__-h55-nav{margin-top:8px;}
|
||||
.__PFX__-h55-belt{display:flex;gap:8px;overflow:auto;padding-bottom:2px;scrollbar-width:none;}
|
||||
.__PFX__-h55-belt::-webkit-scrollbar{display:none;}
|
||||
.__PFX__-h55-belt a{
|
||||
white-space:nowrap;
|
||||
text-decoration:none;
|
||||
font-size:12px;
|
||||
color:var(--h-text-main);
|
||||
background:var(--h-bg-panel);
|
||||
border:1px solid var(--border-color);
|
||||
padding:6px 10px;
|
||||
border-radius:999px;
|
||||
}
|
||||
.__PFX__-h55-belt a.active{
|
||||
background:var(--h-bg-accent);
|
||||
border-color:var(--h-bg-accent);
|
||||
font-weight:800;
|
||||
}
|
||||
@media (max-width:860px){
|
||||
.__PFX__-h55-nav{display:none;}
|
||||
body.__PFX__-h55-open .__PFX__-h55-nav{display:block;}
|
||||
}
|
||||
@media (min-width:861px){
|
||||
.__PFX__-h55-toggle{display:none;}
|
||||
}
|
||||
Reference in New Issue
Block a user