1 files changed, 44 insertions, 9 deletions

diff --git a/librevideojs/css/librevideojs-material/libre-skin-teal.css b/librevideojs/css/librevideojs-material/libre-skin-teal.css
index a9ce109..e876859 100644
--- a/librevideojs/css/librevideojs-material/libre-skin-teal.css
+++ b/librevideojs/css/librevideojs-material/libre-skin-teal.css
@@ -1,17 +1,18 @@
 /*!
 LibreVideoJS Estilos personalizados
-Version 1.0
+Version 1.2
 Escrito por Jesús Eduardo
 */.librevjs-libre-skin {
 	color:#ccc;
 	background-color: inherit;
 }
 @font-face {
-	font-family:LibreVideoJS;
-	src: url('../../fonts/libre-material/libre-icons.eot');
-  src: url('../../fonts/libre-material/libre-icons.eot?#iefix') format('embedded-opentype'), url('../../fonts/libre-material/libre-icons.woff') format('woff'), url('../../fonts/libre-material/libre-icons.ttf') format('truetype'), url('../../fonts/libre-material/libre-icons.svg#icomoon') format('svg');
-	font-weight:400;
-	font-style:normal
+	font-family:"LibreVideoJS";
+	src: url("../../fonts/libre-material/libre-icons.eot") format("embedded-opentype");
+	src: local('?'),
+				url("../../fonts/libre-material/libre-icons.woff") format("woff"),
+				url("../../fonts/libre-material/libre-icons.ttf") format("truetype"),
+				url("../../fonts/libre-material/libre-icons.svg") format("svg");
 }
 .librevjs-libre-skin .librevjs-slider {
   /* Replace browser focus highlight with handle highlight */
@@ -250,6 +251,7 @@ Escrito por Jesús Eduardo
 }
 .librevjs-libre-skin .librevjs-time-controls {
 	font-size:1em;
+	font-weight: 700;/*mayor visibilidad*/
 	line-height:3em
 }
 .librevjs-libre-skin .librevjs-current-time {
@@ -473,7 +475,7 @@ Escrito por Jesús Eduardo
 	padding:0;
 	font-size:10px;
 	vertical-align:middle;
-	font-weight:400;
+	font-weight:500;
 	font-style:normal;
 	font-family:Arial,sans-serif;
 	-webkit-user-select:none;
@@ -546,7 +548,7 @@ body.librevjs-full-window {
 }
 .cliplibre-js .librevjs-text-track {
 	display:none;
-	font-size:1.5em;
+	font-size:1.8em;
 	text-align:center;
 	margin-bottom:.1em;
 	background-color:#000;
@@ -585,7 +587,6 @@ ul li.librevjs-menu-title.librevjs-res-menu-title{
 ul li.librevjs-menu-title.librevjs-res-menu-title:hover{
 	color: rgb(29, 233, 182);
 }
-
 /*Responsive*/
 .cliplibre-js-responsive-container.librevjs-hd {
     padding-top: 56.25%;
@@ -604,3 +605,37 @@ ul li.librevjs-menu-title.librevjs-res-menu-title:hover{
     top: 0;
     left: 0;
 }
+@media screen and (max-width: 600px){
+	.cliplibre-js .librevjs-text-track{
+		font-size: 1.2em;
+	}
+	.cliplibre-js .librevjs-text-track-display{
+		bottom: 2em;
+	}
+}
+@media screen and (max-width: 400px){
+	.cliplibre-js .librevjs-text-track{
+		font-size: 0.9em;
+	}
+	.librevjs-libre-skin .librevjs-big-play-button{
+		font-size: 5em;
+	}
+	.cliplibre-js .librevjs-text-track-display{
+		bottom: 1em;
+	}
+}
+@media screen and (max-width: 200px){
+	.librevjs-libre-skin .librevjs-big-play-button	{
+		top:35%;
+	}
+}
+@media screen and (max-width: 150px){
+	.librevjs-libre-skin .librevjs-big-play-button{
+		font-size: 3em;
+	}
+}
+@media screen and (max-width: 90px){
+	.librevjs-libre-skin .librevjs-big-play-button{
+		font-size: 2em;
+	}
+}