浏览代码

HUE-6077 [frontend] Hue3.css clean-up round one

Johan Ahlen 8 年之前
父节点
当前提交
ec27784

+ 3 - 3
apps/sqoop/src/sqoop/templates/app.mako

@@ -124,7 +124,7 @@ ${ commonheader(None, "sqoop", user, request) | n,unicode }
 
     <div id="job-editor" class="row-fluid section hide" data-bind="with: job">
       <div class="sidebar-nav span2" data-bind="visible: $root.job().persisted">
-        <form id="advanced-settings" method="POST" class="form form-horizontal noPadding">
+        <form id="advanced-settings" method="POST" class="form form-horizontal no-padding">
           ${ csrf_token(request) | n,unicode }
           <ul class="nav nav-list">
             <li class="nav-header" data-bind="visible: $root.job().persisted">${_('Actions')}</li>
@@ -196,7 +196,7 @@ ${ commonheader(None, "sqoop", user, request) | n,unicode }
             </li>
           </ul>
 
-          <form method="POST" class="form form-horizontal noPadding" data-bind="with: page">
+          <form method="POST" class="form form-horizontal no-padding" data-bind="with: page">
             ${ csrf_token(request) | n,unicode }
             <div class="alert alert-info"><h3 data-bind="text: description"></h3></div>
             <div class="job-form" data-bind="template: {'name': template(), 'data': node}">
@@ -245,7 +245,7 @@ ${ commonheader(None, "sqoop", user, request) | n,unicode }
     <div id="link-editor" class="row-fluid section hide" data-bind="with: link">
       <div id="link-forms" class="span12">
         <div class="card">
-          <form method="POST" class="form form-horizontal noPadding">
+          <form method="POST" class="form form-horizontal no-padding">
             ${ csrf_token(request) | n,unicode }
             <div data-bind="template: {'name': 'link-editor-form-error', 'data': {'name': ko.observable('linkConfig')}}" class=""></div>
             <div class="control-group">

文件差异内容过多而无法显示
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue.css


文件差异内容过多而无法显示
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue3-extra.css


+ 0 - 800
desktop/core/src/desktop/static/desktop/css/hue3.css

@@ -16,94 +16,6 @@
  limitations under the License.
 */
 
-.subnav {
-  background-color: #EEEEEE;
-  background-image: -moz-linear-gradient(center top, #F5F5F5 0%, #EEEEEE 100%);
-  background-repeat: repeat-x;
-  border: 1px solid #E5E5E5;
-  border-radius: 4px;
-  -webkit-border-radius: 4px;
-  -moz-border-radius: 4px;
-  height: 36px;
-  width: 100%;
-}
-
-.subnav .nav {
-  margin-bottom: 0;
-}
-
-.subnav .nav > li > a {
-  border-left: 1px solid #F5F5F5;
-  border-radius: 0;
-  -webkit-border-radius: 0;
-  -moz-border-radius: 0;
-  border-right: 1px solid #E5E5E5;
-  margin: 0;
-  padding-bottom: 11px;
-  padding-top: 11px;
-}
-
-.subnav .nav > li > a:hover {
-  border-right: 1px solid #E5E5E5;
-  border-left: 1px solid #F5F5F5;
-}
-
-.subnav .nav > .active > a, .subnav .nav > .active > a:hover {
-  background-color: #E9E9E9;
-  border-left: 0 none;
-  border-right-color: #DDDDDD;
-  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05) inset;
-  color: #777777;
-  padding-left: 13px;
-}
-
-.subnav .nav > .active > a .caret, .subnav .nav > .active > a:hover .caret {
-  border-top-color: #777777;
-}
-
-.subnav .nav > li:first-child > a, .subnav .nav > li:first-child > a:hover {
-  border-left: 0 none;
-  border-radius: 4px 0 0 4px;
-  -webkit-border-radius: 4px 0 0 4px;
-  -moz-border-radius: 4px 0 0 4px;
-  padding-left: 12px;
-}
-
-.subnav .nav > li:last-child > a {
-  border-right: 0 none;
-}
-
-.subnav .dropdown-menu {
-  border-radius: 0 0 4px 4px;
-  -webkit-border-radius: 0 0 4px 4px;
-  -moz-border-radius: 0 0 4px 4px;
-}
-
-.subnav-fixed {
-  border-color: #D5D5D5;
-  border-radius: 0;
-  -webkit-border-radius: 0;
-  -moz-border-radius: 0;
-  border-width: 0 0 1px;
-  box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 5px rgba(0, 0, 0, 0.1);
-  left: 0;
-  position: fixed;
-  right: 0;
-  top: 48px;
-  z-index: 1020;
-}
-
-.subnav-fixed .nav {
-  margin: 0 auto;
-  padding: 0 1px;
-}
-
-.subnav .nav > li:first-child > a, .subnav .nav > li:first-child > a:hover {
-  border-radius: 0;
-  -webkit-border-radius: 0;
-  -moz-border-radius: 0;
-}
-
 .form-stacked {
   margin: 0;
 }
