update

modules/ets_multilayerslider/views/css/dynamic.css

@@ -0,0 +1,3 @@
+.mm_menus_ul{
+    background: color1;
+}

modules/ets_multilayerslider/views/css/fix16.css

@@ -0,0 +1,3 @@
+body{
+
+}

modules/ets_multilayerslider/views/css/fix17_bo.css

@@ -0,0 +1,32 @@
+.mls_add_slide.btn.btn-default:before,
+.mls_play_slider:before,
+.msl_screen_type > div:first-child:before,
+.msl_screen_type > div:nth-child(2):before,
+.msl_screen_type > div:last-child:before,
+.mls_change_mode.ltr:before,
+.mls_change_mode.rtl:before,
+.mls_slide_delete:before,
+.mls_layer_duplicate:before, 
+.mls_slide_duplicated:before,
+.mls_slide_edit:before,
+.right-block h2:before,
+.mls_add_layer:before,
+.mls_layer_delete:before,
+.mls_layer_edit:before,
+.ets_multilayerslider_wrapper i:not(.process-icon-save):before {
+  content: attr(data-title)!important;
+  font-family: Material Icons;
+  font-size: 18px;
+  vertical-align: -4px;
+}
+
+.mls_export_button i.fa-exchange:before,
+.mls_add_slide:before {
+    font-size: 18px;
+    float: left;
+    line-height: 18px;
+    
+}
+.mls_import_slider_submit .mls_import_slider {
+    padding-left: 28px;
+}

modules/ets_multilayerslider/views/css/index.php

@@ -0,0 +1,36 @@
+<?php
+/*
+* 2007-2015 PrestaShop
+*
+* NOTICE OF LICENSE
+*
+* This source file is subject to the Open Software License (OSL 3.0)
+* that is bundled with this package in the file LICENSE.txt.
+* It is also available through the world-wide-web at this URL:
+* http://opensource.org/licenses/osl-3.0.php
+* If you did not receive a copy of the license and are unable to
+* obtain it through the world-wide-web, please send an email
+* to license@prestashop.com so we can send you a copy immediately.
+*
+* DISCLAIMER
+*
+* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
+* versions in the future. If you wish to customize PrestaShop for your
+* needs please refer to http://www.prestashop.com for more information.
+*
+*  @author PrestaShop SA <contact@prestashop.com>
+*  @copyright  2007-2014 PrestaShop SA
+*  @version  Release: $Revision$
+*  @license    http://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
+*  International Registered Trademark & Property of PrestaShop SA
+*/
+
+header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
+header("Last-Modified: ".gmdate("D, d M Y H:i:s")." GMT");
+
+header("Cache-Control: no-store, no-cache, must-revalidate");
+header("Cache-Control: post-check=0, pre-check=0", false);
+header("Pragma: no-cache");
+
+header("Location: ../");
+exit;

modules/ets_multilayerslider/views/css/mlsslider.pack.backend.css

