76 lines
1.3 KiB
CSS
76 lines
1.3 KiB
CSS
/* head_24.css */
|
|
|
|
.__PFX__-h24-wrap{
|
|
padding:12px 12px 8px;
|
|
background:
|
|
linear-gradient(120deg,var(--grad-start) 0,var(--grad-end) 45%,var(--bg-color) 45%);
|
|
border-bottom:1px solid var(--border-color);
|
|
}
|
|
|
|
.__PFX__-h24-main{
|
|
display:flex;
|
|
align-items:center;
|
|
gap:10px;
|
|
}
|
|
|
|
.__PFX__-h24-logo{
|
|
font-size:19px;
|
|
font-weight:700;
|
|
color:#fff;
|
|
}
|
|
|
|
.__PFX__-h24-form{
|
|
flex:1;
|
|
display:flex;
|
|
align-items:center;
|
|
background:#ffffffee;
|
|
border-radius:999px;
|
|
padding:2px 6px 2px 8px;
|
|
}
|
|
|
|
.__PFX__-h24-form input{
|
|
flex:1;
|
|
border:none;
|
|
padding:5px 6px;
|
|
font-size:13px;
|
|
background:transparent;
|
|
}
|
|
|
|
.__PFX__-h24-icon{
|
|
border:none;
|
|
background:transparent;
|
|
color:var(--primary-color);
|
|
}
|
|
|
|
/* 分类导航 */
|
|
.__PFX__-h24-nav{
|
|
list-style:none;
|
|
margin:8px 0 0;
|
|
padding:0;
|
|
display:flex;
|
|
gap:8px;
|
|
overflow-x:auto;
|
|
}
|
|
|
|
.__PFX__-h24-nav li{
|
|
flex:0 0 auto;
|
|
}
|
|
|
|
.__PFX__-h24-nav a{
|
|
display:inline-block;
|
|
padding:3px 8px;
|
|
border-radius:999px;
|
|
font-size:11px;
|
|
background:rgba(255,255,255,0.85);
|
|
color:var(--text-color);
|
|
}
|
|
|
|
.__PFX__-h24-nav a.active{
|
|
background:var(--primary-color);
|
|
color:#fff;
|
|
}
|
|
|
|
@media(min-width:768px){
|
|
.__PFX__-h24-logo{font-size:22px;}
|
|
}
|