@@ -116,94 +28,10 @@
   padding-top: 6px;
 }
 
-.right {
-  text-align: right !important;
-}
-
-.center {
-  text-align: center !important;
-}
-
-.left {
-  text-align: left !important;
-}
-
-.nowrap, .no-wrap {
-  white-space: nowrap;
-}
-
-a.toggle-display-link:link {
-  color: black;
-  text-decoration: none;
-}
-
-a.toggle-display-link:active {
-  color: black;
-  text-decoration: none;
-}
-
-a.toggle-display-link:visited {
-  color: black;
-  text-decoration: none;
-}
-
-a.toggle-display-link:hover {
-  color: black;
-  text-decoration: none;
-}
-
 .withTitle {
   top: 60px !important;
 }
 
-.clear {
-  clear: both;
-}
-
-.sectionbar {
-  background-color: #E5E5E5;
-  background-image: linear-gradient(top, rgb(255, 255, 255) 0%, rgb(229, 229, 229) 100%);
-  background-image: -o-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(229, 229, 229) 100%);
-  background-image: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(229, 229, 229) 100%);
-  background-image: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(229, 229, 229) 100%);
-  background-image: -ms-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(229, 229, 229) 100%);
-
-  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(255, 255, 255)), color-stop(1, rgb(229, 229, 229)));
-  height: 40px;
-  border-bottom: 1px solid #CBCBCB;
-  padding-top: 10px;
-}
-
-.sectionbar h2 {
-  font-size: 20px;
-  font-weight: 400;
-  padding-left: 20px;
-  float: left;
-}
-
-.sectionbar h2.selected {
-  color: #01639C;
-}
-
-.sectionbar h2.subsection, .sectionbar h2.subsubsection {
-  padding-left: 6px;
-}
-
-.sectionbar h3 {
-  float: left;
-  padding-left: 6px;
-  color: #CCC;
-  font-size: 12px;
-}
-
-.sectionbar a {
-  float: right;
-  margin-right: 14px;
-  color: #1F92D8;
-  padding-top: 7px;
-  text-shadow: 0 -1px 0 #E5E5E5;
-}
-
 .toolbar {
   float: right;
 }
@@ -222,143 +50,10 @@ a.toggle-display-link:hover {
   word-wrap: break-word;
 }
 
