15 lines
1.5 KiB
CSS
15 lines
1.5 KiB
CSS
/* head_97.css */
|
|
.__PFX__-h97-split{display:grid;grid-template-columns:38% 62%;border-bottom:1px solid var(--border-color);}
|
|
.__PFX__-h97-left{padding:10px;background:var(--primary-color);}
|
|
.__PFX__-h97-brand{display:block;font-weight:900;text-decoration:none;color:#fff;margin-bottom:6px}
|
|
.__PFX__-h97-btn{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.15);border-radius:10px;padding:6px 10px;color:#fff}
|
|
.__PFX__-h97-right{padding:10px;background:linear-gradient(180deg,var(--bg-soft-color),var(--bg-color));}
|
|
.__PFX__-h97-search{display:none;margin-top:8px}
|
|
.__PFX__-h97-search input{width:100%;padding:6px 10px;border-radius:10px;border:1px solid var(--border-color);background:rgba(255,255,255,.25)}
|
|
body.__PFX__-h97-open .__PFX__-h97-search{display:block}
|
|
.__PFX__-h97-home,.__PFX__-h97-cats{list-style:none;margin:0;padding:0}
|
|
.__PFX__-h97-home li,.__PFX__-h97-cats li{display:inline-block;margin:0 8px 8px 0}
|
|
.__PFX__-h97-home li a,.__PFX__-h97-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__-h97-home li.active a{background:var(--primary-color);border-color:var(--primary-color);color:#fff;font-weight:900}
|
|
.__PFX__-h97-cats li.active a{background:var(--accent-color);border-color:var(--accent-color);font-weight:900}
|
|
@media(min-width:861px){.__PFX__-h97-btn{display:none}.__PFX__-h97-search{display:block}} |