Feature: Device Importing & Exporting

Disco.Web/ClientSource/Style/jQueryUIExtensions.css

@@ -1,7 +1,91 @@
-.ui-widget {
+.tableData {
+  border: solid 1px #e8eef4;
+  border-collapse: collapse;
+}
+.tableData > tbody > tr > td {
+  border: solid 1px #e8eef4;
+  background-color: #fff;
+}
+.tableData > tbody > tr:nth-child(odd) > td {
+  background-color: #fcfcfd;
+}
+.tableData > thead > tr > th,
+.tableData > tbody > tr > th {
+  background-color: #e8eef4;
+  border: solid 1px #e8eef4;
+}
+.tableData > tbody > tr:hover > td {
+  background-color: #e8eef4;
+}
+.tableData > tfoot > tr > th,
+.tableData > tfoot > tr > td {
+  background-color: #e8eef4;
+}
+.tableDataDark {
+  border: solid 1px #8db2d8;
+  border-collapse: collapse;
+}
+.tableDataDark td {
+  border: solid 1px #8db2d8;
+  background-color: #fff;
+}
+.tableDataDark th {
+  background-color: #8db2d8;
+  border: solid 1px #8db2d8;
+}
+.tableDataContainer {
+  background-color: #fff;
+}
+.tableDataVertical {
+  border: solid 1px #e8eef4;
+  border-collapse: collapse;
+}
+.tableDataVertical > tbody > tr:nth-child(odd) {
+  background-color: #e8eef4;
+  margin: 0;
+  padding: 0;
+}
+.tableDataVertical > tbody > tr > th.name {
+  width: 170px;
+  text-align: right;
+}
+.tableDataVertical table.sub > tbody > tr:not(:first-child) > th,
+.tableDataVertical table.sub > tbody > tr:not(:first-child) > td {
+  border-top: 1px dashed #aaa;
+}
+.tableDataVertical table.sub > tbody > tr > th {
+  font-weight: normal;
+  text-align: right;
+}
+.tableDataVertical table.sub > tbody > tr > th.name {
+  text-align: right;
+}
+.icon16 {
+  display: inline-block;
+  height: 16px;
+  width: 16px;
+  margin-left: 2px;
+  cursor: pointer;
+}
+.subtleUntilHover {
+  -moz-opacity: 0.3;
+  opacity: 0.3;
+}
+.subtleUntilHover:hover {
+  -moz-opacity: 1;
+  opacity: 1;
+}
+.ui-widget {
   /*font-size: 11px !important;*/
 
   font-size: 12px !important;
+  font-family: "Segoe UI", Arial, Verdana, Tahoma, sans-serif;
+}
+.ui-widget input,
+.ui-widget select,
+.ui-widget textarea,
+.ui-widget button {
+  font-family: "Segoe UI", Arial, Verdana, Tahoma, sans-serif;
 }
 .watermark {
   color: #888 !important;
@@ -53,3 +137,12 @@
 .ui-tabs .ui-tabs-panel {
   padding: .5em;
 }
+/*.ui-tabs > ul > li.ui-state-default
+{
+    font-weight: normal;
+}
+
+.ui-tabs > ul > li.ui-state-active
+{
+    font-weight: bold;
+}*/