/* 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 { } ul.abn-tree li.abn-tree-row .disabled-item { color: #888888; } /* end animation stuff ----------------------------------------- begin normal css stuff */ ul.abn-tree li.abn-tree-row { padding: 5px; margin: 0px; } ul.abn-tree li.abn-tree-row a { /*padding: 3px 10px !important;*/ font-weight: 400; font-style: normal; font-size: 14px; color: #333 !important; border-radius: 4px; height: 28px; line-height: 28px; } ul.abn-tree li.abn-tree-row a i { vertical-align: middle; } /*ul.abn-tree li.abn-tree-row a span { max-width: 84%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: middle; line-height: 20px; }*/ 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; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, .nav-pills > li.active > a > span, .nav-pills > li.active > a > span:hover, .nav-pills > li.active > a > span:focus, .nav-pills > li.active > a > i, .nav-pills > li.active > a > i:hover, .nav-pills > li.active > a > i:focus { color: white !important; background-color: #dc6900 !important; }