| OLD | NEW |
| 1 /* Copyright 2014 The Chromium Authors. All rights reserved. | 1 /* Copyright 2014 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 18 matching lines...) Expand all Loading... |
| 29 | 29 |
| 30 button { | 30 button { |
| 31 font-family: inherit; | 31 font-family: inherit; |
| 32 outline: none; | 32 outline: none; |
| 33 } | 33 } |
| 34 | 34 |
| 35 /* Follow same focus coloring as in widgets.css */ | 35 /* Follow same focus coloring as in widgets.css */ |
| 36 /* Do not apply this style to restricted button state. */ | 36 /* Do not apply this style to restricted button state. */ |
| 37 button.custom-appearance:not(.button-restricted):not(.button-fancy):not( | 37 button.custom-appearance:not(.button-restricted):not(.button-fancy):not( |
| 38 [is="gaia-icon-button"]) { | 38 [is="gaia-icon-button"]) { |
| 39 -webkit-transition: border-color 200ms; | |
| 40 border: 2px solid transparent; | 39 border: 2px solid transparent; |
| 41 /* Don't grey out disabled buttons. */ | 40 /* Don't grey out disabled buttons. */ |
| 42 color: buttontext !important; | 41 color: buttontext !important; |
| 42 transition: border-color 200ms; |
| 43 } | 43 } |
| 44 | 44 |
| 45 /* ':focus' used three times to increase specificity. */ | 45 /* ':focus' used three times to increase specificity. */ |
| 46 button.custom-appearance:focus:focus:focus { | 46 button.custom-appearance:focus:focus:focus { |
| 47 border-color: rgba(66, 133, 244, 0.6); /* #4285f4 */ | 47 border-color: rgba(66, 133, 244, 0.6); /* #4285f4 */ |
| 48 } | 48 } |
| 49 | 49 |
| 50 button:not(.custom-appearance) { | 50 button:not(.custom-appearance) { |
| 51 min-width: 72px !important; | 51 min-width: 72px !important; |
| 52 } | 52 } |
| (...skipping 75 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 128 | 128 |
| 129 .flexible-label { | 129 .flexible-label { |
| 130 max-width: 250px; | 130 max-width: 250px; |
| 131 } | 131 } |
| 132 | 132 |
| 133 [hidden] { | 133 [hidden] { |
| 134 display: none !important; | 134 display: none !important; |
| 135 } | 135 } |
| 136 | 136 |
| 137 #bubble { | 137 #bubble { |
| 138 -webkit-transition: 250ms opacity; | 138 transition: 250ms opacity; |
| 139 } | 139 } |
| 140 | 140 |
| 141 span.bold { | 141 span.bold { |
| 142 font-weight: bold; | 142 font-weight: bold; |
| 143 } | 143 } |
| 144 | 144 |
| 145 #version-labels { | 145 #version-labels { |
| 146 -webkit-transition: all 500ms linear; | |
| 147 color: #fff; | 146 color: #fff; |
| 148 font-size: 11px; | 147 font-size: 11px; |
| 149 margin: 10px; | 148 margin: 10px; |
| 150 position: relative; | 149 position: relative; |
| 151 text-align: end; | 150 text-align: end; |
| 152 text-shadow: | 151 text-shadow: |
| 153 0 0 4px rgba(0,0,0,.6), | 152 0 0 4px rgba(0,0,0,.6), |
| 154 0 1px 2px rgba(0,0,0,.8), | 153 0 1px 2px rgba(0,0,0,.8), |
| 155 0 -1px 2px rgba(0,0,0,1); | 154 0 -1px 2px rgba(0,0,0,1); |
| 155 transition: all 500ms linear; |
| 156 z-index: 1; | 156 z-index: 1; |
| 157 } | 157 } |
| 158 | 158 |
| 159 #background { | 159 #background { |
| 160 -webkit-transition: 700ms opacity; | |
| 161 background-size: 100% 100%; | 160 background-size: 100% 100%; |
| 162 height: 100%; | 161 height: 100%; |
| 163 left: 0; | 162 left: 0; |
| 164 position: absolute; | 163 position: absolute; |
| 165 top: 0; | 164 top: 0; |
| 165 transition: 700ms opacity; |
| 166 width: 100%; | 166 width: 100%; |
| 167 } | 167 } |
| 168 | 168 |
| 169 .background-initial { | 169 .background-initial { |
| 170 opacity: 0; | 170 opacity: 0; |
| 171 } | 171 } |
| 172 | 172 |
| 173 .throbber { | 173 .throbber { |
| 174 -webkit-margin-end: 0.5em; | 174 -webkit-margin-end: 0.5em; |
| 175 margin-top: 1px; | 175 margin-top: 1px; |
| 176 } | 176 } |
| OLD | NEW |