From: Stephen Cameron <stephen@cubedesigners.com>
Date: Tue, 19 Jul 2016 14:29:05 +0000 (+0000)
Subject: Add missing Fluidbook HTML5 audio description files (part 2 of 2).
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=60f2f82faa0e18193a18fc971c7fc649ae0e25a2;p=fluidbook-html5.git

Add missing Fluidbook HTML5 audio description files (part 2 of 2).
---

diff --git a/style/fluidbook.css b/style/fluidbook.css
index 67fad2cb..831e2ebf 100644
--- a/style/fluidbook.css
+++ b/style/fluidbook.css
@@ -366,6 +366,23 @@ body {
   border-top-right-radius: 1px;
   border-bottom-right-radius: 1px;
 }
+.audio-description-button {
+  background-image: url("../data/images/interface-audio-description-on.svg");
+  width: 52px;
+  height: 52px;
+  background-size: 52px 52px;
+  display: inline-block;
+  border: 0;
+  outline: none;
+  position: absolute;
+  cursor: pointer;
+}
+.audio-description-button.right {
+  right: 0;
+}
+.audio-description-button.playing {
+  background-image: url("../data/images/interface-audio-description-off.svg");
+}
 .no-svg.rtl #next,
 .no-svg.ltr #previous {
   background-image: url("../data/images/interface-previous.png");
diff --git a/style/fluidbook.less b/style/fluidbook.less
index 39b50a98..261cf5b2 100644
--- a/style/fluidbook.less
+++ b/style/fluidbook.less
@@ -410,6 +410,26 @@ body {
 	}
 }
 
+.audio-description-button {
+	background-image: url("../data/images/interface-audio-description-on.svg");
+	width: 52px;
+	height: 52px;
+	background-size: 52px 52px;
+	display: inline-block;
+	border: 0;
+	outline: none;
+	position: absolute;
+	cursor: pointer;
+
+	&.right {
+		right: 0;
+	}
+
+	&.playing {
+		background-image: url("../data/images/interface-audio-description-off.svg");
+	}
+}
+
 .no-svg {
 	&.rtl #next, &.ltr #previous {
 		background-image: url("../data/images/interface-previous.png");