@import "~/app-resources/css/admin-theme.less"; @content-min-height: 730px; .circle-border { padding: 4px; border-radius: 5px; } .system-manage { background-color: @color-light-gray; .system-page-nav-header { background-color: white; min-height: 70px; max-height: 80px; .manage-menu-title { width: 200px; height: 50px; padding: 25px 0 0 30px; font-size: medium; display: inline-block; float: left; /*border-right: 1px solid #D7D7D7;*/ } .manage-nav-header-container { padding-left: 20px; padding-top: 20px; padding-right: 20px; display: inline-block; float: right; a { float: right; padding: 8px 20px 8px 15px; border: 1px solid #ffffff; border-radius: 20px 20px; color: #333; &:hover { border: 1px solid #dc6900; text-decoration: none; } &:visited { text-decoration: none; } } i { font-size: 18px; vertical-align: middle; } } } .left-width { width: 98%; } .left-container { width: 280px; margin: 0px 10px 10px 10px; float: left; background-color: white; .circle-border; .system-tree-container { border: 0; max-height: @content-min-height; overflow: auto; .left-width; .system-tree .angular-ui-tree-handle { margin-bottom: 0px; } } .add-btn { background-color: @color-gray-79; .left-width; height: 42px; margin-top: 4px; color: white; &:hover { background-color: @color-gray-cd; } } .search-btn-wapper { border: 1px solid @color-gray-cd; border-radius: 4px; padding: 2px; .left-width; .search-btn { margin-bottom: -1px; margin-top: 1px; border: 0px; box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0); -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0); } span { background-color: white; border: 0px; box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0); -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0); } } label { margin-top: 20px; margin-bottom: 2px; padding: 2px; } } .right-container { margin-left: 305px; margin-top: 20px; margin-bottom: 10px; min-height: @content-min-height; max-width: @content-min-height+100; .circle-border; } } .content-container { .group-operate-icon { .operate-icon { display: inline-block; padding: 16px; border-right: 1px solid @color-light-gray-f3; border-top: 1px solid @color-light-gray-f3; border-bottom: 1px solid @color-light-gray-f3; vertical-align: middle; background-color: white; cursor: pointer; i { font-size: 18px; vertical-align: middle; color: @color-light-gray-d9; } &.active { i { color: black; } } } .left-first { border-left: 1px solid @color-light-gray-f3; } } }