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) 2015 Google Inc. | 3 * Copyright (C) 2015 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 37 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
48 align-items: center; | 48 align-items: center; |
49 } | 49 } |
50 | 50 |
51 audio::-webkit-media-controls-enclosure, video::-webkit-media-controls-enclosure
{ | 51 audio::-webkit-media-controls-enclosure, video::-webkit-media-controls-enclosure
{ |
52 width: 100%; | 52 width: 100%; |
53 height: 48px; | 53 height: 48px; |
54 flex-shrink: 0; | 54 flex-shrink: 0; |
55 bottom: 0; | 55 bottom: 0; |
56 text-indent: 0; | 56 text-indent: 0; |
57 padding: 0; | 57 padding: 0; |
58 margin: 0; | 58 margin: 0px 0px -0.2px 0px; |
59 box-sizing: border-box; | 59 box-sizing: border-box; |
60 } | 60 } |
61 | 61 |
62 audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel { | 62 audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel { |
63 display: flex; | 63 display: flex; |
64 flex-direction: row; | 64 flex-direction: row; |
65 align-items: center; | 65 align-items: center; |
66 /* We use flex-start here to ensure that the play button is visible even | 66 /* We use flex-start here to ensure that the play button is visible even |
67 * if we are too small to show all controls. | 67 * if we are too small to show all controls. |
68 */ | 68 */ |
69 justify-content: flex-start; | 69 justify-content: flex-start; |
70 -webkit-user-select: none; | 70 -webkit-user-select: none; |
71 position: relative; | 71 position: relative; |
72 width: 100%; | 72 width: 100%; |
| 73 margin: 0px 0px -0.2px 0px; |
73 z-index: 0; | 74 z-index: 0; |
74 overflow: hidden; | 75 overflow: hidden; |
75 text-align: right; | 76 text-align: right; |
76 bottom: auto; | 77 bottom: auto; |
77 height: 48px; | 78 height: 48px; |
78 min-width: 48px; | 79 min-width: 48px; |
79 background-color: #fafafa; | 80 background-color: #fafafa; |
80 /* The duration is also specified in MediaControlElements.cpp and LayoutTest
s/media/media-controls.js */ | 81 /* The duration is also specified in MediaControlElements.cpp and LayoutTest
s/media/media-controls.js */ |
81 transition: opacity 0.3s; | 82 transition: opacity 0.3s; |
82 | 83 |
(...skipping 352 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
435 font-weight: bold; | 436 font-weight: bold; |
436 } | 437 } |
437 | 438 |
438 video::-webkit-media-text-track-container u { | 439 video::-webkit-media-text-track-container u { |
439 text-decoration: underline; | 440 text-decoration: underline; |
440 } | 441 } |
441 | 442 |
442 video::-webkit-media-text-track-container i { | 443 video::-webkit-media-text-track-container i { |
443 font-style: italic; | 444 font-style: italic; |
444 } | 445 } |
OLD | NEW |