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 * 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 879 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
890 bottom: 0; | 890 bottom: 0; |
891 display: -webkit-box; | 891 display: -webkit-box; |
892 left: 0; | 892 left: 0; |
893 padding: 20px; | 893 padding: 20px; |
894 position: fixed; | 894 position: fixed; |
895 right: 0; | 895 right: 0; |
896 top: 0; | 896 top: 0; |
897 z-index: 5; | 897 z-index: 5; |
898 } | 898 } |
899 | 899 |
900 #enroll-login-screen { | |
901 display: -webkit-box; | |
902 width: 630px; | |
903 } | |
904 | |
905 #enroll-login-info { | |
906 width: 310px; | |
907 } | |
908 | |
909 .enroll-login-item { | |
910 font-size: 0.9em; | |
911 margin: 16px 8px; | |
912 } | |
913 | |
914 .enroll-login-item-content { | |
915 -webkit-margin-start: 52px; | |
916 } | |
917 | |
918 .enroll-login-item-header { | |
919 font-weight: bold; | |
920 margin: 0 8px 0 0; | |
921 } | |
922 | |
923 .enroll-login-item-image { | |
924 position: absolute; | |
925 } | |
926 | |
927 #enroll-login-form { | |
928 height: 100%; | |
929 width: 310px; | |
930 } | |
931 | |
932 #gaia-local-login { | |
933 border: none; | |
934 height: 100%; | |
935 vertical-align: top; | |
936 width: 100%; | |
937 } | |
938 | |
939 #enroll-confirmation-screen { | |
940 bottom: 0; | |
941 left: 0; | |
942 position: absolute; | |
943 right: 0; | |
944 top: 0; | |
945 } | |
946 | |
947 #enroll-confirmation-content { | |
948 height: 1.5em; | |
949 margin-top: -.75em; | |
950 position: absolute; | |
951 text-align: center; | |
952 top: 50%; | |
953 width: 100%; | |
954 } | |
955 | |
956 #enroll-confirmation-image { | |
957 vertical-align: middle; | |
958 } | |
959 | |
960 #enroll-confirmation-footer { | |
961 bottom: 0; | |
962 text-align: end; | |
963 width: 100%; | |
964 } | |
965 | |
966 /* Styling for OAuth enrollment screen. */ | 900 /* Styling for OAuth enrollment screen. */ |
967 | 901 |
968 #oauth-enroll-container { | 902 #oauth-enroll-container { |
969 display: -webkit-box; | 903 display: -webkit-box; |
970 } | 904 } |
971 | 905 |
972 #oauth-enroll-signin-frame { | 906 #oauth-enroll-signin-frame { |
973 height: 456px; | 907 height: 456px; |
974 } | 908 } |
975 | 909 |
(...skipping 109 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1085 color: #fff; | 1019 color: #fff; |
1086 font-size: 11px; | 1020 font-size: 11px; |
1087 margin: 10px; | 1021 margin: 10px; |
1088 text-align: end; | 1022 text-align: end; |
1089 text-shadow: | 1023 text-shadow: |
1090 0 0 4px rgba(0,0,0,.6), | 1024 0 0 4px rgba(0,0,0,.6), |
1091 0 1px 2px rgba(0,0,0,.8), | 1025 0 1px 2px rgba(0,0,0,.8), |
1092 0 -1px 2px rgba(0,0,0,1); | 1026 0 -1px 2px rgba(0,0,0,1); |
1093 } | 1027 } |
1094 | 1028 |
1095 #notification-area { | |
1096 color: #666; | |
1097 position: absolute; | |
1098 text-align: center; | |
1099 top: 40px; | |
1100 width: 100%; | |
1101 } | |
1102 | |
1103 #notification-area a { | |
1104 color: rgb(37, 79, 155); | |
1105 } | |
1106 | |
1107 #notification-area .butter-bar { | |
1108 margin: 0 auto; | |
1109 max-width: 850px; | |
1110 } | |
1111 | |
1112 #background { | 1029 #background { |
1113 -webkit-transition: 700ms opacity; | 1030 -webkit-transition: 700ms opacity; |
1114 background-size: 100% 100%; | 1031 background-size: 100% 100%; |
1115 height: 100%; | 1032 height: 100%; |
1116 left: 0; | 1033 left: 0; |
1117 position: absolute; | 1034 position: absolute; |
1118 top: 0; | 1035 top: 0; |
1119 width: 100%; | 1036 width: 100%; |
1120 } | 1037 } |
1121 | 1038 |
1122 .background-initial { | 1039 .background-initial { |
1123 opacity: 0; | 1040 opacity: 0; |
1124 } | 1041 } |
1125 | |
1126 .background-final { | |
1127 opacity: 1; | |
1128 } | |
1129 | |
OLD | NEW |