Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(6)

Side by Side Diff: ui/accessibility/extensions/alt/hide-images.css

Issue 1549903002: Replace -webkit-transform with transform in Chrome UI (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Rebase CL Created 4 years, 8 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « no previous file | ui/accessibility/extensions/colorenhancer/res/setup.css » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 /* Copyright (c) 2014 The Chromium Authors. All rights reserved. 1 /* Copyright (c) 2014 The Chromium Authors. All rights reserved.
2 * Use of this source code is governed by a BSD-style license that can be 2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file. */ 3 * found in the LICENSE file. */
4 4
5 body[show-alt] img { 5 body[show-alt] img {
6 /* add some fake content to hang the ::before element off */ 6 /* add some fake content to hang the ::before element off */
7 content: "" !important; 7 content: "" !important;
8 background-image: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAE AAAAALAAAAAABAAEAAAIBRAA7') 8 background-image: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAE AAAAALAAAAAABAAEAAAIBRAA7')
9 9
10 /* display non-floated and remove any background color */ 10 /* display non-floated and remove any background color */
(...skipping 11 matching lines...) Expand all
22 22
23 body[show-alt] img:not([aria-hidden=true]):not([role=presentation]):not([alt=''] ):before { 23 body[show-alt] img:not([aria-hidden=true]):not([role=presentation]):not([alt=''] ):before {
24 content: url('chrome-extension://__MSG_@@extension_id__/images/speech-16.png ') " " attr(alt) !important; 24 content: url('chrome-extension://__MSG_@@extension_id__/images/speech-16.png ') " " attr(alt) !important;
25 box-shadow: inset 0 -4px 0 rgba(139, 195, 74, 1) !important; 25 box-shadow: inset 0 -4px 0 rgba(139, 195, 74, 1) !important;
26 display: table; 26 display: table;
27 clear: both; 27 clear: both;
28 } 28 }
29 29
30 @-webkit-keyframes slideDown { 30 @-webkit-keyframes slideDown {
31 from { 31 from {
32 -webkit-transform: translateY(-150%); 32 transform: translateY(-150%);
33 } 33 }
34 to { 34 to {
35 -webkit-transform: translateY(0px); 35 transform: translateY(0px);
36 } 36 }
37 } 37 }
38 38
39 @-webkit-keyframes slideUp { 39 @-webkit-keyframes slideUp {
40 from { 40 from {
41 -webkit-transform: translateY(0%); 41 transform: translateY(0%);
42 } 42 }
43 to { 43 to {
44 -webkit-transform: translateY(-150%); 44 transform: translateY(-150%);
45 } 45 }
46 } 46 }
47 47
48 body[show-alt] .show-alt-infobar { 48 body[show-alt] .show-alt-infobar {
49 -webkit-animation-name: slideDown; 49 -webkit-animation-name: slideDown;
50 -webkit-animation-duration: 0.5s; 50 -webkit-animation-duration: 0.5s;
51 -webkit-animation-delay: 0.5s; 51 -webkit-animation-delay: 0.5s;
52 -webkit-animation-iteration-count: 1; 52 -webkit-animation-iteration-count: 1;
53 -webkit-animation-timing-function: ease; 53 -webkit-animation-timing-function: ease;
54 -webkit-animation-direction: forwards; 54 -webkit-animation-direction: forwards;
55 -webkit-transform: translateY(0%); 55 transform: translateY(0%);
56 } 56 }
57 57
58 body:not([show-alt]) .show-alt-infobar { 58 body:not([show-alt]) .show-alt-infobar {
59 -webkit-animation-name: slideUp; 59 -webkit-animation-name: slideUp;
60 -webkit-animation-duration: 0.5s; 60 -webkit-animation-duration: 0.5s;
61 -webkit-animation-delay: 0.5s; 61 -webkit-animation-delay: 0.5s;
62 -webkit-animation-iteration-count: 1; 62 -webkit-animation-iteration-count: 1;
63 -webkit-animation-timing-function: ease; 63 -webkit-animation-timing-function: ease;
64 -webkit-animation-direction: forwards; 64 -webkit-animation-direction: forwards;
65 -webkit-transform: translateY(-150%); 65 transform: translateY(-150%);
66 } 66 }
67 67
68 .show-alt-infobar { 68 .show-alt-infobar {
69 top: 0; 69 top: 0;
70 left: 0; 70 left: 0;
71 right: 0; 71 right: 0;
72 z-index: 100000001; /* :( */ 72 z-index: 100000001; /* :( */
73 position: fixed !important; 73 position: fixed !important;
74 background: #fde073 !important; 74 background: #fde073 !important;
75 text-align: center !important; 75 text-align: center !important;
(...skipping 61 matching lines...) Expand 10 before | Expand all | Expand 10 after
137 box-shadow: none !important; 137 box-shadow: none !important;
138 text-transform: none !important; 138 text-transform: none !important;
139 padding: none !important; 139 padding: none !important;
140 width: 13px !important; 140 width: 13px !important;
141 height: 13px !important; 141 height: 13px !important;
142 background-position: -175px -96px !important; 142 background-position: -175px -96px !important;
143 background-image: url('chrome-extension://__MSG_@@extension_id__/images/stat usbarButtonGlyphs.png') !important; 143 background-image: url('chrome-extension://__MSG_@@extension_id__/images/stat usbarButtonGlyphs.png') !important;
144 background-size: 320px 144px !important; 144 background-size: 320px 144px !important;
145 display: inline-block !important; 145 display: inline-block !important;
146 } 146 }
OLDNEW
« no previous file with comments | « no previous file | ui/accessibility/extensions/colorenhancer/res/setup.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698