[yelp-xsl/wip/html5] html.xsl: Styling on media seeker range
- From: Shaun McCance <shaunm src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [yelp-xsl/wip/html5] html.xsl: Styling on media seeker range
- Date: Tue, 9 Feb 2016 16:02:34 +0000 (UTC)
commit 151fbbb8d0e354bcfbf352814e20bd6dd3dd25a9
Author: Shaun McCance <shaunm gnome org>
Date: Sat Feb 6 06:21:35 2016 -0500
html.xsl: Styling on media seeker range
xslt/common/html.xsl | 33 +++++++++++++++++++++++++++++----
1 files changed, 29 insertions(+), 4 deletions(-)
---
diff --git a/xslt/common/html.xsl b/xslt/common/html.xsl
index bd51f4e..9faaf9b 100644
--- a/xslt/common/html.xsl
+++ b/xslt/common/html.xsl
@@ -1437,16 +1437,41 @@ div.media-controls > * {
div.media-controls > input.media-range {
flex: 1 0 auto;
background-color: </xsl:text><xsl:value-of select="$color.fg.dark"/><xsl:text>;
- color: </xsl:text><xsl:value-of select="$color.blue"/><xsl:text>;
margin: 0 10px;
--webkit-appearance: none;
+ -webkit-appearance: none;
}
input.media-range::-webkit-slider-runnable-track {
- height: 8px;
+ height: 4px;
+ background: </xsl:text><xsl:value-of select="$color.fg.gray"/><xsl:text>;
+ border-radius: 2px;
+}
+input.media-range::-webkit-slider-thumb {
+ -webkit-appearance: none;
+ height: 16px;
+ width: 16px;
+ border-radius: 8px;
+ background: </xsl:text><xsl:value-of select="$color.bg.dark"/><xsl:text>;
+ border: solid 1px </xsl:text><xsl:value-of select="$color.fg.dark"/><xsl:text>;
+ margin-top: -6px;
+}
+input.media-range::-webkit-slider-thumb:hover,
+input.media-range::-webkit-slider-thumb:focus {
background: </xsl:text><xsl:value-of select="$color.bg.gray"/><xsl:text>;
- border: solid 1px </xsl:text><xsl:value-of select="$color.bg"/><xsl:text>;
+}
+input.media-range::-moz-range-track {
+ height: 4px;
+ background: </xsl:text><xsl:value-of select="$color.fg.gray"/><xsl:text>;
border-radius: 2px;
}
+input.media-range::-moz-range-thumb {
+ -webkit-appearance: none;
+ height: 16px;
+ width: 16px;
+ border-radius: 8px;
+ background: </xsl:text><xsl:value-of select="$color.bg.dark"/><xsl:text>;
+ border: solid 1px </xsl:text><xsl:value-of select="$color.fg.dark"/><xsl:text>;
+ margin-top: -6px;
+}
div.media-controls-audio {
border-top: solid 1px </xsl:text><xsl:value-of select="$color.fg"/><xsl:text>;;
border-radius: 4px;
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]