11320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci/* Copyright (c) 2014 The Chromium Authors. All rights reserved. 21320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci * Use of this source code is governed by a BSD-style license that can be 31320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci * found in the LICENSE file. */ 41320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci 51320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tuccibody[show-alt] img { 61320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci /* add some fake content to hang the ::before element off */ 71320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci content: "" !important; 81320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci background-image: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7') 91320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci 101320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci /* display non-floated and remove any background color */ 111320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci float: none !important; 121320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci background-color: inherit !important; 131320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci 141320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci /* set height to contain the text content */ 151320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci height: 100% !important; 161320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci} 171320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci 181320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tuccibody[show-alt] img:not([alt]):not([aria-hidden=true]):not([role=presentation]):before { 191320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci content: url('chrome-extension://__MSG_@@extension_id__/images/speech-missing-alt-16.png') " " attr(_repaired) !important; 201320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci box-shadow: inset 0 -4px 0 rgba(230, 124, 115, 1) !important; 211320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci} 221320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci 231320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tuccibody[show-alt] img:not([aria-hidden=true]):not([role=presentation]):not([alt='']):before { 241320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci content: url('chrome-extension://__MSG_@@extension_id__/images/speech-16.png') " " attr(alt) !important; 251320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci box-shadow: inset 0 -4px 0 rgba(139, 195, 74, 1) !important; 261320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci display: table; 271320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci clear: both; 281320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci} 291320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci 301320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci@-webkit-keyframes slideDown { 311320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci from { 321320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci -webkit-transform: translateY(-150%); 331320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci } 341320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci to { 351320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci -webkit-transform: translateY(0px); 361320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci } 371320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci} 381320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci 391320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci@-webkit-keyframes slideUp { 401320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci from { 411320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci -webkit-transform: translateY(0%); 421320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci } 431320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci to { 441320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci -webkit-transform: translateY(-150%); 451320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci } 461320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci} 471320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci 481320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tuccibody[show-alt] .show-alt-infobar { 491320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci -webkit-animation-name: slideDown; 501320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci -webkit-animation-duration: 0.5s; 511320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci -webkit-animation-delay: 0.5s; 521320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci -webkit-animation-iteration-count: 1; 531320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci -webkit-animation-timing-function: ease; 541320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci -webkit-animation-direction: forwards; 551320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci -webkit-transform: translateY(0%); 561320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci} 571320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci 581320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tuccibody:not([show-alt]) .show-alt-infobar { 591320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci -webkit-animation-name: slideUp; 601320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci -webkit-animation-duration: 0.5s; 611320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci -webkit-animation-delay: 0.5s; 621320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci -webkit-animation-iteration-count: 1; 631320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci -webkit-animation-timing-function: ease; 641320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci -webkit-animation-direction: forwards; 651320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci -webkit-transform: translateY(-150%); 661320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci} 671320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci 681320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci.show-alt-infobar { 691320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci top: 0; 701320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci left: 0; 711320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci right: 0; 721320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci z-index: 100000001; /* :( */ 731320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci position: fixed !important; 741320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci background: #fde073 !important; 751320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci text-align: center !important; 761320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci line-height: 2.0; 771320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci overflow: hidden; 781320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci box-shadow: 0 0 5px black; 791320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci box-shadow: 0 0 5px black; 801320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci font-family: Arial, sans-serif !important; 811320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci font-size: 12pt !important; 821320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci -webkit-animation-fill-mode: backwards; 831320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci} 841320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci 851320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci.show-alt-infobar .content { 861320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci display: inline-block !important; 871320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci} 881320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci 891320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci.show-alt-infobar span { 901320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci margin: 5px; 911320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci} 921320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci 931320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci.show-alt-infobar button.link-button { 941320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci -webkit-appearance: none !important; 951320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci font: inherit !important; 961320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci background: inherit !important; 971320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci border: none !important; 981320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci color: #1155CC !important; 991320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci cursor: pointer !important; 1001320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci display: inline !important; 1011320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci margin: 0 !important; 1021320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci padding: 0 !important; 1031320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci text-decoration: none !important; 1041320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci box-shadow: none !important; 1051320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci text-transform: none !important; 1061320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci padding: none !important; 1071320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci} 1081320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci 1091320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci.show-alt-infobar button.link-button:hover, 1101320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci.show-alt-infobar button.link-button:focus { 1111320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci color: #1155CC; 1121320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci text-decoration: underline; 1131320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci outline: none; 1141320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci} 1151320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci 1161320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci.show-alt-infobar .controls { 1171320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci float: right !important; 1181320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci display: inline-block !important; 1191320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci padding-right: 5px !important; 1201320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci} 1211320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci 1221320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci.show-alt-infobar .close-button-gray:hover, 1231320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci.show-alt-infobar .close-button-gray:focus { 1241320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci background-position: -143px -96px !important; 1251320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci outline: none; 1261320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci} 1271320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci 1281320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci.show-alt-infobar .close-button-gray { 1291320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci -webkit-appearance: none !important; 1301320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci font: inherit !important; 1311320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci background: inherit !important; 1321320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci border: none !important; 1331320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci cursor: pointer !important; 1341320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci margin: 0 !important; 1351320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci padding: 0 !important; 1361320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci text-decoration: none !important; 1371320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci box-shadow: none !important; 1381320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci text-transform: none !important; 1391320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci padding: none !important; 1401320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci width: 13px !important; 1411320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci height: 13px !important; 1421320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci background-position: -175px -96px !important; 1431320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci background-image: url('chrome-extension://__MSG_@@extension_id__/images/statusbarButtonGlyphs.png') !important; 1441320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci background-size: 320px 144px !important; 1451320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci display: inline-block !important; 1461320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci} 147