Index: chrome/browser/resources/contextual_search/promo.css |
diff --git a/chrome/browser/resources/contextual_search/promo.css b/chrome/browser/resources/contextual_search/promo.css |
deleted file mode 100644 |
index 63fe3392ee401b7ad2ca51b0702e639840192146..0000000000000000000000000000000000000000 |
--- a/chrome/browser/resources/contextual_search/promo.css |
+++ /dev/null |
@@ -1,162 +0,0 @@ |
-/* Copyright 2014 The Chromium Authors. All rights reserved. |
- Use of this source code is governed by a BSD-style license that can be |
- found in the LICENSE file. */ |
- |
-/* TODO: Need to clean up @font-face after we remove font-family from body. */ |
-@font-face { |
- font-family: 'Roboto2'; |
- font-weight: 400; |
- src: local('Roboto'), local('Roboto2-Regular'), |
- url(chrome://resources/roboto/roboto.woff2) format('woff2'), |
- url(chrome://resources/roboto/roboto.woff) format('woff'); |
-} |
- |
-/* TODO(pedrosimonetti): Find a better way to fix the problem when the |
- * text scaling preference is set to a high value. |
- * |
- * This CSS rule prevents the promo text from scaling as explained here: |
- * https://code.google.com/p/chromium/issues/detail?id=252828#c10 |
- * |
- * For for background about the problem, see: |
- * https://code.google.com/p/chromium/issues/detail?id=466773 |
- */ |
-#heading, |
-#description { |
- max-height: 999999px; |
-} |
- |
-body { |
- font-family: 'Roboto2', sans-serif; |
- margin: 0; |
-} |
- |
-a { |
- text-decoration: none; |
-} |
- |
-a.colored-link { |
- color: rgb(66, 133, 244); |
-} |
- |
-#container { |
- /* NOTE(pedrosimonetti): There's an implicit extra top margin that is |
- * rendered natively (currently using 24dp). So, the total padding will |
- * be 38dp (24dp + 14dp). For more info, see SEARCH_BAR_HEIGHT_STATE_PROMO |
- * in ContextualSearchPanelBase.java. |
- * |
- * We're also setting the side and bottom paddings to ensure to make sure |
- * that when computing the height of the container all margins/paddings will |
- * be considered. |
- */ |
- padding: 14px 16px 12px; |
-} |
- |
-#button-container { |
- margin-top: 24px; |
- text-align: end; |
- width: 100%; |
-} |
- |
-#container.hide { |
- -webkit-transform: scale(0.95); |
- -webkit-transition-duration: 130ms; |
- -webkit-transition-property: opacity, -webkit-transform; |
- opacity: 0; |
-} |
- |
-#description { |
- color: #7E7E7E; |
- font-size: 16px; |
- line-height: 1.38em; |
- margin: 12px 0 24px; |
-} |
- |
-/* Some properties below can be overridden in landscape orientation. */ |
-#heading { |
- font-size: 23px; |
- margin: 20px 0 12px; |
- text-align: center; |
-} |
-.header-image { |
- background-image: url(header.svg); |
- background-repeat: no-repeat; |
- height: 98px; |
- margin: 0 auto 38px auto; |
- width: 156px; |
-} |
-.portrait { |
- display: block; |
-} |
-.landscape { |
- display: none; |
-} |
- |
-/* Landscape */ |
-@media screen and (orientation:landscape) { |
- #heading { |
- margin-top: 0; |
- /* The heading text and description text should be aligned, therefore |
- * the left margin here will be equal to the header image width (156px) |
- * plus its right margin (24px). Therefore the total left should be |
- * 156px + 24px = 180px. |
- */ |
- margin-left: 180px; |
- padding-top: 8px; |
- text-align: left; |
- } |
- .header-image { |
- /* The header image is supposed to be vertically centered when the promo |
- * is in landscape mode. For now, we're forcefully moving the image 4 |
- * pixels up to make it centered. A better approach would be using CSS |
- * flexbox to properly center it, but this will require changing the |
- * markup and styling of the whole promo, and it could be tricky coming |
- * up with a single markup that works in both portrait and lanscape modes. |
- */ |
- margin: 0 24px 0 0; |
- position: relative; |
- top: -4px; |
- } |
- .portrait { |
- display: none; |
- } |
- .landscape { |
- display: block; |
- float: left; |
- } |
- html[dir='rtl'] .landscape { |
- float: right; |
- } |
-} |
- |
-button { |
- background: none; |
- border: none; |
- display: inline-block; |
- font-family: 'Roboto2', sans-serif; |
- font-size: 14px; |
- margin: 6px 0; |
- /* We use a slightly different top-bottom padding because Roboto has a |
- * rendering bug which makes an extra padding to be rendered at the bottom of |
- * text. |
- */ |
- padding: 12px 16px 8px; |
- white-space: nowrap; |
-} |
- |
-button .caption { |
- text-transform: uppercase; |
-} |
- |
-#optin-button { |
- background: rgb(66, 133, 244); |
- background-clip: padding-box; |
- border-radius: 3px; |
-} |
- |
-#optin-button .caption { |
- color: white; |
-} |
- |
-#optout-button .caption { |
- color: rgb(66, 133, 244); |
-} |