-.menubar {
-  height: 30px;
-  left: 0;
-  overflow: visible;
-  position: fixed;
-  right: 0;
-  top: 40px;
-  z-index: 9999;
-}
-
-.menubar-inner, .menubar .fill {
-  background-color: #d0e1f4;
-  background-image: -moz-linear-gradient(center top, #d0e1f4, #d0e1f4);
-  background-image: -webkit-linear-gradient(top, #d0e1f4, #d0e1f4);
-  background-repeat: repeat-x;
-}
-
-.menubar-inner a {
-  color: #333;
-  font-weight: bold;
-}
-
-.menubar-inner a:hover {
-  color: #01639C;
-}
-
-.menubar-inner a.selected {
-  color: #FFFFFF;
-  padding: 2px;
-  padding-left: 10px;
-  padding-right: 10px;
-  margin-top: 8px;
-  background-color: #01639C;
-  background-image: -moz-linear-gradient(center top, #01639C, #015382);
-  background-repeat: repeat-x;
-  box-shadow: 0 0 3px #015382 inset;
-  -moz-box-shadow: 0 0 3px #015382 inset;
-  -webkit-box-shadow: 0 0 3px #015382 inset;
-  border-radius: 30px;
-}
-
-.menubar-inner a.disabled {
-  cursor: default;
-  opacity: 0.65;
-}
-
-.menubar-inner a.disabled:hover {
-  color: #333;
-}
-
-.widget-box {
-  background: none repeat scroll 0 0 #F9F9F9;
-  border-top: 1px solid #CDCDCD;
-  border-left: 1px solid #CDCDCD;
-  border-right: 1px solid #CDCDCD;
-  clear: both;
-  margin-top: 10px;
-  margin-bottom: 16px;
-  position: relative;
-}
-
-.widget-title {
-  background-color: #efefef;
-  background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#fdfdfd), to(#eaeaea));
-  background-image: -webkit-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
-  background-image: -moz-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
-  background-image: -ms-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
-  background-image: -o-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
-  background-image: -linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#eaeaea', GradientType=0); /* IE6-9 */
-  border-bottom: 1px solid #CDCDCD;
-  height: 36px;
-}
-
-.widget-title span.icon {
-  border-right: 1px solid #cdcdcd;
-  padding: 9px 10px 7px 11px;
-  float: left;
-  opacity: .7;
-}
-
-.widget-title h5 {
-  color: #666666;
-  text-shadow: 0 1px 0 #ffffff;
-  float: left;
-  font-size: 16px;
-  font-weight: bold;
-  padding: 10px;
-  line-height: 16px;
-  margin: 0;
-}
-
-.widget-content {
-  padding-top: 15px;
-  padding-bottom: 15px;
-  border-bottom: 1px solid #cdcdcd;
-}
-
-.widget-content ul {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-
-.widget-content ul li {
-  margin: 0;
-  padding: 0;
-}
-
-.widget-content a {
-  padding: 5px 15px;
-  display: block;
-  font-size: 14px;
-  font-weight: bold;
-}
-
-.widget-content a i {
-  color: #999999;
-}
-
-.widget-content a:hover {
-  background-color: #EEEEEE;
-  text-decoration: none;
-}
-
-.widget-content a:hover i {
-  color: #333333;
-}
-
 code {
   line-height: 1.4em;
 }
 
-.noPadding {
-  padding: 0;
-}
-
 .contextMenu {
   display: none;
 }
@@ -488,432 +183,6 @@ ul.errorlist li {
   right: 0;
 }
 
-/*********************************************************
- * From: http://datatables.net/blog/Twitter_Bootstrap
- */
-
-div.dataTables_length label {
-  width: 460px;
-  float: left;
-  text-align: left;
-}
-
-div.dataTables_length select {
-  width: 75px;
-}
-
-div.dataTables_filter label {
-  float: right;
-  width: 460px;
-}
-
-div.dataTables_info {
-  padding-top: 8px;
-}
-
-div.dataTables_paginate {
-  float: right;
-  margin: 0;
-}
-
-/*
- *********************************************************/
-
-/* Pagination nested */
-.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
-  height: 19px;
-  width: 19px;
-  margin-left: 3px;
-  float: left;
-}
-
-.paginate_disabled_previous {
-  background-image: url('../art/datatables/back_disabled.jpg');
-}
-
-.paginate_enabled_previous {
-  background-image: url('../art/datatables/back_enabled.jpg');
-}
-
-.paginate_disabled_next {
-  background-image: url('../art/datatables/forward_disabled.jpg');
-}
-
-.paginate_enabled_next {
-  background-image: url('../art/datatables/forward_enabled.jpg');
-}
-
-/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
- * DataTables display
- */
-table.display {
-  margin: 0 auto;
-  clear: both;
-  width: 100%;
-
-  /* Note Firefox 3.5 and before have a bug with border-collapse
-    * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 )
-    * border-spacing: 0; is one possible option. Conditional-css.com is
-    * useful for this kind of thing
-    *
-    * Further note IE 6/7 has problems when calculating widths with border width.
-    * It subtracts one px relative to the other browsers from the first column, and
-    * adds one to the end...
-    *
-    * If you want that effect I'd suggest setting a border-top/left on th/td's and
-    * then filling in the gaps with other borders.
-    */
-}
-
-table.display thead th {
-  padding: 3px 18px 3px 10px;
-  border-bottom: 1px solid black;
-  font-weight: bold;
-  cursor: pointer;
-  *cursor: hand;
-}
-
-table.display tfoot th {
-  padding: 3px 18px 3px 10px;
-  border-top: 1px solid black;
-  font-weight: bold;
-}
-
-table.display tr.heading2 td {
-  border-bottom: 1px solid #aaa;
-}
-
-table.display td {
-  padding: 3px 10px;
-}
-
-table.display td.center {
-  text-align: center;
-}
-
-/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
- * DataTables sorting
- */
-
-.dataTables_wrapper table {
-  border-collapse: separate;
-  *border-collapse: collapsed;
-}
-
-.sorting {
-  cursor: pointer;
-  border-top: 1px solid #DCDCDC !important;
-  padding-right: 20px !important;
-  vertical-align: middle!important;
-}
-
-.sorting:hover {
-  background: url('../art/datatables/sort_both.png') no-repeat center right;
-}
-
-.sorting_asc {
-  cursor: pointer;
-  background: url('../art/datatables/sort_asc.png') no-repeat center right;
-  border-top: 1px solid #DCDCDC !important;
-  padding-right: 20px !important;
-  vertical-align: middle!important;
-}
-
-.sorting_asc:hover {
-  background: url('../art/datatables/sort_asc.png') no-repeat center right;
-}
-
-.sorting_desc {
-  cursor: pointer;
-  background: url('../art/datatables/sort_desc.png') no-repeat center right;
-  border-top: 1px solid #DCDCDC !important;
-  padding-right: 20px !important;
-  vertical-align: middle!important;
-}
-
-.sorting_desc:hover {
-  background: url('../art/datatables/sort_desc.png') no-repeat center right;
-}
-
-.table-huedatatable {
-  margin-bottom: 0!important;
-}
-
-.table-huedatatable td.stripe {
-  background: url('../art/stripedbackground.png');
-}
-
-.sorting_disabled {
-  vertical-align: middle!important;
-}
-
-.sorting:hover, .sorting_asc:hover, .sorting_desc:hover {
-  border-top: 1px solid #29A7DE !important;
-}
-
-.table-huedatatable th.sorting:hover {
-  border-top: none;
-}
-
-/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
- * Misc
- */
-.dataTables_scroll {
-  clear: both;
-}
-
-.dataTables_scrollBody {
-  *margin-top: -1px;
-}
-
-.top .dataTables_info {
-  float: none;
-}
-
-.clear {
-  clear: both;
-}
-
-.dataTables_empty {
-  text-align: center;
-}
-
-tfoot input {
-  margin: 0.5em 0;
-  width: 100%;
-  color: #444;
-}
-
-tfoot input.search_init {
-  color: #999;
-}
-
-td.group {
-  background-color: #d1cfd0;
-  border-bottom: 2px solid #A19B9E;
-  border-top: 2px solid #A19B9E;
-}
-
-td.details {
-  background-color: #d1cfd0;
-  border: 2px solid #A19B9E;
-}
-
-.example_alt_pagination div.dataTables_info {
-  width: 40%;
-}
-
-.paging_full_numbers {
-  width: 400px;
-  height: 22px;
-  line-height: 22px;
-}
-
-.paging_full_numbers span.paginate_button,
-.paging_full_numbers span.paginate_active {
-  border: 1px solid #aaa;
-  -webkit-border-radius: 5px;
-  -moz-border-radius: 5px;
-  padding: 2px 5px;
-  margin: 0 3px;
-  cursor: pointer;
-  *cursor: hand;
-}
-
-.paging_full_numbers span.paginate_button {
-  background-color: #ddd;
-}
-
-.paging_full_numbers span.paginate_button:hover {
-  background-color: #ccc;
-}
-
-.paging_full_numbers span.paginate_active {
-  background-color: #99B3FF;
-}
-
-table.display tr.even.row_selected td {
-  background-color: #B0BED9;
-}
-
-table.display tr.odd.row_selected td {
-  background-color: #9FAFD1;
-}
-
-tr.odd.gradeA td.sorting_1 {
-  background-color: #c4ffc4;
-}
-
-tr.odd.gradeA td.sorting_2 {
-  background-color: #d1ffd1;
-}
-
-tr.odd.gradeA td.sorting_3 {
-  background-color: #d1ffd1;
-}
-
-tr.even.gradeA td.sorting_1 {
-  background-color: #d5ffd5;
-}
-
-tr.even.gradeA td.sorting_2 {
-  background-color: #e2ffe2;
-}
-
-tr.even.gradeA td.sorting_3 {
-  background-color: #e2ffe2;
-}
-
-tr.odd.gradeC td.sorting_1 {
-  background-color: #c4c4ff;
-}
-
-tr.odd.gradeC td.sorting_2 {
-  background-color: #d1d1ff;
-}
-
-tr.odd.gradeC td.sorting_3 {
-  background-color: #d1d1ff;
-}
-
-tr.even.gradeC td.sorting_1 {
-  background-color: #d5d5ff;
-}
-
-tr.even.gradeC td.sorting_2 {
-  background-color: #e2e2ff;
-}
-
-tr.even.gradeC td.sorting_3 {
-  background-color: #e2e2ff;
-}
-
-tr.odd.gradeX td.sorting_1 {
-  background-color: #ffc4c4;
-}
-
-tr.odd.gradeX td.sorting_2 {
-  background-color: #ffd1d1;
-}
-
-tr.odd.gradeX td.sorting_3 {
-  background-color: #ffd1d1;
-}
-
-tr.even.gradeX td.sorting_1 {
-  background-color: #ffd5d5;
-}
-
-tr.even.gradeX td.sorting_2 {
-  background-color: #ffe2e2;
-}
-
-tr.even.gradeX td.sorting_3 {
-  background-color: #ffe2e2;
-}
-
-tr.odd.gradeU td.sorting_1 {
-  background-color: #c4c4c4;
-}
-
-tr.odd.gradeU td.sorting_2 {
-  background-color: #d1d1d1;
-}
-
-tr.odd.gradeU td.sorting_3 {
-  background-color: #d1d1d1;
-}
-
-tr.even.gradeU td.sorting_1 {
-  background-color: #d5d5d5;
-}
-
-tr.even.gradeU td.sorting_2 {
-  background-color: #e2e2e2;
-}
-
-tr.even.gradeU td.sorting_3 {
-  background-color: #e2e2e2;
-}
-
-/*
- * Row highlighting example
- */
-.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
-  background-color: #ECFFB3;
-}
-
-.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
-  background-color: #E6FF99;
-}
-
-.ex_highlight_row #example tr.even:hover {
-  background-color: #ECFFB3;
-}
-
-.ex_highlight_row #example tr.even:hover td.sorting_1 {
-  background-color: #DDFF75;
-}
-
-.ex_highlight_row #example tr.even:hover td.sorting_2 {
-  background-color: #E7FF9E;
-}
-
-.ex_highlight_row #example tr.even:hover td.sorting_3 {
-  background-color: #E2FF89;
-}
-
-.ex_highlight_row #example tr.odd:hover {
-  background-color: #E6FF99;
-}
-
-.ex_highlight_row #example tr.odd:hover td.sorting_1 {
-  background-color: #D6FF5C;
-}
-
-.ex_highlight_row #example tr.odd:hover td.sorting_2 {
-  background-color: #E0FF84;
-}
-
-.ex_highlight_row #example tr.odd:hover td.sorting_3 {
-  background-color: #DBFF70;
-}
-
-/*
- * KeyTable
- */
-table.KeyTable td {
-  border: 3px solid transparent;
-}
-
-table.KeyTable td.focus {
-  border: 3px solid #3366FF;
-}
-
-table.display tr.gradeA {
-  background-color: #eeffee;
-}
-
-table.display tr.gradeC {
-  background-color: #ddddff;
-}
-
-table.display tr.gradeX {
-  background-color: #ffdddd;
-}
-
-table.display tr.gradeU {
-  background-color: #ddd;
-}
-
-div.box {
-  height: 100px;
-  padding: 10px;
-  overflow: auto;
-  border: 1px solid #8080FF;
-  background-color: #E5E5FF;
-}
-
 /*
  * jHueFileChooser
  */
