| OLD | NEW |
|---|
| (Empty) |
| 1 /* Copyright 2015 The Chromium Authors. All rights reserved. | |
| 2 * Use of this source code is governed by a BSD-style license that can be | |
| 3 * found in the LICENSE file. */ | |
| 4 | |
| 5 /* Note: we use display: block here to avoid positioning issues related to | |
| 6 the use of overflow: hidden. */ | |
| 7 :host { | |
| 8 display: block; | |
| 9 height: 50px; | |
| 10 overflow: hidden; | |
| 11 position: relative; | |
| 12 width: 50px; | |
| 13 } | |
| 14 | |
| 15 #icon { | |
| 16 height: 100%; | |
| 17 position: absolute; | |
| 18 width: 100%; | |
| 19 } | |
| 20 | |
| 21 #icon.multi-level { | |
| 22 height: 500%; | |
| 23 } | |
| 24 | |
| 25 #icon.level0 { | |
| 26 top: 0px; | |
| 27 } | |
| 28 | |
| 29 #icon.level1 { | |
| 30 top: -100%; | |
| 31 } | |
| 32 | |
| 33 #icon.level2 { | |
| 34 top: -200%; | |
| 35 } | |
| 36 | |
| 37 #icon.level3 { | |
| 38 top: -300%; | |
| 39 } | |
| 40 | |
| 41 #icon.level4 { | |
| 42 top: -400%; | |
| 43 } | |
| 44 | |
| 45 /* Connecting animation */ | |
| 46 | |
| 47 #icon.connecting { | |
| 48 -webkit-animation: levels 1s infinite; | |
| 49 -webkit-animation-timing-function: steps(4, start); | |
| 50 } | |
| 51 | |
| 52 @-webkit-keyframes levels { | |
| 53 from { | |
| 54 top: 0%; | |
| 55 } | |
| 56 to { | |
| 57 top: -400%; | |
| 58 } | |
| 59 } | |
| 60 | |
| 61 /* Badges. */ | |
| 62 /* Note: These use left/right because we do not reverse the badges for RTL. */ | |
| 63 | |
| 64 /* Upper-left corner */ | |
| 65 #technology { | |
| 66 height: 40%; | |
| 67 left: 0px; | |
| 68 position: absolute; | |
| 69 top: 0px; | |
| 70 } | |
| 71 | |
| 72 /* Lower-right corner */ | |
| 73 #roaming, | |
| 74 #secure { | |
| 75 height: 40%; | |
| 76 left: 60%; | |
| 77 position: absolute; | |
| 78 top: 60%; | |
| 79 width: 40%; | |
| 80 } | |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 1406023003:
Elim cr_elements/v1_0 subdirectory (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master