| 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 37 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 48 | 48 |
| 49 body.alternate-logo #logo { | 49 body.alternate-logo #logo { |
| 50 -webkit-mask-image: | 50 -webkit-mask-image: |
| 51 url(../../../../ui/webui/resources/images/google_logo.svg); | 51 url(../../../../ui/webui/resources/images/google_logo.svg); |
| 52 -webkit-mask-repeat: no-repeat; | 52 -webkit-mask-repeat: no-repeat; |
| 53 -webkit-mask-size: 100%; | 53 -webkit-mask-size: 100%; |
| 54 background: #eee; | 54 background: #eee; |
| 55 } | 55 } |
| 56 | 56 |
| 57 #fakebox { | 57 #fakebox { |
| 58 -webkit-transform: translate3d(0, 0, 0); | |
| 59 -webkit-transition: -webkit-transform 100ms linear, border-color 100ms linear; | |
| 60 background-color: #fff; | 58 background-color: #fff; |
| 61 border: 1px solid rgb(185, 185, 185); | 59 border: 1px solid rgb(185, 185, 185); |
| 62 border-radius: 1px; | 60 border-radius: 1px; |
| 63 border-top-color: rgb(160, 160, 160); | 61 border-top-color: rgb(160, 160, 160); |
| 64 cursor: text; | 62 cursor: text; |
| 65 font-size: 18px; | 63 font-size: 18px; |
| 66 height: 36px; | 64 height: 36px; |
| 67 line-height: 36px; | 65 line-height: 36px; |
| 68 max-width: 672px; | 66 max-width: 672px; |
| 69 position: relative; | 67 position: relative; |
| 68 transform: translate3d(0, 0, 0); |
| 69 transition: transform 100ms linear, border-color 100ms linear; |
| 70 /* #fakebox width (here and below) should be 2px less than #mv-tiles | 70 /* #fakebox width (here and below) should be 2px less than #mv-tiles |
| 71 to account for its border. */ | 71 to account for its border. */ |
| 72 width: 298px; | 72 width: 298px; |
| 73 } | 73 } |
| 74 | 74 |
| 75 #fakebox:hover { | 75 #fakebox:hover { |
| 76 border: 1px solid rgb(169, 169, 169); | 76 border: 1px solid rgb(169, 169, 169); |
| 77 border-top-color: rgb(144, 144, 144); | 77 border-top-color: rgb(144, 144, 144); |
| 78 } | 78 } |
| 79 | 79 |
| (...skipping 50 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 130 top: 5px; | 130 top: 5px; |
| 131 visibility: hidden; | 131 visibility: hidden; |
| 132 width: 1px; | 132 width: 1px; |
| 133 } | 133 } |
| 134 | 134 |
| 135 html[dir=rtl] #cursor { | 135 html[dir=rtl] #cursor { |
| 136 left: auto; | 136 left: auto; |
| 137 right: 9px; | 137 right: 9px; |
| 138 } | 138 } |
| 139 | 139 |
| 140 @-webkit-keyframes blink { | 140 @keyframes blink { |
| 141 0% { | 141 0% { |
| 142 opacity: 1; | 142 opacity: 1; |
| 143 } | 143 } |
| 144 61.55% { | 144 61.55% { |
| 145 opacity: 0; | 145 opacity: 0; |
| 146 } | 146 } |
| 147 } | 147 } |
| 148 | 148 |
| 149 body.fakebox-drag-focused #fakebox-text, | 149 body.fakebox-drag-focused #fakebox-text, |
| 150 body.fakebox-focused #fakebox-text { | 150 body.fakebox-focused #fakebox-text { |
| 151 visibility: hidden; | 151 visibility: hidden; |
| 152 } | 152 } |
| 153 | 153 |
| 154 body.fakebox-drag-focused #cursor { | 154 body.fakebox-drag-focused #cursor { |
| 155 visibility: inherit; | 155 visibility: inherit; |
| 156 } | 156 } |
| 157 | 157 |
| 158 body.fakebox-focused #cursor { | 158 body.fakebox-focused #cursor { |
| 159 -webkit-animation: blink 1.3s step-end infinite; | 159 animation: blink 1.3s step-end infinite; |
| 160 visibility: inherit; | 160 visibility: inherit; |
| 161 } | 161 } |
| 162 | 162 |
| 163 #most-visited { | 163 #most-visited { |
| 164 -webkit-user-select: none; | 164 -webkit-user-select: none; |
| 165 margin-top: 64px; | 165 margin-top: 64px; |
| 166 text-align: -webkit-center; | 166 text-align: -webkit-center; |
| 167 } | 167 } |
| 168 | 168 |
| 169 .icon-ntp #most-visited { | 169 .icon-ntp #most-visited { |
| (...skipping 99 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 269 | 269 |
| 270 .default-theme.dark #mv-msg { | 270 .default-theme.dark #mv-msg { |
| 271 color: #fff; | 271 color: #fff; |
| 272 } | 272 } |
| 273 | 273 |
| 274 .default-theme.dark #mv-notice-links span { | 274 .default-theme.dark #mv-notice-links span { |
| 275 color: #fff; | 275 color: #fff; |
| 276 } | 276 } |
| 277 | 277 |
| 278 #mv-notice.mv-notice-delayed-hide { | 278 #mv-notice.mv-notice-delayed-hide { |
| 279 -webkit-transition-delay: 10s; | |
| 280 -webkit-transition-property: opacity; | |
| 281 opacity: 0; | 279 opacity: 0; |
| 280 transition-delay: 10s; |
| 281 transition-property: opacity; |
| 282 } | 282 } |
| 283 | 283 |
| 284 #mv-notice.mv-notice-hide { | 284 #mv-notice.mv-notice-hide { |
| 285 display: none; | 285 display: none; |
| 286 } | 286 } |
| 287 | 287 |
| 288 #attribution { | 288 #attribution { |
| 289 -webkit-user-select: none; | 289 -webkit-user-select: none; |
| 290 bottom: 0; | 290 bottom: 0; |
| 291 color: #fff; | 291 color: #fff; |
| (...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 324 html[dir=rtl] #recent-tabs { | 324 html[dir=rtl] #recent-tabs { |
| 325 left: 8px; | 325 left: 8px; |
| 326 right: auto; | 326 right: auto; |
| 327 } | 327 } |
| 328 | 328 |
| 329 #mv-single { | 329 #mv-single { |
| 330 border: none; | 330 border: none; |
| 331 height: 100%; | 331 height: 100%; |
| 332 width: 100%; | 332 width: 100%; |
| 333 } | 333 } |
| OLD | NEW |