Index: chrome/browser/resources/ntp_search/tile_page.css |
diff --git a/chrome/browser/resources/ntp_search/tile_page.css b/chrome/browser/resources/ntp_search/tile_page.css |
deleted file mode 100644 |
index e9419be03edb7d9db14ce5d8d1d669bd1d620dc4..0000000000000000000000000000000000000000 |
--- a/chrome/browser/resources/ntp_search/tile_page.css |
+++ /dev/null |
@@ -1,257 +0,0 @@ |
-/* Copyright (c) 2012 The Chromium Authors. All rights reserved. |
- * Use of this source code is governed by a BSD-style license that can be |
- * found in the LICENSE file. */ |
- |
-/* ----------------------------------------------------------------------------- |
- Tile Page |
------------------------------------------------------------------------------ */ |
- |
-.tile-page { |
- overflow: hidden; |
- position: relative; |
-} |
- |
-.tile-page-frame { |
- margin: 0 auto; |
- overflow: hidden; |
- position: relative; |
- width: 748px; |
-} |
- |
-.tile-page-content { |
- overflow: hidden; |
-} |
- |
-.tile-grid { |
- display: block; |
- margin: 0 auto; |
- width: 732px; |
-} |
- |
-.tile-grid-content { |
- -webkit-transform: translate3d(0, 0, 0); |
- -webkit-transition: -webkit-transform 200ms; |
-} |
- |
-.tile-row { |
- -webkit-transition: opacity 200ms; |
- height: 100px; |
- text-align: start; |
- white-space: nowrap; |
-} |
- |
-/* ----------------------------------------------------------------------------- |
- Tile Grid Animation |
------------------------------------------------------------------------------ */ |
- |
-.animate-grid-width { |
- -webkit-transform: translate3d(0, 0, 0); |
- -webkit-transition: width 200ms; |
-} |
- |
-/* ----------------------------------------------------------------------------- |
- Tile Cell |
------------------------------------------------------------------------------ */ |
- |
-.tile-cell { |
- -webkit-transform: translate3d(0, 0, 0); |
- display: inline-block; |
- position: relative; |
-} |
- |
-.tile-cell:first-child { |
- -webkit-margin-start: 0; |
-} |
- |
-/* ----------------------------------------------------------------------------- |
- Tile Cell Animation |
------------------------------------------------------------------------------ */ |
- |
-.animate-grid-width .tile-cell { |
- -webkit-transition: margin 200ms; |
- -webkit-transition-property: margin, opacity, width; |
-} |
- |
-/* Animates entire columns of Tiles at once.*/ |
-.hide-col-0 .tile-cell:nth-child(1), |
-.hide-col-1 .tile-cell:nth-child(2), |
-.hide-col-2 .tile-cell:nth-child(3), |
-.hide-col-3 .tile-cell:nth-child(4), |
-.hide-col-4 .tile-cell:nth-child(5), |
-.hide-col-5 .tile-cell:nth-child(6), |
-.hide-col-6 .tile-cell:nth-child(7), |
-.hide-col-7 .tile-cell:nth-child(8), |
-.hide-col-8 .tile-cell:nth-child(9), |
-.hide-col-9 .tile-cell:nth-child(10) { |
- -webkit-margin-end: -10px; |
- opacity: 0; |
- width: 10px !important; |
-} |
- |
-/* ----------------------------------------------------------------------------- |
- Tile Position Animation |
------------------------------------------------------------------------------ */ |
- |
-.animate-tile-repositioning .tile { |
- -webkit-transition-duration: 200ms; |
- -webkit-transition-property: -webkit-transform, left, opacity, top; |
- position: absolute; |
-} |
- |
-.animate-tile-repositioning .tile:not(.target-tile) { |
- -webkit-transition-duration: 400ms; |
-} |
- |
-.animate-tile-repositioning.undo-removal .target-tile { |
- -webkit-transition-delay: 200ms; |
-} |
- |
-.animate-tile-repositioning .animate-hide-tile { |
- opacity: 0; |
-} |
- |
-.animate-tile-repositioning .animate-hide-tile.target-tile { |
- -webkit-transform: scale(0.5); |
-} |
- |
-/* ----------------------------------------------------------------------------- |
- Scroll Bars |
------------------------------------------------------------------------------ */ |
- |
-.scrollable { |
- overflow-y: auto; |
-} |
- |
-.scrollable .shadow-top { |
- -webkit-margin-end: 0; |
- -webkit-mask-box-image: -webkit-linear-gradient(left, |
- rgba(0, 0, 0, 0.1), |
- rgba(0, 0, 0, 0.8), |
- rgba(0, 0, 0, 0.1)); |
- background: -webkit-linear-gradient(top, |
- rgba(0, 0, 0, 0.2), |
- transparent); |
- height: 6px; |
- left: 0; |
- opacity: 0; |
- position: absolute; |
- top: 0; |
- width: 100%; |
- z-index: 1000; |
-} |
- |
-.scrollable .shadow-top::after { |
- border-top: 1px solid rgba(0, 0, 0, 0.3); |
- content: ''; |
- display: block; |
- height: 0; |
- left: 0; |
- position: absolute; |
- top: 0; |
- width: 100%; |
-} |
- |
-.scrollable .shadow-bottom { |
- -webkit-margin-end: 0; |
- -webkit-mask-box-image: -webkit-linear-gradient(left, |
- rgba(0, 0, 0, 0.1), |
- rgba(0, 0, 0, 0.8), |
- rgba(0, 0, 0, 0.1)); |
- background: -webkit-linear-gradient(bottom, |
- rgba(0, 0, 0, 0.2), |
- transparent); |
- bottom: 0; |
- height: 4px; |
- left: 0; |
- opacity: 1; |
- position: absolute; |
- width: 100%; |
- z-index: 1000; |
-} |
- |
-.scrollable .shadow-bottom::after { |
- border-bottom: 1px solid rgba(0, 0, 0, 0.3); |
- bottom: 0; |
- content: ''; |
- display: block; |
- height: 0; |
- left: 0; |
- position: absolute; |
- width: 100%; |
-} |
- |
-::-webkit-scrollbar { |
- height: 12px; |
- width: 12px; |
-} |
- |
-::-webkit-scrollbar-button { |
- height: 0; |
- width: 0; |
-} |
- |
-::-webkit-scrollbar-button:start:decrement, |
-::-webkit-scrollbar-button:end:increment { |
- display: block; |
-} |
- |
-::-webkit-scrollbar-button:vertical:start:increment, |
-::-webkit-scrollbar-button:vertical:end:decrement { |
- display: none; |
-} |
- |
-::-webkit-scrollbar-track:vertical { |
- -webkit-border-end: none; |
- -webkit-border-start: 5px solid transparent; |
- background-clip: padding-box; |
- background-color: white; |
-} |
- |
-::-webkit-scrollbar-track:horizontal { |
- background-clip: padding-box; |
- background-color: white; |
- border-bottom: none; |
- border-top: 5px solid transparent; |
-} |
- |
-::-webkit-scrollbar-thumb { |
- -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.10), |
- inset 0 -1px 0 rgba(0, 0, 0, 0.07); |
- background-clip: padding-box; |
- background-color: rgba(0, 0, 0, 0.2); |
- min-height: 28px; |
- padding-top: 100px; |
-} |
- |
-::-webkit-scrollbar-thumb:hover { |
- -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.25); |
- background-color: rgba(0, 0, 0, 0.4); |
-} |
- |
-::-webkit-scrollbar-thumb:active { |
- -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.35); |
- background-color: rgba(0, 0, 0, 0.5); |
-} |
- |
-::-webkit-scrollbar-thumb:vertical { |
- -webkit-border-end: none; |
- -webkit-border-start: 5px solid transparent; |
- border-bottom: none; |
- border-top: none; |
-} |
- |
-::-webkit-scrollbar-thumb:horizontal { |
- border: none; |
- border-top: 5px solid transparent; |
-} |
- |
-::-webkit-scrollbar-track:hover { |
- -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.10); |
- background-color: rgba(0, 0, 0, 0.05); |
-} |
- |
-::-webkit-scrollbar-track:active { |
- -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.14), |
- inset -1px -1px 0 rgba(0, 0, 0, 0.07); |
- background-color: rgba(0, 0, 0, 0.05); |
-} |