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

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

Issue 2535573002: Reduce usage of webkit CSS prefixes in chrome/browser/resources (Closed)
Patch Set: CSSOM Created 4 years 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 /* 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
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
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
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
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 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698