| OLD | NEW |
| 1 /* Copyright 2015 The Chromium Authors. All rights reserved. | 1 /* Copyright 2015 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 /* TODO: Need to discuss with NTP folks before we remove font-family from the | 5 /* TODO: Need to discuss with NTP folks before we remove font-family from the |
| 6 * body tag. */ | 6 * body tag. */ |
| 7 body { | 7 body { |
| 8 background-attachment: fixed !important; | 8 background-attachment: fixed !important; |
| 9 cursor: default; | 9 cursor: default; |
| 10 font-family: arial, sans-serif; | 10 font-family: arial, sans-serif; |
| (...skipping 19 matching lines...) Expand all Loading... |
| 30 | 30 |
| 31 #logo { | 31 #logo { |
| 32 background-image: url(../../../../ui/webui/resources/images/google_logo.svg); | 32 background-image: url(../../../../ui/webui/resources/images/google_logo.svg); |
| 33 background-repeat: no-repeat; | 33 background-repeat: no-repeat; |
| 34 height: 92px; | 34 height: 92px; |
| 35 margin-bottom: 24px; | 35 margin-bottom: 24px; |
| 36 margin-top: 157px; | 36 margin-top: 157px; |
| 37 width: 272px; | 37 width: 272px; |
| 38 } | 38 } |
| 39 | 39 |
| 40 .non-google-page #logo { |
| 41 display: none; |
| 42 } |
| 43 |
| 40 body.alternate-logo #logo { | 44 body.alternate-logo #logo { |
| 41 -webkit-mask-image: | 45 -webkit-mask-image: |
| 42 url(../../../../ui/webui/resources/images/google_logo.svg); | 46 url(../../../../ui/webui/resources/images/google_logo.svg); |
| 43 -webkit-mask-repeat: no-repeat; | 47 -webkit-mask-repeat: no-repeat; |
| 44 -webkit-mask-size: 100%; | 48 -webkit-mask-size: 100%; |
| 45 background: #eee; | 49 background: #eee; |
| 46 } | 50 } |
| 47 | 51 |
| 48 #fakebox { | 52 #fakebox { |
| 49 -webkit-transform: translate3d(0, 0, 0); | 53 -webkit-transform: translate3d(0, 0, 0); |
| 50 -webkit-transition: -webkit-transform 100ms linear, border-color 100ms linear; | 54 -webkit-transition: -webkit-transform 100ms linear, border-color 100ms linear; |
| 51 background-color: #fff; | 55 background-color: #fff; |
| 52 border: 1px solid rgb(185, 185, 185); | 56 border: 1px solid rgb(185, 185, 185); |
| 53 border-radius: 1px; | 57 border-radius: 1px; |
| 54 border-top-color: rgb(160, 160, 160); | 58 border-top-color: rgb(160, 160, 160); |
| 55 cursor: text; | 59 cursor: text; |
| 56 font-size: 18px; | 60 font-size: 18px; |
| 57 height: 36px; | 61 height: 36px; |
| 58 line-height: 36px; | 62 line-height: 36px; |
| 59 max-width: 672px; | 63 max-width: 672px; |
| 60 position: relative; | 64 position: relative; |
| 61 /* #fakebox width (here and below) should be 2px less than #mv-tiles | 65 /* #fakebox width (here and below) should be 2px less than #mv-tiles |
| 62 to account for its border. */ | 66 to account for its border. */ |
| 63 width: 298px; | 67 width: 298px; |
| 64 } | 68 } |
| 65 | 69 |
| 70 .non-google-page #fakebox { |
| 71 display: none; |
| 72 } |
| 73 |
| 66 #fakebox:hover { | 74 #fakebox:hover { |
| 67 border: 1px solid rgb(169, 169, 169); | 75 border: 1px solid rgb(169, 169, 169); |
| 68 border-top-color: rgb(144, 144, 144); | 76 border-top-color: rgb(144, 144, 144); |
| 69 } | 77 } |
| 70 | 78 |
| 71 body.fakebox-focused #fakebox { | 79 body.fakebox-focused #fakebox { |
| 72 border: 1px solid rgb(77, 144, 254); | 80 border: 1px solid rgb(77, 144, 254); |
| 73 } | 81 } |
| 74 | 82 |
| 75 #fakebox > input { | 83 #fakebox > input { |
| (...skipping 192 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 268 left: 8px; | 276 left: 8px; |
| 269 right: auto; | 277 right: auto; |
| 270 text-align: right; | 278 text-align: right; |
| 271 } | 279 } |
| 272 | 280 |
| 273 #mv-single { | 281 #mv-single { |
| 274 border: none; | 282 border: none; |
| 275 height: 100%; | 283 height: 100%; |
| 276 width: 100%; | 284 width: 100%; |
| 277 } | 285 } |
| OLD | NEW |