gpttemp

code/public/static/css/modules/head/head_72.css

@@ -0,0 +1,74 @@
+/* head_72.css */
+.__PFX__-h72-fragment{
+  padding:8px 12px;
+  background:
+    linear-gradient(160deg,var(--bg-soft-color),var(--bg-color));
+  border-bottom:1px solid var(--border-color);
+}
+.__PFX__-h72-top{
+  display:flex;
+  justify-content:space-between;
+  align-items:center;
+}
+.__PFX__-h72-brand{
+  font-size:17px;
+  font-weight:900;
+  text-decoration:none;
+}
+.__PFX__-h72-toggle{
+  border:1px solid var(--border-color);
+  background:var(--bg-soft-color);
+  border-radius:8px;
+  padding:6px 10px;
+}
+.__PFX__-h72-search{
+  margin-top:6px;
+}
+.__PFX__-h72-search input{
+  width:100%;
+  padding:6px 10px;
+  border-radius:10px;
+  border:1px solid var(--border-color);
+}
+.__PFX__-h72-mask{
+  display:none;
+}
+body.__PFX__-h72-open .__PFX__-h72-mask{
+  display:block;
+  position:fixed;
+  inset:0;
+  background:rgba(0,0,0,.35);
+}
+.__PFX__-h72-panel{
+  position:fixed;
+  left:0;
+  bottom:-100%;
+  width:100%;
+  max-height:70%;
+  background:
+    linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.7)),
+    var(--bg-color);
+  backdrop-filter:blur(8px);
+  padding:14px;
+  transition:bottom .25s ease;
+  z-index: 9999;
+}
+body.__PFX__-h72-open .__PFX__-h72-panel{
+  bottom:0;
+}
+.__PFX__-h72-home a{
+  display:inline-block;
+  margin:0 8px 10px 0;
+}
+.__PFX__-h72-cats a{
+  display:inline-block;
+  margin:4px 6px 0 0;
+  padding:6px 10px;
+  border-radius:999px;
+  border:1px solid var(--border-color);
+}
+.__PFX__-h72-cats a.active{
+  background:var(--primary-color);
+  color:#fff;
+  border-color:var(--primary-color);
+}