summaryrefslogtreecommitdiffhomepage
path: root/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'style.css')
-rw-r--r--style.css24
1 files changed, 22 insertions, 2 deletions
diff --git a/style.css b/style.css
index bd5073b..cd3ca8a 100644
--- a/style.css
+++ b/style.css
@@ -197,15 +197,35 @@ body {
z-index: 10000;
}
-.bottom-bar .seekbar {
+.seekbar {
width: 100%;
height: 0.5em;
background: #333;
cursor: pointer;
}
-.bottom-bar .seekbar .progress {
+.seekbar .progress {
+ position: relative;
height: 100%;
background: #bf1041;
pointer-events: none;
}
+
+.seekbar .progress .tip {
+ position: absolute;
+ right: 0;
+ width: 0;
+ height: 0;
+ top: 0.25em;
+ border-radius: 100%;
+ background: #bf1041;
+ box-shadow: 0 2px 3px -1px #000;
+ transition: width 0.2s, height 0.2s, right 0.2s, top 0.2s;
+}
+
+.seekbar:hover .progress .tip {
+ width: 0.9em;
+ height: 0.9em;
+ right: -0.45em;
+ top: -0.2em;
+}