mobile styles for the default mediaelement.js skin

gistfile1.txt

        .mejs-controls div.mejs-time-rail {
          padding-top: 2px;
        }
        .mejs-controls .mejs-time-rail span {
          height: 26px;
        }
        .mejs-container .mejs-controls{
          height: 40px;
          background-color: #f3f3f3;
          padding-left: 10px;
          padding-right: 10px;
          margin-left: -10px;
          margin-right: -10px;
        }
        .mejs-controls .mejs-pause button, .mejs-controls .mejs-play button {
          margin-top: 11px;
        }
        .mejs-controls .mejs-pause button {
          -webkit-transform: scale(1.6);
          -mos-transform: scale(1.6);
          transform: scale(1.6);
        }
        .mejs-controls .mejs-play button {
          -webkit-transform: scale(1.6);
          -mos-transform: scale(1.6);
          transform: scale(1.6);
        }

        .mejs-controls .mejs-unmute button {
          -webkit-transform: scale(1.4);
          -mos-transform: scale(1.4);
          transform: scale(1.4);
          margin-top: 11px;
        }
        .mejs-controls .mejs-mute button {
          background-position: -16px -16px;
          -webkit-transform: scale(1.4);
          -mos-transform: scale(1.4);
          transform: scale(1.4);
          margin-top: 11px;
        }
        .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
          height: 26px;
        }
        .mejs-controls div.mejs-horizontal-volume-slider {
          margin-top: -4px;
        }
        div.mejs-time.mejs-duration-container, div.mejs-time.mejs-currenttime-container{
          margin-top: 5px;
        }