123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121 |
- /*
- abn-tree.css
- style for the angular-bootstrap-nav-tree
- for both Bootstrap 2 and Bootstrap 3
- */
- /* ------------------------------------------
- AngularJS Animations...
- The first selector is for Angular 1.1.5
- The second selector is for Angular 1.2.0
- */
- .abn-tree-animate-enter,
- li.abn-tree-row.ng-enter {
- transition: 200ms linear all;
- position: relative;
- display: block;
- opacity: 0;
- max-height:0px;
- }
- .abn-tree-animate-enter.abn-tree-animate-enter-active,
- li.abn-tree-row.ng-enter-active{
- opacity: 1;
- max-height:30px;
- }
- .abn-tree-animate-leave,
- li.abn-tree-row.ng-leave {
- transition: 200ms linear all;
- position: relative;
- display: block;
- height:30px;
- max-height: 30px;
- opacity: 1;
- }
- .abn-tree-animate-leave.abn-tree-animate-leave-active,
- li.abn-tree-row.ng-leave-active {
- height: 0px;
- max-height:0px;
- opacity: 0;
- }
- /*
- ------------------------------------------
- Angular 1.2.0 Animation
- */
- .abn-tree-animate.ng-enter{
- }
- .abn-tree-animate.ng-enter{
- }
- /*
- end animation stuff
- -----------------------------------------
- begin normal css stuff
- */
- ul.abn-tree li.abn-tree-row {
- padding: 0px;
- margin:0px;
- }
- ul.abn-tree li.abn-tree-row a {
- padding: 3px 10px;
- }
- ul.abn-tree i.indented {
- padding: 2px;
- }
- .abn-tree {
- cursor: pointer;
- }
- ul.nav.abn-tree .level-1 .indented {
- position: relative;
- left: 0px;
- }
- ul.nav.abn-tree .level-2 .indented {
- position: relative;
- left: 20px;
- }
- ul.nav.abn-tree .level-3 .indented {
- position: relative;
- left: 40px;
- }
- ul.nav.abn-tree .level-4 .indented {
- position: relative;
- left: 60px;
- }
- ul.nav.abn-tree .level-5 .indented {
- position: relative;
- left: 80px;
- }
- ul.nav.abn-tree .level-6 .indented {
- position: relative;
- left: 100px;
- }
- ul.nav.nav-list.abn-tree .level-7 .indented {
- position: relative;
- left: 120px;
- }
- ul.nav.nav-list.abn-tree .level-8 .indented {
- position: relative;
- left: 140px;
- }
- ul.nav.nav-list.abn-tree .level-9 .indented {
- position: relative;
- left: 160px;
- }
|