| OLD | NEW |
| 1 /* | 1 /* |
| 2 * Copyright (C) 2012 Google Inc. | 2 * Copyright (C) 2012 Google Inc. |
| 3 * | 3 * |
| 4 * Redistribution and use in source and binary forms, with or without | 4 * Redistribution and use in source and binary forms, with or without |
| 5 * modification, are permitted provided that the following conditions | 5 * modification, are permitted provided that the following conditions |
| 6 * are met: | 6 * are met: |
| 7 * 1. Redistributions of source code must retain the above copyright | 7 * 1. Redistributions of source code must retain the above copyright |
| 8 * notice, this list of conditions and the following disclaimer. | 8 * notice, this list of conditions and the following disclaimer. |
| 9 * 2. Redistributions in binary form must reproduce the above copyright | 9 * 2. Redistributions in binary form must reproduce the above copyright |
| 10 * notice, this list of conditions and the following disclaimer in the | 10 * notice, this list of conditions and the following disclaimer in the |
| (...skipping 20 matching lines...) Expand all Loading... |
| 31 } | 31 } |
| 32 | 32 |
| 33 audio::-webkit-media-controls-enclosure { | 33 audio::-webkit-media-controls-enclosure { |
| 34 height: 35px; | 34 height: 35px; |
| 35 } | 35 } |
| 36 | 36 |
| 37 video::-webkit-media-controls-enclosure { | 37 video::-webkit-media-controls-enclosure { |
| 38 height: 40px; | 38 height: 40px; |
| 39 } | 39 } |
| 40 | 40 |
| 41 video::-webkit-media-controls-overlay-enclosure { | |
| 42 display: flex; | |
| 43 position: relative; | |
| 44 flex-direction: column; | |
| 45 justify-content: flex-end; | |
| 46 align-items: center; | |
| 47 flex: 1 1; | |
| 48 width: 100%; | |
| 49 max-width: 800px; | |
| 50 text-indent: 0; | |
| 51 box-sizing: border-box; | |
| 52 overflow: hidden; | |
| 53 } | |
| 54 | |
| 55 audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel { | 41 audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel { |
| 56 height: 35px; | 42 height: 35px; |
| 57 } | 43 } |
| 58 | 44 |
| 59 audio::-webkit-media-controls-mute-button, video::-webkit-media-controls-mute-bu
tton { | 45 audio::-webkit-media-controls-mute-button, video::-webkit-media-controls-mute-bu
tton { |
| 60 display: none; | 46 display: none; |
| 61 } | 47 } |
| 62 | 48 |
| 63 video::-webkit-media-controls-overlay-play-button { | |
| 64 -webkit-appearance: media-overlay-play-button; | |
| 65 display: flex; | |
| 66 position: absolute; | |
| 67 top: 50%; | |
| 68 left: 50%; | |
| 69 margin-left: -40px; | |
| 70 margin-top: -40px; | |
| 71 border: none; | |
| 72 box-sizing: border-box; | |
| 73 background-color: transparent; | |
| 74 width: 80px; | |
| 75 height: 80px; | |
| 76 padding: 0; | |
| 77 } | |
| 78 | |
| 79 audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-bu
tton { | 49 audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-bu
tton { |
| 80 width: 35px; | 50 width: 35px; |
| 81 height: 35px; | 51 height: 35px; |
| 82 line-height: 35px; | 52 line-height: 35px; |
| 83 } | 53 } |
| 84 | 54 |
| 85 audio::-webkit-media-controls-current-time-display, video::-webkit-media-control
s-current-time-display, | 55 audio::-webkit-media-controls-current-time-display, video::-webkit-media-control
s-current-time-display, |
| 86 audio::-webkit-media-controls-time-remaining-display, video::-webkit-media-contr
ols-time-remaining-display { | 56 audio::-webkit-media-controls-time-remaining-display, video::-webkit-media-contr
ols-time-remaining-display { |
| 87 height: 35px; | 57 height: 35px; |
| 88 line-height: 35px; | 58 line-height: 35px; |
| (...skipping 12 matching lines...) Expand all Loading... |
| 101 | 71 |
| 102 audio::-webkit-media-controls-fullscreen-button { | 72 audio::-webkit-media-controls-fullscreen-button { |
| 103 display: none; | 73 display: none; |
| 104 } | 74 } |
| 105 | 75 |
| 106 video::-webkit-media-controls-toggle-closed-captions-button { | 76 video::-webkit-media-controls-toggle-closed-captions-button { |
| 107 width: 35px; | 77 width: 35px; |
| 108 height: 35px; | 78 height: 35px; |
| 109 line-height: 35px; | 79 line-height: 35px; |
| 110 } | 80 } |
| OLD | NEW |