12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485 |
- <style>
- .page_content {
- display: flex;
- justify-content: space-between
- }
- .content {
- margin: 80px 0px 10px 0px !important;
- /*float: right;*/
- overflow-x: hidden;
- }
- .sidebar {
- width: 18%;
- }
- .leftsidebar {
- }
- .sidebar-collapsed-back .content {
- width: 82% !important;
- }
- .sidebar-collapsed-back .leftsidebar {
- width: 18%;
- }
- .sidebar-collapsed .content {
- width: 98%;
- }
- .sidebar-collapsed .sidebar {
- width: 2%
- }
- .sidebar-collapsed > .leftsidebar > .sidebar > .user-info > .sidebar-icon {
- transform: rotate(90deg);
- transition: all 300ms ease-in-out;
- margin-right: -6px;
- margin-top: -6px;
- color: #fff;
- background: #F44336;
- border-radius: 0;
- }
- .sidebar-collapsed-back > .leftsidebar > .sidebar > .user-info > .sidebar-icon {
- transform: rotate(0deg);
- transition: all 300ms ease-in-out;
- }
- .role-name{
- padding: 22px 2px;
- color:white;
- }
- </style>
- <!--<script>
- $(function () {
- var menuHeight = $(window).height() - $(".container-fluid").height() - 105;
- $(".mainmenu").height(menuHeight);
- });
- </script>-->
- <!-- Top Bar -->
- <nav class="navbar">
- <div class="container-fluid">
- <div class="navbar-header">
- <img style="width:30px;height:30px;float: left;margin: 10px 5px 0px 0px;" src="images/sys-logo2.png"/>
- <a class="navbar-brand" style="font-size:30px">{{htmlResource.Title}}</a>
- </div>
- <div class="collapse navbar-collapse" id="navbar-collapse">
- <a ng-click="logout()" class="dropdown-toggle" data-toggle="dropdown" role="button">
- <i class="material-icons" style="float: left;margin-right: 7px;font-size: 20px;">power_settings_new</i>
- </a>
- </div>
- </div>
- </nav>
- <!-- #Top Bar -->
- <div class="page_content">
- <section class="content">
- <div class="container-fluid">
- <div ui-view></div>
- </div>
- </section>
- </div>
|