OLD | NEW |
| (Empty) |
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 | |
3 * found in the LICENSE file. */ | |
4 | |
5 body[show-alt] img { | |
6 /* add some fake content to hang the ::before element off */ | |
7 content: "" !important; | |
8 background-image: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAE
AAAAALAAAAAABAAEAAAIBRAA7') | |
9 | |
10 /* display non-floated and remove any background color */ | |
11 float: none !important; | |
12 background-color: inherit !important; | |
13 | |
14 /* set height to contain the text content */ | |
15 height: 100% !important; | |
16 } | |
17 | |
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; | |
20 box-shadow: inset 0 -4px 0 rgba(230, 124, 115, 1) !important; | |
21 } | |
22 | |
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; | |
25 box-shadow: inset 0 -4px 0 rgba(139, 195, 74, 1) !important; | |
26 display: table; | |
27 clear: both; | |
28 } | |
29 | |
30 @-webkit-keyframes slideDown { | |
31 from { | |
32 -webkit-transform: translateY(-150%); | |
33 } | |
34 to { | |
35 -webkit-transform: translateY(0px); | |
36 } | |
37 } | |
38 | |
39 @-webkit-keyframes slideUp { | |
40 from { | |
41 -webkit-transform: translateY(0%); | |
42 } | |
43 to { | |
44 -webkit-transform: translateY(-150%); | |
45 } | |
46 } | |
47 | |
48 body[show-alt] .show-alt-infobar { | |
49 -webkit-animation-name: slideDown; | |
50 -webkit-animation-duration: 0.5s; | |
51 -webkit-animation-delay: 0.5s; | |
52 -webkit-animation-iteration-count: 1; | |
53 -webkit-animation-timing-function: ease; | |
54 -webkit-animation-direction: forwards; | |
55 -webkit-transform: translateY(0%); | |
56 } | |
57 | |
58 body:not([show-alt]) .show-alt-infobar { | |
59 -webkit-animation-name: slideUp; | |
60 -webkit-animation-duration: 0.5s; | |
61 -webkit-animation-delay: 0.5s; | |
62 -webkit-animation-iteration-count: 1; | |
63 -webkit-animation-timing-function: ease; | |
64 -webkit-animation-direction: forwards; | |
65 -webkit-transform: translateY(-150%); | |
66 } | |
67 | |
68 .show-alt-infobar { | |
69 top: 0; | |
70 left: 0; | |
71 right: 0; | |
72 z-index: 100000001; /* :( */ | |
73 position: fixed !important; | |
74 background: #fde073 !important; | |
75 text-align: center !important; | |
76 line-height: 2.0; | |
77 overflow: hidden; | |
78 box-shadow: 0 0 5px black; | |
79 box-shadow: 0 0 5px black; | |
80 font-family: Arial, sans-serif !important; | |
81 font-size: 12pt !important; | |
82 -webkit-animation-fill-mode: backwards; | |
83 } | |
84 | |
85 .show-alt-infobar .content { | |
86 display: inline-block !important; | |
87 } | |
88 | |
89 .show-alt-infobar span { | |
90 margin: 5px; | |
91 } | |
92 | |
93 .show-alt-infobar button.link-button { | |
94 -webkit-appearance: none !important; | |
95 font: inherit !important; | |
96 background: inherit !important; | |
97 border: none !important; | |
98 color: #1155CC !important; | |
99 cursor: pointer !important; | |
100 display: inline !important; | |
101 margin: 0 !important; | |
102 padding: 0 !important; | |
103 text-decoration: none !important; | |
104 box-shadow: none !important; | |
105 text-transform: none !important; | |
106 padding: none !important; | |
107 } | |
108 | |
109 .show-alt-infobar button.link-button:hover, | |
110 .show-alt-infobar button.link-button:focus { | |
111 color: #1155CC; | |
112 text-decoration: underline; | |
113 outline: none; | |
114 } | |
115 | |
116 .show-alt-infobar .controls { | |
117 float: right !important; | |
118 display: inline-block !important; | |
119 padding-right: 5px !important; | |
120 } | |
121 | |
122 .show-alt-infobar .close-button-gray:hover, | |
123 .show-alt-infobar .close-button-gray:focus { | |
124 background-position: -143px -96px !important; | |
125 outline: none; | |
126 } | |
127 | |
128 .show-alt-infobar .close-button-gray { | |
129 -webkit-appearance: none !important; | |
130 font: inherit !important; | |
131 background: inherit !important; | |
132 border: none !important; | |
133 cursor: pointer !important; | |
134 margin: 0 !important; | |
135 padding: 0 !important; | |
136 text-decoration: none !important; | |
137 box-shadow: none !important; | |
138 text-transform: none !important; | |
139 padding: none !important; | |
140 width: 13px !important; | |
141 height: 13px !important; | |
142 background-position: -175px -96px !important; | |
143 background-image: url('chrome-extension://__MSG_@@extension_id__/images/stat
usbarButtonGlyphs.png') !important; | |
144 background-size: 320px 144px !important; | |
145 display: inline-block !important; | |
146 } | |
OLD | NEW |