Author name: Paul Robinson

.mytuner-widget { all: initial; display: block; color: #3D3D3D; } .mytuner-widget, .mytuner-widget * { box-sizing: border-box; font-family: sans-serif; } .main-play-button { padding: 5px; border-radius: 20px; width: 40px; height: 40px; float: left; margin-left: 10px; margin-right: 15px; margin-top: 12.5px; cursor: pointer; background-color: #FFF; box-shadow: 1px 2px 6px -3px black; display: inline-block; } .main-play-button:hover { background-color: #EEE; } .main-play-button.disabled { filter: grayscale(1); cursor: not-allowed; } .main-play-button div { background: url("https://mytuner-radio.com/static/icons/widgets/BT_Play/BT_Play@2x.png") no-repeat center; background-size: 16px; width: 28px; height: 28px; margin-left: 3px; } .main-play-button.loading div { background: url("https://static2.mytuner.mobi/static/images/sprite-loading.gif") no-repeat center; filter: grayscale(1); background-size: 28px; margin-left: 2px; } .main-play-button.playing div { background: url("https://mytuner-radio.com/static/icons/widgets/BT_Pause/BT_Pause@2x.png") no-repeat center; background-size: 16px; margin-left: 2px; } .main-play-button.error div { background: url("https://mytuner-radio.com/static/icons/widgets/BT_Error/erro@2x.png") no-repeat center; background-size: 16px; margin-left: 0; } .play-button { background: url("https://mytuner-radio.com/static/icons/widgets/BT_Play/BT_Play.png") no-repeat center; width: 40px; height: 40px; cursor: pointer; display: inline-flex; align-items: center; margin: auto 4px auto 19px; /* align with radio logo */ } .play-button.loading { background: url("https://static2.mytuner.mobi/static/images/sprite-loading.gif") no-repeat center; filter: grayscale(1); background-size: 28px; } .play-button.playing { background: url("https://mytuner-radio.com/static/icons/widgets/BT_Pause/BT_Pause.png") no-repeat center; } .play-button.error { background: url("https://mytuner-radio.com/static/icons/widgets/BT_Error/erro.png") no-repeat center; background-size: 15px; } .play-button.disabled { opacity: 0.3; } .play-button.disabled:hover { cursor: not-allowed; } input[type=range][orient=vertical] { writing-mode: bt-lr; /* IE */ -webkit-appearance: slider-vertical; /* WebKit */ width: 8px; padding: 0 5px; } .volume-controls { width: 35px; height: 35px; display: inline-block; position: absolute; margin-left: 5px; margin-top: 14px; padding-top: 0; border-radius: 20px; box-sizing: content-box !important; z-index: 10; /* animation */ border: 1px solid transparent; transition: background 0.5s, padding 0.5s, margin 0.5s, border 0.5s; overflow: hidden; } .volume-controls:hover { padding-top: 140px; /* add original margin */ margin-top: -126px; background-color: #F2F2F2; border: 1px solid grey; transition: background 0.5s, padding 0.5s, margin 0.5s; } .volume-controls:hover > .volume-control { display: block; } .volume-controls .volume-control { opacity: 0; margin-top: -126px; margin-left: 13px; position: absolute; transition: 0.5s all; } .volume-controls:hover .volume-control { opacity: 1; } .volume-controls .volume-indicator { cursor: pointer; display: block; } .player-radio-link { width: calc(100% - 65px - 84px - 37px - 12px); } .player-radio-name { width: calc(100% - 74px - 10px); } .player-mytuner-logo { margin-left: 47px; } @media (max-width: 480px) { .player-radio-link { width: calc(100% - 65px - 84px - 12px); } .player-mytuner-logo { margin-left: 10px; } .volume-controls { display: none; } }

// var widget_id = widget_id || "w4gnV33DkcOMNTvCrUpvO8OPw5jCr8K8NcOdw6HDgHQ="; var mytuner_scripts = mytuner_scripts || {}; mytuner_scripts["player-v1.js_queue"] = mytuner_scripts["player-v1.js_queue"] || []; if (mytuner_scripts["player-v1.js-imported"] == undefined) { mytuner_scripts["player-v1.js-imported"] = false; mytuner_scripts["player-v1.js"] = function(){}; var s = document.createElement("script"); s.type = "text/javascript"; s.src = "https://mytuner-radio.com/static/js/widgets/player-v1.js"; s.defer = true; if (s.readyState){ //IE s.onreadystatechange = function(){ if (s.readyState == "loaded" || s.readyState == "complete"){ s.onreadystatechange = null; runQueue(); } }; } else { //Others s.onload = function(){ runQueue(); }; } document.getElementsByTagName('head')[0].appendChild(s); function runQueue() { mytuner_scripts["player-v1.js_queue"].forEach(function(func) { func(); }); } mytuner_scripts["player-v1.js_queue"].push(function(){mytuner_scripts["player-v1.js"]("w4gnV33DkcOMNTvCrUpvO8OPw5jCr8K8NcOdw6HDgHQ=")}); } else { let widget = document.getElementById("w4gnV33DkcOMNTvCrUpvO8OPw5jCr8K8NcOdw6HDgHQ="); if (widget && widget.dataset.requires_initialization === "true") { if (mytuner_scripts["player-v1.js-imported"]) { mytuner_scripts["player-v1.js"]("w4gnV33DkcOMNTvCrUpvO8OPw5jCr8K8NcOdw6HDgHQ="); widget.dataset.requires_initialization = "false"; } else { mytuner_scripts["player-v1.js_queue"].push(function(){ mytuner_scripts["player-v1.js"]("w4gnV33DkcOMNTvCrUpvO8OPw5jCr8K8NcOdw6HDgHQ="); widget.dataset.requires_initialization = "false"; }); } } } var mytuner_scripts = mytuner_scripts || {}; if (mytuner_scripts["widget-player-v1.js-imported"] == undefined) { mytuner_scripts["widget-player-v1.js-imported"] = false; var s = document.createElement("script"); s.type = "text/javascript"; s.src = "https://mytuner-radio.com/static/js/widgets/widget-player-v1.js"; s.defer = true; document.getElementsByTagName('head')[0].appendChild(s); }