18 lines
1.4 KiB
CSS
18 lines
1.4 KiB
CSS
/* head_89.css */
|
|
.__PFX__-h89-mega{
|
|
padding:8px 12px;border-bottom:1px solid var(--border-color);
|
|
background:linear-gradient(90deg,var(--bg-color),var(--bg-soft-color),var(--bg-color));
|
|
}
|
|
.__PFX__-h89-bar{display:flex;align-items:center;gap:10px}
|
|
.__PFX__-h89-brand{font-weight:900;text-decoration:none;color:var(--text-color);white-space:nowrap}
|
|
.__PFX__-h89-search{flex:1;min-width:0}
|
|
.__PFX__-h89-search input{width:100%;padding:6px 10px;border-radius:10px;border:1px solid var(--border-color);background:rgba(255,255,255,.18)}
|
|
.__PFX__-h89-btn{border:1px solid var(--border-color);background:rgba(255,255,255,.18);border-radius:10px;padding:6px 10px}
|
|
.__PFX__-h89-nav{display:none;margin-top:8px}
|
|
body.__PFX__-h89-open .__PFX__-h89-nav{display:block}
|
|
.__PFX__-h89-home,.__PFX__-h89-cats{list-style:none;margin:0;padding:0}
|
|
.__PFX__-h89-home li,.__PFX__-h89-cats li{display:inline-block;margin:0 8px 8px 0}
|
|
.__PFX__-h89-home li a,.__PFX__-h89-cats li a{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid var(--border-color);background:rgba(255,255,255,.55);text-decoration:none;color:var(--text-color);font-size:12px}
|
|
.__PFX__-h89-home li.active a{background:var(--primary-color);border-color:var(--primary-color);color:#fff;font-weight:900}
|
|
.__PFX__-h89-cats li.active a{background:var(--accent-color);border-color:var(--accent-color);font-weight:900}
|
|
@media(min-width:861px){.__PFX__-h89-btn{display:none}.__PFX__-h89-nav{display:block}} |