gpttemp

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

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