| 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 | 5 |
| 6 #gaia-signin { | 6 #gaia-signin { |
| 7 height: 609px; /* Should be the same as #user-image.loading min-heigth. */ | 7 height: 609px; /* Should be the same as #user-image.loading min-heigth. */ |
| 8 padding: 70px 17px 69px; /* Screen has no controls. */ | 8 padding: 70px 17px 69px; /* Screen has no controls. */ |
| 9 width: 722px; /* Should be the same as #user-image.loading width. */ | 9 width: 722px; /* Should be the same as #user-image.loading width. */ |
| 10 } | 10 } |
| 11 | 11 |
| 12 #gaia-signin:not(.full-width).no-right-panel { | 12 #gaia-signin:not(.full-width).no-right-panel { |
| 13 width: 522px; | 13 width: 522px; |
| 14 } | 14 } |
| 15 | 15 |
| 16 .minute-maid #gaia-signin { |
| 17 background: rgb(66, 133, 244); |
| 18 padding: 50px 0 0 0; |
| 19 width: 522px; |
| 20 } |
| 16 #gaia-signin.full-width { | 21 #gaia-signin.full-width { |
| 17 padding: 75px 0 0; | 22 padding: 75px 0 0; |
| 18 } | 23 } |
| 19 | 24 |
| 20 #signin-right { | 25 #signin-right { |
| 21 -webkit-margin-start: 30px; | 26 -webkit-margin-start: 30px; |
| 22 margin-top: 80px; | 27 margin-top: 80px; |
| 23 top: 60px; | 28 top: 60px; |
| 24 width: 200px; | 29 width: 200px; |
| 25 } | 30 } |
| 26 | 31 |
| 27 #signin-right, | 32 #signin-right, |
| 28 #enterprise-info-container, | 33 #enterprise-info-container, |
| 29 #saml-info-container { | 34 #saml-info-container { |
| 30 font-size: 12px; | 35 font-size: 12px; |
| 31 } | 36 } |
| 32 | 37 |
| 33 /* For touch-optimized UI, make the links bigger. */ | 38 /* For touch-optimized UI, make the links bigger. */ |
| 34 @media (pointer:coarse) { | 39 @media (pointer:coarse) { |
| 35 #signin-right { | 40 #signin-right { |
| 36 font-size: 14px; | 41 font-size: 14px; |
| 37 } | 42 } |
| 38 } | 43 } |
| 39 | 44 |
| 45 .minute-maid #signin-right, |
| 40 .no-right-panel #signin-right { | 46 .no-right-panel #signin-right { |
| 41 display: none; | 47 display: none; |
| 42 } | 48 } |
| 43 | 49 |
| 50 .minute-maid #close-button-item { |
| 51 background: transparent none; |
| 52 background-image: url(chrome://theme/IDR_PANEL_CLOSE); |
| 53 background-position: left center; |
| 54 background-repeat: no-repeat; |
| 55 background-size: 30px; |
| 56 } |
| 57 |
| 44 .signin-text { | 58 .signin-text { |
| 45 color: #666; | 59 color: #666; |
| 46 margin-top: 20px; | 60 margin-top: 20px; |
| 47 } | 61 } |
| 48 | 62 |
| 49 .signin-link { | 63 .signin-link { |
| 50 color: rgb(37, 79, 155); | 64 color: rgb(37, 79, 155); |
| 51 cursor: pointer; | 65 cursor: pointer; |
| 52 text-decoration: none; | 66 text-decoration: none; |
| 53 } | 67 } |
| 54 | 68 |
| 55 .signin-link:focus { | 69 .signin-link:focus { |
| 56 -webkit-transition: outline-color 200ms; | 70 -webkit-transition: outline-color 200ms; |
| 57 /* Note: May use 1px solid here. */ | 71 /* Note: May use 1px solid here. */ |
| 58 outline-color: rgb(77, 144, 254); | 72 outline-color: rgb(77, 144, 254); |
| 59 } | 73 } |
| 60 | 74 |
| 61 #gaia-signin-form-container, | 75 #gaia-signin-form-container, |
| 62 #signin-frame { | 76 #signin-frame { |
| 63 height: 100%; | 77 height: 100%; |
| 64 } | 78 } |
| 65 | 79 |
| 80 .minute-maid #signin-frame, |
| 81 .minute-maid #gaia-signin-form-container, |
| 66 .full-width #signin-frame, | 82 .full-width #signin-frame, |
| 67 .full-width #gaia-signin-form-container { | 83 .full-width #gaia-signin-form-container { |
| 68 width: 100%; | 84 width: 100%; |
| 69 } | 85 } |
| 70 | 86 |
| 71 .signin-divider { | 87 .signin-divider { |
| 72 background: linear-gradient( | 88 background: linear-gradient( |
| 73 to bottom, | 89 to bottom, |
| 74 #e3e3e3, | 90 #e3e3e3, |
| 75 #cacaca 50%, | 91 #cacaca 50%, |
| 76 #e3e3e3); | 92 #e3e3e3); |
| 77 border: none; | 93 border: none; |
| 78 width: 1px; | 94 width: 1px; |
| 79 } | 95 } |
| 80 | 96 |
| 97 .gaia-signin .minute-maid #step-logo, |
| 98 .gaia-signin .minute-maid #gaia-signin-divider, |
| 81 .no-right-panel #gaia-signin-divider { | 99 .no-right-panel #gaia-signin-divider { |
| 82 display: none; | 100 display: none; |
| 83 } | 101 } |
| 84 | 102 |
| 85 #signin-frame { | 103 #signin-frame { |
| 86 background-color: transparent; | 104 background-color: transparent; |
| 87 margin-left: -44px; | 105 margin-left: -44px; |
| 88 vertical-align: top; | 106 vertical-align: top; |
| 89 width: 400px; | 107 width: 400px; |
| 90 } | 108 } |
| 91 | 109 |
| 92 webview#signin-frame { | 110 webview#signin-frame { |
| 93 display: block; | 111 display: block; |
| 112 margin-left: 0; |
| 94 overflow: hidden; | 113 overflow: hidden; |
| 95 padding: 0; | 114 padding: 0; |
| 96 } | 115 } |
| 97 | 116 |
| 98 /* Simpler alignment if no right panel. */ | 117 /* Simpler alignment if no right panel. */ |
| 99 .no-right-panel #signin-frame { | 118 .no-right-panel #signin-frame { |
| 100 margin-left: 0; | 119 margin-left: 0; |
| 101 } | 120 } |
| 102 | 121 |
| 103 /* Position to be aligned with the login box in iframe */ | 122 /* Position to be aligned with the login box in iframe */ |
| 104 #login-box { | 123 #login-box { |
| 105 height: 31px; | 124 height: 31px; |
| 106 position: absolute; | 125 position: absolute; |
| 107 top: 77px; | 126 top: 77px; |
| 108 visibility: hidden; | 127 visibility: hidden; |
| 109 z-index: -1; | 128 z-index: -1; |
| 110 } | 129 } |
| 111 | 130 |
| 112 #enterprise-info-container { | 131 #enterprise-info-container { |
| 113 bottom: 10px; | 132 bottom: 10px; |
| 114 left: 0; | 133 left: 0; |
| 115 position: absolute; | 134 position: absolute; |
| 116 right: 0; | 135 right: 0; |
| 117 text-align: center; | 136 text-align: center; |
| 118 } | 137 } |
| 119 | 138 |
| 139 .minute-maid #enterprise-info-container { |
| 140 display: none; |
| 141 } |
| 142 |
| 120 #enterprise-info-container #enterprise-info { | 143 #enterprise-info-container #enterprise-info { |
| 121 display: inline-block; | 144 display: inline-block; |
| 122 } | 145 } |
| 123 | 146 |
| 124 #gaia-signin .step-contents { | 147 #gaia-signin .step-contents { |
| 125 -webkit-box-pack: center; | 148 -webkit-box-pack: center; |
| 126 display: -webkit-box; | 149 display: -webkit-box; |
| 127 height: 100%; | 150 height: 100%; |
| 128 } | 151 } |
| 129 | 152 |
| (...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 161 left: 0; | 184 left: 0; |
| 162 position: absolute; | 185 position: absolute; |
| 163 right: 0; | 186 right: 0; |
| 164 text-align: center; | 187 text-align: center; |
| 165 top: 50px; | 188 top: 50px; |
| 166 } | 189 } |
| 167 | 190 |
| 168 #saml-notice-message { | 191 #saml-notice-message { |
| 169 margin: 0 auto; | 192 margin: 0 auto; |
| 170 } | 193 } |
| OLD | NEW |