@@ -1041,42 +310,10 @@ div.box {
   margin: 0;
 }
 
-.table tbody tr:hover td, .table tbody tr:hover th {
-  background-color: #EFEFEF;
-}
-
-.table tr.selected, .table tr.selected td {
-  background-color: #DBE8F1!important;
-}
-
-.table tr.locked, .table tr.locked td {
-  background-color: #FFFACC!important;
-}
-
 div.locked {
   border-bottom: 1px solid #f0c36d;
 }
 
-.table tr.locked td.unlockable, .table tr td.lockable {
-  position: relative;
-}
-
-.table tr.locked td.unlockable .fa-unlock, .table tr td.lockable .fa-lock {
-  display: none;
-  position: absolute;
-  right: 4px;
-  margin-top: 3px;
-}
-
-.table tr.locked td.unlockable:hover, .table tr td.lockable:hover {
-  color: #CCC;
-}
-
-.table tr.locked td.unlockable:hover .fa-unlock, .table tr td.lockable:hover .fa-lock {
-  color: #666;
-  display: block;
-}
-
 .nounderline:hover {
   text-decoration: none;
 }
@@ -1193,43 +430,6 @@ a#advanced-btn:hover {
   cursor: pointer!important;
 }
 
-.hueCheckbox {
-  width: 15px;
-  height: 15px;
-  border: 1px solid #CCCCCC;
-  margin-top: 2px !important;
-  padding: 0 !important;
-  display: block !important;
-  cursor: default;
-}
-
-.hueCheckbox.disabled {
-  border: 1px solid #DDDDDD;
-  background-color: #FEFEFE;
-  cursor: not-allowed;
-}
-
-.hueCheckbox:hover {
-  border-color: #999999;
-}
-
-.hueCheckbox.disabled:hover {
-  border-color: #DDDDDD;
-}
-
-.hueCheckboxText {
-  left: 3px;
-  position: relative;
-  top: -3px;
-}
-
-.hueCheckbox.hide {
-  display: none!important;
-}
-
-.hue-uncheck::before {
-  line-height: 16px;
-}
 
 /*
  * jHueTableExtender

+ 67 - 0
desktop/core/src/desktop/static/desktop/less/hue-cross-version.less

@@ -18,6 +18,8 @@
 @import (reference) "cui/colors.less";
 @import (reference) "hue-attributes.less";
 
+@import "hue-tables.less";
+
 .app-header {
   font-size: 20px;
   padding-top: 13px;
@@ -45,4 +47,69 @@
 
 .table-huedatatable {
   border: none;
+}
+
+.clear {
+  clear: both;
+}
+
+.right {
+  text-align: right !important;
+}
+
+.center {
+  text-align: center !important;
+}
+
+.left {
+  text-align: left !important;
+}
+
+.nowrap, .no-wrap {
+  white-space: nowrap;
+}
+
+.no-padding {
+  padding: 0;
+}
+
+
+// Hue Checkbox
+
+.hueCheckbox {
+  width: 15px;
+  height: 15px;
+  border: 1px solid #CCCCCC;
+  margin-top: 2px !important;
+  padding: 0 !important;
+  display: block !important;
+  cursor: default;
+}
+
+.hueCheckbox.disabled {
+  border: 1px solid #DDDDDD;
+  background-color: #FEFEFE;
+  cursor: not-allowed;
+}
+
+.hueCheckbox:hover {
+  border-color: #999999;
+}
+
+.hueCheckbox.disabled:hover {
+  border-color: #DDDDDD;
+}
+
+.hueCheckboxText {
+  left: 3px;
+  position: relative;
+  top: -3px;
+}
+
+.hueCheckbox.hide {
+  display: none!important;
+}
+
+.hue-uncheck::before {
+  line-height: 16px;
 }

+ 458 - 0
desktop/core/src/desktop/static/desktop/less/hue-tables.less

@@ -0,0 +1,458 @@
+
+/*********************************************************
+ * From: http://datatables.net/blog/Twitter_Bootstrap
+ */
+
+div.dataTables_length label {
+  width: 460px;
+  float: left;
+  text-align: left;
+}
+
+div.dataTables_length select {
+  width: 75px;
+}
+
+div.dataTables_filter label {
+  float: right;
+  width: 460px;
+}
+
+div.dataTables_info {
+  padding-top: 8px;
+}
+
+div.dataTables_paginate {
+  float: right;
+  margin: 0;
+}
+
+/*
+ *********************************************************/
+
+/* Pagination nested */
+.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
+  height: 19px;
+  width: 19px;
+  margin-left: 3px;
+  float: left;
+}
+
+.paginate_disabled_previous {
+  background-image: url('../art/datatables/back_disabled.jpg');
+}
+
+.paginate_enabled_previous {
+  background-image: url('../art/datatables/back_enabled.jpg');
+}
+
+.paginate_disabled_next {
+  background-image: url('../art/datatables/forward_disabled.jpg');
+}
+
+.paginate_enabled_next {
+  background-image: url('../art/datatables/forward_enabled.jpg');
+}
+
+/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ * DataTables display
+ */
+table.display {
+  margin: 0 auto;
+  clear: both;
+  width: 100%;
+
+  /* Note Firefox 3.5 and before have a bug with border-collapse
+    * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 )
+    * border-spacing: 0; is one possible option. Conditional-css.com is
+    * useful for this kind of thing
+    *
+    * Further note IE 6/7 has problems when calculating widths with border width.
+    * It subtracts one px relative to the other browsers from the first column, and
+    * adds one to the end...
+    *
+    * If you want that effect I'd suggest setting a border-top/left on th/td's and
+    * then filling in the gaps with other borders.
+    */
+}
+
+table.display thead th {
+  padding: 3px 18px 3px 10px;
+  border-bottom: 1px solid black;
+  font-weight: bold;
+  cursor: pointer;
+  *cursor: hand;
+}
+
+table.display tfoot th {
+  padding: 3px 18px 3px 10px;
+  border-top: 1px solid black;
+  font-weight: bold;
+}
+
+table.display tr.heading2 td {
+  border-bottom: 1px solid #aaa;
+}
+
+table.display td {
+  padding: 3px 10px;
+}
+
+table.display td.center {
+  text-align: center;
+}
+
+/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ * DataTables sorting
+ */
+
+.dataTables_wrapper table {
+  border-collapse: separate;
+  *border-collapse: collapsed;
+}
+
+.sorting {
+  cursor: pointer;
+  border-top: 1px solid #DCDCDC !important;
+  padding-right: 20px !important;
+  vertical-align: middle!important;
+}
+
+.sorting:hover {
+  background: url('../art/datatables/sort_both.png') no-repeat center right;
+}
+
+.sorting_asc {
+  cursor: pointer;
+  background: url('../art/datatables/sort_asc.png') no-repeat center right;
+  border-top: 1px solid #DCDCDC !important;
+  padding-right: 20px !important;
+  vertical-align: middle!important;
+}
+
+.sorting_asc:hover {
+  background: url('../art/datatables/sort_asc.png') no-repeat center right;
+}
+
+.sorting_desc {
+  cursor: pointer;
+  background: url('../art/datatables/sort_desc.png') no-repeat center right;
+  border-top: 1px solid #DCDCDC !important;
+  padding-right: 20px !important;
+  vertical-align: middle!important;
+}
+
+.sorting_desc:hover {
+  background: url('../art/datatables/sort_desc.png') no-repeat center right;
+}
+
+.table-huedatatable {
+  margin-bottom: 0!important;
+}
+
+.table-huedatatable td.stripe {
+  background: url('../art/stripedbackground.png');
+}
+
+.sorting_disabled {
+  vertical-align: middle!important;
+}
+
+.sorting:hover, .sorting_asc:hover, .sorting_desc:hover {
+  border-top: 1px solid #29A7DE !important;
+}
+
+.table-huedatatable th.sorting:hover {
+  border-top: none;
+}
+
+/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ * Misc
+ */
+.dataTables_scroll {
+  clear: both;
+}
+
+.dataTables_scrollBody {
+  *margin-top: -1px;
+}
+
+.top .dataTables_info {
+  float: none;
+}
+
+.clear {
+  clear: both;
+}
+
+.dataTables_empty {
+  text-align: center;
+}
+
+tfoot input {
+  margin: 0.5em 0;
+  width: 100%;
+  color: #444;
+}
+
+tfoot input.search_init {
+  color: #999;
+}
+
+td.group {
+  background-color: #d1cfd0;
+  border-bottom: 2px solid #A19B9E;
+  border-top: 2px solid #A19B9E;
+}
+
+td.details {
+  background-color: #d1cfd0;
+  border: 2px solid #A19B9E;
+}
+
+.example_alt_pagination div.dataTables_info {
+  width: 40%;
+}
+
+.paging_full_numbers {
+  width: 400px;
+  height: 22px;
+  line-height: 22px;
+}
+
+.paging_full_numbers span.paginate_button,
+.paging_full_numbers span.paginate_active {
+  border: 1px solid #aaa;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  padding: 2px 5px;
+  margin: 0 3px;
+  cursor: pointer;
+  *cursor: hand;
+}
+
+.paging_full_numbers span.paginate_button {
+  background-color: #ddd;
+}
+
+.paging_full_numbers span.paginate_button:hover {
+  background-color: #ccc;
+}
+
+.paging_full_numbers span.paginate_active {
+  background-color: #99B3FF;
+}
+
+table.display tr.even.row_selected td {
+  background-color: #B0BED9;
+}
+
+table.display tr.odd.row_selected td {
+  background-color: #9FAFD1;
+}
+
+tr.odd.gradeA td.sorting_1 {
+  background-color: #c4ffc4;
+}
+
+tr.odd.gradeA td.sorting_2 {
+  background-color: #d1ffd1;
+}
+
+tr.odd.gradeA td.sorting_3 {
+  background-color: #d1ffd1;
+}
+
+tr.even.gradeA td.sorting_1 {
+  background-color: #d5ffd5;
+}
+
+tr.even.gradeA td.sorting_2 {
+  background-color: #e2ffe2;
+}
+
+tr.even.gradeA td.sorting_3 {
+  background-color: #e2ffe2;
+}
+
+tr.odd.gradeC td.sorting_1 {
+  background-color: #c4c4ff;
+}
+
+tr.odd.gradeC td.sorting_2 {
+  background-color: #d1d1ff;
+}
+
+tr.odd.gradeC td.sorting_3 {
+  background-color: #d1d1ff;
+}
+
+tr.even.gradeC td.sorting_1 {
+  background-color: #d5d5ff;
+}
+
+tr.even.gradeC td.sorting_2 {
+  background-color: #e2e2ff;
+}
+
+tr.even.gradeC td.sorting_3 {
+  background-color: #e2e2ff;
+}
+
+tr.odd.gradeX td.sorting_1 {
+  background-color: #ffc4c4;
+}
+
+tr.odd.gradeX td.sorting_2 {
+  background-color: #ffd1d1;
+}
+
+tr.odd.gradeX td.sorting_3 {
+  background-color: #ffd1d1;
+}
+
+tr.even.gradeX td.sorting_1 {
+  background-color: #ffd5d5;
+}
+
+tr.even.gradeX td.sorting_2 {
+  background-color: #ffe2e2;
+}
+
+tr.even.gradeX td.sorting_3 {
+  background-color: #ffe2e2;
+}
+
+tr.odd.gradeU td.sorting_1 {
+  background-color: #c4c4c4;
+}
+
+tr.odd.gradeU td.sorting_2 {
+  background-color: #d1d1d1;
+}
+
+tr.odd.gradeU td.sorting_3 {
+  background-color: #d1d1d1;
+}
+
+tr.even.gradeU td.sorting_1 {
+  background-color: #d5d5d5;
+}
+
+tr.even.gradeU td.sorting_2 {
+  background-color: #e2e2e2;
+}
+
+tr.even.gradeU td.sorting_3 {
+  background-color: #e2e2e2;
+}
+
+/*
+ * Row highlighting example
+ */
+.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
+  background-color: #ECFFB3;
+}
+
+.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
+  background-color: #E6FF99;
+}
+
+.ex_highlight_row #example tr.even:hover {
+  background-color: #ECFFB3;
+}
+
+.ex_highlight_row #example tr.even:hover td.sorting_1 {
+  background-color: #DDFF75;
+}
+
+.ex_highlight_row #example tr.even:hover td.sorting_2 {
+  background-color: #E7FF9E;
+}
+
+.ex_highlight_row #example tr.even:hover td.sorting_3 {
+  background-color: #E2FF89;
+}
+
+.ex_highlight_row #example tr.odd:hover {
+  background-color: #E6FF99;
+}
+
+.ex_highlight_row #example tr.odd:hover td.sorting_1 {
+  background-color: #D6FF5C;
+}
+
+.ex_highlight_row #example tr.odd:hover td.sorting_2 {
+  background-color: #E0FF84;
+}
+
+.ex_highlight_row #example tr.odd:hover td.sorting_3 {
+  background-color: #DBFF70;
+}
+
+/*
+ * KeyTable
+ */
+table.KeyTable td {
+  border: 3px solid transparent;
+}
+
+table.KeyTable td.focus {
+  border: 3px solid #3366FF;
+}
+
+table.display tr.gradeA {
+  background-color: #eeffee;
+}
+
+table.display tr.gradeC {
+  background-color: #ddddff;
+}
+
+table.display tr.gradeX {
+  background-color: #ffdddd;
+}
+
+table.display tr.gradeU {
+  background-color: #ddd;
+}
+
+div.box {
+  height: 100px;
+  padding: 10px;
+  overflow: auto;
+  border: 1px solid #8080FF;
+  background-color: #E5E5FF;
+}
+
+.table tbody tr:hover td, .table tbody tr:hover th {
+  background-color: #EFEFEF;
+}
+
+.table tr.selected, .table tr.selected td {
+  background-color: #DBE8F1!important;
+}
+
+.table tr.locked, .table tr.locked td {
+  background-color: #FFFACC!important;
+}
+
+.table tr.locked td.unlockable, .table tr td.lockable {
+  position: relative;
+}
+
+.table tr.locked td.unlockable .fa-unlock, .table tr td.lockable .fa-lock {
+  display: none;
+  position: absolute;
+  right: 4px;
+  margin-top: 3px;
+}
+
+.table tr.locked td.unlockable:hover, .table tr td.lockable:hover {
+  color: #CCC;
+}
+
+.table tr.locked td.unlockable:hover .fa-unlock, .table tr td.lockable:hover .fa-lock {
+  color: #666;
+  display: block;
+}

