gpttemp
This commit is contained in:
114
code/public/static/css/modules/head/head_53.css
Normal file
114
code/public/static/css/modules/head/head_53.css
Normal file
@@ -0,0 +1,114 @@
|
||||
/* head_53.css - fold nav / theme compliant */
|
||||
|
||||
.__PFX__-h53-wrap{
|
||||
--h-bg-main: var(--bg-color);
|
||||
--h-bg-panel: var(--bg-soft-color);
|
||||
--h-bg-accent: var(--primary-color);
|
||||
--h-text-main: var(--text-color);
|
||||
--h-text-soft: var(--text-muted-color);
|
||||
|
||||
padding:10px 12px 8px;
|
||||
background:var(--h-bg-main);
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
|
||||
/* 顶部条 */
|
||||
|
||||
.__PFX__-h53-bar{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:space-between;
|
||||
gap:10px;
|
||||
}
|
||||
|
||||
.__PFX__-h53-brand{
|
||||
font-size:18px;
|
||||
font-weight:800;
|
||||
color:var(--h-text-main);
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.__PFX__-h53-toggle{
|
||||
width:34px;
|
||||
height:34px;
|
||||
border-radius:999px;
|
||||
border:1px solid var(--border-color);
|
||||
background:var(--h-bg-panel);
|
||||
color:var(--h-text-main);
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
/* 搜索 */
|
||||
|
||||
.__PFX__-h53-search{
|
||||
margin-top:6px;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
gap:6px;
|
||||
background:var(--h-bg-panel);
|
||||
border:1px solid var(--border-color);
|
||||
border-radius:999px;
|
||||
padding:4px 6px 4px 10px;
|
||||
}
|
||||
|
||||
.__PFX__-h53-search input{
|
||||
flex:1;
|
||||
border:none;
|
||||
background:transparent;
|
||||
font-size:13px;
|
||||
color:var(--h-text-main);
|
||||
outline:none;
|
||||
}
|
||||
|
||||
.__PFX__-h53-btn{
|
||||
min-width:52px;
|
||||
border:none;
|
||||
border-radius:999px;
|
||||
background:var(--h-bg-accent);
|
||||
color:#fff;
|
||||
font-size:13px;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
/* 分类导航 */
|
||||
|
||||
.__PFX__-h53-nav{
|
||||
margin-top:6px;
|
||||
}
|
||||
|
||||
.__PFX__-h53-links a{
|
||||
display:inline-block;
|
||||
margin:3px 6px 0 0;
|
||||
padding:4px 10px;
|
||||
font-size:12px;
|
||||
border-radius:999px;
|
||||
background:var(--h-bg-panel);
|
||||
color:var(--h-text-main);
|
||||
text-decoration:none;
|
||||
border:1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.__PFX__-h53-links a.active{
|
||||
background:var(--h-bg-accent);
|
||||
color:#fff;
|
||||
border-color:var(--h-bg-accent);
|
||||
}
|
||||
|
||||
/* —— 行为差异关键点 —— */
|
||||
|
||||
/* 移动端:默认隐藏导航 */
|
||||
@media (max-width: 860px){
|
||||
.__PFX__-h53-nav{
|
||||
display:none;
|
||||
}
|
||||
body.__PFX__-h53-open .__PFX__-h53-nav{
|
||||
display:block;
|
||||
}
|
||||
}
|
||||
|
||||
/* PC 端:导航始终显示,按钮隐藏 */
|
||||
@media (min-width: 861px){
|
||||
.__PFX__-h53-toggle{
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user