| @@ -1,14 +1,4 @@ | ||
| 1 | -/* | |
| 2 | - * WpStream integrations stylesheet. | |
| 3 | - * | |
| 4 | - * Styles the BuddyPress/BuddyBoss "Live Video" profile tab and the video.js | |
| 5 | - * player as it appears inside BuddyPress contexts (the profile tab and the | |
| 6 | - * activity timeline). Two areas: the profile tab layout, and player control-bar | |
| 7 | - * / big-play-button overrides so the player matches the theme. | |
| 8 | - */ | |
| 9 | - | |
| 10 | -/* Profile "Live Video" tab: card wrapper and section headings. */ | |
| 11 | 1 | .wpstream-menu .item-body{ |
| 12 | 2 | border: 1px solid #d6d9dd; |
| 13 | 3 | border-radius: 4px; |
| 14 | 4 | padding: 20px!important; |
| @@ -20,10 +10,9 @@ | ||
| 20 | 10 | margin-bottom: 10px; |
| 21 | 11 | margin-top: 25px; |
| 22 | 12 | } |
| 23 | 13 | |
| 24 | -/* Player: hide the default big "play" button in started/error/native-control states. */ | |
| 25 | -.wpstream_live_player_wrapper .vjs-controls-disabled .vjs-big-play-button, | |
| 14 | +.wpstream_live_player_wrapper .vjs-controls-disabled .vjs-big-play-button, | |
| 26 | 15 | .wpstream_live_player_wrapper .vjs-error .vjs-big-play-button, |
| 27 | 16 | .wpstream_live_player_wrapper .vjs-has-started .vjs-big-play-button, |
| 28 | 17 | .wpstream_live_player_wrapper .vjs-using-native-controls .vjs-big-play-button { |
| 29 | 18 | display: none; |
| @@ -29,25 +18,21 @@ | ||
| 29 | 18 | display: none; |
| 30 | 19 | } |
| 31 | 20 | |
| 32 | 21 | |
| 33 | -/* Player: reset the big-play-button transform/padding across wrappers. */ | |
| 34 | -.wpstream_live_player_wrapper .video-js .vjs-big-play-button, | |
| 22 | +.wpstream_live_player_wrapper .video-js .vjs-big-play-button, | |
| 35 | 23 | .wpstream_player_container .video-js .vjs-big-play-button{ |
| 36 | 24 | transform: none; |
| 37 | 25 | padding: 0px; |
| 38 | 26 | } |
| 39 | -/* Player: suppress the built-in error dialog text. */ | |
| 40 | 27 | .wpstream_live_player_wrapper .vjs-error .vjs-error-display .vjs-modal-dialog-content{ |
| 41 | 28 | display: none;; |
| 42 | 29 | } |
| 43 | -/* Player: size the big-play-button icon glyph. */ | |
| 44 | -.wpstream_live_player_wrapper .video-js .vjs-big-play-button:before, | |
| 30 | +.wpstream_live_player_wrapper .video-js .vjs-big-play-button:before, | |
| 45 | 31 | .wpstream_player_container .video-js .vjs-big-play-button:before{ |
| 46 | 32 | font-size: 57px; |
| 47 | 33 | } |
| 48 | 34 | |
| 49 | -/* Player: fixed 40x40 borderless control buttons. */ | |
| 50 | 35 | .wpstream_player_container button.vjs-control, |
| 51 | 36 | .wpstream_player_container button.vjs-control{ |
| 52 | 37 | border:none!important; |
| 53 | 38 | width: 40px; |
| @@ -54,15 +39,13 @@ | ||
| 54 | 39 | height: 40px; |
| 55 | 40 | } |
| 56 | 41 | |
| 57 | 42 | |
| 58 | -/* Timeline: cap the player width inside an activity entry. */ | |
| 59 | 43 | .activity-inner .wpstream_live_player_wrapper{ |
| 60 | 44 | max-width: 715px; |
| 61 | 45 | } |
| 62 | 46 | |
| 63 | 47 | |
| 64 | -/* Profile tab: button and live-control typography/spacing. */ | |
| 65 | 48 | body.wpstream-menu .buddypress-wrap button, |
| 66 | 49 | body.wpstream-menu .vjs-wpstream .vjs-live-control { |
| 67 | 50 | font-size: 12px; |
| 68 | 51 | transition: 0.3s ease-out; |
| @@ -74,16 +57,14 @@ | ||
| 74 | 57 | body.wpstream-menu .vjs-wpstream .vjs-live-control{ |
| 75 | 58 | padding-left: 20px; |
| 76 | 59 | } |
| 77 | 60 | |
| 78 | -/* Profile tab: hide the picture-in-picture control glyph. */ | |
| 79 | -body.wpstream-menu | |
| 61 | +body.wpstream-menu | |
| 80 | 62 | div.video-js .vjs-control-bar button.vjs-picture-in-picture-control .vjs-icon-placeholder:before{ |
| 81 | 63 | display: none; |
| 82 | 64 | } |
| 83 | 65 | |
| 84 | 66 | |
| 85 | -/* Player: vertical volume panel layout/sizing. */ | |
| 86 | 67 | .video-js .vjs-volume-panel { |
| 87 | 68 | display: flex; |
| 88 | 69 | align-items: center; |
| 89 | 70 | align-content: center; |
| @@ -93,14 +74,12 @@ | ||
| 93 | 74 | height: 44px; |
| 94 | 75 | width: 34px; |
| 95 | 76 | } |
| 96 | 77 | |
| 97 | -/* Player: vertically center control-bar icon glyphs and the live control. */ | |
| 98 | 78 | div.video-js .vjs-control-bar button .vjs-icon-placeholder:before, |
| 99 | 79 | .vjs-wpstream .vjs-live-control { |
| 100 | 80 | line-height: 40px; |
| 101 | 81 | } |
| 102 | 82 | |
| 103 | -/* Player: blank out the picture-in-picture control glyph content. */ | |
| 104 | 83 | div.video-js .vjs-control-bar button.vjs-picture-in-picture-control .vjs-icon-placeholder:before{ |
| 105 | 84 | content:""; |
| 106 | 85 | } |
