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

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

Issue 7841005: [ChromeOS] Use oauth's segmented spinner for sign-in loading UI. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: add missing spinner.css Created 9 years, 3 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 | chrome/browser/resources/chromeos/login/oobe.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 /* Copyright (c) 2011 The Chromium Authors. All rights reserved. 1 /* Copyright (c) 2011 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 */ 6 */
7 7
8 html, 8 html,
9 body { 9 body {
10 height: 100%; 10 height: 100%;
(...skipping 559 matching lines...) Expand 10 before | Expand all | Expand 10 after
570 text-align: left; 570 text-align: left;
571 vertical-align: top; 571 vertical-align: top;
572 } 572 }
573 573
574 #oauth-enroll-error-retry { 574 #oauth-enroll-error-retry {
575 color: -webkit-link; 575 color: -webkit-link;
576 cursor: pointer; 576 cursor: pointer;
577 text-decoration: underline; 577 text-decoration: underline;
578 } 578 }
579 579
580 @-webkit-keyframes oauth-enroll-spinner {
581 /* There are 13 animation steps, the numbers below space them evenly. Note
582 * that a steps(13) declaration produces off-by-one offsets for some frames,
583 * so for best results we specify positions explicity and use step-end. */
584 0% { background-position: 286px 0px; }
585 7.6923076% { background-position: 264px 0px; }
586 15.3846153% { background-position: 242px 0px; }
587 23.0769230% { background-position: 220px 0px; }
588 30.7692307% { background-position: 198px 0px; }
589 38.4615384% { background-position: 176px 0px; }
590 46.1538461% { background-position: 154px 0px; }
591 53.8461538% { background-position: 132px 0px; }
592 61.5384615% { background-position: 110px 0px; }
593 69.2307692% { background-position: 88px 0px; }
594 76.9230769% { background-position: 66px 0px; }
595 84.6153846% { background-position: 44px 0px; }
596 92.3076923% { background-position: 22px 0px; }
597 100.0000000% { background-position: 0px 0px; }
598 }
599
600 .oauth-enroll-spinner {
601 -webkit-animation: oauth-enroll-spinner 1s step-end infinite;
602 background-image: url('chrome://theme/IDR_SPINNER');
603 height: 22px;
604 width: 22px;
605 }
606
607 #close-button.visible { 580 #close-button.visible {
608 display: inline-block; 581 display: inline-block;
609 } 582 }
610 583
611 #bubble { 584 #bubble {
612 -webkit-transition: 0.25s opacity; 585 -webkit-transition: 0.25s opacity;
613 } 586 }
614 587
615 #login-header-bar { 588 #login-header-bar {
616 padding: 8px; 589 padding: 8px;
(...skipping 192 matching lines...) Expand 10 before | Expand all | Expand 10 after
809 } 782 }
810 783
811 #version-labels { 784 #version-labels {
812 -webkit-transition: all .5s linear; 785 -webkit-transition: all .5s linear;
813 bottom: 10px; 786 bottom: 10px;
814 color: #999; 787 color: #999;
815 font-size: 11px; 788 font-size: 11px;
816 left: 10px; 789 left: 10px;
817 opacity: 1.0; 790 opacity: 1.0;
818 position: absolute; 791 position: absolute;
792 right: 10px;
819 text-shadow: 0 1px 1px #fff; 793 text-shadow: 0 1px 1px #fff;
820 } 794 }
821 795
822 .dropdown-overlay { 796 .dropdown-overlay {
823 bottom: 0; 797 bottom: 0;
824 left: 0; 798 left: 0;
825 position: fixed; 799 position: fixed;
826 right: 0; 800 right: 0;
827 top: 0; 801 top: 0;
828 z-index: 5; 802 z-index: 5;
829 } 803 }
OLDNEW
« no previous file with comments | « no previous file | chrome/browser/resources/chromeos/login/oobe.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698