diff options
Diffstat (limited to 'librevideojs/css/librevideojs-material/libre-skin-red.css')
| -rw-r--r-- | librevideojs/css/librevideojs-material/libre-skin-red.css | 50 |
1 files changed, 43 insertions, 7 deletions
diff --git a/librevideojs/css/librevideojs-material/libre-skin-red.css b/librevideojs/css/librevideojs-material/libre-skin-red.css index 7783c02..79ee85b 100644 --- a/librevideojs/css/librevideojs-material/libre-skin-red.css +++ b/librevideojs/css/librevideojs-material/libre-skin-red.css @@ -1,17 +1,18 @@ /*! LibreVideoJS Estilos personalizados = Red -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; @@ -602,3 +604,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; + } +} |