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