Smaller Youtube HTML5 - 08.2015

@-moz-document domain("youtube.com") {
  div.ytp-chrome-bottom
  {
    height: 35px !important;
    bottom: -2px !important;
  }
  .ytp-progress-bar-container
  {
      bottom: 32px !important;
  }
  .ytp-chrome-controls{
    height: 35px !important;
    line-height: 35px !important;
  }

  .ytp-subtitles-player-content
  {
    bottom: 40px!important;
  }

  .ytp-title-text
  {
    padding-top: 8px !important;
    font-size: 14px !important;
  }

  .ytp-share-button, .ytp-related-menu-button, .ytp-watch-later-button, .ytp-cards-button
  {
    height: 30px !important;
    width: 30px !important;
    line-height: 30px !important;
    padding-top: 4px !important;
    padding-bottom: 0px!important;
  }

  .ytp-playlist-menu-button-icon,.ytp-playlist-menu-button
  {
    height: 30px !important;
    width: 30px !important;
    line-height: 30px !important;
    padding-top: 0px !important;
  }
  .ytp-playlist-menu-button-text
  {
    font-size: 11px !important;
    margin-top: -20px !important;
    padding-left: 2px !important;
  }
  .ytp-share-panel-inner-content, .ytp-time-display,  .ytp-playlist-menu, .ytp-menuitem, .ytp-chrome-top
  {
    font-size: 14px !important;
  }
  .ytp-time-display
  {
    font-size: 11px !important;
    margin-top: -1px !important;
/*    text-shadow:
    -1px -1px 0 rgba(0,0,0, 0.3),
    1px -1px 0 rgba(0,0,0, 0.3),
    -1px 1px 0 rgba(0,0,0, 0.3),
    1px 1px 0 rgba(0,0,0, 0.3) !important;*//*Uncomment to add outline to time*/
  }
  .ytp-prev-button, .ytp-next-button, .ytp-mute-button, .ytp-fullscreen-button, .ytp-remote-button, .ytp-subtitles-button, .ytp-settings-button, .ytp-size-button
  {
    width: 35px !important;
    height: 35px !important;
  }
  .ytp-youtube-button
  {
    width: 51px !important;
    height: 35px !important;
  }
  .ytp-play-button
  {
    width: 40px !important;
  }
  .ytp-menuitem-label, ytp-menuitem, .ytp-menuitem-content
  {
    line-height: 25px !important;
  }
.ytp-settings-menu
  {
    bottom:36px !important;
  }
  .ytp-gradient-bottom
  {
    height: 50px;
    box-shadow: 0px -50px 20px -20px rgba(0, 0, 0, 0.5) inset !important;

  }
  .ytp-gradient-top
  {
    height: 50px;
    box-shadow: 0px 50px 20px -20px rgba(0, 0, 0, 0.5) inset !important;

  }
}