« get me outta code hell

content: generateSearchSidebarBox (input appearance stub) - hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
path: root/src/static
diff options
context:
space:
mode:
author(quasar) nebula <qznebula@protonmail.com>2024-04-30 19:59:09 -0300
committer(quasar) nebula <qznebula@protonmail.com>2024-05-31 12:11:46 -0300
commitd14bf4dea47af3948b9f5d6a823699ac3c09a0bf (patch)
treea846b9f5649f4f4cd486e6964c6af93f5982d126 /src/static
parenta8005955e72998fffc50f5d1fc7ae55d42a4b945 (diff)
content: generateSearchSidebarBox (input appearance stub)
Diffstat (limited to 'src/static')
-rw-r--r--src/static/css/site.css41
1 files changed, 41 insertions, 0 deletions
diff --git a/src/static/css/site.css b/src/static/css/site.css
index 3b22bba0..2dc06469 100644
--- a/src/static/css/site.css
+++ b/src/static/css/site.css
@@ -462,6 +462,47 @@ summary .group-name {
   font-weight: normal;
 }
 
+.search-sidebar-box {
+  padding: 2px;
+  position: sticky;
+  top: 5px;
+  z-index: 999;
+
+  background-color: #000000c0;
+  box-shadow:
+    0 3px 4px #00000080,
+    0 -2px 8px #000000c0,
+    0 -6px 3px #000000f0;
+
+  -webkit-backdrop-filter:
+    brightness(1.2) blur(4px);
+
+          backdrop-filter:
+    brightness(1.2) blur(4px);
+}
+
+.wiki-search-input {
+  width: 100%;
+  background: transparent;
+  border: 1px solid var(--dim-color);
+  border-radius: 3px;
+  padding: 2px 4px;
+  color: inherit;
+}
+
+.wiki-search-input:focus {
+  border: 1px solid var(--primary-color);
+}
+
+.wiki-search-input::placeholder {
+  color: var(--primary-color);
+  font-style: oblique;
+}
+
+.wiki-search-input:focus::placeholder {
+  color: var(--dim-color);
+}
+
 #content {
   overflow-wrap: anywhere;
 }