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

Side by Side Diff: chrome/browser/resources/chromeos/login/oobe.css

Issue 13913011: Polished update screen. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Presubmit checks passed. Created 7 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
OLDNEW
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 * This is the stylesheet used by the Out of the box experience (OOBE) flow, 5 * This is the stylesheet used by the Out of the box experience (OOBE) flow,
6 * sign in and lock screens. 6 * sign in and lock screens.
7 */ 7 */
8 8
9 html, 9 html,
10 body { 10 body {
(...skipping 693 matching lines...) Expand 10 before | Expand all | Expand 10 after
704 704
705 .step-extra-controls > *:not(:first-child) { 705 .step-extra-controls > *:not(:first-child) {
706 -webkit-margin-before: 7px; 706 -webkit-margin-before: 7px;
707 } 707 }
708 708
709 html[dir=rtl] .step-extra-controls { 709 html[dir=rtl] .step-extra-controls {
710 left: auto; 710 left: auto;
711 right: 49px; 711 right: 49px;
712 } 712 }
713 713
714 #update-screen-curtain p { 714 .throbber {
715 text-align: center; 715 -webkit-animation: throbber-animation 1s steps(36) infinite;
716 -webkit-margin-before: 2px;
717 -webkit-margin-end: 4px;
718 background-image: url(chrome://theme/IDR_CROS_DEFAULT_THROBBER);
719 display: inline-block;
720 height: 16px;
721 width: 16px;
722 }
723
724 @-webkit-keyframes throbber-animation {
725 from {
726 background-position: 0;
727 }
728 to {
729 background-position: -576px;
730 }
716 } 731 }
717 732
718 #update #update-screen-curtain { 733 #update #update-screen-curtain {
719 -webkit-box-align: start; 734 -webkit-box-align: start;
720 -webkit-box-pack: center; 735 -webkit-box-pack: center;
721 } 736 }
722 737
723 #update #update-checking-progress { 738 #update #update-checking-progress {
724 -webkit-box-align: start; 739 -webkit-box-align: start;
725 -webkit-box-pack: center; 740 -webkit-box-pack: center;
726 color: #9c9c9c; 741 color: #9c9c9c;
727 display: -webkit-box; 742 display: -webkit-box;
728 } 743 }
729 744
730 #update #update-screen-curtain { 745 #update #update-screen-curtain {
731 margin: 45px 45px; 746 margin: 45px 35px;
732 } 747 }
733 748
734 #update-screen-main { 749 #update-screen-main {
735 margin: 45px 45px; 750 margin: 45px 35px;
736 min-height: 114px; 751 min-height: 114px;
737 text-align: center; 752 text-align: center;
738 } 753 }
739 754
740 #update #update-checking-ellipsis {
741 width: 16px;
742 }
743
744 html[dir=ltr] #update #update-checking-ellipsis {
745 text-align: left;
746 }
747
748 html[dir=rtl] #update #update-checking-ellipsis {
749 text-align: right;
750 }
751
752 #update #update-cancel-hint { 755 #update #update-cancel-hint {
753 -webkit-margin-before: 15px; 756 -webkit-margin-before: 15px;
754 -webkit-margin-start: 45px; 757 -webkit-margin-start: 45px;
755 color: rgb(170, 0, 0); 758 color: rgb(170, 0, 0);
756 position: absolute; 759 position: absolute;
757 } 760 }
758 761
759 #update #update-upper-label { 762 #update #update-upper-label {
760 -webkit-margin-after: 4px; 763 -webkit-margin-after: 4px;
761 } 764 }
762 765
763 #update #checking-updates-label { 766 #update #checking-updates-label {
764 -webkit-margin-after: 34px; 767 -webkit-margin-after: 90px;
765 } 768 }
766 769
767 #update #update-bottom-label { 770 #update #update-bottom-label {
768 -webkit-margin-after: 4px; 771 -webkit-margin-after: 4px;
769 -webkit-margin-before: 4px; 772 -webkit-margin-before: 4px;
770 text-align: left; 773 text-align: left;
771 } 774 }
772 775
773 #update progress { 776 #update progress {
774 -webkit-margin-after: 4px; 777 -webkit-margin-after: 4px;
(...skipping 345 matching lines...) Expand 10 before | Expand all | Expand 10 after
1120 } 1123 }
1121 1124
1122 .background-initial { 1125 .background-initial {
1123 opacity: 0; 1126 opacity: 0;
1124 } 1127 }
1125 1128
1126 .background-final { 1129 .background-final {
1127 opacity: 1; 1130 opacity: 1;
1128 } 1131 }
1129 1132
OLDNEW
« no previous file with comments | « chrome/app/theme/theme_resources.grd ('k') | chrome/browser/resources/chromeos/login/oobe_screen_update.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698