18 lines
1.6 KiB
CSS
18 lines
1.6 KiB
CSS
/* head_93.css */
|
|
.__PFX__-h93-cards{
|
|
padding:10px 12px;border-bottom:1px solid var(--border-color);
|
|
background:radial-gradient(circle at 10% 0,var(--accent-color),transparent 55%),var(--bg-soft-color);
|
|
}
|
|
.__PFX__-h93-cardA{display:flex;justify-content:space-between;align-items:center;padding:10px;border-radius:14px;background:rgba(255,255,255,.22);backdrop-filter:blur(6px)}
|
|
.__PFX__-h93-brand{font-weight:900;text-decoration:none;color:var(--text-color)}
|
|
.__PFX__-h93-btn{border:1px solid var(--border-color);background:rgba(255,255,255,.18);border-radius:10px;padding:6px 10px}
|
|
.__PFX__-h93-cardB{margin-top:8px;padding:10px;border-radius:14px;background:rgba(255,255,255,.18);backdrop-filter:blur(6px)}
|
|
.__PFX__-h93-search{display:none;margin-top:8px}
|
|
.__PFX__-h93-search input{width:100%;padding:6px 10px;border-radius:10px;border:1px solid var(--border-color);background:rgba(255,255,255,.25)}
|
|
body.__PFX__-h93-open .__PFX__-h93-search{display:block}
|
|
.__PFX__-h93-home,.__PFX__-h93-cats{list-style:none;margin:0;padding:0}
|
|
.__PFX__-h93-home li,.__PFX__-h93-cats li{display:inline-block;margin:0 8px 8px 0}
|
|
.__PFX__-h93-home li a,.__PFX__-h93-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__-h93-home li.active a{background:var(--primary-color);border-color:var(--primary-color);color:#fff;font-weight:900}
|
|
.__PFX__-h93-cats li.active a{background:var(--accent-color);border-color:var(--accent-color);font-weight:900}
|
|
@media(min-width:861px){.__PFX__-h93-btn{display:none}.__PFX__-h93-search{display:block}} |