summaryrefslogtreecommitdiff
path: root/site/assets
diff options
context:
space:
mode:
Diffstat (limited to 'site/assets')
-rw-r--r--site/assets/css/applets.css3
-rw-r--r--site/assets/css/css.css90
-rwxr-xr-xsite/assets/css/tabulator.css754
3 files changed, 832 insertions, 15 deletions
diff --git a/site/assets/css/applets.css b/site/assets/css/applets.css
index d3ca75c0..cbd9f825 100644
--- a/site/assets/css/applets.css
+++ b/site/assets/css/applets.css
@@ -3,6 +3,9 @@
.applet_container {
min-height: 340px;
}
+.applet_container.autosize {
+ min-height: 0;
+}
.applet {
margin-bottom: 40px;
transition: opacity 0.2s cubic-bezier(0,0,1,1);
diff --git a/site/assets/css/css.css b/site/assets/css/css.css
index c3e65093..1633b0d7 100644
--- a/site/assets/css/css.css
+++ b/site/assets/css/css.css
@@ -631,13 +631,14 @@ section.fullwidth .image {
padding: 10px;
color: white;
font-weight: 400;
- font-family: 'Roboto'
+ font-family: 'Roboto';
+ position: relative;
}
-.desktop .content .dataset-list a{
- border:none;
+.desktop .content .dataset-list a {
+ border: none;
}
.dataset-list a:hover{
- border:none;
+ border: none;
}
.dataset-list a:nth-child(3n+1) { background-color: rgba(255, 0, 0, 0.1); }
.desktop .dataset-list a:nth-child(3n+1):hover { background-color: rgba(255, 0, 0, 0.2); }
@@ -653,6 +654,57 @@ section.fullwidth .image {
background-color: #181818;
box-decoration-break: clone;
}
+.dataset-list .title {
+ margin-bottom: 10px;
+}
+.dataset-list .fields {
+ display: block;
+ position: absolute;
+ bottom: 0px;
+ left: 10px;
+ font-size: 12px;
+}
+.dataset-list .fields div {
+ display: none;
+}
+.dataset-list .fields div.visible {
+ display: block;
+ margin-bottom: 10px;
+}
+.dataset-list .sort-options {
+ margin: 0;
+ padding: 0;
+}
+.dataset-list .sort-options:before {
+ content: 'Browse list by ';
+ opacity: 0.7;
+ margin-right: 0px;
+}
+.dataset-list .sort-options li {
+ display: inline-block;
+ margin: 0;
+ padding: 0;
+ cursor: pointer;
+ margin-right: 20px;
+}
+.dataset-list .sort-options li:before {
+ content: '_';
+ opacity: 0;
+ margin-right: 10px;
+}
+.dataset-list .sort-options li.active {
+ border-bottom: 1px solid;
+}
+.dataset-list .sort-options li.active:before {
+ content: '>';
+ opacity: 1;
+ margin-right: 10px;
+}
+.dataset_list .applet {
+ margin-bottom: 15px;
+}
+
+
/* intro section for datasets */
@@ -741,23 +793,31 @@ page-specific formatting
margin-right: 10px;
padding-top:4px;
}
-.map-legend-item .edu {
- color: #f2f293;
+.map-legend-item:before {
+ content: '';
+ display: inline-block;
+ width: 4px;
+ height: 4px;
+ margin-bottom: 3px;
+ margin-right: 6px;
+}
+.map-legend-item.edu:before {
+ background-color: #f2f293;
}
-.map-legend-item .com {
- color: #3264f6;
+.map-legend-item.com:before {
+ background-color: #3264f6;
}
-.map-legend-item .gov {
- color: #f30000;
+.map-legend-item.gov:before {
+ background-color: #f30000;
}
/* about */
-.content-about{
- font-color:#ff0;
+.content-about {
+ color: #ff0;
}
-.content-about .about-menu ul li{
- display:inline-block;
+.content-about .about-menu ul li {
+ display: inline-block;
font-size: 14px;
font-weight: 400;
margin-right: 8px;
@@ -765,7 +825,7 @@ page-specific formatting
margin-right: 15px;
font-family: 'Roboto';
}
-.content-about .about-menu ul li a{
+.content-about .about-menu ul li a {
border-bottom: 0;
color: #aaa;
}
diff --git a/site/assets/css/tabulator.css b/site/assets/css/tabulator.css
new file mode 100755
index 00000000..41c7ffa4
--- /dev/null
+++ b/site/assets/css/tabulator.css
@@ -0,0 +1,754 @@
+/* Tabulator v4.1.3 (c) Oliver Folkerd */
+.tabulator {
+ position: relative;
+ font-size: 14px;
+ text-align: left;
+ overflow: hidden;
+ -ms-transform: translatez(0);
+ transform: translatez(0);
+}
+
+.tabulator[tabulator-layout="fitDataFill"] .tabulator-tableHolder .tabulator-table {
+ min-width: 100%;
+}
+
+.tabulator.tabulator-block-select {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+.tabulator .tabulator-header {
+ position: relative;
+ box-sizing: border-box;
+ width: 100%;
+ border-bottom: 1px solid #999;
+ color: #ddd;
+ white-space: nowrap;
+ overflow: hidden;
+ -moz-user-select: none;
+ -khtml-user-select: none;
+ -webkit-user-select: none;
+ -o-user-select: none;
+}
+
+.tabulator .tabulator-header .tabulator-col {
+ display: inline-block;
+ position: relative;
+ box-sizing: border-box;
+ border-right: 1px solid #333;
+ text-align: left;
+ vertical-align: bottom;
+ overflow: hidden;
+}
+
+.tabulator .tabulator-header .tabulator-col.tabulator-moving {
+ position: absolute;
+ border: 1px solid #333;
+ background: rgba(80,20,10,0.2);
+ pointer-events: none;
+}
+
+.tabulator .tabulator-header .tabulator-col .tabulator-col-content {
+ box-sizing: border-box;
+ position: relative;
+ padding: 4px;
+}
+
+.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {
+ box-sizing: border-box;
+ width: 100%;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ vertical-align: bottom;
+}
+
+.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-title-editor {
+ box-sizing: border-box;
+ width: 100%;
+ border: 1px solid #333;
+ padding: 1px;
+ background: #fff;
+}
+
+.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-arrow {
+ display: inline-block;
+ position: absolute;
+ top: 9px;
+ right: 8px;
+ width: 0;
+ height: 0;
+ border-left: 6px solid transparent;
+ border-right: 6px solid transparent;
+ border-bottom: 6px solid #bbb;
+}
+
+.tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {
+ position: relative;
+ display: -ms-flexbox;
+ display: flex;
+ border-top: 1px solid #333;
+ overflow: hidden;
+}
+
+.tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols .tabulator-col:last-child {
+ margin-right: -1px;
+}
+
+.tabulator .tabulator-header .tabulator-col:first-child .tabulator-col-resize-handle.prev {
+ display: none;
+}
+
+.tabulator .tabulator-header .tabulator-col.ui-sortable-helper {
+ position: absolute;
+ border: 1px solid #333;
+}
+
+.tabulator .tabulator-header .tabulator-col .tabulator-header-filter {
+ position: relative;
+ box-sizing: border-box;
+ margin-top: 2px;
+ width: 100%;
+ text-align: center;
+}
+
+.tabulator .tabulator-header .tabulator-col .tabulator-header-filter textarea {
+ height: auto !important;
+}
+
+.tabulator .tabulator-header .tabulator-col .tabulator-header-filter svg {
+ margin-top: 3px;
+}
+
+.tabulator .tabulator-header .tabulator-col .tabulator-header-filter input::-ms-clear {
+ width: 0;
+ height: 0;
+}
+
+.tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
+ padding-right: 25px;
+}
+
+.tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover {
+ cursor: pointer;
+}
+
+.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="none"] .tabulator-col-content .tabulator-arrow {
+ border-top: none;
+ border-bottom: 6px solid #bbb;
+}
+
+.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="asc"] .tabulator-col-content .tabulator-arrow {
+ border-top: none;
+ border-bottom: 6px solid #666;
+}
+
+.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="desc"] .tabulator-col-content .tabulator-arrow {
+ border-top: 6px solid #666;
+ border-bottom: none;
+}
+
+.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical .tabulator-col-content .tabulator-col-title {
+ -webkit-writing-mode: vertical-rl;
+ -ms-writing-mode: tb-rl;
+ writing-mode: vertical-rl;
+ text-orientation: mixed;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-align: center;
+ align-items: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+}
+
+.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-col-vertical-flip .tabulator-col-title {
+ -ms-transform: rotate(180deg);
+ transform: rotate(180deg);
+}
+
+.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-title {
+ padding-right: 0;
+ padding-top: 20px;
+}
+
+.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable.tabulator-col-vertical-flip .tabulator-col-title {
+ padding-right: 0;
+ padding-bottom: 20px;
+}
+
+.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-arrow {
+ right: calc(50% - 6px);
+}
+
+.tabulator .tabulator-header .tabulator-frozen {
+ display: inline-block;
+ position: absolute;
+ z-index: 10;
+}
+
+.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left {
+ border-right: 2px solid #333;
+}
+
+.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-right {
+ border-left: 2px solid #333;
+}
+
+.tabulator .tabulator-header .tabulator-calcs-holder {
+ box-sizing: border-box;
+ min-width: 400%;
+ background: rgba(80,20,10,0.2);
+ border-top: 1px solid #333;
+ border-bottom: 1px solid #333;
+ overflow: hidden;
+}
+
+.tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row {
+ background: rgba(80,20,10,0.2);
+}
+
+.tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
+ display: none;
+}
+
+.tabulator .tabulator-header .tabulator-frozen-rows-holder {
+ min-width: 400%;
+}
+
+.tabulator .tabulator-header .tabulator-frozen-rows-holder:empty {
+ display: none;
+}
+
+.tabulator .tabulator-tableHolder {
+ position: relative;
+ width: 100%;
+ white-space: nowrap;
+ overflow: auto;
+ -webkit-overflow-scrolling: touch;
+}
+
+.tabulator .tabulator-tableHolder:focus {
+ outline: none;
+}
+
+.tabulator .tabulator-tableHolder .tabulator-placeholder {
+ box-sizing: border-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-align: center;
+ align-items: center;
+ width: 100%;
+}
+
+.tabulator .tabulator-tableHolder .tabulator-placeholder[tabulator-render-mode="virtual"] {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 100%;
+}
+
+.tabulator .tabulator-tableHolder .tabulator-placeholder span {
+ display: inline-block;
+ margin: 0 auto;
+ padding: 10px;
+ color: #ccc;
+ font-weight: bold;
+ font-size: 20px;
+}
+
+.tabulator .tabulator-tableHolder .tabulator-table {
+ position: relative;
+ display: inline-block;
+ white-space: nowrap;
+ overflow: visible;
+}
+
+.tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs {
+ font-weight: bold;
+ background: rgba(80,20,10,0.2);
+}
+
+.tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-top {
+ border-bottom: 2px solid #333;
+}
+
+.tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-bottom {
+ border-top: 2px solid #333;
+}
+
+.tabulator .tabulator-footer {
+ padding: 5px 10px;
+ border-top: 1px solid #999;
+ text-align: right;
+ color: #555;
+ font-weight: bold;
+ white-space: nowrap;
+ -ms-user-select: none;
+ user-select: none;
+ -moz-user-select: none;
+ -khtml-user-select: none;
+ -webkit-user-select: none;
+ -o-user-select: none;
+}
+
+.tabulator .tabulator-footer .tabulator-calcs-holder {
+ box-sizing: border-box;
+ width: calc(100% + 20px);
+ margin: -5px -10px 5px -10px;
+ text-align: left;
+ background: rgba(80,20,10,0.2);
+ border-bottom: 1px solid #333;
+ border-top: 1px solid #333;
+ overflow: hidden;
+}
+
+.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row {
+ background: rgba(80,20,10,0.2);
+}
+
+.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
+ display: none;
+}
+
+.tabulator .tabulator-footer .tabulator-calcs-holder:only-child {
+ margin-bottom: -5px;
+ border-bottom: none;
+}
+
+.tabulator .tabulator-footer .tabulator-pages {
+ margin: 0 7px;
+}
+
+.tabulator .tabulator-footer .tabulator-page {
+ display: inline-block;
+ margin: 0 2px;
+ padding: 2px 5px;
+ border: 1px solid #333;
+ border-radius: 3px;
+ background: rgba(255, 255, 255, 0.2);
+ color: #555;
+ font-family: inherit;
+ font-weight: inherit;
+ font-size: inherit;
+}
+
+.tabulator .tabulator-footer .tabulator-page.active {
+ color: #d00;
+}
+
+.tabulator .tabulator-footer .tabulator-page:disabled {
+ opacity: .5;
+}
+
+.tabulator .tabulator-footer .tabulator-page:not(.disabled):hover {
+ cursor: pointer;
+ background: rgba(0, 0, 0, 0.2);
+ color: #fff;
+}
+
+.tabulator .tabulator-col-resize-handle {
+ position: absolute;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ width: 5px;
+}
+
+.tabulator .tabulator-col-resize-handle.prev {
+ left: 0;
+ right: auto;
+}
+
+.tabulator .tabulator-col-resize-handle:hover {
+ cursor: ew-resize;
+}
+
+.tabulator .tabulator-loader {
+ position: absolute;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-align: center;
+ align-items: center;
+ top: 0;
+ left: 0;
+ z-index: 100;
+ height: 100%;
+ width: 100%;
+ background: rgba(0, 0, 0, 0.4);
+ text-align: center;
+}
+
+.tabulator .tabulator-loader .tabulator-loader-msg {
+ display: inline-block;
+ margin: 0 auto;
+ padding: 10px 20px;
+ border-radius: 4px;
+ background: #fff;
+ font-weight: bold;
+ font-size: 16px;
+}
+
+.tabulator .tabulator-loader .tabulator-loader-msg.tabulator-loading {
+ border: 4px solid #333;
+ color: #000;
+}
+
+.tabulator .tabulator-loader .tabulator-loader-msg.tabulator-error {
+ color: #000;
+}
+
+.tabulator-row {
+ position: relative;
+ box-sizing: border-box;
+ min-height: 22px;
+}
+
+.tabulator-row.tabulator-row-even {
+}
+
+.tabulator-row.tabulator-selectable:hover {
+ cursor: pointer;
+}
+
+.tabulator-row.tabulator-selected {
+ background-color: #9ABCEA;
+}
+
+.tabulator-row.tabulator-selected:hover {
+ background-color: #555;
+ cursor: pointer;
+}
+
+.tabulator-row.tabulator-row-moving {
+ border: 1px solid #000;
+ background: #fff;
+}
+
+.tabulator-row.tabulator-moving {
+ position: absolute;
+ border-top: 1px solid #333;
+ border-bottom: 1px solid #333;
+ pointer-events: none;
+ z-index: 15;
+}
+
+.tabulator-row .tabulator-row-resize-handle {
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ height: 5px;
+}
+
+.tabulator-row .tabulator-row-resize-handle.prev {
+ top: 0;
+ bottom: auto;
+}
+
+.tabulator-row .tabulator-row-resize-handle:hover {
+ cursor: ns-resize;
+}
+
+.tabulator-row .tabulator-frozen {
+ display: inline-block;
+ position: absolute;
+ background-color: inherit;
+ z-index: 10;
+}
+
+.tabulator-row .tabulator-frozen.tabulator-frozen-left {
+ border-right: 2px solid #333;
+}
+
+.tabulator-row .tabulator-frozen.tabulator-frozen-right {
+ border-left: 2px solid #333;
+}
+
+.tabulator-row .tabulator-responsive-collapse {
+ box-sizing: border-box;
+ padding: 5px;
+ border-top: 1px solid #333;
+ border-bottom: 1px solid #333;
+}
+
+.tabulator-row .tabulator-responsive-collapse:empty {
+ display: none;
+}
+
+.tabulator-row .tabulator-responsive-collapse table {
+ font-size: 13px;
+}
+
+.tabulator-row .tabulator-responsive-collapse table tr td {
+ position: relative;
+}
+
+.tabulator-row .tabulator-responsive-collapse table tr td:first-of-type {
+ padding-right: 10px;
+}
+
+.tabulator-row .tabulator-cell {
+ display: inline-block;
+ position: relative;
+ box-sizing: border-box;
+ padding: 10px;
+ border-right: 1px solid #333;
+ vertical-align: middle;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.tabulator-row .tabulator-cell.tabulator-editing {
+ border: 1px solid #1D68CD;
+ padding: 0;
+}
+
+.tabulator-row .tabulator-cell.tabulator-editing input, .tabulator-row .tabulator-cell.tabulator-editing select {
+ border: 1px;
+ background: transparent;
+}
+
+.tabulator-row .tabulator-cell.tabulator-validation-fail {
+ border: 1px solid #dd0000;
+}
+
+.tabulator-row .tabulator-cell.tabulator-validation-fail input, .tabulator-row .tabulator-cell.tabulator-validation-fail select {
+ border: 1px;
+ background: transparent;
+ color: #dd0000;
+}
+
+.tabulator-row .tabulator-cell:first-child .tabulator-col-resize-handle.prev {
+ display: none;
+}
+
+.tabulator-row .tabulator-cell.tabulator-row-handle {
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -ms-flex-align: center;
+ align-items: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -moz-user-select: none;
+ -khtml-user-select: none;
+ -webkit-user-select: none;
+ -o-user-select: none;
+}
+
+.tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box {
+ width: 80%;
+}
+
+.tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box .tabulator-row-handle-bar {
+ width: 100%;
+ height: 3px;
+ margin-top: 2px;
+ background: #666;
+}
+
+.tabulator-row .tabulator-cell .tabulator-data-tree-branch {
+ display: inline-block;
+ vertical-align: middle;
+ height: 9px;
+ width: 7px;
+ margin-top: -9px;
+ margin-right: 5px;
+ border-bottom-left-radius: 1px;
+ border-left: 2px solid #333;
+ border-bottom: 2px solid #333;
+}
+
+.tabulator-row .tabulator-cell .tabulator-data-tree-control {
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -ms-flex-align: center;
+ align-items: center;
+ vertical-align: middle;
+ height: 11px;
+ width: 11px;
+ margin-right: 5px;
+ border: 1px solid #333;
+ border-radius: 2px;
+ background: rgba(0, 0, 0, 0.1);
+ overflow: hidden;
+}
+
+.tabulator-row .tabulator-cell .tabulator-data-tree-control:hover {
+ cursor: pointer;
+ background: rgba(0, 0, 0, 0.2);
+}
+
+.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse {
+ display: inline-block;
+ position: relative;
+ height: 7px;
+ width: 1px;
+ background: transparent;
+}
+
+.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {
+ position: absolute;
+ content: "";
+ left: -3px;
+ top: 3px;
+ height: 1px;
+ width: 7px;
+}
+
+.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand {
+ display: inline-block;
+ position: relative;
+ height: 7px;
+ width: 1px;
+ background: #333;
+}
+
+.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {
+ position: absolute;
+ content: "";
+ left: -3px;
+ top: 3px;
+ height: 1px;
+ width: 7px;
+ background: #333;
+}
+
+.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle {
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -ms-flex-align: center;
+ align-items: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -moz-user-select: none;
+ -khtml-user-select: none;
+ -webkit-user-select: none;
+ -o-user-select: none;
+ height: 15px;
+ width: 15px;
+ border-radius: 4px;
+ background: #666;
+ color: #fff;
+ font-weight: bold;
+ font-size: 1.1em;
+}
+
+.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle:hover {
+ opacity: .7;
+}
+
+.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-close {
+ display: initial;
+}
+
+.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-open {
+ display: none;
+}
+
+.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle .tabulator-responsive-collapse-toggle-close {
+ display: none;
+}
+
+.tabulator-row.tabulator-group {
+ box-sizing: border-box;
+ border-bottom: 1px solid #999;
+ border-right: 1px solid #333;
+ border-top: 1px solid #999;
+ padding: 5px;
+ padding-left: 10px;
+ background: #333;
+ font-weight: bold;
+ min-width: 100%;
+}
+
+.tabulator-row.tabulator-group:hover {
+ cursor: pointer;
+ background-color: rgba(0, 0, 0, 0.1);
+}
+
+.tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow {
+ margin-right: 10px;
+ border-left: 6px solid transparent;
+ border-right: 6px solid transparent;
+ border-top: 6px solid #666;
+ border-bottom: 0;
+}
+
+.tabulator-row.tabulator-group.tabulator-group-level-1 .tabulator-arrow {
+ margin-left: 20px;
+}
+
+.tabulator-row.tabulator-group.tabulator-group-level-2 .tabulator-arrow {
+ margin-left: 40px;
+}
+
+.tabulator-row.tabulator-group.tabulator-group-level-3 .tabulator-arrow {
+ margin-left: 60px;
+}
+
+.tabulator-row.tabulator-group.tabulator-group-level-4 .tabulator-arrow {
+ margin-left: 80px;
+}
+
+.tabulator-row.tabulator-group.tabulator-group-level-5 .tabulator-arrow {
+ margin-left: 100px;
+}
+
+.tabulator-row.tabulator-group .tabulator-arrow {
+ display: inline-block;
+ width: 0;
+ height: 0;
+ margin-right: 16px;
+ border-top: 6px solid transparent;
+ border-bottom: 6px solid transparent;
+ border-right: 0;
+ border-left: 6px solid #666;
+ vertical-align: middle;
+}
+
+.tabulator-row.tabulator-group span {
+ margin-left: 10px;
+ color: #d00;
+}
+
+.tabulator-edit-select-list {
+ position: absolute;
+ display: inline-block;
+ box-sizing: border-box;
+ max-height: 200px;
+ background: #fff;
+ border: 1px solid #333;
+ font-size: 14px;
+ overflow-y: auto;
+ -webkit-overflow-scrolling: touch;
+ z-index: 10000;
+}
+
+.tabulator-edit-select-list .tabulator-edit-select-list-item {
+ padding: 4px;
+ color: #333;
+}
+
+.tabulator-edit-select-list .tabulator-edit-select-list-item.active {
+ color: #fff;
+ background: #1D68CD;
+}
+
+.tabulator-edit-select-list .tabulator-edit-select-list-item:hover {
+ cursor: pointer;
+ color: #fff;
+ background: #1D68CD;
+}
+
+.tabulator-edit-select-list .tabulator-edit-select-list-group {
+ border-bottom: 1px solid #333;
+ padding: 4px;
+ padding-top: 6px;
+ color: #333;
+ font-weight: bold;
+}