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 #change-home-page-section { | 5 #change-home-page-section { |
6 margin-left: 30px; | 6 margin-left: 30px; |
7 } | 7 } |
8 | 8 |
9 #home-page-url { | 9 #home-page-url { |
10 display: inline-block; | 10 display: inline-block; |
(...skipping 169 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
180 } | 180 } |
181 | 181 |
182 .network-wifi { | 182 .network-wifi { |
183 background-image: url('chrome://theme/IDR_STATUSBAR_NETWORK_ARCS'); | 183 background-image: url('chrome://theme/IDR_STATUSBAR_NETWORK_ARCS'); |
184 } | 184 } |
185 | 185 |
186 .network-cellular { | 186 .network-cellular { |
187 background-image: url('chrome://theme/IDR_STATUSBAR_NETWORK_BARS'); | 187 background-image: url('chrome://theme/IDR_STATUSBAR_NETWORK_BARS'); |
188 } | 188 } |
189 | 189 |
| 190 .network-vpn { |
| 191 background-image: url('chrome://theme/IDR_STATUSBAR_VPN'); |
| 192 } |
| 193 |
190 .network-add-connection, | 194 .network-add-connection, |
191 .network-control-active, | 195 .network-control-active, |
192 .network-control-inactive { | 196 .network-control-inactive { |
193 background-position: center center !important; | 197 background-position: center center !important; |
194 background-repeat: no-repeat; | 198 background-repeat: no-repeat; |
195 } | 199 } |
196 | 200 |
197 /* TODO(kevers): Update following URLs once resources are available */ | 201 /* TODO(kevers): Update following URLs once resources are available */ |
198 | 202 |
199 .network-add-connection { | 203 .network-add-connection { |
200 background-image: url('chrome://theme/IDR_SIDETABS_NEW_TAB'); | 204 background-image: url('chrome://theme/IDR_SIDETABS_NEW_TAB'); |
201 } | 205 } |
202 | 206 |
203 .network-control-inactive { | 207 .network-control-inactive { |
204 background-image: none; | 208 background-image: none; |
205 } | 209 } |
206 | 210 |
207 .network-control-active { | 211 .network-control-active { |
208 background-image: url('chrome://theme/IDR_PROFILE_SELECTED'); | 212 background-image: url('chrome://theme/IDR_PROFILE_SELECTED'); |
209 } | 213 } |
210 | 214 |
211 .network-options-button { | 215 .network-options-button { |
212 -webkit-box-flex: 0; | 216 -webkit-box-flex: 0; |
213 -webkit-transform: scale(0.6); | 217 -webkit-transform: scale(0.6); |
214 background-image: url('chrome://theme/IDR_INFOBAR_QUESTION_MARK'); | 218 background-image: none; |
215 background-position: center center; | 219 background-position: center center; |
216 display: block; | 220 display: block; |
| 221 opacity: 0.5; |
217 vertical-align: middle; | 222 vertical-align: middle; |
218 width: 19px; | 223 width: 19px; |
219 } | 224 } |
220 | 225 |
| 226 .network-menu-item:hover .network-options-button { |
| 227 background-image: url('chrome://theme/IDR_STATUSBAR_EDIT'); |
| 228 } |
| 229 |
221 .network-group > .controlled-setting-indicator, | 230 .network-group > .controlled-setting-indicator, |
222 .network-menu-item > .controlled-setting-indicator { | 231 .network-menu-item > .controlled-setting-indicator { |
223 -webkit-box-flex: 0; | 232 -webkit-box-flex: 0; |
224 -webkit-margin-end: 5px; | 233 -webkit-margin-end: 5px; |
225 display: block; | 234 display: block; |
226 height: 16px; | 235 height: 16px; |
227 margin-top: 9px; | 236 margin-top: 9px; |
228 width: 16px; | 237 width: 16px; |
229 } | 238 } |
230 | 239 |
231 .network-group > .controlled-setting-indicator { | 240 .network-group > .controlled-setting-indicator { |
232 margin-top: 0; | 241 margin-top: 0; |
233 } | 242 } |
234 | 243 |
235 .network-options-button:hover { | 244 .network-options-button:hover { |
236 /* TODO(kevers): Update once proper assets received for the options | 245 opacity: 1; |
237 button. */ | 246 } |
238 border: 2px solid #333; | 247 |
239 border-radius: 10px; | 248 @-webkit-keyframes vpn-connecting-animation { |
| 249 from { |
| 250 opacity: 1; |
| 251 } |
| 252 to { |
| 253 opacity: 0.2; |
| 254 } |
240 } | 255 } |
241 | 256 |
242 .network-connecting { | 257 .network-connecting { |
243 -webkit-animation: connecting-animation 1s step-end infinite; | 258 -webkit-animation: connecting-animation 1s step-end infinite; |
244 } | 259 } |
245 | 260 |
| 261 .network-vpn.network-connecting { |
| 262 -webkit-animation: vpn-connecting-animation 500ms alternate infinite; |
| 263 } |
| 264 |
246 .network-title { | 265 .network-title { |
247 font-weight: 600; | 266 font-weight: 600; |
248 line-height: 120%; | 267 line-height: 120%; |
249 } | 268 } |
250 | 269 |
251 .network-subtitle { | 270 .network-subtitle { |
252 color: #333; | 271 color: #333; |
253 display: inline-block; | 272 display: inline-block; |
254 line-height: 100%; | 273 line-height: 100%; |
255 max-width: 260px; | 274 max-width: 260px; |
(...skipping 106 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
362 } | 381 } |
363 | 382 |
364 .sliding { | 383 .sliding { |
365 -webkit-transition: height 200ms; | 384 -webkit-transition: height 200ms; |
366 overflow-y: hidden; | 385 overflow-y: hidden; |
367 } | 386 } |
368 | 387 |
369 #sessionRestoreOverlay { | 388 #sessionRestoreOverlay { |
370 width: 500px; | 389 width: 500px; |
371 } | 390 } |
OLD | NEW |