pause/mute button on reader

1 files changed, 23 insertions, 6 deletions

diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css
index 215bbab..a2d2120 100755
--- a/public/assets/stylesheets/app.css
+++ b/public/assets/stylesheets/app.css
@@ -1220,26 +1220,43 @@ input[type="range"]::-webkit-slider-thumb {
 	padding-right: 5px;
 }
 
-.playButton {
+.playButton,.muteButton {
 	color: white;
 	background: black;
 	border-radius: 50px;
-	padding: 6px 7px 5px;
+	font-size: 22px;
+	padding: 4px 2px 3px 6px;
 	cursor: pointer;
+	margin-right: 5px;
 }
-.playButton .icon-play {
+.playButton .on {
 	display: inline;
 }
-.playButton.playing .icon-play {
+.playButton.paused .on {
 	display: none;
 }
-.playButton .icon-pause {
+.playButton .off {
 	display: none;
 }
-.playButton.playing .icon-pause {
+.playButton.paused .off {
 	display: inline;
 }
 
+.muteButton .on {
+	display: inline;
+	padding-right: 3px;
+}
+.muteButton.muted .on {
+	display: none;
+}
+.muteButton .off {
+	display: none;
+}
+.muteButton.muted .off {
+	display: inline;
+	padding-right: 3px;
+}
+
 button {
   padding: 8px;
   border: 1px solid;