x-audio.css

/*
 * @license
 * Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
 * This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
 * The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
 * The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
 * Code distributed by Google as part of the polymer project is also
 * subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
 */

:host {
	width: 100%;
	min-width: 200px;
	height: 50px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
            box-sizing: border-box;
	padding: 5px;	
	position: relative;
	color: #FF4081;	
}
.disabled {
	color: #ccc;
}

core-icon {
	color: #FF4081 !important;
}

.audio {
	width: 80%;
	margin-right: 30px;
	height: 40px;
}

.audio span {
	height: 35px;
	line-height: 35px;
	font-family: 'Roboto', sans-serif;
}

.volume {
	width: 15%;
	height: 40px;
	line-height: 35px;
}

#playButton {
	color: #FF4081;
	width: 40px;
	height: 40px;
	margin-right: 10px;
}

#playButton:hover {
	cursor: pointer;
}

#audio_slider {
	width: 100%;
		-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	height:5px;
	display: block;
	background-color: #FFF;
}

#audio_slider:hover, #volume_slider:hover, #mute:hover {
	cursor: pointer;
}

#remainder {
	float: right;
}

#volume_slider {
	width: 100%;
	display: block;
}

paper-slider::shadow #sliderContainer {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 5px;
}

paper-slider::shadow .bar-container {
	left: 0;
	height: 5px;
	width: 100%;
}

paper-slider::shadow  #sliderBar {
	left: 0;
	width: 100%;
}

paper-slider::shadow .bar-container #sliderBar{
	top: 0;
	height: 5px;
	margin: 0;
	padding: 0;
}

paper-slider::shadow #sliderBar::shadow #activeProgress {
  background-color: #FF4081;
}

paper-slider::shadow #sliderKnob {
	display: none;
}

paper-slider::shadow #sliderBar::shadow #progressContainer {
  background-color: #D1C4E9;
}

core-icon#playButton {
	color: #fff;
}