gpttemp

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

@@ -0,0 +1,86 @@
+/* head_01.css */
+.__PFX__-hx9-bar {
+    background:var(--bg-color);
+    border-bottom:1px solid var(--border-color);
+    box-shadow: 0 2px 6px rgba(0,0,0,.03);
+}
+.__PFX__-hx9-inner {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 10px 12px;
+}
+.__PFX__-hx9-logo strong {
+    font-size: 20px;
+    color: var(--primary-color);
+}
+.__PFX__-hx9-navlist {
+    display: none;
+    list-style: none;
+    gap: 14px;
+}
+.__PFX__-hx9-navlist li a {
+    font-size: 13px;
+    color: #444;
+}
+.__PFX__-hx9-right {
+    flex: 1;
+    display: flex;
+    justify-content: flex-end;
+    margin-left: 8px;
+}
+.__PFX__-hx9-search input {
+    width: 100%;
+    max-width: 180px;
+    height: 32px;
+    border-radius: 999px;
+    border: 1px solid #ddd;
+    padding: 0 12px;
+    font-size: 13px;
+}
+
+.__PFX__-hx9-searchC {
+    position: relative;
+}
+
+.__PFX__-hx9-searchC input {
+    width:100%;
+    padding:6px 36px 6px 10px;
+    border-radius:18px;
+    border:1px solid var(--border-color);
+    background:var(--bg-soft-color);
+}
+
+.__PFX__-hx9-iconBtn {
+    position:absolute;
+    right:6px;
+    top:50%;
+    transform:translateY(-50%);
+    border:none;
+    background:transparent;
+    color:var(--primary-color);
+    width:22px;
+    height:22px;
+    padding:0;
+}
+.__PFX__-hx9-iconBtn svg{
+    width:100%;
+    height:100%;
+}
+
+@media (min-width: 768px) {
+    .__PFX__-hx9-inner {
+        padding: 10px 24px;
+    }
+    .__PFX__-hx9-navlist {
+        display: flex;
+    }
+    .__PFX__-hx9-search input {
+        max-width: 220px;
+    }
+    .__PFX__-hx9-left {
+        margin-right: 10px;
+    }
+}
+
+