18 lines
1.6 KiB
CSS
18 lines
1.6 KiB
CSS
/* head_81.css */
|
|
.__PFX__-h81-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__-h81-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__-h81-brand{font-weight:900;text-decoration:none;color:var(--text-color)}
|
|
.__PFX__-h81-btn{border:1px solid var(--border-color);background:rgba(255,255,255,.18);border-radius:10px;padding:6px 10px}
|
|
.__PFX__-h81-cardB{margin-top:8px;padding:10px;border-radius:14px;background:rgba(255,255,255,.18);backdrop-filter:blur(6px)}
|
|
.__PFX__-h81-search{display:none;margin-top:8px}
|
|
.__PFX__-h81-search input{width:100%;padding:6px 10px;border-radius:10px;border:1px solid var(--border-color);background:rgba(255,255,255,.25)}
|
|
body.__PFX__-h81-open .__PFX__-h81-search{display:block}
|
|
.__PFX__-h81-home,.__PFX__-h81-cats{list-style:none;margin:0;padding:0}
|
|
.__PFX__-h81-home li,.__PFX__-h81-cats li{display:inline-block;margin:0 8px 8px 0}
|
|
.__PFX__-h81-home li a,.__PFX__-h81-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__-h81-home li.active a{background:var(--primary-color);border-color:var(--primary-color);color:#fff;font-weight:900}
|
|
.__PFX__-h81-cats li.active a{background:var(--accent-color);border-color:var(--accent-color);font-weight:900}
|
|
@media(min-width:861px){.__PFX__-h81-btn{display:none}.__PFX__-h81-search{display:block}} |