gpttemp
This commit is contained in:
98
code/public/static/css/modules/head/head_51.css
Normal file
98
code/public/static/css/modules/head/head_51.css
Normal file
@@ -0,0 +1,98 @@
|
||||
/* head_51.css - fold nav (odd template) */
|
||||
|
||||
.__PFX__-h51-wrap{
|
||||
padding:10px 12px 8px;
|
||||
background:radial-gradient(circle at top,var(--grad-start),var(--bg-color));
|
||||
border-bottom:1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.__PFX__-h51-top{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:space-between;
|
||||
gap:8px;
|
||||
}
|
||||
|
||||
.__PFX__-h51-title{
|
||||
font-size:18px;
|
||||
font-weight:700;
|
||||
color:var(--text_primary,#111827);
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.__PFX__-h51-menu{
|
||||
width:32px;
|
||||
height:32px;
|
||||
border-radius:999px;
|
||||
border:1px solid var(--border-color);
|
||||
background:rgba(255,255,255,.7);
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.__PFX__-h51-search{
|
||||
margin-top:6px;
|
||||
display:flex;
|
||||
background:#fff;
|
||||
border-radius:999px;
|
||||
border:1px solid var(--border-color);
|
||||
padding:3px 4px 3px 10px;
|
||||
}
|
||||
|
||||
.__PFX__-h51-search input{
|
||||
flex:1;
|
||||
border:none;
|
||||
font-size:13px;
|
||||
background:transparent;
|
||||
outline:none;
|
||||
}
|
||||
|
||||
.__PFX__-h51-sbtn{
|
||||
min-width:50px;
|
||||
border:none;
|
||||
border-radius:999px;
|
||||
background:var(--primary-color);
|
||||
color:#fff;
|
||||
font-size:13px;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.__PFX__-h51-nav{
|
||||
margin-top:4px;
|
||||
}
|
||||
|
||||
.__PFX__-h51-links a{
|
||||
display:inline-block;
|
||||
margin:3px 6px 0 0;
|
||||
padding:3px 8px;
|
||||
font-size:12px;
|
||||
border-radius:6px;
|
||||
background:rgba(255,255,255,.85);
|
||||
color:var(--text_primary,#111827);
|
||||
text-decoration:none;
|
||||
border:1px solid rgba(0,0,0,.03);
|
||||
}
|
||||
|
||||
.__PFX__-h51-links a.active{
|
||||
background:var(--primary-color);
|
||||
color:#fff;
|
||||
border-color:var(--primary-color);
|
||||
}
|
||||
|
||||
/* 关键:折叠菜单行为
|
||||
- 移动端:默认隐藏 nav;点按钮切换 body class 显示
|
||||
- PC 端:nav 常驻显示;按钮隐藏(避免“按钮存在但无意义”) */
|
||||
|
||||
@media (max-width: 860px){
|
||||
.__PFX__-h51-nav{
|
||||
display:none;
|
||||
}
|
||||
body.__PFX__-h51-open .__PFX__-h51-nav{
|
||||
display:block;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 861px){
|
||||
.__PFX__-h51-menu{
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user