50 lines
988 B
CSS
50 lines
988 B
CSS
/* head_73.css */
|
|
.__PFX__-h73-block{
|
|
display:grid;
|
|
grid-template-columns:42% 58%;
|
|
border-bottom:1px solid var(--border-color);
|
|
}
|
|
.__PFX__-h73-left{
|
|
padding:12px;
|
|
background:var(--primary-color);
|
|
color:#fff;
|
|
}
|
|
.__PFX__-h73-brand{
|
|
display:block;
|
|
font-size:18px;
|
|
font-weight:900;
|
|
margin-bottom:8px;
|
|
color:#fff;
|
|
text-decoration:none;
|
|
}
|
|
.__PFX__-h73-right{
|
|
padding:10px;
|
|
background:
|
|
linear-gradient(180deg,var(--bg-soft-color),var(--bg-color));
|
|
}
|
|
.__PFX__-h73-nav a{
|
|
display:inline-block;
|
|
margin:3px 6px 0 0;
|
|
padding:4px 10px;
|
|
font-size:12px;
|
|
border-radius:999px;
|
|
border:1px solid var(--border-color);
|
|
text-decoration:none;
|
|
}
|
|
.__PFX__-h73-nav a.active{
|
|
background:var(--primary-color);
|
|
color:#fff;
|
|
}
|
|
.__PFX__-h73-search{
|
|
display:none;
|
|
margin-top:8px;
|
|
}
|
|
.__PFX__-h73-search input{
|
|
width:100%;
|
|
padding:6px 10px;
|
|
border-radius:8px;
|
|
border:1px solid var(--border-color);
|
|
}
|
|
body.__PFX__-h73-open .__PFX__-h73-search{
|
|
display:block;
|
|
} |