65 lines
1.4 KiB
CSS
65 lines
1.4 KiB
CSS
/* head_71.css */
|
|
.__PFX__-h71-glass{
|
|
padding:8px 12px;
|
|
background:
|
|
linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,.05)),
|
|
var(--bg-color);
|
|
backdrop-filter:blur(6px);
|
|
border-bottom:1px solid var(--border-color);
|
|
}
|
|
.__PFX__-h71-bar{
|
|
display:flex;
|
|
justify-content:space-between;
|
|
align-items:center;
|
|
}
|
|
.__PFX__-h71-brand{
|
|
font-size:18px;
|
|
font-weight:900;
|
|
text-decoration:none;
|
|
color:var(--text-color);
|
|
}
|
|
.__PFX__-h71-toggle{
|
|
border:1px solid var(--border-color);
|
|
background:var(--bg-soft-color);
|
|
border-radius:10px;
|
|
padding:6px 10px;
|
|
}
|
|
.__PFX__-h71-search{
|
|
margin-top:6px;
|
|
}
|
|
.__PFX__-h71-search input{
|
|
width:100%;
|
|
padding:6px 10px;
|
|
border-radius:10px;
|
|
border:1px solid var(--border-color);
|
|
background:var(--bg-soft-color);
|
|
}
|
|
.__PFX__-h71-nav{
|
|
display:none;
|
|
margin-top:8px;
|
|
}
|
|
body.__PFX__-h71-open .__PFX__-h71-nav{
|
|
display:block;
|
|
}
|
|
.__PFX__-h71-home a,
|
|
.__PFX__-h71-cats a{
|
|
display:inline-block;
|
|
margin:4px 6px 0 0;
|
|
padding:5px 10px;
|
|
font-size:12px;
|
|
border-radius:999px;
|
|
border:1px solid var(--border-color);
|
|
background:rgba(255,255,255,.65);
|
|
text-decoration:none;
|
|
color:var(--text-color);
|
|
}
|
|
.__PFX__-h71-home a.active,
|
|
.__PFX__-h71-cats a.active{
|
|
background:var(--primary-color);
|
|
color:#fff;
|
|
border-color:var(--primary-color);
|
|
}
|
|
@media(min-width:861px){
|
|
.__PFX__-h71-toggle{display:none;}
|
|
.__PFX__-h71-nav{display:block;}
|
|
} |