merge css too

app/static/css/style.css

@@ -29,9 +29,6 @@ iframe {
 video, .poster {
     border-bottom: 1px solid yellow;
 }
-.fullscreen video {
-    border-bottom: none;
-}
 .content {
     display: flex;
     flex-direction: column;
@@ -42,17 +39,17 @@ video, .poster {
 }
 .item-title {
     color: var(--title);
-    padding-bottom: 0;
     text-decoration: underline;
-    font-size: 18px;
-    font-weight: bold;
+    padding-bottom: 0;
+    font-size: 16px;
     text-wrap: balance;
 }
 .title {
     padding-bottom: 0;
     margin-bottom: 4px;
+    font-size: 18px;
+    font-weight: bold;
     border-bottom: 1px solid pink;
-    font-size: 16px;
     text-wrap: balance;
 }
 .byline {
@@ -130,23 +127,19 @@ video, .poster {
 .annotation.active {
     display: block;
 }
-.is-subtitles .annotation {
-    min-height: 4em;
-}
-
 .annotation.active.place,
 .annotation.active.string {
     display: inline-block;
     border: 1px solid blueviolet;
     margin-bottom: 4px;
 }
-.annotation img {
-    max-width: 100%;
+.annotation .user {
+    font-style: italic;
 }
+
 @media(max-width:768px) {
-    .annotation img {
+    .annotation a img {
         width: 100%;
-        max-width: 100%;
     }
 }
 
@@ -202,3 +195,75 @@ ol li {
     width: 64px;
     height: 64px;
 }
+
+
+.seekbar {
+  padding: 12px 22px;
+  position: relative;
+  width: 100%;
+}
+.fullscreen .seekbar {
+    padding: 28px 22px;
+}
+
+.seekbar-progress {
+  height: 10px;
+  border: solid 1px #B1B1B1;
+}
+
+.seekbar-progress [role="progressbar"] {
+  height: 100%;
+  position: relative;
+  background-color: #B1B1B180;
+}
+
+.seekbar-progress [role="progressbar"]:after {
+  content: " ";
+  display: block;
+  width: 20px;
+  height: 20px;
+  position: absolute;
+  top: -6px;
+  right: -10px;
+  background-color: #B1B1B1;
+  border-radius: 20px;
+}
+
+.seekbar input[type="range"] {
+  -webkit-appearance: none;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 2;
+  background: transparent;
+  outline: 0;
+  border: 0;
+}
+
+.seekbar input[type="range"]::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  display: block;
+  width: 48px;
+  height: 48px;
+  background-color: transparent;
+}
+
+.seekbar input[type="range"]::-moz-range-thumb {
+  display: block;
+  width: 48px;
+  height: 48px;
+  background: transparent;
+  border: 0;
+}
+
+.seekbar input[type="range"]::-moz-range-track {
+  background: transparent;
+  border: 0;
+}
+
+.seekbar input[type="range"]::-moz-focus-outer {
+  border: 0;
+}