| 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 32 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 43 | 43 |
| 44 body.alternate-logo #logo { | 44 body.alternate-logo #logo { |
| 45 -webkit-mask-image: | 45 -webkit-mask-image: |
| 46 url(../../../../ui/webui/resources/images/google_logo.svg); | 46 url(../../../../ui/webui/resources/images/google_logo.svg); |
| 47 -webkit-mask-repeat: no-repeat; | 47 -webkit-mask-repeat: no-repeat; |
| 48 -webkit-mask-size: 100%; | 48 -webkit-mask-size: 100%; |
| 49 background: #eee; | 49 background: #eee; |
| 50 } | 50 } |
| 51 | 51 |
| 52 #fakebox { | 52 #fakebox { |
| 53 -webkit-transition: transform 100ms linear, border-color 100ms linear; | |
| 54 background-color: #fff; | 53 background-color: #fff; |
| 55 border: 1px solid rgb(185, 185, 185); | 54 border: 1px solid rgb(185, 185, 185); |
| 56 border-radius: 1px; | 55 border-radius: 1px; |
| 57 border-top-color: rgb(160, 160, 160); | 56 border-top-color: rgb(160, 160, 160); |
| 58 cursor: text; | 57 cursor: text; |
| 59 font-size: 18px; | 58 font-size: 18px; |
| 60 height: 36px; | 59 height: 36px; |
| 61 line-height: 36px; | 60 line-height: 36px; |
| 62 max-width: 672px; | 61 max-width: 672px; |
| 63 position: relative; | 62 position: relative; |
| 64 transform: translate3d(0, 0, 0); | 63 transform: translate3d(0, 0, 0); |
| 64 transition: transform 100ms linear, border-color 100ms linear; |
| 65 /* #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 |
| 66 to account for its border. */ | 66 to account for its border. */ |
| 67 width: 298px; | 67 width: 298px; |
| 68 } | 68 } |
| 69 | 69 |
| 70 .non-google-page #fakebox { | 70 .non-google-page #fakebox { |
| 71 display: none; | 71 display: none; |
| 72 } | 72 } |
| 73 | 73 |
| 74 #fakebox:hover { | 74 #fakebox:hover { |
| (...skipping 166 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 241 | 241 |
| 242 .default-theme.dark #mv-msg { | 242 .default-theme.dark #mv-msg { |
| 243 color: #fff; | 243 color: #fff; |
| 244 } | 244 } |
| 245 | 245 |
| 246 .default-theme.dark #mv-notice-links span { | 246 .default-theme.dark #mv-notice-links span { |
| 247 color: #fff; | 247 color: #fff; |
| 248 } | 248 } |
| 249 | 249 |
| 250 #mv-notice.mv-notice-delayed-hide { | 250 #mv-notice.mv-notice-delayed-hide { |
| 251 -webkit-transition-delay: 10s; | |
| 252 -webkit-transition-property: opacity; | |
| 253 opacity: 0; | 251 opacity: 0; |
| 252 transition-delay: 10s; |
| 253 transition-property: opacity; |
| 254 } | 254 } |
| 255 | 255 |
| 256 #mv-notice.mv-notice-hide { | 256 #mv-notice.mv-notice-hide { |
| 257 display: none; | 257 display: none; |
| 258 } | 258 } |
| 259 | 259 |
| 260 #attribution { | 260 #attribution { |
| 261 -webkit-user-select: none; | 261 -webkit-user-select: none; |
| 262 bottom: 0; | 262 bottom: 0; |
| 263 color: #fff; | 263 color: #fff; |
| (...skipping 12 matching lines...) Expand all Loading... |
| 276 left: 8px; | 276 left: 8px; |
| 277 right: auto; | 277 right: auto; |
| 278 text-align: right; | 278 text-align: right; |
| 279 } | 279 } |
| 280 | 280 |
| 281 #mv-single { | 281 #mv-single { |
| 282 border: none; | 282 border: none; |
| 283 height: 100%; | 283 height: 100%; |
| 284 width: 100%; | 284 width: 100%; |
| 285 } | 285 } |
| OLD | NEW |