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 37 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
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 Loading... |
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 Loading... |
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 Loading... |
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 } |
OLD | NEW |