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

Side by Side Diff: chrome/browser/resources/print_preview.css

Issue 6903011: Print Preview: Tweak the drop shadow on the loading animation. (Closed) Base URL: svn://chrome-svn/chrome/trunk/src/
Patch Set: Created 9 years, 8 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 | Annotate | Revision Log
« no previous file with comments | « no previous file | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 html { 1 html {
2 height: 100%; 2 height: 100%;
3 } 3 }
4 4
5 body { 5 body {
6 -webkit-user-select: none; 6 -webkit-user-select: none;
7 background: white; 7 background: white;
8 display: -webkit-box; 8 display: -webkit-box;
9 font-family: 'Open Sans', Arial, sans-serif; 9 font-family: 'Open Sans', Arial, sans-serif;
10 height: 100%; 10 height: 100%;
(...skipping 632 matching lines...) Expand 10 before | Expand all | Expand 10 after
643 opacity: 0; 643 opacity: 0;
644 pointer-events: none; 644 pointer-events: none;
645 } 645 }
646 646
647 #dancing-dots-text { 647 #dancing-dots-text {
648 color: #404040; 648 color: #404040;
649 font-size: 15px; 649 font-size: 15px;
650 left: 25%; 650 left: 25%;
651 position: relative; 651 position: relative;
652 text-align: center; 652 text-align: center;
653 text-shadow: 2px 4px 0 rgba(255, 255, 255, .7); 653 text-shadow: 1px 1px 0 rgba(255, 255, 255, .7);
654 top: 50%; 654 top: 50%;
655 width: 50%; 655 width: 50%;
656 } 656 }
657 657
658 @-webkit-keyframes dancing-dots-jump { 658 @-webkit-keyframes dancing-dots-jump {
659 0% { top: 0; } 659 0% { top: 0; }
660 35% { top: 0; } 660 35% { top: 0; }
661 60% { top: -10px; } 661 60% { top: -10px; }
662 80% { top: 3px; } 662 80% { top: 3px; }
663 90% { top: -2px; } 663 90% { top: -2px; }
664 95% { top: 1px; } 664 95% { top: 1px; }
665 100% { top: 0; } 665 100% { top: 0; }
666 } 666 }
667 667
668 #dancing-dots-text span span { 668 #dancing-dots-text span span {
669 -webkit-animation-duration: 1800ms; 669 -webkit-animation-duration: 1800ms;
670 -webkit-animation-iteration-count: infinite; 670 -webkit-animation-iteration-count: infinite;
671 -webkit-animation-name: dancing-dots-jump; 671 -webkit-animation-name: dancing-dots-jump;
672 padding: 1px; 672 padding: 1px;
673 position: relative; 673 position: relative;
674 } 674 }
675 #dancing-dots-text span span:nth-child(2) { 675 #dancing-dots-text span span:nth-child(2) {
676 -webkit-animation-delay: 100ms; 676 -webkit-animation-delay: 100ms;
677 } 677 }
678 #dancing-dots-text span span:nth-child(3) { 678 #dancing-dots-text span span:nth-child(3) {
679 -webkit-animation-delay: 300ms; 679 -webkit-animation-delay: 300ms;
680 } 680 }
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698