| OLD | NEW |
| 1 /* Copyright 2013 The Chromium Authors. All rights reserved. | 1 /* Copyright 2013 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 body { | 4 body { |
| 5 background-attachment: fixed !important; | 5 background-attachment: fixed !important; |
| 6 background-color: white; | 6 background-color: white; |
| 7 cursor: default; | 7 cursor: default; |
| 8 margin: 0; | 8 margin: 0; |
| 9 overflow: hidden; | 9 overflow-x: hidden; |
| 10 } | 10 } |
| 11 | 11 |
| 12 #ntp-contents { | 12 #ntp-contents { |
| 13 text-align: -webkit-center; | 13 text-align: -webkit-center; |
| 14 } | 14 } |
| 15 | 15 |
| 16 body.fakebox-animate #ntp-contents { | 16 body.fakebox-animate #ntp-contents { |
| 17 -webkit-transition: opacity 100ms linear; | 17 -webkit-transition: opacity 100ms linear; |
| 18 opacity: 0.2; | 18 opacity: 0.2; |
| 19 } | 19 } |
| (...skipping 73 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 93 opacity: 0; | 93 opacity: 0; |
| 94 } | 94 } |
| 95 } | 95 } |
| 96 body.fakebox-focused #cursor { | 96 body.fakebox-focused #cursor { |
| 97 -webkit-animation: blink 1.3s step-end infinite; | 97 -webkit-animation: blink 1.3s step-end infinite; |
| 98 visibility: inherit; | 98 visibility: inherit; |
| 99 } | 99 } |
| 100 | 100 |
| 101 #most-visited { | 101 #most-visited { |
| 102 -webkit-user-select: none; | 102 -webkit-user-select: none; |
| 103 margin-top: 60px; | 103 margin-top: 50px; |
| 104 text-align: -webkit-center; | 104 text-align: -webkit-center; |
| 105 } | 105 } |
| 106 | 106 |
| 107 .custom-theme .mv-title, | 107 .custom-theme .mv-title, |
| 108 .custom-theme #mv-msg { | 108 .custom-theme #mv-msg { |
| 109 color: #fff; | 109 color: #fff; |
| 110 text-shadow: black 0 1px 3px; | 110 text-shadow: black 0 1px 3px; |
| 111 } | 111 } |
| 112 | 112 |
| 113 .custom-theme #mv-notice-links span { | 113 .custom-theme #mv-notice-links span { |
| 114 color: #fff; | 114 color: #fff; |
| 115 text-shadow: rgb(17, 85, 204) 0 1px 3px; | 115 text-shadow: rgb(17, 85, 204) 0 1px 3px; |
| 116 } | 116 } |
| 117 | 117 |
| 118 #mv-tiles { | 118 #mv-tiles { |
| 119 /* Use GPU compositing if available. */ | 119 /* Use GPU compositing if available. */ |
| 120 -webkit-transform: translate3d(0, 0, 0); | 120 -webkit-transform: translate3d(0, 0, 0); |
| 121 height: 120px; | 121 height: 260px; |
| 122 overflow: hidden; | 122 overflow: hidden; |
| 123 white-space: nowrap; | 123 white-space: nowrap; |
| 124 width: 304px; | 124 width: 304px; |
| 125 } | 125 } |
| 126 | 126 |
| 127 @media only screen and (min-width:666px) { | 127 @media only screen and (min-width:666px) { |
| 128 #fakebox, | 128 #fakebox, |
| 129 #mv-tiles { | 129 #mv-tiles { |
| 130 width: 466px; | 130 width: 466px; |
| 131 } | 131 } |
| 132 } | 132 } |
| 133 | 133 |
| 134 @media only screen and (min-width:829px) { | 134 @media only screen and (min-width:829px) { |
| 135 #fakebox, | 135 #fakebox, |
| 136 #mv-tiles { | 136 #mv-tiles { |
| 137 width: 629px; | 137 width: 629px; |
| 138 } | 138 } |
| 139 } | 139 } |
| 140 | 140 |
| 141 .mv-row { |
| 142 margin-bottom: 50px; |
| 143 } |
| 144 |
| 141 .mv-tile:first-child { | 145 .mv-tile:first-child { |
| 142 -webkit-margin-start: 0; | 146 -webkit-margin-start: 0; |
| 143 } | 147 } |
| 144 | 148 |
| 145 .mv-tile { | 149 .mv-tile { |
| 146 -webkit-margin-start: 20px; | 150 -webkit-margin-start: 20px; |
| 147 -webkit-transform: translate3d(0, 0, 0); | 151 -webkit-transform: translate3d(0, 0, 0); |
| 148 -webkit-transition-duration: 200ms; | 152 -webkit-transition-duration: 200ms; |
| 149 -webkit-transition-property: -webkit-transform, margin, opacity, width; | 153 -webkit-transition-property: -webkit-transform, margin, opacity, width; |
| 150 display: inline-block; | 154 display: inline-block; |
| 151 height: 85px; | 155 height: 85px; |
| 152 width: 140px; | 156 width: 140px; |
| 153 } | 157 } |
| 154 | 158 |
| 155 .mv-tile.mv-tile-hide { | 159 .mv-tile.mv-tile-hide { |
| 156 -webkit-margin-end: -10px; | 160 -webkit-margin-end: -10px; |
| 157 opacity: 0; | 161 opacity: 0; |
| 158 width: 10px; | 162 width: 10px; |
| 159 } | 163 } |
| 160 | 164 |
| 161 /* Class applied to tiles to trigger the blacklist animation. */ | 165 /* Class applied to tiles to trigger the blacklist animation. */ |
| 162 .mv-tile.mv-blacklist { | 166 .mv-tile.mv-blacklist { |
| 163 -webkit-margin-start: 0; | |
| 164 -webkit-transform: scale(0.5); | 167 -webkit-transform: scale(0.5); |
| 165 opacity: 0; | 168 opacity: 0; |
| 166 width: 0; | |
| 167 } | 169 } |
| 168 | 170 |
| 169 .mv-filler { | 171 .mv-filler { |
| 170 background: -webkit-linear-gradient(#f2f2f2, #e8e8e8); | 172 background: -webkit-linear-gradient(#f2f2f2, #e8e8e8); |
| 171 border: 1px solid #e0e0e0; | 173 border: 1px solid #e0e0e0; |
| 172 border-radius: 3px; | 174 border-radius: 3px; |
| 173 box-shadow: inset 0 2px 3px rgba(0, 0, 0, .09); | 175 box-shadow: inset 0 2px 3px rgba(0, 0, 0, .09); |
| 174 } | 176 } |
| 175 | 177 |
| 176 .mv-page { | 178 .mv-page { |
| (...skipping 172 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 349 } | 351 } |
| 350 | 352 |
| 351 /* Styling for native suggestions, hidden by the shadow DOM. */ | 353 /* Styling for native suggestions, hidden by the shadow DOM. */ |
| 352 .chrome_url { | 354 .chrome_url { |
| 353 color: rgb(0, 153, 51); | 355 color: rgb(0, 153, 51); |
| 354 } | 356 } |
| 355 | 357 |
| 356 .chrome_title { | 358 .chrome_title { |
| 357 color: #666; | 359 color: #666; |
| 358 } | 360 } |
| OLD | NEW |