Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(44)

Side by Side Diff: chrome/browser/resources/local_ntp/most_visited_single.css

Issue 2688353003: Remove webkit prefixes for transform and perspective in chrome/ styles (Closed)
Patch Set: Created 3 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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 body { 5 body {
6 -webkit-user-select: none; 6 -webkit-user-select: none;
7 background: none transparent; 7 background: none transparent;
8 color: #323232; 8 color: #323232;
9 margin: 0; 9 margin: 0;
10 overflow: hidden; 10 overflow: hidden;
(...skipping 61 matching lines...) Expand 10 before | Expand all | Expand 10 after
72 border: 1px solid transparent; 72 border: 1px solid transparent;
73 border-radius: 2px; 73 border-radius: 2px;
74 height: calc(130px - 2px); 74 height: calc(130px - 2px);
75 line-height: 100%; 75 line-height: 100%;
76 margin: 0 8px; 76 margin: 0 8px;
77 width: calc(156px - 2px); 77 width: calc(156px - 2px);
78 } 78 }
79 79
80 .mv-tile { 80 .mv-tile {
81 -webkit-transition-duration: 200ms; 81 -webkit-transition-duration: 200ms;
82 -webkit-transition-property: -webkit-transform, border, 82 -webkit-transition-property: transform, border,
83 box-shadow, margin, opacity, width; 83 box-shadow, margin, opacity, width;
84 cursor: pointer; 84 cursor: pointer;
85 } 85 }
86 86
87 .thumb-ntp .mv-tile:focus:not(:hover) { 87 .thumb-ntp .mv-tile:focus:not(:hover) {
88 -webkit-filter: brightness(75%); 88 -webkit-filter: brightness(75%);
89 box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1), 0 4px 8px 0 rgba(0,0,0,0.2); 89 box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1), 0 4px 8px 0 rgba(0,0,0,0.2);
90 } 90 }
91 91
92 .mv-tile.blacklisted { 92 .mv-tile.blacklisted {
93 -webkit-transform: scale(0, 0);
94 border: none !important; 93 border: none !important;
95 margin: 0; 94 margin: 0;
95 transform: scale(0, 0);
96 width: 0; 96 width: 0;
97 } 97 }
98 98
99 .thumb-ntp .mv-tile:hover { 99 .thumb-ntp .mv-tile:hover {
100 box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1), 0 4px 8px 0 rgba(0,0,0,0.2); 100 box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1), 0 4px 8px 0 rgba(0,0,0,0.2);
101 } 101 }
102 102
103 .mv-tile.mv-blacklist { 103 .mv-tile.mv-blacklist {
104 opacity: 0; 104 opacity: 0;
105 } 105 }
106 106
107 .mv-tile.mv-blacklist { 107 .mv-tile.mv-blacklist {
108 -webkit-transform: scale(0, 0);
109 -webkit-transform-origin: 0 41px;
110 margin-left: 0; 108 margin-left: 0;
111 margin-right: 0; 109 margin-right: 0;
110 transform: scale(0, 0);
111 transform-origin: 0 41px;
112 width: 0; 112 width: 0;
113 } 113 }
114 114
115 .mv-title { 115 .mv-title {
116 border: none; 116 border: none;
117 overflow: hidden; 117 overflow: hidden;
118 position: absolute; 118 position: absolute;
119 text-overflow: clip; 119 text-overflow: clip;
120 } 120 }
121 121
(...skipping 171 matching lines...) Expand 10 before | Expand all | Expand 10 after
293 } 293 }
294 294
295 .mv-favicon img { 295 .mv-favicon img {
296 height: 100%; 296 height: 100%;
297 width: 100%; 297 width: 100%;
298 } 298 }
299 299
300 .mv-favicon.failed-favicon img { 300 .mv-favicon.failed-favicon img {
301 display: none; 301 display: none;
302 } 302 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/local_ntp/local_ntp.css ('k') | chrome/browser/resources/net_internals/timeline_view.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698