Advertisement
deliciousthemes

Untitled

Apr 7th, 2014
231
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 9.37 KB | None | 0 0
  1.  
  2. /*
  3.  * ******************************************************************************
  4.  *  jquery.mb.components
  5.  *  file: YTPlayer.css
  6.  *
  7.  *  Copyright (c) 2001-2013. Matteo Bicocchi (Pupunzi);
  8.  *  Open lab srl, Firenze - Italy
  9.  *  email: matteo@open-lab.com
  10.  *  site:   http://pupunzi.com
  11.  *  blog:   http://pupunzi.open-lab.com
  12.  *  http://open-lab.com
  13.  *
  14.  *  Licences: MIT, GPL
  15.  *  http://www.opensource.org/licenses/mit-license.php
  16.  *  http://www.gnu.org/licenses/gpl.html
  17.  *
  18.  *  last modified: 23/11/13 21.05
  19.  *  *****************************************************************************
  20.  */
  21.  
  22. /*
  23. * jQuery.mb.components: mb.YTVPlayer
  24. * © 2001 - 2012 Matteo Bicocchi (pupunzi), Open Lab
  25. *
  26. */
  27.  
  28. @charset"UTF-8";
  29.  
  30. /* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 30, 2013 */
  31.  
  32.  
  33.  
  34.  
  35. @font-face {
  36.   font-family: 'ytpregular';
  37.   src: url('ytp-regular.eot');
  38. }
  39.  
  40. @font-face {
  41.   font-family: 'ytpregular';
  42.   src: url(data:application/x-font-woff;charset=utf-8;base64,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) format('woff'),
  43.   url('ytp-regular.ttf') format('truetype');
  44.   font-weight: normal;
  45.   font-style: normal;
  46.  
  47. }
  48. .mb_YTVPlayer :focus {
  49.   outline: 0;
  50. }
  51.  
  52.  
  53. .mb_YTVPlayer{
  54.   display:block;
  55.   transform:translateZ(0);
  56.   transform-style: preserve-3d;
  57.   perspective: 1000;
  58.   backface-visibility: hidden;
  59.   transform:translate3d(0,0,0);
  60.   animation-timing-function: linear;
  61.  
  62. }
  63.  
  64. .mb_YTVPlayer.fullscreen{
  65.   display:block;
  66.   position: fixed;
  67.   width: 100%;
  68.   height: 100%;
  69.   top: 0;
  70.   left: 0;
  71.   margin: 0!important;
  72. }
  73.  
  74.  
  75. .mbYTP_wrapper iframe{
  76.   max-width: 4000px !important;
  77. }
  78.  
  79. .inline_YTPlayer{
  80.   margin-bottom: 20px;
  81.   vertical-align:top;
  82.   position:relative;
  83.   left:0;
  84.   overflow: hidden;
  85.   border-radius: 4px;
  86.   -moz-box-shadow: 0 0 5px rgba(0,0,0,.7);
  87.   -webkit-box-shadow: 0 0 5px rgba(0,0,0,.7);
  88.   box-shadow: 0 0 5px rgba(0,0,0,.7);
  89.   background: rgba(0,0,0,.5);
  90. }
  91.  
  92. .inline_YTPlayer img{
  93.   border: none!important;
  94.   -moz-transform: none!important;
  95.   -webkit-transform: none!important;
  96.   -o-transform: none!important;
  97.   transform: none!important;
  98.   margin:0!important;
  99.   padding:0!important
  100. }
  101.  
  102. /*CONTROL BAR*/
  103.  
  104. .mb_YTVPBar .ytpicon{
  105.   font-size: 20px;
  106.   font-family: 'ytpregular';
  107. }
  108.  
  109. .mb_YTVPBar .mb_YTVPUrl.ytpicon{
  110.   font-size: 30px;
  111. }
  112.  
  113.  
  114. .mb_YTVPBar{
  115.  
  116.   transition: opacity 1s;
  117.   -moz-transition: opacity 1s;
  118.   -webkit-transition: opacity 1s;
  119.   -o-transition: opacity 1s;
  120.  
  121.   display:block;
  122.   width:100%;
  123.   height:10px;
  124.   padding:5px;
  125.   background:#333;
  126.   position:fixed;
  127.   bottom:0;
  128.   left:0;
  129.   -moz-box-sizing:padding-box;
  130.   -webkit-box-sizing:border-box;
  131.   text-align:left;
  132.   z-index: 1000;
  133.   font: 14px/16px sans-serif;
  134.   color:white;
  135.   opacity:.1;
  136. }
  137.  
  138. .mb_YTVPBar.visible, .mb_YTVPBar:hover{
  139.   opacity:1;
  140. }
  141.  
  142.  
  143. .mb_YTVPBar .buttonBar{
  144.  
  145.   transition: all 1s;
  146.   -moz-transition: all 1s;
  147.   -webkit-transition: all 1s;
  148.   -o-transition: all 1s;
  149.  
  150.   background:transparent;
  151.   font:12px/14px Calibri;
  152.   position:absolute;
  153.   top:-30px;
  154.   left:0;
  155.   padding: 5px;
  156.   width:100%;
  157.   -moz-box-sizing: border-box;
  158.   -webkit-box-sizing: border-box;
  159.   -o-box-sizing: border-box;
  160.   box-sizing: border-box;
  161. }
  162. .mb_YTVPBar:hover .buttonBar{
  163.   background: rgba(0,0,0,0.4);
  164. }
  165.  
  166. .mb_YTVPBar span{
  167.   display:inline-block;
  168.   font:16px/20px Calibri, sans-serif;
  169.   position:relative;
  170.   width: 30px;
  171.   height: 25px;
  172.   vertical-align: middle;
  173. }
  174. .mb_YTVPBar span.mb_YTVPTime{
  175.   width: 130px;
  176. }
  177.  
  178. .mb_YTVPBar span.mb_YTVPUrl,.mb_YTVPBar span.mb_OnlyYT {
  179.   position: absolute;
  180.   width: auto;
  181.   display:block;
  182.   top:6px;
  183.   right:10px;
  184.   cursor: pointer;
  185. }
  186. .mb_YTVPBar span.mb_YTVPUrl img{
  187.   width: 60px;
  188. }
  189.  
  190. .mb_YTVPBar span.mb_OnlyYT {
  191.   left:185px;
  192.   right: auto;
  193. }
  194. .mb_YTVPBar span.mb_OnlyYT img{
  195.   width: 25px;
  196. }
  197.  
  198. .mb_YTVPBar span.mb_YTVPUrl a{
  199.   color:white;
  200. }
  201.  
  202. .mb_YTVPPlaypause,.mb_YTVPlayer .mb_YTVPPlaypause img{
  203.   cursor:pointer;
  204. }
  205.  
  206. .mb_YTVPMuteUnmute{
  207.   cursor:pointer;
  208. }
  209.  
  210. /*PROGRESS BAR*/
  211. .mb_YTVPProgress{
  212.   height:10px;
  213.   width:100%;
  214.   background:#222;
  215.   bottom:0;
  216.   left:0;
  217. }
  218.  
  219. .mb_YTVPLoaded{
  220.   height:10px;
  221.   width:0;
  222.   background:#444;
  223.   left:0;
  224. }
  225.  
  226. .mb_YTVTime{
  227.   height:5px;
  228.   width:0;
  229.   background:#fff;
  230.   bottom:0;
  231.   left:0;
  232.   -moz-box-shadow:#666666 1px 1px 3px;
  233.   -webkit-box-shadow:#666666 1px 1px 3px;
  234. }
  235.  
  236. .YTPOverlay.raster{
  237.   background: url("../images/raster.png");
  238. }
  239.  
  240. .YTPOverlay.raster.retina{
  241.   background: url("../images/raster@2x.png");
  242. }
  243.  
  244.  
  245. .ytp-player {
  246.     display:inline-block;
  247.     vertical-align:top;
  248.     position:relative;
  249.     overflow: hidden;
  250. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement