.full-height { height: 100%; } .small-box{ cursor: pointer; } .ui-view-container { position: relative; } [ui-view].ng-enter, [ui-view].ng-leave { /*position: absolute;*/ /*left: 0;*/ /*right: 0;*/ -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; transition:all .5s ease-in-out; } [ui-view].ng-enter { opacity: 0; /*-webkit-transform:scale3d(0.5, 0.5, 0.5);*/ /*-moz-transform:scale3d(0.5, 0.5, 0.5);*/ /*transform:scale3d(0.5, 0.5, 0.5);*/ } [ui-view].ng-enter-active { opacity: 1; /*-webkit-transform:scale3d(1, 1, 1);*/ /*-moz-transform:scale3d(1, 1, 1);*/ /*transform:scale3d(1, 1, 1);*/ } [ui-view].ng-leave { opacity: 1; /*-webkit-transform:translate3d(0, 0, 0);*/ /*-moz-transform:translate3d(0, 0, 0);*/ /*transform:translate3d(0, 0, 0);*/ } [ui-view].ng-leave-active { opacity: 0; display: none; /*-webkit-transform:translate3d(100px, 0, 0);*/ /*-moz-transform:translate3d(100px, 0, 0);*/ /*transform:translate3d(100px, 0, 0);*/ } .nav-tabs > li > a, .nav-tabs > li > a:hover { cursor: pointer; }