--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/src/pyams_skin/resources/less/tables.less Thu Feb 13 11:43:31 2020 +0100
@@ -0,0 +1,830 @@
+/*
+ * Tables and datatables
+ */
+
+@import "colors.less";
+
+.table-full {
+ width: 100%;
+}
+
+.table-wrap {
+ overflow: auto;
+}
+
+.table.has-tickbox {
+ thead tr th:first-child {
+ width: 18px;
+ }
+ &.ams-form tbody tr td:first-child .checkbox,
+ &.ams-form tbody tr td:first-child .radio,
+ &.ams-form thead tr th:first-child .checkbox,
+ &.ams-form thead tr th:first-child .radio {
+ padding: 0!important;
+ }
+}
+
+.table-dnd {
+ tbody {
+ tr {
+ &.dragging-row {
+ td {
+ background-color: @activeTabBg !important;
+ }
+ }
+
+ &:not(.no-drag-handle) td:first-child {
+ padding-left: 20px!important;
+ }
+ }
+ td.sorter,
+ td.sorter a {
+ cursor: move!important;
+ }
+ td.drag-handle {
+ background: transparent url('../img/vert-drag-handle.png') scroll no-repeat left 50%;
+ }
+ }
+}
+table:not(.table-dnd) {
+ td.sorter {
+ width: 35px!important;
+
+ a {
+ display: none;
+ }
+ }
+}
+.table-tight {
+ td,
+ th {
+ padding: 4px 8px!important;
+ line-height: 1.3!important;
+
+ input[type="text"] {
+ height: 20px;
+ padding: 3px 8px;
+ }
+ }
+}
+.table-small {
+ td,
+ th {
+ padding: 2px 8px!important;
+ line-height: 1.2!important;
+
+ input[type="text"] {
+ height: 18px;
+ padding: 2px 8px;
+ }
+ }
+}
+.table-mini {
+ td,
+ th {
+ padding: 1px 8px!important;
+ line-height: 1.1!important;
+
+ input[type="text"] {
+ height: 16px;
+ padding: 1px 8px;
+ }
+ }
+}
+
+.table-bordered {
+ >thead >tr >td,
+ >thead >tr >th {
+ border-width: 1px;
+ }
+ .no-padding {
+ & >.table-bordered {
+ border: 0!important;
+
+ tbody tr td:first-child,
+ thead tr td:first-child,
+ thead tr th:first-child {
+ border-left-width: 0!important;
+ }
+ tbody tr td:last-child,
+ thead tr th:last-child {
+ border-right-width: 0!important;
+ }
+ tbody tr:last-child {
+ td {
+ border-bottom-width: 0 !important;
+ }
+ &:nth-child(1),
+ &:nth-child(2) {
+ td {
+ border-bottom: 1px solid #ddd!important;
+ }
+ }
+ }
+ }
+ }
+ .no-padding .note-editable & {
+ border: 1px solid @tableBorderColor!important;
+ }
+}
+
+tr.current {
+ td {
+ background-color: @tableCurrentColor!important;
+ }
+}
+
+tr.bordered-bottom {
+ th,
+ td {
+ border-bottom: 1px solid @tableBorderColor;
+ }
+}
+
+.table-hover {
+ >tbody >tr:hover >td,
+ >tbody >tr:hover >th {
+ background-color: @tableHoverColor;
+ }
+}
+
+th {
+ >.btn-group:first-child {
+ margin-left: 20px;
+ vertical-align: bottom;
+ }
+}
+
+th.checker,
+td.checker {
+ width: 30px;
+}
+
+th.actions-menu {
+ width: 70px;
+}
+
+th.action,
+td.action {
+ width: 16px;
+}
+
+.dt-row {
+ padding: 4px 10px;
+}
+
+.dt-top-row {
+ height: 0;
+ line-height: 0;
+ position: relative;
+}
+
+.dt-bottom-row {
+ background: #fafafa;
+ font-size: 11px;
+ overflow: hidden;
+ padding: 5px 10px;
+ border-top: 1px solid #ccc;
+ -webkit-box-shadow: inset 0 1px #fff;
+ -ms-box-shadow: inset 0 1px #fff;
+ box-shadow: inset 0 1px #fff;
+
+ .ams-form & .row {
+ margin: 0!important;
+ }
+}
+
+.modal-dialog .ams-form .dt-bottom-row {
+ padding: 5px 10px!important;
+
+ .row {
+ margin: 0;
+ }
+}
+
+.dataTables_length {
+ position: absolute;
+ right: 13px;
+ top: -35px;
+
+ select {
+ width: 60px;
+ padding: 3px;
+ font-size: 13px;
+ border: 1px solid #bbb;
+ }
+}
+
+.dataTables_filter {
+ position: absolute;
+ left: 10px;
+ top: -35px;
+
+ input {
+ padding: 3px 8px 1px;
+ font-size: 13px;
+ }
+ .form-control {
+ height: 28px;
+ }
+ .input-group {
+ width: 180px!important;
+ }
+ input select {
+ border: 1px solid #bbb;
+ }
+}
+
+.dataTables_paginate {
+ margin: 4px 0 0;
+
+ .pagination {
+ margin: 0;
+ }
+ .btn-group {
+ a {
+ color: #2E5F87;
+ }
+ }
+}
+
+.dt-wrapper {
+// overflow: hidden;
+}
+
+.dataTables_wrapper {
+ position: relative;
+
+ table.table {
+ clear: both;
+ max-width: inherit;
+ margin-bottom: 0;
+
+ thead {
+ th {
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ -ms-text-overflow: ellipsis;
+ }
+
+ .sorting,
+ .sorting_asc,
+ .sorting_asc_disabled,
+ .sorting_desc,
+ .sorting_desc_disabled {
+ cursor: pointer;
+ padding-right: 18px!important;
+ }
+
+ .sorting {
+ background: url(../img/datatable/sort_both.png) no-repeat center right;
+ }
+
+ .sorting_asc {
+ background: @tableSortColor url(../img/datatable/sort_asc.png) no-repeat center right;
+ }
+
+ .sorting_desc {
+ background: @tableSortColor url(../img/datatable/sort_desc.png) no-repeat center right;
+ }
+
+ .sorting_asc_disabled {
+ background: url(../img/datatable/sort_asc_disabled.png) no-repeat center right;
+ }
+
+ .sorting_desc_disabled {
+ background: url(../img/datatable/sort_desc_disabled.png) no-repeat center right;
+ }
+ }
+
+ tbody tr.active {
+ th,
+ td {
+ background-color: #08C;
+ color: #fff;
+ }
+
+ &:hover td,
+ &:hover th {
+ background-color: #0075b0!important;
+ }
+ }
+ }
+
+ table.dataTable th:active {
+ outline: 0;
+ }
+
+ .table-striped tbody tr.active:nth-child(odd) td,
+ .table-striped tbody tr.active:nth-child(odd) th {
+ background-color: #017ebc;
+ }
+
+ select {
+ min-height: inherit;
+ }
+
+ table+.row {
+ margin-bottom: 0;
+ margin-top: 10px;
+ }
+
+ .dt_actions {
+ float: left;
+ margin-right: 20px;
+ }
+
+ .bottom,
+ .top {
+ background-color: #f5f5f5;
+ border: 1px solid #CCC;
+ padding: 15px;
+ }
+
+ div.DTTT .btn:hover {
+ text-decoration: none!important;
+ }
+
+ ul.DTTT_dropdown.dropdown-menu {
+ a {
+ color: #333!important;
+ }
+
+ li:hover a {
+ background-color: #08c;
+ color: #fff!important;
+ }
+ }
+
+ div.DTTT_print_info {
+ &.modal {
+ height: 150px;
+ margin-top: -75px;
+ text-align: center;
+ }
+
+ h6 {
+ font-weight: 400;
+ font-size: 28px;
+ line-height: 28px;
+ margin: 1em;
+ }
+
+ p {
+ font-size: 14px;
+ line-height: 20px;
+ }
+ }
+
+ div.DTFC_LeftFootWrapper table,
+ div.DTFC_LeftHeadWrapper table,
+ table.DTFC_Cloned tr.even {
+ background-color: #fff;
+ }
+
+ div.DTFC_LeftHeadWrapper table {
+ margin-bottom: 0!important;
+ border-top-right-radius: 0!important;
+ border-bottom-left-radius: 0!important;
+ border-bottom-right-radius: 0!important;
+ }
+}
+
+.no-padding {
+ .dataTables_wrapper table,
+ >table {
+ border: 0!important;
+ margin-bottom: 0!important;
+
+ &.border-top {
+ border-top: 1px solid #ddd!important;
+ }
+ tr td:first-child,
+ tr th:first-child {
+ border-left: 0!important;
+ }
+ tr td:last-child,
+ tr th:last-child {
+ border-right: 0!important;
+ }
+ tr:last-child td {
+ border-bottom: 0;
+ }
+ }
+}
+
+.dataTables_scrollBody {
+ -webkit-overflow-scrolling: touch;
+}
+
+.dataTables_info {
+ .top & {
+ float: none;
+ }
+
+ div.dt-bottom-row & {
+ float: left;
+ padding-top: 10px;
+ font-size: 12px;
+ }
+}
+
+.dataTables_full {
+ width: 100%!important;
+}
+
+.dataTables_empty {
+ text-align: center!important;
+ font-size: 15px;
+ background: #fff!important;
+ padding: 20px 0!important;
+ cursor: default;
+}
+
+.dataTables_scroll {
+ clear: both;
+}
+
+.dataTables_scrollHeadInner table.table-bordered {
+ border-radius: 4px 4px 0 0;
+
+ &,
+ & thead {
+ border-bottom: 0;
+ }
+}
+
+.dataTables_scrollBody table {
+ border-top: 0;
+}
+
+.dataTables_processing {
+ position: absolute;
+ top: 50%;
+ margin-top: -24px;
+ z-index: 100;
+ left: 50%;
+ width: 250px;
+ margin-left: -125px;
+ border: 1px solid #ddd;
+ text-align: center;
+ color: #000;
+ background: #fff;
+ font-size: 15px!important;
+ -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
+ -ms-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
+ box-shadow: 0 0 4px rgba(0, 0, 0, .2);
+ padding: 10px 0;
+}
+
+.dataTables_wrapper {
+ .center {
+ text-align: center;
+ }
+
+ .details,
+ .details:hover {
+ background: #ddd!important;
+ }
+
+ .details table td {
+ background: #fff!important;
+ }
+}
+
+.dataTables_scrollHeadInner table.table,
+.dataTables_wrapper .details table.table {
+ margin: 0!important;
+}
+
+.dataTables_scrollHead table {
+ margin-bottom: 0!important;
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+
+ thead tr:last-child th:first-child {
+ border-bottom-left-radius: 0!important;
+ border-bottom-right-radius: 0!important;
+ }
+}
+
+.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child,
+.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child {
+ border-bottom-left-radius: 0!important;
+ border-bottom-right-radius: 0!important;
+}
+
+.DTFC_LeftBodyWrapper table,
+.dataTables_scrollBody table {
+ border-top: 0;
+ margin-bottom: 0!important;
+}
+.DTFC_LeftBodyWrapper tbody tr:first-child td,
+.DTFC_LeftBodyWrapper tbody tr:first-child th,
+div.DTFC_LeftFootWrapper table,
+div.dataTables_scrollBody tbody tr:first-child th,
+div.dataTables_scrollFoot table {
+ border-top: 0;
+}
+
+
+/*
+ * Datatables ColVis plug-in
+ */
+
+.ColVis {
+ position: absolute;
+ right: 83px;
+ top: -35px;
+}
+
+.ColVis_collection {
+ position: relative;
+ width: 180px;
+ background-color: #fff;
+ border: 1px solid rgba(0, 0, 0, .2);
+ -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
+ box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
+ z-index: 1102;
+ padding-top: 3px;
+ padding-left: 10px;
+ list-style-type: none;
+ list-style-position: outside;
+
+ .ColVis_Button {
+ position: relative;
+ margin-right: 3px;
+ height: 30px;
+ background-color: #fff;
+ border: 1px solid #d0d0d0;
+ cursor: hand;
+ padding: 3px 5px;
+ }
+
+ button.ColVis_Button {
+ padding: 4px 12px;
+ height: 26px;
+ background-color: #fff;
+ border: 0;
+ width: 100%;
+ float: none;
+ font-size: 12px;
+
+ &+button.ColVis_Button {
+ border-top: 1px solid #e1e1e1;
+ }
+
+ button.ColVis_Button input {
+ margin: 0;
+ }
+ }
+}
+
+button.ColVis_Button {
+ padding: 4px 5px;
+ text-align: left;
+
+ &::-moz-focus-inner {
+ border: 0!important;
+ padding: 0;
+ }
+}
+
+.ColVis_collectionBackground {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background-color: #000;
+ z-index: 1100;
+}
+
+div.ColVis_catcher {
+ position: absolute;
+ z-index: 1101;
+}
+
+span.ColVis_radio {
+ display: inline-block;
+ width: 20px;
+ vertical-align: -2px;
+}
+
+.ColVis_text_hover,
+div.ColVis_collection button.ColVis_Button:hover {
+ background: #F2F2F2;
+ color: #222;
+}
+
+
+/*
+ * Datatables columns reorder plug-in
+ */
+
+table.DTCR_clonedTable {
+ background-color: #fff;
+ z-index: 202;
+}
+
+div.DTCR_pointer {
+ width: 1px;
+ background-color: #0259C4;
+ z-index: 201;
+}
+
+ul.DTTT_dropdown.dropdown-menu li {
+ position: relative;
+
+ &:hover a {
+ background-color: #f2f2f2;
+ color: #333!important;
+ }
+}
+
+.table_tools_group {
+ position: absolute;
+ right: 83px;
+ top: -37px;
+}
+
+.DTTT.btn-group {
+ position: absolute;
+ top: -38px;
+ right: 83px;
+}
+
+.DTTT_dropdown {
+ z-index: 2002;
+}
+
+.DTFC_LeftHeadWrapper {
+ border-bottom: 1px solid #ddd;
+}
+
+div.DTTT_container {
+ position: relative;
+ float: right;
+ margin-bottom: 1em;
+}
+
+a.DTTT_button,
+button.DTTT_button,
+div.DTTT_button {
+ position: relative;
+ float: left;
+ margin-right: 3px;
+ padding: 5px 8px;
+ border: 1px solid #999;
+ cursor: pointer;
+ *cursor: hand;
+ font-size: .88em;
+ color: #000!important;
+ -o-border-radius: 2px;
+ border-radius: 2px;
+ -webkit-box-shadow: 1px 1px 3px #ccc;
+ -ms-box-shadow: 1px 1px 3px #ccc;
+ -o-box-shadow: 1px 1px 3px #ccc;
+ box-shadow: 1px 1px 3px #ccc;
+ background: #fff;
+ background: -webkit-linear-gradient(top, #fff 0, #f3f3f3 89%, #f9f9f9 100%);
+ background: -webkit-gradient(linear, top left, bottom left, from(#fff), color-stop(89%, #f3f3f3), to(#f9f9f9));
+ background: -webkit-linear-gradient(top, #fff 0, #f3f3f3 89%, #f9f9f9 100%);
+ background: linear-gradient(top, #fff 0, #f3f3f3 89%, #f9f9f9 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0);
+
+ &:hover {
+ border: 1px solid #666;
+ text-decoration: none!important;
+ -webkit-box-shadow: 1px 1px 3px #999;
+ -ms-box-shadow: 1px 1px 3px #999;
+ -o-box-shadow: 1px 1px 3px #999;
+ box-shadow: 1px 1px 3px #999;
+ background: #f3f3f3;
+ background: -webkit-linear-gradient(top, #f3f3f3 0, #e2e2e2 89%, #f4f4f4 100%);
+ background: -webkit-gradient(linear, top left, bottom left, from(#f3f3f3), color-stop(89%, #e2e2e2), to(#f4f4f4));
+ background: -webkit-linear-gradient(top, #f3f3f3 0, #e2e2e2 89%, #f4f4f4 100%);
+ background: linear-gradient(top, #f3f3f3 0, #e2e2e2 89%, #f4f4f4 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#f4f4f4', GradientType=0);
+ }
+}
+
+button.DTTT_button {
+ height: 30px;
+ padding: 3px 8px;
+}
+
+.DTTT_button embed {
+ outline: 0;
+}
+
+a.DTTT_disabled,
+button.DTTT_disabled,
+div.DTTT_disabled {
+ color: #999;
+ border: 1px solid #d0d0d0;
+ background: #fff;
+ background: -webkit-linear-gradient(top, #fff 0, #f9f9f9 89%, #fafafa 100%);
+ background: -webkit-gradient(linear, top left, bottom left, from(#fff), color-stop(89%, #f9f9f9), to(#fafafa));
+ background: -webkit-linear-gradient(top, #fff 0, #f9f9f9 89%, #fafafa 100%);
+ background: linear-gradient(top, #fff 0, #f9f9f9 89%, #fafafa 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fafafa', GradientType=0);
+}
+
+table.DTTT_selectable tbody tr {
+ cursor: pointer;
+ *cursor: hand;
+}
+table.dataTable tr.DTTT_selected {
+ &.odd {
+ td.sorting_1,
+ td.sorting_2,
+ td.sorting_3 {
+ background-color: #9FAFD1;
+ }
+ }
+
+ &.even {
+ td.sorting_1,
+ td.sorting_2,
+ td.sorting_3 {
+ background-color: #B0BED9;
+ }
+ }
+}
+
+div.DTTT_collection {
+ width: 150px;
+ padding: 8px 8px 4px;
+ border: 1px solid #ccc;
+ border: 1px solid rgba(0, 0, 0, .4);
+ background-color: #f3f3f3;
+ background-color: rgba(255, 255, 255, .3);
+ overflow: hidden;
+ z-index: 2002;
+ -o-border-radius: 5px;
+ border-radius: 5px;
+ -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .3);
+ -ms-box-shadow: 3px 3px 5px rgba(0, 0, 0, .3);
+ -o-box-shadow: 3px 3px 5px rgba(0, 0, 0, .3);
+ box-shadow: 3px 3px 5px rgba(0, 0, 0, .3);
+
+ a.DTTT_button,
+ button.DTTT_button,
+ div.DTTT_button {
+ position: relative;
+ left: 0;
+ right: 0;
+ display: block;
+ float: none;
+ margin-bottom: 4px;
+ -webkit-box-shadow: 1px 1px 3px #999;
+ -ms-box-shadow: 1px 1px 3px #999;
+ -o-box-shadow: 1px 1px 3px #999;
+ box-shadow: 1px 1px 3px #999;
+ }
+}
+
+div.DTTT_collection_background {
+ z-index: 2001;
+}
+
+.DTTT_print_info {
+ position: fixed;
+ top: 50%;
+ left: 50%;
+ width: 400px;
+ height: 150px;
+ margin-left: -200px;
+ margin-top: -75px;
+ text-align: center;
+ color: #333;
+ padding: 10px 30px;
+ background: #fff;
+ background: -webkit-linear-gradient(top, #fff 0, #f3f3f3 89%, #f9f9f9 100%);
+ background: -webkit-gradient(linear, top left, bottom left, from(#fff), color-stop(89%, #f3f3f3), to(#f9f9f9));
+ background: -webkit-linear-gradient(top, #fff 0, #f3f3f3 89%, #f9f9f9 100%);
+ background: linear-gradient(top, #fff 0, #f3f3f3 89%, #f9f9f9 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0);
+ opacity: .95;
+ border: 1px solid #000;
+ border: 1px solid rgba(0, 0, 0, .5);
+ -o-border-radius: 6px;
+ border-radius: 6px;
+ -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, .5);
+ -ms-box-shadow: 0 3px 7px rgba(0, 0, 0, .5);
+ -o-box-shadow: 0 3px 7px rgba(0, 0, 0, .5);
+ box-shadow: 0 3px 7px rgba(0, 0, 0, .5);
+
+ h6 {
+ font-weight: 400;
+ font-size: 28px;
+ line-height: 28px;
+ margin: 1em;
+ }
+
+ p {
+ font-size: 14px;
+ line-height: 20px;
+ }
+}