57 lines
2.4 KiB
CSS
57 lines
2.4 KiB
CSS
/* head_64.css - shelf panel (odd: panel hidden until click on mobile, always visible on PC) */
|
|
.__PFX__-h64-shelf{
|
|
--h-accent: var(--primary-color);
|
|
padding:10px 12px;
|
|
background:var(--bg-color);
|
|
border-bottom:1px solid var(--border-color);
|
|
}
|
|
.__PFX__-h64-top{
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content:space-between;
|
|
gap:10px;
|
|
}
|
|
.__PFX__-h64-l{display:flex;align-items:baseline;gap:8px;min-width:0;}
|
|
.__PFX__-h64-brand{text-decoration:none;color:var(--text-color);font-weight:900;font-size:18px;white-space:nowrap;}
|
|
.__PFX__-h64-dot{color:var(--text-muted-color);}
|
|
.__PFX__-h64-tip{color:var(--text-muted-color);font-size:12px;white-space:nowrap;}
|
|
.__PFX__-h64-k{
|
|
border:1px solid var(--border-color);
|
|
background:var(--bg-soft-color);
|
|
color:var(--text-color);
|
|
border-radius:999px;
|
|
padding:7px 10px;
|
|
cursor:pointer;
|
|
}
|
|
.__PFX__-h64-search{
|
|
margin-top:8px;
|
|
display:flex;
|
|
gap:6px;
|
|
padding:4px 6px 4px 10px;
|
|
border:1px solid var(--border-color);
|
|
border-radius:12px;
|
|
background:var(--bg-soft-color);
|
|
}
|
|
.__PFX__-h64-search input{flex:1;min-width:0;border:none;outline:none;background:transparent;color:var(--text-color);font-size:13px;}
|
|
.__PFX__-h64-btn{border:none;border-radius:10px;background:var(--h-accent);color:var(--text-color);padding:6px 10px;cursor:pointer;font-size:12px;}
|
|
.__PFX__-h64-panel{
|
|
margin-top:10px;
|
|
background:var(--bg-color);
|
|
border:1px solid var(--border-color);
|
|
border-radius:14px;
|
|
padding:10px;
|
|
}
|
|
.__PFX__-h64-home{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px;}
|
|
.__PFX__-h64-home a{text-decoration:none;font-size:12px;color:var(--text-color);background:var(--bg-soft-color);border:1px solid var(--border-color);border-radius:12px;padding:6px 10px;}
|
|
.__PFX__-h64-home a.active{background:var(--h-accent);border-color:var(--h-accent);font-weight:800;}
|
|
.__PFX__-h64-tags{display:flex;flex-wrap:wrap;gap:8px;}
|
|
.__PFX__-h64-tags a{text-decoration:none;font-size:12px;color:var(--text-color);background:var(--bg-soft-color);border:1px solid var(--border-color);border-radius:999px;padding:6px 10px;}
|
|
.__PFX__-h64-tags a.active{background:var(--primary-color);border-color:var(--primary-color);font-weight:800;}
|
|
@media (max-width:860px){
|
|
.__PFX__-h64-panel{display:none;}
|
|
body.__PFX__-h64-open .__PFX__-h64-panel{display:block;}
|
|
}
|
|
@media (min-width:861px){
|
|
.__PFX__-h64-k{display:none;}
|
|
}
|