@@ -0,0 +1,115 @@
+.mls_slider{
+    float: left;
+    position: relative;
+    overflow: hidden;
+}
+.mls_slides_front
+{
+    width: 100%;
+    height: 100%;
+    float: left;
+}
+.mls_slides_front > li {
+  float: left;
+  height: 100%;
+  left: 0;
+  opacity: 0;
+  pointer-events: none;
+  position: absolute !important;
+  top: 0;
+  transition: opacity 1s ease 0s;
+  visibility: hidden;
+  width: 100%;
+}
+
+.msl_layer_front{
+    position: absolute;
+    display: none;
+}
+.mls_loading_icon{
+    padding: 10px;
+    background: #fff;
+    border-radius: 10px;
+    text-align: center;
+}
+.mls_pagination {
+  bottom: 10px;
+  float: left;
+  left: 50%;
+  position: absolute;
+  transform: translateX(-50%) scale(1.5);
+  -webkit-transform: translateX(-50%) scale(1.5);
+  visibility: visible;
+  z-index: 10;
+}
+.mls_nav > div.mls_prev:before {
+  content: "\f104";
+  display: block;
+  float: left;
+  font-family: FontAwesome;
+  font-size: 30px;
+  line-height: 20px;
+  min-width: 20px;
+  text-align: center;
+}
+.mls_nav > div.mls_next:before {
+  content: "\f105";
+  display: block;
+  float: left;
+  font-family: FontAwesome;
+  font-size: 30px;
+  line-height: 20px;
+  min-width: 20px;
+  text-align: center;
+}
+.mls_nav > div {
+  background-color: rgba(0, 0, 0, 0.6);
+  color: #FFFFFF;
+  cursor: pointer;
+  font-size: 0;
+  opacity: 0;
+  padding: 15px;
+  position: relative;
+  transition: all 0.5s ease 0s;
+  -webkit-transition: all 0.5s ease 0s;
+  visibility: hidden;
+}
+.mls_pag_button {
+  background: #fff none repeat scroll 0 0;
+  cursor: pointer;
+  float: left;
+  margin: 3px;
+  padding: 3px 10px;
+}
+
+.mls_slide_front.active {
+  opacity: 1;
+  pointer-events: auto;
+  visibility: visible;
+}
+.msl_layer_front.active{
+    display: block;
+}
+.mls_pag_button.active{
+    background: #000;
+    color: #fff;
+}
+.ets_multilayerslider:hover .mls_nav > div{
+    opacity: 1;
+    visibility: visible;
+    transform: translateX(0%) translateY(-50%);
+    -webkit-transform: translateX(0%) translateY(-50%);
+}
+.mls_nav {
+  height: 0;
+  left: 0;
+  position: absolute;
+  top: 50%;
+  width: 100%;
+}
+.mls_prev {
+  float: left;
+}
+.mls_next {
+  float: right;
+}

modules/ets_multilayerslider/views/css/multilayerslider.css

