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

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

Issue 2535493002: Reduce webkit CSS prefixes in ui/ styles (Closed)
Patch Set: bluetooth_internals/snackbar.js Created 3 years, 10 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
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 */
11 float: none !important; 11 float: none !important;
12 background-color: inherit !important; 12 background-color: inherit !important;
13 13
14 /* set height to contain the text content */ 14 /* set height to contain the text content */
15 height: 100% !important; 15 height: 100% !important;
16 } 16 }
17 17
18 body[show-alt] img:not([alt]):not([aria-hidden=true]):not([role=presentation]):b efore { 18 body[show-alt] img:not([alt]):not([aria-hidden=true]):not([role=presentation]):b efore {
19 content: url('chrome-extension://__MSG_@@extension_id__/images/speech-missin g-alt-16.png') " " attr(_repaired) !important; 19 content: url('chrome-extension://__MSG_@@extension_id__/images/speech-missin g-alt-16.png') " " attr(_repaired) !important;
20 box-shadow: inset 0 -4px 0 rgba(230, 124, 115, 1) !important; 20 box-shadow: inset 0 -4px 0 rgba(230, 124, 115, 1) !important;
21 } 21 }
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 @keyframes slideDown {
31 from { 31 from {
32 transform: translateY(-150%); 32 transform: translateY(-150%);
33 } 33 }
34 to { 34 to {
35 transform: translateY(0px); 35 transform: translateY(0px);
36 } 36 }
37 } 37 }
38 38
39 @-webkit-keyframes slideUp { 39 @keyframes slideUp {
40 from { 40 from {
41 transform: translateY(0%); 41 transform: translateY(0%);
42 } 42 }
43 to { 43 to {
44 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 animation-delay: 0.5s;
50 -webkit-animation-duration: 0.5s; 50 animation-direction: forwards;
51 -webkit-animation-delay: 0.5s; 51 animation-duration: 0.5s;
52 -webkit-animation-iteration-count: 1; 52 animation-iteration-count: 1;
53 -webkit-animation-timing-function: ease; 53 animation-name: slideDown;
54 -webkit-animation-direction: forwards; 54 animation-timing-function: ease;
55 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 animation-delay: 0.5s;
60 -webkit-animation-duration: 0.5s; 60 animation-direction: forwards;
61 -webkit-animation-delay: 0.5s; 61 animation-duration: 0.5s;
62 -webkit-animation-iteration-count: 1; 62 animation-iteration-count: 1;
63 -webkit-animation-timing-function: ease; 63 animation-name: slideUp;
64 -webkit-animation-direction: forwards; 64 animation-timing-function: ease;
65 transform: translateY(-150%); 65 transform: translateY(-150%);
66 } 66 }
67 67
68 .show-alt-infobar { 68 .show-alt-infobar {
69 animation-fill-mode: backwards;
69 top: 0; 70 top: 0;
70 left: 0; 71 left: 0;
71 right: 0; 72 right: 0;
72 z-index: 100000001; /* :( */ 73 z-index: 100000001; /* :( */
73 position: fixed !important; 74 position: fixed !important;
74 background: #fde073 !important; 75 background: #fde073 !important;
75 text-align: center !important; 76 text-align: center !important;
76 line-height: 2.0; 77 line-height: 2.0;
77 overflow: hidden; 78 overflow: hidden;
78 box-shadow: 0 0 5px black; 79 box-shadow: 0 0 5px black;
79 box-shadow: 0 0 5px black;
80 font-family: Arial, sans-serif !important; 80 font-family: Arial, sans-serif !important;
81 font-size: 12pt !important; 81 font-size: 12pt !important;
82 -webkit-animation-fill-mode: backwards;
83 } 82 }
84 83
85 .show-alt-infobar .content { 84 .show-alt-infobar .content {
86 display: inline-block !important; 85 display: inline-block !important;
87 } 86 }
88 87
89 .show-alt-infobar span { 88 .show-alt-infobar span {
90 margin: 5px; 89 margin: 5px;
91 } 90 }
92 91
(...skipping 44 matching lines...) Expand 10 before | Expand all | Expand 10 after
137 box-shadow: none !important; 136 box-shadow: none !important;
138 text-transform: none !important; 137 text-transform: none !important;
139 padding: none !important; 138 padding: none !important;
140 width: 13px !important; 139 width: 13px !important;
141 height: 13px !important; 140 height: 13px !important;
142 background-position: -175px -96px !important; 141 background-position: -175px -96px !important;
143 background-image: url('chrome-extension://__MSG_@@extension_id__/images/stat usbarButtonGlyphs.png') !important; 142 background-image: url('chrome-extension://__MSG_@@extension_id__/images/stat usbarButtonGlyphs.png') !important;
144 background-size: 320px 144px !important; 143 background-size: 320px 144px !important;
145 display: inline-block !important; 144 display: inline-block !important;
146 } 145 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/bluetooth_internals/snackbar.js ('k') | ui/accessibility/extensions/caretbrowsing/caretbrowsing.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698