+ 88 - 0
desktop/core/src/desktop/static/desktop/less/hue3-extra.less

@@ -31,6 +31,94 @@
   fill: #D7B9EB;
 }
 
+.subnav {
+  background-color: #EEEEEE;
+  background-image: -moz-linear-gradient(center top, #F5F5F5 0%, #EEEEEE 100%);
+  background-repeat: repeat-x;
+  border: 1px solid #E5E5E5;
+  border-radius: 4px;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  height: 36px;
+  width: 100%;
+}
+
+.subnav .nav {
+  margin-bottom: 0;
+}
+
+.subnav .nav > li > a {
+  border-left: 1px solid #F5F5F5;
+  border-radius: 0;
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  border-right: 1px solid #E5E5E5;
+  margin: 0;
+  padding-bottom: 11px;
+  padding-top: 11px;
+}
+
+.subnav .nav > li > a:hover {
+  border-right: 1px solid #E5E5E5;
+  border-left: 1px solid #F5F5F5;
+}
+
+.subnav .nav > .active > a, .subnav .nav > .active > a:hover {
+  background-color: #E9E9E9;
+  border-left: 0 none;
+  border-right-color: #DDDDDD;
+  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05) inset;
+  color: #777777;
+  padding-left: 13px;
+}
+
+.subnav .nav > .active > a .caret, .subnav .nav > .active > a:hover .caret {
+  border-top-color: #777777;
+}
+
+.subnav .nav > li:first-child > a, .subnav .nav > li:first-child > a:hover {
+  border-left: 0 none;
+  border-radius: 4px 0 0 4px;
+  -webkit-border-radius: 4px 0 0 4px;
+  -moz-border-radius: 4px 0 0 4px;
+  padding-left: 12px;
+}
+
+.subnav .nav > li:last-child > a {
+  border-right: 0 none;
+}
+
+.subnav .dropdown-menu {
+  border-radius: 0 0 4px 4px;
+  -webkit-border-radius: 0 0 4px 4px;
+  -moz-border-radius: 0 0 4px 4px;
+}
+
+.subnav-fixed {
+  border-color: #D5D5D5;
+  border-radius: 0;
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  border-width: 0 0 1px;
+  box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 5px rgba(0, 0, 0, 0.1);
+  left: 0;
+  position: fixed;
+  right: 0;
+  top: 48px;
+  z-index: 1020;
+}
+
+.subnav-fixed .nav {
+  margin: 0 auto;
+  padding: 0 1px;
+}
+
+.subnav .nav > li:first-child > a, .subnav .nav > li:first-child > a:hover {
+  border-radius: 0;
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+}
+
 .hue3-navbar-fixed-top {
   position: fixed;
   right: 0;

部分文件因为文件数量过多而无法显示