OLD | NEW |
1 html { | 1 html { |
2 /* This is needed because of chrome://theme/css/new_tab.css */ | 2 /* This is needed because of chrome://theme/css/new_tab.css */ |
3 height: 100%; | 3 height: 100%; |
4 } | 4 } |
5 | 5 |
6 body { | 6 body { |
7 margin: 0; | 7 margin: 0; |
8 height: 100%; | 8 height: 100%; |
9 overflow: auto; | 9 overflow: auto; |
10 -webkit-user-select: none; | 10 -webkit-user-select: none; |
(...skipping 227 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
238 #sync-status > * { | 238 #sync-status > * { |
239 display: inline-block; | 239 display: inline-block; |
240 max-width: none; | 240 max-width: none; |
241 white-space: nowrap; | 241 white-space: nowrap; |
242 overflow: hidden; | 242 overflow: hidden; |
243 text-overflow: ellipsis; | 243 text-overflow: ellipsis; |
244 font-size: 100%; | 244 font-size: 100%; |
245 margin: 0 10px; | 245 margin: 0 10px; |
246 } | 246 } |
247 | 247 |
248 #set-as-home-page { | |
249 display: none; | |
250 margin: 10px 0; | |
251 text-align: center; | |
252 } | |
253 | |
254 #top-bar { | 248 #top-bar { |
255 display: -webkit-box; | 249 display: -webkit-box; |
256 -webkit-box-align: center; | 250 -webkit-box-align: center; |
257 min-height: 56px; | 251 min-height: 56px; |
258 } | 252 } |
259 | 253 |
260 #tip-line { | 254 .notification.hidden { |
261 -webkit-box-flex: 1; | |
262 -webkit-transition: opacity .15s; | |
263 -webkit-user-select: text; | |
264 border: 0; | |
265 cursor: text; | |
266 display: block; /* Since we are reusing the section display logic we need | |
267 to override the display for hidden tips. */ | |
268 margin: 10px; | |
269 -webkit-margin-start: 50%; | |
270 text-align: end; | |
271 } | |
272 | |
273 .notification.hidden, | |
274 #tip-line.hidden, | |
275 .notification-shown #tip-line { | |
276 opacity: 0; | 255 opacity: 0; |
277 pointer-events: none; | 256 pointer-events: none; |
278 } | 257 } |
279 | 258 |
280 #tip-line a, | |
281 #tip-line button { | |
282 /* We do not want a trailing single word from a link on the last line */ | |
283 white-space: nowrap; | |
284 } | |
285 | |
286 #option-button { | 259 #option-button { |
287 -webkit-appearance: none; | 260 -webkit-appearance: none; |
288 background-color: transparent; | 261 background-color: transparent; |
289 width: 19px; | 262 width: 19px; |
290 height: 17px; | 263 height: 17px; |
291 margin: 0; | 264 position: absolute; |
| 265 right: 0; |
| 266 top: 20px; |
292 border: 0; | 267 border: 0; |
293 padding: 0; | 268 padding: 0; |
294 vertical-align: top; | 269 vertical-align: top; |
295 -webkit-margin-start: 10px; | 270 -webkit-margin-start: 10px; |
296 /* Do not show focus outline */ | 271 /* Do not show focus outline */ |
297 outline: none; | 272 outline: none; |
298 background-image: url(chrome://theme/IDR_NEWTAB_OPTION); | 273 background-image: url(chrome://theme/IDR_NEWTAB_OPTION); |
299 } | 274 } |
300 | 275 |
301 #option-button:hover, | 276 #option-button:hover, |
(...skipping 187 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
489 #footer hr { | 464 #footer hr { |
490 border: 0; | 465 border: 0; |
491 display: inline; | 466 display: inline; |
492 margin: 0; | 467 margin: 0; |
493 padding: 0; | 468 padding: 0; |
494 } | 469 } |
495 | 470 |
496 #footer hr:after { | 471 #footer hr:after { |
497 content: "|"; | 472 content: "|"; |
498 } | 473 } |
OLD | NEW |