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 136 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
147 border-color: rgba(255, 255, 255, 0.2); | 147 border-color: rgba(255, 255, 255, 0.2); |
148 border-style: solid; | 148 border-style: solid; |
149 border-width: 1px; | 149 border-width: 1px; |
150 border-radius: 2px; | 150 border-radius: 2px; |
151 background-color: rgba(255, 255, 255, 0.08); | 151 background-color: rgba(255, 255, 255, 0.08); |
152 color: rgb(50, 140, 223); | 152 color: rgb(50, 140, 223); |
153 } | 153 } |
154 | 154 |
155 audio::-webkit-media-controls-volume-slider-container, video::-webkit-media-cont
rols-volume-slider-container { | 155 audio::-webkit-media-controls-volume-slider-container, video::-webkit-media-cont
rols-volume-slider-container { |
156 -webkit-appearance: media-volume-slider-container; | 156 -webkit-appearance: media-volume-slider-container; |
157 position: relative; | 157 position: absolute; |
| 158 bottom: 32px; |
158 | 159 |
159 width: 34px; | 160 width: 34px; |
160 height: 100px; | 161 height: 100px; |
161 | 162 |
162 background-color: rgba(0, 0, 0, 0.6); | 163 background-color: rgba(0, 0, 0, 0.6); |
163 } | 164 } |
164 | 165 |
165 audio::-webkit-media-controls-volume-slider, video::-webkit-media-controls-volum
e-slider { | 166 audio::-webkit-media-controls-volume-slider, video::-webkit-media-controls-volum
e-slider { |
166 -webkit-appearance: media-volume-slider; | 167 -webkit-appearance: media-volume-slider; |
167 display: inline; | 168 display: inline; |
168 position: absolute; | 169 position: absolute; |
169 | 170 |
170 top: 10px; | 171 top: 10px; |
171 left: 12px; | 172 left: 12px; |
172 | 173 |
173 width: 10px; | 174 width: 10px; |
174 height: 80px; | 175 height: 80px; |
175 } | 176 } |
OLD | NEW |