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

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: rebase 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 /* 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 32 matching lines...) Expand 10 before | Expand all | Expand 10 after
43 43
44 body.alternate-logo #logo { 44 body.alternate-logo #logo {
45 -webkit-mask-image: 45 -webkit-mask-image:
46 url(../../../../ui/webui/resources/images/google_logo.svg); 46 url(../../../../ui/webui/resources/images/google_logo.svg);
47 -webkit-mask-repeat: no-repeat; 47 -webkit-mask-repeat: no-repeat;
48 -webkit-mask-size: 100%; 48 -webkit-mask-size: 100%;
49 background: #eee; 49 background: #eee;
50 } 50 }
51 51
52 #fakebox { 52 #fakebox {
53 -webkit-transform: translate3d(0, 0, 0);
54 -webkit-transition: -webkit-transform 100ms linear, border-color 100ms linear;
55 background-color: #fff; 53 background-color: #fff;
56 border: 1px solid rgb(185, 185, 185); 54 border: 1px solid rgb(185, 185, 185);
57 border-radius: 1px; 55 border-radius: 1px;
58 border-top-color: rgb(160, 160, 160); 56 border-top-color: rgb(160, 160, 160);
59 cursor: text; 57 cursor: text;
60 font-size: 18px; 58 font-size: 18px;
61 height: 36px; 59 height: 36px;
62 line-height: 36px; 60 line-height: 36px;
63 max-width: 672px; 61 max-width: 672px;
64 position: relative; 62 position: relative;
63 transform: translate3d(0, 0, 0);
64 transition: transform 100ms linear, border-color 100ms linear;
65 /* #fakebox width (here and below) should be 2px less than #mv-tiles 65 /* #fakebox width (here and below) should be 2px less than #mv-tiles
66 to account for its border. */ 66 to account for its border. */
67 width: 298px; 67 width: 298px;
68 } 68 }
69 69
70 .non-google-page #fakebox { 70 .non-google-page #fakebox {
71 display: none; 71 display: none;
72 } 72 }
73 73
74 #fakebox:hover { 74 #fakebox:hover {
(...skipping 54 matching lines...) Expand 10 before | Expand all | Expand 10 after
129 top: 5px; 129 top: 5px;
130 visibility: hidden; 130 visibility: hidden;
131 width: 1px; 131 width: 1px;
132 } 132 }
133 133
134 html[dir=rtl] #cursor { 134 html[dir=rtl] #cursor {
135 left: auto; 135 left: auto;
136 right: 9px; 136 right: 9px;
137 } 137 }
138 138
139 @-webkit-keyframes blink { 139 @keyframes blink {
140 0% { 140 0% {
141 opacity: 1; 141 opacity: 1;
142 } 142 }
143 61.55% { 143 61.55% {
144 opacity: 0; 144 opacity: 0;
145 } 145 }
146 } 146 }
147 147
148 body.fakebox-drag-focused #fakebox-text, 148 body.fakebox-drag-focused #fakebox-text,
149 body.fakebox-focused #fakebox-text { 149 body.fakebox-focused #fakebox-text {
150 visibility: hidden; 150 visibility: hidden;
151 } 151 }
152 152
153 body.fakebox-drag-focused #cursor { 153 body.fakebox-drag-focused #cursor {
154 visibility: inherit; 154 visibility: inherit;
155 } 155 }
156 156
157 body.fakebox-focused #cursor { 157 body.fakebox-focused #cursor {
158 -webkit-animation: blink 1.3s step-end infinite; 158 animation: blink 1.3s step-end infinite;
159 visibility: inherit; 159 visibility: inherit;
160 } 160 }
161 161
162 #most-visited { 162 #most-visited {
163 -webkit-user-select: none; 163 -webkit-user-select: none;
164 margin-top: 64px; 164 margin-top: 64px;
165 text-align: -webkit-center; 165 text-align: -webkit-center;
166 } 166 }
167 167
168 /* Non-Google pages have no Fakebox, so don't need top margin. */ 168 /* Non-Google pages have no Fakebox, so don't need top margin. */
(...skipping 72 matching lines...) Expand 10 before | Expand all | Expand 10 after
241 241
242 .default-theme.dark #mv-msg { 242 .default-theme.dark #mv-msg {
243 color: #fff; 243 color: #fff;
244 } 244 }
245 245
246 .default-theme.dark #mv-notice-links span { 246 .default-theme.dark #mv-notice-links span {
247 color: #fff; 247 color: #fff;
248 } 248 }
249 249
250 #mv-notice.mv-notice-delayed-hide { 250 #mv-notice.mv-notice-delayed-hide {
251 -webkit-transition-delay: 10s;
252 -webkit-transition-property: opacity;
253 opacity: 0; 251 opacity: 0;
252 transition-delay: 10s;
253 transition-property: opacity;
254 } 254 }
255 255
256 #mv-notice.mv-notice-hide { 256 #mv-notice.mv-notice-hide {
257 display: none; 257 display: none;
258 } 258 }
259 259
260 #attribution { 260 #attribution {
261 -webkit-user-select: none; 261 -webkit-user-select: none;
262 bottom: 0; 262 bottom: 0;
263 color: #fff; 263 color: #fff;
(...skipping 12 matching lines...) Expand all
276 left: 8px; 276 left: 8px;
277 right: auto; 277 right: auto;
278 text-align: right; 278 text-align: right;
279 } 279 }
280 280
281 #mv-single { 281 #mv-single {
282 border: none; 282 border: none;
283 height: 100%; 283 height: 100%;
284 width: 100%; 284 width: 100%;
285 } 285 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698