| 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 148 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 159 -webkit-animation: blink 1.3s step-end infinite; | 159 -webkit-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 { | |
| 170 margin-top: calc(100px - 36px); | |
| 171 } | |
| 172 | |
| 173 /* Non-Google pages have no Fakebox, so don't need top margin. */ | 169 /* Non-Google pages have no Fakebox, so don't need top margin. */ |
| 174 .non-google-page #most-visited { | 170 .non-google-page #most-visited { |
| 175 margin-top: 0; | 171 margin-top: 0; |
| 176 } | 172 } |
| 177 | 173 |
| 178 #mv-tiles { | 174 #mv-tiles { |
| 175 /* We need a 16px margin and the tiles have 130px height. */ |
| 176 height: calc(2*130px + 16px); |
| 177 line-height: calc(130px + 16px); |
| 179 margin: 0; | 178 margin: 0; |
| 180 position: relative; | 179 position: relative; |
| 181 text-align: -webkit-auto; | 180 text-align: -webkit-auto; |
| 182 } | 181 } |
| 183 | 182 |
| 184 .thumb-ntp #mv-tiles { | |
| 185 /* we need a 16px margin and the tiles have 130px height. */ | |
| 186 height: calc(2*130px + 16px); | |
| 187 line-height: calc(130px + 16px); | |
| 188 } | |
| 189 | |
| 190 .icon-ntp #mv-tiles { | |
| 191 background: rgba(255,255,255,0.2); | |
| 192 border-radius: 4px; | |
| 193 height: calc(2 * 112px); | |
| 194 padding: calc(36px - 18px) calc(36px - 18px - 12px); | |
| 195 } | |
| 196 | |
| 197 .icon-ntp.dark #mv-tiles { | |
| 198 background: rgba(0,0,0,0.4); | |
| 199 } | |
| 200 | |
| 201 .default-theme.icon-ntp #mv-tiles { | |
| 202 background: none; | |
| 203 } | |
| 204 | |
| 205 #mv-notice-x { | 183 #mv-notice-x { |
| 206 -webkit-mask-image: -webkit-image-set( | 184 -webkit-mask-image: -webkit-image-set( |
| 207 url(chrome-search://local-ntp/images/close_3_mask.png) 1x, | 185 url(chrome-search://local-ntp/images/close_3_mask.png) 1x, |
| 208 url(chrome-search://local-ntp/images/close_3_mask.png@2x) 2x); | 186 url(chrome-search://local-ntp/images/close_3_mask.png@2x) 2x); |
| 209 -webkit-mask-position: 3px 3px; | 187 -webkit-mask-position: 3px 3px; |
| 210 -webkit-mask-repeat: no-repeat; | 188 -webkit-mask-repeat: no-repeat; |
| 211 -webkit-mask-size: 10px 10px; | 189 -webkit-mask-size: 10px 10px; |
| 212 background-color: rgba(90,90,90,0.7); | 190 background-color: rgba(90,90,90,0.7); |
| 213 cursor: pointer; | 191 cursor: pointer; |
| 214 display: inline-block; | 192 display: inline-block; |
| (...skipping 18 matching lines...) Expand all Loading... |
| 233 } | 211 } |
| 234 | 212 |
| 235 /* The notification shown when a tile is blacklisted. */ | 213 /* The notification shown when a tile is blacklisted. */ |
| 236 #mv-notice { | 214 #mv-notice { |
| 237 font-size: 12px; | 215 font-size: 12px; |
| 238 font-weight: bold; | 216 font-weight: bold; |
| 239 opacity: 1; | 217 opacity: 1; |
| 240 padding: 10px 0; | 218 padding: 10px 0; |
| 241 } | 219 } |
| 242 | 220 |
| 243 .icon-ntp #mv-notice { | |
| 244 margin-top: 30px; | |
| 245 } | |
| 246 | |
| 247 #mv-notice span { | 221 #mv-notice span { |
| 248 cursor: default; | 222 cursor: default; |
| 249 display: inline-block; | 223 display: inline-block; |
| 250 height: 16px; | 224 height: 16px; |
| 251 line-height: 16px; | 225 line-height: 16px; |
| 252 vertical-align: top; | 226 vertical-align: top; |
| 253 } | 227 } |
| 254 | 228 |
| 255 /* Links in the notification. */ | 229 /* Links in the notification. */ |
| 256 #mv-notice-links span { | 230 #mv-notice-links span { |
| (...skipping 67 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 324 html[dir=rtl] #recent-tabs { | 298 html[dir=rtl] #recent-tabs { |
| 325 left: 8px; | 299 left: 8px; |
| 326 right: auto; | 300 right: auto; |
| 327 } | 301 } |
| 328 | 302 |
| 329 #mv-single { | 303 #mv-single { |
| 330 border: none; | 304 border: none; |
| 331 height: 100%; | 305 height: 100%; |
| 332 width: 100%; | 306 width: 100%; |
| 333 } | 307 } |
| OLD | NEW |