diff options
Diffstat (limited to 'librevideojs/css/librevideojs-material/libre-skin-blue.css')
| -rw-r--r-- | librevideojs/css/librevideojs-material/libre-skin-blue.css | 53 |
1 files changed, 45 insertions, 8 deletions
diff --git a/librevideojs/css/librevideojs-material/libre-skin-blue.css b/librevideojs/css/librevideojs-material/libre-skin-blue.css index 76ffc80..30cc9b0 100644 --- a/librevideojs/css/librevideojs-material/libre-skin-blue.css +++ b/librevideojs/css/librevideojs-material/libre-skin-blue.css @@ -1,17 +1,18 @@ /*! LibreVideoJS Estilos personalizados = blue -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,7 +251,8 @@ Escrito por Jesús Eduardo } .librevjs-libre-skin .librevjs-time-controls { font-size:1em; - line-height:3em + font-weight: 700;/*mayor visibilidad*/ + line-height:3em; } .librevjs-libre-skin .librevjs-current-time { float:left @@ -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; @@ -584,6 +586,7 @@ ul li.librevjs-menu-title.librevjs-res-menu-title{ ul li.librevjs-menu-title.librevjs-res-menu-title:hover{ color: rgb(11, 137, 237); } + /*Responsive*/ .cliplibre-js-responsive-container.librevjs-hd { padding-top: 56.25%; @@ -602,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; + } +} |