|
| 1 | +/* |
| 2 | + abn-tree.css |
| 3 | +
|
| 4 | + style for the angular-bootstrap-nav-tree |
| 5 | + for both Bootstrap 2 and Bootstrap 3 |
| 6 | +
|
| 7 | +*/ |
| 8 | + |
| 9 | + |
| 10 | + |
| 11 | +/* ------------------------------------------ |
| 12 | +AngularJS Animations... |
| 13 | +
|
| 14 | +The first selector is for Angular 1.1.5 |
| 15 | +The second selector is for Angular 1.2.0 |
| 16 | +
|
| 17 | +*/ |
| 18 | +.abn-tree-animate-enter, |
| 19 | +li.abn-tree-row.ng-enter { |
| 20 | + transition: 200ms linear all; |
| 21 | + position: relative; |
| 22 | + display: block; |
| 23 | + opacity: 0; |
| 24 | + max-height:0px; |
| 25 | +} |
| 26 | +.abn-tree-animate-enter.abn-tree-animate-enter-active, |
| 27 | +li.abn-tree-row.ng-enter-active{ |
| 28 | + opacity: 1; |
| 29 | + max-height:30px; |
| 30 | +} |
| 31 | + |
| 32 | +.abn-tree-animate-leave, |
| 33 | +li.abn-tree-row.ng-leave { |
| 34 | + transition: 200ms linear all; |
| 35 | + position: relative; |
| 36 | + display: block; |
| 37 | + height:30px; |
| 38 | + max-height: 30px; |
| 39 | + opacity: 1; |
| 40 | +} |
| 41 | +.abn-tree-animate-leave.abn-tree-animate-leave-active, |
| 42 | +li.abn-tree-row.ng-leave-active { |
| 43 | + height: 0px; |
| 44 | + max-height:0px; |
| 45 | + opacity: 0; |
| 46 | +} |
| 47 | + |
| 48 | + |
| 49 | +/* |
| 50 | +------------------------------------------ |
| 51 | +Angular 1.2.0 Animation |
| 52 | +*/ |
| 53 | + |
| 54 | + |
| 55 | +.abn-tree-animate.ng-enter{ |
| 56 | + |
| 57 | +} |
| 58 | +.abn-tree-animate.ng-enter{ |
| 59 | + |
| 60 | +} |
| 61 | + |
| 62 | + |
| 63 | + |
| 64 | + |
| 65 | +/* |
| 66 | + end animation stuff |
| 67 | +----------------------------------------- |
| 68 | + begin normal css stuff |
| 69 | +*/ |
| 70 | +ul.abn-tree li.abn-tree-row { |
| 71 | + padding: 0px; |
| 72 | + margin:0px; |
| 73 | +} |
| 74 | + |
| 75 | +ul.abn-tree li.abn-tree-row a { |
| 76 | + padding: 3px 10px; |
| 77 | +} |
| 78 | + |
| 79 | +ul.abn-tree i.indented { |
| 80 | + padding: 2px; |
| 81 | +} |
| 82 | + |
| 83 | +.abn-tree { |
| 84 | + cursor: pointer; |
| 85 | +} |
| 86 | +ul.nav.abn-tree .level-1 .indented { |
| 87 | + position: relative; |
| 88 | + left: 0px; |
| 89 | +} |
| 90 | +ul.nav.abn-tree .level-2 .indented { |
| 91 | + position: relative; |
| 92 | + left: 20px; |
| 93 | +} |
| 94 | +ul.nav.abn-tree .level-3 .indented { |
| 95 | + position: relative; |
| 96 | + left: 40px; |
| 97 | +} |
| 98 | +ul.nav.abn-tree .level-4 .indented { |
| 99 | + position: relative; |
| 100 | + left: 60px; |
| 101 | +} |
| 102 | +ul.nav.abn-tree .level-5 .indented { |
| 103 | + position: relative; |
| 104 | + left: 80px; |
| 105 | +} |
| 106 | +ul.nav.abn-tree .level-6 .indented { |
| 107 | + position: relative; |
| 108 | + left: 100px; |
| 109 | +} |
| 110 | +ul.nav.nav-list.abn-tree .level-7 .indented { |
| 111 | + position: relative; |
| 112 | + left: 120px; |
| 113 | +} |
| 114 | +ul.nav.nav-list.abn-tree .level-8 .indented { |
| 115 | + position: relative; |
| 116 | + left: 140px; |
| 117 | +} |
| 118 | +ul.nav.nav-list.abn-tree .level-9 .indented { |
| 119 | + position: relative; |
| 120 | + left: 160px; |
| 121 | +} |
0 commit comments