diff --git a/dist/hawtio-kubernetes.css b/dist/hawtio-kubernetes.css
index 5e3bbfad..e3f2007d 100644
--- a/dist/hawtio-kubernetes.css
+++ b/dist/hawtio-kubernetes.css
@@ -207,830 +207,830 @@ legend {
   background-color: Red;
 }
 
-.environment-row a {
-  color: black;
+/* This is for the 'Overview' page with all the rows of boxes */
+.service-view-rectangle {
+  position: relative;
+  margin-left: 0;
+  margin-right: 0px;
+  margin-bottom: 15px;
+  margin-top: 0;
+  background-color: #fafafa;
+  border-width: 1px;
+  border-style: solid;
+  border-color: #eeeeee;
 }
-.environment-row .panel {
-  min-width: 255px;
-  min-height: 160px;
+.service-view-rectangle .service-view-header {
+  margin-top: 5px;
+  margin-bottom: 5px;
+  line-height: 20px;
+  vertical-align: middle;
 }
-.environment-row .panel-group {
-  margin-left: 10px;
-  margin-right: 10px;
+.service-view-rectangle .service-view-detail-pod-box {
+  background-color: #eeeeee;
+  display: inline-block;
+  font-size: smaller;
 }
-.environment-row .panel-title > a:before {
-  display: none;
+.service-view-rectangle .service-view-header-delete .red {
+  opacity: 0.5;
+  transition: opacity 1s;
+  font-size: larger;
 }
-.environment-rows {
-  /*
-    background-color: rgb(238, 238, 238);
-    */
+.service-view-rectangle .service-view-header-delete:hover .red {
+  opacity: 1;
+}
+.service-view-rectangle .service-view-icon img {
+  width: 32px;
+  height: 32px;
+  margin-right: 6px;
+}
+.service-view-rectangle .service-view-name {
+  font-size: larger;
+  font-weight: bold;
+}
+.service-view-rectangle .service-view-detail-header {
   padding-top: 5px;
-  vertical-align: top;
+  padding-bottom: 5px;
+  line-height: 20px;
 }
-.environment-name-block {
-  width: 200px;
+.service-view-rectangle .service-view-detail-rectangle {
+  background-color: #eeeeee;
+  padding-left: 10px;
+  padding-right: 10px;
 }
-.environment-name-block,
-.environment-deploy-block {
-  background: white;
-  -moz-border-radius: 10px;
-  border-radius: 10px;
-  padding-top: 10px;
-  padding-bottom: 10px;
+.service-view-rectangle .service-view-detail-rectangle .value {
+  font-weight: bold;
+}
+.service-view-rectangle .service-view-detail-pod-summary,
+.service-view-rectangle .service-view-detail-pod-summary-expand {
+  display: inline-block;
+  padding-top: 2px;
+  padding-bottom: 2px;
   padding-left: 20px;
   padding-right: 20px;
-  margin-top: 10px;
-  margin-bottom: 10px;
-  margin-left: 20px;
-  margin-right: 20px;
+  margin-right: 8px;
+  margin-bottom: 8px;
+  background-color: #ffffff;
 }
-.environment-name-block {
-  padding-top: 0px;
+.service-view-rectangle .service-view-detail-pod-summary table td,
+.service-view-rectangle .service-view-detail-pod-summary-expand table td {
+  padding-left: 10px;
+  padding-right: 10px;
 }
-.environment-block {
-  vertical-align: top;
+.service-view-rectangle .service-view-detail-pod-status,
+.service-view-rectangle .service-view-detail-pod-connect {
+  line-height: 36px;
+  padding-right: 20px;
 }
-.environment-deploy-block {
-  border: 1px dashed;
-  border-color: silver;
+.service-view-rectangle .service-view-detail-pod-status i,
+.service-view-rectangle .service-view-detail-pod-connect i {
+  font-size: 36px;
+  display: inline-block;
+  vertical-align: middle;
 }
-.environment-deploy-version-and-pods {
-  padding-bottom: 5px;
+.service-view-rectangle .service-view-detail-pod-expand {
+  color: #a0a0a0;
+  font-size: 18px;
+  padding-right: 0px;
+}
+.kubernetes-view .filter-header {
+  margin-bottom: 1em;
 }
 
-.project-dashboard .page-header-row {
-  background: white;
-  margin-left: -20px;
-  margin-right: -20px;
-  margin-top: -20px;
-  border-bottom: 1px solid #d1d1d1;
-  margin-bottom: 13px;
-  padding-bottom: 7px;
+/* This is all for the diagram, not the 'Overview' page */
+.kubernetes-overview {
+  width: 100%;
+  height: 100%;
+  display: table;
+  table-layout: fixed;
 }
-.project-dashboard .card-pf-title {
-  margin-right: 1em;
+.kubernetes-overview-row {
+  display: table-row;
 }
-.project-dashboard .no-border {
-  border: none;
-  margin-bottom: 0;
+.kubernetes-overview-cell {
+  display: table-cell;
+  text-align: center;
+  vertical-align: middle;
+  padding: 0;
 }
-.project-dashboard .no-top-margin {
-  margin-top: 0;
+.service-wrapper {
+  display: block;
+  vertical-align: middle;
 }
-.project-dashboard .full-card-width {
-  margin-left: -20px;
-  margin-right: -20px;
+.kubernetes-node {
+  margin-left: auto;
+  margin-right: auto;
+  cursor: pointer;
+  text-align: center;
+  vertical-align: middle;
+  border: 1px solid #d4d4d4;
+  background: white;
+  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
+  border-radius: 4px;
+  transition: background 0.5s;
+  z-index: 1000;
 }
-.project-dashboard .card-pf.pipeline .panel-group {
-  border-width: 0;
+.kubernetes-host-container {
+  margin-top: 5px;
+  margin-bottom: 5px;
+  margin-left: auto;
+  margin-right: auto;
+  text-align: center;
+  max-width: 600px;
+  min-width: 300px;
+  padding: 0;
+  border: 1px solid #d4d4d4;
+  background: white;
+  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
+  border-radius: 4px;
 }
-.project-dashboard .card-pf.pipeline .panel-group .panel {
+.kubernetes-pod-node {
+  display: block;
+  margin: 0;
+  padding: 0;
+  min-height: 48px;
+  line-height: 48px;
+  border-radius: 0;
+  border: 1px solid transparent;
+  border-top: 1px solid #d4d4d4;
   box-shadow: none;
+  vertical-align: middle;
 }
-.project-dashboard .card-pf.pipeline .panel-group .panel.panel-default {
-  border-width: 0;
-  border-top-width: 1px;
+.css-table {
+  display: table;
+  width: 100%;
+  height: 100%;
 }
-.project-dashboard .card-pf.pipeline .panel-group .panel.panel-default .log-panel {
-  border: 1px solid #d4d4d4;
+.css-table-row {
+  display: table-row;
 }
-
-.filter-header .btn,
-.filter-header form {
-  margin-top: 1.05em;
-  margin-bottom: 1em;
+.css-table-row .pod-status-cell {
+  text-align: left;
+  padding-left: 5px;
+  padding-right: 5px;
 }
-
-.log-window {
-  border-top: 1px solid #d4d4d4;
-  overflow: auto;
+.css-table-row .pod-status-cell i {
+  margin-left: 3px;
+  margin-right: 3px;
 }
-.log-window-inner * {
-  font-family: "DroidSansMonoRegular", monospace;
-  line-height: 13px;
+.css-table-row .pod-status-cell .clickable {
+  width: auto !important;
 }
-.log-panel {
-  position: static;
-  height: 100%;
-  width: 100%;
-  overflow: auto;
-  border: none;
-  padding: 3px;
+.css-table-cell {
+  display: table-cell;
+  vertical-align: middle;
 }
-.log-panel-inner * {
-  font-family: "DroidSansMonoRegular", monospace;
-  line-height: 13px;
+.kubernetes-pod-node i {
+  font-size: 24px;
 }
-
-.project-selector {
-  margin-top: 10px;
+.kubernetes-overview-services {
+  width: 200px;
+}
+.kubernetes-service-node {
+  display: block;
   margin-bottom: 10px;
-  list-style-type: none;
+  width: 200px;
+  min-height: 66px;
+  padding: 0;
+  line-height: 48px;
 }
-.project-selector a,
-.project-selector a:hover {
-  color: #fff;
-  text-decoration: none;
-  font-size: 13px;
-  line-height: 21px;
+.kubernetes-service-node .node-body {
+  display: inline;
+  padding-left: 10px;
+  line-height: 64px;
+  font-size: 20px;
+  float: left;
 }
-
-/*   样式重置 */
-body,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-hr,
-p,
-blockquote,
-dl,
-dt,
-dd,
-ul,
-ol,
-li,
-pre,
-form,
-fieldset,
-legend,
-button,
-input,
-textarea,
-th,
-td {
-  margin: 0;
-  padding: 0;
-}
-body,
-table,
-input,
-textarea,
-select,
-button {
-  font-family: "微软雅黑", "宋体";
-  font-size: 12px;
-  line-height: 1.5;
-  background: #fff;
+.kubernetes-service-node .node-header {
+  display: inline;
+  float: right;
 }
-div,
-img,
-tr,
-td,
-table {
-  border: 0;
+.node-header {
+  padding-right: 10px;
+  white-space: nowrap;
+  line-height: 64px;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
-table,
-tr,
-td {
-  border: 0;
-  cellspacing: 0;
-  cellpadding: 0;
+.kubernetes-replicationController-node {
+  border-radius: 64px;
+  display: block;
+  width: 64px;
+  height: 64px;
+  padding: 7px;
+  font-weight: bold;
+  vertical-align: middle;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
-ol,
-ul,
-li {
-  list-style-type: none;
+.kubernetes-overview-cell .app-icon-medium {
+  width: 48px;
+  height: 48px;
 }
-a:link,
-a:visited {
-  color: #7f7f7f;
-  text-decoration: none;
+.kubernetes-replicationController-node img {
+  width: 64px;
 }
-a:hover,
-a:active {
-  color: #000;
+.kubernetes-node:hover,
+.kubernetes-node.hovered {
+  background: #ddddff;
 }
-.fl {
-  float: left;
+.pod-status-cell {
+  width: 80px;
+  line-height: 20px;
 }
-.fr {
+.pod-label-cell {
   float: right;
+  text-align: right;
+  min-height: 48px;
 }
-.cl {
-  clear: both;
-  overflow: hidden;
+.pod-label-cell .ngCellText {
+  white-space: normal;
 }
-/*   数据页面 */
-.data_container {
-  width: 100%;
-  margin: 0 auto;
+
+.pod-log-lines * {
+  padding-left: 5px;
+  padding-right: 5px;
+  font-family: monospace;
+  margin: 0;
+  line-height: 14px;
 }
-.data_heaer {
-  height: 66px;
-  width: 100%;
-  background-color: #3499db;
-  text-align: center;
+.pod-log-lines * .black {
+  color: #222;
 }
-.data_heaer h2 {
-  font-size: 30px;
-  font-weight: 300;
-  color: #fff;
-  line-height: 66px;
+.pod-log-lines * .red {
+  color: #f22;
 }
-.data_content {
-  width: 1280px;
-  height: 838px;
-  margin: 0 auto;
-  background-color: #fff;
-  border: 1px solid #e0dede;
-  border-top: none;
+.pod-log-lines * .green {
+  color: #2f2;
 }
-.data_leftside {
-  width: 611px;
-  border-right: 1px solid #e0dede;
+.pod-log-lines * .yellow {
+  color: #ff2;
 }
-.data_h3 {
-  width: 100%;
-  text-align: center;
-  height: 50px;
-  font-size: 18px;
-  color: #444;
-  line-height: 50px;
+.pod-log-lines * .blue {
+  color: #22f;
 }
-.data_leftside_files {
-  border-right: 1px solid #e0dede;
-  border-bottom: 1px solid #e0dede;
-  height: 710px;
-  overflow: auto;
+.pod-log-lines * .purple {
+  color: #f2f;
 }
-.data_leftside_files input {
-  margin-top: 15px;
-  width: 15px;
-  height: 15px;
+.pod-log-lines * .cyan {
+  color: #2dd;
 }
-.data_leftside_files li {
-  height: 40px;
-  line-height: 40px;
-  border-bottom: 1px solid #e0dede;
-  padding: 0 10px;
+.pod-log-lines * .white {
+  color: #ddd;
 }
-.data_leftside_files li.data_title {
-  width: 210px;
-  height: 36px;
-  line-height: 36px;
-  text-align: center;
-  background-color: #e9f3fb;
-  border: none;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  -o-text-overflow: ellipsis;
-  white-space: nowrap;
+.top-bottom-middle {
+  line-height: 34px;
 }
-.date_label {
-  display: block;
-  width: 168px;
+
+.terminal-window {
+  position: fixed;
+  bottom: 0;
+  background: white;
+  border: 1px solid #d4d4d4;
   overflow: hidden;
-  text-overflow: ellipsis;
-  -o-text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.data_leftside_shu {
-  border-right: none;
+  z-index: 1040;
 }
-.data_leftside_shu li {
-  border-bottom: none;
+.terminal-window .resize-dot {
+  width: 16px;
+  height: 16px;
+  border: 1px solid #d4d4d4;
+  background: white;
+  position: absolute;
+  bottom: 10px;
+  right: 10px;
+  cursor: nwse-resize;
+  border-radius: 8px;
+  z-index: 10000;
 }
-.data_conbar {
-  width: 149px;
-  height: 834px;
-  border-right: 1px solid #e0dede;
-  border-left: 1px solid #e0dede;
+.terminal-window.minimized .resize-dot,
+.terminal-window.maximized .resize-dot {
+  display: none;
 }
-.date_btns {
-  width: 260px;
-  margin: 20px auto;
+.terminal-window.minimized .terminal-title,
+.terminal-window.maximized .terminal-title {
+  cursor: inherit;
 }
-.date_btns_w {
-  width: 390px;
+.terminal-window .terminal-body {
+  overflow: auto;
 }
-.date_btns button {
-  margin: 10px 20px;
+.terminal-window .terminal-body .terminal-wrapper > .terminal * {
+  font-family: 'DroidSansMonoRegular';
 }
-.data_btn {
-  border: none;
-  width: 108px;
-  height: 35px;
-  line-height: 35px;
-  text-align: center;
-  background-color: #3499db;
-  color: #fff;
-  font-size: 14px;
-  -webkit-border-radius: 5px;
-  -moz-border-radius: 5px;
-  -o-border-radius: 5px;
-  border-radius: 5px;
+.terminal-window .terminal-title {
+  cursor: move;
+  border-bottom: 1px solid #d4d4d4;
 }
-.data_btn:hover {
-  background-color: #2989da;
+.terminal-window .terminal-title > h5 {
+  display: inline-block;
+  margin-left: 5px;
 }
-.data_rightside {
-  width: 667px;
+.terminal-window .terminal-title > i {
+  font-size: 16px;
+  margin-right: 5px;
+  margin-top: 7px;
 }
-.data_rightside_w {
-  width: 407px;
+kubernetes-container-terminal .terminal-wrapper {
+  display: block !important;
 }
-.data_leftside_files li.data_title_w {
-  width: 184px;
+kubernetes-container-terminal .terminal-actions {
+  position: absolute !important;
 }
-.date_label_w {
-  width: 150px;
+.pod-log-window .scroll-indicator {
+  position: absolute;
+  bottom: 0;
+  line-height: 32px;
+  left: 20px;
+  right: 20px;
+  background-color: #ffffff;
+  border-top: 1px solid #d4d4d4;
+  border-left: 1px solid #d4d4d4;
+  border-right: 1px solid #d4d4d4;
+  border-radius: 4px 4px 0 0;
+  cursor: pointer;
+  z-index: 10000;
+  opacity: 0.7;
 }
-.data_leftside_shu li {
-  border-bottom: none;
+.pod-log-window .terminal-body {
+  overflow-y: auto;
+  overflow-x: hidden;
 }
-a.data_file_btn {
-  display: block;
-  position: relative;
-  width: 108px;
-  height: 35px;
-  margin: 15px auto;
-  line-height: 35px;
-  font-size: 14px;
-  color: #fff;
-  text-align: center;
-  background-color: #79b4e7;
-  background-image: -webkit-linear-gradient(#79b4e7, #1377cf);
-  background-image: linear-gradient(#79b4e7, #1377cf);
-  border-color: #076bc2;
-  -webkit-border-radius: 5px;
-  -moz-border-radius: 5px;
-  -o-border-radius: 5px;
-  border-radius: 5px;
-  vertical-align: middle;
-  cursor: pointer;
-  margin: 0 10px;
+
+.environment-row a {
+  color: black;
 }
-a:hover.data_file_btn {
-  background-color: #076bc2;
-  background-image: -webkit-linear-gradient(#79b4e7, #076bc2);
-  background-image: linear-gradient(#79b4e7, #076bc2);
-  border-color: #076bc2;
+.environment-row .panel {
+  min-width: 255px;
+  min-height: 160px;
 }
-.data_file_btn input {
-  position: absolute;
-  left: 0px;
-  opacity: 0;
-  filter: alpha(opacity=0);
-  width: 108px;
-  height: 35px;
+.environment-row .panel-group {
+  margin-left: 10px;
+  margin-right: 10px;
 }
-.data_conbox {
-  width: 407px;
-  height: 709px;
-  border-top: 1px solid #e0dede;
-  border-bottom: 1px solid #e0dede;
-  overflow: auto;
+.environment-row .panel-title > a:before {
+  display: none;
 }
-.data_con_title {
-  width: 49.8%;
-  height: 36px;
-  line-height: 36px;
-  text-align: center;
-  background-color: #e9f3fb;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  -o-text-overflow: ellipsis;
-  white-space: nowrap;
+.environment-rows {
+  /*
+    background-color: rgb(238, 238, 238);
+    */
+  padding-top: 5px;
+  vertical-align: top;
 }
-.data_con_line {
-  border-right: 1px solid #e0dede;
+.environment-name-block {
+  width: 200px;
 }
-.data_con_li {
-  width: 49.8%;
-  height: 36px;
-  line-height: 36px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  -o-text-overflow: ellipsis;
-  white-space: nowrap;
-  border-bottom: 1px solid #e0dede;
+.environment-name-block,
+.environment-deploy-block {
+  background: white;
+  -moz-border-radius: 10px;
+  border-radius: 10px;
+  padding-top: 10px;
+  padding-bottom: 10px;
+  padding-left: 20px;
+  padding-right: 20px;
+  margin-top: 10px;
+  margin-bottom: 10px;
+  margin-left: 20px;
+  margin-right: 20px;
 }
-.mt15 {
-  margin-top: 15px;
+.environment-name-block {
+  padding-top: 0px;
 }
-#file-uploads {
-  opacity: 0;
-  position: absolute;
-  z-index: 10;
-  width: 118px;
-  height: 35px;
+.environment-block {
+  vertical-align: top;
 }
-/*   树形结构 */
-.data_rightside_tree {
-  width: 259px;
-  height: 709px;
-  border-right: 1px solid #e0dede;
-  border-top: 1px solid #e0dede;
-  border-bottom: 1px solid #e0dede;
-  overflow: auto;
+.environment-deploy-block {
+  border: 1px dashed;
+  border-color: silver;
 }
-.tree {
-  min-height: 20px;
-  padding: 15px;
-  padding-left: 30px;
-  border-bottom: 1px dashed #ccc;
+.environment-deploy-version-and-pods {
+  padding-bottom: 5px;
 }
-.tree li {
-  list-style-type: none;
-  margin: 0;
-  padding: 10px 5px 0 20px;
-  position: relative;
+
+.project-dashboard .page-header-row {
+  background: white;
+  margin-left: -20px;
+  margin-right: -20px;
+  margin-top: -20px;
+  border-bottom: 1px solid #d1d1d1;
+  margin-bottom: 13px;
+  padding-bottom: 7px;
 }
-.tree li::before,
-.tree li::after {
-  content: '';
-  left: -30px;
-  position: absolute;
-  right: auto;
+.project-dashboard .card-pf-title {
+  margin-right: 1em;
 }
-.tree li::before {
-  border-left: 1px solid #999;
-  bottom: 50px;
-  height: 100%;
-  top: 0;
-  width: 0px;
+.project-dashboard .no-border {
+  border: none;
+  margin-bottom: 0;
 }
-.tree li::after {
-  border-top: 1px solid #999;
-  height: 20px;
-  top: 25px;
-  width: 35px;
+.project-dashboard .no-top-margin {
+  margin-top: 0;
 }
-.tree li p {
-  display: inline-block;
-  padding: 3px 10px;
-  border: 1px solid #fff;
-  margin-left: -15px;
-  width: 150px;
+.project-dashboard .full-card-width {
+  margin-left: -20px;
+  margin-right: -20px;
 }
-.tree li.parent_li > p {
-  cursor: pointer;
+.project-dashboard .card-pf.pipeline .panel-group {
+  border-width: 0;
 }
-.tree > ul > li::before,
-.tree > ul > li::after {
-  border: 0;
+.project-dashboard .card-pf.pipeline .panel-group .panel {
+  box-shadow: none;
 }
-.tree li:last-child::before {
-  height: 30px;
+.project-dashboard .card-pf.pipeline .panel-group .panel.panel-default {
+  border-width: 0;
+  border-top-width: 1px;
 }
-.icon-plus-sign {
-  margin-left: -15px;
-  background: url(../img/icons1.gif) -5px 10px no-repeat;
+.project-dashboard .card-pf.pipeline .panel-group .panel.panel-default .log-panel {
+  border: 1px solid #d4d4d4;
 }
-.icon-minus-sign {
-  margin-left: -15px;
-  background: url(../img/icons2.gif) -6px 9px no-repeat;
+
+.filter-header .btn,
+.filter-header form {
+  margin-top: 1.05em;
+  margin-bottom: 1em;
 }
 
-/* This is for the 'Overview' page with all the rows of boxes */
-.service-view-rectangle {
-  position: relative;
-  margin-left: 0;
-  margin-right: 0px;
-  margin-bottom: 15px;
-  margin-top: 0;
-  background-color: #fafafa;
-  border-width: 1px;
-  border-style: solid;
-  border-color: #eeeeee;
+.log-window {
+  border-top: 1px solid #d4d4d4;
+  overflow: auto;
 }
-.service-view-rectangle .service-view-header {
-  margin-top: 5px;
-  margin-bottom: 5px;
-  line-height: 20px;
-  vertical-align: middle;
+.log-window-inner * {
+  font-family: "DroidSansMonoRegular", monospace;
+  line-height: 13px;
 }
-.service-view-rectangle .service-view-detail-pod-box {
-  background-color: #eeeeee;
-  display: inline-block;
-  font-size: smaller;
+.log-panel {
+  position: static;
+  height: 100%;
+  width: 100%;
+  overflow: auto;
+  border: none;
+  padding: 3px;
 }
-.service-view-rectangle .service-view-header-delete .red {
-  opacity: 0.5;
-  transition: opacity 1s;
-  font-size: larger;
+.log-panel-inner * {
+  font-family: "DroidSansMonoRegular", monospace;
+  line-height: 13px;
 }
-.service-view-rectangle .service-view-header-delete:hover .red {
-  opacity: 1;
+
+.project-selector {
+  margin-top: 10px;
+  margin-bottom: 10px;
+  list-style-type: none;
 }
-.service-view-rectangle .service-view-icon img {
-  width: 32px;
-  height: 32px;
-  margin-right: 6px;
+.project-selector a,
+.project-selector a:hover {
+  color: #fff;
+  text-decoration: none;
+  font-size: 13px;
+  line-height: 21px;
 }
-.service-view-rectangle .service-view-name {
-  font-size: larger;
-  font-weight: bold;
+
+/*   样式重置 */
+body,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+hr,
+p,
+blockquote,
+dl,
+dt,
+dd,
+ul,
+ol,
+li,
+pre,
+form,
+fieldset,
+legend,
+button,
+input,
+textarea,
+th,
+td {
+  margin: 0;
+  padding: 0;
 }
-.service-view-rectangle .service-view-detail-header {
-  padding-top: 5px;
-  padding-bottom: 5px;
-  line-height: 20px;
+body,
+table,
+input,
+textarea,
+select,
+button {
+  font-family: "微软雅黑", "宋体";
+  font-size: 12px;
+  line-height: 1.5;
+  background: #fff;
 }
-.service-view-rectangle .service-view-detail-rectangle {
-  background-color: #eeeeee;
-  padding-left: 10px;
-  padding-right: 10px;
+div,
+img,
+tr,
+td,
+table {
+  border: 0;
 }
-.service-view-rectangle .service-view-detail-rectangle .value {
-  font-weight: bold;
+table,
+tr,
+td {
+  border: 0;
+  cellspacing: 0;
+  cellpadding: 0;
 }
-.service-view-rectangle .service-view-detail-pod-summary,
-.service-view-rectangle .service-view-detail-pod-summary-expand {
-  display: inline-block;
-  padding-top: 2px;
-  padding-bottom: 2px;
-  padding-left: 20px;
-  padding-right: 20px;
-  margin-right: 8px;
-  margin-bottom: 8px;
-  background-color: #ffffff;
+ol,
+ul,
+li {
+  list-style-type: none;
 }
-.service-view-rectangle .service-view-detail-pod-summary table td,
-.service-view-rectangle .service-view-detail-pod-summary-expand table td {
-  padding-left: 10px;
-  padding-right: 10px;
+a:link,
+a:visited {
+  color: #7f7f7f;
+  text-decoration: none;
 }
-.service-view-rectangle .service-view-detail-pod-status,
-.service-view-rectangle .service-view-detail-pod-connect {
-  line-height: 36px;
-  padding-right: 20px;
+a:hover,
+a:active {
+  color: #000;
 }
-.service-view-rectangle .service-view-detail-pod-status i,
-.service-view-rectangle .service-view-detail-pod-connect i {
-  font-size: 36px;
-  display: inline-block;
-  vertical-align: middle;
+.fl {
+  float: left;
 }
-.service-view-rectangle .service-view-detail-pod-expand {
-  color: #a0a0a0;
-  font-size: 18px;
-  padding-right: 0px;
+.fr {
+  float: right;
 }
-.kubernetes-view .filter-header {
-  margin-bottom: 1em;
+.cl {
+  clear: both;
+  overflow: hidden;
 }
-
-/* This is all for the diagram, not the 'Overview' page */
-.kubernetes-overview {
+/*   数据页面 */
+.data_container {
   width: 100%;
-  height: 100%;
-  display: table;
-  table-layout: fixed;
-}
-.kubernetes-overview-row {
-  display: table-row;
+  margin: 0 auto;
 }
-.kubernetes-overview-cell {
-  display: table-cell;
+.data_heaer {
+  height: 66px;
+  width: 100%;
+  background-color: #3499db;
   text-align: center;
-  vertical-align: middle;
-  padding: 0;
-}
-.service-wrapper {
-  display: block;
-  vertical-align: middle;
 }
-.kubernetes-node {
-  margin-left: auto;
-  margin-right: auto;
-  cursor: pointer;
-  text-align: center;
-  vertical-align: middle;
-  border: 1px solid #d4d4d4;
-  background: white;
-  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
-  border-radius: 4px;
-  transition: background 0.5s;
-  z-index: 1000;
+.data_heaer h2 {
+  font-size: 30px;
+  font-weight: 300;
+  color: #fff;
+  line-height: 66px;
 }
-.kubernetes-host-container {
-  margin-top: 5px;
-  margin-bottom: 5px;
-  margin-left: auto;
-  margin-right: auto;
-  text-align: center;
-  max-width: 600px;
-  min-width: 300px;
-  padding: 0;
-  border: 1px solid #d4d4d4;
-  background: white;
-  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
-  border-radius: 4px;
+.data_content {
+  width: 1280px;
+  height: 838px;
+  margin: 0 auto;
+  background-color: #fff;
+  border: 1px solid #e0dede;
+  border-top: none;
 }
-.kubernetes-pod-node {
-  display: block;
-  margin: 0;
-  padding: 0;
-  min-height: 48px;
-  line-height: 48px;
-  border-radius: 0;
-  border: 1px solid transparent;
-  border-top: 1px solid #d4d4d4;
-  box-shadow: none;
-  vertical-align: middle;
+.data_leftside {
+  width: 611px;
+  border-right: 1px solid #e0dede;
 }
-.css-table {
-  display: table;
+.data_h3 {
   width: 100%;
-  height: 100%;
-}
-.css-table-row {
-  display: table-row;
-}
-.css-table-row .pod-status-cell {
-  text-align: left;
-  padding-left: 5px;
-  padding-right: 5px;
-}
-.css-table-row .pod-status-cell i {
-  margin-left: 3px;
-  margin-right: 3px;
-}
-.css-table-row .pod-status-cell .clickable {
-  width: auto !important;
-}
-.css-table-cell {
-  display: table-cell;
-  vertical-align: middle;
-}
-.kubernetes-pod-node i {
-  font-size: 24px;
-}
-.kubernetes-overview-services {
-  width: 200px;
+  text-align: center;
+  height: 50px;
+  font-size: 18px;
+  color: #444;
+  line-height: 50px;
 }
-.kubernetes-service-node {
-  display: block;
-  margin-bottom: 10px;
-  width: 200px;
-  min-height: 66px;
-  padding: 0;
-  line-height: 48px;
+.data_leftside_files {
+  border-right: 1px solid #e0dede;
+  border-bottom: 1px solid #e0dede;
+  height: 710px;
+  overflow: auto;
 }
-.kubernetes-service-node .node-body {
-  display: inline;
-  padding-left: 10px;
-  line-height: 64px;
-  font-size: 20px;
-  float: left;
+.data_leftside_files input {
+  margin-top: 15px;
+  width: 15px;
+  height: 15px;
 }
-.kubernetes-service-node .node-header {
-  display: inline;
-  float: right;
+.data_leftside_files li {
+  height: 40px;
+  line-height: 40px;
+  border-bottom: 1px solid #e0dede;
+  padding: 0 10px;
 }
-.node-header {
-  padding-right: 10px;
-  white-space: nowrap;
-  line-height: 64px;
+.data_leftside_files li.data_title {
+  width: 210px;
+  height: 36px;
+  line-height: 36px;
+  text-align: center;
+  background-color: #e9f3fb;
+  border: none;
   overflow: hidden;
   text-overflow: ellipsis;
+  -o-text-overflow: ellipsis;
+  white-space: nowrap;
 }
-.kubernetes-replicationController-node {
-  border-radius: 64px;
+.date_label {
   display: block;
-  width: 64px;
-  height: 64px;
-  padding: 7px;
-  font-weight: bold;
-  vertical-align: middle;
+  width: 168px;
   overflow: hidden;
   text-overflow: ellipsis;
+  -o-text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.data_leftside_shu {
+  border-right: none;
+}
+.data_leftside_shu li {
+  border-bottom: none;
+}
+.data_conbar {
+  width: 149px;
+  height: 834px;
+  border-right: 1px solid #e0dede;
+  border-left: 1px solid #e0dede;
 }
-.kubernetes-overview-cell .app-icon-medium {
-  width: 48px;
-  height: 48px;
+.date_btns {
+  width: 260px;
+  margin: 20px auto;
 }
-.kubernetes-replicationController-node img {
-  width: 64px;
+.date_btns_w {
+  width: 390px;
 }
-.kubernetes-node:hover,
-.kubernetes-node.hovered {
-  background: #ddddff;
+.date_btns button {
+  margin: 10px 20px;
 }
-.pod-status-cell {
-  width: 80px;
-  line-height: 20px;
+.data_btn {
+  border: none;
+  width: 108px;
+  height: 35px;
+  line-height: 35px;
+  text-align: center;
+  background-color: #3499db;
+  color: #fff;
+  font-size: 14px;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  -o-border-radius: 5px;
+  border-radius: 5px;
 }
-.pod-label-cell {
-  float: right;
-  text-align: right;
-  min-height: 48px;
+.data_btn:hover {
+  background-color: #2989da;
 }
-.pod-label-cell .ngCellText {
-  white-space: normal;
+.data_rightside {
+  width: 667px;
 }
-
-.pod-log-lines * {
-  padding-left: 5px;
-  padding-right: 5px;
-  font-family: monospace;
-  margin: 0;
-  line-height: 14px;
+.data_rightside_w {
+  width: 407px;
 }
-.pod-log-lines * .black {
-  color: #222;
+.data_leftside_files li.data_title_w {
+  width: 184px;
 }
-.pod-log-lines * .red {
-  color: #f22;
+.date_label_w {
+  width: 150px;
 }
-.pod-log-lines * .green {
-  color: #2f2;
+.data_leftside_shu li {
+  border-bottom: none;
 }
-.pod-log-lines * .yellow {
-  color: #ff2;
+a.data_file_btn {
+  display: block;
+  position: relative;
+  width: 108px;
+  height: 35px;
+  margin: 15px auto;
+  line-height: 35px;
+  font-size: 14px;
+  color: #fff;
+  text-align: center;
+  background-color: #79b4e7;
+  background-image: -webkit-linear-gradient(#79b4e7, #1377cf);
+  background-image: linear-gradient(#79b4e7, #1377cf);
+  border-color: #076bc2;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  -o-border-radius: 5px;
+  border-radius: 5px;
+  vertical-align: middle;
+  cursor: pointer;
+  margin: 0 10px;
 }
-.pod-log-lines * .blue {
-  color: #22f;
+a:hover.data_file_btn {
+  background-color: #076bc2;
+  background-image: -webkit-linear-gradient(#79b4e7, #076bc2);
+  background-image: linear-gradient(#79b4e7, #076bc2);
+  border-color: #076bc2;
 }
-.pod-log-lines * .purple {
-  color: #f2f;
+.data_file_btn input {
+  position: absolute;
+  left: 0px;
+  opacity: 0;
+  filter: alpha(opacity=0);
+  width: 108px;
+  height: 35px;
 }
-.pod-log-lines * .cyan {
-  color: #2dd;
+.data_conbox {
+  width: 407px;
+  height: 709px;
+  border-top: 1px solid #e0dede;
+  border-bottom: 1px solid #e0dede;
+  overflow: auto;
 }
-.pod-log-lines * .white {
-  color: #ddd;
+.data_con_title {
+  width: 49.8%;
+  height: 36px;
+  line-height: 36px;
+  text-align: center;
+  background-color: #e9f3fb;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -o-text-overflow: ellipsis;
+  white-space: nowrap;
 }
-.top-bottom-middle {
-  line-height: 34px;
+.data_con_line {
+  border-right: 1px solid #e0dede;
 }
-
-.terminal-window {
-  position: fixed;
-  bottom: 0;
-  background: white;
-  border: 1px solid #d4d4d4;
+.data_con_li {
+  width: 49.8%;
+  height: 36px;
+  line-height: 36px;
   overflow: hidden;
-  z-index: 1040;
+  text-overflow: ellipsis;
+  -o-text-overflow: ellipsis;
+  white-space: nowrap;
+  border-bottom: 1px solid #e0dede;
 }
-.terminal-window .resize-dot {
-  width: 16px;
-  height: 16px;
-  border: 1px solid #d4d4d4;
-  background: white;
+.mt15 {
+  margin-top: 15px;
+}
+#file-uploads {
+  opacity: 0;
   position: absolute;
-  bottom: 10px;
-  right: 10px;
-  cursor: nwse-resize;
-  border-radius: 8px;
-  z-index: 10000;
+  z-index: 10;
+  width: 118px;
+  height: 35px;
 }
-.terminal-window.minimized .resize-dot,
-.terminal-window.maximized .resize-dot {
-  display: none;
+/*   树形结构 */
+.data_rightside_tree {
+  width: 259px;
+  height: 709px;
+  border-right: 1px solid #e0dede;
+  border-top: 1px solid #e0dede;
+  border-bottom: 1px solid #e0dede;
+  overflow: auto;
 }
-.terminal-window.minimized .terminal-title,
-.terminal-window.maximized .terminal-title {
-  cursor: inherit;
+.tree {
+  min-height: 20px;
+  padding: 15px;
+  padding-left: 30px;
+  border-bottom: 1px dashed #ccc;
 }
-.terminal-window .terminal-body {
-  overflow: auto;
+.tree li {
+  list-style-type: none;
+  margin: 0;
+  padding: 10px 5px 0 20px;
+  position: relative;
 }
-.terminal-window .terminal-body .terminal-wrapper > .terminal * {
-  font-family: 'DroidSansMonoRegular';
+.tree li::before,
+.tree li::after {
+  content: '';
+  left: -30px;
+  position: absolute;
+  right: auto;
 }
-.terminal-window .terminal-title {
-  cursor: move;
-  border-bottom: 1px solid #d4d4d4;
+.tree li::before {
+  border-left: 1px solid #999;
+  bottom: 50px;
+  height: 100%;
+  top: 0;
+  width: 0px;
 }
-.terminal-window .terminal-title > h5 {
+.tree li::after {
+  border-top: 1px solid #999;
+  height: 20px;
+  top: 25px;
+  width: 35px;
+}
+.tree li p {
   display: inline-block;
-  margin-left: 5px;
+  padding: 3px 10px;
+  border: 1px solid #fff;
+  margin-left: -15px;
+  width: 150px;
 }
-.terminal-window .terminal-title > i {
-  font-size: 16px;
-  margin-right: 5px;
-  margin-top: 7px;
+.tree li.parent_li > p {
+  cursor: pointer;
 }
-kubernetes-container-terminal .terminal-wrapper {
-  display: block !important;
+.tree > ul > li::before,
+.tree > ul > li::after {
+  border: 0;
 }
-kubernetes-container-terminal .terminal-actions {
-  position: absolute !important;
+.tree li:last-child::before {
+  height: 30px;
 }
-.pod-log-window .scroll-indicator {
-  position: absolute;
-  bottom: 0;
-  line-height: 32px;
-  left: 20px;
-  right: 20px;
-  background-color: #ffffff;
-  border-top: 1px solid #d4d4d4;
-  border-left: 1px solid #d4d4d4;
-  border-right: 1px solid #d4d4d4;
-  border-radius: 4px 4px 0 0;
-  cursor: pointer;
-  z-index: 10000;
-  opacity: 0.7;
+.icon-plus-sign {
+  margin-left: -15px;
+  background: url(../img/icons1.gif) -5px 10px no-repeat;
 }
-.pod-log-window .terminal-body {
-  overflow-y: auto;
-  overflow-x: hidden;
+.icon-minus-sign {
+  margin-left: -15px;
+  background: url(../img/icons2.gif) -6px 9px no-repeat;
 }
 
 .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical {
diff --git a/dist/hawtio-kubernetes.js b/dist/hawtio-kubernetes.js
index 66920f07..9ad2c550 100644
--- a/dist/hawtio-kubernetes.js
+++ b/dist/hawtio-kubernetes.js
@@ -18521,7 +18521,7 @@ $templateCache.put("plugins/developer/html/projectSelector.html","<ul class=\"pr
 $templateCache.put("plugins/developer/html/projects.html","<div class=\"row\" ng-controller=\"Developer.ProjectsController\">\r\n  <script type=\"text/ng-template\" id=\"buildConfigLinkTemplate.html\">\r\n    <div class=\"ngCellText\">\r\n      <a title=\"View details for this build configuration\"\r\n         href=\"{{baseUri}}/kubernetes/buildConfigs/{{row.entity.metadata.name}}\">\r\n<!--\r\n        <img class=\"app-icon-small\" ng-src=\"{{row.entity.$iconUrl}}\">\r\n-->\r\n        {{row.entity.metadata.name}}</a>\r\n    </div>\r\n  </script>\r\n  <script type=\"text/ng-template\" id=\"buildConfigViewsTemplate.html\">\r\n    <div class=\"ngCellText\">\r\n      <span ng-repeat=\"view in row.entity.$fabric8Views track by $index\">\r\n        <a title=\"{{view.description}}\" ng-show=\"view.url\" ng-href=\"{{view.url}}\" class=\"btn btn-default\">\r\n          <i class=\"{{view.iconClass}}\" ng-show=\"view.iconClass\"></i>\r\n          {{view.label}}\r\n        </a>\r\n      </span>\r\n    </div>\r\n  </script>\r\n  <script type=\"text/ng-template\" id=\"buildConfigCodeViewsTemplate.html\">\r\n    <div class=\"ngCellText\">\r\n      <span ng-repeat=\"view in row.entity.$fabric8CodeViews track by $index\">\r\n        <a title=\"{{view.description}}\" ng-show=\"view.url\" ng-href=\"{{view.url}}\" class=\"btn btn-default\">\r\n          <i class=\"{{view.iconClass}}\" ng-show=\"view.iconClass\"></i>\r\n          {{view.label}}\r\n        </a>\r\n      </span>\r\n    </div>\r\n  </script>\r\n  <script type=\"text/ng-template\" id=\"buildConfigBuildViewsTemplate.html\">\r\n    <div class=\"ngCellText\">\r\n      <span ng-repeat=\"view in row.entity.$fabric8BuildViews track by $index\">\r\n        <a title=\"{{view.description}}\" ng-show=\"view.url\" ng-href=\"{{view.url}}\" class=\"btn btn-default\">\r\n          <i class=\"{{view.iconClass}}\" ng-show=\"view.iconClass\"></i>\r\n          {{view.label}}\r\n        </a>\r\n      </span>\r\n    </div>\r\n  </script>\r\n  <script type=\"text/ng-template\" id=\"buildConfigEnvironmentViewsTemplate.html\">\r\n    <div class=\"ngCellText\">\r\n      <span ng-repeat=\"view in row.entity.$fabric8EnvironmentViews track by $index\">\r\n        <a title=\"{{view.description}}\" ng-show=\"view.url\" ng-href=\"{{view.url}}\" class=\"btn btn-default\">\r\n          <i class=\"{{view.iconClass}}\" ng-show=\"view.iconClass\"></i>\r\n          {{view.label}}\r\n        </a>\r\n      </span>\r\n    </div>\r\n  </script>\r\n  <script type=\"text/ng-template\" id=\"buildConfigTeamViewsTemplate.html\">\r\n    <div class=\"ngCellText\">\r\n      <span ng-repeat=\"view in row.entity.$fabric8TeamViews track by $index\">\r\n        <a title=\"{{view.description}}\" ng-show=\"view.url\" ng-href=\"{{view.url}}\" class=\"btn btn-default\">\r\n          <i class=\"{{view.iconClass}}\" ng-show=\"view.iconClass\"></i>\r\n          {{view.label}}\r\n        </a>\r\n      </span>\r\n    </div>\r\n  </script>\r\n\r\n  <div class=\"row\">\r\n    <div hawtio-tabs></div>\r\n  </div>\r\n\r\n  <div class=\"row filter-header\">\r\n    <div class=\"col-md-12\">\r\n      <span>\r\n        <hawtio-filter ng-show=\"model.buildconfigs.length\"\r\n                       ng-model=\"tableConfig.filterOptions.filterText\"\r\n                       css-class=\"input-xxlarge\"\r\n                       placeholder=\"Filter apps...\"></hawtio-filter>\r\n      </span>\r\n      <span class=\"pull-right\">&nbsp;</span>\r\n      <button ng-show=\"fetched\"\r\n              title=\"Delete the selected build configuration\"\r\n              class=\"btn btn-danger pull-right\"\r\n              ng-disabled=\"tableConfig.selectedItems.length == 0\"\r\n              ng-click=\"deletePrompt(tableConfig.selectedItems)\">\r\n              <i class=\"fa fa-remove\"></i> Delete\r\n      </button>\r\n\r\n      <button ng-show=\"model.fetched\"\r\n              class=\"btn btn-danger pull-right\"\r\n              ng-disabled=\"!id && tableConfig.selectedItems.length == 0\"\r\n              ng-click=\"deletePrompt(id || tableConfig.selectedItems)\"\r\n              title=\"Delete the selected apps\">\r\n        <i class=\"fa fa-remove\"></i> Delete\r\n      </button>\r\n\r\n      <span class=\"pull-right\">&nbsp;</span>\r\n\r\n      <a class=\"btn btn-primary pull-right\" href=\"{{baseUri}}/workspaces/{{namespace}}/forge/createProject\"\r\n         title=\"Create a new app in this project\">\r\n        <i class=\"fa fa-plus\"></i> Create App</a>\r\n      </a>\r\n\r\n<!--\r\n      <span class=\"pull-right\">&nbsp;</span>\r\n\r\n      <button class=\"btn btn-default pull-right\"\r\n         title=\"Trigger the given build\"\r\n         ng-disabled=\"tableConfig.selectedItems.length != 1 || !tableConfig.selectedItems[0].$triggerUrl\"\r\n         ng-click=\"triggerBuild(tableConfig.selectedItems[0])\"><i class=\"fa fa-play-circle-o\"></i> Trigger</button>\r\n-->\r\n    </div>\r\n  </div>\r\n  <div class=\"row\">\r\n    <div class=\"col-md-12\">\r\n      <div ng-hide=\"model.fetched\">\r\n        <div class=\"align-center\">\r\n          <i class=\"fa fa-spinner fa-spin\"></i>\r\n        </div>\r\n      </div>\r\n      <div ng-show=\"model.fetched\">\r\n        <div ng-hide=\"model.buildconfigs.length\" class=\"align-center\">\r\n          <p class=\"alert alert-info\">There are no projects in this workspace.</p>\r\n        </div>\r\n        <div ng-show=\"model.buildconfigs.length\">\r\n          <table class=\"table table-bordered table-striped\" hawtio-simple-table=\"tableConfig\"></table>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n");
 $templateCache.put("plugins/developer/html/tools.html","<div ng-controller=\"Kubernetes.BuildConfigController\">\r\n  <div class=\"row\">\r\n    <div hawtio-breadcrumbs></div>\r\n  </div>\r\n\r\n  <div class=\"row\">\r\n    <div hawtio-tabs></div>\r\n  </div>\r\n\r\n  <div class=\"row filter-header\">\r\n    <div class=\"col-md-12\" ng-show=\"model.tools.length\">\r\n      <span ng-show=\"!id\">\r\n        <hawtio-filter ng-model=\"tableConfig.filterOptions.filterText\"\r\n                       css-class=\"input-xxlarge\"\r\n                       placeholder=\"Filter tools...\"></hawtio-filter>\r\n      </span>\r\n    </div>\r\n  </div>\r\n  <div class=\"row\">\r\n    <div class=\"col-md-12\">\r\n      <div ng-hide=\"model.fetched\">\r\n        <div class=\"align-center\">\r\n          <i class=\"fa fa-spinner fa-spin\"></i>\r\n        </div>\r\n      </div>\r\n      <div ng-show=\"model.fetched\">\r\n        <div ng-hide=\"entity.tools.length\" class=\"align-center\">\r\n          <p class=\"alert alert-info\">There are no tools currently available.</p>\r\n        </div>\r\n        <div ng-show=\"entity.tools.length\">\r\n          <div ng-hide=\"entity.tools.length\" class=\"align-center\">\r\n            <p class=\"alert alert-info\">There are no tools currently available.</p>\r\n          </div>\r\n          <div ng-repeat=\"env in entity.tools | filter:filterTemplates | orderBy:\'label\' track by $index\">\r\n            <div class=\"row\"\r\n                 title=\"{{env.description}}\">\r\n              <div class=\"col-md-9\">\r\n                <a href=\"{{env.url}}\">\r\n                  <h3>\r\n                    <i class=\"{{env.iconClass}}\"></i>\r\n                    {{env.label}}\r\n                  </h3>\r\n                </a>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n");
 $templateCache.put("plugins/developer/html/workspace.html","<div ng-controller=\"Developer.WorkspaceController\">\r\n  <div class=\"row\">\r\n    <div hawtio-breadcrumbs></div>\r\n  </div>\r\n\r\n  <div class=\"row\">\r\n    <div hawtio-tabs></div>\r\n  </div>\r\n\r\n  <div class=\"row\">\r\n    <div class=\"col-md-12\">\r\n      <a class=\"btn btn-default pull-right\"\r\n              href=\"{{baseUri}}/kubernetes/workspaces\"><i class=\"fa fa-list\"></i></a>\r\n      <span class=\"pull-right\">&nbsp;</span>\r\n      <a class=\"btn btn-default pull-right\" ng-show=\"entity.$configLink\"\r\n              title=\"View the workspace configuration\"\r\n              href=\"{{entity.$configLink}}\">\r\n        Configuration\r\n      </a>\r\n      <span class=\"pull-right\">&nbsp;</span>\r\n      <a class=\"btn btn-default pull-right\" ng-show=\"entity.$podLink\"\r\n              title=\"View the workspace pod\"\r\n              href=\"{{entity.$podLink}}\">\r\n        Pod\r\n      </a>\r\n      <span class=\"pull-right\">&nbsp;</span>\r\n      <a class=\"btn btn-primary pull-right\" ng-show=\"entity.$logsLink\"\r\n              title=\"View the workspace logs\"\r\n              href=\"{{entity.$logsLink}}\">\r\n        View Log\r\n      </a>\r\n    </div>\r\n  </div>\r\n  <div class=\"row\">\r\n    <div class=\"col-md-12\">\r\n      <div ng-hide=\"model.fetched\">\r\n        <div class=\"align-center\">\r\n          <i class=\"fa fa-spinner fa-spin\"></i>\r\n        </div>\r\n      </div>\r\n      <div ng-show=\"model.fetched\">\r\n        <div hawtio-object=\"entity\" config=\"config\"></div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n");
-$templateCache.put("plugins/developer/html/workspaces.html","<div ng-controller=\"Developer.WorkspacesController\" hawtio-card-bg >\n    <div hawtio-breadcrumbs></div>\n    <div hawtio-tabs></div>\n    <div class=\"container-content sj_content\">\n        <div class=\"sj_content_position clear\" >\n             <ul >\n                <li class=\"sj_icons_home\"></li>\n                <li>当前位置：</li>\n                <li><a href=\"#\">数据汇总</a> <span>&gt;</span></li>\n                <li><a href=\"#\">社保系统</a><span>&gt;</span></li>\n                <li><a href=\"#\">批次A</a></li>\n              </ul>\n        </div>\n        <div class=\"container-fluid sj_fluid\">\n            <div class=\"row nav-content mb10 clear \" >\n                <ul class=\"nav nav-tabs sj_nav_taps fl\" ng-show=\"navbarItems.length\">\n                    <li role=\"presentation\" ng-repeat=\"item in navbarItems\" class=\"{{item.class}}\"><a href=\"#\" ng-click=\"selectBatchItem(item)\">{{item.label}}</a></li>\n                </ul>\n                <div class=\"fr sj_searchbox\">\n                    <input type=\"text\"  class=\"sj_search_input\"/>\n                    <a href=\"#\" class=\"sj_search_btn\"></a>\n                </div>\n            </div>\n            <div ng-hide=\"model.data.length\" class=\"align-center\">\n                <p class=\"alert alert-info\">当前没有可以查看的数据.</p>\n            </div>\n            <div ng-show=\"model.data.length\">\n                <table class=\"table table-striped table-bordered sj_content_table\" hawtio-simple-table=\"tableConfig\"></table>\n                <div class=\"row clear\">\n                    <div class=\" fl\">\n                        <input type=\"checkbox\" class=\"fl mr5 \" style=\"margin-top: 8px;\" />\n                        <label class=\"fl mr5 \" style=\"margin-top: 5px; font-style:nomal;\">全选</label>\n                        <a class=\"sj_btn_grey pull-left mr5\" title=\"启动oracle服务\" href=\"/kubernetes/replicationControllers\" ng-disabled=\"!id && tableConfig.selectedItems.length == 0\" ng-click=\"createOracleService(id || tableConfig.selectedItems)\">启动oracle服务</a>\n                        <a class=\"sj_btn_grey pull-left mr5\" title=\"迁移数据\" href=\"#\" ng-disabled=\"!id && tableConfig.selectedItems.length == 0\" ng-click=\"migrationClick.open(id || tableConfig.selectedItems)\">迁移数据</a>\n                        <a class=\"sj_btn_grey pull-left mr5\" title=\"删除数据\" href=\"#\" ng-disabled=\"!id && tableConfig.selectedItems.length == 0\" ng-click=\"deletePrompt(id || tableConfig.selectedItems)\">删除数据</a>\n                    </div>\n                    <ul class=\"fr sj_table_bottom\">\n                        <li class=\"mr5 \" >当前显示1~7行，共7行。</li>\n                        <li class=\"mr5 \">每页显示\n                            <select ng-options=\"value for value in pageSizeChoses\" ng-change=\"selectAction()\" ng-model=\"options.currentTableSize\"></select>行\n                        </li>\n                        <li class=\"mr5 \">当前页码</li>\n                        <li>\n                            <div class=\"hawtio-pager clearfix\">\n                                <label >{{options.currentPageNum}} / {{options.getPageSizeNum()}}</label>\n                                <div class=btn-group>\n                                    <button class=\"btn sj_btn_grey\" ng-disabled=\"isEmptyOrFirst()\" ng-click=\"first()\"><i class=\"fa fa-fast-backward\"></i></button>\n                                    <button class=\"btn sj_btn_grey\" ng-disabled=\"isEmptyOrFirst()\" ng-click=\"previous()\"><i class=\"fa fa-step-backward\"></i></button>\n                                    <button class=\"btn sj_btn_grey \" ng-disabled=\"isEmptyOrLast()\" ng-click=\"next()\"><i class=\"fa fa-step-forward\"></i></button>\n                                    <button class=\"btn sj_btn_grey\" ng-disabled=\"isEmptyOrLast()\" ng-click=\"last()\"><i class=\"fa fa-fast-forward\"></i></button>\n                                </div>\n                            </div>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div modal=\"migrationClick.dialog.show \">\n        <form name=\"selectFolder \" class=\" \" ng-submit=\"migrationClick.onOk() \">\n            <div class=\"modal-header \">\n                <h4>数据迁移</h4></div>\n            <div class=\"modal-body\">\n                <div class=\"row\">\n                    <label class=\"col-sm-3 control-label\" for=\"selectedItem \">\n                        请选择迁移集群\n                    </label>\n                    <select ng-model=\"migrationClick.selectedItem \" class=\"col-sm-3\" title=\"name of the new namespace \" id=\"selectedItem \" ng-options=\"x.$oracleName for x in filterReplicationControllers \" />\n                </div>\n                <div>\n                    <treecontrol class=\"tree-classic\" tree-model=\"dataForTheTree\" options=\"treeOptions\" on-selection=\"showSelected(node)\" selected-node=\"selectNode\">\n                        {{node.name}}\n                    </treecontrol>\n                </div>\n            </div>\n            <div class=\"modal-footer \">\n                <input class=\"btn btn-primary \" type=\"submit\" ng-disabled=\"!selectNode || selectNode.children.length <= 0\" value=\"确定\">\n                <button class=\"btn btn-warning cancel \" type=\"button\" ng-click=\"migrationClick.close()\">取消</button>\n            </div>\n        </form>\n    </div>\n    <div class=\"prettify \"></div>\n</div>\n");
+$templateCache.put("plugins/developer/html/workspaces.html","<div ng-controller=\"Developer.WorkspacesController\" hawtio-card-bg >\n    <div hawtio-breadcrumbs></div>\n    <div hawtio-tabs></div>\n    <div class=\"container-content sj_content\">\n        <div class=\"sj_content_position clear\" >\n             <ul >\n                <li class=\"sj_icons_home\"></li>\n                <li>当前位置：</li>\n                <li><a href=\"#\">数据汇总</a> <span>&gt;</span></li>\n                <li><a href=\"#\">社保系统</a><span>&gt;</span></li>\n                <li><a href=\"#\">批次A</a></li>\n              </ul>\n        </div>\n        <div class=\"container-fluid sj_fluid\">\n            <div class=\"row nav-content mb10 clear \" >\n                <ul class=\"nav nav-tabs sj_nav_taps fl\" ng-show=\"navbarItems.length\">\n                    <li role=\"presentation\" ng-repeat=\"item in navbarItems\" class=\"{{item.class}}\"><a href=\"#\" ng-click=\"selectBatchItem(item)\">{{item.label}}</a></li>\n                </ul>\n                <div class=\"fr sj_searchbox\">\n                    <input type=\"text\"  class=\"sj_search_input\"/>\n                    <a href=\"#\" class=\"sj_search_btn\"></a>\n                </div>\n            </div>\n            <div ng-hide=\"model.data.length\" class=\"align-center\">\n                <p class=\"alert alert-info\">当前没有可以查看的数据.</p>\n            </div>\n            <div ng-show=\"model.data.length\">\n                <table class=\"table table-striped table-bordered sj_content_table\" hawtio-simple-table=\"tableConfig\"></table>\n                <div class=\"row clear\">\n                    <div class=\" fl\">\n                        <input type=\"checkbox\" class=\"fl mr5 \" style=\"margin-top: 8px;\" />\n                        <label class=\"fl mr5 \" style=\"margin-top: 5px; font-style:nomal;\">全选</label>\n                        <a class=\"sj_btn_grey pull-left mr5\" title=\"启动oracle服务\" href=\"/kubernetes/replicationControllers\" ng-disabled=\"!id && tableConfig.selectedItems.length == 0\" ng-click=\"createOracleService(id || tableConfig.selectedItems)\">启动oracle服务</a>\n                        <a class=\"sj_btn_grey pull-left mr5\" title=\"迁移数据\" href=\"#\" ng-disabled=\"!id && tableConfig.selectedItems.length == 0\" ng-click=\"migrationClick.open(id || tableConfig.selectedItems)\">迁移数据</a>\n                        <a class=\"sj_btn_grey pull-left mr5\" title=\"删除数据\" href=\"#\" ng-disabled=\"!id && tableConfig.selectedItems.length == 0\" ng-click=\"deletePrompt(id || tableConfig.selectedItems)\">删除数据</a>\n                    </div>\n                    <ul class=\"fr sj_table_bottom\">\n                        <li class=\"mr5 \" >当前显示1~7行，共7行。</li>\n                        <li class=\"mr5 \">每页显示\n                            <select ng-options=\"value for value in pageSizeChoses\" ng-change=\"selectAction()\" ng-model=\"options.currentTableSize\"></select>行\n                        </li>\n                        <li class=\"mr5 \">当前页码</li>\n                        <li>\n                            <div class=\"hawtio-pager clearfix\">\n                                <label >{{options.currentPageNum}} / {{options.getPageSizeNum()}}</label>\n                                <div class=btn-group>\n                                    <button class=\"btn sj_btn_grey\" ng-disabled=\"isEmptyOrFirst()\" ng-click=\"first()\"><i class=\"fa fa-fast-backward\"></i></button>\n                                    <button class=\"btn sj_btn_grey\" ng-disabled=\"isEmptyOrFirst()\" ng-click=\"previous()\"><i class=\"fa fa-step-backward\"></i></button>\n                                    <button class=\"btn sj_btn_grey \" ng-disabled=\"isEmptyOrLast()\" ng-click=\"next()\"><i class=\"fa fa-step-forward\"></i></button>\n                                    <button class=\"btn sj_btn_grey\" ng-disabled=\"isEmptyOrLast()\" ng-click=\"last()\"><i class=\"fa fa-fast-forward\"></i></button>\n                                </div>\n                            </div>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div modal=\"migrationClick.dialog.show \" >\n        <form name=\"selectFolder \" class=\" \" ng-submit=\"migrationClick.onOk() \">\n            <div class=\"modal-header sj_modal-header\" >\n                <h4 >数据迁移</h4></div>\n            <div class=\"modal-body sj_modal_body\">\n                <div class=\"row sj_model_row\">\n                    <label class=\"col-sm-3 control-label sj_contro_label\" for=\"selectedItem \">\n                        请选择迁移集群\n                    </label>\n                    <select ng-model=\"migrationClick.selectedItem \" class=\"col-sm-3 sj_modal_select\" title=\"name of the new namespace \" id=\"selectedItem \" ng-options=\"x.$oracleName for x in filterReplicationControllers \" />\n                </div>\n                <div>\n                    <treecontrol class=\"tree-classic\" tree-model=\"dataForTheTree\" options=\"treeOptions\" on-selection=\"showSelected(node)\" selected-node=\"selectNode\">\n                        {{node.name}}\n                    </treecontrol>\n                </div>\n            </div>\n            <div class=\"modal-footer \">\n                <input class=\"btn btn-primary sj_btn_blue\" type=\"submit\" ng-disabled=\"!selectNode || selectNode.children.length <= 0\" value=\"确定\">\n                <button class=\"btn btn-warning cancel sj_btn_grey\" type=\"button\" ng-click=\"migrationClick.close()\">取消</button>\n            </div>\n        </form>\n    </div>\n    <div class=\"prettify \"></div>\n</div>\n");
 $templateCache.put("plugins/kubernetes/html/appDeployedTemplate.html","<div class=\"ngCellText\" title=\"deployed at: {{row.entity.$creationDate | date:\'yyyy-MMM-dd HH:mm:ss Z\'}}\">\r\n  {{row.entity.$creationDate ? (row.entity.$creationDate | relativeTime) : \'\'}}\r\n</div>\r\n");
 $templateCache.put("plugins/kubernetes/html/appDetailTemplate.html","<div class=\"service-view-rectangle\" ng-repeat=\"view in item.$serviceViews\" ng-hide=\"view.appName === \'kubernetes\'\">\r\n  <div class=\"service-view-header row\">\r\n    <div class=\"col-md-4\">\r\n      <span class=\"service-view-icon\">\r\n        <a ng-href=\"{{view.service | kubernetesPageLink}}\" title=\"View the service detail page\">\r\n          <img ng-show=\"item.$iconUrl\" ng-src=\"{{item.$iconUrl}}\">\r\n        </a>\r\n      </span>\r\n      <span class=\"service-view-name\" title=\"{{view.name}}\">\r\n        <a ng-href=\"{{view.service | kubernetesPageLink}}\" title=\"View the service detail page\">\r\n          {{view.appName}}\r\n        </a>\r\n      </span>\r\n    </div>\r\n    <div class=\"col-md-6\">\r\n      <span class=\"service-view-address\" title=\"The service address\">\r\n        <a ng-show=\"view.service.$connectUrl\" target=\"_blank\" href=\"{{view.service.$connectUrl}}\" title=\"Connect to the service\">\r\n          {{view.service.$host}}\r\n        </a>\r\n        <span ng-hide=\"view.service.$connectUrl\">{{view.service.$host}}</span>\r\n      </span>\r\n    </div>\r\n    <div class=\"col-md-2 align-right\">\r\n      <a class=\"service-view-header-delete\" href=\"\" ng-click=\"deleteSingleApp(item)\" title=\"Delete this app\"><i\r\n          class=\"fa fa-remove red\"></i></a>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"service-view-detail-rectangle\">\r\n    <div class=\"service-view-detail-header row\">\r\n      <div class=\"col-md-3\">\r\n        <div class=\"service-view-detail-deployed\" ng-show=\"view.createdDate\"\r\n          title=\"deployed at: {{view.createdDate | date:\'yyyy-MMM-dd HH:mm:ss Z\'}}\">\r\n          deployed:\r\n          <span class=\"value\">{{view.createdDate | relativeTime}}</span>\r\n        </div>\r\n        <div class=\"service-view-detail-deployed\" ng-hide=\"view.createdDate\">\r\n          not deployed\r\n        </div>\r\n      </div>\r\n      <div class=\"col-md-6\">\r\n        <div class=\"service-view-detail-pod-template\" ng-show=\"view.controllerId\">\r\n          pod template:\r\n          <span class=\"value\" title=\"Go to the replication controller detail page\"><a\r\n              ng-href=\"{{view.replicationController | kubernetesPageLink}}\">{{view.controllerId}}</a></span>\r\n        </div>\r\n        <div class=\"service-view-detail-pod-template\" ng-hide=\"view.controllerId\">\r\n          no pod template\r\n        </div>\r\n      </div>\r\n      <div class=\"col-md-3 service-view-detail-pod-counts align-right\">\r\n        <span>\r\n          pods:\r\n          <a href=\"\" ng-show=\"view.replicationController\" class=\"badge badge-success\"\r\n            ng-click=\"resizeDialog.open(view.replicationController)\"\r\n            title=\"Resize the number of pods\">\r\n            {{view.podCount}}\r\n          </a>\r\n          <span ng-hide=\"view.replicationController\" class=\"badge badge-info\">\r\n            {{view.podCount}}\r\n          </span>\r\n        </span>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"service-view-detail-pod-box row\">\r\n      <div class=\"col-md-12\">\r\n        <div class=\"inline-block\" ng-repeat=\"pod in item.pods track by $index\">\r\n          <div ng-show=\"podExpanded(pod)\" class=\"service-view-detail-pod-summary-expand\">\r\n            <table>\r\n              <tr>\r\n                <td class=\"service-view-detail-pod-status\">\r\n                  <i ng-class=\"pod.statusClass\"></i>\r\n                </td>\r\n                <td class=\"service-view-detail-pod-connect\" ng-show=\"pod.$jolokiaUrl\"\r\n                  ng-controller=\"Kubernetes.ConnectController\">\r\n                  <a class=\"clickable\"\r\n                    ng-click=\"doConnect(pod)\"\r\n                    title=\"Open a new window and connect to this container\">\r\n                    <i class=\"fa fa-sign-in\"></i>\r\n                  </a>\r\n                </td>\r\n                <td>\r\n                  <div class=\"service-view-detail-pod-id\" title=\"{{pod.id}}\">\r\n                    <span class=\"value\">Pod <a title=\"Go to the pod detail page\" ng-href=\"{{pod | kubernetesPageLink}}\">{{pod.idAbbrev}}</a></span>\r\n                  </div>\r\n                  <div class=\"service-view-detail-pod-ip\">\r\n                    IP:\r\n                    <span class=\"value\">{{pod.status.podIP}}</span>\r\n                  </div>\r\n                </td>\r\n                <td>\r\n                  <div class=\"service-view-detail-pod-ports\">\r\n                    ports: <span class=\"value\">{{pod.$containerPorts.join(\", \")}}</span>\r\n                  </div>\r\n                  <div class=\"service-view-detail-pod-minion\">\r\n                    minion:\r\n                    <span class=\"value\">\r\n                      <a ng-show=\"pod.$host\" ng-href=\"{{baseUri}}/kubernetes/hosts/{{pod.$host}}\">{{pod.$host}}</a>\r\n                    </span>\r\n                  </div>\r\n                </td>\r\n                <td class=\"service-view-detail-pod-expand\" ng-click=\"collapsePod(pod)\">\r\n                  <i class=\"fa fa-chevron-left\"></i>\r\n                </td>\r\n              </tr>\r\n            </table>\r\n            <!--\r\n            <div class=\"service-view-detail-pod-status\">\r\n              status:\r\n              <span class=\"value\">{{pod.status}}</span>\r\n            </div>\r\n            -->\r\n          </div>\r\n\r\n          <div ng-hide=\"podExpanded(pod)\" class=\"service-view-detail-pod-summary\">\r\n            <table>\r\n              <tr>\r\n                <td class=\"service-view-detail-pod-status\">\r\n                  <i ng-class=\"pod.statusClass\"></i>\r\n                </td>\r\n                <td class=\"service-view-detail-pod-connect\" ng-show=\"pod.$jolokiaUrl\"\r\n                  ng-controller=\"Kubernetes.ConnectController\">\r\n                  <a class=\"clickable\"\r\n                    ng-click=\"doConnect(pod)\"\r\n                    title=\"Open a new window and connect to this container\">\r\n                    <i class=\"fa fa-sign-in\"></i>\r\n                  </a>\r\n                </td>\r\n                <td>\r\n                  <div class=\"service-view-detail-pod-id\" title=\"{{pod.id}}\">\r\n                    <span class=\"value\">Pod <a title=\"Go to the pod detail page\" ng-href=\"{{pod | kubernetesPageLink}}\">{{pod.idAbbrev}}</a></span>\r\n                  </div>\r\n                  <div class=\"service-view-detail-pod-ip\">\r\n                    IP:\r\n                    <span class=\"value\">{{pod.status.podIP}}</span>\r\n                  </div>\r\n                </td>\r\n                <td class=\"service-view-detail-pod-expand\" ng-click=\"expandPod(pod)\">\r\n                  <i class=\"fa fa-chevron-right\"></i>\r\n                </td>\r\n              </tr>\r\n            </table>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n");
 $templateCache.put("plugins/kubernetes/html/appIconTemplate.html","<div class=\"ngCellText\" title=\"{{row.entity.$info.description}}\">\r\n  <a ng-href=\"row.entity.$appUrl\">\r\n    <img ng-show=\"row.entity.$iconUrl\" class=\"app-icon-small\" ng-src=\"{{row.entity.$iconUrl}}\">\r\n  </a>\r\n  <span class=\"app-name\">\r\n    <a ng-click=\"row.entity.$select()\">\r\n      {{row.entity.$info.name}}\r\n    </a>\r\n  </span>\r\n</div>\r\n");
diff --git a/new/sj_style.css b/new/sj_style.css
index 95b1df8e..c15b861b 100644
--- a/new/sj_style.css
+++ b/new/sj_style.css
@@ -23,7 +23,9 @@ a:hover,a:active{color:#333;}
 a.sj_btn_grey{ display:inline-block; padding:0px 15px; height:30px; line-height:30px; -webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;  background-image:-webkit-linear-gradient(top, #fdfdfd,#e8e8e8);background-image:linear-gradient(top,#fdfdfd,#e8e8e8); border:1px solid #cecece; color:#505050;}
 a:hover.sj_btn_grey{ background-image:-webkit-linear-gradient(top, #eeeeee,#d3d3d3);background-image:linear-gradient(top,#eeeeee,#d3d3d3);}
 .sj_btn_grey{ display:inline-block; padding:0px 15px; height:30px; line-height:30px; -webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;  background-image:-webkit-linear-gradient(top, #fdfdfd,#e8e8e8);background-image:linear-gradient(top,#fdfdfd,#e8e8e8); border:1px solid #cecece; color:#505050;}
-.sj_btn_grey:hover{ background-image:-webkit-linear-gradient(top, #eeeeee,#d3d3d3);background-image:linear-gradient(top,#eeeeee,#d3d3d3);}
+.sj_btn_grey:hover{ background-image:-webkit-linear-gradient(top, #eeeeee,#d3d3d3);background-image:linear-gradient(top,#eeeeee,#d3d3d3);border:1px solid #cecece; color:#505050;}
+.sj_btn_blue{ display:inline-block; padding:0px 15px; height:30px; line-height:30px; -webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;  background-image:-webkit-linear-gradient(top, #2a84e9,#0d62c1);background-image:linear-gradient(top,#2a84e9,#0d62c1);border:1px solid #1362b4; color:#fff;}
+.sj_btn_blue:hover{ background-image:-webkit-linear-gradient(top, #4894ea,#3a83d6);background-image:linear-gradient(top,#4894ea,#3a83d6);}
 /* sj_header */
 .sj_header{ height:70px; width:100%; background:#1d1d1d;}
 .sj_header a.sj_logo{ display:block; height:41px; width:146px; padding:14px 20px 0 12px;}
@@ -85,4 +87,20 @@ a:hover.sj_btn_grey{ background-image:-webkit-linear-gradient(top, #eeeeee,#d3d3
 .sj_nav_taps li a{ display: inline-block; font-size: 12px;  border:1px solid #cecece;background-image:-webkit-linear-gradient(top, #fcfcfc,#e9e9e9);background-image:linear-gradient(top, #fcfcfc,#e9e9e9); padding:5px 15px; color:#505050; margin-right:5px;}
 .sj_nav_taps  li a:hover,.sj_nav_taps  li a.active{ background:#cdcdcd; border:1px solid #9e9e9e;}
 .sj_nav_taps > li.active > a, .sj_nav_taps > li.active > a:hover, .sj_nav_taps > li.active > a:focus {  background:#cdcdcd; border:1px solid #9e9e9e; color:#505050;}
-.sj_fluid{ padding:0;}
\ No newline at end of file
+.sj_fluid{ padding:0;}
+
+.treecontrol{ font-size: 14px; height: 32px; line-height: 32px; padding-left: 15px;}
+treecontrol.tree-classic li.tree-expanded i.tree-branch-head {    padding: 1px 15px; padding-right:25px;background: url(../new/images/sj_tree_files.png) 0 -23px no-repeat;}
+treecontrol.tree-classic li.tree-collapsed i.tree-branch-head{ padding: 1px 15px;padding-right:25px;background: url(../new/images/sj_tree_files.png) 0 0px no-repeat;}
+treecontrol.tree-classic li.tree-leaf i.tree-leaf-head { padding: 1px 15px; padding-right:10px;background: url(../new/images/sj_tree_files.png) 0 -48px no-repeat;}
+treecontrol.tree-classic li .tree-selected{background-color: #e5f0fb;  color: #333;  }
+treecontrol li{  line-height: 30px; padding-left: 25px;}
+treecontrol li:hover{}
+.sj_modal_body{ height: 210px; overflow: auto;padding-left: 0; padding-right: 0;}
+.modal{ width: 500px;}
+.sj_modal-header{ height:42px; line-height: 42px;     border-bottom: 1px solid #ddd; }
+.sj_modal-header h4{ margin-top: 5px; font-weight: bold;}
+.sj_modal_select{ width: 350px; height: 30px; line-height: 30px; border: 1px solid #ccc;   }
+.sj_contro_label{ height: 30px; line-height: 30px;}
+.sj_contro_label{ padding-right:10px;   }
+.sj_fluid{ padding-right: 0px; padding-left: 0px;}
diff --git a/plugins/developer/html/workspaces.html b/plugins/developer/html/workspaces.html
index 07d7167b..59a174d5 100644
--- a/plugins/developer/html/workspaces.html
+++ b/plugins/developer/html/workspaces.html
@@ -56,16 +56,16 @@
             </div>
         </div>
     </div>
-    <div modal="migrationClick.dialog.show ">
+    <div modal="migrationClick.dialog.show " >
         <form name="selectFolder " class=" " ng-submit="migrationClick.onOk() ">
-            <div class="modal-header ">
-                <h4>数据迁移</h4></div>
-            <div class="modal-body">
-                <div class="row">
-                    <label class="col-sm-3 control-label" for="selectedItem ">
+            <div class="modal-header sj_modal-header" >
+                <h4 >数据迁移</h4></div>
+            <div class="modal-body sj_modal_body">
+                <div class="row sj_model_row">
+                    <label class="col-sm-3 control-label sj_contro_label" for="selectedItem ">
                         请选择迁移集群
                     </label>
-                    <select ng-model="migrationClick.selectedItem " class="col-sm-3" title="name of the new namespace " id="selectedItem " ng-options="x.$oracleName for x in filterReplicationControllers " />
+                    <select ng-model="migrationClick.selectedItem " class="col-sm-3 sj_modal_select" title="name of the new namespace " id="selectedItem " ng-options="x.$oracleName for x in filterReplicationControllers " />
                 </div>
                 <div>
                     <treecontrol class="tree-classic" tree-model="dataForTheTree" options="treeOptions" on-selection="showSelected(node)" selected-node="selectNode">
@@ -74,8 +74,8 @@
                 </div>
             </div>
             <div class="modal-footer ">
-                <input class="btn btn-primary " type="submit" ng-disabled="!selectNode || selectNode.children.length <= 0" value="确定">
-                <button class="btn btn-warning cancel " type="button" ng-click="migrationClick.close()">取消</button>
+                <input class="btn btn-primary sj_btn_blue" type="submit" ng-disabled="!selectNode || selectNode.children.length <= 0" value="确定">
+                <button class="btn btn-warning cancel sj_btn_grey" type="button" ng-click="migrationClick.close()">取消</button>
             </div>
         </form>
     </div>