Commit 72226bc0 authored by Cristian Mauricio Diaz Canales's avatar Cristian Mauricio Diaz Canales 💬

Merge branch 'panelAccionesSuscripciones' into 'master'

Panel acciones suscripciones

See merge request !1
parents c4f49b42 026e9849
swiftmailer:
url: '%env(MAILER_URL)%'
transport: smtp
username: AKIAIMR4RL3D3K7K3U2A
password: AkoI1KQPnK2wqCFLhEQmcGyglaEIdOdPAdANJcP0crK3
host: email-smtp.us-east-1.amazonaws.com
port: 465
encryption: ssl
auth-mode: login
spool: { type: 'memory' }
stream_options:
ssl:
allow_self_signed: true
verify_peer: false
verify_peer_name: false
......@@ -78,24 +78,59 @@ app_backend_listado_canciones_preparadas:
path: backend/canciones/listado/preparadas
controller: App\BackendBundle\Controller\CancionesController::listadoCancionesPreparadas
#app_backend_listado_suscripciones:
# path: backend/suscripciones/busqueda
# controller: App\BackendBundle\Controller\SuscripcionesController::busqueda
#app_backend_buscar_suscripciones:
# path: backend/suscripciones/busqueda/lista/suscripciones
# controller: App\BackendBundle\Controller\SuscripcionesController::buscarSuscripcion
# methods: [POST]
#app_backend_listado_alertas:
# path: backend/alertas/busqueda
# controller: App\BackendBundle\Controller\SuscripcionesController::busquedaAlertas
#app_backend_buscar_alertas:
# path: backend/alertas/busqueda/lista/alertas
# controller: App\BackendBundle\Controller\SuscripcionesController::buscarAlertas
# methods: [POST]
app_backend_listado_suscripciones:
path: backend/suscripciones/busqueda
controller: App\BackendBundle\Controller\SuscripcionesController::busqueda
path: backend/suscripciones/listado
controller: App\BackendBundle\Controller\UtilidadesController::listado
methods: [GET]
app_backend_buscar_suscripciones:
path: backend/suscripciones/busqueda/lista/suscripciones
controller: App\BackendBundle\Controller\SuscripcionesController::buscarSuscripcion
methods: [POST]
path: backend/suscripciones/resultado/busqueda
controller: App\BackendBundle\Controller\UtilidadesController:buscar
methods: [POST,GET]
app_backend_listado_alertas:
path: backend/alertas/busqueda
controller: App\BackendBundle\Controller\SuscripcionesController::busquedaAlertas
app_backend_cancelar_suscripciones:
path: backend/suscripciones/cancelar
controller: App\BackendBundle\Controller\UtilidadesController:cancelar
methods: [POST]
app_backend_buscar_alertas:
path: backend/alertas/busqueda/lista/alertas
controller: App\BackendBundle\Controller\SuscripcionesController::buscarAlertas
methods: [POST]
app_backend_crear_suscripciones:
path: backend/suscripciones/crear
controller: App\BackendBundle\Controller\UtilidadesController:crear
methods: [POST]
app_link_registracion_process:
path: confirmar/pagina/process/kushki/{msisdn}/{productId}/{idRegistro}/{susId}
controller: App\BackendBundle\Controller\PagosExternosController:processPagoExternoKushki
methods: [GET,POST]
app_link_registracion_externo:
path: confirmar/pagina/inicio/kushki
controller: App\BackendBundle\Controller\PagosExternosController:inicioPagoExternoKushki
methods: [POST]
app_link_registracion_externo_confirmar:
path: confirmar/pagina/inicio/confirm
controller: App\BackendBundle\Controller\PagosExternosController:confirmarPagoExternoKushki
methods: [POST]
#######
ws_enviarWapPush:
......
table.dataTable{clear:both;margin-top:6px !important;margin-bottom:6px !important;max-width:none !important;border-collapse:separate !important;border-spacing:0}table.dataTable td,table.dataTable th{-webkit-box-sizing:content-box;box-sizing:content-box}table.dataTable td.dataTables_empty,table.dataTable th.dataTables_empty{text-align:center}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}div.dataTables_wrapper div.dataTables_length label{font-weight:normal;text-align:left;white-space:nowrap}div.dataTables_wrapper div.dataTables_length select{width:auto;display:inline-block}div.dataTables_wrapper div.dataTables_filter{text-align:right}div.dataTables_wrapper div.dataTables_filter label{font-weight:normal;white-space:nowrap;text-align:left}div.dataTables_wrapper div.dataTables_filter input{margin-left:0.5em;display:inline-block;width:auto}div.dataTables_wrapper div.dataTables_info{padding-top:0.85em;white-space:nowrap}div.dataTables_wrapper div.dataTables_paginate{margin:0;white-space:nowrap;text-align:right}div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin:2px 0;white-space:nowrap;justify-content:flex-end}div.dataTables_wrapper div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:1em 0}table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting{padding-right:30px}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{cursor:pointer;position:relative}table.dataTable thead .sorting:before,table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:before,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:before,table.dataTable thead .sorting_desc_disabled:after{position:absolute;bottom:0.9em;display:block;opacity:0.3}table.dataTable thead .sorting:before,table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_desc:before,table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_desc_disabled:before{right:1em;content:"\2191"}table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{right:0.5em;content:"\2193"}table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_desc:after{opacity:1}table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_desc_disabled:after{opacity:0}div.dataTables_scrollHead table.dataTable{margin-bottom:0 !important}div.dataTables_scrollBody table{border-top:none;margin-top:0 !important;margin-bottom:0 !important}div.dataTables_scrollBody table thead .sorting:before,div.dataTables_scrollBody table thead .sorting_asc:before,div.dataTables_scrollBody table thead .sorting_desc:before,div.dataTables_scrollBody table thead .sorting:after,div.dataTables_scrollBody table thead .sorting_asc:after,div.dataTables_scrollBody table thead .sorting_desc:after{display:none}div.dataTables_scrollBody table tbody tr:first-child th,div.dataTables_scrollBody table tbody tr:first-child td{border-top:none}div.dataTables_scrollFoot>.dataTables_scrollFootInner{box-sizing:content-box}div.dataTables_scrollFoot>.dataTables_scrollFootInner>table{margin-top:0 !important;border-top:none}@media screen and (max-width: 767px){div.dataTables_wrapper div.dataTables_length,div.dataTables_wrapper div.dataTables_filter,div.dataTables_wrapper div.dataTables_info,div.dataTables_wrapper div.dataTables_paginate{text-align:center}}table.dataTable.table-sm>thead>tr>th{padding-right:20px}table.dataTable.table-sm .sorting:before,table.dataTable.table-sm .sorting_asc:before,table.dataTable.table-sm .sorting_desc:before{top:5px;right:0.85em}table.dataTable.table-sm .sorting:after,table.dataTable.table-sm .sorting_asc:after,table.dataTable.table-sm .sorting_desc:after{top:5px}table.table-bordered.dataTable th,table.table-bordered.dataTable td{border-left-width:0}table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable td:last-child,table.table-bordered.dataTable td:last-child{border-right-width:0}table.table-bordered.dataTable tbody th,table.table-bordered.dataTable tbody td{border-bottom-width:0}div.dataTables_scrollHead table.table-bordered{border-bottom-width:0}div.table-responsive>div.dataTables_wrapper>div.row{margin:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:first-child{padding-left:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child{padding-right:0}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty{cursor:default !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before{display:none !important}table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child,table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child{position:relative;padding-left:30px;cursor:pointer}table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before{top:12px;left:4px;height:14px;width:14px;display:block;position:absolute;color:white;border:2px solid white;border-radius:14px;box-shadow:0 0 3px #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:'Courier New', Courier, monospace;line-height:14px;content:'+';background-color:#0275d8}table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before{content:'-';background-color:#d33333}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child{padding-left:27px}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child:before,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child:before{top:5px;left:4px;height:14px;width:14px;border-radius:14px;line-height:14px;text-indent:3px}table.dataTable.dtr-column>tbody>tr>td.control,table.dataTable.dtr-column>tbody>tr>th.control{position:relative;cursor:pointer}table.dataTable.dtr-column>tbody>tr>td.control:before,table.dataTable.dtr-column>tbody>tr>th.control:before{top:50%;left:50%;height:16px;width:16px;margin-top:-10px;margin-left:-10px;display:block;position:absolute;color:white;border:2px solid white;border-radius:14px;box-shadow:0 0 3px #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:'Courier New', Courier, monospace;line-height:14px;content:'+';background-color:#0275d8}table.dataTable.dtr-column>tbody>tr.parent td.control:before,table.dataTable.dtr-column>tbody>tr.parent th.control:before{content:'-';background-color:#d33333}table.dataTable>tbody>tr.child{padding:0.5em 1em}table.dataTable>tbody>tr.child:hover{background:transparent !important}table.dataTable>tbody>tr.child ul.dtr-details{display:inline-block;list-style-type:none;margin:0;padding:0}table.dataTable>tbody>tr.child ul.dtr-details>li{border-bottom:1px solid #efefef;padding:0.5em 0}table.dataTable>tbody>tr.child ul.dtr-details>li:first-child{padding-top:0}table.dataTable>tbody>tr.child ul.dtr-details>li:last-child{border-bottom:none}table.dataTable>tbody>tr.child span.dtr-title{display:inline-block;min-width:75px;font-weight:bold}div.dtr-modal{position:fixed;box-sizing:border-box;top:0;left:0;height:100%;width:100%;z-index:100;padding:10em 1em}div.dtr-modal div.dtr-modal-display{position:absolute;top:0;left:0;bottom:0;right:0;width:50%;height:50%;overflow:auto;margin:auto;z-index:102;overflow:auto;background-color:#f5f5f7;border:1px solid black;border-radius:0.5em;box-shadow:0 12px 30px rgba(0,0,0,0.6)}div.dtr-modal div.dtr-modal-content{position:relative;padding:1em}div.dtr-modal div.dtr-modal-close{position:absolute;top:6px;right:6px;width:22px;height:22px;border:1px solid #eaeaea;background-color:#f9f9f9;text-align:center;border-radius:3px;cursor:pointer;z-index:12}div.dtr-modal div.dtr-modal-close:hover{background-color:#eaeaea}div.dtr-modal div.dtr-modal-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;background:rgba(0,0,0,0.6)}@media screen and (max-width: 767px){div.dtr-modal div.dtr-modal-display{width:95%}}div.dtr-bs-modal table.table tr:first-child td{border-top:none}
/*!
DataTables Bootstrap 4 integration
©2011-2017 SpryMedia Ltd - datatables.net/license
*/
(function(b){"function"===typeof define&&define.amd?define(["jquery","datatables.net"],function(a){return b(a,window,document)}):"object"===typeof exports?module.exports=function(a,d){a||(a=window);if(!d||!d.fn.dataTable)d=require("datatables.net")(a,d).$;return b(d,a,a.document)}:b(jQuery,window,document)})(function(b,a,d,m){var f=b.fn.dataTable;b.extend(!0,f.defaults,{dom:"<'row'<'col-sm-12 col-md-6'l><'col-sm-12 col-md-6'f>><'row'<'col-sm-12'tr>><'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'p>>",
renderer:"bootstrap"});b.extend(f.ext.classes,{sWrapper:"dataTables_wrapper dt-bootstrap4",sFilterInput:"form-control form-control-sm",sLengthSelect:"custom-select custom-select-sm form-control form-control-sm",sProcessing:"dataTables_processing card",sPageButton:"paginate_button page-item"});f.ext.renderer.pageButton.bootstrap=function(a,h,r,s,j,n){var o=new f.Api(a),t=a.oClasses,k=a.oLanguage.oPaginate,u=a.oLanguage.oAria.paginate||{},e,g,p=0,q=function(d,f){var l,h,i,c,m=function(a){a.preventDefault();
!b(a.currentTarget).hasClass("disabled")&&o.page()!=a.data.action&&o.page(a.data.action).draw("page")};l=0;for(h=f.length;l<h;l++)if(c=f[l],b.isArray(c))q(d,c);else{g=e="";switch(c){case "ellipsis":e="&#x2026;";g="disabled";break;case "first":e=k.sFirst;g=c+(0<j?"":" disabled");break;case "previous":e=k.sPrevious;g=c+(0<j?"":" disabled");break;case "next":e=k.sNext;g=c+(j<n-1?"":" disabled");break;case "last":e=k.sLast;g=c+(j<n-1?"":" disabled");break;default:e=c+1,g=j===c?"active":""}e&&(i=b("<li>",
{"class":t.sPageButton+" "+g,id:0===r&&"string"===typeof c?a.sTableId+"_"+c:null}).append(b("<a>",{href:"#","aria-controls":a.sTableId,"aria-label":u[c],"data-dt-idx":p,tabindex:a.iTabIndex,"class":"page-link"}).html(e)).appendTo(d),a.oApi._fnBindAction(i,{action:c},m),p++)}},i;try{i=b(h).find(d.activeElement).data("dt-idx")}catch(v){}q(b(h).empty().html('<ul class="pagination"/>').children("ul"),s);i!==m&&b(h).find("[data-dt-idx="+i+"]").focus()};return f});
This diff is collapsed.
/*!
Bootstrap 4 integration for DataTables' Responsive
©2016 SpryMedia Ltd - datatables.net/license
*/
(function(c){"function"===typeof define&&define.amd?define(["jquery","datatables.net-bs4","datatables.net-responsive"],function(a){return c(a,window,document)}):"object"===typeof exports?module.exports=function(a,b){a||(a=window);if(!b||!b.fn.dataTable)b=require("datatables.net-bs4")(a,b).$;b.fn.dataTable.Responsive||require("datatables.net-responsive")(a,b);return c(b,a,a.document)}:c(jQuery,window,document)})(function(c){var a=c.fn.dataTable,b=a.Responsive.display,g=b.modal,e=c('<div class="modal fade dtr-bs-modal" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button></div><div class="modal-body"/></div></div></div>');
b.modal=function(a){return function(b,d,f){if(c.fn.modal){if(!d){if(a&&a.header){var d=e.find("div.modal-header"),h=d.find("button").detach();d.empty().append('<h4 class="modal-title">'+a.header(b)+"</h4>").append(h)}e.find("div.modal-body").empty().append(f());e.appendTo("body").modal()}}else g(b,d,f)}};return a.Responsive});
/*!
* Start Bootstrap - One Page Wonder v5.0.3 (https://startbootstrap.com/template-overviews/one-page-wonder)
* Copyright 2013-2019 Start Bootstrap
* Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-one-page-wonder/blob/master/LICENSE)
*/
body {
font-family: 'Lato';
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Catamaran';
font-weight: 800 !important;
}
.btn-xl {
text-transform: uppercase;
padding: 1.5rem 3rem;
font-size: 0.9rem;
font-weight: 700;
letter-spacing: 0.1rem;
}
.bg-black {
background-color: #000 !important;
}
.rounded-pill {
border-radius: 5rem;
}
.navbar-custom {
padding-top: 1rem;
padding-bottom: 1rem;
background-color: rgba(0, 0, 0, 0.7);
}
.navbar-custom .navbar-brand {
text-transform: uppercase;
font-size: 1rem;
letter-spacing: 0.1rem;
font-weight: 700;
}
.navbar-custom .navbar-nav .nav-item .nav-link {
text-transform: uppercase;
font-size: 0.8rem;
font-weight: 700;
letter-spacing: 0.1rem;
}
header.masthead {
position: relative;
overflow: hidden;
padding-top: calc(7rem + 72px);
padding-bottom: 7rem;
background: -webkit-gradient(linear, left bottom, left top, from(#ff6a00), to(#ee0979));
background: linear-gradient(0deg, #ff6a00 0%, #ee0979 100%);
background-repeat: no-repeat;
background-position: center center;
background-attachment: scroll;
background-size: cover;
}
header.masthead .masthead-content {
z-index: 1;
position: relative;
}
header.masthead .masthead-content .masthead-heading {
font-size: 4rem;
}
header.masthead .masthead-content .masthead-subheading {
font-size: 2rem;
}
header.masthead .bg-circle {
z-index: 0;
position: absolute;
border-radius: 100%;
background: -webkit-gradient(linear, left bottom, left top, from(#ee0979), to(#ff6a00));
background: linear-gradient(0deg, #ee0979 0%, #ff6a00 100%);
}
header.masthead .bg-circle-1 {
height: 90rem;
width: 90rem;
bottom: -55rem;
left: -55rem;
}
header.masthead .bg-circle-2 {
height: 50rem;
width: 50rem;
top: -25rem;
right: -25rem;
}
header.masthead .bg-circle-3 {
height: 20rem;
width: 20rem;
bottom: -10rem;
right: 5%;
}
header.masthead .bg-circle-4 {
height: 30rem;
width: 30rem;
top: -5rem;
right: 35%;
}
@media (min-width: 992px) {
header.masthead {
padding-top: calc(10rem + 55px);
padding-bottom: 10rem;
}
header.masthead .masthead-content .masthead-heading {
font-size: 6rem;
}
header.masthead .masthead-content .masthead-subheading {
font-size: 4rem;
}
}
.bg-primary {
background-color: #ee0979 !important;
}
.btn-primary {
background-color: #ee0979;
border-color: #ee0979;
}
.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
background-color: #bd0760 !important;
border-color: #bd0760 !important;
}
.btn-primary:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(238, 9, 121, 0.5);
box-shadow: 0 0 0 0.2rem rgba(238, 9, 121, 0.5);
}
.btn-secondary {
background-color: #ff6a00;
border-color: #ff6a00;
}
.btn-secondary:active, .btn-secondary:focus, .btn-secondary:hover {
background-color: #cc5500 !important;
border-color: #cc5500 !important;
}
.btn-secondary:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(255, 106, 0, 0.5);
box-shadow: 0 0 0 0.2rem rgba(255, 106, 0, 0.5);
}
/*!
* Start Bootstrap - One Page Wonder v5.0.3 (https://startbootstrap.com/template-overviews/one-page-wonder)
* Copyright 2013-2019 Start Bootstrap
* Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-one-page-wonder/blob/master/LICENSE)
*/body{font-family:Lato}h1,h2,h3,h4,h5,h6{font-family:Catamaran;font-weight:800!important}.btn-xl{text-transform:uppercase;padding:1.5rem 3rem;font-size:.9rem;font-weight:700;letter-spacing:.1rem}.bg-black{background-color:#000!important}.rounded-pill{border-radius:5rem}.navbar-custom{padding-top:1rem;padding-bottom:1rem;background-color:rgba(0,0,0,.7)}.navbar-custom .navbar-brand{text-transform:uppercase;font-size:1rem;letter-spacing:.1rem;font-weight:700}.navbar-custom .navbar-nav .nav-item .nav-link{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.1rem}header.masthead{position:relative;overflow:hidden;padding-top:calc(7rem + 72px);padding-bottom:7rem;background:-webkit-gradient(linear,left bottom,left top,from(#ff6a00),to(#ee0979));background:linear-gradient(0deg,#ff6a00 0,#ee0979 100%);background-repeat:no-repeat;background-position:center center;background-attachment:scroll;background-size:cover}header.masthead .masthead-content{z-index:1;position:relative}header.masthead .masthead-content .masthead-heading{font-size:4rem}header.masthead .masthead-content .masthead-subheading{font-size:2rem}header.masthead .bg-circle{z-index:0;position:absolute;border-radius:100%;background:-webkit-gradient(linear,left bottom,left top,from(#ee0979),to(#ff6a00));background:linear-gradient(0deg,#ee0979 0,#ff6a00 100%)}header.masthead .bg-circle-1{height:90rem;width:90rem;bottom:-55rem;left:-55rem}header.masthead .bg-circle-2{height:50rem;width:50rem;top:-25rem;right:-25rem}header.masthead .bg-circle-3{height:20rem;width:20rem;bottom:-10rem;right:5%}header.masthead .bg-circle-4{height:30rem;width:30rem;top:-5rem;right:35%}@media (min-width:992px){header.masthead{padding-top:calc(10rem + 55px);padding-bottom:10rem}header.masthead .masthead-content .masthead-heading{font-size:6rem}header.masthead .masthead-content .masthead-subheading{font-size:4rem}}.bg-primary{background-color:#ee0979!important}.btn-primary{background-color:#ee0979;border-color:#ee0979}.btn-primary:active,.btn-primary:focus,.btn-primary:hover{background-color:#bd0760!important;border-color:#bd0760!important}.btn-primary:focus{-webkit-box-shadow:0 0 0 .2rem rgba(238,9,121,.5);box-shadow:0 0 0 .2rem rgba(238,9,121,.5)}.btn-secondary{background-color:#ff6a00;border-color:#ff6a00}.btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover{background-color:#c50!important;border-color:#c50!important}.btn-secondary:focus{-webkit-box-shadow:0 0 0 .2rem rgba(255,106,0,.5);box-shadow:0 0 0 .2rem rgba(255,106,0,.5)}
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
header h2 {
color: #f09f8b;
text-align: center;
}
/* HTML5 Audio player with playlist styles */
/* https://github.com/codovate/MINImusic-Player */
.example,
.example2,
.example3 {
margin: 30px auto 0;
}
.player {
background: #25aade;
height: 220px;
position: relative;
width: 100%;
z-index: 2;
}
.title,
.artist {
font-family: verdana;
left: 135px;
position: absolute;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
.title {
color: #ffffff;
font-size: 14px;
font-weight: bold;
top: 20px;
}
.artist {
color: #eeeeee;
font-size: 12px;
top: 43px;
}
.pl {
background: url(../img/control/playlist.png) no-repeat;
cursor: pointer;
height: 40px;
left: 330px;
position: absolute;
top: 20px;
width: 39px;
}
.pl:hover {
top: 21px;
}
.cover {
border-radius: 3px 3px;
height: 85px;
left: 20px;
position: absolute;
top: 30px;
width: 85px;
}
.controls {
cursor: pointer;
left: 0px;
position: absolute;
top: 65px;
left: 122px;
}
.controls .play,
.controls .pause {
width: 40px;
height: 40px;
margin: 5px 5px 5px 5px;
}
.controls .play,
.controls .pause,
.controls .rew,
.controls .fwd,
.controls .stop {
text-indent: -10000px;
border: none;
float: left;
}
.controls .rew,
.controls .fwd,
.controls .stop {
width: 40px;
height: 40px;
margin: 5px 5px 5px 5px;
}
.controls .play {
background: url(../img/control/play.svg) no-repeat;
background-size: 40px 40px;
}
.controls .pause {
background: url(../img/control/pause.svg) no-repeat;
background-size: 40px 40px;
display: none;
}
.controls .rew {
background: url(../img/control/rewind.svg) no-repeat;
background-size: 40px 40px;
}
.controls .fwd {
background: url(../img/control/next.svg) no-repeat;
background-size: 40px 40px;
}
.controls .stop {
background: url(../img/control/stop.svg) no-repeat;
background-size: 40px 40px;
}
.hidden {
display: none;
}
.controls .visible {
display: block;
}
.volume {
height: 11px;
left: 30px;
position: absolute;
top: 142px;
width:80%;
}
.mute .volume-btn {
background: url(../img/control/volume-off.svg) no-repeat;
background-size: 20px 20px;
}
.volume-btn {
background: url(../img/control/volume-up.svg) no-repeat;
background-size: 20px 20px;
height: 20px;
width: 20px;
float: left;
position: relative;
top: -4px;
margin-right: 15px;
}
.volume-adjust {
height: 11px;
position: relative;
width: 50%;
background: #fff;
float: left;
}
.volume-adjust > div > div {
height: 11px;
background: #151b48;
}
.progressbar {
background-color: #fff;
cursor: pointer;
z-index: 1;
right: 6.875em; /* 110 */
height: 15px;
left: 0px;
position: absolute;
width: 90%;
top: 170px;
margin: 0px 5%;
}
.novolume .progressbar {
right: 4.375em; /* 70 */
}
.progressbar div {
width: 0%;
height: 15px;
position: absolute;
left: 0;
top: 0;
}
.bar-loaded {
background-color: #f1f1f1;
z-index: 1;
}
.bar-played {
background: #151b48;
z-index: 2;
}
.timeHolder {
color: #ffffff;
font-size: 14px;
font-weight: bold;
bottom: 10px;
position: absolute;
margin: 0px 5%;
width: 90%;
}
.time-current,
.time-duration,
.time-separator {
color: #ffffff;
font-size: 14px;
font-weight: bold;
float: left;
}
.volume .ui-slider-handle {
background: url("../images/spr.png") no-repeat scroll -201px -188px
rgba(0, 0, 0, 0);
height: 13px;
width: 13px;
}
.playlist {
display: none;
background-color: #fff;
list-style-type: none;
margin: -10px 0 0 2px;
padding-bottom: 10px;
padding-top: 15px;
position: relative;
width: 95%;
z-index: 1;
margin: 0px auto;
}
.playlist li,
.playlist div {
color: #151b48;
cursor: pointer;
margin: 0 0 5px 15px;
}
.playlist li > a,
.playlist div > a {
color: #151b48;
text-decoration: none;
}
.playlist li.active,
.playlist div.active {
font-weight: bold;
}
/* .slick-dots {
bottom: 5px !important;
}
.slick-dots li button:before {
font-size: 8px !important;
} */
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 48 48" style="enable-background:new 0 0 48 48;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
</style>
<g>
<path class="st0" d="M24,5.9c-10,0-18.1,8.1-18.1,18.1c0,9.6,7.7,18,18.1,18c10.2,0,18.1-8.2,18.1-18.1C42,13.8,33.9,5.9,24,5.9z
M33.2,20c-4,4-8,8-12,12c-0.4,0.4-0.7,0.4-1.1,0c-2.4-2.4-4.8-4.8-7.2-7.2c-0.4-0.4-0.5-0.7,0-1.1c0.8-0.7,1.6-1.5,2.3-2.3
c0.4-0.5,0.7-0.4,1.1,0c1.2,1.2,2.4,2.4,3.6,3.6c0.2,0.2,0.5,0.4,0.8,0.7c0.4-0.3,0.7-0.6,1-0.9c2.7-2.7,5.4-5.4,8-8.1
c0.5-0.5,0.9-0.6,1.4,0c0.7,0.8,1.5,1.5,2.2,2.2C33.6,19.3,33.6,19.6,33.2,20z"/>
</g>
</svg>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" baseProfile="tiny" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 48 48" xml:space="preserve">
<polygon fill="#25AADE" points="33.69,23.99 33.69,23.99 17.7,8 14.29,11.41 26.89,24.01 14.31,36.59 17.72,40 33.71,24.01 "/>
</svg>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" viewBox="0 0 40 40" xml:space="preserve">
<g id="background">
<circle fill="none" stroke="#FFFFFF" stroke-width="1.5" stroke-miterlimit="10" cx="20" cy="20" r="19"/>
</g>
<g id="play" display="none">
<path display="inline" fill="#FFFFFF" d="M13.07,8.94v22.13L32.93,20L13.07,8.94z M14.59,11.52L29.82,20l-15.23,8.49V11.52z"/>
</g>
<g id="pause" display="none">
<g display="inline">
<rect x="14.3" y="9.08" fill="#FFFFFF" width="2.65" height="21.84"/>
<rect x="23.05" y="9.08" fill="#FFFFFF" width="2.65" height="21.84"/>
</g>
</g>
<g id="stop" display="none">
<rect x="14.5" y="14.5" display="inline" fill="#FFFFFF" width="11" height="11"/>
</g>
<g id="Capa_5">
<path fill="#FFFFFF" d="M26.65,11.39v7.76L11.69,10.8V29.2l14.97-8.34v7.76h1.66V11.39H26.65z M13.35,26.37V13.63L24.78,20
L13.35,26.37z"/>
</g>
</svg>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" baseProfile="tiny" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 40 40" xml:space="preserve">
<g id="background">
<circle fill="none" stroke="#FFFFFF" stroke-width="1.5" stroke-miterlimit="10" cx="20" cy="20" r="19"/>
</g>
<g id="play" display="none">
<path display="inline" fill="#FFFFFF" d="M13.07,8.94v22.13L32.93,20L13.07,8.94z M14.59,11.52L29.82,20l-15.23,8.49V11.52z"/>
</g>
<g id="pause">
<g>
<rect x="14.3" y="11.93" fill="#FFFFFF" width="2.65" height="16.15"/>
<rect x="23.05" y="11.93" fill="#FFFFFF" width="2.65" height="16.15"/>
</g>
</g>
</svg>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" baseProfile="tiny" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 40 40" xml:space="preserve">
<g id="background">
<circle fill="none" stroke="#FFFFFF" stroke-width="1.5" stroke-miterlimit="10" cx="20" cy="20" r="19"/>
</g>
<g>
<path fill="#FFFFFF" d="M13.43,10.17v19.66L31.08,20L13.43,10.17z M14.78,12.46L28.31,20l-13.54,7.54V12.46z"/>
</g>
</svg>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" viewBox="0 0 40 40" xml:space="preserve">
<g id="background">
<circle fill="none" stroke="#FFFFFF" stroke-width="1.5" stroke-miterlimit="10" cx="20" cy="20" r="19"/>
</g>
<g id="play" display="none">
<path display="inline" fill="#FFFFFF" d="M13.07,8.94v22.13L32.93,20L13.07,8.94z M14.59,11.52L29.82,20l-15.23,8.49V11.52z"/>
</g>
<g id="pause" display="none">
<g display="inline">
<rect x="14.3" y="9.08" fill="#FFFFFF" width="2.65" height="21.84"/>
<rect x="23.05" y="9.08" fill="#FFFFFF" width="2.65" height="21.84"/>
</g>
</g>
<g id="stop" display="none">
<rect x="14.5" y="14.5" display="inline" fill="#FFFFFF" width="11" height="11"/>
</g>
<g id="next" display="none">
<path display="inline" fill="#FFFFFF" d="M26.65,11.39v7.76L11.69,10.8V29.2l14.97-8.34v7.76h1.66V11.39H26.65z M13.35,26.37V13.63
L24.78,20L13.35,26.37z"/>
</g>
<g id="rewind">
<path fill="#FFFFFF" d="M13.35,28.61v-7.76l14.97,8.34V10.8l-14.97,8.34v-7.76h-1.66v17.23H13.35z M26.65,13.63v12.74L15.22,20
L26.65,13.63z"/>
</g>
</svg>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" baseProfile="tiny" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 40 40" xml:space="preserve">
<g id="background">
<circle fill="none" stroke="#FFFFFF" stroke-width="1.5" stroke-miterlimit="10" cx="20" cy="20" r="19"/>
</g>
<g id="play" display="none">
<path display="inline" fill="#FFFFFF" d="M13.07,8.94v22.13L32.93,20L13.07,8.94z M14.59,11.52L29.82,20l-15.23,8.49V11.52z"/>
</g>
<g id="pause" display="none">
<g display="inline">
<rect x="14.3" y="9.08" fill="#FFFFFF" width="2.65" height="21.84"/>
<rect x="23.05" y="9.08" fill="#FFFFFF" width="2.65" height="21.84"/>
</g>
</g>
<g id="Capa_4">
<rect x="14.5" y="14.5" fill="none" stroke="#FFFFFF" stroke-width="1.5" stroke-miterlimit="10" width="11" height="11"/>
</g>
</svg>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" baseProfile="tiny" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 20 20" xml:space="preserve">
<g id="background" display="none">
<circle display="inline" fill="none" stroke="#FFFFFF" stroke-width="1.5" stroke-miterlimit="10" cx="10" cy="10" r="19"/>
</g>
<g id="play" display="none">
<path display="inline" fill="#FFFFFF" d="M3.07-1.06v22.13L22.93,10L3.07-1.06z M4.59,1.52L19.82,10L4.59,18.49V1.52z"/>
</g>
<g id="pause" display="none">
<g display="inline">
<rect x="4.3" y="-0.92" fill="#FFFFFF" width="2.65" height="21.84"/>
<rect x="13.05" y="-0.92" fill="#FFFFFF" width="2.65" height="21.84"/>
</g>
</g>
<g id="stop" display="none">
<rect x="4.5" y="4.5" display="inline" fill="#FFFFFF" width="11" height="11"/>
</g>
<g id="next" display="none">
<path display="inline" fill="#FFFFFF" d="M16.65,1.39v7.76L1.69,0.8v18.4l14.97-8.34v7.76h1.66V1.39H16.65z M3.35,16.37V3.63
L14.78,10L3.35,16.37z"/>
</g>
<g id="rewind" display="none">
<path display="inline" fill="#FFFFFF" d="M3.35,18.61v-7.76l14.97,8.34V0.8L3.35,9.14V1.38H1.69v17.23
C1.69,18.61,3.35,18.61,3.35,18.61z M16.65,3.63v12.74L5.22,10L16.65,3.63z"/>
</g>
<g id="volume_up">
<g>
<path fill="#FFFFFF" d="M0.91,6.81v6.37h3.85l5.05,3.64V3.17L4.76,6.81H0.91z M1.84,7.74h2.61v4.53H1.84V7.74z M8.89,15.02
l-3.52-2.54V7.51l3.52-2.54V15.02z"/>
<polygon fill="#FFFFFF" points="18.19,7.02 17.64,6.48 14.82,9.24 12.01,6.48 11.45,7.02 14.27,9.78 11.45,12.54 12.01,13.08
14.82,10.33 17.64,13.08 18.19,12.54 15.38,9.78 "/>
</g>
</g>
<g id="volume" display="none">
<g display="inline">
<path fill="#FFFFFF" d="M-0.61,6.28v7.44h4.49l5.9,4.25V2.03l-5.9,4.25C3.88,6.28-0.61,6.28-0.61,6.28z M0.47,7.36h3.05v5.29H0.47
V7.36z M8.7,15.86L4.59,12.9V7.09L8.7,4.13V15.86z"/>
</g>
<polygon display="inline" fill="#FFFFFF" points="22,5.74 21.24,5 17.4,8.76 13.56,5 12.8,5.74 16.64,9.51 12.8,13.27 13.56,14.01
17.4,10.25 21.24,14.01 22,13.27 18.16,9.51 "/>
</g>
</svg>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" baseProfile="tiny" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 20 20" xml:space="preserve">
<g id="background" display="none">
<circle display="inline" fill="none" stroke="#FFFFFF" stroke-width="1.5" stroke-miterlimit="10" cx="10" cy="10" r="19"/>
</g>
<g id="play" display="none">
<path display="inline" fill="#FFFFFF" d="M3.07-1.06v22.13L22.93,10L3.07-1.06z M4.59,1.52L19.82,10L4.59,18.49V1.52z"/>
</g>
<g id="pause" display="none">
<g display="inline">
<rect x="4.3" y="-0.92" fill="#FFFFFF" width="2.65" height="21.84"/>
<rect x="13.05" y="-0.92" fill="#FFFFFF" width="2.65" height="21.84"/>
</g>
</g>
<g id="stop" display="none">
<rect x="4.5" y="4.5" display="inline" fill="#FFFFFF" width="11" height="11"/>
</g>
<g id="next" display="none">
<path display="inline" fill="#FFFFFF" d="M16.65,1.39v7.76L1.69,0.8v18.4l14.97-8.34v7.76h1.66V1.39H16.65z M3.35,16.37V3.63
L14.78,10L3.35,16.37z"/>
</g>
<g id="rewind" display="none">
<path display="inline" fill="#FFFFFF" d="M3.35,18.61v-7.76l14.97,8.34V0.8L3.35,9.14V1.38H1.69v17.23
C1.69,18.61,3.35,18.61,3.35,18.61z M16.65,3.63v12.74L5.22,10L16.65,3.63z"/>
</g>
<g id="volume_up">
<g>
<path fill="#FFFFFF" d="M0.91,6.81v6.37h3.85l5.05,3.64V3.17L4.76,6.81C4.76,6.81,0.91,6.81,0.91,6.81z M1.84,7.74h2.61v4.53H1.84
V7.74z M8.89,15.02l-3.52-2.54V7.51l3.52-2.54V15.02z"/>
<path fill="#FFFFFF" d="M12.25,6.35l-0.8,0.47l0.23,0.39c0.5,0.84,0.76,1.8,0.76,2.78c0,0.98-0.27,1.94-0.76,2.78l-0.23,0.39
l0.8,0.47l0.23-0.39c0.58-0.98,0.89-2.11,0.89-3.25c0-1.15-0.31-2.27-0.89-3.25L12.25,6.35z"/>
<path fill="#FFFFFF" d="M14.69,4.91l-0.8,0.47l0.23,0.39c0.75,1.28,1.16,2.73,1.16,4.22c0,1.48-0.4,2.95-1.16,4.22l-0.23,0.39
l0.8,0.47l0.23-0.39c0.84-1.41,1.28-3.04,1.28-4.69s-0.45-3.27-1.28-4.69L14.69,4.91z"/>
<path fill="#FFFFFF" d="M17.4,3.84l-0.23-0.39l-0.8,0.47l0.23,0.39C17.62,6.03,18.16,8,18.16,10s-0.54,3.97-1.56,5.69l-0.23,0.39
l0.8,0.47l0.23-0.39c1.1-1.86,1.69-3.99,1.69-6.16C19.09,7.83,18.51,5.7,17.4,3.84z"/>
</g>
</g>
<g id="volume" display="none">
<g display="inline">
<path fill="#FFFFFF" d="M-0.61,6.28v7.44h4.49l5.9,4.25V2.03l-5.9,4.25C3.88,6.28-0.61,6.28-0.61,6.28z M0.47,7.36h3.05v5.29H0.47
V7.36z M8.7,15.86L4.59,12.9V7.09L8.7,4.13V15.86z"/>
</g>
<polygon display="inline" fill="#FFFFFF" points="22,5.74 21.24,5 17.4,8.76 13.56,5 12.8,5.74 16.64,9.51 12.8,13.27 13.56,14.01
17.4,10.25 21.24,14.01 22,13.27 18.16,9.51 "/>
</g>
</svg>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" baseProfile="tiny" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 52 52" xml:space="preserve">
<g>
<polygon fill="#25AADE" points="40.04,26 11.96,6.75 11.96,45.25 "/>
</g>
</svg>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 52 52" style="enable-background:new 0 0 52 52;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
</style>
<polygon class="st0" points="38.7,26 35.2,22.5 35.2,22.5 16.8,4.1 13.3,7.7 31.7,26 13.3,44.3 16.8,47.9 35.2,29.5 35.2,29.5
38.7,26 38.7,26 "/>
</svg>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" baseProfile="tiny" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 100 100" xml:space="preserve">
<g>
<g>
<path fill="#099DCA" d="M17.14,62.21L17.14,62.21c-1.04,0-1.89-0.85-1.89-1.89V10.2c0-1.04,0.85-1.89,1.89-1.89h0
c1.04,0,1.89,0.85,1.89,1.89v50.12C19.03,61.36,18.18,62.21,17.14,62.21z"/>
<path fill="#099DCA" d="M27.26,62.21L27.26,62.21c-1.04,0-1.89-0.85-1.89-1.89V10.2c0-1.04,0.85-1.89,1.89-1.89h0
c1.04,0,1.89,0.85,1.89,1.89v50.12C29.15,61.36,28.3,62.21,27.26,62.21z"/>
<path fill="#099DCA" d="M37.38,42.93L37.38,42.93c-1.04,0-1.89-0.85-1.89-1.89V17.98c0-1.04,0.85-1.89,1.89-1.89h0
c1.04,0,1.89,0.85,1.89,1.89v23.06C39.27,42.08,38.42,42.93,37.38,42.93z"/>
<path fill="#099DCA" d="M47.51,38.75L47.51,38.75c-1.04,0-1.89-0.85-1.89-1.89v-14.7c0-1.04,0.85-1.89,1.89-1.89h0
c1.04,0,1.89,0.85,1.89,1.89v14.7C49.39,37.9,48.54,38.75,47.51,38.75z"/>
<path fill="#099DCA" d="M57.63,38.75L57.63,38.75c-1.04,0-1.89-0.85-1.89-1.89v-14.7c0-1.04,0.85-1.89,1.89-1.89h0
c1.04,0,1.89,0.85,1.89,1.89v14.7C59.52,37.9,58.67,38.75,57.63,38.75z"/>
<path fill="#099DCA" d="M67.75,42.93L67.75,42.93c-1.04,0-1.89-0.85-1.89-1.89V17.98c0-1.04,0.85-1.89,1.89-1.89h0
c1.04,0,1.89,0.85,1.89,1.89v23.06C69.64,42.08,68.79,42.93,67.75,42.93z"/>
<path fill="#099DCA" d="M77.87,62.21L77.87,62.21c-1.04,0-1.89-0.85-1.89-1.89V10.2c0-1.04,0.85-1.89,1.89-1.89l0,0
c1.04,0,1.89,0.85,1.89,1.89v50.12C79.76,61.36,78.91,62.21,77.87,62.21z"/>
<path fill="#099DCA" d="M88,62.21L88,62.21c-1.04,0-1.89-0.85-1.89-1.89V10.2c0-1.04,0.85-1.89,1.89-1.89h0
c1.04,0,1.89,0.85,1.89,1.89v50.12C89.88,61.36,89.03,62.21,88,62.21z"/>
</g>
<g>
<path fill="#099DCA" d="M5.06,74.03v13.45c0,1.27,0.59,1.69,1.52,1.69c0.94,0,1.53-0.42,1.53-1.69V74.03h2.78V87.3
c0,2.82-1.5,4.38-4.39,4.38c-2.89,0-4.39-1.57-4.39-4.38V74.03H5.06z"/>
<path fill="#099DCA" d="M33.98,86.41l2.01-12.38h4.09v17.44h-2.78V78.96l-2.03,12.51h-2.78l-2.19-12.33v12.33h-2.57V74.03h4.09
L33.98,86.41z"/>
<path fill="#099DCA" d="M50.37,74.03v13.45c0,1.27,0.59,1.69,1.52,1.69c0.94,0,1.53-0.42,1.53-1.69V74.03h2.78V87.3
c0,2.82-1.5,4.38-4.39,4.38c-2.89,0-4.39-1.57-4.39-4.38V74.03H50.37z"/>
<path fill="#099DCA" d="M67.52,73.83c2.89,0,4.33,1.57,4.33,4.39v0.55h-2.78v-0.72c0-1.27-0.54-1.72-1.47-1.72
s-1.47,0.45-1.47,1.72c0,1.2,0.64,2.07,1.5,2.87c0.43,0.42,0.88,0.82,1.39,1.22c0.96,0.82,1.87,1.77,2.43,2.99
c0.29,0.62,0.43,1.35,0.43,2.17c0,2.82-1.5,4.38-4.39,4.38c-2.89,0-4.39-1.57-4.39-4.38v-1.07h2.78v1.25
c0,1.27,0.59,1.69,1.53,1.69c0.94,0,1.52-0.42,1.52-1.69c0-1.2-0.64-2.07-1.5-2.89c-0.43-0.4-0.88-0.8-1.36-1.22
c-0.99-0.8-1.9-1.74-2.46-2.96c-0.29-0.62-0.43-1.35-0.43-2.17C63.19,75.4,64.63,73.83,67.52,73.83z"/>
<path fill="#099DCA" d="M78.92,74.03h2.94v17.44h-2.94V74.03z"/>
<path fill="#099DCA" d="M97.88,84.96v2.32c0,2.82-1.5,4.38-4.39,4.38c-2.89,0-4.39-1.57-4.39-4.38v-9.07
c0-2.82,1.5-4.39,4.39-4.39c2.89,0,4.39,1.57,4.39,4.39v1.69H95.1v-1.87c0-1.27-0.59-1.72-1.52-1.72c-0.94,0-1.53,0.45-1.53,1.72
v9.42c0,1.27,0.59,1.69,1.53,1.69c0.94,0,1.52-0.42,1.52-1.69v-2.49H97.88z"/>
</g>
</g>
</svg>
/*
html5slider - a JS implementation of <input type=range> for Firefox 4 and up
https://github.com/fryn/html5slider
Copyright (c) 2010-2011 Frank Yan, <http://frankyan.com>
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
*/
(function() {
// test for native support
var test = document.createElement('input');
try {
test.type = 'range';
if (test.type == 'range')
return;
} catch (e) {
return;
}
// test for required property support
if (!document.mozSetImageElement || !('MozAppearance' in test.style))
return;
var scale;
var isMac = navigator.platform == 'MacIntel';
var thumb = {
radius: isMac ? 9 : 6,
width: isMac ? 22 : 12,
height: isMac ? 16 : 20
};
var track = '-moz-linear-gradient(top, transparent ' + (isMac ?
'6px, #999 6px, #999 7px, #ccc 9px, #bbb 11px, #bbb 12px, transparent 12px' :
'9px, #999 9px, #bbb 10px, #fff 11px, transparent 11px') +
', transparent)';
var styles = {
'min-width': thumb.width + 'px',
'min-height': thumb.height + 'px',
'max-height': thumb.height + 'px',
padding: 0,
border: 0,
'border-radius': 0,
cursor: 'default',
'text-indent': '-999999px' // -moz-user-select: none; breaks mouse capture
};
var onChange = document.createEvent('HTMLEvents');
onChange.initEvent('change', true, false);
if (document.readyState == 'loading')
document.addEventListener('DOMContentLoaded', initialize, true);
else
initialize();
function initialize() {
// create initial sliders
Array.forEach(document.querySelectorAll('input[type=range]'), transform);
// create sliders on-the-fly
document.addEventListener('DOMNodeInserted', onNodeInserted, true);
}
function onNodeInserted(e) {
check(e.target);
if (e.target.querySelectorAll)
Array.forEach(e.target.querySelectorAll('input'), check);
}
function check(input, async) {
if (input.localName != 'input' || input.type == 'range');
else if (input.getAttribute('type') == 'range')
transform(input);
else if (!async)
setTimeout(check, 0, input, true);
}
function transform(slider) {
var isValueSet, areAttrsSet, isChanged, isClick, prevValue, rawValue, prevX;
var min, max, step, range, value = slider.value;
// lazily create shared slider affordance
if (!scale) {
scale = document.body.appendChild(document.createElement('hr'));
style(scale, {
'-moz-appearance': isMac ? 'scale-horizontal' : 'scalethumb-horizontal',
display: 'block',
visibility: 'visible',
opacity: 1,
position: 'fixed',
top: '-999999px'
});
document.mozSetImageElement('__sliderthumb__', scale);
}
// reimplement value and type properties
var getValue = function() { return '' + value; };
var setValue = function setValue(val) {
value = '' + val;
isValueSet = true;
draw();
delete slider.value;
slider.value = value;
slider.__defineGetter__('value', getValue);
slider.__defineSetter__('value', setValue);
};
slider.__defineGetter__('value', getValue);
slider.__defineSetter__('value', setValue);
slider.__defineGetter__('type', function() { return 'range'; });
// sync properties with attributes
['min', 'max', 'step'].forEach(function(prop) {
if (slider.hasAttribute(prop))
areAttrsSet = true;
slider.__defineGetter__(prop, function() {
return this.hasAttribute(prop) ? this.getAttribute(prop) : '';
});
slider.__defineSetter__(prop, function(val) {
val === null ? this.removeAttribute(prop) : this.setAttribute(prop, val);
});
});
// initialize slider
slider.readOnly = true;
style(slider, styles);
update();
slider.addEventListener('DOMAttrModified', function(e) {
// note that value attribute only sets initial value
if (e.attrName == 'value' && !isValueSet) {
value = e.newValue;
draw();
}
else if (~['min', 'max', 'step'].indexOf(e.attrName)) {
update();
areAttrsSet = true;
}
}, true);
slider.addEventListener('mousedown', onDragStart, true);
slider.addEventListener('keydown', onKeyDown, true);
slider.addEventListener('focus', onFocus, true);
slider.addEventListener('blur', onBlur, true);
function onDragStart(e) {
isClick = true;
setTimeout(function() { isClick = false; }, 0);
if (e.button || !range)
return;
var width = parseFloat(getComputedStyle(this, 0).width);
var multiplier = (width - thumb.width) / range;
if (!multiplier)
return;
// distance between click and center of thumb
var dev = e.clientX - this.getBoundingClientRect().left - thumb.width / 2 -
(value - min) * multiplier;
// if click was not on thumb, move thumb to click location
if (Math.abs(dev) > thumb.radius) {
isChanged = true;
this.value -= -dev / multiplier;
}
rawValue = value;
prevX = e.clientX;
this.addEventListener('mousemove', onDrag, true);
this.addEventListener('mouseup', onDragEnd, true);
}
function onDrag(e) {
var width = parseFloat(getComputedStyle(this, 0).width);
var multiplier = (width - thumb.width) / range;
if (!multiplier)
return;
rawValue += (e.clientX - prevX) / multiplier;
prevX = e.clientX;
isChanged = true;
this.value = rawValue;
}
function onDragEnd() {
this.removeEventListener('mousemove', onDrag, true);
this.removeEventListener('mouseup', onDragEnd, true);
}
function onKeyDown(e) {
if (e.keyCode > 36 && e.keyCode < 41) { // 37-40: left, up, right, down
onFocus.call(this);
isChanged = true;
this.value = value + (e.keyCode == 38 || e.keyCode == 39 ? step : -step);
}
}
function onFocus() {
if (!isClick)
this.style.boxShadow = !isMac ? '0 0 0 2px #fb0' :
'0 0 2px 1px -moz-mac-focusring, inset 0 0 1px -moz-mac-focusring';
}
function onBlur() {
this.style.boxShadow = '';
}
// determines whether value is valid number in attribute form
function isAttrNum(value) {
return !isNaN(value) && +value == parseFloat(value);
}
// validates min, max, and step attributes and redraws
function update() {
min = isAttrNum(slider.min) ? +slider.min : 0;
max = isAttrNum(slider.max) ? +slider.max : 100;
if (max < min)
max = min > 100 ? min : 100;
step = isAttrNum(slider.step) && slider.step > 0 ? +slider.step : 1;
range = max - min;
draw(true);
}
// recalculates value property
function calc() {
if (!isValueSet && !areAttrsSet)
value = slider.getAttribute('value');
if (!isAttrNum(value))
value = (min + max) / 2;;
// snap to step intervals (WebKit sometimes does not - bug?)
value = Math.round((value - min) / step) * step + min;
if (value < min)
value = min;
else if (value > max)
value = min + ~~(range / step) * step;
}
// renders slider using CSS background ;)
function draw(attrsModified) {
calc();
if (isChanged && value != prevValue)
slider.dispatchEvent(onChange);
isChanged = false;
if (!attrsModified && value == prevValue)
return;
prevValue = value;
var position = range ? (value - min) / range * 100 : 0;
var bg = '-moz-element(#__sliderthumb__) ' + position + '% no-repeat, ';
style(slider, { background: bg + track });
}
}
function style(element, styles) {
for (var prop in styles)
element.style.setProperty(prop, styles[prop], 'important');
}
})();
This diff is collapsed.
!function(t,e,s,i){"use strict";var n="musicPlayer",o={playlistItemSelector:"li",autoPlay:!1,volume:80,loop:!1,timeSeparator:" / ",playerAbovePlaylist:!0,infoElements:["title","artist"],elements:["artwork","information","controls","progress","time","volume"],timeElements:["current","duration"],controlElements:["backward","play","forward","stop"],onLoad:function(){},onPlay:function(){},onPause:function(){},onStop:function(){},onFwd:function(){},onRew:function(){},volumeChanged:function(){},seeked:function(){},trackClicked:function(){},onMute:function(){}},l="ontouchstart"in e,a=l?"touchstart":"mousedown",r=l?"touchmove":"mousemove",d=l?"touchcancel":"mouseup";function u(e,s){this.element=e,this.settings=t.extend({},o,s),this._defaults=o,this._name=n,this.init()}t.extend(u.prototype,{init:function(){var e,s="",i="",n="",o="",l="",a="",r="",d="",u="",h="",c="",m="",v="",f=this;for(var p in this.settings.elements)if("volume"==this.settings.elements[p])o+="<div class='volume'><div class='volume-btn' title='Volume'></div><div class=' volume-adjust'><div><div></div></div></div></div>";else if("progress"==this.settings.elements[p])o+="<div class='progressbar'><div class='bar-loaded' ></div><div class='bar-played'></div></div>";else if("artwork"==this.settings.elements[p])o+="<div class='cover'></div>";else if("information"==this.settings.elements[p]){l="-1"!=t.inArray("title",this.settings.infoElements)?"<div class='title'></div>":" ",a="-1"!=t.inArray("artist",this.settings.infoElements)?"<div class='artist'></div>":" ";for(var g in this.settings.infoElements)"title"==this.settings.infoElements[g]?n+=l:"artist"==this.settings.infoElements[g]&&(n+=a);o+="<div class='info' >"+n+"</div>"}else if("time"==this.settings.elements[p]){c="-1"!=t.inArray("current",this.settings.timeElements)?"<div class='time-current'></div>":" ",m="-1"!=t.inArray("duration",this.settings.timeElements)?"<div class='time-duration'></div>":" ",v="<div class='time-separator'>"+this.settings.timeSeparator.replace(/\s/g,"&nbsp;")+"</div>";for(var g in this.settings.timeElements)1==g&&(i+=v),"current"==this.settings.timeElements[g]?i+=c:"duration"==this.settings.timeElements[g]&&(i+=m);o+="<div class='timeHolder'>"+i+"</div>"}else if("controls"==this.settings.elements[p]){r="-1"!=t.inArray("backward",this.settings.controlElements)?"<div class='rew'></div>":" ",d="-1"!=t.inArray("forward",this.settings.controlElements)?"<div class='fwd'></div>":" ",u="-1"!=t.inArray("stop",this.settings.controlElements)?"<div class='stop'></div>":" ",h="-1"!=t.inArray("play",this.settings.controlElements)?"<div class='play'></div><div class='pause'></div>":" ";for(var g in this.settings.controlElements)"backward"==this.settings.controlElements[g]?s+=r:"play"==this.settings.controlElements[g]?s+=h:"forward"==this.settings.controlElements[g]?s+=d:"stop"==this.settings.controlElements[g]&&(s+=u);o+="<div class='controls'>"+s+"</div>"}e=t("<div class='player' >"+o+"</div>"),this.settings.playerAbovePlaylist?t(e).insertBefore(t(this.element).find(".playlist")):t(e).insertAfter(t(this.element).find(".playlist")),this.playlistItemSelector=this.settings.playlistItemSelector,this.playlistHolder=t(this.element).children(".playlist"),this.playerHolder=t(this.element).children(".player"),this.song="",this.theBar=this.playerHolder.find(".progressbar"),this.barPlayed=this.playerHolder.find(".bar-played"),this.barLoaded=this.playerHolder.find(".bar-loaded"),this.timeCurrent=this.playerHolder.find(".time-current"),this.timeDuration=this.playerHolder.find(".time-duration"),this.timeSeparator=this.settings.timeSeparator,this.volumeInfo=this.playerHolder.find(".volume"),this.volumeButton=this.playerHolder.find(".volume-btn"),this.volumeAdjuster=this.playerHolder.find(".volume-adjust > div"),this.volumeValue=this.settings.volume/100,this.volumeDefault=0,this.trackInfo=this.playerHolder.find(".info"),this.coverInfo=this.playerHolder.find(".cover"),this.controlsInfo=this.playerHolder.find(".controls"),this.controlPlay=t(this.controlsInfo).find(".play"),this.controlPause=t(this.controlsInfo).find(".pause"),this.controlStop=t(this.controlsInfo).find(".stop"),this.controlFwd=t(this.controlsInfo).find(".fwd"),this.controlRew=t(this.controlsInfo).find(".rew"),this.cssClass={playing:"playing",mute:"mute"},/iPad|iPhone|iPod/.test(navigator.userAgent)&&t(this.volumeInfo).hide(),this.initAudio(t(this.playlistHolder.find(this.playlistItemSelector+":first"))),this.song.volume=this.volumeValue,this.timeDuration.html("&hellip;"),this.timeCurrent.text(this.secondsToTime(0)),t(this.controlPlay).click(function(t){t.preventDefault(),f.playAudio()}),t(this.controlPause).click(function(t){t.preventDefault(),f.stopAudio(),f.settings.onPause()}),t(this.controlFwd).click(function(e){e.preventDefault(),f.stopAudio();var s=f.getSong(!0);0==s.length&&(s=t(f.playlistHolder).find(f.playlistItemSelector+":first")),f.loadNewSong(s),f.playAudio(),f.settings.onFwd()}),t(this.controlRew).click(function(e){e.preventDefault(),f.stopAudio();var s=f.getSong(!1);0==s.length&&(s=t(f.playlistHolder).find(f.playlistItemSelector+":last")),f.loadNewSong(s),f.playAudio(),f.settings.onRew()}),t(this.controlStop).click(function(t){t.preventDefault(),f.stopAudio(),f.song.currentTime=0,f.settings.onStop()}),t(this.playlistHolder).find(this.playlistItemSelector).click(function(e){e.preventDefault(),f.stopAudio(),f.loadNewSong(t(this)),f.playAudio(),f.settings.trackClicked()})},secondsToTime:function(t){var e=Math.floor(t/3600),s=Math.floor(t%3600/60),i=Math.ceil(t%3600%60);return(0==e?"":e>0&&e.toString().length<2?"0"+e+":":e+":")+(s.toString().length<2?"0"+s:s)+":"+(i.toString().length<2?"0"+i:i)},adjustVolume:function(t){var e=l?t.originalEvent.touches[0]:t;this.song.volume=Math.abs((e.pageX-this.volumeAdjuster.offset().left)/this.volumeAdjuster.width())},adjustCurrentTime:function(t){var e=l?t.originalEvent.touches[0]:t;this.song.currentTime=Math.round(this.song.duration*(e.pageX-this.theBar.offset().left)/this.theBar.width())},initAudio:function(e){var s=e.children("a:first-child").attr("href"),i=e.text(),n=e.attr("data-cover"),o=e.attr("data-artist"),l=this;t(this.trackInfo).children(".title").text(i),t(this.trackInfo).children(".artist").text(o),t(this.coverInfo).css("background-image","url("+n+")"),this.song=new Audio(s),this.song.load(),this.song.addEventListener("loadeddata",function(){t(l.timeDuration).html(l.secondsToTime(this.duration)),t(l.volumeAdjuster).find("div").width(100*this.volume+"%"),l.volumeDefault=this.volume},!1),this.song.addEventListener("progress",function(){t(l.barLoaded).width(this.buffered.end(0)/this.duration*100+"%")}),this.song.addEventListener("timeupdate",function(){t(l.timeCurrent).text(l.secondsToTime(this.currentTime)),t(l.barPlayed).width(this.currentTime/this.duration*100+"%")}),this.song.addEventListener("volumechange",function(){Number(Math.round(100*this.volume+"e1")+"e-1")<=.4&&(this.volume=0),t(l.volumeAdjuster).find("div").width(100*this.volume+"%"),this.volume>0&&l.playerHolder.hasClass(l.cssClass.mute)&&l.playerHolder.removeClass(l.cssClass.mute),this.volume<=0&&!l.playerHolder.hasClass(l.cssClass.mute)&&l.playerHolder.addClass(l.cssClass.mute),l.volumeValue=this.volume}),this.song.addEventListener("ended",function(){l.settings.autoPlay?l.autoPlayNext():(l.playerHolder.removeClass(l.cssClass.playing),t(l.controlPlay).removeClass("hidden"),t(l.controlPause).removeClass("visible"))}),t(this.volumeButton).on("click",function(){return t(l.playerHolder).hasClass(l.cssClass.mute)?(t(l.playerHolder).removeClass(l.cssClass.mute),l.song.volume=l.volumeDefault):(t(l.playerHolder).addClass(l.cssClass.mute),l.volumeDefault=l.song.volume,l.song.volume=0,l.settings.onMute()),!1}),t(this.volumeAdjuster).on(a,function(t){l.adjustVolume(t),l.volumeAdjuster.on(r,function(t){l.adjustVolume(t)}),l.settings.volumeChanged()}).on(d,function(){l.volumeAdjuster.unbind(r)}),t(this.theBar).on(a,function(t){l.adjustCurrentTime(t),l.theBar.on(r,function(t){l.adjustCurrentTime(t)})}).on(d,function(){l.theBar.unbind(r),l.settings.seeked()}),t(this.playlistHolder).find(l.playlistItemSelector).removeClass("active"),e.addClass("active"),this.settings.onLoad(),this.settings.autoPlay&&this.playAudio()},playAudio:function(){this.song.play(),this.playerHolder.addClass(this.cssClass.playing),"-1"!=t.inArray("controls",this.settings.elements)&&"-1"!=t.inArray("play",this.settings.controlElements)&&(t(this.controlPlay).addClass("hidden"),t(this.controlPause).addClass("visible")),this.settings.onPlay()},stopAudio:function(){this.song.pause(),this.playerHolder.removeClass(this.cssClass.playing),"-1"!=t.inArray("controls",this.settings.elements)&&"-1"!=t.inArray("play",this.settings.controlElements)&&(t(this.controlPlay).removeClass("hidden"),t(this.controlPause).removeClass("visible"))},autoPlayNext:function(){this.stopAudio();var e=this.getSong(!0);0==e.length&&this.settings.loop?(e=t(this.playlistHolder).find(this.playlistItemSelector+":first"),this.loadNewSong(e),this.playAudio()):0==!e.length&&(this.loadNewSong(e),this.playAudio())},getSong:function(e){var s=t(this.playlistHolder).find(this.playlistItemSelector),i=t(this.playlistItemSelector+".active");return e?s.eq(s.index(i)+1):s.eq(s.index(i)-1)},loadNewSong:function(t){this.volumeValue=this.song.volume,this.initAudio(t),this.song.volume=this.volumeValue,this.volumeAdjuster.find("div").width(100*this.volumeValue+"%"),this.barPlayed.width(0),this.barLoaded.width(0)}}),t.fn[n]=function(e){return this.each(function(){t.data(this,"plugin_"+n)||t.data(this,"plugin_"+n,new u(this,e))})}}(jQuery,window,document);
\ No newline at end of file
This diff is collapsed.
/*script para reproductor de audio */
$(".example").musicPlayer({
elements: ['artwork', 'information', 'controls', 'progress', 'time', 'volume'], // ==> This will display in the order it is inserted
//elements: [ 'controls' , 'information', 'artwork', 'progress', 'time', 'volume' ],
//controlElements: ['backward', 'play', 'forward', 'stop'],
//timeElements: ['current', 'duration'],
//timeSeparator: " : ", // ==> Only used if two elements in timeElements option
//infoElements: [ 'title', 'artist' ],
//volume: 10,
//autoPlay: true,
//loop: true,
});
$('.example3 .playlist').on('init', function (event, slick) {
$(".example3").musicPlayer({
playlistItemSelector: '.slick-slide:not(.slick-cloned) .song-item',
elements: ['artwork', 'information', 'controls', 'progress', 'time', 'volume'], // ==> This will display in the order it is inserted
//elements: [ 'controls' , 'information', 'artwork', 'progress', 'time', 'volume' ],
//controlElements: ['backward', 'play', 'forward', 'stop'],
//timeElements: ['current', 'duration'],
//timeSeparator: " : ", // ==> Only used if two elements in timeElements option
//infoElements: [ 'title', 'artist' ],
//volume: 10,
autoPlay: true,
loop: true,
onPlay: function () {
$('body').css('background', 'black');
},
onPause: function () {
$('body').css('background', 'green');
},
onStop: function () {
$('body').css('background', '#141942');
},
onFwd: function () {
$('body').css('background', 'white');
slideToActive();
},
onRew: function () {
$('body').css('background', 'blue');
slideToActive();
},
volumeChanged: function () {
$('body').css('background', 'red');
},
seeked: function () {
$('body').css('background', 'orange');
},
trackClicked: function () {
$('body').css('background', 'brown');
},
onMute: function () {
$('body').css('background', 'grey');
},
});
});
//slick slider initialisation
/* $(".example3 .playlist").slick({
arrows: false,
dots: false
});*/
slideToActive = function () {
var slideIndex = $('.slick-slide:not(.slick-cloned) .song-item.active').closest('.slick-slide').attr('data-slick-index');
$('.example .playlist').slick('slickGoTo', slideIndex);
}
$('.slick-dots button').click(function () {
var index = $(this).text() - 1;
index = '[data-slick-index="' + index + '"]';
$('.slick-slide:not(.slick-cloned)' + index + ' .song-item a').click();
});
$(".example2").musicPlayer({
//volume: 10,
//elements: ['artwork', 'controls', 'progress', 'time', 'volume'],
//playerAbovePlaylist: false,
// autoPlay: true,
// loop: true,
onLoad: function () {
//Add Audio player
plElem = "<div class='pl'></div>";
$('.example2').find('.player').append(plElem);
// show playlist
$('.pl').click(function (e) {
e.preventDefault();
$('.example2').find('.playlist').toggleClass("hidden");
});
},
});
.bg-primary {
background-color: $primary !important;
}
.btn-primary {
background-color: $primary;
border-color: $primary;
&:active,
&:focus,
&:hover {
background-color: darken($primary, 10%) !important;
border-color: darken($primary, 10%) !important;
}
&:focus {
box-shadow: 0 0 0 0.2rem fade-out($primary, 0.5);
}
}
.btn-secondary {
background-color: $secondary;
border-color: $secondary;
&:active,
&:focus,
&:hover {
background-color: darken($secondary, 10%) !important;
border-color: darken($secondary, 10%) !important;
}
&:focus {
box-shadow: 0 0 0 0.2rem fade-out($secondary, 0.5);
}
}
body {
@include body-font;
}
h1,
h2,
h3,
h4,
h5,
h6 {
@include heading-font;
}
.btn-xl {
text-transform: uppercase;
padding: 1.5rem 3rem;
font-size: 0.9rem;
font-weight: 700;
letter-spacing: 0.1rem;
}
.bg-black {
background-color: $black !important;
}
.rounded-pill {
border-radius: 5rem;
}
header.masthead {
position: relative;
overflow: hidden;
padding-top: calc(7rem + 72px);
padding-bottom: 7rem;
background: linear-gradient(0deg, $secondary 0%, $primary 100%);
background-repeat: no-repeat;
background-position: center center;
background-attachment: scroll;
background-size: cover;
.masthead-content {
z-index: 1;
position: relative;
.masthead-heading {
font-size: 4rem;
}
.masthead-subheading {
font-size: 2rem;
}
}
.bg-circle {
z-index: 0;
position: absolute;
border-radius: 100%;
background: linear-gradient(0deg, $primary 0%, $secondary 100%);
}
.bg-circle-1 {
height: 90rem;
width: 90rem;
bottom: -55rem;
left: -55rem;
}
.bg-circle-2 {
height: 50rem;
width: 50rem;
top: -25rem;
right: -25rem;
}
.bg-circle-3 {
height: 20rem;
width: 20rem;
bottom: -10rem;
right: 5%;
}
.bg-circle-4 {
height: 30rem;
width: 30rem;
top: -5rem;
right: 35%;
}
}
@media (min-width: 992px) {
header.masthead {
padding-top: calc(10rem + 55px);
padding-bottom: 10rem;
.masthead-content {
.masthead-heading {
font-size: 6rem;
}
.masthead-subheading {
font-size: 4rem;
}
}
}
}
@mixin heading-font {
font-family: 'Catamaran';
font-weight: 800 !important;
}
@mixin body-font {
font-family: 'Lato';
}
.navbar-custom {
padding-top: 1rem;
padding-bottom: 1rem;
background-color: fade-out($black, 0.3);
.navbar-brand {
text-transform: uppercase;
font-size: 1rem;
letter-spacing: 0.1rem;
font-weight: 700;
}
.navbar-nav {
.nav-item {
.nav-link {
text-transform: uppercase;
font-size: 0.8rem;
font-weight: 700;
letter-spacing: 0.1rem;
}
}
}
}
// Variables
// Restated Bootstrap Variables
$white: #fff !default;
$gray-100: #f8f9fa !default;
$gray-200: #e9ecef !default;
$gray-300: #dee2e6 !default;
$gray-400: #ced4da !default;
$gray-500: #adb5bd !default;
$gray-600: #868e96 !default;
$gray-700: #495057 !default;
$gray-800: #343a40 !default;
$gray-900: #212529 !default;
$black: #000 !default;
$primary: #ee0979 !default;
$secondary: #ff6a00 !default;
// Core variables and mixins
@import "variables.scss";
@import "mixins.scss";
// Global CSS
@import "global.scss";
// Components
@import "navbar.scss";
@import "masthead.scss";
@import "bootstrap-overrides.scss";
@media all and (max-width: 500px) {
table,
thead,
tbody,
th,
td,
tr {
display: block;
}
}
th:nth-child(odd)
{
background-color:black;
color: whitesmoke;
}
th:nth-child(even)
{
background-color:black;
color: whitesmoke;
}
.alineacion {
text-align: center;
}
.alineacion p {
display: inline-block;
}
.alineacion p span {
display: block;
text-align: right
}
.modal-open {
overflow: hidden !important;
position:fixed !important;
width: 100% !important;
height: 100% !important;
}
.modalTitleCustom{
line-height: 1.42857143 !important;
float: left !important;
margin: 0px 30px 10px 10px !important;
}
.modalCloseCustom{
padding: 0 !important;
margin: 10px 10px 10px 10px !important;
}
.player{
align-content: center;
border: 2px solid whitesmoke;
background: aliceblue;
}
.player_layout{
background-color: black;
}
.song{
font-size: x-large;
font-style: italic;
font-weight: 500;
color: whitesmoke;
padding: 10px 0 0 10px;
}
.album{
font-size: medium;
font-style: italic;
font-weight: 300;
color: whitesmoke;
padding: 5px 5px 5px 10px;
}
.artist{
font-size: small;
font-style: italic;
font-weight: 300;
color: whitesmoke;
padding: 10px 10px 10px 10px;
}
.playlist_pic{
float: right;
}
.playing {
background-color: #42c3f47d !important;
}
.currentSongTime{
color: whitesmoke;
}
.maxSongTime{
color: whitesmoke;
}
.slider-song-modal{
height: 50px;
width: 200px;
}
input[type="range"] {
width: 250px;
margin-top: -5px;
}
input{
display:none\9!important;
}
input[type="range"] {
-webkit-appearance: none;
border: 1px solid black;
position: absolute;
top: 18px;
display: block;
width: 63%;
height: 15px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background-color: #242323;
left: 90px;
-webkit-box-shadow: inset 0px 4px 4px rgba(0,0,0,.6);
-moz-box-shadow: inset 0px 4px 4px rgba(0,0,0,.6);
box-shadow: inset 0px 4px 4px rgba(0,0,0,.6);
}
input::-webkit-slider-thumb {
-webkit-appearance: none;
width: 20px;
height: 20px;
border:1px solid black;
-webkit-border-radius: 10px;
border-radius: 10px;
background: #80e4df; /* Old browsers */
background: -webkit-linear-gradient(top, #80e4df 0%, #75dbd6 13%, #5ec4bf 33%, #57bbb6 47%, #419d99 80%, #378f8b 100%);
background: -moz-linear-gradient(top, #80e4df 0%, #75dbd6 13%, #5ec4bf 33%, #57bbb6 47%, #419d99 80%, #378f8b 100%);
background: -o-linear-gradient(top, #80e4df 0%, #75dbd6 13%, #5ec4bf 33%, #57bbb6 47%, #419d99 80%, #378f8b 100%);
background: linear-gradient(top, #80e4df 0%, #75dbd6 13%, #5ec4bf 33%, #57bbb6 47%, #419d99 80%, #378f8b 100%); /* W3C */
}
.artistListNamesContainer{
word-break : break-word;
width: 200px;
}
.no_list{
display: table;
margin: 0 auto;
}
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
/*!
* Bootstrap Reboot v4.3.1 (https://getbootstrap.com/)
* Copyright 2011-2019 The Bootstrap Authors
* Copyright 2011-2019 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
*/
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block;
}
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: #fff;
}
[tabindex="-1"]:focus {
outline: 0 !important;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0.5rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[title],
abbr[data-original-title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: .5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -.25em;
}
sup {
top: -.5em;
}
a {
color: #007bff;
text-decoration: none;
background-color: transparent;
}
a:hover {
color: #0056b3;
text-decoration: underline;
}
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
outline: 0;
}
pre,
code,
kbd,
samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 1em;
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
}
figure {
margin: 0 0 1rem;
}
img {
vertical-align: middle;
border-style: none;
}
svg {
overflow: hidden;
vertical-align: middle;
}
table {
border-collapse: collapse;
}
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #6c757d;
text-align: left;
caption-side: bottom;
}
th {
text-align: inherit;
}
label {
display: inline-block;
margin-bottom: 0.5rem;
}
button {
border-radius: 0;
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
select {
word-wrap: normal;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
cursor: pointer;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type="radio"],
input[type="checkbox"] {
box-sizing: border-box;
padding: 0;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
-webkit-appearance: listbox;
}
textarea {
overflow: auto;
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
}
progress {
vertical-align: baseline;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
summary {
display: list-item;
cursor: pointer;
}
template {
display: none;
}
[hidden] {
display: none !important;
}
/*# sourceMappingURL=bootstrap-reboot.css.map */
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment