OLD | NEW |
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2012 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 html[dir='rtl'] body.uber-frame > .page { | 5 html[dir='rtl'] body.uber-frame > .page { |
6 -webkit-margin-end: 0; | 6 -webkit-margin-end: 0; |
7 } | 7 } |
8 | 8 |
9 body.uber-frame > .page.big-topbar-page { | 9 body.uber-frame > .page.big-topbar-page { |
10 padding-top: 78px; | 10 padding-top: 78px; |
(...skipping 269 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
280 width: 100%; | 280 width: 100%; |
281 } | 281 } |
282 | 282 |
283 .search-results, | 283 .search-results, |
284 .day-results { | 284 .day-results { |
285 margin: 0 0 24px 0; | 285 margin: 0 0 24px 0; |
286 padding: 0; | 286 padding: 0; |
287 } | 287 } |
288 | 288 |
289 .site-results { | 289 .site-results { |
290 -webkit-transition: height 350ms ease-in-out; | |
291 clear: left; | 290 clear: left; |
292 margin: 0; | 291 margin: 0; |
293 overflow: hidden; | 292 overflow: hidden; |
294 padding: 0; | 293 padding: 0; |
| 294 transition: height 350ms ease-in-out; |
295 } | 295 } |
296 | 296 |
297 .site-results.grouped { | 297 .site-results.grouped { |
298 -webkit-padding-start: 18px; | 298 -webkit-padding-start: 18px; |
299 } | 299 } |
300 | 300 |
301 .no-checkboxes .site-results.grouped { | 301 .no-checkboxes .site-results.grouped { |
302 -webkit-padding-start: 21px; | 302 -webkit-padding-start: 21px; |
303 } | 303 } |
304 | 304 |
(...skipping 68 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
373 .site-domain-wrapper:hover .site-domain-row, | 373 .site-domain-wrapper:hover .site-domain-row, |
374 .entry-box:hover { | 374 .entry-box:hover { |
375 background-color: rgba(0, 0, 0, .025); | 375 background-color: rgba(0, 0, 0, .025); |
376 } | 376 } |
377 | 377 |
378 .filter-status { | 378 .filter-status { |
379 -webkit-margin-start: 10px; | 379 -webkit-margin-start: 10px; |
380 } | 380 } |
381 | 381 |
382 .filter-status > div { | 382 .filter-status > div { |
383 flex: 0 0 auto; | |
384 -webkit-transition: background-color 150ms; | |
385 border-radius: 3px; | 383 border-radius: 3px; |
386 display: none; | 384 display: none; |
| 385 flex: 0 0 auto; |
387 font-size: 11px; | 386 font-size: 11px; |
388 height: 14px; | 387 height: 14px; |
389 line-height: 12px; | 388 line-height: 12px; |
| 389 transition: background-color 150ms; |
390 white-space: nowrap; | 390 white-space: nowrap; |
391 } | 391 } |
392 | 392 |
393 .filter-status > div.filter-allowed, | 393 .filter-status > div.filter-allowed, |
394 .filter-status > div.filter-blocked, | 394 .filter-status > div.filter-blocked, |
395 .filter-status > div.in-content-pack-active, | 395 .filter-status > div.in-content-pack-active, |
396 .filter-status > div.in-content-pack-passive, | 396 .filter-status > div.in-content-pack-passive, |
397 .filter-status > div.blocked-visit-active { | 397 .filter-status > div.blocked-visit-active { |
398 display: block; | 398 display: block; |
399 margin: 3px 3px 3px 0; | 399 margin: 3px 3px 3px 0; |
(...skipping 73 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
473 flex-shrink: 0; | 473 flex-shrink: 0; |
474 height: 16px; | 474 height: 16px; |
475 width: 16px; | 475 width: 16px; |
476 } | 476 } |
477 | 477 |
478 .site-domain button:hover { | 478 .site-domain button:hover { |
479 text-decoration: none; | 479 text-decoration: none; |
480 } | 480 } |
481 | 481 |
482 .site-domain-arrow { | 482 .site-domain-arrow { |
483 -webkit-transition: transform 300ms linear; | |
484 background: url(../disclosure_triangle_small.png) no-repeat; | 483 background: url(../disclosure_triangle_small.png) no-repeat; |
485 background-position: 5px 5px; | 484 background-position: 5px 5px; |
486 color: rgb(143, 143, 143); | 485 color: rgb(143, 143, 143); |
487 height: 21px; | 486 height: 21px; |
488 margin-right: 2px; | 487 margin-right: 2px; |
489 opacity: 0.58; | 488 opacity: 0.58; |
490 text-align: center; | 489 text-align: center; |
491 transform: rotate(0); | 490 transform: rotate(0); |
| 491 transition: transform 300ms linear; |
492 width: 21px; | 492 width: 21px; |
493 } | 493 } |
494 | 494 |
495 html[dir='rtl'] .site-domain-arrow { | 495 html[dir='rtl'] .site-domain-arrow { |
496 transform: rotate(180deg); | 496 transform: rotate(180deg); |
497 } | 497 } |
498 | 498 |
499 html .expand .site-domain-arrow { | 499 html .expand .site-domain-arrow { |
500 transform: rotate(90deg); | 500 transform: rotate(90deg); |
501 } | 501 } |
(...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
534 | 534 |
535 .entry .title > a.to-be-removed { | 535 .entry .title > a.to-be-removed { |
536 text-decoration: line-through; | 536 text-decoration: line-through; |
537 } | 537 } |
538 | 538 |
539 .entry .title > a:hover { | 539 .entry .title > a:hover { |
540 text-decoration: underline; | 540 text-decoration: underline; |
541 } | 541 } |
542 | 542 |
543 .fade-out { | 543 .fade-out { |
544 -webkit-transition: opacity 200ms; | |
545 opacity: 0; | 544 opacity: 0; |
| 545 transition: opacity 200ms; |
546 } | 546 } |
547 | 547 |
548 button.menu-button.drop-down { | 548 button.menu-button.drop-down { |
549 -webkit-margin-end: 0; | 549 -webkit-margin-end: 0; |
550 min-width: 12px; | 550 min-width: 12px; |
551 top: 0; | 551 top: 0; |
552 } | 552 } |
553 | 553 |
554 #action-menu > [role=menuitem] { | 554 #action-menu > [role=menuitem] { |
555 line-height: 29px; | 555 line-height: 29px; |
(...skipping 75 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
631 | 631 |
632 #action-menu[data-devicetype='phone']::before { | 632 #action-menu[data-devicetype='phone']::before { |
633 background-image: url(../../../../ui/webui/resources/images/smartphone.svg); | 633 background-image: url(../../../../ui/webui/resources/images/smartphone.svg); |
634 background-position: 14px center; | 634 background-position: 14px center; |
635 padding-left: 43px; | 635 padding-left: 43px; |
636 } | 636 } |
637 | 637 |
638 #action-menu[data-devicetype='tablet']::before { | 638 #action-menu[data-devicetype='tablet']::before { |
639 background-image: url(../../../../ui/webui/resources/images/tablet.svg); | 639 background-image: url(../../../../ui/webui/resources/images/tablet.svg); |
640 } | 640 } |
OLD | NEW |