Home Verkennen Help
Registreren Inloggen
root
/
UseStudio.CloudFront
Volgen 1
Ster 0
Vork 0
Bestanden Kwesties 0 Pull-aanvragen 0 Wiki
Aftakking: master
Aftakkingen Labels
UseStudio.Cl...
/
controls
/
pc
/
Video
/
video.css

video.css 3.2 KB
Permalink Geschiedenis Ruwe

123456789101112131415161718192021222324252627282930313233343536373839404142434445 
  1. * { padding: 0; margin: 0; }
    2. 

  2. 

  3. 

  4. 

  5. .fl { float: left; }
    6. 

  6. .fr { float: right; }
    7. 

  7. 

  8. /*video::-webkit-media-controls-enclosure {
    9. 

  9. 	display: none !important;
    10. 

  10. }
    11. 

  11. video::media-controls-enclosure {
    12. 

  12. 	display: none !important;
    13. 

  13. }*/
    14. 

  14. .videobox { position: relative; overflow-y: hidden; background: #000; }
    15. 

  15. .videobox video { position: absolute; top: 0; left: 0; }
    16. 

  16. .videobox:hover .videobar { transition: all .2s ease-out; bottom: 0; }
    17. 

  17. 

  18. .videobar { background: rgba(255,255,255,.1); width: 100%; height: 40px; position: absolute; right: 0; transition: all .2s ease-out; bottom: -40px; left: 0; z-index: 9999999999; }
    19. 

  19. .videoprog { background: rgba(51, 51, 51, 0.9); width: 50%; margin: 0 20px; height: 20px; float: left; }
    20. 

  20. .videoprogem { background: rgba(255,255,255,0.7); width: 0%; position: relative; height: 100%; }
    21. 

  21. .videosound { width: 7%; }
    22. 

  22. .videosoundem { background: rgba(255,255,255,0.7); width: 50%; position: relative; height: 100%; }
    23. 

  23. .videoTime { color: #fff; margin-right: 3px; float: left; }
    24. 

  24. 

  25. 

  26. .vbox { position: relative; background: #000; }
    27. 

  27. .vbox .vicon { background: url(images/video-icon.png); }
    28. 

  28. .vbox .vbar { background: -moz-linear-gradient(top, #393939 0%, #010000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#393939), color-stop(100%,#010000)); background: -webkit-linear-gradient(top, #393939 0%,#010000 100%); background: -o-linear-gradient(top, #393939 0%,#010000 100%); background: -ms-linear-gradient(top, #393939 0%,#010000 100%); background: linear-gradient(to bottom, #393939 0%,#010000 100%); height: 51px; position: absolute; bottom: 0; width: 100%; }
    29. 

  29. .vbox .vplay { background-position:-11px -9px; width:25px; height:27px; margin-top:14px; margin-left:2%;  float:left;   }
    30. 

  30. .vbox .vpause { background-position:-223px -9px; width:25px; height:21px; margin-top:16px; margin-left:2%; float:left;  }
    31. 

  31. .vbox .vreplay { background-position:-50px -9px; width:19px; height:21px; margin-top:17px; margin-left:2%; float:left;  }
    32. 

  32. .vbox .vprog { width:55%; background:#000; height:20px; float:left; margin-top:16px; margin-left:3%;  border-radius:20px ;     }
    33. 

  33. .vbox .vprogem {width:0%; height:100%; background:#565656;  border-radius:20px ; }
    34. 

  34. .vbox .vprogfp { background-position:-80px -6px; width:34px; height:32px; margin-top:-6px; margin-right:-20px; float:right;   }
    35. 

  35. .vbox .vtime { float:left; margin-left:3%; }
    36. 

  36. .vbox .vstime { color:#e9ebec; font-size:16px; font-family:Calibri; letter-spacing:2px; line-height:51px;    }
    37. 

  37. .vbox .vshu { color:#949595;  font-size:16px; font-family:Calibri; line-height:51px;  }
    38. 

  38. .vbox .vetime { color:#949595;  font-size:16px; font-family:Calibri;  letter-spacing:2px;  line-height:51px;  }
    39. 

  39. .vbox .vsound { background-position:-123px  -9px; width:21px; height:17px; float:left; margin-top:19px; margin-left:2%;  }
    40. 

  40. .vbox .vsoundpb { width:8%;  background:#000; height:13px; float:left; margin-top:22px; margin-left:20px;  border-radius:13px ;   }
    41. 

  41. .vbox .vsoundem { width:50%; height:100%; background:#565656;  border-radius:13px ; }
    42. 

  42. .vbox .vsoundfp { background-position:-160px -9px; width:14px; height:14px; margin-top:-1px; margin-right:-6px; float:right;   }
    43. 

  43. .vbox .vfull { background-position:-194px -9px; width:18px; height:18px; float:right; margin-top:19px; margin-right:2%;  }
    44. 

  44. .vbox .loudspeakerMute{background:url(images/noVioce.png);}
    45. 

  45.