Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*----------------------------------------------Center the play and pause rewind and fast forward button (MOBILE)*/
- .layout-mobile
- .btnPause {
- position: fixed;
- top: 49%;
- left: 49%;
- transform: translate(-50%, -50%);
- -webkit-transform: translate(-50%, -50%);
- padding: 30px;
- }
- .layout-mobile
- .material-icons.pause:before {
- font-size: 2.1em;
- }
- .layout-mobile
- .xlargePaperIconButton.material-icons.play_arrow:before {
- font-size: 3.5em;
- }
- .layout-mobile
- .btnRewind {
- position: fixed;
- top: 49%;
- left: 24%;
- transform: translate(-50%, -50%);
- -webkit-transform: translate(-50%, -50%);
- padding: 30px;
- }
- .layout-mobile
- .btnFastForward {
- position: fixed;
- top: 49%;
- left: 74%;
- transform: translate(-50%, -50%);
- -webkit-transform: translate(-50%, -50%);
- padding: 30px;
- }
- .layout-mobile
- .xlargePaperIconButton.material-icons.fast_forward {
- font-size: 3.5em;
- }
- .layout-mobile
- .xlargePaperIconButton.material-icons.fast_rewind {
- font-size: 3.5em;
- }
- .layout-mobile
- @media (max-width: 50em) {
- .videoOsdBottom .btnFastForward, .videoOsdBottom .btnRewind {
- display: block !important;
- }
- }
- /*----------------------------------------------Center the play and pause rewind and fast forward button (DESKTOP)*/
- .layout-desktop
- .btnPause {
- position: fixed;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- -webkit-transform: translate(-50%, -50%);
- padding: 30px;
- }
- .layout-desktop
- .material-icons.pause:before {
- font-size: 2.1em;
- }
- .layout-desktop
- .xlargePaperIconButton.material-icons.play_arrow:before {
- font-size: 3.5em;
- }
- .layout-desktop
- .btnRewind {
- position: fixed;
- top: 50%;
- left: 25%;
- transform: translate(-50%, -50%);
- -webkit-transform: translate(-50%, -50%);
- padding: 30px;
- }
- .layout-desktop
- .btnFastForward {
- position: fixed;
- top: 50%;
- left: 75%;
- transform: translate(-50%, -50%);
- -webkit-transform: translate(-50%, -50%);
- padding: 30px;
- }
- .layout-desktop
- .xlargePaperIconButton.material-icons.fast_forward {
- font-size: 3.5em;
- }
- .layout-desktop
- .xlargePaperIconButton.material-icons.fast_rewind {
- font-size: 3.5em;
- }
- .layout-desktop
- @media (max-width: 50em) {
- .videoOsdBottom .btnFastForward, .videoOsdBottom .btnRewind {
- display: block !important;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment