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 |