OLD | NEW |
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 Loading... |
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 Loading... |
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 } |
OLD | NEW |