Updated to the version 3.3.101 of the player.

Player/css/editor/buttons.css

@@ -1,3 +1,15 @@
+/*  This CSS file is PROTECTED, any modifications made on it will be overwritten at each saving of your project  */
+/*  You can modify these CSS attributes directly in the EDITOR  */
+/*  For more informations, you can check our support center @ http://support.klynt.net or our GITHUB @ https://github.com/Klynt/Klynt-Player/wiki/CSSArchitecture */
+
+/*------- editor/buttons.css (level 2) -------*/
+
+/* This file is auto-generated. All modifications directly in the file will be overwritten by editor when project is saved */
+
+.button_container {
+	position: absolute;
+}
+
 .button > * {
 	-webkit-transition: all 0.5s ease-out;
 	-moz-transition: all 0.5s ease-out;
@@ -103,10 +115,6 @@
 	background-color: rgba(123,156,154,1);
 }
 
-.btn-button-5:active {
-	top: 1px;
-}
-
 .btn-button-6 {
 	background-color: rgba(245,198,62,0.6);
 	-webkit-border-radius: 2px;
@@ -129,10 +137,6 @@
 	background-color: rgba(245,198,62,1);
 }
 
-.btn-button-6:active {
-	top: 1px;
-}
-
 .btn-button-7 {
 	background-color: rgba(191,98,17,0.8);
 	-webkit-border-radius: 2px;
@@ -155,10 +159,6 @@
 	background-color: rgba(191,98,17,1);
 }
 
-.btn-button-7:active {
-	top: 1px;
-}
-
 .btn-button-8 {
 	background-color: rgba(140,39,3,0.8);
 	-webkit-border-radius: 2px;
@@ -181,10 +181,6 @@
 	background-color: rgba(140,39,3,1);
 }
 
-.btn-button-8:active {
-	top: 1px;
-}
-
 .btn-button-9 {
 	background-color: rgba(66,90,112,0.8);
 	-webkit-border-radius: 2px;
@@ -207,10 +203,6 @@
 	background-color: rgba(66,90,112,1);
 }
 
-.btn-button-9:active {
-	top: 1px;
-}
-
 .btn-arrow-left {
 	background-repeat: no-repeat;
 	background-image: url("img/arrow-left.png");
@@ -220,17 +212,17 @@
 	position: relative;
 	width: 49px;
 	z-index: 100 !important;
-	background-color: rgba(51,153,153,0.5);
+	background-color: rgba(0,0,0,0.5);
 	opacity: 1;
 }
 
 .btn-arrow-left:hover {
 	opacity: 1;
-	background-color: rgba(51,153,153,1);
+	background-color: rgba(0,0,0,1);
 }
 
 .btn-arrow-left_tooltip {
-	background-color: rgba(51,153,153,0);
+	background-color: rgba(0,0,0,0.5);
 	color: rgba(255,255,255,1);
 	float: left;
 	font-family: Open Sans,sans-serif;
@@ -256,17 +248,17 @@
 	position: relative;
 	width: 49px;
 	z-index: 100 !important;
-	background-color: rgba(51,153,153,0.5);
+	background-color: rgba(0,0,0,0.5);
 	opacity: 1;
 }
 
 .btn-arrow-right:hover {
 	opacity: 1;
-	background-color: rgba(51,153,153,1);
+	background-color: rgba(0,0,0,1);
 }
 
 .btn-arrow-right_tooltip {
-	background-color: rgba(51,153,153,0);
+	background-color: rgba(0,0,0,0.5);
 	color: rgba(255,255,255,1);
 	float: right;
 	font-family: Open Sans,sans-serif;
@@ -361,10 +353,6 @@
 	z-index: 100 !important;
 }
 
-.button_container {
-	position: absolute;
-}
-
 .transparent {
 	opacity: 0;
-}
+}

Player/css/editor/mejs-skin.css

