« get me outta code hell

content, css: generateTrackArtistCommentarySection - hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
path: root/src/static/css
diff options
context:
space:
mode:
author(quasar) nebula <qznebula@protonmail.com>2025-02-19 07:45:40 -0400
committer(quasar) nebula <qznebula@protonmail.com>2025-03-02 08:24:06 -0400
commit2ee5e4eff552400942b51b8dd46ab7d02f4272af (patch)
treee8f90fd0d58c43070889be12672c536cb8143a4e /src/static/css
parenteedd05e6aa40d050851d877a3be90bc5b17dd5f8 (diff)
content, css: generateTrackArtistCommentarySection
Actually coded yesterday!!!1
Diffstat (limited to 'src/static/css')
-rw-r--r--src/static/css/site.css38
1 files changed, 27 insertions, 11 deletions
diff --git a/src/static/css/site.css b/src/static/css/site.css
index d20e5695..adf0b4b8 100644
--- a/src/static/css/site.css
+++ b/src/static/css/site.css
@@ -1962,19 +1962,9 @@ h1 a[href="#additional-names-box"]:hover {
   --custom-scroll-offset: calc(0.5em - 2px);
 
   margin: 1em 0 1em -10px;
-  padding: 15px 20px 10px 20px;
-  width: max-content;
   max-width: min(60vw, 600px);
 
-  border: 1px dotted var(--primary-color);
-  border-radius: 6px;
-
-  background:
-    linear-gradient(var(--bg-color), var(--bg-color)),
-    linear-gradient(#000000bb, #000000bb),
-    var(--primary-color);
-
-  box-shadow: 0 -2px 6px -1px var(--dim-color) inset;
+  padding: 15px 20px 10px 20px;
 
   display: none;
 }
@@ -2156,6 +2146,32 @@ html[data-url-key="localized.listing"][data-url-value0="tags/network"] dl dt:las
   border-top-left-radius: 3px;
 }
 
+/* "Drops" */
+
+.drop {
+  padding: 15px 20px;
+  width: max-content;
+  max-width: min(60vw, 600px);
+
+  border: 1px dotted var(--primary-color);
+  border-radius: 6px;
+
+  background:
+    linear-gradient(var(--bg-color), var(--bg-color)),
+    linear-gradient(#000000bb, #000000bb),
+    var(--primary-color);
+
+  box-shadow: 0 -2px 6px -1px var(--dim-color) inset;
+}
+
+.commentary-drop {
+  margin-top: 25px;
+  margin-bottom: 15px;
+  margin-left: 20px;
+  padding: 10px 20px;
+  max-width: min(60vw, 300px);
+}
+
 /* Images */
 
 .image-container {