jst.js

//This file is generated by bin/hook.js
var template = require('lodash.template');
module.exports = {

  'channels': template('<ul data-channels-list></ul>'),

  CSS: {
    
      'channels': '.player-channels[data-channels]{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;-webkit-transition:all .6s;-webkit-transition-delay:ease;-moz-transition:all .6s ease;-o-transition:all .6s ease;transition:all .6s ease}.player-channels[data-channels].channels-hide{filter:alpha(Opacity=0);opacity:0;left:-100%}.player-channels[data-channels] ul[data-channels-list]{margin:0;width:100%;height:100%;padding:2.5% 2.5% 50px;list-style-type:none;text-align:left}.player-channels[data-channels] ul[data-channels-list] li[data-channel-choice]{display:inline-block;width:23%;height:22.5%;margin:1%}.player-channels[data-channels] ul[data-channels-list] li[data-channel-choice] a{font-family:Player;font-weight:400;font-style:normal;line-height:1;letter-spacing:0;color:#fff;speak:none;display:block;width:100%;height:100%;border:2px solid #fff;background-repeat:no-repeat;background-size:cover;text-align:center;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}.player-channels[data-channels] ul[data-channels-list] li[data-channel-choice] a span[data-channel-title]{display:none;position:absolute;width:100%;bottom:0;left:0;background-color:#000;filter:alpha(Opacity=80);opacity:.8;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:.4em;text-align:center;padding:2% 0}.player-channels[data-channels] ul[data-channels-list] li[data-channel-choice] a:hover{-webkit-box-shadow:#fff 0 0 25px,#fff 0 0 3px 1px inset;-moz-box-shadow:#fff 0 0 25px,#fff 0 0 3px 1px inset;-ms-box-shadow:#fff 0 0 25px,#fff 0 0 3px 1px inset;-o-box-shadow:#fff 0 0 25px,#fff 0 0 3px 1px inset;box-shadow:#fff 0 0 25px,#fff 0 0 3px 1px inset}.player-channels[data-channels] ul[data-channels-list] li[data-channel-choice] a:hover span[data-channel-title]{display:block}.player-channels[data-channels] ul[data-channels-list] li[data-channel-choice] a.active{border-color:#202020;cursor:default}.player-channels[data-channels] ul[data-channels-list] li[data-channel-choice] a.active span[data-channel-title]{display:block}.player-channels[data-channels] ul[data-channels-list] li[data-channel-choice] a.active:after{content:"\\e001";position:absolute;filter:alpha(Opacity=80);opacity:.8;left:40%;padding-top:12%}.player-channels[data-channels] ul[data-channels-list] li[data-channel-choice] a.active:hover{-webkit-box-shadow:transparent 0 0 0,transparent 0 0 0 0 inset;-moz-box-shadow:transparent 0 0 0,transparent 0 0 0 0 inset;-ms-box-shadow:transparent 0 0 0,transparent 0 0 0 0 inset;-o-box-shadow:transparent 0 0 0,transparent 0 0 0 0 inset;box-shadow:transparent 0 0 0,transparent 0 0 0 0 inset}',
    
  }
};