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 */ |
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; | |
Dan Beam
2017/02/14 02:36:04
lol
| |
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 Loading... | |
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 } |
OLD | NEW |