@@ -0,0 +1,249 @@
+.mls_slider{
+    float: left;
+    position: relative;
+    overflow: hidden;
+}
+.mls_slides_front
+{
+    width: 100%;
+    height: 100%;
+    float: left;
+    perspective: 50em;
+    -webkit-perspective: 50em;
+}
+.mls_slides_front > li {
+  float: left;
+  height: 100%;
+  left: 0;
+  opacity: 0;
+  pointer-events: none;
+  position: absolute !important;
+  top: 0;
+  transition: opacity 1s ease 0s;
+  -webkit-transition: opacity 1s ease 0s;
+  visibility: hidden;
+  width: 100%;
+  background-position: center center;
+    background-size: 100% auto;
+}
+.mls_nav > div.mls_prev:before {
+  content: "\f104";
+  display: block;
+  float: left;
+  font-family: FontAwesome;
+  font-size: 30px;
+  line-height: 50px;
+  min-width: 50px;
+  text-align: center;
+}
+.mls_nav > div.mls_next:before {
+  content: "\f105";
+  display: block;
+  float: left;
+  font-family: FontAwesome;
+  font-size: 30px;
+  line-height: 50px;
+  min-width: 50px;
+  text-align: center;
+}
+.ets_multilayerslider {
+  display: block;
+  overflow: hidden;
+  position: relative;
+  width: 100%;
+  margin-bottom: 60px;
+}
+.mls_slides {
+  float: left;
+  position: relative;
+  transform-origin: 0 0 0;
+  width: 100%;
+}
+.msl_layer_front.active{
+    display: block;
+    opacity: 1;
+    visibility: visible;
+}
+.msl_layer_front {
+  display: none;
+  opacity: 0;
+  visibility: hidden;
+}
+.mls_loading_icon {
+  bottom: 0;
+  display: none;
+  height: 100%;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  width: 100%;
+  z-index: 100000000;
+}
+.mls_loading_icon > img {
+  left: 50%;
+  position: absolute;
+  top: 50%;
+  width: auto;
+}
+.loading .mls_loading_icon {
+  background: none repeat scroll 0 0 #fff;
+  bottom: 0;
+  left: 0;
+  padding: 10px;
+  display: block;
+  position: absolute;
+  right: 0;
+  text-align: center;
+  top: 0;
+  vertical-align: middle;
+  z-index: 11;
+}
+.loading .mls_loading_icon img {
+  border: 10px solid #FFFFFF;
+  border-radius: 10px 10px 10px 10px;
+  float: left;
+  left: 50%;
+  position: relative;
+  top: 50%;
+  background-color: #fff;
+  transform: translate3d(-50%, -50%, 0px);
+  -webkit-transform: translate3d(-50%, -50%, 0px);
+}
+
+.loading .mls_slider_running{
+    width: 0%;
+}
+.mls_moving_in .mls_slider_running {
+  animation-fill-mode: both;
+  animation-name: running;
+  animation-timing-function: linear;
+}
+.mls_slider_running {
+  height: 4px;
+  left: 0;
+  position: absolute;
+  top: 0;
+  transition: opacity 1s ease 0s;
+  -webkit-transition: opacity 1s ease 0s;
+  width: 100%;
+  z-index: 1000;
+}
+.mls_slider:not(.mls_moving_in) .mls_slider_running {
+  opacity: 0;
+}
+.mls_slides .mls_slides_front span {
+  display: block;
+  line-height: 160%;
+}
+
+@keyframes running{
+    0% {
+        width: 0%;
+    }
+    100% {
+        width: 100%;
+    }
+}
+@-webkit-keyframes running{
+    0% {
+        width: 0%;
+    }
+    100% {
+        width: 100%;
+    }
+}
+
+
+
+
+.mls_pagination {
+  bottom: 40px;
+  float: left;
+  left: 50%;
+  z-index: 10;
+  position: absolute;
+  transform: translateX(-50%);
+  -webkit-transform: translateX(-50%);
+  transform-origin: 0 100% 0;
+  -webkit-transform-origin: 0 100% 0;
+}
+.mls_pag_button {
+  backface-visibility: hidden;
+  -webkit-backface-visibility: hidden;
+  background: none repeat scroll 0 0 #FFFFFF;
+  border: 1px solid #222222;
+  cursor: pointer;
+  float: left;
+  height: 12px;
+  margin: 0 5px;
+  padding: 0;
+  perspective: 50em;
+  -webkit-perspective: 50em;
+  transform: rotate(45deg);
+  -webkit-transform: rotate(45deg);
+  width: 12px;
+  font-size: 0;
+}
+.mls_pag_button:not(.active) {
+  background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
+  border-color: #222222 !important;
+}
+.mls_slide_front.active {
+  opacity: 1;
+  pointer-events: auto;
+  visibility: visible;
+}
+.mls_pag_button.active{
+    background: #000;
+    color: #fff;
+}
+.mls_nav > div {
+  background-color: rgba(0, 0, 0, 1);
+  color: #FFFFFF;
+  cursor: pointer;
+  font-size: 0;
+  opacity: 0;
+  padding: 0;
+  position: relative;
+  visibility: hidden;
+  backface-visibility: hidden;
+  -webkit-backface-visibility: hidden;
+  perspective: 50em;
+  -webkit-perspective: 50em;
+  margin-top: -25px;
+  width: 50px;
+  height: 50px;
+}
+.ets_multilayerslider:hover .mls_nav > div{
+    opacity: 1;
+    visibility: visible;
+    transform: translateX(0%) translatey(-50%);
+    -webkit-transform: translateX(0%) translatey(-50%);
+    margin-left: 20px;
+    margin-right: 20px;
+}
+.mls_nav {
+  height: 0;
+  left: 0;
+  position: absolute;
+  top: 50%;
+  width: 100%;
+}
+.mls_prev {
+  float: left;
+  transform-origin: 0 0 0;
+  -webkit-transform-origin: 0 0 0;
+  margin-left: -100px;
+}
+.mls_next {
+  float: right;
+  transform-origin: 100% 0 0;
+  -webkit-transform-origin: 100% 0 0;
+  margin-right: -100px;
+}
+@media (max-width: 767px){
+    .ets_multilayerslider {
+      margin-bottom: 40px;
+    }
+}