| OLD | NEW |
| 1 /* | 1 /* |
| 2 * Copyright (C) 2009 Apple Inc. All rights reserved. | 2 * Copyright (C) 2009 Apple Inc. All rights reserved. |
| 3 * Copyright (C) 2009 Google Inc. | 3 * Copyright (C) 2009 Google Inc. |
| 4 * | 4 * |
| 5 * Redistribution and use in source and binary forms, with or without | 5 * Redistribution and use in source and binary forms, with or without |
| 6 * modification, are permitted provided that the following conditions | 6 * modification, are permitted provided that the following conditions |
| 7 * are met: | 7 * are met: |
| 8 * 1. Redistributions of source code must retain the above copyright | 8 * 1. Redistributions of source code must retain the above copyright |
| 9 * notice, this list of conditions and the following disclaimer. | 9 * notice, this list of conditions and the following disclaimer. |
| 10 * 2. Redistributions in binary form must reproduce the above copyright | 10 * 2. Redistributions in binary form must reproduce the above copyright |
| (...skipping 97 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 108 box-sizing: border-box; | 108 box-sizing: border-box; |
| 109 width: 35px; | 109 width: 35px; |
| 110 height: 30px; | 110 height: 30px; |
| 111 line-height: 30px; | 111 line-height: 30px; |
| 112 margin: 0 6px 0 0; | 112 margin: 0 6px 0 0; |
| 113 padding: 0; | 113 padding: 0; |
| 114 background-color: initial; | 114 background-color: initial; |
| 115 color: inherit; | 115 color: inherit; |
| 116 } | 116 } |
| 117 | 117 |
| 118 audio::-webkit-media-controls-overlay-enclosure, video::-webkit-media-controls-o
verlay-enclosure { | 118 audio::-webkit-media-controls-overlay-enclosure { |
| 119 display: none; | 119 display: none; |
| 120 } | 120 } |
| 121 | 121 |
| 122 video::-webkit-media-controls-overlay-enclosure { |
| 123 display: flex; |
| 124 position: relative; |
| 125 flex-direction: column; |
| 126 justify-content: flex-end; |
| 127 align-items: center; |
| 128 flex: 1 1; |
| 129 width: 100%; |
| 130 max-width: 800px; |
| 131 text-indent: 0; |
| 132 box-sizing: border-box; |
| 133 overflow: hidden; |
| 134 } |
| 135 |
| 136 video::-webkit-media-controls-overlay-play-button { |
| 137 -webkit-appearance: media-overlay-play-button; |
| 138 display: flex; |
| 139 position: absolute; |
| 140 top: 50%; |
| 141 left: 50%; |
| 142 margin-left: -40px; |
| 143 margin-top: -40px; |
| 144 border: none; |
| 145 box-sizing: border-box; |
| 146 background-color: transparent; |
| 147 width: 80px; |
| 148 height: 80px; |
| 149 padding: 0; |
| 150 } |
| 151 |
| 122 audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-bu
tton { | 152 audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-bu
tton { |
| 123 -webkit-appearance: media-play-button; | 153 -webkit-appearance: media-play-button; |
| 124 display: flex; | 154 display: flex; |
| 125 flex: none; | 155 flex: none; |
| 126 border: none; | 156 border: none; |
| 127 box-sizing: border-box; | 157 box-sizing: border-box; |
| 128 width: 30px; | 158 width: 30px; |
| 129 height: 30px; | 159 height: 30px; |
| 130 line-height: 30px; | 160 line-height: 30px; |
| 131 margin-left: 9px; | 161 margin-left: 9px; |
| (...skipping 216 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 348 font-weight: bold; | 378 font-weight: bold; |
| 349 } | 379 } |
| 350 | 380 |
| 351 video::-webkit-media-text-track-container u { | 381 video::-webkit-media-text-track-container u { |
| 352 text-decoration: underline; | 382 text-decoration: underline; |
| 353 } | 383 } |
| 354 | 384 |
| 355 video::-webkit-media-text-track-container i { | 385 video::-webkit-media-text-track-container i { |
| 356 font-style: italic; | 386 font-style: italic; |
| 357 } | 387 } |
| OLD | NEW |