@@ -0,0 +1,11 @@
+/*  This CSS file is PROTECTED, any modifications made on it will be overwritten at each saving of your project  */
+/*  You can modify these CSS attributes directly in the EDITOR  */
+/*  For more informations, you can check our support center @ http://support.klynt.net or our GITHUB @ https://github.com/Klynt/Klynt-Player/wiki/CSSArchitecture */
+
+/*------- player/mejs-skin.css (level 2) -------*/
+
+/* This file is auto-generated. All modifications directly in the file will be overwritten by editor when project is saved */
+
+.mejs-klynt .mejs-controls .mejs-button button {
+    background-image: url(img/controls.svg);
+}

Player/css/editor/mini-player.css

@@ -13,17 +13,17 @@ body {font: 14px 'Open Sans', sans-serif;} /* MAIN_FONT */
 }
 
 .vertical.miniplayer-info-content{
-	background-color: rgba(0, 0, 0, 0.4); /* PRIMARY_COLOR */
+	background-color: rgba(51, 51, 51, 0.4); /* PRIMARY_COLOR */
 	color: rgba(255, 255, 255, 1); /* SECONDARY_COLOR */
 }
 
 .vertical.miniplayer-button{
-	background: rgba(51, 153, 153, 1); /* TERTIARY_COLOR */
+	background: rgba(231, 57, 61, 1); /* TERTIARY_COLOR */
 	background-size: 25% 25%;
 }
 
 .vertical.miniplayer-text{
-	background-color : rgba(0, 0, 0, 0.4); /* PRIMARY_COLOR */
+	background-color : rgba(51, 51, 51, 0.4); /* PRIMARY_COLOR */
 	border-color : rgba(255, 255, 255, 1); /* SECONDARY_COLOR */
 }
 
@@ -36,7 +36,7 @@ body {font: 14px 'Open Sans', sans-serif;} /* MAIN_FONT */
 }
 
 .vertical.miniplayer-return{
-	background-color: rgba(0, 0, 0, 0.8); /* PRIMARY_COLOR */
+	background-color: rgba(51, 51, 51, 0.8); /* PRIMARY_COLOR */
 	color: rgba(255, 255, 255, 1); /* SECONDARY_COLOR */
 }
 
@@ -45,26 +45,26 @@ body {font: 14px 'Open Sans', sans-serif;} /* MAIN_FONT */
 }
 
 .vertical.miniplayer-return-buttons > div.yes {
-	background-color: rgba(51, 153, 153, 1); /* TERTIARY_COLOR */
+	background-color: rgba(231, 57, 61, 1); /* TERTIARY_COLOR */
 }
 
 .horizontal.miniplayer-info-content{
-	background-color: rgba(0, 0, 0, 0.4); /* PRIMARY_COLOR */
+	background-color: rgba(51, 51, 51, 0.4); /* PRIMARY_COLOR */
 	color: rgba(255, 255, 255, 1); /* SECONDARY_COLOR */
 }
 
 .horizontal.miniplayer-menu{
-	background-color: rgba(0, 0, 0, 0.4); /* PRIMARY_COLOR */
+	background-color: rgba(51, 51, 51, 0.4); /* PRIMARY_COLOR */
 	color: rgba(255, 255, 255, 1); /* SECONDARY_COLOR */
 }
 
 .horizontal.miniplayer-button{
-	background: rgba(51, 153, 153, 1); /* TERTIARY_COLOR */
+	background: rgba(231, 57, 61, 1); /* TERTIARY_COLOR */
 	background-size: 25% 25%;
 }
 
 .horizontal.miniplayer-return{
-	background-color: rgba(0, 0, 0, 0.8); /* PRIMARY_COLOR */
+	background-color: rgba(51, 51, 51, 0.8); /* PRIMARY_COLOR */
 	color: rgba(255, 255, 255, 1); /* SECONDARY_COLOR */
 }
 
@@ -73,5 +73,5 @@ body {font: 14px 'Open Sans', sans-serif;} /* MAIN_FONT */
 }
 
 .horizontal.miniplayer-return-buttons > div.yes {
-	background-color: rgba(51, 153, 153, 1); /* TERTIARY_COLOR */
+	background-color: rgba(231, 57, 61, 1); /* TERTIARY_COLOR */
 }